/* CSS Document */

* {margin: 0; padding: 0;}

body {font-family: arial,helvetica,sans-serif;margin:0 auto;
background-color: #b8b894;}

#fotobalk{
background-color: black;
margin:0 auto;
width:972px;
height:auto;
text-align:center;
border-radius:10px;}

.fotobalk {margin-top:14px; width:940px;}

.titelbalk {width:360px;text-align:center; background-color:black;}

#menu{
width:962px;
height:52px;
margin:5px auto 0;
padding-top:2px ;
padding-left:12px;
border-radius: 10px;
background-color:black;}

#menu ul {list-style-type:none;}
#menu ul li {float: left; position: relative; }

#menu ul li a {
background-color:black;
border: 0;
color: #808080;
font-size:20px; 
padding:12px 10px; 
text-align:left; 
text-decoration:none;
display:block;}

#menu ul li:hover ul {display:block; position:absolute; z-index:2;}
#menu ul li a:hover {background-color: black;color:white;}

.dagoverzichten ul {display:none;}
.dagoverzichten ul li a { 
font-size:20px; 
color:#808080;
text-align:left;
text-decoration:none;
display: block;
min-width:142px;}

.jaaroverzichten ul {display:none;}
.jaaroverzichten ul li a { 
font-size:20px; 
color:  #808080;
text-align:left;
text-decoration:none;
display: block;
min-width:140px;}

.buitenland ul {display:none;}
.buitenland ul li a { 
font-size:20px; 
color:  #808080;
text-align:left;
text-decoration:none;
display: block;
min-width:95px;}

.extra ul {display:none;}
.extra ul li a { 
font-size:20px; 
color:  #808080;
text-align:left;
text-decoration:none;
display: block;
min-width:80px;}

.archief ul {display:none;}
.archief ul li a { 
font-size:20px; 
color:  #808080;
text-align:left;
text-decoration:none;
display: block;
min-width:64px;}

#vak{ 
width:888px;
height:auto;
margin:10px auto;
padding:40px;
background-color:#808080;
border:2px solid white;
border-radius: 10px;
overflow:hidden; }

.overmijfoto{
width:400px;
height:auto;
border:1px solid black;
border-radius: 10px;
Margin-top:20px;}

.ondertekst{
color:white;
font-style:italic;
font-size:16px;
margin-bottom:20px;}

.eindtekst{
font-size:30px;
text-align:center;}

.linktekst{
clear:both;
padding:10px;
font-size:30px;
text-align:center;
border:1px solid black;
border-radius: 10px;}

.ankertekst{	
width:860px;
margin:10px;
color:black;
clear:both;
font-size:20px;
font-weight: bold;
text-align:center;
border:1px solid black;
border-radius: 10px;}

#abc{
width:860px;
margin-left:10px;
margin-bottom:30px;
color:white;
clear:both;
font-size:20px;
text-align:center}

.middenfoto{
float:left;
width:400px;
height:266px;}

.middenfoto img{ 
width:400px;
height:266px;
border: 1px solid black;
border-radius: 10px;}

.middentekst{
margin-left:30px;
float:left;
width:440px;
height:266px;
margin-bottom:20px;}

a:link {color:black;text-decoration:none;}
a:visited {color:black;text-decoration:none;}
a:hover {color:white;text-decoration:none;}
a:active {color:black;text-decoration:none;}

.middentekstboven{
margin-left:20px;
float:left;
width:440px;
height:66px;
color:white;
font-size:30px;}
	
.middentekstmidden{
margin-left:20px;
float:left;
width:440px;
height:160px;
color:black;
font-size:18px;}

.middentekstonder{
margin-left:20px;
float:left;
width:440px;
height:40px;
color:black;
font-size:15px;}

.titel{
text-align:center;
color:black;
font-size:20px;}

#fotooverzicht{
margin-left: 5px;
margin-top:20px;
width:900px;
height:auto;}

.alfabetisch{
width:220px;
height:180px;
float:left;
position:relative;}

.alfabetisch p{
margin-top:140px;
width:200px;
height:25px;
color:white;
text-align:center;}

.fotooverzicht{
margin:10px;
width:200px;
height:133px;
float:left;
position:relative;}

.fotooverzicht:hover{z-index:10;}

.fotooverzicht img{
width:100%;
height:100%;
border:1px solid black;
border-radius: 10px;
top:0;
left:0;
position:absolute;}

.fotooverzicht img:hover{
width:106%;
height:106%;
border:1px solid black;
border-radius: 10px;
top:-3%;
left:-3%;
position:absolute;}

#websites {
margin:40px auto 0;
text-align:center;}

#websites ul {list-style-type:none;}
#websites ul li a{font-size:20px;color:black;text-decoration:none;}
#websites ul li a:hover{color: white;}

.tekst{
color:black;
font-size:18px;
margin:20px auto 0;
max-width:780px;
text-align:center;
padding:10px;}

#navigatiebalk{
margin:0 auto;
position:relative;
top:20px;
clear:both;
width:200px;
height:auto;
background-color:#808080;
border:1px solid black;
border-radius: 10px;
padding:5px 0;}

#navigatiebalkiconen{text-align:center;}
#navigatiebalkiconen img{padding:3px 10px;height:40px;width:40px;}

#navigatiebalkenkel{
position:relative;
top:20px;
clear:both;
width:60px;
height:auto;
margin:0 auto;
background-color:#808080;
border:1px solid black;
border-radius: 10px;
padding:5px 5px;}

#navigatiebalkenkel{text-align:center;}
#navigatiebalkenkel img{padding:3px 5px;}

.boven{height:40px;width:40px;}

#lijst{
width:680px;
height:100px;
margin:0 auto;
background-color:#808080}

#lijst ul {list-style-type:none;}
#lijst ul li {float: left; position: relative;}

#lijst ul li a {
background-color:#808080;
border: 0;
color: black;
font-size:14px; 
padding:12px 10px; 
text-align:left; 
text-decoration:none;
display:block;}

#lijst ul li:hover ul {display:block; position:absolute; z-index:2;}
#lijst ul li a:hover {background-color: black;color:white;}

.lijst ul {display:none;}

.lijst ul li a { 
font-size:14px; 
color:#808080;
text-align:left;
text-decoration:none;
display: block;
min-width:140px;}

#underconstruction{
margin-top:50px;
text-align:center;}