/* algemene opmaak */

html, body{

	background-color:#ffffff;

	width:100%;
	height:100%;
	margin:0px;
	padding:0px;

	font-family:Verdana, Helvetica, sans_serif;
	font-size:11px;
	letter-spacing:0.5px;
	color:#00334c;

}

div#inhoud{
	
	position:absolute;
	top:0%;
	width:90%;
	z-index: 2;

	left: 5%;

}

/* algemene opmaak */


#apDiv1 {
	position:relative;
	width:900px;
	left: 14px;
	top: 200px;
	z-index: 2;
	height: 400px;
}

#PeterVenema {
	position:relative;
	width:800px;
	left: 55px;
	top: 200px;
	z-index: 2;
	height: 400px;
}

#knoppen {
	position:absolute;
	width:300px;
	height:115px;
	z-index:3;
	left: 300px;
	top: 672px;
}


#tekstpeter {
	position:absolute;
	width:300px;
	height:115px;
	z-index:3;
	left: 420px;
	top: 163px;
}

#showreel {
	position:absolute;
	width:300px;
	height:115px;
	z-index:3;
	left: 420px;
	top: 363px;
}

#menu {
	z-index:1;
}




p{

	

}

a{
	text-decoration:none;
	color:#7F7F7F;

}
a:visited {
	color: #7F7F7F;
}
a:hover {
	color: #990D92;
}


img{

	border:none;

}

hr{

	color:#abbabe;
	border:none;
	background-color:#abbabe;
	height:5px;
	width:289px;

}

h3{

	color:#e22679;
	font-size:12px;
	font-weight:bold;

}

table{

	width:585px;
	border:none;

}


/* HEADER */

img#logo{
	position:absolute;
	top:0px;
	left:14px;
	
}



/* menuopbouw */

div#menu{
	position:absolute;
	top:0px;
	left:0px;
	width:912px;
	z-index:300;
	overflow: auto;
}

div#menu ul#hoofdmenu, div#menu ul#hoofdmenu ul{
	
	padding: 0px;
	margin: 0px;
	list-style: none;
	
	font-size:11px;
	color:#ffffff;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing:0px;
	list-style-type: none;
	

}

div#menu ul#hoofdmenu li{

	float:left;
	margin-right:20px;
	
}

div#menu ul#hoofdmenu li.greenforum{

	background-color:#219741;
	height:17px;
	position:relative;
	top:-5px;
	left:-5px;
	padding:5px 5px 0px 5px;

}

div#menu ul#hoofdmenu li a{
	
	font-size:11px;
	color:#ffffff;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing:0px;
	text-decoration: none;
	
	display: block;


	
}

div#menu ul#hoofdmenu li:hover ul, div#menu ul#hoofdmenu li.sfhover ul{

	left:auto;

}

div#menu ul#hoofdmenu li ul{
	
	position: absolute;
	left: -999em;
	background-color:#e22679;
	background-image:url('../images/submenu_background.jpg');
	padding-bottom:10px;

}

div#menu ul#hoofdmenu li ul li{

	background-color:#e22679;
	padding-left:15px;
	clear:left;	

}

div#menu ul#hoofdmenu li ul li a{
	
	font-size:10px;
	color:#ffffff;
	text-transform:none;
	font-weight:normal;
	letter-spacing:0px;
	text-decoration: none;

}

div#menu ul#hoofdmenu li ul li a:hover{
	
	color:#00435f;

}

div#menu ul#hoofdmenu li ul li img{

	background-color:#ffffff;
	margin-left:-15px;	

}

/* EINDE HEADER*/

/* INHOUD */

div#body{

	position:absolute;
	top:208px;
	left:0px;

}

img#paginatitel{

	position:absolute;
	top:0px;
	left:0px;

}

div#navigatiebalk_rechts{
	
	position:absolute;
	top:31px;
	left:625px;

}

div#navigatiebalk_rechts ul{

	list-style-type:none;
	margin:0px;
	padding:0px;

}

div#navigatiebalk_rechts ul li{

	margin-bottom:10px;

}

div#navigatiebalk_rechts ul li a:hover{

	margin-left:10px;

}

div#navigatiebalk_rechts ul li a.anim:hover{

	margin-left:0px;

}


/* paginaspecifiek */

/*homepage*/

div#nieuws{

	position:absolute;
	top: 0px;
	left:0px;
	
	width:630px;

}

div#nieuws div.nieuwsblok{

	width:290px;
	height:300px;
	margin-right:25px;
	margin-bottom:25px;
	background-color:#00435f;
	color:#ffffff;
	float:left;
	
}

div#nieuws div.nieuwsblok h2{

	font-size:14px;

}

div#nieuws div.nieuwsblok a:hover{

	color:#ffffff;

}

div#nieuws div.nieuwsblok p, div#nieuws div.nieuwsblok h2, div#nieuws div.nieuwsblok a{

	display:block;
	width:260px;
	margin-left:15px;
}

div#nieuws ul{

	clear:left;
	margin:0px;
	padding:0px;
	list-style-type: none;

}

div#nieuws ul li{

	background-image: url('../images/nieuws_bullet.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;
	padding-top:3px; 
	height:18px;
	
}

div#nieuws ul li a{

	color:#00435f;

}

div#nieuws ul li a:hover{

	color:#e22679;

}

/*NIEUWS*/

div#nieuws div#nieuwsbericht{

	float:none;
	width:580px;
	height:auto;
	margin-top:0px;
	margin-bottom:25px;
	background-color:transparent;
	color:#00435f;

}

div#nieuws div#nieuwsbericht p{

	margin-left:0px;
	margin-bottom:15px;
	width:580px;
	
}

div#nieuws div#nieuwsbericht a{
	
	margin-top:15px;
	margin-left:0px;
	
}

div#nieuws div#nieuwsbericht a:hover, div#tekstblok a:hover{

	color:#00435f;
	
}

div#nieuws div#nieuwsbericht img, div#tekstblok img{

	float:left;
	margin: 5px 20px 15px 0px;
}

/*TEKSTPAGINA*/

div#tekstblok{

	position:absolute;
	top:59px;
	left:0px;
	
	width:585px;

}


div#tekstblok ul{
	list-style-type:none;
	margin-left:-20px;
	
}

div#tekstblok li{

	background-image: url('../images/bullet.jpg');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 18px;
	padding-top:-8px; 
	height:20px;

}