
/* -------------- Kontaktformular-CSS Sidebar-------------
##### Dies ist nur ein Beispiel - die Angaben können bis auf wenige Ausnahmen beliebig angepasst werden ####
*/


form#Kontaktformular02 { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
	width:200px;
	margin:0;
	padding:5px 0 0 13px;
	position: relative;
	
}



form#Kontaktformular02 input.error	{border: 1px solid #FF0000;}

form#Kontaktformular02 textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
	float: left; 
	height:67px;
	width:193px;
	padding:6px 0 0 5px;
	margin-bottom:10px;
	border:1px solid #f79900; 
	color:#004171;
	font-size:0.85em; 
	background:url(../images/contact-sidebar/bg-plzort.gif) no-repeat #fff;
}

form#Kontaktformular02 input:focus, form#Kontaktformular02 textarea:focus {		/* Stile für aktivierte Formularfelder */
	border:1px solid #f79900;	
}


form#Kontaktformular02 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#Kontaktformular02 fieldset {						/* Formularabschnitte */
	border:none;
}

form#Kontaktformular02 input#submit {				/* Gestaltung des Submit-Buttons */
	width:106px;
	background:url(../images/contact-sidebar/submit.jpg) 0 0 no-repeat;
	cursor:pointer;
	color:#cf4c4c;
	font-size:0.0000000001px;
	text-align:left;
	
	height:26px;
}

form#Kontaktformular02 input#submit:hover
{ background-position:0 -26px;}

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

form#Kontaktformular02 fieldset#adresse {			/* Formularabschnitt mit den Adressdaten */
	margin:0 3px 0 0;
	_margin:0 -10px 0 0;
}


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

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

p#fehlermeldung02 {			/* Die Fehlermeldung */
	width: 212px;
	display:none;
	position:absolute;
	top:-89px;
	left:0;
	border:1px solid #d0d0d0;
	background: #fff;
	padding:5px;
	font-size:0.8em;
	color:#000000;

}
p#fehlermeldung02 strong {			/* Die Fehlermeldung */
	
	font-size:1em;
	color: #FF0000  ;

}




.plzort2 {		/* Allgemeine Stile für Labels und Formularfelder */
	font:inherit;
	color:#004171;
	background:url(../images/contact-sidebar/bg-plzort.gif) no-repeat #fff;
	font-size:0.85em;
	border:1px solid #f79900;
	width:193px;
	height:21px;
	margin: 0 0 10px 0;
	padding:6px 0 0 5px;
}

.name2 			{ padding:6px 0 0 5px; font-size:0.85em; border:1px solid #f79900; color:#004171; float:left; width:88px; height:18px; margin:0 10px 10px 0;  background:url(../images/contact-sidebar/bg-name.gif) no-repeat #fff;}
.phone			{ padding:6px 0 0 5px; font-size:0.85em; border:1px solid #f79900; float:left; color:#004171;  width:88px; height:18px; background:url(../images/contact-sidebar/bg-phone.gif) no-repeat #fff;}
