@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body {
margin:0px; 
background-image: url(images/achtergrond-algemeen.gif); 
font:12px Arial; 
color:#000;
}

#wrapper {
margin:0px auto; 
width:853px;
background-image: url(images/achtergrond-wrapper.png);
background-repeat: repeat-y;
}

#wrapper2 {
padding:11px 43px 11px 35px; 
width:775px;
}


#logo {
width:188px; 
padding:0px 0px 3px 0px; 
height:188px; 
float: left;
background-color:#FFF; 
font:14px Arial;
border: none; 
}

#header {
width:584px; 
padding:0px 0px 3px 0px; 
height:188px;
position:relative;
float: right; 
z-index:1;

background-color:#fff; 
font:14px Arial;
border: none; 
}


#vlaggen {
width:137px; 
margin:0px;
padding:0px 0px 0px 0px; 
position:absolute;
 top: 0px; left: 464px;
z-index:2;

border: none; 
}


img {  
border-style: none;
}

#content {
width:537px;
padding: 11px 25px 11px 25px;
position:relative;
float: right;
border: none; 
border-width:0px 0px 0px 0px ;
font:11pt trebuchet ms;
line-height: 16pt;
}

#contentleft {
width:188px;
height:auto;
position:relative;
margin: 3px 0px 3px 0px;
padding: 20px 0px 20px 0px;
background-image: url(images/achtergrond-content-left.gif); 
background-repeat: repeat-y;
float: left;
border: none; 
font:14px Arial;
line-height: 18px;
}

#contentleftextra {
width:170px;
position:absolute;
 top: 475px; left: 20px;
border: none; 
font:12px Arial;
line-height: 16px;
}

#content-hoofdletter {
width:110px;
position:absolute;
 top: 55px; left: 0px;
float: left;
}

#footer {
width:775px; 
height:111px; 
background-image: url(images/achtergrond-footer.png);
background-repeat: repeat-y;
clear:both;
}

#footercontentright {
width: 255px;
margin: 11px auto 11px 213px;
float:left;
color: #fff;
font:11px Arial;
line-height: 14px;
}

#footercontent img {
float:left;
margin: 3px;
}








#content h1 {
padding: 0px 10px 2px 0px;
font:18pt trebuchet ms;
line-height: 22pt;
font-weight: bold;
}

#content h2 {
font:14pt trebuchet ms;
line-height: 18pt;
}

#content h3 {
padding: 12px 10px 0px 0px;
font-size: 13pt;
}

#content h4 {
padding: 10px 10px 0px 0px;
font-size: 8pt;
}

#content h6 {
padding: 0px;
font-size: 7pt;
font-weight: normal;
}

#datum {
padding: 0px;
font-size: 8pt;
font-weight: bold;
}

#content p{
padding: 6px 0px 0px 0px;
}

#content ul {
list-style-type:none;
}

#content a {
color: #FF0b0b;
font-weight: normal;
text-decoration: none;
}

#content a:active {
color: #FF0b0b;
}

#content a:hover {
color: #FF0b0b;
text-decoration: underline;
}

#content a:focus {
color: #FF0b0b;
}



a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
a:active {
color: #000000;
}
a:hover {
color: #67ab4f;
text-decoration: none;
}
a:focus {
color: #123456;
}


.menu{
	
width: 775px;
padding:0px;
border:none;
	
border:0px;
	
margin:0px;
	
padding:0px;
	
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	
font-size:14px;
	
font-weight:bold;
	
clear:both;
}

.menu ul{
	
background:#604744; /*908d45 groen*/
	
height:27px;
	
list-style:none;
	
margin:0;
	
padding:0;
	
}
	

.menu li{
		
float:left;
		
padding:0px;		
}
	

.menu li a{
		
background:#604744 url("images/seperator.gif") bottom right no-repeat;
		
color:#ffffff;
		
display:block;
		
font-weight:normal;
		
line-height:27px;
		
margin:0px;
		
padding:0px 25px;
		
text-align:center;
		
text-decoration:none;
		
}
		

.menu li a:hover, .menu ul li:hover a{
			
background: #26261b url("images/seperator.gif") bottom right no-repeat;

		/* groen 5e5b19 */	
color:#ffffff;
			text-decoration:none;
			
}
	

.menu li ul{
		
background:#26261b url("images/seperatorhorizontaal.gif") top left no-repeat;

		/* achtergrondkleur dropdown menu */	
display:none;
		
height:auto;
		
padding:0px;
		
margin:0px;
		
border:0px;
		
position:absolute;
		
width:auto;
		
z-index:200;
		
/*top:1em;
		/*left:0;*/
		
}
	

.menu li:hover ul{
		
display:block;
		
		
}
	

.menu li li {
		
background:url('images/sub_sep.gif') bottom left no-repeat;
		
display:block;
		
float:none;
		
margin:0px;
		
padding:0px;
		
width:auto;
		
}
	

.menu li:hover li a{
		
background:none;
		
		
}
	

.menu li ul a{
		
display:block;
		
height:27px;
		
font-size:12px;
		
font-style:normal;
		
margin:0px;
		
padding:0px 10px 0px 15px;
		
text-align:left;
		
}
		

.menu li ul a:hover, .menu li ul li:hover a{
			
background:url('images/hover_sub.gif') center left no-repeat;
			
border:0px;
			
color:#ffffff;
			
text-decoration:none;
			
}
	

.menu p{
		
clear:left;
		
}