/* header gedeelte */
#boxtop{
width:728px;
height:68px;
margin:0px;
/*background-image:url(../images/algemeen/top.png);
background-position:0px 0px;
background-repeat:no-repeat;*/
}
#top{
position:absolute;
top:0px;
z-index:5;
width:850px;
height:100px;
/*background-image:url(../images/algemeen/toppasen.png);
background-position:0px 0px;
background-repeat:no-repeat;*/
}
#kbtekst{
position:absolute;
top:0;
left:-10;
width:270px;
height:100px;
/*width:450px;
height:25px;*/
margin:0px;
}
/* left gedeelte */
#left{
position:absolute;
top:272px;
width:190px;
height:305px;
z-index:1;
background-image:url('../images/algemeen/leftachter.png');
background-position: 0px 0px;
background-repeat:no-repeat; 
margin:0px 0px 0px -90px;  
padding:10px 0px 0px 10px; 
}
#leftmenu{
position:absolute;
width:190px;
height:296px;
z-index:2;
background-image:url('../images/algemeen/leftmenu.jpg');
background-position: 0px 0px;
background-repeat:no-repeat; 
margin:-10px 0px 0px 0px;  
padding:0px; 
}
/*Eind menu boxleft*/

/* Hier rolmenu*/         
 
/* stap 1 */
#n ul  {
position:absolute;
z-index:6;
margin:5px 0px 0px 0px;	           
list-style-type: none;
width:82px;
}
/* stap 2 - relatieve positie instellen */
#n li {
position: relative;
float: left;  
width:82px;
}	
/* stap 3 - positie submenu instellen */
#n li ul {
position:absolute;
left:90px;
top:-5px;
z-index:6;
display: none;
width:auto;
/*background-color:rgb(240,240,240);*/
background-image:url('../images/transparent.gif');
background-position: 0px 0px;
background-repeat:repeat;
}	
/* Stap 4 - uiterlijk hyperlinks instellen */
#n li a.linksnav {	
display: block;	
width:100%;
color:rgb(0,69,121);
font-family:Verdana;
font-size:12px;
font-weight:bold; 
text-align:left;          
background-image: url('../images/algemeen/pijltje2.gif');
background-repeat: no-repeat;
background-position: 100% 0px;                                
height:14px;   
text-decoration:none;	
-moz-outline-style:none;
outline-style:none; 
padding:2px 5px 2px 5px;    
} 	
#n li a:visited.linksnav{
color:rgb(0,69,121);
}
#n li a:hover.linksnav{   
color:rgb(0,234,217);  
background-image: url('../images/algemeen/pijltje2a.gif');
background-repeat: no-repeat;
background-position: 100% 0px;                                
height:14px; 
padding:2px 5px 2px 5px;   
outline-style:none; 
}	
#n li a:focus.linksnav{     
color:rgb(0,234,217);
padding:2px 5px 2px 5px;
outline-style:none; 
/*background-color:rgb(240,240,240);*/
}	
#n li a.linksnavsolo{	
display: block;	
width:100%;
color:rgb(0,69,121);	      
padding:2px 5px 2px 5px;	
font-family:Verdana;
font-size:12px;
font-weight:bold; 
text-align:left;  
text-decoration:none;		
-moz-outline-style:none;
outline-style:none;     
} 	
#n li a:visited.linksnavsolo{
color:rgb(0,69,121);          
}              
#n li a:hover.linksnavsolo {     
color: rgb(0,234,217);
padding:2px 5px 2px 5px;
outline-style:none; 
/*background-color:rgb(240,240,240);*/
}	
#n li a:focus.linksnavsolo{     
color: rgb(0,234,217);
padding:2px 5px 2px 5px;
-moz-outline-style:none;
outline-style:none; 
/*background-color:rgb(240,240,240);*/
}	       	  
#n li a.menu {	    		
display: block;	
color:rgb(0,69,121);
padding:2px;	
font-family:Verdana;
font-size:10px;
font-weight:bold;   
text-align:left;
text-decoration:none;		
/*width:60px;*/	      	      		      		
width:auto; 	      
-moz-outline-style:none;
outline-style:none; 
}	  
#n li a:visited.menu{
color:rgb(0,69,121);
}        	 
#n li a:hover.menu {	
color:rgb(0,234,217);
outline-style:none; 
/*background-color:rgb(240,240,240);*/
}	
#n li a:focus.menu {	
color:rgb(0,234,217);
outline-style:none; 
/*background-color:rgb(240,240,240);*/
}	    	
/* Stap 5 - CSS_hack om witruimte in IE6 windows te verbergen 
* html ul li { 
float: left;                
}
* html ul li  { 
height: 1%;          
} */
/* Stap 6 - submenu laten verschijnen bij een mouseover */
#n li:hover ul { 
display: block;
         }	
