* {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Trebuchet MS", Arial, Verdana;
	background:url(../images/back.jpg) repeat-x top;
	background-color:#8E8F90;
	font-size:11px;
}

ul, dl {
	margin: 0;
	list-style: none;
}
ul li {
	margin: 0;
}

/*--[ container ]----------------------------------------------------------------*/
#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}

/*--[ header ]----------------------------------------------------------------*/
#header {
	background:url(../images/navi_back_over.jpg) repeat-x top;
	position: relative;
	height: 116px;
	width: 980px;
	display: inline;
	float: left;
	}

#logo {
background-color: #FFFFFF;
background:url(../images/logo.jpg) no-repeat bottom;
	position: relative;
	height: 116px;
	width: 356px;
		}

/*--[ hoofdnavigation ]----------------------------------------------------------------*/

#navigatie {
	height: 116px;
	width: 430px;
	position: relative;
	background: url(../images/nav_bg.jpg);
						}
#streepnavi {
	height: 116px;
	width: 1px;
	position: relative;
	background: url(../images/navi_back2.jpg) repeat-x;
	display: inline;
	float: left;
	}

#nav li {
	font-size: 1.1em;
	display: inline;
	float: left;
	margin: 0 1px 0 0;
	}
	
#nav a {
	background: url(../images/navi_back_over.jpg) repeat-x;
	display: block;
	height:116px;
	padding: 0 8px 0 8px;
	line-height:100px;
	float: left;
	display: inline;
	color: #828384;
	text-decoration: none;
	vertical-align: bottom;
}

#nav a:hover  {
	background: #FFFFFF url(../images/navi_back2.jpg) repeat-x;
	height: 116px;
	display: block;
	float: left;
	display: inline;
	padding-left: 8px;
	cursor: pointer;
		color: #ffffff;

}


#nav .active a span, #nav .active a:hover span {
	background: #FFFFFF url(../images/back_navi.jpg) top left no-repeat;
	height: 29px;
	display: block;
	float: left;
	display: inline;
	padding-left: 15px;
	cursor: pointer;
	}
	
#nav .active a , #nav .active a:hover {
	background: #FFFFFF url(../images/back_navi.jpg) top right no-repeat;
	display: block;
	padding-right: 15px;
	float: left;
	display: inline;
	color: #FBAA1D;
	cursor: pointer;
	text-decoration: none;
	}
#content {
	background: #fff;
	width: 980px;
	margin-bottom: 20px;
	position:relative;
}


/*--[ FONTS ]----------------------------------------------------------------*/



.introtekst {
color: #828384;
padding: 20px;
line-height:16px;
}

.lopendetekst{
color: #828384;
line-height:16px;

}


.rodetekst{
color: #CA1537;
line-height:16px;

}

.contacttekst {
color: #ffffff;
}

.titel_vacature{
color: #CA1537;
font-size: 14px;
font-weight:bold;
line-height:25px;
}


.titel_getuigenis{
	color: #CA1537;
	font-size: 20px;
	font-weight:bold;
	line-height:25px;
}


/*--[ LINKS ]----------------------------------------------------------------*/


a.contact:link, a.contact:visited, a.contact:active {
	color: #ffffff;
	text-decoration:none;
	font-style:normal;
	font-weight:lighter;
	
	
	}

a.contact:hover {
	color: #828384;
	text-decoration:none;
	font-style:normal;
	font-weight:lighter;

	}
	
a.lopendelink:link, a.lopendelink:visited, a.lopendelink:active {
	color: #828384;
	text-decoration:none;
	font-style:normal;
	font-weight:lighter;
	
	
	}

a.lopendelink:hover {
	color: #CA1537;
	text-decoration:none;
	font-style:normal;
	font-weight:lighter;

	}
	

/*------------------------------*/
/*		 	FORMS				*/
/*------------------------------*/



textarea {
	overflow: auto;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #828384;
	vertical-align: middle;
}



input {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #828384;
	
}


.verstuurknop {
	width:100px;
	border: none;
	overflow: auto;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #828384;
	vertical-align: middle;
	color:#FFFFFF;
		}
		
		
.kiesbestand {
	width:100px;
	overflow: auto;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color:#FFFFFF;
		}