@charset "utf-8";
/* CSS for contact form and tter form */

/* form */
.validate 										{ margin:0 0 20px 0; padding:0px;}
.validate br 									{ clear:left;}

/* label, input, textarea and select */
.validate label 														{ width:140px; display:block; float:left; margin:10px 5px 0 0; padding:2px 15px 2px 0; text-align:right;}
.validate input, .validate textarea, .validate select 					{ font:inherit; width:240px; display:block; float:left; margin:10px 0 0 0; padding:2px 25px 2px 2px; background:#e2e2e2; border:1px solid #e2e2e2;}
.validate textarea 														{ height:100px; resize:none;}
.validate select 														{ width:269px; padding-right:2px;}

.validate input:focus, .validate textarea:focus, .validate select:focus	{ border:1px solid #0d6291;}

/* fieldset and legend */
.validate fieldset 								{ border:1px solid #0d6291; padding:0 0 10px 20px; margin-bottom:10px; clear:both;}
.validate legend 								{ padding:0px 5px; font-weight:bold;}

/* radio button */
.validate input[type="radio"] 					{ background:transparent; border:none; width:20px; margin-right:3px; margin-top:5px; padding-right:0px;} /* ACHTUNG ie7.css und ie8.css checken wenn "margin-top" veraendert wird */
.validate label.radio 							{ width:auto; text-align:left;}

/* checkbox */
.validate input[type="checkbox"]				{ background:transparent; border:none; width:20px; margin-right:5px; margin-top:4px; padding-right:0px;} /* ACHTUNG ie7.css und ie8.css checken wenn "margin-top" veraendert wird */
.validate label.checkbox 						{ width:auto; text-align:left;}

/* required field */
.validate label.required 										{ background:url(../images/form-required.png) center right no-repeat;}

/* invalid */
label.invalid, p#errorMessage span								{ color:#8e0000 !important; font-weight:bold !important;} /* ERROR COLOR */
input.invalid, textarea.invalid, select.invalid					{ border:1px solid #8e0000 !important; background:#e2e2e2 url(../images/form-invalid.png) right top no-repeat !important;} 
input[type="radio"].invalid, input[type="checkbox"].invalid		{ border:none !important; background-image:none !important;}
select.invalid													{ background-image:none !important;} 
/* valid */
input.valid, textarea.valid, select.valid						{ border:1px solid #3fb739 !important; background:#e2e2e2 url(../images/form-valid.png) right top no-repeat !important;}
input[type="radio"].valid, input[type="checkbox"].valid			{ border:none !important; background-image:none !important;}
select.valid													{ background-image:none !important;} 

/* errorMessage */
p#errorMessage, p#errorMessageNL								{ border:6px solid #8e0000; padding:10px 20px; margin:0 0 25px 0;}
p#errorMessage 													{ display:none;}

/* submit button */
.validate input[type="submit"]					{ width:269px; padding:3px 5px; background:#0d6291; color:#fff; font-weight:bold; cursor:pointer; border:none; font:15px/15px "open_sansitalic", "Trebuchet MS", Arial, Helvetica, sans-serif;}
.validate input[type="submit"]:hover			{ background:#4b4b4b; border:none;}
.validate fieldset.submitbox					{ padding:0 0 10px 180px; margin-top:20px;}