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


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


body { line-height: 20px; }

.rMore, .nContact, .nContact2, .nContact3, .pContact, .jaBtn, .neeBtn, .terugLink, #mogelijkheid .textLink{
	font-size:		11px;
	text-align: 	center;
	color:			#FFFFFF;
	background: 	#6E2C8C url(../img/rMore_nl_bg.gif) top left no-repeat;
	
	display:		block;
	line-height:	18px;
	width: 			71px;
	text-decoration:none;
	
}

.rMore:hover, .nContact:hover, .nContact2:hover, .nContact3:hover, .cArchiveLink:hover, .articleAuthLink:hover, .pContact:hover, .jaBtn:hover, .neeBtn:hover, .doedetest:hover, .terugLink:hover, #mogelijkheid .textLink:hover{ background-position:center; color:#FFF;}
.textLink, .archiveLink, .textLinkTerug, .textLinkVac{ font-size: 11px; color: #6E2C8C; }




p a, ul a{ color:#6E2C8C; }
p a:hover, ul a:hover{ color:#A0A8CF; }

.textLink:hover, .archiveLink:hover, .textLinkTerug:hover, .textLinkVac:hover{ color: #A0A8CF; }

h1, h2, h3, h4{ 	color: #485492; }

h1{					line-height: 28px; font-size: 20px; }
h2{					line-height: 24px; font-size: 20px; }
h3{ 				line-height: 15px; font-size: 11px; font-weight: normal; }
h4{ 				line-height: 22px; font-size: 16px; font-weight: normal; }

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


.hdMenu{ list-type: none; width: 540px; float: right; margin: 0 42px 0 0; }

.hdMenu li{ 		float:right;}
.hdMenu a { 		display:block;					
					line-height:39px;
					text-align:center;
					text-decoration:none;
					background:url(../img/hd_menuDivider.jpg) bottom right no-repeat;
					padding: 0 5px;
					font-size:10px;
					color:#485492;
					}

.dienstnr1 .hdMenu a.hdLink1,
.dienstnr2 .hdMenu a.hdLink2,
.dienstnr3 .hdMenu a.hdLink3,
.dienstnr4 .hdMenu a.hdLink4,
.dienstnr5 .hdMenu a.hdLink5 { color:#999999;}

.hdMenu a:hover{ color:#999999;}

.subMenu{
					list-type:none;
					width:298px;
					float:right;
					margin:0 42px 0 0;
}

.subMenu li{ 		float:right; display:block; }
.subMenu a{			line-height:32px; 
					display:block; 
					text-align:center; 
					text-decoration:none;
					color:#FFFFFF;
					font-size:11px;
					font-weight:bold;
					}			
					
							
.subLink1  { 		width: 71px; }
.subLink2  { 		width: 94px; }
.subLink3  { 		width: 67px; }
.subLink4  { 		height: 32px; width: 33px; background:#6E2C8C;}
.subLink5  { 		height: 32px; width: 33px; background:#6E2C8C;}

.subMenu a:hover{	background-position:center; color:#B796C6; }				
.subMenu .subLink2:hover	{ cursor:default; color:#FFF;}				
					

#payOff{ float:left; font-weight:bold; line-height:32px; color:#B796C6; padding:0 0 0 0; }	
#foldOutMenu{ position: absolute; float: left; width: auto; height: auto; margin-left: 320px; padding:0 20px 0 0;}


#foldOutMenu a{ display: block; font-size: 11px; color: #FFFFFF; text-decoration:none; line-height:	20px; padding: 0 10px 0 10px; width:83px; background:#6E2C8D; 																	
}

.foItem{ background:#6E2C8D; }
.footerList{ margin-top:-7px; height:10px; width:103px; display:inherit; font-size:9px;background:url(/frontend/img/qu_pullDown_btn_bg.jpg) bottom no-repeat; }

#foldOutMenu a:hover{ color:#B796C6; cursor:pointer; }
.unSelected{ 							display:none; }
.selected{ 								display:block; }


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


#st_Txt h1, #te_wrap h1, #va_txt h1, #team_txt h1{ padding: 45px 35px 20px; background:url(../img/redpag_hd_bg.jpg) top left no-repeat;}
#di_txt h1{padding:95px 30px 0 50px; display:block; }
#st_Txt h1.persoonTitle{ padding: 35px 30px 5px 50px; }

#st_Txt .home{ padding: 45px 0 0 0; background:url(../img/welkom_hd_bg.jpg) top left no-repeat; display:block; }

#st_Txt h3{ 		padding: 0 0 15px 50px; }
  
p, ul{ color:#1E1E1E; font-size:100.01%; line-height:1.72em; letter-spacing: 0.04em; }	
#st_Txt p{ padding: 10px 30px 0 35px; }	
#st_Txt p.lastP{padding: 10px 30px 15px 35px;}
#st_Txt .quote{ font-style:italic; font-weight: lighter; text-decoration: none; }
#di_txt p, #mo_wrap p, #contact_wrap p, #form_wrap p, #te_wrap p, #va_txt p, #vac_wrap p{ padding: 0 40px 10px 32px; }	


#st_Txt .nContact, #di_txt .textLink, #article_txt .textLink{ float: left; margin:0 0 0 32px; }

.mo_menu .textLink{ text-decoration:none; font-size:12px;}
.mo_menu_r .textLink{ text-decoration:none; font-size:12px;}

#di_txt .nContact, #article_txt .nContact {margin: 0 0 0 240px; }
#di_txt .nContact2{ margin: 0 0 0 320px; }


.nContact, .nContact2, .nContact3{ float: left;	background: #6E2C8C url(../img/nContact_bg.jpg) top left no-repeat; width: 141px; margin: 0 0 0 230px; }
.nContact3{ margin: 0 0 0 32px; }
/*-- diensten headers --*/

#di_txt .balans2,
#di_txt .flexwerk2,
#di_txt .inzet2,
#di_txt .hrmana2{ 	padding:75px 30px 0 50px }
#di_txt .logo_only{	padding:100px 30px 0 20px }
#di_txt .clean{	position:relative;top:-50px}

#di_txt .balans{ 	background:url(../img/kp_balans.jpg) top left no-repeat; }
#di_txt .balans2{ 	background:url(../img/kp_balans2.jpg) top left no-repeat; }
#di_txt .flexwerk{ 	background:url(../img/kp_flexwerk.jpg) top left no-repeat; }
#di_txt .flexwerk2{ background:url(../img/kp_flexwerk2.jpg) top left no-repeat; }
#di_txt .inzet{ 	background:url(../img/kp_inzetbaarheid.jpg) top left no-repeat; }
#di_txt .inzet2{ 	background:url(../img/kp_inzetbaarheid2.jpg) top left no-repeat; }
#di_txt .hrmana{ 	background:url(../img/kp_levensfase.jpg) top left no-repeat; }
#di_txt .hrmana2{ 	background:url(../img/kp_levensfase2.jpg) top left no-repeat; }
#di_txt .hr{ 		background:url(../img/kp_hralgemeen.jpg) top left no-repeat; }
#di_txt .logo_only{ background:url(../img/kp_logo_only.jpg) top left no-repeat; }

#di_txt .kp_section2 {
	padding:30px 30px 10px 30px;
	font-size:26px;
}

#st_Txt .kp_home {
	padding:30px 30px 10px 30px;
	font-size:26px;
	background:url(../img/kp_section_more.jpg) top left no-repeat;
}


#di_txt h1.kp_section{padding:60px 30px 10px 30px; display:block; 
	 background:url(../img/kp_section.jpg) top left no-repeat; 
	font-size:26px;
}


/*-- mogelijkheden --*/

.mo_menu{
	float:left;
letter-spacing:0.04em;
line-height:1.72em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 0 35px;
width:220px;
}

.mo_menu_r{
	list-style: 	none;
	width:			220px;
	float:			left;
	padding:        0 0 0 30px;
	line-height:	20px;
}


.mo_top, .co_top{ 	line-height: 28px;}
.mo_top{ 			padding: 35px 30px 5px 35px; }
.co_top{ 			padding: 15px 30px 20px 32px; }

.mo_top{ 			background:url(../img/mog_top_bg.jpg) top left no-repeat; }

#mogelijkheid h1{ 	font-size:15px;padding:10px 0 0 35px; font-weight:normal; color:#6e2e8c;}
#mogelijkheid p {  	background:none; padding-bottom:15px; }



/*-- article --*/

#article_txt p, #article_txt h1{ width: auto; }

#article_txt p{
	padding:		0 40px 10px 35px;
	font-size: 		100.1%;
	line-height:	1.72em;
	letter-spacing:	0.04em;
}
#article_txt h1{ 	 padding:60px 40px 10px 35px;  background: url(../img/redpag_hd_bg.jpg) no-repeat scroll left top;}

#article_txt .articleAuthName{
	float: 			left;
	color: 			#666666;
	font-size: 		11px;
	background:		none;
	padding:		5px 0 0 0;
	letter-spacing:0.02em;
}

.articleAuthLink{
	float: 			left;
	width:			100px;
	
	font-size:		11px;
	line-height:	18px;
	color:			#FFFFFF;
	text-align:		center;
		text-decoration:none;
	background:		url(../img/art_auth_cont_bg.jpg) top left no-repeat;
}

/*-- contact --*/


#contact_wrap h1, #vac_wrap h1, #archiveTop{ padding: 45px 0 0 32px;}
#te_wrap h1{ 		padding: 40px 0 0 33px;}

.contact_form ol{
	float:			left;
	width: 			453px;	
	font-size:		11px;
	margin: 		0 30px 15px 35px;	
}

.contact_form ol li{ 
	width:			430px;
	line-height:	22px;
	background: 	url(../img/frm_li_bg.jpg) bottom left no-repeat;
	margin:			5px 0 0 0;	
}

.contact_form ol li.opmerkingLi{background: url(../img/frm_li_bg2.jpg) top left no-repeat; padding-bottom:10px;}
html>body #clearHomefooter {/*only ie gets this style*/
	padding-bottom:	0;/* Firefox */
	.padding-bottom:10px;/* for IE 7 */	
}

.contact_form ol li.submitLi{background: none; }
.contact_form label, .fTekst, .fTekst2{	color: #757EAD;	line-height:25px; font-size:	11px;}	

.iTekst2{
	border:			medium none;
	font-size:		11px;	
	width:			141px;
	color:			#666666;
	background:		#FFFFFF url(../img/frm_input_bg.jpg) no-repeat scroll left center;
	margin-top:0;
}

html>body .iTekst2{  
	width: 141px;
	margin-top: 4px;
	.width: 139px;

}
.contact_form label{
	width:			100px;
	float:			left;
	display: 		block;
	line-height: 	24px;
	padding:		0 0 0 10px;
	clear: 			left;
}

.contact_form .iRadio, #contact_form .iRadio2, #contact_form .rLabel{ float: right; }
.contact_form .rLabel{ width:35px; }

.contact_form .iRadio2{	margin:3px 15px 0 0; padding:0; }


.contact_form .aanmeldCheck {
float: none;
width: 400px;
}

.contact_form .iRadio{ margin:3px 15px 0 0;	padding:0; }
html>body .contact_form .iRadio{/*only ie gets this style*/
	margin:			6px 15px 0 0;
	.margin:		3px 15px 0 0;
}
html>body .contact_form .iRadio2{/*only ie gets this style*/
	margin:			6px 15px 0 0;
	.margin:		3px 15px 0 0;
}
.contact_form #opmerking{
	border:			0 none;
	font-family:	arial;
	font-size:		11px;
	margin:			10px;
	width:			413px;
	height:			100px;
}

.contact_form  #submit{
	width:			53px;
	margin: 		0 0 5px 0;
	font-size:		13px;
	color:			#FFFFFF;
	border-style:	none;
	background: 	url(../img/frm_submit_bg2.jpg) top left no-repeat;
	display: 		block;
}

/*-- team --*/
#te_menu_wrap, #kl_menu_wrap{ 
	min-height:		625px; 
	margin:			0 0 50px; 
	padding:0 0 0 40px; 
	background:		transparent url(../img/st_txt_bg.jpg) repeat-y scroll center top;
	
	line-height:1.7em;
	font-size:100.1%;
	letter-spacing:0.04em;
}

#kl_menu_wrap li{
	width:200px;
	margin:0px 10px 40px 0px;
	float:left;
}

#te_menu_wrap li{
	width:230px;
	margin:0px 5px 5px 0px;
	float:left;
}


.te_menu1 {
	list-style: 	none;
	width:			220px;
	float:			left;
	padding:        10px 0 50px 26px;
	color:			#666666;
	
}


#pers_wrap h3{ 		padding: 0 0 0 50px; line-height: 32px;}
#pers_wrap p { 		padding: 10px 45px 0 32px;}

#team_txt a{}
a.textLinkTerug{	float:left; margin: 0 0 0 45px; }

.pContact{
	float: 			left;
	width: 			141px;
	background:		url(../img/nContact_bg.jpg) no-repeat scroll left top;
	margin: 		0 0 0 255px;
}


.kl_menu, .kl_menu_r{
	list-style: 	none;
	width:			200px;
	float:			left;
	padding:        10px 0 50px 26px;
	color:			#666666;
	
}
.kl_menu li, .kl_menu_r li{
	height:120px;
}

#team_txt p{ padding:0 0 10px 28px; }

#di_txt .textLinkTerug{ float: left; margin:0 0 0 50px; }
#article_txt .textLink{ float: left; margin:0 0 0 35px; }
#di_txt a.rMore{	margin:	0 0 15px 32px; }


.textLinkVac{
	float: 			left;
	padding: 		10px 0 0 0;
	margin: 		0 0 0 45px;
}

html>body .textLinkVac{/*only ie gets this style*/
	margin:			0 0 0 0;/* Firefox */
	.margin:		0 0 0 45px;/* for IE 7 */	
}
/*-- vacatures --*/

.va_top{
	line-height:	28px;
	padding: 	 	40px 30px 0 50px;
	background: 	url(../img/va_txt2_top_bg.jpg) top left no-repeat;
}

#pers_wrap ul, #st_Txt ul, #di_txt ul{ padding: 0 0 0 25px; line-height:1.72em; letter-spacing: 0.04em; }

#pers_wrap ul li, #st_Txt ul li, #di_txt ul li{ background: url(../img/list_cir_bg.jpg) no-repeat scroll left 1px; padding: 0 40px 0 20px; font-size: 100.1%; 	
}

/*-- archief --*/

#te_menu .textLink{ font-size:12px; }
#va_topBg h4{ 		padding: 5px 0 0 32px; }
.archExcerpt a{ 	margin: 10px 0 10px 0; }
#pers_wrap .textLink{ line-height:15px;	margin-right: 10px;}
#archive_wrap p { padding: 0 45px 0 32px;}

.archExcerpt .button_purple_80px { margin: 5px 0px 15px 30px;}




.doedetest{
	color:			#FFFFFF;
	width:			105px;
	line-height:	18px;
	background:		url(../img/qu_doe_btn_bg.jpg) top left no-repeat;
	float: 			left;
	text-align: 	center;
	margin: 		15px 0 0 0;
	font-size:		11px;
	letter-spacing:0;
	text-decoration:none;
}

html>body .doedetest {/*only ie gets this style*/
	margin: 		15px 0 0 0;/* Firefox */
	.margin: 		15px 0 0 0;/* for IE 7 */	
}

.archTitle{ padding: 15px 60px 0 32px; }


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

#arWrapper h2{ margin-top:-5px; line-height:17px;}
#qWrapper h2{ padding: 0 30px 0 30px; margin-top: 15px; line-height:17px; font-style:italic; }
#arWrapper h4{ font-size:16px; line-height:22px; }
#arWrapper p{ float: left; font-size: 11px; color: #333333; line-height: 1.72em; font-size:100.01%; letter-spacing:0.04em; }

#hrWrapper { 
	background:	url(../img/qidos_bg_interim.jpg) center left no-repeat;
	margin-left:28px;padding:10px 10px 0px 17px;float: left; min-height: 100px; width:230px;
}
.hrinterim2{ width:200px; font-size: 20px; color: #333333; line-height: 1.72em; letter-spacing:0.04em;}

#hrWrapper .button_purple_80px { margin-left:15px;}

#arWrapper a.rMore {	margin:	10px 0; }
a.terugLink{	margin:	10px 0 0 32px; }
#di_txt a.terugLink, #st_Txt a.terugLink{	margin:	0 0 0 32px; float:left; }
#quickscan_intro a.terugLink{	margin:25px 0 0 0; float:left; }
#team_txt a.terugLink { float:left; margin:40px 0 0; clear: left; }
#st_Txt .nContact{ float:left; margin:0 0 0 240px;}
#st_Txt .marginback{ float:left; margin:0 0 0 143px;}
#arWrapper .arSubTitle{ float:left; width: 278px; color:#6E2C8C; margin: -8px 0 0; letter-spacing:0.04em; }
#arWrapper .textLink{ margin: 0; }

.colofonHead, .disclaimerHead{ font-size:15px; line-height:17px;}
.colofon, .disclaimer{ font-size:9px; line-height:13px; }

/*-- archive --*/

#arWrapper  .archiveLink{ float:left; line-height:1.7em; padding:0 0 0 0; letter-spacing:0.04em; width: 235px; }

.cArchiveLink{
	font-size:		11px;
	text-align: 	center;
	color:			#FFFFFF;
	background: 	#6E2C8C url(../img/archive_bg.jpg) top left no-repeat;
	text-decoration: none;
	margin:		    10px 0;
	
	display:		block;
	line-height:	18px;
	width: 			95px;
	float: left;
	text-align:center;
	
}

/*-- quickscan --*/
#qu_txt_wrap h1{	 padding: 15px 0 0 32px; }
#qu_txt_wrap #qNumber{ 
	color: #485492;
	float:left;
	font-size:15px;
	padding:10px 200px 5px 0;
	width:auto;}


#quickscan_end h3{ margin:0 0 0 35px; width:445px;}

#qu_txt_wrap p{		height:auto;
letter-spacing:0.04em;
line-height:1.72em;
padding:5px 35px 115px 32px; }


