﻿/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:left;

	
	/*scrollbar-face-color: #ddd; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #aaa; 
	scrollbar-3dlight-color: #aaa; 
	scrollbar-arrow-color:  #666; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #FFF;*/
	}
	
img, div{ behavior: url(css/iepngfix.htc);}
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Verdana, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
a {color:#c8295d;}	
a:focus {outline:none;}
a:hover {}
h1 {
	color:#766b5f;
	font-size:18px;
	font-weight:bold;
	padding:10px 0 0 28px;
	}

h2 {
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#c8295d;
	text-align: left;
	width: 300px;
	margin-top: 0px;
	margin-left: 10px;
}

h3 {
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	color:#000000;
	text-align: justify;
	width: 270px;
	margin-top: -20px;
	margin-left: 10px;
}
h4 {
	color:#766b5f;
	font-size:10px;
	font-weight:bold;
	padding:10px 0 0 28px;
	margin-top: -20px;
	}
h5 {}
h6 {}	

p {}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:980px;
	text-align:left;
	background-color:#FFF;
	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	height:107px;
	background:url('../gfx/bg-vacatures-top.gif');
	}
.visual {

	float:right;
}

.logo {

	float:left;
}

	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	height:50px;
	background:transparent url(../gfx/menu-vacature-bg.gif) center bottom no-repeat;
	}
div.navigatie .menuitem {
	display:block;
	height:50px;
	float:left;
	padding:0 16px 0 14px;
	text-align:center;
	line-height:50px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	background:transparent url(../gfx/balkje.gif) right top no-repeat;
}	
div.navigatie .menuitem a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	width:980px;
	clear:both;
	color:#b7b1a9;
	position:relative;
	margin:0 auto 0 auto;
	font-size:10px;

	}
div#footer .footerText {
	float:right;
	text-align:right;
	line-height:25px;
	font-size:10px;

	}
	div#footer .footerText a {
	text-decoration:none;
	color:#b7b1a9;
	}
	div#footer .footerText a:hover {
	text-decoration:underline;
	color:#6e6963;
	}
.footerlinks {
	float:left;
	line-height:25px;
	font-size:10px;
}
.footerlinks a {
	color:#b7b1a9;
	text-decoration:none;
}
.footerlinks a:hover {
	color:#6e6963;
	text-decoration:underline;
}
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:980px;
	position:relative;
	margin:0 auto 0 auto;

	}
div.contentBlock2 {
	width:980px;
	clear:both;
	position:relative;
	margin:0 auto;
	text-align:justify;
	height: 150px;


	}
div.contentBlock3 {
	width:980px;
	height:190px;
	position:relative;
	margin:0 auto 0 auto;
	
	}
	
div.sidebar {
	float:right;
	width:323px;

	/*padding-bottom:0px;*/
	}
	/* MOZILLA HAX */
	html>body div.left {
		margin-bottom:0px;
		}
	/* MOZILLA HAX */
	
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
select {
	vertical-align:middle;
	}
input {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}


/* ============================================================	*/ 
/* ========	FORMGENERATOR	  	===============================	*/
/* ============================================================	*/ 

.formSentMessage li {
	color:#004A8D;
	font-family:Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	}

.errorsummary * {
	color:#004A8D;
	font-family:Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	}

.formGenerator {
	color:#004A8D;
	font-family:Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	}
.errorsummary * {color:Red;}

.formGenerator td {
	vertical-align:top;
	padding:0 5px 0 0;
	line-height:22px;
	}

.formGenerator select {
	display:block;
	clear:both;
	border:1px solid #d0d2cd;
	}

.formGenerator textarea {
	display:block;
	clear:both;
	border:1px solid #d0d2cd;
	}

.formGenerator label {
	display:block;
	clear:both;
	border:1px solid #d0d2cd;
	}

.formGenerator input {
	display:block;
	clear:both;
	border:1px solid #d0d2cd;
	}

