/* --------------------------------------------------*/
/*  Contactformulier
/* --------------------------------------------------*/

.contactformulier{
	position: relative;
	width: 1000px;
	z-index: 100;
	float: left;
	margin-bottom: 40px;
	background: url('images/contact/envelope.png') top right no-repeat;
}

/* Telefoon contactformulier */
#kolommen .contactform {
	width: 300px;
	height: 30px;
	float: left;
}
#kolommen .contactform .input{
	width: 300px;
}
#container #kolommen .contactform .submit{
	margin: 0;
	left: 60px;
	float: left;
}

fieldset{
	border: 0;
	padding: 0;
	margin: 0;
}

fieldset label.error{
	font-size: .9em;
	color: #DB052A;
	padding: 5px 5px 5px 10px;
	background: #EFEFBE;
}

fieldset .input label.error{
	position: relative;
	width: 268px;	
	top: -26px;
	left: 90px;
}
#phoneForm .input label.error{
	width: 154px!important;	
	left: 130px;
}
fieldset .textarea label.error{
	position: absolute;
	width: 400px;
	top: -28px;
	left: 90px;	
}

#spotlight.bedankt{
	margin-bottom: 100px!important;
}

/*  Contactformulier: Brief
/* --------------------------------------------------*/

.contactformulier form,
.contactformulier div.brief_top,
.contactformulier div.brief_bottom{
	position: relative;
	left: -7px;
}

.contactformulier form{
	padding: 10px 0 0 40px;
	width: 550px;
	float: left;
	background: url('images/contact/brief_bg.png') 0 0 repeat-y;
}

.brief_top{
	width: 590px;
	height: 36px;
	float: left;
	background: url('images/contact/brief_top.png') no-repeat;
}
.brief_bottom{
	width: 590px;
	height: 38px;
	float: left;
	background: url('images/contact/brief_bottom.png') no-repeat;
}

.contactformulier p{
	margin: 5px 0 0 0;
	display: block;
}

/* Velden met een * zijn verplicht */
p.astrix{
	margin: 20px 0 0 0;
	font-size: 1.1em;
	clear: both;
	float: left;
	display: block;
}


/*  Invoervelden					 		
/* --------------------------------------------------*/

body.page-id-40 .contactformulier .input input{
	width: 96%;
}

.contactform label{
	width: 100%;
	padding: 5px 0;
	font-size: 1em;
	color: #083e95;
	display: block;
	clear: both;
	float: left;
}

.contactform .input{
	position: relative;
	z-index: 10;
	width: 68%;
	height: 50px;
	float: left;
	background: url('images/input/input.jpg') repeat-x;
}
.contactform .input input{
	position: absolute;
	top:3px;
	left: 2px;
	width: 95%;
	height: 28px;
	font-size: 1.3em;
	padding: 3px 0 0 10px;
	z-index: 30;
	float: left;
	background: none;
	border: 0;
}
.contactform .left,
.contactform .right{
	position: absolute;
	width: 4px;
	height: 40px;
}
.contactform .left{
	top: 0;
	left: 0;
	z-index: 2;
	background: url('images/input/input_links.jpg') no-repeat;
}
.contactform .right{
	top: 0;
	right: 0;
	z-index: 2;
	background: url('images/input/input_rechts.jpg') no-repeat;
}

/* --------------------------------------------------*/
/*  Textarea					 		
/* --------------------------------------------------*/

.textarea{
	position: relative;
	min-width: 485px;
	min-height: 250px;
	float: left;
	border: 2px solid #8c8c8c;	
	background: #ffffff url('images/input/textarea_bg.jpg') bottom left repeat-x;
}
.textarea textarea{
	position: relative;
	top:3px;
	left: 2px;
	width: 96%;
	min-height: 235px!important;
	height: 235px;	
	font-size: 1.3em;
	padding: 3px 0 0 10px;
	z-index: 3;
	float: left;
	background: none;
	border: 0;
}
.textarea .left_top,
.textarea .right_top{
	width: 5px;
	height: 5px;
}
.textarea .left_top{
	position: absolute;
	top: -2px;
	left: -2px;
	background: url('images/input/textarea_lb.jpg') no-repeat;
}
.textarea .right_top{
	position: absolute;
	top: -2px;
	right: -2px;
	background: url('images/input/textarea_rb.jpg') no-repeat;
}

.textarea .left_bottom,
.textarea .right_bottom{
	position: absolute;
	bottom: -6px;
	width: 5px;
	height: 9px;
}

.textarea .left_bottom{
	left: -2px;
	background: url('images/input/textarea_lo.jpg') no-repeat;
}
.textarea .right_bottom{
	right: -2px;
	background: url('images/input/textarea_ro.jpg') no-repeat;
}

/* --------------------------------------------------*/
/*  Submit knoppen					 		
/* --------------------------------------------------*/

.submit{
	position: relative;
	height: 35px;
	padding: 5px 14px 0 8px;
	margin: 5px 0 0 13px;
	text-align: center;
	float: left;
	cursor: pointer;
	background: url('images/submit/submit.png') repeat-x;
}
.submit .left,
.submit .right{
	position: absolute;
	height: 39px;
	z-index: 0;
}
.submit .left{
	width: 13px;
	top: 0;
	left: -13px;
	background: url('images/submit/submit_links.png') repeat-x;
}
.submit .right{
	width: 29px;
	top: 0;
	right: -29px;
	background: url('images/submit/submit_rechts.png') repeat-x;
}
.submit.download .right{
	background: url('images/submit/download_rechts.png') repeat-x;
}
.submit a{
	padding: 4px 0 0 0;
	display: block;
}
.submit input{
	padding-top: 3px;
	font-size: .9em;
	color: #ffffff;
	border: 0;
	cursor: pointer;
	background: none;
}
.contactformulier .submit{
	padding-top: 9px;
	margin-top: 20px;
}
.contactformulier.engels .submit{
	padding-top: 7px;
}
.contactformulier .submit input{
	padding: 0;
}

/*  Submit Hyperlink					 		
/* --------------------------------------------------*/

.submit a{
	font-size: 1.1em;
	color: #ffffff;
	text-decoration: none;
}
.submit:hover a,
.submit div:hover a,
.submit:hover input,
.submit a:hover,
.submit input:hover{
	color: #e6e6e6;
}

/*  Submit: Specifieke posities					 		
/* --------------------------------------------------*/

body.home #telcontact .submit{
	padding-top: 3px!important;
}
body.page-id-209 #telcontact .submit{
	padding-top: 4px!important;
}
body.page-id-40 .submit{
	padding-top: 7px;
}
#telcontact .submit{
	font-size: 1.1em;
	position: absolute;
	top: 304px;
}