/* CSS Document */

body {/*#003333*/
	background-color: #003333 ;  
	font-family: Arial;
	color: #F1E8E0;
	font-size: 13px;
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h3               { text-align: center; font-size: 16px; }
.style1          { font-weight: bold; text-decoration: underline; }
.speciaal        { font-weight: bold; font-style: italic; }

a:link           { color: #000066; }
a:hover          { color: #990000; }
a:active         { color: #000066; }
a:visited        { color: #996600; }

a.scroller       { color:#FF0000;  }
a.nieuws         { color:#FFFF00;  }
.bezoekers       { color:#F1E8E0;  }
.h4 {
     font-family: Arial;
     font-size: 13px;
	 font-weight: bold;
	 text-decoration: underline;
	 size:landscape
}



HTML {scrollbar-3dlight-color:#7480B5;
      scrollbar-arrow-color:#B9BEF5;
      scrollbar-base-color:#705A4B;
      scrollbar-track-color:#666666;
      scrollbar-darkshadow-color:#B0846C;
      scrollbar-face-color:#000000;
      scrollbar-shadow-color:#705A4B
}

/*images*/


#lijn             {
	background-image:url(layout/pixel.png);
	background-repeat:repeat;
	height:100%;
	left:230px;
	width:3px;
	position:fixed;
	top: 0px;
}



#header           {
	background-image: url(layout/header.png);
	background-repeat: no-repeat;
	width: 1000px;
	height: 156px;
	left: 265px;
	top: 0px;
	z-index: 100;
	position: fixed;
}					
#voetje          {
	background-image: url(layout/voetjes.png);
	background-repeat: no-repeat;
	width: 89px;
	height: 101px;
	position: absolute;
	right: -205px;
	top: 48px;
	z-index: 98;
}
#devtop           {
	background-image: url(layout/devtop.png);
	background-repeat: no-repeat;
	width: 110px;
	height: 26px;
	position: absolute;
	left: 91px;
	top: 375px;
	z-index: 97;
}
#devbottom        {
	background-image: url(layout/devbot.png);
	background-repeat: no-repeat;
	width: 110px;
	height: 26px;
	position: absolute;
	left: 90px;
	top: 764px;
	z-index: 96;
}	

#pastel			  { background-image: url(layout/bloem.png); background-repeat: no-repeat; width: 177px; height: 160px; 
                    z-index: 95;}
					


#buien            {
	position:absolute;
	width:256px;
	height:256px;
	right:864px;
	top:702px;
}							
/*menu*/		   
/*menu*/
#top{
	background-image:url(layout/devtop.png);
	position:fixed;
	left: 60px;
	width: 110px;
	height: 25px;
	top: 623px;
}		
#onder{
	background-image:url(layout/devtop.png);
	position:fixed;
	left: 57px;
	width: 110px;
	height: 25px;
	top: 187px;
}		      
#menu             {
	width: 193px;
	height: 465px;
	position: fixed;
	left: 1px;
	top: 225px;
	z-index: 94;
}
a.menulist        { text-decoration: none; background-image: url(layout/knop-br.png); display: block; 
                    background-repeat: no-repeat; height: 26px; width: 160px; 
					padding-top: 4px; padding-left: 15px; margin-left: 18px; color: #000000; font: bold 14px Verdana; text-align: center; }
a.menulistover    { text-decoration: none; background-image: url(layout/knop-bl.png); display: block; 
                    background-repeat: no-repeat; height: 26px; width: 160px; 
					padding-top: 4px; padding-left: 15px; margin-left: 18px; color: #000000; font: bold 15px Verdana; text-align: center; }

					
/*webstats*/
#letsstats        {
	position:fixed;
	bottom:0;
	right:0;
	width:85px;
	height:22px;
	z-index:0;
}
					
/*page tekst*/
.box              {
	position: absolute;
	width: 1000px;
	left: 265px;
	top: 212px;
	background-color: #F1E8E0;
	color: #D6D6D6;
	padding-bottom: 20px;
	
}
* html div.box    {padding-bottom: 0px;} /* IE Box model hack */

/* Positie divs */
#lb, #rb, #lo, #ro {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #003333;
	color: #F1E8E0;
	overflow: hidden;
	z-index: 0;
}
#lb {
	top: 0px;
	left: 0px;
	float: left;
}
#rb {
	top: 0px;
	right: 0px;
	float: right;
}
#lo {
	bottom: 0px;
	left: 0px;
	float: left;
}
#ro {
	bottom: 0px;
	right:  0px;
	float: right;
}

/* Bullet divs */
#lb-bullet, #rb-bullet, #lo-bullet, #ro-bullet 
{ position: absolute; font-size: 150px; font-family: arial; color: #F1E8E0; line-height: 40px; width: 64px; height: 16px;}
#lb-bullet        {left: -8px;}
#rb-bullet        {left:-25px;}
#lo-bullet        {top: -17px; left: -8px;}
#ro-bullet        {top: -17px; left: -25px;}

#content          {z-index: 1; position: relative; padding: 10px 20px 10px 20px; width: auto; color: #000000; font-family: arial; text-align: justify;} 

/* webdesign */				
#ADB              { width: 200px; left: 750px; margin-top: 4px; z-index: 11; }				
span.pagetitle    { font-size: 8pt; }