.formGenerator td label {font-weight:normal;}
.formGenerator td td input {}
.formGenerator td td {
	background-color:#d0d2cd;
	}

.formGenerator td td label {
	padding:2px;
	}
.RadioButtonList td {
	padding:3px 3px 0 3px;
	}
.RadioButtonList * {
	text-align:center;
	margin:0 auto;
	}
.CheckBoxList td {
	border:0px solid #000000;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
.CheckBoxList input {
	clear:none;
	float:left;
	margin:8px 0 0 5px;
	#margin:5px 0 0 5px;
	}
.CheckBoxList label {
	margin:0 0 0 20px;
	clear:none;
	}

/* ============================================================	*/ 
/* ========	SCHADUW      	  	===============================	*/
/* ============================================================	*/ 

	
.shadow {
	background:transparent url(../gfx/bg-vacatures_groot.gif) center bottom no-repeat; padding-bottom:20px;
}

/*.shadow2 {
	background:transparent url(../gfx/vacature-vlak-2.jpg) center bottom no-repeat; padding:10px 0 10px 0;
}*/

.shadow2 {
	background:transparent url(../gfx/vacature-vlak-2.jpg) center no-repeat; padding:2px 0 2px 0;
}


/* ============================================================	*/ 
/* ========	ZOEKRESVLAK	  	===============================	*/
/* ============================================================	*/ 


.contentvlak1 {
	float:left;
	width:622px;
	padding:22px 0 20px 28px;
	margin-bottom:7px;
	background:transparent url(../gfx/bg-zoekres-hoog.gif) repeat-y;
	color:#777069;
	font-size:11px;
	line-height:15px;
}
.contentvlak2 {
	float:left;
	width:622px;
	padding:22px 0 20px 28px;
	margin-bottom:7px;
	background:transparent url(../gfx/bg-zoekres-laag.gif) repeat-y;
	color:#777069;
	font-size:11px;
	line-height:15px;
}

.contentvlakbold {
	color:#765f65;
	font-weight:bold;
	font-size:12px;
	line-height:15px;
}

.contentvlaklinks {
	float:left;
	width:382px;
}
.contentvlakrechts {
	margin-right:10px;
	float:right;
	width:199px;
}

/* ============================================================	*/ 
/* ========	ACTIEBLOK	  	===============================	*/
/* ============================================================	*/

.actieblokgroot {
	text-align:center;
	margin-top:6px;
	margin-bottom:10px;
}

/* ============================================================	*/ 
/* ========	NIEUWS	  	===============================	*/
/* ============================================================	*/

.nieuws {
	width:280px;
	/*text-align: justify;*/
	margin-top: 7px;
	margin-left: 10px;



}
.nieuwshead {
	font-size:18px;
	font-weight:bold;
	height:67px;
	line-height:67px;
	display:block;
	color:#766b5f;
	text-indent:15px;
}
.nieuwskoppaars {
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#c8295d;
	text-align: left;
	width: 300px;
	margin-top: 4px;
	margin-left: 10px;
}

.nieuwsitemlinks {
	width:306px;
	background-color:#eceae8;
	color:#777069;
	line-height:14px;
	font-size:11px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	height: 100px;
	padding-top: 3px;
}
.careerbuilder {
	width:306px;
	background-color:#eceae8;
	color:#777069;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	height: 250px;
	padding-top: 0px;
}

.leesverder {
	color:#b6afa7;
	margin-top:3px;

}
.leesverder a{
	color:#69645f;
	text-decoration:none;
	}

.leesverder a:hover {
	color:#cf5079;
	}


/* ============================================================	*/ 
/* ========	VLAKKEN			  	===============================	*/
/* ============================================================	*/ 

div.sitemapvlak {
	vertical-align:top;
	width:133px;
	float:left;
	padding:23px 10px 0 10px;
	margin:0 0 0 5px;
	color:#999085;
	line-height:14px;
}
div.sitemapvlak a {
	text-decoration:none;
	color: #6e6963;



}
div.sitemapvlak a:hover {
	text-decoration:none;
	color:#6e6963;
}
.sitevlakbold {
	color:#6e6963;
	font-weight:bold;
}

/* ============================================================	*/ 
/* ========	VLAKKEN			  	===============================	*/
/* ============================================================	*/ 

div.onderbanner {
	margin:0 1px 0 1px;
	display:inline;
	line-height:14px;
}

/* ============================================================	*/ 
/* ========	ZOEKRES VLAK		===============================	*/
/* ============================================================	*/ 


.zoekresback {
	background:transparent url(../gfx/vacature-vlak-1.jpg) left no-repeat;
	height:61px;
	padding:32px 0 20px 28px;
}
.zoekresbold {
	color:#765f65;
	font-weight:bold;
	font-size:12px;
	line-height:15px;
}

.zoekreslinks {
	float:left;
	width:420px;
}
.zoekresrechts {
	margin-right:10px;
	float:right;
	width:169px;
	font-size:14px;
	font-weight:bold;
	color:#c8295d;
}
.zoekresrechts a{
	margin-right:10px;
	float:right;
	width:199px;
	font-size:14px;
	font-weight:bold;
	color:#c8295d;
}

.vakaturegevonden {
	font-size:18px;
	color:#766b5f;
	font-weight:bold;
}
.gezochtop {
	color:#999085;
}

/* ============================================================	*/ 
/* ========	ZOEK				===============================	*/
/* ============================================================	*/ 


.zoek {
	background:transparent url(../gfx/vlak-paars.jpg) left top no-repeat;
	height:184px;
	/*padding:32px 0 20px 28px;*/
}
.zoekbold {
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	line-height:15px;
}
#search_button {
	position:absolute;
	margin-top:-17px;
	margin-left:-5px;
	width:182px;
	height:35px;
	cursor: pointer;
	background:url("../gfx/knop.png");
	border:none;
	overflow: hidden;
	color:#FFFFFF;
}


