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


form#Kontaktformular { 	/* Gestaltung des Formulars - Breite und Abstnde z. B. */
	width:470px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-family: 'Open Sans', sans-serif;
	color: #00447b; 
	font-size:15px;
	float:right;
	
}




label, input, textarea {		/* Allgemeine Stile f&uuml;r Labels und Formularfelder */
	font:inherit;
	color: #00447b; 
	width:240px;
	margin:5px 5px 5px 0;
	padding:0px;

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

input {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
    font-family: 'Open Sans', sans-serif;
    background-color:#ffffff;
 /*background-image:url(../images/form-hg.png);*/
    border: 1px dashed #75c8ee;
   	color: #00447b;
    font-weight:normal;
     background-color:#f9fdfe;
	 -webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-box-radius: 4px;
	border-radius: 4px;
}

textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border: 1px dashed #75c8ee;
	/*background-image:url(../images/form-hg.png);*/
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
	color: #00447b;
   background-color:#f9fdfe;
   	 -webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-box-radius: 4px;
	border-radius: 4px;
}

textarea {						/* Seperate Angaben f&uuml;r die Textarea, falls bentigt */
	height:175px;
}

input:focus, textarea:focus {		/* Stile f&uuml;r aktivierte Formularfelder */
	border:1px solid #ff8500;	
}

label {							/* Feldbeschriftungen */
	text-align:right;				
	width:155px;						
	padding:0 15px 0 0;			
}

legend {							/* Stile f&uuml;r die berschriften der Formularabschnitte ("") */

	/* Hiermit werden die berschriften nicht angezeigt.
	Falls gewnscht entfernen, um die Anzeige zu ermglichen */
	display:none;
}

fieldset {						/* Formularabschnitte */
	border:none;
	padding:0 0 0 0px;
	margin:0 0 0 0;
	vertical-align:top;
	text-align:left;
   
}


form#Kontaktformular input#submit 

{

margin-left: 175px;

}



input#submit:hover {
	background-color: #1795d0;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	color: #fff;
	

}


submit{
	color:#eeeeee;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
    font-weight:normal;

}



#submitbox {
	color: #eeeeee;			/* Element zur Ausrichtung des Submit-Buttons */
	width:105px;
	height:25px;
	padding:0 0 0 175px;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
	
}

#adresse {			/* Formularabschnitt mit den Adressdaten */
	margin:0 0 0 0;
}



label#label-telefon {			/* Vernderte Gre f&uuml;r das Telefon-Label */
	width:50px;
}

input#Telefon {				/* Vernderte Gre f&uuml;r das Telefon-Feld */
	width:145px;
}



input.radio {					/* Anpassungen f&uuml;r Radio-Buttons - diese mssen die Angabe class="radio" erhalten! */
	width:20px;
	margin-top:8px;
}

* html input.radio {			/* f&uuml;r die Radio-Buttons im IE ein etwas anderer Abstand... */
	margin-top:7px;
}

label.radio {					/* Beschriftungen f&uuml;r Radio-Buttons */
	width:22px;
	border-bottom-style:none;
	
}

input.checkbox {					/* Anpassungen f&uuml;r Checkboxen - diese mssen die Angabe class="radio" erhalten! */
	width:20px;
	margin-top:10px;
	border-bottom-style:none;
	
}

* html input.checkbox {			/* F&uuml;r die Checkboxen im IE ein etwas anderer Abstand... */
	margin-top:7px;
}

label.checkbox {					/* Beschriftungen f&uuml;r Checkboxen */
	width:90px;
}

label.required {				/* Klasse zur Kennzeichnung von Pflichtfeldern */
	background:url(../images/required.png) top right no-repeat;	
}

.error {							/* Stil f&uuml;r die Gestaltung der als fehlerhaft markierten Felder */
	color:#e60004;
	font-weight:bold;
	font-style:normal;
}

p#fehlermeldung {			/* Die Fehlermeldung */
	display:none;
	padding:10px;
	margin:0 0 0 0;
	width:auto;
	background-color:#ff8400;
	color:#fff;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-box-radius: 4px;
	border-radius: 4px;
}



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

input[type=hidden] {
	border:0;
	padding:0;
}