#qu_txt_wrap p.result{ padding: 5px 35px 55px;}


#score{
	background:		transparent url(../img/pt_bg.jpg) no-repeat scroll left top;
	color:			#FFFFFF;
	display:		block;
	float:			left;
	font-size:		15px;
	font-weight:	bold;
	line-height:	45px;
	margin:			15px 5px 5px 32px;
	padding:		0 0 0 10px;
	text-align:		left;
	width:			85px;
}


#qu_txt_wrap .nContact{ margin: -40px 0 0 32px; }


.jaBtn{
	float:			left;
	width:			45px;
	text-align:		center;
	background:		url(../img/btn_ja_bg.jpg) top left no-repeat;
	margin:15px 0 0 0;

}

.neeBtn{
	float:			left;
	margin:			15px 0 0 5px;
	width:			45px;
	text-align:		center;
	background:		url(../img/btn_nee_bg.jpg) top left no-repeat;
	margin:15px 0 0 10px;

}

html>body .neeBtn{/*only ie gets this style*/

	margin:15px 0 0 10px;/* Firefox */
	.margin:15 0 0 10px;/* for IE 7 */		

}

#question{ clear:left; float:left; width:280px;}
/* ------------------------------------------------------------ FOOTER */ 

#footer{ font-size: 11px; }
#ft_container h2{ padding: 0; }

