/****************************************************************************
Formular Generator für Redaxo 4.x 
Version 4.5 Community Editon
Stand: 13.01.2008 

Erstellt von: Thomas Skerbis , www.klxm.de
Dieses CSS dient als Beispiel
Bitte nicht 1:1 Ãœbernehmen

Funktioniert nicht mit Formular-Generator < v.4.43
 
*/

/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
	/*width: 500px;*/
	font-size: 1em;
	/*float: left;*/
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form{
line-height : 1.2em;
width: 400px;
}


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


.formgen .formblock{
	clear:both;
	margin-bottom: 10px;
	padding: 3px;
	
}
.formgen .formblock br{
	display:none;
}

/*
Verhalten von br-Tags
*/
.formgen br{
clear : both;
}

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

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield{
	width: 280px;
	height: 120px;
	margin-left: 4px;
	border-top: 1px solid #EEE9E8;
	border-left: 1px solid #EEE9E8;
	border-bottom: 1px solid #4B3C38;
	border-right: 1px solid #4B3C38;
	padding: 3px;
	float: right;
	color: #4B3C38;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
}

/* Textfeld */
.formgen .formtext{
	width: 280px;
	border-top: 1px solid #EEE9E8;
	border-left: 1px solid #EEE9E8;
	border-bottom: 1px solid #4B3C38;
	border-right: 1px solid #4B3C38;
	margin-left: 4px;
	padding: 3px;
	float: right;
	color: #4B3C38;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	
}
/* Trennelement , Abstand */
.formgen .formtrenn{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis{
	font-weight: bold;
	color: #4B3C38;
	font-size: 1.2em;
}
/* Checkbox */
.formgen .formcheck{
	float: left;
	margin: 2px 10px 0 0;
}
/* Radionbutton */
.formgen .formradio{
	margin: 3px;
}
.formgen input.formradio{
	margin-left: 25px;
}
/* Ãœberschrift */
.formgen .formheadline{
	font-weight: bold;
	color: #4B3C38;
	margin-top: 10px;
}
/* Passwortfeld */
.formgen .formpassword{
	width: 280px;
	background-color: #EEE9E8;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #4B3C38;
}
/* Label */
.formgen label {
font-family: Verdana, Helvetica, Arial, sans-serif;
float: left;
padding: 0px;
}
/* Aussehen der Select-Ausgabe */
.formgen .formselect{
	width: 288px;
	background-color: #ffffff;
	border-top: 1px solid #EEE9E8;
	border-left: 1px solid #EEE9E8;
	border-bottom: 1px solid #4B3C38;
	border-right: 1px solid #4B3C38;
	margin-left: 4px;
	padding: 2px 0px 2px 0px;
	float: right;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #4B3C38;
}
/* Sende-Button */
.formgen .formsubmit{
	width: 287px;
	border: none;
	color: #ffffff;
	font-weight: bold;
	background: #8e1c35;
	float: right;
}
/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 450px;
padding: 0;
}
/* Fieldsetbeschriftung */
legend {
 font-size: 1.2em; 
 color: #4B3C38;
 font-weight: bold; 
 margin: 0.2em 0 0.6em 0; 
 padding: 0; 
 line-height: 2em;
 display: block;
}

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

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #4B3C38;
	font-weight: bold;
	margin: 5px;
	padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #4B3C38;
}

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