html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin:0;
padding:0;
}
ul,li{
list-style-type:none;
}
a, a:hover{
color: #000000;
}
a:hover{
text-decoration: none;
}
body {
color:#333;
font-size:75%;
}
a, div, td, input, dl, dd{
font-size:1em;
line-height:18px;
font-family:  Arial,Verdana,Tahoma, Helvetica,sans-serif;
}
img{
border:0;
}	
p{
margin: 0 0 1em 0;
}	
.vacature.detail label{
	width: 120px;
}
#wrapper {
width: 988px;
position:relative;
margin: 3px auto;
text-align: left;
}
#container{
position: relative;
width: 988px;
margin: 0em auto;
padding-bottom: 30px;
}
#content_container{
position: relative;
display: block;
width: 792px;
float: left;
}
#content_rechterkolom_container{
width: 792px;
float: left;
}
#kruimelpad_functionaliteiten_container{
position: relative;
background-color: #ffffff;
width: 792px;
height: 21px;
float: left;
}
#rechterkolom_container{
width: 274px;
float: left;
}
#vacaturepreview_licht_container{
background-color: #ffffff;
}
#logo a{
position: relative;
width: 134px;
height: 100px;
display: block;
text-indent: -9999px;
text-decoration: none;
}
#hoofdnavigatie {
position: relative;
width: 194px;
}
#hoofdnavigatie li {
text-align: right;
width: 194px;
}
#subnavigatie{
position: relative;
width: 194px;
}
/*
#hoofdnavigatie a#sub span, #hoofdnavigatie a#sub:hover span {
font-size: 25px;
font-weight: bold;
line-height: 10px;
}
*/

#topnavigatie  a:hover{
text-decoration: underline;
}
#topnavigatie span{
height: 26px;
font-size: 29px;
font-weight: bold;
padding: 0px 6px 0px 5px;
}
#kruimelpad{
width:480px;
padding-left: 20px;
float: left;
height: 25px;
}
#kruimelpad span, #functionaliteiten span{
font-size: 20px;
font-weight: bold;
padding: 0px 6px 0px 5px;
}
#functionaliteiten{
width: 272px;
text-align: right;
padding-right: 20px;
float: left;
height: 25px;
}
#functionaliteiten img{
margin-top:5px;
}
#kruimelpad a, #kruimelpad a:hover, #functionaliteiten a, #functionaliteiten a:hover{
color: #000000;
text-decoration: none;
}
#kruimelpad a:hover, #functionaliteiten a:hover{
text-decoration: underline;
}
#content{
width: 453px;
float: left;
padding:0 0 0 20px;
}
#content h2{
font-size:2em;
line-height: 23px;
}
#content h3{
font-size:1.2em;
padding-bottom: 5px;
}

#projecten, #vacatures{
width: 274px;
float: left;
padding-left: 42px;
}
#projecten span#groen, #projecten span#paars, #projecten span#oranje{
width: 270px;
height: 38px;
display: block;
background-repeat: no-repeat;
background-position: 240px 10px;
margin-bottom: 3px;
}
#projecten a, #projecten a:hover{
margin-left: 10px;
line-height: 35px;
font-weight: bold;
color: #000000;
text-decoration: underline;
}
#projecten a:hover{
text-decoration: none;
}
#vacaturepreview_donker_bullet, #vacaturepreview_licht_bullet{
width: 11px;
margin-left: 4px;
margin-top: 13px;
float: left;
}
#vacaturepreview_donker_details, #vacaturepreview_licht_details{
width: 238px;
padding-bottom: 10px;
float: left;
margin: 10px 5px 0px 5px;
}
#vacaturepreview_donker_details a:hover, #vacaturepreview_licht_details a:hover{
text-decoration: none;
}
#content a#nieuws, #content a#nieuws:hover{
text-decoration: none;
color: #000000;
width: 453px;
}
#content a#nieuws:hover{
text-decoration: underline;
}

/*
---------------------------------------------------------------------------
Float Fix
--------------------------------------------------------------------------- 
*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

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

/*
---------------------------------------------------------------------------
Definition List vacatures
--------------------------------------------------------------------------- 
*/
#projecten span#groen{
background-image: url(/img/algemeen/bullet-projecten-groen.gif);
border: solid 1px #E7E989;
}
#projecten span#oranje{
background-image: url(/img/algemeen/bullet-projecten-oranje.gif);
border: solid 1px #F5CDAC;
}
#projecten span#paars{
border: solid 1px #DACEF1;
background-image: url(/img/algemeen/bullet-projecten-paars.gif);
}
#vacatures-overzicht{
position:relative;
float:left;

}
#vacatures dl, #vacatures-overzicht dl { 
position:relative;
float:left;
width: 250px;
padding-bottom: 10px;
float: left;
padding: 10px;
}
#vacatures-overzicht dl{
position:relative;
float:left;
width: 430px;
}
#vacatures dl p, #vacatures-overzicht dl p {
position:relative;
float:left;
margin: 0;
padding: 0; 
}
#vacatures dl dd, #vacatures-overzicht dl dd {
padding: 0 0 0 17px;
margin: 0;
}
#vacatures a:hover{
text-decoration: none;
}
#vacatures-overzicht dl  div.label{
width: 100px;
display: block;
float: left;

