html{
background: url(/img/algemeen/background-html-groen.gif) repeat-y center 0;
}
#hoofdnavigatie_container{
position: relative;
width: 194px;
float: left;
background-color: #B4B81E;
}
#vacaturepreview_donker_container, #vacaturepreview_licht_container{
background-color: #F8F9DD;
float: left;
width: 274px;
}
#logo{
position: relative;
background-image: url(/img/algemeen/logo-groen.gif);
background-repeat: no-repeat;
background-position: 35px 0px;
width: 194px;
height: 108px;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}
#hoofdnavigatie ul {

list-style: none;
float: left;
border-bottom: solid 1px #DADC8F;
width: 194px;
}
#hoofdnavigatie a, #hoofdnavigatie a:hover{
display: block;
padding: 3px 8px 0px 0px;
width: 186px;
height: 21px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
border-top: solid 1px #DADC8F;
}
#hoofdnavigatie a#paars:hover, #hoofdnavigatie a#paars-active{
background-color: #5E448E;
color: #ffffff;
}
#hoofdnavigatie a:hover, #hoofdnavigatie a#active{
background-color: #E4E83F;
color: #8D9109;
}
#hoofdnavigatie a#oranje:hover{
background-color: #FF5B00;
color: #ffffff;
}
#subnavigatie ul{

list-style: none;
float: left;
width: 194px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #FDFED0;
}
#subnavigatie li {
text-align: right;
width: 194px;
background-image: url(/img/algemeen/sub-bullet-groen.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: #8D9109;
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 #DADC8F;
margin-bottom: 20px;
}
#topnavigatie {
position: relative;
height: 31px;
width: 772px;	
padding-left: 20px;
background-color: #FDFED0;
color: #8D940C;
line-height: 18px;
float: left;
}
#topnavigatie  a, #topavigatie  a:hover{
position: relative;
color: #8D940C;
font-weight: bold;
text-decoration: none;
}
#content h2, #content h3{
width: 453px;
padding-top: 32px;
padding-bottom: 25px;
color: #C6CA13;
font-weight: bold;
}
#content ul {
}
#content ul li {
background: url(/img/algemeen/bullet-groen.gif) no-repeat left 3px;
padding-left: 20px;
}
#projecten h2, #vacatures h2{
width: 274px;
padding-top: 32px;
padding-bottom: 25px;
color: #C6CA13;
font-size: 24px;
font-weight: bold;
}
#projecten span#groen{
background-image: url(/img/algemeen/bullet-projecten-groen.gif);
border: solid 1px #E7E989;
}
#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: #C6CA13;
padding-right: 20px;
background-image: url(/img/algemeen/nieuws-bullet-groen.gif);
background-repeat: no-repeat;
background-position: 60px 3px;
}
#vacatures dl.donker {
background-color: #F8F9DD; 
}
#vacatures dl dt {
background: url(/img/algemeen/vacaturepreview-donker-bullet.gif) no-repeat 0 4px;
padding: 0 0 0 17px;
margin: 0 0 0 0;
font-weight: bold;
}
#vacatures a {
font-weight: bold;
color: #8D940C;
text-decoration: underline;
}
form input.button{
margin: 1px 0 0 0;
padding: 0 0 0 0 ;
background-color: #B4B81E;
border: solid 1px #000000;
color: #ffffff;
font-weight: bold;
height: 21px;
}
img.foto-rechterkolom{
border: solid 1px #B4B81E;
}

/* 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;
}

.alfabet ul li a
{
	border: 1px solid #E7E989
}

/* /popup */