/*============== 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:#dddddd;
}

#werkzoekende form thead{
	background:#dddddd;
}

.inputxs,		
.inputs,
.inputm, 
input.date, 
.inputl,
.inputxl,
.inputxxl,
.number{
	font-family:'Courier New',Monospace;
	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;
}


option.level-1{padding-left:4px;}
option.level-2{padding-left:16px;}
option.level-3{padding-left:32px;}
option.level-4{padding-left:48px;}
option.level-5{padding-left:64px;}
option.level-6{padding-left:80px;}
option.level-7{padding-left:96px;}
option.level-8{padding-left:112px;}
option.level-9{padding-left:128px;}
option.level-10{padding-left:144px;}

	
.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 #990000;}


#werkgever #content input:focus, 
#werkgever #content select.selectl:focus,
#werkgever #content textarea:focus {
 	background:#fff;
	color:#000;
	border:1px solid #000099;}

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:#dddddd;	
}

dd.controls button.disabled{
	background:#c2c2c2 !important;
	color:#d7d7d7 !important;
}

dd.summary{
	padding:8px !important;
}

dd.summary table.thead td{
	color:#000099;
	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;
}