html{
background: url(/img/algemeen/background-html-beursvloerzwolle.gif) repeat-y center 0;
}
#hoofdnavigatie_container{
position: relative;
width: 194px;
float: left;
background-color: #252062;
}
#vacaturepreview_donker_container, #vacaturepreview_licht_container{
background-color: #F8F9DD;
float: left;
width: 274px;
}
#logo{
position: relative;
background-image: url(/img/algemeen/logo-beursvloerzwolle.gif);
background-repeat: no-repeat;
background-position: 35px 0px;
width: 194px;
height: 108px;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}
#hoofdnavigatie ul {
font-size: 11px;
list-style: none;
float: left;
border-bottom: solid 1px #C3B5DD;
width: 194px;
}
#hoofdnavigatie a, #hoofdnavigatie a:hover{
background-color: #D5D72E;
display: block;
padding: 3px 8px 0px 0px;
width: 186px;
height: 21px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
border-top: solid 1px #C3B5DD;
color: #000000;

}
#hoofdnavigatie a#paars:hover, #hoofdnavigatie a#paars-active{
background-color: #5E448E;
color: #ffffff;
}
#hoofdnavigatie a:hover, #hoofdnavigatie a#active{
background-color: #FBFC99;
color: #000000;
}
#hoofdnavigatie a#oranje:hover{
background-color: #FF5B00;
color: #ffffff;
}
#subnavigatie ul{
font-size: 11px;
list-style: none;
float: left;
width: 194px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #EBE4F9;
}
#subnavigatie li {
text-align: right;
width: 194px;
background-image: url(/img/algemeen/sub-bullet-paars.gif);
background-repeat: no-repeat;
background-position: 176px 6px;
}
#subnavigatie a, #subnavigatie a:hover{
display: block;
line-height: 15px;
width: 176px;
text-decoration: none;
color: #5E448E;
font-weight: normal;
margin-right: 18px;
}
#subnavigatie a:hover, #subnavigatie a#active{
text-decoration: underline;
}
#visual{
position: relative;
width: 194px;
height: 264px;
float: left;
border-bottom: solid 1px #C3B5DD;
margin-bottom: 20px;
}
#topnavigatie {
position: relative;
height: 98px;
width: 791px;	
padding-top: 2px;
background-color: #252062;
color: #5E448E;
line-height: 18px;
float: left;
}
#topnavigatie  a, #topavigatie  a:hover{
position: relative;
color: #5E448E;
font-weight: bold;
text-decoration: none;
}
#content h2, #content h3{
width: 453px;
padding-top: 32px;
padding-bottom: 25px;
color: #5E448E;
font-weight: bold;
}
#content ul {
}
#content ul li {
background: url(/img/algemeen/bullet-paars.gif) no-repeat left 3px;
padding-left: 20px;
}
#projecten h2, #vacatures h2{
width: 274px;
padding-top: 32px;
padding-bottom: 25px;
color: #5E448E;
font-size: 24px;
font-weight: bold;
}
#vacaturepreview_donker_details a, 
#vacaturepreview_donker_details a:hover, 
#vacaturepreview_licht_details a, 
#vacaturepreview_licht_details a:hover{
font-weight: bold;
color: #8D940C;
text-decoration: underline;
}
#content a#nieuws span{
font-weight: bold;
color: #5E448E;
padding-right: 20px;
background-image: url(/img/algemeen/nieuws-bullet-paars.gif);
background-repeat: no-repeat;
background-position: 60px 3px;
}
#vacatures dl.donker, #vacatures-overzicht dl.donker {
background-color: #EBE4F9; 
}
#vacatures dl dt, #vacatures-overzicht dl dt {
background: url(/img/algemeen/vacaturepreview-donker-bullet-paars.gif) no-repeat 0 4px;
padding: 0 0 0 17px;
margin: 0 0 0 0;
font-weight: bold;
font-size: 13px;
color: #5E448E;
}
#vacatures, #vacatures-overzicht a {
font-weight: bold;
color: #5E448E;
text-decoration: underline;
}
#vacatures, #vacatures-overzicht a:hover{
text-decoration: none;
}
form input.button{
margin: 0 0 0 0;
padding: 0;
background-color: #252062;
border: solid 1px #000000;
color: #ffffff;
font-weight: bold;
}

img.foto-rechterkolom{
border: solid 1px #C3B5DD;
}

/* popup */
#popup-topbalk{position:relative;float:left;display:block;width:580px;height:60px;background:#B4B81E;text-align:left;}
#popup-navigatie{position:relative;float:left;display:block;width:580px;height:40px;background:#B4B81E;}
#popup-logo{
position: relative;
background-image: url(/img/algemeen/logo-groen-popup.gif);
background-repeat: no-repeat;
background-position: 10px 0px;
width: 100px;
height: 50px;
text-align: center;
margin-top: 5px;
margin-bottom: 15px;
}
/* /popup */
