body{
margin:0px;
background-color:#433b67;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;}
td{font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px}

.roze{font-family:Arial, Helvetica, sans-serif;
color:#433b67;
font-size:11px}

#container{
position:relative;
width:1003px;
height:600px;}

.bottom{
height:60px;
background-color:#433b67;}

.links-boven{
height:270px;
width:498px;
background-color:#8c937a;}

.foto-links{
background-image:url(img/foto-b.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#678f00;
width:169px;
height:326px;}

.kolomlinks{
background-color:#678f00;
width:169px;
height:326px;}

.qbalkright{
background-image:url(img/right.gif);
background-repeat:no-repeat;
background-color:#433b67;
width:145px;
height:326px;}
.qbalkleft{
background-image:url(img/left.gif);
background-repeat:no-repeat;
background-color:#433b67;
width:145px;
height:326px;}
.nieuws{
width:701px;
height:326px;
background-color:#b3c780;}

.kolom-bruin{
width:329px;
height:326px;
background-color:#433b67;
}
#txt-bruin{
width:270px;
padding-left:30px;
padding-top:30px;
padding-bottom:20px;

}

.kolom-roze{
width:505px;
height:326px;
background-color:#b3c780;}

.rozegroot{
width:834px;
height:326px;
background-color:#b3c780;}

.foto-rechts{
width:237px;
height:270px;
background-color:#433b67;}

.navigatie{
width:268px;
height:270px;
background-color:#433b67;
}

.links-boven{
width:498px;
height:270px;
background-color:#678f00;
margin:0px;
padding:0px;}

#groenvlak{
	position:relative;
	top:0px;
	left:0px;
	width:498px;
	height:172px;
	padding:0px;
	margin:0px;
	margin-top: 7p;
}
#txtgroenvlak{
width:250px;
padding-left:30px;
padding-top:18px;}

#titel{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:23px;
color:#FFFFFF;
margin-bottom:12px;}

.subtitelroze{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#433b67;
margin-bottom:12px;}

#txt-roze{
margin-left:40px;
margin-top:15px;
margin-bottom:20px;
width:90%;
font-family:Arial, Helvetica, sans-serif;
size:11px;
color:#433b67;}

#txt-roze h1{font-size:16px;}

#txt-roze img{
border:#433b67 solid 1px;
margin-right:20px;
margin-bottom:10px;
float:left;}

#txt-roze p{
font-size:13px;}

#txt-roze a{font-size:13px;}
 
#titelroze{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:23px;
color:#433b67;
margin-bottom:12px;
margin-left:40px;
margin-top:30px;
margin-bottom:25px;
}
.fotoroze{
border:#433b67 solid 1px;
margin-right:20px;
margin-bottom:10px;}

# txt-roze img{
border:#433b67 solid 1px;
margin-right:20px;
margin-bottom:10px;}


.fotoright{
border:#433b67 solid 1px;
margin-left:20px;
margin-bottom:10px;}




a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#433b67;
text-decoration:underline;}

a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;}

a.footer-link{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
text-decoration:none;}

a.footer-link:hover{
font-family:Arial, Helvetica, sans-serif;
color:#c47b72;
font-size:11px;
text-decoration:none;}
a.rood{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#f39a94;
text-decoration:underline;}

a.rood:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:underline;}
#menu{ 
margin: 0; /* de marges zetten we op nul */ 
padding: 0;
width:268px;
height:25px;
z-index:1; 
}

#menu li{
background-color:#433b67;
list-style-type: none; /* type van de style zetten we op 'none', zodat we geen opsommingsteken krijgen */ 
width: 100%; /* breedte en hoogte opgeven */ 
height: 100%; 
z-index:1; 


font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;

}

#menu li a{ /* van de links een block-element maken voor het :hover effect */ 
display: block; /* breedte en hoogte op 100% zodat de <li> wordt opgevuld */ 
width: 100%; 
height: 100%;
margin: 0px; /* marges instellen */ 
background-color:#433b67; /* een uiteraard een leuk achtergrondkleurtje */ 
z-index:1; 

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
padding-left:10px;
padding-top:4px;

}

#menu li a:hover{ 
display: block; /* breedte en hoogte op 100% zodat de <li> wordt opgevuld */ 
width: 100%; 
height: 100%;
margin: 0px; /* marges instellen */ 
background-color:#7c7695; /* kleur voor het :hover effect */ 
z-index:1; 

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-decoration:none;

 
}


#submenu{ 
margin: 0; /* de marges zetten we op nul */ 
padding: 0;
z-index:1; 
}


#subnieuws{
position:absolute;
background-color:#b1b1b1;
left:690px; 
top:170px; 
width:125px; 
z-index:1; 
visibility: hidden;}

#menu-on{ 
margin: 0; /* de marges zetten we op nul */ 
padding: 0;
z-index:1; 
width:268px;
height:25px;
}




#menu-on li{
background-color:#7c7695;
list-style-type: none; /* type van de style zetten we op 'none', zodat we geen opsommingsteken krijgen */ 
width: 100%; /* breedte en hoogte opgeven */ 
height: 100%; 
margin: 0px; /* marges instellen */ 
z-index:1; 



font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
padding-top:2px;
z-index:1; 
padding-left:10px;
padding-top:4px;
}

#menu-on li a{ /* van de links een block-element maken voor het :hover effect */ 
display: block; /* breedte en hoogte op 100% zodat de <li> wordt opgevuld */ 
width: 100%; 
height: 100%;
margin: 0px; /* marges instellen */ 
background-color:#7c7695; /* een uiteraard een leuk achtergrondkleurtje */ 
z-index:1; 


font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-decoration:none;

}

#nieuws{ 
margin: 0; /* de marges zetten we op nul */ 
padding: 0;
width:170px;
height:25px;
z-index:1; 
}

#nieuws li{
background-color:#433b67;
list-style-type: none; /* type van de style zetten we op 'none', zodat we geen opsommingsteken krijgen */ 
width: 100%; /* breedte en hoogte opgeven */ 
height: 100%; 
z-index:1;

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-align:left;

}

#nieuws li a{ /* van de links een block-element maken voor het :hover effect */ 
display: block; /* breedte en hoogte op 100% zodat de <li> wordt opgevuld */ 
width: 100%; 
height: 100%;
margin: 0px; /* marges instellen */ 
background-color:#433b67;; /* een uiteraard een leuk achtergrondkleurtje */ 
z-index:1; 


font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
padding-left:10px;
padding-top:4px;
text-align:left;
}

#nieuws li a:hover{ 
display: block; /* breedte en hoogte op 100% zodat de <li> wordt opgevuld */ 
width: 100%; 
height: 100%;
margin: 0px; /* marges instellen */ 
background-color:#7c7695; /* kleur voor het :hover effect */ 
z-index:1; 

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-align:left;
text-decoration:none;
}

#leesverdergroen{
background-image:url(img/q.gif);
background-repeat:no-repeat;
height:50px;
padding-top:5px;
margin-top:10px;}

a.groen{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
margin-left:10px;
}

a.groen:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
margin-left:10px;
}

#fotoa{
position:absolute;
width:181px;
height:172px;
top:0px;
left:314px;}

.field{
background-color:#FFFFFF;
border:1px solid #433b67}