form#Kontaktformular { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
	width:612px;
	margin:0 0 20px 0px;
	padding:0 0 10px 0;
	color: #585858;
}

form#Kontaktformular div {
	padding-left: 30px;
	width: 235px;
}

form#Kontaktformular div input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 186px;
	height: 17px;
	background: transparent;
	padding: 3px 3px 1px 4px;
	margin-bottom: 5px;
	border: none;
}

form#Kontaktformular #hidden {
	height:1px;
}

form#Kontaktformular label {
font-family:Verdana, Arial, Helvetica, sans-serif;
	display: block;
	text-indent: -2000px;
}

form#Kontaktformular #adress-field #Name {
	width: 175px;
	position:absolute;
	left:94px;
	top:56px;
}

form#Kontaktformular #adress-field #Firma {
	width: 175px;
	position:absolute;
	left:94px;
	top:87px;
}

form#Kontaktformular #Strasse {
	width:175px;
	position:absolute;
	top:117px;
	left:94px;
}

form#Kontaktformular #adress-field #PLZ-Ort {
	width:175px;
	position:absolute;
	top:147px;
	left:94px;
}


form#Kontaktformular #E-Mail {
	width:175px;
	position:absolute;
	top:274px;
	left:98px;
}

form#Kontaktformular #kontaktdaten-field {
	height: 114px;
	margin-bottom: 1px;
}

form#Kontaktformular #kontaktdaten-field #label-rueckruf {
	margin: 0 70px 0 0;
	padding: 0;
}

form#Kontaktformular #kontaktdaten-field #Rueckruf {
	width:20px;
	position:absolute;
	top:180px;
	left:138px;
}

form#Kontaktformular #kontaktdaten-field #Telefon {
	width:175px;
	position:absolute;
	top:211px;
	left:98px;

}

form#Kontaktformular #kontaktdaten-field #Fax {
	width:175px;
	position:absolute;
	top:242px;
	left:98px;

}


form#Kontaktformular #message {
font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 190px;
}
form#Kontaktformular #message #label-nachricht {
font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin-bottom: 14px;
}

form#Kontaktformular #message #Nachricht {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 248px;						/* Seperate Angaben für die Textarea, falls benötigt */
	height:187px;
	padding: 4px;
	background: transparent;
	overflow: hidden;
	overflow-y:scroll;
	position:absolute;
	top:57px;
	left:331px;
}


form#Kontaktformular #anrede-field input.radio {
	width:10px;
	height: 10px;
	margin-left:30px;
	border: none;
	background:transparent;
}

form#Kontaktformular #anrede-field input.radio {			/* Für die Radio-Buttons im IE ein etwas anderer Abstand... */
	margin-top:4px;
	
}

form#Kontaktformular #anrede-field .male {
	width:10px;
	height: 10px;
	border: none;
	background:transparent;
	position:absolute;
	top:24px;
	left:104px;
}

form#Kontaktformular #anrede-field .female {
	width:10px;
	height: 10px;
	border: none;
	background:transparent;
	position:absolute;
	top:24px;
	left:186px;
}


form#Kontaktformular #anrede-field label.radio {					/* Beschriftungen für Radio-Buttons */
	width:41px;
	padding: 0;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++ Absende Button ++++++++++++++++++ */
form#Kontaktformular #submitbox #submitb {				/* Gestaltung des Submit-Buttons */
	width:72px;
	height: 24px;
	background:url(../images/layout/submit.jpg) 0 0 no-repeat;
	cursor:pointer;
	border:none;
	text-indent: -2000px;
	position:absolute;
	top:271px;
	left:422px;
}

form#Kontaktformular #submitbox {			/* Element zur Ausrichtung des Submit-Buttons */
	width:250px;
	height:26px;
	padding:0 0 0 0;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
	clear:both;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

form#Kontaktformular #kontaktdaten-field .checkbox {
/* Anpassungen für Checkboxen - diese müssen die Angabe class="radio" erhalten! */
	width:18px;
	height: 18px;
	zoom: 1.2;
	padding: 0;
	margin-top:0px;
	border: 0;
	background:transparent;
	float: left;
}

form#Kontaktformular label.checkbox {						/* Beschriftungen für Checkboxen */
	width:50px;
}

/* end */


form#Kontaktformular label, form#Kontaktformular input, form#Kontaktformular textarea {		/* Allgemeine Stile für Labels und Formularfelder */
	font:inherit;
	color:#585858;
	width:150px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}

form#Kontaktformular input, form#Kontaktformular textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:none;
}

form#Kontaktformular textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
	height:143px;
}

form#Kontaktformular input:focus, form#Kontaktformular textarea:focus {		/* Stile für aktivierte Formularfelder */
	border:none;	
}

form#Kontaktformular label {							/* Feldbeschriftungen */
	text-align:left;				
	width:62px;						
	padding:0 0 0 0;			
}

form#Kontaktformular legend {							/* Stile für die Überschriften der Formularabschnitte ("fieldset") */

	/* Hiermit werden die Überschriften nicht angezeigt.
	Falls gewünscht entfernen, um die Anzeige zu ermöglichen */
	display:none;
}

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

form#Kontaktformular fieldset#adresse {			/* Formularabschnitt mit den Adressdaten */
	margin:0 10px 0 0;
}

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

.error {								/* Stil für die Gestaltung der als fehlerhaft markierten Felder */
	color:#ff0000 !important;
	font-weight:bold !important;
}

p#fehlermeldung {			/* Die Fehlermeldung */
	display:none;
	background:#424242;
	border:1px solid #ccc;
	color:#fff;
	padding:10px;
	margin:0 0 0 0;
	width:244px;
}



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

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

#mailform {
	width:			620px;
	height:			323px;
	float:			left;
	/*margin:			0 0 0 32px;*/
	background:url(../images/layout/mailform.gif) 0 0 no-repeat;
	position:relative;
}