.ie6 #search_button,
.ie7 #search_button
{
  padding:0 5px;
  font-size:12px;
  line-height:16px;
  border:0px;  
}

/* ============================================================	*/ 
/* ========	VOOR U GESELECTEERD	===============================	*/
/* ============================================================	*/ 


.geselecteerd {
	width:627px;
	height:205px;
	background:transparent url(../gfx/vlak-wit.jpg) left top no-repeat;
	padding:25px 10px 0 17px;
}
.geselecteerdhead {
	color:#766b5f;
	font-size:18px;
	font-weight:bold;
	padding:10px 0 0 28px;
}
.geselecteerdblok {
	width:205px;
	background-color:#e3dede;
	height:61px;
	margin:0 4px 4px 0;
	float:left;
}

.info-tipkop {
	color:#c8295d;
	font-size:11px;
	padding-left: 0px;
	font-weight: bold;
	margin:7px 0 0 10px;
}
.info-tipkop a{
	color:#c8295d;
}
.info-tip {
	font-size:11px;
	color:#777069;
	padding-left: 0px;
}
.contentvlak3 {
	float:left;
	width:580px;
	margin-bottom:7px;
	background:transparent no-repeat;
	color:#777069;
	font-size:12px;
	line-height:15px;
	text-align: justify;
	padding-top: 22px;
	padding-bottom: 20px;
	padding-left: 28px;
	padding-right: 5px;
	height: auto;
	z-index: 20;



}
.nieuwsitemrechts {

	width:295px;
	color:#777069;
	line-height:14px;
	font-size:11px;
	/*text-align: justify;*/
	background-repeat: no-repeat;
	background-position: center;
	height: 91px;
	padding-top: 3px;
}
.mailform {

	float:left;
	width:580px;
	margin-bottom:7px;
	background:transparent no-repeat;
	color:#777069;
	font-size:10px;
	line-height:normal;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 16px;
	padding-right: 5px;
	height: auto;
}
.contentvlak4 {
	float:left;
	width:600px;
	padding:22px 0 2px 28px;
	margin-bottom:2px;
	background:transparent repeat-y;
	color:#777069;
	font-size:11px;
	line-height:15px;
	text-align: justify;

}
.zoekresback1 {

	background:transparent url(../gfx/vacature-vlak-1.jpg) left no-repeat;
	height:61px;
	padding:20px 0 20px 28px;
}

