/* 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:-10px;
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*/  

#rechts{
float:left;
width:182px;
height:auto;
/*height:448px;*/
margin:0px;
padding:0 0 30px 0;
}
.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;*/
font-family:AmienneBold, Arial;
font-size:25px;
font-weight:normal;
color:#9A6400;
padding:0 0 5px 40px;
}
#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;*/
font-family:AmienneBold, Arial;
font-size:25px;
font-weight:normal;
color:#9A6400;
padding:0 0 5px 30px;
}
h4.otw{
display:inline;
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#ff0000;
}
a.downloads, a:link.downloads, a:visited.downloads, a:active.downloads{
display:block;
height:18px;
background-image:url(../images/vakjehover.jpg);
background-position:0px 3px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px;
margin:0px 0px 0px 6px;
font-family:arial;
font-size:13px; 
font-weight:bold;
color:#13AA0B;
text-decoration:none;
outline-style:none;
}
a:hover.downloads{
display:block;
height:18px;
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;
}
a.selected, a:link.selected, a:visited.selected, a:hover.selected, a:active.selected{
display:block;
height:18px;
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;
}
a.downloadsextra, a:link.downloadsextra, a:visited.downloadsextra, a:active.downloadsextra{
display:block;
height:18px;
background-image:url(../images/vakjeextra.gif);
background-position:0px 3px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px;
margin:0px 0px 0px 6px;
font-family:arial;
font-size:13px; 
font-weight:bold;
color:#13AA0B;
text-decoration:none;
outline-style:none;
}
a:hover.downloadsextra{
display:block;
height:18px;
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;
}
a.selectedextra, a:link.selectedextra, a:visited.selectedextra, a:hover.selectedextra, a:active.selectedextra{
display:block;
height:18px;
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/rechtsboxnew.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:2px 0px 0px 2px;
padding:0;
}
.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:0;
}
#flashfotovert{
position:absolute;
z-index:4;
width:130px;
height:600px;
margin:-300px 0px 0px 210px;
}
/* footer gedeelte */

#footer{
float:right;
width:728px;
height:80px;
clear:both;
text-align:center;
background-image:url(../images/algemeen/footer.png);
background-position:100% 100%;
background-repeat:no-repeat;
margin:0;
}
.naw{
width:728px;
height:40px;
font-family:arial;
font-size:10px;      
font-weight:bold;
margin:-5px 0 0 0;
padding:0;
}
/*Begin boxmarquee en marquee*/
.boxmarqueetotaal{
width:518px;   
height:37px;
margin:-15px 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;
}  
#schaatserbottomright{
position:absolute;
bottom:-10px;
right:17px;
width:320px;
height:180px;
}
#schaatserbottomleft{
position:absolute;
bottom:0;
left:0;
width:450px;
height:300px;
}
#sneeuwpopright{
position:absolute;
top:30%;
right:3%;
background-image:url(../images/sneeuwpop.gif);
background-position:0 0;
background-repeat:no-repeat;
width:150px;
height:140px;
}
#sneeuwpopright1{
position:absolute;
top:30%;
right:10%;
background-image:url(../images/sneeuwpop1.gif);
background-position:0 0;
background-repeat:no-repeat;
width:250px;
height:188px;
}
#textnewyear{
position:absolute;
width:220px;
height:58px;
margin:145px 0px 0px 120px;
}