@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------------------ MAIN STUFF */

body  {	text-align: center;	}
#extraWrapper  { height:auto; width:100%; background: url(../img/ft_push.jpg) center bottom repeat-x; }
#extraWrapper.dienst  {	background:url(../img/mog_bt_bg.jpg) center bottom repeat-x; }
.twoColFixRtHdr #container { width: 939px; margin: 0 auto; text-align: left; } 
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

strong { font-weight:bold; }

/* ------------------------------------------------------------ TOPSIDE */


.twoColFixRtHdr #header { height: 71px; } 

#hd_lt { 
	height: 			71px; 
	width:				356px; 
	float:				left;
	background:			url(../img/hd_tl.jpg) top left;
}

#hd_rt {
	height: 			71px;
	width:				583px;
	float:				left;
}

#hd_rt_tp { height: 39px; background:#FFFFFF; }
#hd_rt_bt { height: 32px; background:url(../img/hd_br.jpg) bottom left no-repeat; }




.addThis {
	padding: 0px 0px 0px 20px;
}

/* ------------------------------------------------------------ LEFTSIDE */


.twoColFixRtHdr #spacerLeft { width: 86px; height: 160px; background: url(../img/lspace_top.jpg) top left no-repeat; float: left; margin-top:-1px; }
html>body.twoColFixRtHdr #spacerLeft {/*only ie gets this style*/
	margin-top: 		0px;
	.margin-top: 		-1px;
}

.twoColFixRtHdr #mainContent { width: 523px; float: left; margin-top: -1px; } 

html>body.twoColFixRtHdr #mainContent {/*only ie gets this style*/
	margin-top: 		0px;
	.margin-top: 		-1px;
}


#wlcm{ height: 380px; background: url(../img/hm_tp_bg_v4.jpg) top left no-repeat; }
#case3{ height: 265px; background: url(../img/mc_tl.jpg) top left no-repeat; }
#st_Txt	{ height: auto; background:	url(../img/st_txt_bg.jpg) top left repeat-y; }
#st_Txt_btm { height: 50px;	width: 523px; background: url(../img/st_txt_btm.jpg) top left no-repeat; float: left; }
#qscan		{ height: 85px; }
#case, #case2{ height: 284px; width: 523px;	float: left; display: block; }
#case2{ height:295px; }

#teamFotobg{background:	url(../img/st_txt_bg.jpg) top left repeat-y;}
#teamFotoLogo{height:100px; width:200px; background: url(../img/redpag_hd_bg.jpg) top left no-repeat; }
#teamFotoContainer {float:right; right:-0px;top:-100px;position:relative;height: 10px;width:232px;}
#teamFoto { height: 261px;}
#teamFotoPusher {float:right;border:1px solid #FFF; width:180px;height:70px;}


/*-- diensten --*/
#di_top_wrap{ height: 395px; }

#di_top_wrap.bg1{ background:url(/UserFiles/images/diensten/flexwerk_vervolg.jpg) top left no-repeat; }
#di_top_wrap.bg2{ background:url(/UserFiles/images/diensten/lf_hr_vervolg.jpg) top left no-repeat; }
#di_top_wrap.bg3{ background:url(/UserFiles/images/diensten/inzetbaarheid_vervolg.jpg) top left no-repeat; }
#di_top_wrap.bg4{ background:url(/UserFiles/images/diensten/bal_vervolg.jpg) top left no-repeat; }
#di_top_wrap.bg5{ background:url(/UserFiles/images/diensten/hr_vervolg.jpg) top left no-repeat; }

#di_txt {
	height:		auto;
	background:transparent url(../img/st_txt_bg.jpg) repeat-y scroll left top;
}

#di_txt img { padding: 10px 0 10px 40px; }
#di_txt img.diagram { padding: 10px 0 10px 90px; }

#di_txt_btm{
	width:		523px;
	float: 		left;
	padding: 	10px 0 10px 0;
	height: 	20px;
	margin: 	0;
	background:transparent url(../img/st_txt_bg.jpg) repeat-y scroll left top;

}

#diUitleg_txt_btm{
	width:		523px;
	float: 		left;
	padding: 	10px 0 0  0;
	height: 	50px;
	margin: 	0;
	background:url(../img/diUit_btm.jpg);

}


/*-- mogelijkheden --*/

#mo_wrap{width: 523px; padding: 0 0 55px 0; float: left;}
#mo_topBg{ background:	url(../img/st_txt_bg.jpg) top center repeat-y; }

#mo_wrap p{ background:	url(../img/st_txt_bg.jpg) center left repeat-y; }
#mo_menu_wrap{ width: 523px; background:	url(../img/st_txt_bg.jpg) center left repeat-y;}



/*-- article --*/

#article_txt, #team_txt {
	height:		auto;
}

#article_txt{
	background:	url(../img/st_txt_bg.jpg) top center repeat-y;
	margin:0 0 75px;
	min-height:700px;
}


#articleAuth{
	float:		left;
	width:		110px;
	display:block;
	padding: 55px 15px 5px 40px;
}

#articleAuthtxt {
	float:		left;
	width:		100%;
	display:block;
	padding: 55px 15px 5px 40px;
}

.articleAuthImg{ width: 100px; height: 100px; padding:0;}	


