/*
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS
Für: do form! 2.x
Stand: 20.04.2009
Version: 1.0

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

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

/* Div das das Formular umschließt */
.formgen {
font-size: 1em;
/*padding-right: 10px;
padding-left: 10px;*/
}

.formgen form {
line-height : 120%;
}
.formgen .formblock {
margin: 10px 0 15px 45px;
padding: 3px 2px 3px 5px;
}
.forminfo {
width: 360px;
margin-bottom: 15px;
background-color: #FFCC33;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 2px;
padding-left: 5px;
font-weight: bold;
border: 5px dashed #990000;
}

.formgen br {
clear: both;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
/*width: 400px;*/
height: 200px;
margin-left: 4px;
border: 1px solid #999;
background-color: #efefef;

width: 250px;

}


/* Textfeld */
.formgen .formtext {
width: 250px;
margin: 4px 0 4px 4px;
padding-bottom: 4px;
font-size: 1em;
background-color: #efefef;
border: 1px solid #999;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {
border-bottom-color: #999;
background-color: #fff;
}

/* Label */
.formgen label {
clear: left;
float: left;
width: 250px;
height: 20px;
font-weight: bold;
color: #000;

/*margin: 4px 0 14px 4px;*/
}
label.formchecklabel {
width: 370px;
height: 20px;
clear: left;
float: left;
font-weight: bold;
color: #000;
}
.formgen .formcheck {
width: 12px;
background-color: #efefef;
margin-left: 4px;
color: #000000;
border: 1px solid #999;
}

/* Aussehen der Select-Ausgabe */
.formgen .formselect {
width: 200px;
background-color: #efefef;
margin: 0 4px 4px 4px;
color: #000000;
border: 1px solid #999;
}

/* Sende-Button */
.formgen .formsubmit {
width: 150px;
text-align: center;
background-color: #efefef;
border: 1px solid #999;
color: #000;
margin-left: 213px;
}
.formgen .formblock input:focus,
.formgen .formblock input:hover {
background-color: #999;
}


/* Fieldsetbeschriftung */
.formgen legend {
display: none;
/*color: #000;
font-size: 1.3em;
font-weight: bold;
width: 150px;*/
}
.formgen .fieldset {
/*margin-bottom: 10px;
padding: 15px;
border: 1px #666 dotted;*/
border: none;
}

/* Captcha */
#captcha {
margin-top: 20px;
}
.captchapic {
margin-left: 208px;
margin-top: 10px;
}

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


/* Markierung der Labels bei Fehler */
.formgen .formerror {
border-bottom-width: 1px;
background-color: #990000;
color: #fff;
}

.formgen .formcaptcha {
border: 2px solid #990000;
vertical-align: top;
float: left;
margin-right: 10px;
}

.formgen .formreq {
font-weight: bold;
}

.formgen .formheadline {
color: #993300;
background-color: #FFF7EA;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 5px;
margin-bottom: 5px;
font-style: italic;
}


#reisebuchung textarea {
width: 250px;
height: 150px;
}

.form-grey {
background: #efefef;
margin-bottom: 4px;
}


/* Ende der Formulardefinition */