@charset "UTF-8";
/* CSS Document */

body  {
	background: #4B453B;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #F9F9F9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#vpcontainer{
position: absolute;
background-image:url(voorpagina.jpg);
background-repeat:no-repeat;
background-position:60%;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 554px;
	margin: -277px 0 0 -400px;
}
#pijl a{
	position:absolute;
	width:37px;
	height:23px;
	left:628px;
	bottom:18px;
	background-image:url(pijl.gif);
}

#pijl a:hover{
background-image:url(pijl2.gif);
}
#container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
height:auto;
} 
#header{
background-image:url(header.gif);
height:160px;
background-position:-47px 25px;
background-repeat:no-repeat;
}
#fotogr1{
	position:absolute;
	left:80px;
	width:545px;
	height:363px;
	top: 171px;
}
#fotogr2{
	position:absolute;
	left:80px;
	width:545px;
	height:363px;
	top: 171px;
	visibility: hidden;	
}
#fotogr3{
	position:absolute;
	left:80px;
	width:545px;
	height:363px;
	top: 171px;
	visibility: hidden;	
}
#fotogr4{
	position:absolute;
	left:80px;
	width:545px;
	height:363px;
	top: 171px;
	visibility: hidden;	
}
#foto1{
	position:absolute;
	top:545px;
	left:80px;
	width:90px;
	height:60px;
}
#foto2{
position:absolute;
top:545px;
left:180px;
width:90px;
height:60px;
}
#foto3{
position:absolute;
top:545px;
left:280px;
width:90px;
height:60px;
}
#foto4{
position:absolute;
top:545px;
left:380px;
width:90px;
height:60px;
}
#foto1:hover{
	cursor:move;
	border:2px #CCCCCC solid;
}
#foto2:hover{
	cursor:move;
	border:2px #CCCCCC solid;
}
#foto3:hover{
cursor:move;
	border:2px #CCCCCC solid;
}
#foto4:hover{
cursor:move;
	border:2px #CCCCCC solid;
}
#mainContent {
padding:463px 0 0 80px;
height:500px;
}
p.donker{
background:#5D554C;
padding:10px 20px 0 20px;
}
h2.donker{
background:#5D554C;
padding:30px 20px 0 20px;
}
p.medium{
background:#6B6359;
padding:10px 20px 0 20px;
}
h2.medium{
background:#6B6359;
padding:30px 20px 0 20px;
}
h2.licht{
background:#968B7D;
padding:30px 20px 0 20px;
}
p.licht{
background:#968B7D;
padding:10px 20px 0 20px;
}
h2{
	font-family:  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	width:505px;
	padding: 0;
	margin:0;
	font-weight: bold;
		}
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	line-height: 150%;
	width:505px;
	padding: 0;
	margin:0;
	}
a:link, a:visited{
color: #F9F9F9;	
	}
a:hover, a:active{
	color: #3B362E;
	}
#navigatie{
	position:absolute;
	left:80px;
	height:22px;
	width:545px;
	text-align:justify;
	padding:0;
	margin:0;
	background:#807B74;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #3B362E;
	top:138px;
	}

#navigatie a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	text-decoration: none;
}
#navigatie a:link, a:visited{
	color: #3B362E;
}
#navigatie a:hover, a:active{
	color: #F9F9F9;
}
#navigatie ul{
list-style: none;
padding:0;
margin:0;
}
#navigatie li{
display: inline;
padding:0 0 0 20px;
margin:0;
}
#hier{
color:#F9F9F9;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
#formulier{
height:800px;
background-color:#5C554C;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	line-height: 150%;
	width:505px;
	padding: 40px 0 0 40px;
	margin:0 0 0 80px;
	}
#button{
width: 60px;
font-size:10px;
color:#4B453B;
background-color:#F9F9F9;
margin: 0 40px 0 0;
padding:0;
}
.invoer{
color: #4B453B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width:165px;
	height:13px;
	padding-top:3px;
	}
.invoert{
color: #4B453B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width:165px;
	padding-top:3px;
	}
#gelegenheid{
width: 169px;
font-size:10px;
color:#5D554C;
background-color:#F9F9F9;
}
#kalender{
	position:absolute;
	width:200px;
	left: 473px;
	top: 305px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-align: center;
	padding: 0px;
	margin-top: 80px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 30px;
	font-weight: normal;
}