/* layout van de website */ 
html, body{ 
margin:0; 
padding:0; 
text-align:center;
background-color:#e3e3e4;
background-image:url(img/bg.gif);
background-position:center;
background-repeat:repeat-y; 
}

#website{ 
width:800px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;
padding-left:0;  
} 

#kop{
margin:15px 0 0 0;
width:auto;
height:200px;
clear:none;
}

#beeld{
width: 290px;
height:200px;
clear:none;
margin: 0;
}

#beeld img{
vertical-align:top;
width:290px;
height:200px;
}

#adres{
float:right;
width:260px;
height:200px;
border-left:#008140 1px solid;
background:#FFF;
}

#adres p   {margin: 0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; line-height:14px; font-size:12px;}
#adres h2  {margin: 0px 0px 0px 0px; font-size:12px; font-weight:bolder; margin-bottom:0;}
#adres img {margin: 0px 0px 10px 25px;}

.adres_tabel {padding-left:12px; font-size:10px; color:#333;}

#navigatie{
width:550px;
background-color: #008140;
clear:none;
margin: 10px 0 20px 0;
}

#navigatie p{padding: 5px; font-size:10px; text-transform:uppercase; color: white;} /* marges voor de teksten in het navigatiekader */

#navigatie a, a:visited {text-decoration:none; color: white;}

#navigatie a:hover, a:active, .menu_current {text-decoration: underline; color: white;}

#content{
width: 550px; 
float:left; 
position:relative;
margin:0;
}

#content p{color:#333;} /* specificaties voor de teksten in het contentkader */
#content p a, a:visited, a:active {color: #008140; text-decoration:underline;}
#content p a:hover {color:#000; text-decoration:none;}

#content table, td, tr {font-size:12px; color:#008140;}


#root{
width:550px;
margin:25px 0 0px 0px;
border-top:#999999 1px solid;
font-size:9px;
padding:5px 0;
}

#root a, a:visited, a:active{
color:#008140;
}

#root a:hover{
color:#FF0000;
}

#kolommen{
width:240px; 
float:right; 
position:relative; 
}
 
#infovlak{
width:145px; 
float:right; 
position:relative;
color:#FFF;
margin:0;
padding: 40px 20px 0 0;
}

#infovlak p { margin: 10px 0px 0px 0px;}

#infovlak h2 {
background-image:url(img/infoh2.gif);
background-repeat:no-repeat;
background-position: top left;
font-size:12px;
font-weight: normal;
color:#FFFFFF;
padding:5px 10px;
display:block;
width:100%;
margin-top:20px;
}



#infovlak.invul{margin:0; width:90px;}
 
#tabbladen{
display:inline; 
position: relative; 
width: 70px;
text-align:left;
margin:0;
padding:0;
}


/* layout zoeken */

 input.zoekveld{
 color:#999999;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 font-weight:normal;
 width:90px;
 }
 
 input.zoekknop{
 width:25px;
 height:25px;
 background: #008140;
 border:none;
 outline: none;
 cursor : pointer;
 color:#008140;
 padding:0;
 margin:0;
}
 
 
/* typografie van de website */
  
body {font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:15px;}

p {font-size:12px;}
p a, a:visited, a:active {color: #008140; text-decoration:underline;}
p a:hover {color:#000; text-decoration:none;}

h1 {color:#333; font-size:14px;}
h1 a, a:active, a:visited { color:#333; text-decoration:none;}
h1 a:hover {color:#000; text-decoration:underline;}

h2 {font-size:12px; font-weight:bolder; margin-bottom:0;}
h2 a, a:active, a:visited { color:#666; text-decoration:none;}
h2 a:hover {color:#000; text-decoration:underline;}
 
 
 
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#content{display:none;} 

/*hide the right column when printing*/ 
#infovlak{display:none;} 
#2kolommen, #tabbladen{width:100%; float:none;}
}