/* CSS Document */

 body { 
 margin-top: 0px;
 margin-left: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 }

 #hoofdfoto {
 position: absolute;
 margin-left: 400px;
 margin-top: 0px;
 width: 600px;
 }
 
 #logo {
 position: absolute;
 margin-left: 0px;
 margin-top: 0px;
 width: 400px;
 height: 75px;
 }
 
 #border {
 padding: 5px;
 border: 1px solid #CCCCCC;
 background-color: #D2E4F4;
 }
 
 #adres {
 position: absolute;
 margin-left: 220px;
 margin-top: 5px;
 font-size: 10px;
 line-height: 120%;
 color: #999999;
 }
 
 #navigatie {
 position: absolute;
 margin-left: 0px;
 margin-top: 75px;
 width: 199px;
 height: 150px;
 border-right: 1px dotted #007D43; 
 }
 
 #navigatie_alg {
 position: absolute;
 margin-left: 0px;
 margin-top: 225px;
 width: 600px;
 padding-left: 400px;
 border-top: 1px dotted #999999;
 border-bottom: 1px dotted #999999;
 background-color: #007D43;
 }
 
 #subnav_bhv, #subnav_ehbo, #subnav_cursussen, #subnav_preventiemiddelen, #subnav_verbandtrommels, #subnav_blanco {
 position: absolute;
 visibility: hidden;
 margin-left: 200px;
 margin-top: 75px;
 width: 200px;
 height: 150px;
 border-right: 1px dotted #999999; 
 }
 
 #content {
 position: absolute;
 margin-left: 0px;
 margin-top: 225px;
 width: 1000px;
 }
 
 #kol1 {
 float: left;
 width: 159px;
 height: 100%;
 padding: 20px;	
 }
 
 #kol2 {
 float: left;
 width: 360px;
 height: 100%;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 20px;

 }
 
 #kol3 {
 float: left;
 width: 538px;
 height: 100%;
 padding-left: 30px;
 padding-right: 30px;
 padding-top: 20px;
 border-left: 1px dotted #007D43;
 border-right: 1px dotted #007D43;
 }
 
 #footer {
 clear: left;
 float: left;
 width: 770px;
 padding-top: 10px;
 padding-left: 230px;
 padding-bottom: 20px;
 font-size: 10px;
 color: #999999;
 border-top: 1px dotted #007D43; 

 }
 
 
  
/* teksten */

H1 {
font-size: 16px;
color: #007D43;
margin-top: 0px;
margin-bottom: 10px;
}

H2 {
font-size: 14px;
color: #D60C16;
font-weight: normal;
margin-top: 0px;
margin-bottom: 3px;
}

H3 {
font-size: 14px;
color: #007D43;
font-weight: normal;
margin-top: 0px;
margin-bottom: 3px;
}

p {
margin: 0px;
}

.klein {
font-size: 11px;
line-height: 120%;
}

.tussenkop_klein {
font-size: 10px;
color: #007D43;
font-weight: bold;
}

.normaal {
font-size: 12px;
}

.normaal_dgrijs {
font-size: 12px;
color: #333333;
}


/* kleuren */