/* ============================================================	*/ 
/* ========	ZOEK				===============================	*/
/* ============================================================	*/ 


.news-1 {
	position: absolute;
	left: 50%;
	margin-left: -475px;
	top: 10px;
	width: 300px;
	height: 130px;
	text-align: left;
	padding: 1px;
	border-top: 0px solid #000666;
	border-bottom: 0px solid #000666;
	z-index: 20;
	background-image: url(../gfx/bg-footer.jpg);
	background-repeat: repeat;


}

.news-2 {
	position: absolute;
	left: 50%;
	margin-left: -155px;
	top: 10px;
	width: 300px;
	height: 130px;
	text-align: left;
	padding: 1px;
	border-top: 0px solid #000666;
	border-bottom: 0px solid #000666;
	z-index: 20;
	background-image: url(../gfx/bg-footer.jpg);
	background-repeat: repeat;
}

.news-3 {
	position: absolute;
	left: 50%;
	margin-left: 170px;
	top: 10px;
	width: 300px;
	height: 130px;
	text-align: left;
	padding: 1px;
	border-top: 0px solid #000666;
	border-bottom: 0px solid #000666;
	z-index: 20;
	background-image: url(../gfx/bg-footer.jpg);
	background-repeat: repeat;
}
.adv {
	width:313px;
	background-color:#f5f4f3;
}
.advkoppaars {
	font-size:13px;
	font-weight:bold;
	line-height:14px;
	color:#c8295d;
}
.contentwhite {

	float:right;
	text-align:center;
	line-height:14px;
	font-size:12px;
	color:#FFFFFF;
}
.infomidden {
	width:600px;
	text-align: justify;
	margin-top: 7px;
	margin-left: 0px;
	font-size: 12px;

}
.contentvlak5 {
	float:left;
	width:622px;
	padding:0px 0 2px 28px;
	margin-bottom:2px;
	background:transparent repeat-y;
	color:#777069;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	margin-top: -20px;

}
.cvinforechts {
	width:260px;
	color:#777069;
	line-height:14px;
	font-size:11px;
	text-align: justify;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-left: 20px;

}
.cvhead {
	font-size:18px;
	font-weight:bold;
	height:37px;
	line-height:67px;
	display:block;
	color:#766b5f;
	text-indent:15px;
	padding-left: 2px;

}
.search-tekst {
	font-size:13px;
	color:FFFFFF;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
}

.zoekfunctie {
	position: absolute;
	left: 50%;
	margin-left: 280px;
	top: 117px;
	width: 200px;

}
.landen {
	position: absolute;
	left: 50%;
	margin-left: 40px;
	top: 185px;
	width: 100px;
	text-align: right;
	font-size: 90%;
	color: #999999;
}

.breadcrumbs {
	position: absolute;
	left: 50%;
	margin-left: 180px;
	top: 160px;
	width: 300px;
	text-align: left;
	font-size: 90%;
	color: #999999;
}
.geselecteerd-google {
	width:627px;
	height:205px;
	background:transparent no-repeat left top;
	padding:25px 10px 0 17px;
	border: 1px dotted;

}
.nieuwsitemlinks310 {
	width:306px;
	background-color:#FFFFFF;
	color:#777069;
	line-height:14px;
	font-size:11px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 3px;
	padding-left: 5px;
	clip:   rect(auto auto auto auto);



}
.klanthead {
	height:67px;
	color:#FFFFFF;
	top: 20px;
	background-color: #FFFF00;


}
.klant {
	width:313px;
	background-color:#000000;
	top: 20px;
	clip:  rect(50px auto auto auto);


}