position: relative;
font-weight: bold;
}
#vacatures-overzicht dl  div.details{
width: 280px;
padding: 0 0 0 10px;
display: block;
position: relative;
float: left;
}
#vacatures-overzicht dt h3{
font-size: 13px;
font-size:12em;
margin: 0;
padding: 0;
}
#vacatures-overzicht dd p.spacer, #zoeken p.spacer{
height: 8px;
line-height: 8px;
font-size: 1px;
width: 400px;
display: block;
}
#formulier{
float: left;
width: 453px;
position: relative;
}
#formulier form{
width: 453px;
}

#formulier h2{
font-size: 24px;
}
#formulier p{
width:443px;
float:left;
position:relative;
margin:0;
padding:0;
}
#formulier div.label{
width: 120px;
font-weight: bold;
float: left;
position: relative;
display: block;
text-align: right;
margin: 0 10px 0 0;
padding: 0;
}
#formulier div.details{
width: 323px;
float: left;
position: relative;
display: block;
}
#vacatures-overzicht{
float: left;
width: 453px;
position: relative;
}
#zoeken p{
float: left;
display: block;
}
#zoeken p.label{
font-weight: bold;
padding: 2px 10px 0 0;
}
#zoeken p.header{
padding: 0 10px 0 0;
}
#zoeken-resultaten p.categorie{
width: 500px;
clear: left;
}
div.zoekresultaten-header{
width: 450px;
}
div.zoek-resultaten{
width: 450px;
}
div.zoek-resultaten ul, div.zoekresultaten-header ul{
margin: 0 0 0 10px;
padding: 0;
list-style-image: url(/img/algemeen/nieuws-bullet-groen.gif);
}
div.zoek-resultaten li{
margin: 0;
padding: 0;
}
div.zoek-resultaten h3{
margin: 0;
padding: 0;
}
div.zoek-resultaten h3 a{
line-height: 10px;
display: block;
font-size: 14px;
color: #C6CA13;
margin: 0;
padding: 0;
}
div#overzicht{
width: 400px;
}
div#overzicht ul{
margin: 0 0 0 0;
padding: 0;

}
div#overzicht li{
float: left;
margin: 0;
}
div#overzicht li a, div#overzicht li a:hover{
margin: 0;
color: #8D9109;
font-weight: bold;
text-decoration: none;
border: solid 1px #ffffff;
}
div#overzicht li a:hover{
background-color: #ffffff;
color: #8D9109;
border: solid 1px #8D9109;
}
div#overzicht ul.resultaat{
margin: 0 0 0 10px;
padding: 0;
list-style-image: url(/img/algemeen/nieuws-bullet-groen.gif);
}
div#overzicht ul.resultaat li{
float: none;
}
div#overzicht ul.resultaat li a, div#overzicht ul.resultaat li a:hover{
border: 0;
}
div#overzicht ul.resultaat li a:hover{
text-decoration: underline;
}
div#overzicht h3{
margin: 0 0 10px 0;
padding: 0;
font-size: 24px;
}

div.screen-disable, div.screen-disable img{
display: none;
}

#vacatures-overzicht  div.label {
display:block;
width: 150px;
clear:left;
}

/* popup */
#popup-container{position:relative;float:left;display:block;width:580px;}
#popup-topbalk img{padding: 5px;}
#popup-display{position:relative;float:left;display:block;width:570px;height:520px; text-align:center; background-color:#ffffff; line-height:495px; font-size:495px;}
#popup-navigatie a{color:#ffffff;font-weight:bold;}
#popup-navigatie #popup-vorige{text-align:left;padding-left:20px;float:left;width:170px;padding-top:10px;}
#popup-navigatie #popup-sluiten{text-align:center;width:190px;float:left;padding-top:10px;}
#popup-navigatie #popup-volgende{text-align:right;padding-right:20px;float:left;width:170px;padding-top:10px;}
/* /popup */


#content ul{
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
#content ul li{
	list-style-type:none;
}

.alfabet ul
{
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

.alfabet ul li
{
	float: left;
	margin: 0 5px 10px 0;
	padding: 0 !important;
	background: none !important;
}

.alfabet ul li a
{
	border: 1px solid #000;
	padding: 2px;
	color: #000;
	text-decoration: none;	
}