.rood { color: #D60C16 }
.groen { color: #007D43 }
.blauw { color: #4A92D1 }
.zwart { color: #000000 }
.wit { color: #FFFFFF }
.grijs_licht { color: #999999; }

/* .bhv-basis {
display: block;
font-size: 11px;
width: 150px;
padding-left: 5px;
padding-right: 5px;
background-color: #D2E4F4;
color: #000000;
}

.bhv-basis-donker {
display: block;
font-size: 11px;
width: 150px;
padding-left: 5px;
padding-right: 5px;
background-color: #4A92D1;
color: #FFFFFF;
}

.bhv-basis-licht {
display: block;
font-size: 11px;
width: 150px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #D2E4F4;
border-bottom: 1px solid #FFFFFF;
color: #000000;
}

.bhv-plus {
display: block;
font-size: 11px;
width: 150px;
padding-left: 5px;
padding-right: 5px;
background-color: #C0DFD1;
color: #000000;
}

.bhv-plus-licht {
display: block;
font-size: 11px;
width: 150px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #C0DFD1;
border-bottom: 1px solid #FFFFFF;
color: #000000;
}

.bhv-plus-donker {
display: block;
font-size: 11px;
width: 150px;
padding-left: 5px;
padding-right: 5px;
background-color: #007D43;
color: #FFFFFF;
}

.bhv-superplus {
display: block;
font-size: 11px;
width: 150px;
padding-left: 5px;
padding-right: 5px;
background-color: #F5C3C5;
color: #000000;
}

.bhv-superplus-donker {
display: block;
font-size: 11px;
width: 150px;
padding-left: 5px;
padding-right: 5px;
background-color: #D60C16;
color: #FFFFFF;
}

.bhv-superplus-licht {
display: block;
font-size: 11px;
width: 150px;
padding-left: 5px;
padding-right: 5px;
background-color: #F5C3C5;
border-bottom: 1px solid #FFFFFF;
color: #000000;
}

.adres {
font-size: 10px;
color: #999999;
}

a.adres {
color: #999999;
}

*/
 



/* hoofdnavigatie */
 
#navcontainer {
width: 199px;
} 
 
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navcontainer ul li a
{
display: inline-block;
margin-left: 10px;
padding-left: 20px;
text-decoration: none;
color: #D60C16;
}

#navcontainer ul li a:hover
{
background-image: url(/images/navigatie/plus_licht.gif);
background-repeat: no-repeat;
color: #007D43;
}

#navcontainer ul li a#current
{
background-image: url(/images/navigatie/plus.gif);
background-repeat: no-repeat;
color: #007D43;
}

/* algemene navigatie */
 
#navcontainer_alg {
width: 600px;
padding-left: 400px;
background-color: #007D43;
float: left;
}

ul#navlist_alg
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

ul#navlist_alg li
{
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 5px 0 4px 0;
}

#navlist_alg a, #navlist_alg a:link
{
margin: 0;
padding: 5px 9px 4px 9px;
color: #FFFFFF;
text-decoration: none;
}

ul#navlist_alg li#active
{
color: #95bbae;
}

#navlist_alg a:hover
{
color: #007D43;
background-color: #FFFFFF;
}

a#current_alg 
{
color: #007D43;
background-color: #FFFFFF;
}



/* images */

.float-right {
float: right;
padding-left: 20px;
padding-bottom: 10px;
}

.float-left {
float: left;
padding-right: 20px;
padding-bottom: 10px;
}

/* linken */

a:link {
color: #4A92D1;
text-decoration: none;
}	

a:active {
color: #4A92D1;
text-decoration: none;
}	

a:visited {
color: #4A92D1;
text-decoration: none;
}	

a:hover {
color: #D60C16;
text-decoration: none;
}	

a.footer:link {
color: #999999;
text-decoration: none;
}	

a.footer:active {
color: #999999;
text-decoration: none;
}	

a.footer:visited {
color: #999999;
text-decoration: none;
}	

a.footer:hover {
color: #999999;
text-decoration: none;
}	

/* ronde hoeken

.bl {
	width: 100%;
	background-color: #D2E4F4;
	background-image: url(/images/rondehoeken/lo_lb.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	float: left;
} 

.br {background:url(/images/rondehoeken/ro_lb.gif) 100% 100% no-repeat} 
.tl {background:url(/images/rondehoeken/lb_lb.gif) 0 0 no-repeat} 
.tr {background:url(/images/rondehoeken/rb_lb.gif) 100% 0 no-repeat; padding:5px} 
.clear {font-size: 1px; height: 1px}

*/


/* agenda */

#agenda {
width: 100%;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 20px;
height: auto;
}

#agenda_kol1 {
float: left;
width: 225px;
margin-right: 15px;
}

#agenda_kol2 {
float: left;
width: 225px;
margin-left: 15px;
}



/* tabellen 


th {color: #007D43; font-weight: bold;  padding-bottom: 2px; padding-top: 2px;; text-align: left; border-bottom: 1px solid #4A92D1;} 
td    { border-bottom: 1px solid #4A92D1; text-align: left; padding-bottom: 2px; padding-top: 2px; }
caption { font-size: 14px; color: #D60C16;  padding-bottom: 10px; text-align: left;}

*/