/* Lenen.nl - Forms CSS */

/* Font aanpassingen alleen voor formulier */

#aanvragen #colLeft p,
#contact #colLeft p{ padding-left: 0 !important;}

h3#mainTitle { font-weight:bold; color: #000; font-size:16px; letter-spacing:-0.5px; margin-bottom: .5em; margin-top: .5em; }
p#mainText { color: #000; background-color: #fff; }

/* Live validation */
.information{position: absolute; background: #f4f4f4; border: 1px solid #e4e4e4; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 200px; padding: 5px 0 10px 5px; z-index: 99; display: none; margin-top: 0px !important; margin-left: 475px;}
.information h4{background: url("/img/iconen-sprite.png") no-repeat 0 0; padding-left: 23px; border: none; color: #4c4c4c; font-size: 1.2em !important; clear: none; font-weight: bold;}
.information p{line-height: normal !important; font-size: 1.2em !important; color: #4c4c4c; clear: left; padding-right: 5px; padding-left: 5px !important; margin-bottom: 0px !important; }
.information span{display: block; width: 11px; height: 11px; left: -16px; top: 3px; float: left; position: relative; background: url("/img/informationbox-arrow.png") no-repeat;}

span.accept, span.exclamation{visibility: visible !important; display: block; width: 16px; height: 16px; float: left; padding: 0; margin: 2px 0 0 5px; background: url("/img/iconen-sprite.png") no-repeat 0 -86px; }
span.exclamation{background-position: 0 -44px;}

input.inputError{ border: 1px solid #ff0000; padding: 2px;}
span.errorText{clear: left; padding-top: 0; color: #ff0000; font-size: 1.1em; margin: -2px 0 3px 33%; width: 165px; font-weight: normal;}
select.inputError{padding-right: 2px; border: 1px solid #ff0000;}
textarea.inputError{padding: 2px; border: 1px solid #ff0000;}
/* End Live validation */

/* 3. Fieldset */
fieldset{ overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; border: 1px solid #e4e4e4; margin: 1em 0 0 0; padding: 1em 1em 1em 1em; width: 94%; position: relative; z-index: 1;}
fieldset legend { font-size: 1.4em; font-weight: bold; padding: .1em .3em .3em .3em; margin-bottom: 0.3em; position: relative; /*top: -1em;*/ color: #30a7db; display: inline; background: none; }

.buttonFieldset { border: none; padding-top: 0;}
.buttonFieldset legend { display: none;}

fieldset fieldset{width: 36% !important; float: left; margin: 0 0 .5em -0.3em !important; padding: 3px 0 0 0; border: none; background: none;}
fieldset fieldset input, fieldset fieldset label{display: block; float: left;}
fieldset fieldset label{width: 70%; text-align: left; padding-top: 0; padding-left: 3px; clear: none;}
fieldset fieldset input{width: auto !important; clear: left; margin: 1px 0 0 0 !important; border: none !important;}
fieldset fieldset legend{display: none;}

/* 4. Elements */
label{display: block; float: left; width: 30%; font-size: 1.2em; padding: 3px 2% 0 0; margin-bottom: 5px; cursor: pointer; text-align: right; clear: left;}
input{float: left; margin-bottom: 5px; font-size: 1.2em; width: 34.7%;} /* nee, niet aanzitten :P */
select{float: left; width: 35.6%; margin-bottom: 6px; font-size: 1.2em;}
textarea{width: 66.8%; font: 1.2em Arial, Helvetica, sans-serif !important; height: 10em; float: left; margin-bottom: 5px;}

input.button, .secondButton{margin: 1em 0; position: relative; left: 32% !important; width: 35%; clear: left;}
.secondButton{ }

.emailConfirm{clear: left;}

fieldset span{font-size: 1.4em; float: left; padding-top: 3px; font-weight: bold;}

.SummaryFieldset{margin-bottom: 1em;}
.SummaryFieldset label{cursor: default !important; clear: left;}
.SummaryFieldset span{font-size: 1.2em;}
.SummaryFieldset h4{ margin: 38px 0 15px 15px; float: none;}

.SummaryFieldset.comments label{display: none;}
.SummaryFieldset.comments span{width: 100%;}

/* Contactformulier */
#FieldSetSubject select{width: 45%;}
#FieldSetExplanation li{font-size: 120%;}

/* Print */
.snelPrinten a{float: right; background: url("/img/iconen/printer.gif") no-repeat 0 0; padding-left: 20px; font-weight: normal;position: relative; margin-top: -2em; margin-right: 18px;}

.notes, .errorNotes{
	float: right;
	width: 25%;
	font-size: 1em;
	padding: 1em;
}

.notes{
	background: #e7f1fa;
	border: 1px solid #afc7e3;
}

.errorNotes{
	background: #ffeeeb;
	border: 1px solid #f4aca1;
}

.notes h4, .notes h5, .notes p,
.errorNotes h4, .errorNotes h5, .errorNotes p{
	font-size: 1.2em !important;
	line-height: normal !important;
	margin: 0;
}

.errorNotes h4, .errorNotes h5, .errorNotes p{
	color: #e76757;
}

.notes h4, .errorNotes h4{
	padding: 0 0 .5em 1.5em;
	margin-bottom: .5em;
	font-weight: bold;
	color: #000;
}

.notes h4{
	background: url("../img/information.gif") no-repeat;
	border-bottom: 1px solid #afc7e3;
}

.errorNotes h4{
	background: url("../img/exclamation.gif") no-repeat;
	border-bottom: 1px solid #f4aca1;
}

.notes h5,
.errorNotes h5{
	font-weight: bold;
	margin-bottom: .1em;
}

.notes p,
.errorNotes p{
	margin-bottom: 1em;
}