.ft_menu{
	list-type:		none;
	font-size:10px;
	width:			650px;
	float:			right;
	padding: 		0 46px 0 0;
	letter-spacing:0.04em;
}

.ft_menu li{ float:right; padding: 0 10px 0 0; }

.ft_menu a{ 	
	line-height:	39px; 
	display:		block; 
	text-align:		center;
	font-size:		11px;
	color: 			#807F87;	
}

.ft_menu a:hover{ color: #6E2C8C; }

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

#nBrief_form ol{
	float:			left;
	width: 			809px;
	font-size:100.1%;
	margin: 		5px 0 0 0;
}

#nBrief_form ol.lastOl { padding: 0 0 10px 0; }
#nBrief_form li{ float:left; font-size:	font-size:100.1%;}
#nBrief_form label, .fTekst, .fTekst2{ color: #6F2C8D; line-height:25px; }	

#nBrief_form label{
display:block;
float:left;
font-size:100.1%;
letter-spacing:0.1em;
line-height:1.72em;
width:105px;
}

#nBrief_form .sLabel, #nBrief_form .sLabel3, #nBrief_form .sLabel4{	width: 20px; padding: 18px 0 0 0; }
#nBrief_form .sLabel2{ width: 35px; }
#nBrief_form .sLabel3{ width: 100px; padding-left:5px;}
#nBrief_form .sLabel4{ width: 102px; padding-left:10px; }
#nBrief_form .sLabel, #nBrief_form .sLabel2{ padding: 17px 5px 0 5px; }

