/* general layout  */
html,body{
	height:100%;
	background:#d9d9d9;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,fieldset,input, div, td, cite{ 
	margin:0; 
	padding:0; 
}


body {
	margin: 0px 0px 0px 50%;
}


p, a, li, td, blockquote, ol, div, dd, dt, body{
	font: normal 10px verdana, tahoma, Arial, Helvetica, sans-serif ;
	text-decoration:none;
	color:#577D80;
	line-height:10px;
}

h1{
	font: normal 24px impact, tahoma, Arial, Helvetica, sans-serif ;
	text-decoration:none;
	color:#577D80;
	margin:0 0 0 0;
	line-height:30px;
}
h2{
	font: bold 64px tahoma, Arial, Helvetica, sans-serif ;
	text-decoration:none;
	color:#fa1122;
	line-height:24px;
}

h3{
	font: bold 21px tahoma, Arial, Helvetica, sans-serif ;
	text-decoration:none;
	color:#577D80;
	line-height:24px;
}


a:hover{
	text-decoration:underline;
	color:#fa1122;
}

active.a{
	color:#fa1122;
}

/* general definitions  */

p{
	padding:10px;
}

ul{
}

img{
	border:1px solid #577D80;
	
}




/* 





/*positie*/

div#hidden{
	display:none;
}

div#wrapper{
position:absolute;
	margin:0 0 0  -400px;
	width:840px;/*ie5*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:800px;
	height:100%;
	
}
#logogroen{
	font: bold 64px tahoma, Arial, Helvetica, sans-serif ;
	text-decoration:none;
	color:#0DAA0D;
	line-height:64px;
	position:absolute;
	left:442px;
	top:10px;
}
div#kop{
	padding:30px 4px 0 4px;
	margin:0;
	position:absolute;
	left:18px;
	top:60px;
	width:766px;
	height:150px;
	background:url(../images/kop.gif) no-repeat top center;

}
/* 

menu!

*/

#menu {
z-index:200;
padding:30px 0 0 0;
}



	ul#menu li a{
		color:#0daa0d;
		font: bold 18px tahoma, arial;
		padding:30px 10px 0 10px;
	}

	ul#menu li a:hover , ul#menu li a.active{
		color:#fa1122;
		text-decoration:none;
		font:  bold 18px tahoma, arial;
		padding:30px 10px 0 10px;
	}

	ul#menu li{
		list-style-type:none;
		float:left;
		padding:0 5px 0 15px;/*ie5*/
		padding:4px 0 0 30px
	}
div#blok {
	position:absolute;
	left:18px;
	top:220px;
	height:334px;
	width:766px;
	border:solid 1px #577D80;
	padding:10px;
	background:white;
	}
	
	div#blok a{
		color:#0daa0d;
		text-decoration:none;
		font:  bold 18px tahoma, arial;
	}
	div#blok a:hover{
		color:#fa1122;
		text-decoration:none;
		font:  bold 18px tahoma, arial;
	}
div#blokjeNWL a{
	position:absolute;
	left:18px;
	top:296px;
	height:120px;
	width:150px;
	font: normal 18x impact, tahoma, Arial, Helvetica, sans-serif ;
	}

div#blokjeNWR a{
	position:absolute;
	left:235px;
	top:296px;
	height:120px;
	width:150px;
	font: normal 18x impact, tahoma, Arial, Helvetica, sans-serif ;
	}
div#blokjeNOL a{	
	position:absolute;
	left:451px;
	top:296px;
	height:120px;
	width:150px;
	font: normal 18x impact, tahoma, Arial, Helvetica, sans-serif ;
	}
div#blokjeNOR a{
	position:absolute;
	left:662px;
	top:296px;
	height:120px;
	width:150px;
	font: normal 18x impact, tahoma, Arial, Helvetica, sans-serif ;
	}
div#blokjeZWL a{
	position:absolute;
	left:18px;
	top:440px;
	height:120px;
	width:150px;
	font: normal 18x impact, tahoma, Arial, Helvetica, sans-serif ;
	}
div#blokjeZWR a{
	position:absolute;
	left:235px;
	top:440px;
	height:120px;
	width:150px;
	font: normal 18x impact, tahoma, Arial, Helvetica, sans-serif ;
	}
div#blokjeZOL a{
	position:absolute;
	left:451px;
	top:440px;
	height:120px;
	width:150px;
	font: normal 18x impact, tahoma, Arial, Helvetica, sans-serif ;
	}
div#blokjeZOR a{
	position:absolute;
	left:662px;
	top:440px;
	height:120px;
	width:150px;
	font: normal 18x impact, tahoma, Arial, Helvetica, sans-serif ;
	}