﻿/* ============================================================	*/ 
/* ========	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 .menuitemre {
	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;

}
div.navigatie .menuitem-left {
	display:block;
	height:50px;
	float:left;
	padding:0 16px 0 30px;
	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;
	}

.navigatie .menuitem a:hover {
	color:#000000;
	text-decoration:underline;
}

.navigatie .menuitem a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

div.navigatie .menuitem-left a{
	color:#FFFFFF;
	text-decoration:none;
	}

.navigatie .menuitem-left a:hover {
	color:#000000;
	text-decoration:underline;
}

.navigatie .menuitem-left a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

div.navigatie .menuitemre a{
	color:#FFFFFF;
	text-decoration:none;
	}

.navigatie .menuitemre a:hover {
	color:#000000;
	text-decoration:underline;
}

.navigatie .menuitemre a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
	
/* ============================================================	*/ 
/* ========	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: 200px;


	}
div.contentBlock2a {
	width:980px;
	clear:both;
	position:relative;
	margin:0 auto;
	text-align:justify;
	height: 50px;


	}
div.contentBlock3 {
	width:980px;
	height:190px;
	position:relative;
	margin:0 auto 0 auto;

	
	}
	
div.contentBlock4 {
	position: relative;
	left: 50%;
	margin-left: -460px;
	top: 0px;
	width: 600px;
	text-align: left;
	}

div.contentBlock4a {
	position: relative;
	left: 50%;
	margin-left: -460px;
	top: 0px;
	width: 600px;
	text-align: left;
	height: 500px;

	}

div.contentBlock5 {
	width:600px;
	position:relative;
	text-align: justify;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 24px;
	}
div.contentBlock3a {
	width:600px;
	height:auto;
	position:relative;
	text-align: justify;
	margin: 0;
	padding-left: 27px;
	font-size: 110%;
	z-index: 10;
	
	}

div.sidebar {
	float:right;
	width:310px;

	/*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 a {
	color:#FFFFFF;
	text-decoration:underline;
}
.nieuws a:hover {
	color:#000000;
	text-decoration:none;
}



.nieuws {
	width:560px;
	margin-left: 28px;
	color: #FFFFFF;
	font-size: 110%;
	text-align: justify;


}
.nieuwshead {
	font-size:130%;
	height:15px;
	line-height:15px;
	display:block;
	color:#FFFFFF;
	text-indent:10px;
	padding-top: 16px;
	padding-left: 18px;
	font-weight: bold;




}
.nieuwskoppaars {
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#c8295d;
	text-align: left;
	width: 400px;
	margin-top: 4px;
	margin-left: 0px;
}

.nieuwsitemlinks {
	width:306px;
	color:#777069;
	line-height:14px;
	font-size:11px;
	text-align: center;
	background-position: center;
	height: 100px;
	padding-top: 3px;
	background-color: #eceae8;

}
.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;
}
.geselecteerdunder {
	color:#c8295d;
	font-size: 105%;
	margin-left: 29px;
	font-weight: bold;

}
.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;
}

.infokoppaars-aktiv {

	font-size:105%;
	font-weight:bold;
	line-height:14px;
	color:#C79DAB;
	margin-left: 12px;
}
.info-aktiv {


	width:280px;
	margin-left: 12px;
	color: #CECCCC;
	font-size: 100%;
	text-align: justify;
}

.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;




}
.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: 180px;
	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: 180px;
	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: 180px;
	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:310px;
	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: 105%;
	color: #666666;


}
.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:130%;
	font-weight:bold;
	height:37px;
	line-height:50px;
	display:block;
	color:#766b5f;
	text-indent:0px;

}
.search-tekst {
	font-size:110%;
	color:#FFFFFF;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
}

.zoekfunctie {
	position: absolute;
	left: 50%;
	margin-left: -300px;
	top: 117px;
	width: 760px;
	height: 30px;



}
.landen {
	position: absolute;
	left: 50%;
	margin-left: -70px;
	top: 85px;
	width: 150px;
	text-align: center;
	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;

}
.profile {
	width:280px;
	margin-left: 12px;
	color: #666666;
	font-size: 100%;
	text-align: justify;


}
.breadcrumb {

	font-size:95%;
	height:20px;
	line-height:20px;
	display:block;
	color:#666666;
	text-indent:0px;
	padding-top: 0px;
	padding-left: 0px;
}
.nieuwstekstlinks {
	width:300px;
	color:#777069;
	line-height:14px;
	font-size:11px;
	text-align: justify;
	background-position: center;
	padding-top: 3px;
	height: 1px;

}
.nieuwsbannerlinks {
	width:158px;
	color:#ECEAE8;
	line-height:14px;
	font-size:11px;
	text-align: center;
	background-position: center;
	height: 104px;
	padding-top: 3px;
	border: 1px dotted #CCCCCC;
	background-color: #ECEAE8;
}
.usp {

	position: absolute;
	left: 50%;
	margin-left: -460px;
	top: 85px;
	width: 500px;
	text-align: left;
	font-size: 105%;
	color: #999999;
}
.infokoppaars {
	font-size:105%;
	font-weight:bold;
	line-height:14px;
	color:#c8295d;
	margin-left: 12px;



}
.info {

	width:280px;
	margin-left: 12px;
	color: #666666;
	font-size: 100%;
	text-align: justify;
}
.infokoppaars-aktiv {

	font-size:105%;
	font-weight:bold;
	line-height:14px;
	color:#C79DAB;
	margin-left: 12px;
}
.info-aktiv {


	width:280px;
	margin-left: 12px;
	color: #CECCCC;
	font-size: 100%;
	text-align: justify;
}
.test {
	position: relative;
	left: 50%;
	margin-left: -460px;
	top: 0px;
	width: 600px;
	text-align: left;
}

/* ============================================================	*/ 
/* ========	Banner-234===============================	*/
/* ============================================================	*/ 


.geselecteerd-topjob {
	width:650px;
	height:325px;
	background:url(../gfx/vlak-wit-330a.jpg) no-repeat;
	padding-top: 17px;
	padding-bottom: 0px;
	padding-left: 0px;

}
.geselecteerdblok-banner {
	width:200px;
	height:80px;
	margin:0px 0px 0px 0px;
	float:left;
	padding-top: 10px;
	padding-left: 14px;

}
.info-topjobkop {

	color:#c8295d;
	font-size:95%;
	padding-left: 0px;
	font-weight: bold;
	margin:2px 0 0 10px;
}
.info-topjob {
	font-size:90%;
	color:#777069;
	padding-left: 0px;
	margin-left: 10px;

}
.route-google {
	background-image: url(../gfx/route-leeg.gif);
	background-repeat: no-repeat;
	height: 252px;
	width: 302px;
	padding-top: 6px;
	padding-left: 6px;



}
div.content-uitgifte {
	width:600px;
	position:relative;
	text-align: justify;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 24px;
	height: 500px;
	font-size: 110%;
	color: #735E63;




}
.footer-retail {
	float:none;
	text-align:left;
	line-height:14px;
	font-size:90%;
	color: #735E63;

}
menuitem-1 {

	display:block;
	height:50px;
	float:left;
	top:5px;
	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;
}