/*html>body #nBrief_form .sLabel{ padding: 1px 5px 0 5px; .padding: 15px 5px 0 5px; }*/


.iTekst {
	width:			141px;
	line- height:	18px;
	float:			left;
	margin:			0 5px 0 0;
	border-style:	none;
	background:		#FFFFFF url(../img/frm_input_bg.jpg) center left no-repeat;
	font-size: 		11px;
	color: 			#666666;
	clear: 			left;
}


html>body .iTekst {/*only ie gets this style*/
width:			141px;
.width:			139px;
	

	

	

}

html>body .iRadio { width: 20px; 
					margin: 21px 0 0 0; 
					font-size:	11px;
					
					.margin: 17px 0 0 0; 
				  }


.iCheck {
	font-size:		11px;
	width: 			20px;
	float:  		left;
	margin: 		1px 1px 0 2px;
}	

.fTekst { padding:12px 5px 0 5px; }  
.fTekst2{ padding:0 0 0 10px; letter-spacing:0.04em;
line-height:1.72em; } 
#nBrief_form .chLabel0{ width:80px; }
#nBrief_form .chLabel1{	width: 98px;}
#nBrief_form .chLabel2{	width: 215px;}
#nBrief_form .chLabel3{	width: 85px;}
#nBrief_form .chLabel4{	width: 110px;}
#nBrief_form .chLabel5{	width: 80px;}

html>body #nBrief_form .chLabel0,
html>body #nBrief_form .chLabel1,
html>body #nBrief_form .chLabel2,
html>body #nBrief_form .chLabel3,
html>body #nBrief_form .chLabel4,
html>body #nBrief_form .chLabel5, { margin-top: 0;  .margin-top: 2px; }

#nBrief_form  #submit{
	width:			53px;
	margin: 		0 0 5px 0;
	font-size:		13px;
	color:			#FFFFFF;
	border-style:	none;
	background:		url(../img/frm_submit_bg.jpg) top left no-repeat;
	display: 		block;
}



.aProjecten{ 
	float:left;
	width:95px; 
	margin: 0 0 0 10px;
	background:url(../img/btn_aprojecten.jpg) top left; 
	color:#FFFFFF;
	line-height:18px;
	text-align: 	center;
	text-decoration:none;
	display:block; 
}

#di_txt .aProjecten { margin: 0 0 0 291px; }

.aProjecten:hover{ background-position:center left; color:#FFFFFF; }

#mogelijkheid .textLink{ margin:0 0 0 32px; }