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

/* form */
form.formular 						{ margin:0 0 20px 0; padding:0px; font-size:12px !important; line-height:20px !important;}

/* label, input, textarea and select */
form.formular label, form.formular input, form.formular textarea, form.formular select 	{ font:inherit; color:inherit; width:280px; margin:10px 0 0 0; padding:2px; display:block; float:left;}
form.formular label 																	{ margin-right:5px; padding:2px 15px 2px 0; width:120px; text-align:right; cursor:pointer;}
form.formular input, form.formular textarea, form.formular select 						{ background:#fcfcfc; border:1px solid #ABABAB;}
form.formular textarea 																	{ height:100px;}
form.formular select 																	{ width:286px;}

form.formular input:focus, form.formular textarea:focus 								{ background:#e4edd1; border:1px solid #005e29;}

/* fieldset and legend */
form.formular fieldset 				{ border:none;}
form.formular fieldset.fieldset		{ border:1px solid #CFCFCF; padding:0 0 10px 20px; margin-bottom:10px;}
form.formular legend 				{ padding:0px 5px; font-weight:bold;}

/* radio button */
form.formular input.radio 			{ background:transparent; border:none; width:20px; margin-right:3px; margin-top:5px;} /* ACHTUNG ie7.css und ie8.css checken wenn "margin-top" veraendert wird */
form.formular label.radio 			{ width:90px; text-align:left;}

/* checkbox */
form.formular input.checkbox 		{ background:transparent; border:none; width:20px; margin-top:14px;} /* ACHTUNG ie7.css und ie8.css checken wenn "margin-top" veraendert wird */
form.formular label.checkbox 		{ width:90px;}

/* field "Rueckruf" */
form.formular label#label-telefon 	{ width:55px;}
form.formular label#label-rueckruf	{ width:118px;}
form.formular input#Telefon 		{ width:187px;} /* ACHTUNG ie8.css checken wenn "width" veraendert wird */ 

/* title "Newsletter abbestellen" */
.newsletterAbmeldung				{ margin-top:40px;}

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

/* error and error message */
.error 								{ color:#8e0000 !important; font-weight:bold !important;}
p#fehlermeldung, div#meldung 		{ background:#eee; border:4px solid #8e0000; padding:10px; margin:0 0 20px 0; width:auto;}
p#fehlermeldung 					{ display:none;}
div#meldung ul						{ list-style-type:square; background:none; border:none; margin:0 0 0 20px;}
div#meldung ul li					{ list-style-type:square; background:none; border:none; padding:4px 0 0 0;}

/* submit and reset button */
form.formular input#submit, form.formular input#eintragen, form.formular input#austragen, form.formular input#reset, form.formular input#reset1, form.formular input#reset2
	{ width:140px; padding:5px; background:#007d40; color:#fff; font-weight:bold; font-size:11px; cursor:pointer; border:0px solid #000; margin:10px 5px 0 0;}
form.formular fieldset.submitbox
	{ width:auto; padding:0 0 10px 160px; margin-top:20px; clear:both;}
form.formular input#submit:hover, form.formular input#eintragen:hover, form.formular input#austragen:hover, form.formular input#reset:hover, form.formular input#reset1:hover, form.formular input#reset2:hover
	{ background:#005e29; border:0px solid #4b4b4b;}






/* DON'T TOUCH */
form.formular br { clear:left;}
form.formular fieldset.hidden, form.formular input[type=hidden] { display:none; border:none; padding:0px;}