/*============== formulier ==============*/



.cms_form #content form dd,

.vacatures #content form dd{

	background:white;

	padding:0;

}



.cms_form #content table,

.vacatures #content form table{

	width:100%;

	border-collapse:collapse;

}





#content form dd p,

#content form thead td,

#content form th{

	padding:1px 8px;

}



#werkgever form thead{

	background:#999999;

}



#werkzoekende form thead{

	background:#999999;

}



.inputxs,		

.inputs,

.inputm, 

input.date, 

.inputl,

.inputxl,

.inputxxl,

.number{

	font-size:100%;

	border:1px solid #c2c2c2;

	margin:2px 2px 2px 0;

	padding:1px 3px;

	text-decoration:none;

	background:none;}



.cms_form #content form select.selectl,

.vacatures #content form select.selectl{

	font-size:100%;

	border:1px solid #c2c2c2;

	margin:2px 2px 2px 0;

	background:inherit;

	width:220px;

}



.vacatures #content form select.selectl{

	width:360px;

}



.cms_form #content form option,

.vacatures #content form option{

	background:#fff;

}



	

.inputxs{

	width:30px;}



.inputs{

	width:45px;}

	

.inputm,input.date{

	width:90px;}

	

.inputl{

	width:200px;}

	

.inputxl{

	width:300px;}



textarea{

	border:1px solid #c2c2c2;

	padding:1px 3px;

	background:none;



	width:450px;

	height:150px;

}



.vacatures #content form dd textarea{

	width:608px;

	height:200px;

}



.wordt_abonnee table.mceEditor iframe{

	width:458px !important;

}



textarea.height50{

	width:448px;

	height:50px;

	overflow:auto;

	padding:5px}

		

input.number{

	width:30px;}



.number{

	margin-top:-1px;

	text-align:right;}

	

form em{

	padding-right:8px;

	font-style:normal;

	background:url(images/required.gif) no-repeat right top;}



	

#werkzoekende .cms_form #content input:focus, 

#werkzoekende .cms_form #content select.selectl:focus,

#werkzoekende .cms_form #content textarea:focus {

 	background:#fff;

	color:#000;

	border:1px solid #ff6600;}





#werkgever #content input:focus, 

#werkgever #content select.selectl:focus,

#werkgever #content textarea:focus {

 	background:#fff;

	color:#000;

	border:1px solid #003399;}



dd.controls{

	border:none;

	text-align:left;

}



div.products div{

	display:inline;

}



div.products input{

	display:none;

}

select {

	z-index:1;

}

div.products label{

	float : left;

	display:block;

	

	width:110px;

	/*height:100px;*/

	margin:10px 0 0 0;

	text-align:center;

	padding-top:50px;

	background-repeat: no-repeat;

	background-position: center top;

	

	cursor:pointer;

	cursor:hand;

}



div.products label.p5,

div.products label.p9,

div.products label.p13,

div.products label.p17{

	clear:both;

}



div.products div.active label{

	background-color:#99ccff;	

}



dd.controls button.disabled{

	background:#c2c2c2 !important;

	color:#d7d7d7 !important;

}



dd.summary{

	padding:8px !important;

}



dd.summary table.thead td{

	color:#003399;

	font-size:11px;

	font-weight:bold;

	line-height:15px;

	margin-top:1em;

}



td.valuta{

	text-align:right;

}



form em{

	padding-right: 8px;

	background:url(images/required.gif) no-repeat right top;

}