/* hier nun die Styles zum Formular */

/* Felder hinter  die Titel */


/* Fail-Hinweise rot und rechts am Feld ausrichten */
.failtext {
	color: red;
	text-align: right;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
}

/* für Ausrichten rechts um alles eine Box */
.feldsatz {
	width: 295px;
	padding-bottom: 8px; /* etwas Abstand zwischen den Eingabefelder schaffen */
}

#EmfehlenFormular .feldsatz {
	width:600px;
}

/* wenn Fail-Hinweis, dann Eingabefeld einfärben */
.fail input {
	background-color: #FFC1C1;
}

/* Das Nachrichtenfeld soll anderes ausgerichtet werden. Dazu ein zusätzliches div 
um den Block auf den wir dann die Abweichungen anwenden können */
#FrmNachricht .feldsatz {
	width: 602px; /* viel größer als bei den anderen */
}

#EmfehlenFormular #FrmNachricht .feldsatz {
	width: 400px;
}

.feldbezeichnung {
	width: 110px;
	font-size: 14px;
	text-align: right; 
	padding-right: 5px; /*etwas Abstand zum Feld */
	float:left;
	clear:left; /* damit neue Zeile für neues Feld */
}

#EmfehlenFormular .feldbezeichnung {
	width: 120px;
}

/* Standardfelder zweispaltig und in Zeile immer unten ausrichten. Dazu brauchen wir
noch ein paar zusätzliche divs */

.FrmZweizeilig {
	width: 602px; /* Mindestens das doppelte von .feldsatz */
	clear:left;  /* für jede neue Zeile eine neue Zeile */
	position:relative;
	vertical-align: bottom; /* Unten aussrichten <- DAS FUNKTIONIERT NICHT!!! */	
}

/* für Aussrichten, wenn Fehlemeldungen: */
.failtext {
	height: 20px; /* feste Höhe für Fehlertext */
}


.FrmZweizeilig .feldsatz {
	float:left;
	vertical-align: bottom;
}


.feldsatzCheckbox {
	width: 602px;
	padding-bottom: 8px;
	padding-top: 5px;
	clear: left;
	line-height:100%;
}

#EmfehlenFormular .feldsatzCheckbox {
	width: 400px;
}

.feldCheckbox {
	width: 115px;
	text-align: right;
	padding-right: 5px;
	float:left;	
	clear:left;
}

.feldsatzCheckbox .feldbezeichnung {
	clear: none;
	width: 415px;
	text-align: left;
	font-size:14px;
}

#EmfehlenFormular .feldsatzCheckbox .feldbezeichnung {
	width: 250px;
}

*html .feldsatzCheckbox .feldbezeichnung {
	padding-top: 2px;
}

.senden {
	text-align: center;
	padding: 1em 0 1.5em 0;
	clear:left;
}

.senden input {
	cursor: pointer;
	padding: 2px 30px 2px 30px;
}

.senden img {
	border: none;
	padding: 0 2em 0 2em;
}

#FormularPruefen .feldbezeichnung {
	width: 15em;
	padding-right: 2em;
}

#FormularPruefen .feldsatz {
	width: 48em;
	float: left;
	clear: left;
	padding-bottom: 1em;
}

#FormularPruefen .ergebnis {
	width: 31em;
	font-weight: bold;
	display: block;
	margin-left: 17em;
}

*html #FormularPruefen .ergebnis {
	margin-left: 0em;
	width: 30.5em;
}

h2 {
	padding-top: 20px;
}

#EmpfehlenThema {
	padding:5px;
	margin-right:10px;
	width: 195px;
	height:330px;
	background-color:#E9E9E9
}
