body { 
	background: #ffffff url(../images/bg.jpg) repeat-y 50% 0;
	font-family: arial, helvetica, sans-serif;
	color: #ffffff; 
	font-size: 11px;
	margin: 0px;
	padding: 0px;	
	}
	
	a { color: #ffffff; text-decoration:underline; }
	a:hover { text-decoration:none; }
	
.vac_h2 {
	margin-right: 100px;
	float: left;
}
h3 {
	clear: both;
}

ul {
	clear: both;
}
hr {
	background-color: white;
	border: none;
	
}
.header
{
font-family: arial, verdana, helvetica, sans-serif; 
line-height: 20px; 
color: 000000; 
font-size: 16px;
}

#container {
width:100%;
text-align:center
}


#content {
position:relative;
width:798px;
height:650px;
background-image: url(../images/vorm_groter.gif);
background-repeat: no-repeat;
	margin:auto
}




#inhoud {
position:absolute;
top:180px;
left:25px;
width:730px;
padding-right:30px;
height:340px;
color:#ffffff; 
text-align:left;
overflow-y:auto;
}

#inhoud img {
float:left;
margin-right:10px;
margin-bottom:10px
}

#contact_right {
 float:right;
 text-align:right;
 margin-right:20px
}

#contact_left {
 float:left;
 width:200px;
 margin-left:20px
}

.active {
	text-decoration:none;
	font-weight:bold
	}
	
.zak_colom	{
	width:150px;
	float:left;
	border:0px solid yellow;
	margin: 0px 10px 0px 0px;
	}
.zak_colom_deadlines	{
	width:200px;
	float:left;
	border:0px solid yellow;
	margin: 0px 10px 0px 0px;
	}
.zak_colom_thema	{
	width:300px;
	float:left;
	border:0px solid yellow;
	margin: 0px 10px 0px 0px;
	}
	
.zak_content	{
	width:500px;
	float:left
	}	
.clear {
	clear:left;
	}

/*regio-knoppen*/

#regios {
width: 790px;
position:absolute;
top:533px;
left:0;
border:0px solid red;
}

a#knop_mijnnl {
   display: block;
   width: 160px; /*deze width bepald ook de afstaand tussen de logo's*/
   height: 45px;
   background-image: url(../images/knop_agenda.gif); 
   background-repeat:no-repeat;
   background-position: right 0;
   margin-right: 10px;
   float:left;
	}
	
a#knop_mijnnl:hover {
    background-position: right -44px;
	}

a#knop_nl10 {
   display: block;
   width: 75px; /*deze width bepald ook de afstaand tussen de logo's*/
   height: 45px;
   background-image: url(../images/knop_nl10.gif); 
   background-repeat:no-repeat;
   background-position: 0 0;
   margin:0 15px 0 25px;
   float:left;
}
a#knop_nl10:hover {
    background-position: 0 -44px;
}

a#knop_nl20 {
   display: block;
   width: 75px;
   height: 45px;
   background-image: url(../images/knop_nl20.gif); 
   background-repeat:no-repeat;
   background-position: 0 0;
   margin-right:18px;
   float:left;
}
a#knop_nl20:hover {
    background-position: 0 -44px;
}

a#knop_nl30 {
   display: block;
   width: 75px;
   height: 45px;
   background-image: url(../images/knop_nl30.gif); 
   background-repeat:no-repeat;
   background-position: 0 0;
   margin-right:15px;
   float:left;
}
a#knop_nl30:hover {
    background-position: 0 -44px;
}
a#knop_nl40 {
   display: block;
   width: 75px;
   height: 45px;
   background-image: url(../images/knop_nl40.gif); 
   background-repeat:no-repeat;
   background-position: 0 0;
   margin-right:15px;
   float:left;
}
a#knop_nl40:hover {
    background-position: 0 -44px;
}
a#knop_nl50 {
   display: block;
   width: 75px;
   height: 45px;
   background-image: url(../images/knop_nl50.gif); 
   background-repeat:no-repeat;
   background-position: 0 0;
   margin-right:15px;
   float:left;
}
a#knop_nl50:hover {
    background-position: 0 -44px;
}

a#knop_nl70 {
   display: block;
   width: 75px;
   height: 45px;
   background-image: url(../images/knop_nl70.gif); 
   background-repeat:no-repeat;
   background-position: 0 0;
   margin-right:20px;
   float:left;
}
a#knop_nl70:hover {
    background-position: 0 -44px;
}



/* navigation*/
#nav, #nav ul {
	position:absolute;
	top:130px;
	right:25px;
	list-style:none;
	z-index:100
	}
	
#nav a {
	display:block;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:5px;
	width:110px;
	height:22px;
	color:#ffffff;
	text-align:left;
	==>background-color:#818181;<==
	border-right:1px solid white;
	text-decoration:none;
	font-weight:bold;
	}	
	
#nav a:hover {
	text-decoration:underline;
	}	
	
#nav li {
	z-index:100
	}	
	
.floatleft {
	float:left;
	}	
	
#nav li ul.subnav {
	position:relative;
	top:0;
	left:0;
	margin:0;
	text-align:left;
	display:none;
	z-index:100;
	}	
	
#nav li ul.subnav a{
	width:110px;
	text-decoration:none;
	background-color:#ff9933;
	border-right:0px solid white;
	margin-left:-40px !important;
	margin-left:0
	}	
	
#nav li ul.subnav a:hover{
	background-color:#ffffff;
	color:#818181;

	}		
	
#nav li:hover ul, #nav li.sfhover ul {
	display:block;
	}	

.top {
	display: block;
	float: right;
	margin-top: 20px;
}

.vacature_entry {
	width:550px;
	margin:15px 0 25px 0;
	}