input.error { background-color: #F6C1C1; }
input.valid { background-color: #B2FCBF; }
.error input, .error textarea, .error select { background-color: #F6C1C1; }
.valid input, .valid textarea, .valid select { background-color: #B2FCBF; }
.error { margin-left: 4px; color: red; }
.error .infoText { color: #000; }
.valid span { display: none; }
.valid span.mceEditor { display: block; }
.error select, .error input, .error textarea { margin-right: 10px; }
.validationMessage { display: none; }
.error .validationMessage { display: block; }
span.error span#postcodeValidationMessage {margin-top:27px; margin-left:-105px; float:left; width: 100px;}
span.error span#huisnummerValidationMessage { margin-top:27px; margin-left:-105px; float: left; width: 100px}
span.error span#projectpostcodeValidationMessage {margin-top:27px; margin-left:-105px; float:left; width: 100px;}
span.error span#projecthuisnummerValidationMessage { margin-top:27px; margin-left:-105px; float: left; width: 100px}
span.error span#profielpostcodeValidationMessage {margin-top:27px; margin-left:-105px; float:left; width: 100px;}
span.error span#profielhuisnummerValidationMessage { margin-top:27px; margin-left:-105px; float: left; width: 100px}

div.form-error{display: none;}
.valid .datepicker { background-color: #fff; }

/* project pitch form */
input#projectpostcode + label.error { width: 93px; margin-left: -105px; margin-top: 24px }
input#projecthuisnummer + label.error { width: 93px; margin-left: -105px; margin-top: 24px }

/* subscription form */
input#aantal + label.error { margin-bottom:-20px; margin-top: 40px; margin-left: -32px }
input#geslacht1 + label.error { margin-top: 20px; margin-left: -20px }
input#postcode + label.error { width: 93px; margin-left: -105px; margin-top: 24px }
input#huisnummer + label.error { width: 93px; margin-left: -105px; margin-top: 24px }
input#nieuwsbrief1 + label.error { margin-top: 20px; margin-left: -20px }

div#aantal-parent { float: left; position: relative }
div#aantal-parent div { position: absolute; left: 40px; width: 600px }
div#geslacht-parent { float: left; position: relative }
div#geslacht-parent div { position: absolute; left: 20px; width: 160px }
div#nieuwsbrief-parent { float: left; position: relative }
div#nieuwsbrief-parent div { position: absolute; left: 20px; width: 160px }
div.form-success {background-color: #B2FCBF; padding: 5px; }
