@charset "utf-8";
/* -------------- Contact form CSS -------------
##### Change these styles at whim to match your own site layout and look #### */



/* ---------- Styles for the form element itself  ---------- */
form#Kontaktformular,
form#Anmeldung,
form#Abmeldung,
form#newsletter_subscribe,
form#newsletter_unsubscribe {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	float: left;
}


/* ---------- Shared styles for labels, input fields, textareas, select lists  ---------- */
form#Kontaktformular label, 
form#Kontaktformular input, 
form#Kontaktformular textarea, 
form#Kontaktformular select,
form#Anmeldung label, 
form#Anmeldung input, 
form#Anmeldung textarea, 
form#Anmeldung select,
form#Anmeldung label, 
form#Abmeldung input, 
form#Abmeldung textarea, 
form#Abmeldung select,
form#newsletter_subscribe label, 
form#newsletter_subscribe input, 
form#newsletter_subscribe textarea, 
form#newsletter_subscribe select,
form#newsletter_unsubscribe label, 
form#newsletter_unsubscribe input, 
form#newsletter_unsubscribe textarea, 
form#newsletter_unsubscribe select {	
	margin:0 0 2px 0;
	padding: 3px 2px;
	width: 331px;

	/* ---- These are here for a reason - don't remove if not necessary ---- */
	display:block;
	float:left;
}


/* ---------- Special styles for input fields, select lists and textareas only ---------- */
form#Kontaktformular input, 
form#Kontaktformular textarea, 
form#Kontaktformular select,
form#Anmeldung input, 
form#Anmeldung textarea, 
form#Anmeldung select,
form#Abmeldung input, 
form#Abmeldung textarea, 
form#Abmeldung select,
form#newsletter_subscribe input, 
form#newsletter_subscribe textarea, 
form#newsletter_subscribe select,
form#newsletter_unsubscribe input, 
form#newsletter_unsubscribe textarea, 
form#newsletter_unsubscribe select {
	background:#ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #DDD;
	border: 1px solid #e4e3e3;
	border-left-width: 0px;
	margin-bottom: 5px;
}


form#Kontaktformular textarea,
form#Anmeldung textarea,
form#Abmeldung textarea ,
form#newsletter_subscribe textarea ,
form#newsletter_unsubscribe textarea {
	height:150px;
}

/* ---------- For better usability, change the look of your form fields when they are focused ---------- */
form#Kontaktformular input:focus, 
form#Kontaktformular textarea:focus,
form#Anmeldung input:focus, 
form#Anmeldung textarea:focus,
form#Abmeldung input:focus, 
form#Abmeldung textarea:focus,
form#newsletter_subscribe input:focus, 
form#newsletter_subscribe textarea:focus,
form#newsletter_unsubscribe input:focus, 
form#newsletter_unsubscribe textarea:focus {
	background:#eee;	
}






/* ---------- Label styles ---------- */
form#Kontaktformular label,
form#Anmeldung label,
form#Abmeldung label ,
form#newsletter_subscribe label ,
form#newsletter_unsubscribe label {
	margin-right:0px;
	padding: 4px 5px 4px 10px;
	_padding-bottom: 3px;		
	width: 320px;
	height: 16px;
	background: #b2b2b2 url(../images/stripes-bg.jpg) center top repeat;
}

form#Kontaktformular label#label-nachricht,
form#Anmeldung label#label-nachricht,
form#Abmeldung label#label-nachricht {  }

label.frau { border-width: 1px 0px 1px 0px !important; }
label.herr { border-width: 1px 1px 1px 0px !important; }



/* ---------- If you want to display legends, just remove the display:none here and add your own styles ---------- */
form#Kontaktformular legend,
form#Anmeldung legend,
form#Abmeldung legend,
form#newsletter_subscribe legend,
form#newsletter_unsubscribe legend {
	display:none;
}


/* ---------- Fieldsets can be made visible by removing the default style here ---------- */
form#Kontaktformular fieldset,
form#Anmeldung fieldset,
form#Abmeldung fieldset,
form#newsletter_subscribe fieldset,
form#newsletter_unsubscribe fieldset {
	border:none;
	padding: 0px; margin: 0px;
}



/* ---------- Radio buttons ---------- */
form#Kontaktformular input.radio,
form#Anmeldung input.radio,
form#Abmeldung input.radio ,
form#newsletter_subscribe input.radio,
form#newsletter_unsubscribe input.radio {
	background:transparent;
	border:none;
	width:20px;
}

form#Anmeldung input.radio,
form#Abmeldung input.radio,
form#newsletter_subscribe input.radio,
form#newsletter_unsubscribe input.radio {
	margin-top: 5px;
}



form#Kontaktformular label.radio,
form#Anmeldung label.radio,
form#Abmeldung label.radio,
form#newsletter_subscribe label.radio,
form#newsletter_unsubscribe label.radio {
	border-right-width: 1px;
	border-left-width: 0px;
	width: 97px;
}