/* Stap 7 - Javascript toevoegen voor IE Windows en declaratie uitbreiden */ 
#n li.over ul {
display: block;
}
/* Eind rolmenu*/  
#tekstgrootte{
position:absolute;
top:250px;
width:100px;
height:auto;
font-family:arial;
font-size:12px;      
font-weight:bold;
color:rgb(0,69,121);
margin:0px 0px 0px 10px;
}
a.tg, a:link.tg, a:visited.tg, a:active.tg{
font-family:arial;
font-size:14px;      
font-weight:bold;
color:rgb(0,69,121);
text-decoration:none;
outline-style:none;
}
a:hover.tg{
color:rgb(0,234,217);
}
a.tgx, a:link.tgx, a:visited.tgx, a:active.tgx{
font-family:arial;
font-size:16px;      
font-weight:bold;
color:rgb(0,69,121);
text-decoration:none;
outline-style:none;
}
a:hover.tgx{
color:rgb(0,234,217);
}
/*#form{ 
position:absolute;
z-index:10;
background:transparent;
background-image: url('../images/transparent.gif');
background-position: 0 0;
background-repeat: repeat;
top:250px;
margin:0px 0px 0px 27px;
}  
input.text{
background:transparent;
background-image: url('../images/input.png');
background-position: 0 0;
background-repeat: repeat;
font-size:14px;
font-weight:normal;
color:#99cc33;
border:3px double #FFCC33;
}
input:focus.text{
background:transparent;
}
input.zoeken{
position:absolute;
top:30px;
left:40px;
width:70px;
height:auto;
z-index:10;
background-color:#f0f0f0;
color:#004579;
font-size:14px;
font-weight:bold;
border:none;
margin:-2px 0px 0px 0px;
moz-outline-style:none;
outline-style:none;
cursor:pointer;
}
input:hover.zoeken{
position:absolute;
top:30px;
left:40px;
width:70px;
height:auto;
z-index:10;
background-color:#f0f0f0;
color:#00EAD9;
}*/
/* right gedeelte */

#rechts{
float:left;
width:182px;
height:auto;
/*height:448px;*/
margin:0px;
padding:0px;
}
.planner{
width:181px;
height:25px;
background-color:rgb(255,204,51);
margin:0px 0px 0px 1px;
}
.downloadstext{
width:136px;
height:15px;
background-image: url(../images/kopjes/downloads.gif);
background-position: 0 0;
background-repeat: no-repeat;
margin:0px auto 10px auto;
}
#navigatierechtsdownloads{
float:right;
width:181px;
height:auto;
background-color:rgb(255,204,51);
padding:5px 0px 5px 0px;
margin:0px;
border-top:1px solid #ffffff;
}
#navigatierechts{
float:right;
width:181px;
height:auto;
background-color:rgb(255,204,51);
padding:5px 0px 0px 0px;
margin:0px;
border-top:1px solid #ffffff;
}
.omtewetentext{
width:136px;
height:20px;
background-image: url(../images/kopjes/omteweten.gif);
background-position: 0 0;
background-repeat: no-repeat;
margin:0px auto 10px auto;
}
a.downloads, a:link.downloads, a:visited.downloads, a:active.downloads{
position:relative;
background-image:url(../images/vakjehover.jpg);
background-position:0px 3px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px;
margin:0px 0px 0px 6px;
color:#6FB259;
text-decoration:none;
outline-style:none;
}
a:hover.downloads{
position:relative;
background-image:url(../images/vakje.jpg);
background-position:0px 3px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px;
margin:0px 0px 0px 6px;
color:#FF0000 ;
text-decoration:none;
outline-style:none;
}
.rechtsbox{
float:right;
width:182px;
height:545px;
background-image:url(../images/algemeen/rechtsbox.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
}
.flashfoto{
width:181px;
height:108px;
padding:367px 0px 0px 0px;
margin:0px 0px 0px 1px;
}
.plannerover a{
position:absolute;
z-index:2;
width:170px;
height:20px;
background-image:url(../images/transparent.gif);
background-position:0px 0px;
background-repeat:repeat;
margin:0px;
}
.weer{
position:absolute;
width:180px;
height:60px;
margin:6px 0px 0px 2px;
}
.weerover a{
position:absolute;
z-index:2;
width:180px;
height:60px;
background-image:url(../images/transparent.gif);
background-position:0px 0px;
background-repeat:repeat;
margin:0px;
}
#flashfotovert{
position:absolute;
z-index:4;
width:130px;
height:600px;
margin:-300px 0px 0px 210px;
}
/* footer gedeelte */

#footer{
float:right;
width:728px;
height:100px;
clear:both;
text-align:center;
background-image:url(../images/algemeen/footer.png);
background-position:100% 100%;
background-repeat:no-repeat;
margin:0px;
}
/*Begin boxmarquee en marquee*/

.boxmarqueetotaal{
float:left;
width:518px;   
height:37px;
margin:10px 0px 0px 0px;
}
.boxmarquee{
float:right;
width:365px;
padding:0px 30px 0px 0px;
}
.marquee{    
position:relative;                                
width:365px;
margin:0px;        
padding:8px 0px 0px 0px;  
color:rgb(0,69,121);
font-weight:bold; 
font-size:12px;
text-align:center;
}  
img.marq{
margin:0px 20px 0px 20px;
padding:0px;
border:none;
}
#slakbottom{
position:absolute;
bottom:0;
right:20px;
width:200px;
height:100px;
}
#keverbottom{
position:absolute;
bottom:0;
left:0;
width:300px;
height:50px;
}
#keverzijkantre{
position:absolute;
top:0;
right:16px;
width:50px;
height:300px;
}
#keverzijkantli{
position:absolute;
top:0;
left:0;
width:50px;
height:300px;
}
#keverrechts{
position:absolute;
z-index:4;
width:181px;
height:50px;
padding:0;
margin:6px 0 0 0;
}