/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch
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;}
/* 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 : 100%;}

/* 
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: 5px;	
	
}
 .forminfo 
{margin-bottom: 15px; background-color: #ffffff; padding-top: 3px; padding-bottom: 3px; padding-right: 2px; padding-left: 5px; font-weight: bold; color:  #ac1f23; border: 1px solid #ac1f23; }
/*
Verhalten von br-Tags
*/
.formgen br
{clear : both; }
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
/* Mehrzeiliges Eingabefeld */
.formgen textarea.formtextfield
{width: 310px; height: 150px; padding: 5px; margin-left: 10px; border: 1px solid #ddd;}
.formgen textarea.formtextfield:hover
{width: 310px; height: 150px; padding: 5px; margin-left: 10px; border: 1px solid #34b019;}

/* Textfeld */
.formgen .formtext
{width: 320px; margin-left: 10px; padding: 4px; font-size: 1em; background: url(../images/form_linie.gif) no-repeat -1px -20px; }
.formgen input:focus, .formgen input:hover{
	background: url(../images/form_linie.gif) no-repeat -1px -60px; }
/* Label */
.formgen label {width: 120px; text-align: right; clear: left; float: left; padding: 7px 0 0 0; height: 27px; color: #666; }
/* Sende-Button */
.formgen input.formsubmit
{width: 180px; padding: 0 35px 0 55px; height: 30px; background: url(../images/form_submit.gif) no-repeat; border: 1px solid #eee; margin-left: 125px; color: #0e6438; }
.formgen input.formsubmit:hover 
{background: url(../images/form_submit.gif) no-repeat 0 -30px;}
.formgen input.formsubmit:active 
{background: url(../images/form_submit.gif) no-repeat 0 -60px;}
/* Fieldsetbeschriftung */
.formgen legend {color: #FFFFFF; background-color: #990000; width: 150px; }
.formgen .fieldset {margin-bottom: 10px; }
/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {
	border-bottom-width: 1px; color: #990000; }
.formgen .formcaptcha
{border: 2px solid #990000; vertical-align: top; float: left; margin-right: 10px; }
.formgen .formreq {color: #006633; }
.formgen .formheadline {color: #993300; background-color: #FFF7EA; padding-top: 4px; padding-bottom: 4px; margin-top: 5px; margin-bottom: 5px; font-style: italic; }
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */