/* Hoofdinstellingen */
* {padding:0;margin:0;}
body {background: url(images/main.jpg) no-repeat center top;;#ffffff;font-family: verdana,arial,serif;font-size:13px;color:#004f26;}  
h1 {font-size:18px;font-weight:bold;}
h2 {font-size:14px;font-weight:bold;margin-left:.4em;}
h3 {font-size:1em;font-weight:bold;margin-left:.5em;}
p, .paragraaf {text-align:justify;line-height:1.5em;margin-left:1.5em;}
img	{border:#669966 solid 1px;}
.paragraaf table {margin-left:4em;width:80%;}
/* Algemene instellingen */
/* Disclaimer */
#disclaimer	{background:#99bb99;margin:0px;padding:1.5em;overflow:auto;font-family: verdana,arial,serif;font-size: 11px;color:#000000;}
#disclaimer h3	{font-family: verdana,arial,serif;font-size: 11px;font-weight: bold;margin-bottom: 0.25em;}	
#disclaimer p	{margin-bottom:1em;text-align:justify; /* IE comp */}	 

/* M-it */
#m-it a		{position:absolute;top:2px;right:2px;background: url(images/m-it-h.gif) bottom right no-repeat;display:block;height: 9px;width: 121px;z-index:10;}
#m-it span	{position: absolute;top: -10000px;}

/* Popup */
#popup a{background: url(fotos/popup.jpg) no-repeat center center #ffffff;z-index:65000;width:640px;height:436px;margin-left:-320px;position:absolute;left:50%;border: 1px solid #004f26;top:80px;text-decoration:none;font-family: verdana,arial,serif;font-size: 10px;color:#dddddd;text-align:right;}
#popup a:visited {top:-10000px;}

/* Div die alles bevat */
#main {z-index:1;width:1000px;height:650px;margin-left:-500px;position:absolute;left:50%;}

/* Titel, Kop, Logo */
#titel h1 	{margin-left: 0px;margin-right: 0px;display:block;height:200px;} 
#titel a	{position:relative;display:block;left:20px;top:32px;width:141px;height:141px;}
#titel span	{position:absolute;width:0px;overflow:hidden;}	

/* Printer icoon */
#print		{position:absolute;background: url(images/knop_print.gif) center center no-repeat;left:920px;top:-120px;width:16px;height:16px;padding:7px;display:block;}
#print span	{position:absolute;width:0px;overflow:hidden;}	
.h-li {display:inline;}										 

/* Navigatie balk */
#nav 		{width:13em;z-index:5;position:absolute;left:25px;top:285px;}
#nav li 	{list-style: none;text-align:right;margin-top:4px;}
#nav ul li a	{text-decoration:none;font-size:14px;font-weight:bold;}
#nav ul ul li a	{background: none;text-decoration:none;}
#nav a:link	{color: #004f26;}
#nav a:visited 	{color: #004f26;}
#nav a:hover	{color: #669966;}
#nav a:active	{color: #004f26;}

/* Disclaimer link */
#disclaimer_link		{position:absolute;bottom:0px;left:5px;font: normal 9px verdana;z-index:1;}
#disclaimer_link a		{text-decoration:none;font-weight:normal;}
#disclaimer_link a:link 	{color: #004f26;}
#disclaimer_link a:visited	{color: #004f26;}
#disclaimer_link a:hover	{color: #669966;}
#disclaimer_link a:active	{color: #004f26;}

/* Slideshow */
#slideshowkader {float:right; width:240px;height:180px;background-color: #333333;padding:0px;margin-left:3em;margin-bottom:1em;margin-top:3px;}
#slide {margin-left: -3px;margin-top: -3px;width:240px;height:180px;}

/* Verbergen navigatie voor slechtzienden */
.weg {display:inline;}
.hidden, .weg a, .weg a:hover, .weg a:visited {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.weg a:active, .weg a:focus {position:static;width:auto;height:auto;}

/* Div met alle inhoud */
#inhoud {margin-left:23em;margin-right:4em;margin-top:-2em;}
#inhoud h1 {margin-bottom:1em;}
#inhoud h2 {margin-top:1em;margin-bottom:1em;}
#inhoud li {margin-left:2em;}
.imgl, .img, .link_img	{float: left;clear: both;margin-right: 1em;margin-bottom: 1em;}
.link_img {float: left;clear: both;margin-right: 2em;margin-bottom: 1em;width: 160px;height:auto;}
.link_img a {width: 160px;height:auto;}
.imgr {float: right;margin-left: 2em;margin-bottom: 1em;}
.metfoto {clear:both;margin-top: 1em;}
.zonderfoto {margin-top: 0.5em;}

/* Contactpagina */
#contactform legend {margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold;margin-left:.4em;margin-bottom:1.0em;color:#004f26;} 
#contactform {margin-top:1em;}
#contactform fieldset {border: none;}
#contactform input,#contactform textarea,#contactform select {color:#004f26;background-color:#ffffff;border: solid 1px #9090A5;margin-top:2px;padding:1px;}
#adres {width:210px;float:left;}
#adres p {margin-left:2em;margin-top:0.5em;}
#adres img {border: solid 1px #000000;}
#adres img {margin-left:2em;margin-top:0.5em;margin-bottom:2em;}
label {display:block;text-align:right;width:8em;float:left;margin-right:1em;clear:both;} 
.bijschrift	{font-size:10px;margin-bottom:3em;margin-left:2em;margin-right:7em;}

/* Fotoalbum */
.fotobalk {height: 112px;overflow:auto;width: 90%;padding:0px;margin-left:2em;margin-top:1em;margin-bottom:2em;}
.fotobalk td,table,tr {padding: 0px;margin: 0px;}
.fotobalk table {padding:0px;margin:0px;}
.fotobalk img {margin-right:5px;}
#fotodet {text-align:right;font-size:0.77em;margin-top:-1.5em;}

/* Slidefoto */
/* Slidefoto */
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox img{ width: auto; height: auto;border:#000;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 1px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/knop_vorige.gif) left 80% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/knop_volgende.gif) right 80% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; margin: 0 auto; line-height: 1.2em; overflow: auto; width: 100%	;}

#imageData{	padding:0; color: #888; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* Taalkeuze */
#taalkeuze select {font-size:0.7em;position:absolute;top:210px;right:10px;}

/* Vacatures */
#vacatures 		{margin-left: 2em;}
#vacatures a		{text-decoration:none;font-weight:normal;}
#vacatures a span	{position: static;left: auto;display:block;margin-left:4em;margin-bottom:0.5em;}
html>body #vacatures a span {position: absolute;left: -999em;display:block;margin-left:4em;margin-bottom:0.5em;}
#vacatures a:active span, #vacatures a:focus span {position: static;display:block;left: auto;margin-left:4em;margin-bottom:0.5em;}
#fs-pers	{float:left;width: 30em;}
#solliciteren input,#solliciteren textarea,#solliciteren select {color:#406040;background-color:#ffffff;border: solid 1px #9090A5;}
#sollicitatieform fieldset	{margin-top:0.5em;border:0px;}
#sollicitatieform legend	{margin-bottom:0.4em;font-style:italic;font-weight:bold;color:#004f26;}
#fs-pers label,#sollicitatieform label	{width: 11em;}
#fs-pers input	{width: 15em;}
#fs-adres input {width: 10em;}
#fs-adres {}
#fs-adres label {width: 7em;}
#fs-rijbewijs {clear:both;}
#fs-opleiding label {width: 11em;}
#schoolse_opleiding,#verdere_opleiding,#kennis_detail,#werkervaring,#vraag,#opleiding_detail {width:60%;}
#fs-pers .kind {width:2em;}

/* Activiteiten */
.act_datum {margin-left:3em;margin-top:-1.2em;margin-bottom:0.5em;font-style:italic;font-style:italic;}