body {
background-color: black;
color: white;
font-family: arial;
font-size:1.7vmin;
}

#content {
height:96vh;
border: 0px solid yellow;
padding: 0;
margin:0;
}

	#logo {
	width:12%;
	z-index:10;
	position: fixed;
	top: 0vh;
	right: 3vw;
	}

	#bovenvak {
	width:97vw;
	height:7vh;
	border: 0px solid yellow;
	padding:0.3em;
	}

		#titel {
		display:inline-block;
		width: 80%;
		font-size:2em;
		font-weight:bold;
		text-align: center;
		border:0px solid red;
		height:100%;
		}
		
		#zoekvak {
		display:inline-block;
		width: 18%;
		text-align: center;
		border: 0px solid blue;
		}
		
			#helelijst {
			float:right;
			text-decoration:underline;
			cursor:pointer; 
			visibility: hidden;
			font-size:1.2em;
			}

	#middenvak {
	width:97vw;
	height:80vh;
	border: 0px solid red;
	position: relative;
	padding: 0;
	margin:0;
	background-color: black;
	font-size : 1.7vmin;
	font-weight:bold;
	}
	
		#menuvak {
		float:left;
		width:19%;
		height:100%;
		border-right: 1px solid grey;
		border: 1px solid grey;
		display:inline-block;
		overflow: scroll;
		padding: 0.3em;
		}

		#plaatjevak{
		height :100%;
		width: 80%;
		border: 0px solid yellow;
		display:inline-block;
		padding: 0.1em;
		overflow: auto;
		font-size:1.8em;
		}
		
			#plaatje{
			display:inline-block;
		border: 0px solid blue;
			width:60%;
			text-align: center;
			margin: 0 auto;
			}

			.toleft, .toright{
			display:inline-block;
		border: 0px solid red;
			height:30vh;
			width:10%;
			padding:25vh 5% 0 5%;
			}

			.toleft{
			float:left;
			}

			.toright{
			float:right;
			}
			
			#onderschrift{
			display:inline-block;
			width:60%;
			}
			
			.vogelfoto{
			width:80%;
			}
		
	#ondervak {
	width:97vw;
	height:7vh;
	border: 0px solid green;
	clear:both;
	font-size:1.2em;
	font-weight:bold;
	}

		#linksonder{
		display:inline-block;
		float:left;
		width:19vw;
		border:0px solid yellow;
		margin:0;
		padding:0.5em;
		}

		#middenonder{
		display:inline-block;
		text-align:center;
		width:56vw;
		border:0px solid yellow
		margin:0 auto 0 auto;
		padding:0.5em;
		}
		
		#rechtsonder{
		display:inline-block;
		float:right;
		width:19vw;
		border:0px solid yellow;
		margin:0;
		padding:0.5em;}



#cameratekst{
text-align:left;
font-size:0.5em;
}

#introtekst{
text-align:left;
font-size:0.9em;
}

a:link { color: white; font-size : em; font-weight: bold; }
a:visited { color: white; font-size : em; font-weight: bold; }
a:hover { color: red;  font-size : em; font-weight: bold; font-style: italic;}
a:active, a:focus { color: red; font-weight: bold; font-style: italic;}

a:link img { border-color: black; }
a:visited img { border-color: black; }
a:hover img { border-color: white; }
a:active img { border-color: black; }


.menu:link { color: white; font-weight: bold; }
.menu:visited { color: white;  }
.menu:hover { color: red;   font-style: italic;}
.menu:active, .menu:focus { color: red; font-style:normal}

.menu {
color: white;
text-decoration:underline;
cursor:pointer;
}

.mini {
color: yellow;
font-size : 0.8em;
font-weight: bold;
font-style: italic;
} 

a.mini:link { color: yellow; font-weight: bold; font-size : 0.8em; }
a.mini:visited { color: yellow;  }
a.mini:hover { color: red;   font-style: italic;}
a.mini:active, a.mini:focus { color: red; font-style:normal}


nav {
  width: 100%;
}

nav ul {
  text-align: justify;
  line-height: 0;
  margin: 0;
  padding: 0;
  height:0.8em;
}

nav ul:after {
  content: '';
  display: inline-block;
  width: 100%;
}

nav ul li {
  display: inline-block;
  line-height: 100%;
}

#timespent{
display:online-block;
width:19vw;
border:1px solid yellow;
}

#tohomepage{
text-align: center;
display:inline-block;
width:57vw;
border:1px solid yellow;
}