body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#343805; 	
	font-size: 9pt;
	margin: 0;
	background-color:#4f531e;

}

/* --------------------------------- CONTAINER ------------------------------------------*/

div#container{
text-align:center;
width:950px;
height:730px;
margin:15px auto;
text-align:left;
}

/* ---------------------------------- HEADER --------------------------------------------*/

div#header{
float:left;
width: 920px;
height: 140px;
background-image: url(../images/navigatie/header.png);
background-repeat:no-repeat;
text-align: left;
padding: 5px 0 0 30px;
}

div#logo{
float:left;
width: 250px;
height: 100px;
text-align: left;
padding: 5px 0 0 0;
}

div#tagline{
float:left;
width: 250px;
height: 10px;
font-size: 8pt;
color:#343805; 
font-weight:bold;
text-align: left;
padding: 5px 0 0 80px;
}

/* ---------------------------------- BEGIN NAVIGATION ------------------------------------ */

#navigatie {
float:right;
width:425px;
font: verdana;
font-size:11pt;
font-weight:bold;
color:#b5be3e;
}

div#opvulling{
float:left;
width:950px;
height:15px;
}

/* ---------------------------- EINDE NAVIGATION --------------------------------- */

/* ---------------------------- EINDE HEADER --------------------------------- */


/* --------------------------------- BEGIN CONTENT ----------------------------------------*/

div#content {
float:left;
margin-top:0px;
width:565px;	
height:530px;
text-align:left;
padding: 50px 20px 0 20px;
background-color:#f2f4d5;
}

div#index {
float:left;
margin-top:0px;
width:565px;	
height:560px;
text-align:center;
padding: 20px 20px 0 20px;
background-color:#f2f4d5;
}

/* --------------------------------- SCROLLBAR ----------------------------------------*/

div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:100%; height:475px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:200px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background:#FFFFFF; 		/*#ceced6*/
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#afba30;		/*336*/
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
	
/* --------------------------------- END SCROLLBAR ---------------------------------------*/


/* --------------------------------- END CONTENT ----------------------------------------*/


/* --------------------------------- GRAPHICS & MARQUEE ----------------------------------*/

div#marquee{
float:left;
margin-top:0px;
width:200px;
height:580px;
background-image:url(../images/navigatie/background_marquee.png);
background-repeat:no-repeat;
} 

div#graphics{
float:right;
margin-top:0px;
width:135px;		
height:530px;		
color:#343805;
background-image:url(../images/navigatie/background_graphics.png);
background-repeat:no-repeat;
padding: 50px 5px 0 5px;
}

div#utility{
float:right;
margin-top:40px;
width:135px;
height:30px;
text-align:center;
font-size:9pt;
padding: 5px 0 0 0;
color:#343805;				
} 

/* ------------------------------ END GRAPHICS & MARQUEE ----------------------------------*/

/* ------------------------------ BEGIN FOOTER ----------------------------------*/

div#footer{
float:left;
margin-top:0px;
width:950px;
height:32px;
background-color:#f2f4d5;
background-image:url(../images/navigatie/background_footer.png);
background-repeat:no-repeat;
} 

div#footer2{
float:left;
margin-top:0px;
width:925px;
height:20px;
text-align:left;
font-size:7pt;
padding: 10px 0 2px 25px;
color:#FFFFFF;				/*#003333;*/
} 

/* ------------------------------ END FOOTER ----------------------------------*/

.clearfloats {clear:both;}

/* ------------------------------ BEGIN OPMAAK a: element --------------------------------*/

a:link {  
	text-decoration: none;
	color: #343805;
	font-size: 9pt;
}

a:visited {  
	text-decoration: none;
	color: #343805; 
	font-size: 9pt;
}

a:hover {  
	text-decoration: underline;
}

#content a:link {  
	text-decoration: none;
	font-size: 9pt;
	color: #343805;		/*#CCCC66*/
}

#content a:visited {  
	text-decoration: none;
	font-size: 9pt;
	color: #343805;		/*#CCCC66*/
}

#content a:hover {  
	text-decoration: underline;
	color:#343805;		/*#CCDD33*/
}

#navigatie a:link {  
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight:bold;
}

#navigatie a:visited {  
	text-decoration: none;
	color: #FFFFFF; 
	font-size: 10pt;
	font-weight:bold;
}

#navigatie a:hover {  
	text-decoration: underline;
	color: #FFFFFF; 
}

.kalenderhighlight a:link {  
	text-decoration: none;
	color: #000000;
	font-size: 10pt;
	font-weight:bold;
}

.kalenderhighlight a:visited {  
	text-decoration: none;
	color: #000000; 
	font-size: 10pt;
	font-weight:bold;
}

.kalenderhighlight a:hover {  
	text-decoration: underline;
	color: #FFFFFF; 
}

.kalender a:link {  
	text-decoration: none;
	color: #000000;
	font-size: 9pt;
}

.kalender a:visited {  
	text-decoration: none;
	color: #000000; 
	font-size: 9pt;
}

.kalender a:hover {  
	text-decoration: underline;
	color: #FFFFFF; 
}

/* ------------------------------ EINDE OPMAAK a: element --------------------------------*/

/* ------------------------------ BEGIN PAGINA KALENDER --------------------------------*/

.kalender {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #343805; 
	font-size: 9pt;
	text-decoration: none;
}

.kalenderhighlight {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 10pt;
	font-weight:bold;
	background-color:#afba30;	/*#F06000;*/
	text-decoration: none;
}

/* ------------------------------ EINDE PAGINA KALENDER --------------------------------*/

/* ------------------------------ BEGIN OPMAAK ALGEMEEN --------------------------------*/

h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; color: #FFFFFF}
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #FFFFFF}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #FFFFFF}
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF}
h6 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF}

.style1 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #343805;
	font-weight:bold;	
}
	
.style2 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #343805;
	font-weight:bold;
}
	
.style3 { 
	font-family:jokerman;
	font-size: 14pt;
	color: #343805;
	font-weight:bold;	
}

.style4 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #343805;
	font-weight:bold;
}

.style5 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #343805;
}

.style6 {
	text-align:left;
}

.style7 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #343805;	
}

.style8 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}

.style9 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#A40B02;			/*#343805; #887540;*/
	font-weight:bold;
}

.style10 {
color: #2D4360;
}
/* ------------------------------ EINDE OPMAAK ALGEMEEN --------------------------------*/