/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschlie�t */
.formgen {
	font-size: 1em;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
	cursor : pointer;
}

.formgen form {
	line-height : 120%;
	float:left;
}

/* 
Wie sehen die einzelnen Bl�cke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 0;	
	
}

.forminfo 
{
	width: 475px;
	margin-bottom: 15px;
	background-color:#2F5E99;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	color:#ffffff;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
	clear : both;
	line-height:0.5em;
}

.captchaWrapper {
	margin: 0 0 0 124px; 
}



/* 
--------- FORMULAR-OBJEKTE ------------ 
*/

.formgen input, 
.formgen textarea {
	color:#222222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	border:0;
	background-color: #ffffff;
	width:330px;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 330px;
	height: 100px;
	margin: 4px 4px 15px 0;
	padding:0;
	
}

.formtrenn hr {
	border:1px solid #ffffff;
	width:99%;
	margin: 5px 0 5px 0;
	padding:0;

}
.formgen label.formTextLabel
{
	width: 400px !important;
	margin: 0 0 10px 0;
}

.formgen label.formRadioLabel
{
	width: 400px !important;
	margin: 10px 0 0 0;
}


/* Textfeld */
.formgen .formtext
{
	width: 330px;
	margin: 0 4px 6px 0;
	height:20px;
}

#captchaWrapper{
	float:left;
	height:30px;
}

.captchaInput {
	width:80px;
	margin: 0 4px 6px 0;
	padding-bottom: 2px;
	height:20px;
	float:left;
}

label.captchaLabel {padding:0 !important;}
img.formcaptcha {
	margin:0 0 0 130px;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
}



/* Label */
.formgen label {
	width: 120px;
	float: left;
	height: 20px;
	color: #545557;
	padding:0 0 0 0;
}

.radioWrapper {
	position:relative;
	float:left;
	height:20px;
	margin: 0 0 0 120px;
}

.radioLabel {
	width: 300px !important;
	height:auto !important;
	padding:0;
	margin: 0 0 10px 0;
}

label.formradio {
	position:relative;
	width: 300px !important;
	height:auto !important;
	padding:0;
	float:left !important;
	clear:none;
	
}

input.formradio {
	position:relative;
	float:left;
	margin: 0 10px 0 0;
	width:20px !important;
}

.checkbox {
	margin:10px 0 0 0;
}

.checkspan {
	display:block;
	margin:0 0 0 120px;
}

.checkspan input {
	width:20px;
	float:left;
}

.checkspan label {
	float:left;
	width:300px;
	margin: 0 10px 5px 0;
}


.formgen label .el_8 {
	width: 500px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #aaaaaa;
	margin-left: 4px;
	color: #ffffff;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 120px;
	text-align: left;
	color:#545557;
	font-weight:bold;
	margin: 0;
	font-size:1em;
	float:right;
	background-color:#e8e8e8;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #aaaaaa;
	width: 150px;
}

.formgen .fieldset {
	margin-bottom: 10px;
	border:0;
	background-color:#e8e8e8;
	padding: 10px 0 10px 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #990000;
}

.formgen .formcaptcha
{
	vertical-align: top;
	float: left;
	margin: 20px 100px 10px 120px; 
}

.formgen .formreq {
	color: #545557;
}

.formgen .formheadline {
	color: #656562;
	padding:0;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight:bold;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */