
/* -------------- Kontaktformular-CSS -------------*/

form#Kontaktformular { 													/* Gestaltung des Formulars */
	width:400px;
	margin:0 0 0px 0;
	padding:0 0 10px 0;
	}

form#Kontaktformular label, form#Kontaktformular input, 
form#Kontaktformular textarea {											/* Stile fuer Feldbeschriftungen und Formularfelder */
	font:inherit;
	color:inherit;
	width:200px;
	margin:10px 5px 0 0;
	padding:1px;

/* Diese beiden Angaben bitte nicht verndern: */
	display:block;
	float:left;
}

form#Kontaktformular input, form#Kontaktformular textarea {				/* Stile fuer Formularfelder */
	border:1px solid #ABABAB;
	background:#fcfcfc url(../img/form-hg.png) repeat-x;
	color:#000;
}

form#Kontaktformular textarea {											/* Stile fuer Textarea */
	height:143px;
}

form#Kontaktformular input:focus, form#Kontaktformular textarea:focus {	/* Stile fuer aktivierte Formularfelder */
	border:1px solid #019ff5;	
}

form#Kontaktformular label {											/* Feldbeschriftungen */
	text-align:right;				
	width:90px;						
	padding:0 15px 0 0;			
}

form#Kontaktformular legend {											/* Stile fuer Ueberschriften fuer fieldset */
	/* Hiermit werden die Ueberschriften nicht angezeigt. Falls gewnscht entfernen, um die Anzeige zu ermglichen */
	display:none;
}

form#Kontaktformular fieldset {											/* Formularabschnitte */
	border:none;
	padding:0 0 0 20px;
}

form#Kontaktformular input#submit, form#Kontaktformular input#reset {										/* Gestaltung des Submit-Buttons */
	width:99px;
	padding:5px;
	background:#019ff5;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	border:none;
}

form#Kontaktformular input#submit:hover, form#Kontaktformular input#reset:hover {										/* Gestaltung des Submit-Buttons */
	background:#686868;
	color:#fff;
}

form#Kontaktformular input#submit {										/* Gestaltung des Submit-Buttons */
	margin-left:20px;
	_margin-left:10px;
}

form#Kontaktformular fieldset#submitbox {								/* Element zur Ausrichtung des Submit-Buttons */
	width:auto;
	height:25px;
	padding:0 0 0 110px;
	clear:both;
}

form#Kontaktformular label#label-telefon {								/* Telefon-Label */
	width:55px;
}

form#Kontaktformular input#Telefon {									/* Telefon-Feld */
	width:100px;
}

form#Kontaktformular input.radio {										/* Anpassungen fuer Radio-Buttons - class="radio" */
	width:20px;
	margin-top:2px;
	border:none;
	background:transparent;
}

* html form#Kontaktformular input.radio {								/* Fuer die Radio-Buttons im IE ein anderer Abstand */
	margin-top:2px;
}

form#Kontaktformular label.radio {										/* Beschriftungen fr Radio-Buttons */
	width:auto;
}

form#Kontaktformular input.checkbox {									/* Anpassungen fuer Checkboxen - class="checkbox"*/
	width:20px;
	margin-top:10px;
	border:none;
	background:transparent;
}

* html form#Kontaktformular input.checkbox {							/* Fuer Checkboxen im IE ein anderer Abstand */
	margin-top:7px;
}

form#Kontaktformular label.checkbox {									/* Beschriftungen fuer Checkboxen */
	width:90px;
}

form#Kontaktformular label.required {									/* Klasse zur Kennzeichnung von Pflichtfeldern */
	background:url(../img/required.gif) top right no-repeat;	
}

.error {																/* Stil fuer fehlerhaft markierten Felder */
	color:#f00 !important;
	font-weight:bold !important;
}

p#fehlermeldung {														/* Die Fehlermeldung */
	display:none;
	background:#eee;
	border:1px solid #ccc;
	padding:10px;
	margin:20px 0 10px 0;	
	width:400px;
}

/* Die folgenden Angaben bitte nicht verndern! */
form#Kontaktformular br {clear:left;}

form#Kontaktformular input[type=hidden] {display:none; border:0; padding:0;}