#article_btm{
	width:		523px;
	float: 		left;
	padding: 	10px 0 10px 0;
	height: 	60px;
	margin: 	0;

}
/*-- vacatures --*/


#va_txt {
	height:		239px;
	background:	url(../img/va_txt_bg.jpg) top left no-repeat;
}


/*-- contact --*/
	
#contact_wrap{ height: 335px; background:url(../img/cont_tp_bg2.jpg) top left no-repeat; }
#contact_wrap.visie{ height: 395px; background: #FFF url(../img/vs_tp.jpg) top left no-repeat; }
#contact_wrap.mvo-beleid{ height: 395px; background: #FFF url(../img/mvo_tp.jpg) top left no-repeat; }
#contact_wrap.elearning{ height: 395px; background: #FFF url(../img/elearning_visual.jpg) top left no-repeat; }
#contact_wrap h2{ margin: 0 0 0 32px;}

#form_wrap{	width: 523px; padding: 0 0 55px 0; }
#form_topBg{ background: url(../img/st_txt_bg.jpg) top center repeat-y; }

.contact_form{
	float: left;
	padding: 0 0 0 10px;
	height: auto;
	display: block;
	background: url(../img/st_txt_bg.jpg) repeat-y left top;
}

/*-- TEAM --*/

#te_wrap{
	height:270px;
	background: #FFF url(../img/te_txt_bg.jpg) top left no-repeat;
}
#te_img{ height: 225px; background:	url(../img/st_txt_bg.jpg) top left repeat-y; }

#te_img_btm {
	height:		50px;
	width:		523px;
	background:	url(../img/st_txt_btm.jpg) top left no-repeat;
	float: 		left;
}

.team_image {
float:left;
margin-right:10px;
}

#pers_wrap, #archive_wrap{ width: 523px; padding: 0 0 55px 0; }
#pers_topBg{ background: url(../img/st_txt_bg.jpg) top center repeat-y; }

.functieomschrijving {
	color:#666666;
}

.klantlogo {
	height:70px;
}
.klantomschrijving {
	color:#666666;
	height:40px;
}
/*-- VAC --*/
 
#vac_wrap{ height: 285px; background:url(../img/vac_hd_bg.jpg) top left no-repeat; }
#va_topBg{ background:url(../img/st_txt_bg.jpg) top center repeat-y; min-height:455px; }


/*-- qui --*/

#qu_hd { height: 165px;	}

#qu_hd.hd1 { background: url(../img/qu_hd1_bg.jpg) no-repeat left top; }
#qu_hd.hd2 { background: url(../img/qu_hd2_bg.jpg) no-repeat left top; }
#qu_hd.hd3 { background: url(../img/qu_hd3_bg.jpg) no-repeat left top; }
#qu_hd.hd4 { background: url(../img/qu_hd4_bg.jpg) no-repeat left top; }


#qu_txt_wrap{ background:url(../img/st_txt_bg.jpg) repeat-y left top;}
#qu_txt_ft{ height: 50px;	background:url(../img/diUit_btm.jpg) no-repeat left top; }

#quickscan_intro, #quickscan_vraag, #quickscan_end{ min-height:300px; }

/*-- archive --*/

#archiveTop{ height: 190px; background: #FFF url(../img/archivetop_bg.jpg) top left no-repeat; }


/* ------------------------------------------------------------ RIGHTSIDE */

#sidebar1{ background: url(../img/rc_arbg.jpg) top left repeat-y; float: left; width: 287px; margin-top:-1px; }

html>body #sidebar1 {/*only ie gets this style*/
	margin-top: 		0px;
	.margin-top: 		-1px;
}

#arWrapper {	float:left; display:block; margin:0 30px; }
#klWrapper {	height: 165 px; padding:10px 0 0 0; background:	url(../img/rc_klbg.jpg) top left no-repeat; }
#arDivider {	height: 28px;	background:	url(../img/rc_arDivider.jpg) top left no-repeat; float:left; width:270px; padding: 0 0 20px 0; }

/* ------------------------------------------------------------ FOOTER */


#footer{ 		background:url(../img/ft_top_bg.jpg) top repeat-x; }
#ft_bot{ 		background:url(../img/ft_bot_bg.jpg) top repeat-x; }

#ft_container, #ft_bt_container{
	width:		855px;
	margin:		0 auto;
	text-align: left;
	margin:		0 auto;
	padding: 	0 0 0 86px;
	
}

.footerClose{ height: 	160px;}
.footerOpen{	height: 	190px;}

#ft_bt_container{ height: 	69px; background:	url(../img/ft_logo.jpg) top left no-repeat; }
#spOnderwerpWrap{ padding:5px 0; }


.iSubmit {
cursor: pointer;
}

/*---------------------------------------------------------*/
/* Alertbox
/*---------------------------------------------------------*/
#alerterDiv {
	position:fixed;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	z-index:200;
}

.alerter, .alerter_error, .alerter_success{
	font-family: Verdana, Arial;
	font-size:13px; 
	font-weight: bold;	
	text-align:center;
	border: 1px solid #000;
	padding:15px;
	background-color:#CCC;
	color:#000000;
}

.alerter_error{
	background-color:#FF6666;
}

.alerter_success {
	background-color:#99FF99;
}