form#Anmeldung label.radio-small,
form#Abmeldung label.radio-small,
form#newsletter_subscribe label.radio-small,
form#newsletter_unsubscribe label.radio-small {
	width: 119px; 
}

/* ---------- Checkboxes ---------- */
form#Kontaktformular input.checkbox,
form#Anmeldung input.checkbox,
form#Abmeldung input.checkbox,
form#newsletter_subscribe input.checkbox,
form#newsletter_unsubscribe input.checkbox {
	background:transparent;
	border:none;
	width:20px;
	margin: 5px 3px 0px 3px;
}

form#Kontaktformular label.checkbox,
form#Anmeldung label.checkbox,
form#Abmeldung label.checkbox,
form#newsletter_subscribe label.checkbox,
form#newsletter_unsubscribe label.checkbox {	
	width:135px; border-right-width: 1px;
}


/* ---------- Select lists - make them a bit larger than your input fields ---------- */
form#Kontaktformular select,
form#Anmeldung select,
form#Abmeldung select,
form#newsletter_subscribe select,
form#newsletter_unsubscribe select {
	width:286px;
}





/* ---------- Submit button ---------- */
form#Kontaktformular input#submit,
form#Anmeldung input#eintragen,
form#Abmeldung input#austragen,
form#newsletter_subscribe input#newsletter-anmelden,
form#newsletter_unsubscribe input#newsletter-abmelden {
	background:#464275;
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1.2em;
	
	/* Watch out! IE6 will double the left margin if the submit button is floated. To prevent this, either provide only half the margin value to IE6 or set the button to display:inline. */
	display:inline;
	padding:5px;
	width:150px;
	_cursor: pointer;
}



form#Anmeldung input#eintragen,
form#Abmeldung input#austragen ,
form#newsletter_subscribe input#newsletter-anmelden,
form#newsletter_unsubscribe input#newsletter-abmelden { width: 164px !important; }

label#label-anrede { width: 96px !important; }


/* ---- Won't show in IE6 - but why should everyone else miss all the fun? ---- */
form#Kontaktformular input#submit:hover,
form#Anmeldung input#eintragen:hover,
form#Abmeldung input#austragen:hover ,
form#Anmeldung input#newsletter-anmelden:hover,
form#Abmeldung input#newsletter-abmelden:hover {
	background:#db8100;
	color: #FFFFFF;
}





/* ---------- Remove the following styles if you don't need the field "Rueckruf" ---------- */
form#Kontaktformular label#label-telefon,
form#Anmeldung label#label-telefon,
form#Abmeldung label#label-telefon {
	width: 144px;
}

form#Kontaktformular label#label-rueckruf {
}

form#Kontaktformular input#Telefon { }



/* ---------- Class for required fields - add colors, an image, or whatever you wish ---------- */
form#Kontaktformular label.required,
form#Anmeldung label.required,
form#Abmeldung label.required ,
form#newsletter_subscribe label.required,
form#newsletter_unsubscribe label.required {
	background: #cccccc url(../images/kontakt/icon-required.png) right 5px no-repeat;	
}



/* ---------- On user errors, required labels are style with these ---------- */
.error {
	color:#EE0000 !important;
	font-weight:bold !important;
}



/* ---------- The error message - make it huge and hard to miss! :) ---------- */
p#fehlermeldung {
	background:#FFFFFF;
	border:4px solid #db8100;
	display:none;
	margin:0 0 0px 0px;
	padding:10px;
	width:400px;
	position: fixed;
	top: 50%; left: 50%; margin-left: -400px;
	opacity: 0.8;
	z-index: 99;
}

p#fehlermeldung a#errorclose {
	display: block;
	margin-top: 10px;
}

p#fehlermeldung a#errorclose,
p#fehlermeldung a#errorclose strong { color: #D4050F; }



/* ---------- Since by default labels and form fields are floated, the cleared br elements are required to keep them all in place ---------- */
form#Kontaktformular br,
form#Anmeldung br,
form#Abmeldung br,
form#newsletter_subscribe br,
form#newsletter_unsubscribe br  {
	clear:left;
}


/* ---------- Without these styles, some browsers show a huge gap where the hidden fields are. Don't remove them unless you know what you're doing! ---------- */
form#Kontaktformular fieldset.hidden, 
form#Kontaktformular input[type=hidden],
form#Anmeldung fieldset.hidden, 
form#Anmeldung input[type=hidden],
form#Abmeldung fieldset.hidden, 
form#Abmeldung input[type=hidden],

form#newsletter_subscribe fieldset.hidden, 
form#newsletter_subscribe input[type=hidden],
form#newsletter_unsubscribe fieldset.hidden, 
form#newsletter_unsubscribe input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}



#newsletter-info {padding: 8px 10px; font-weight: 700; color:#000; border: 2px solid #DB8100; background: #464275; margin-bottom: 20px; color:#FFFFFF;}
#newsletter-info p { margin:0}