/*************************************************************/
/* http://webbau.brandenberger.eu/styles/formular.css.php    */
/* CSS-Definitionen für Formulare von Webbau und Vademecum   */
/* Kontaktformular und Formular im Gästebuch                 */
/* von Alfred Brandenberger - alfred@brandenberger.eu        */
/*************************************************************/

/* Blaues Formular für Beispiele, Kontakt und Gästebuch */
form {  
background:#9EC8F2;
color:#000000; 
border:thin solid #6666FF;
margin:0;
padding:0 1em 1em 1em;
}

/* Formular von Google für Website im Text
und oben im Kopf*/
form.google { 
background:transparent;
color:#000000; 
border:0;
margin:-6px;
padding:0;
}

/* Hintergrund von Formulare "Suchen" */
.suchen {
background:#D0E5CD;
}

form hr {
margin-bottom:1em;
background:#00F;	/* setzt die Farbe */
height:1px;		/* ersetzt size=1  */
border:none;		/* ersetzt noshade */
}

/*Alle Labels */
label { 
display:block;
float:left; /*Die Beschriftung floatet*/
margin-top:4px;  
padding-right:1em; /*Abstand rechts der Beschriftung*/
text-align:right; /*Beschriftung nach rechts ausgerichtet*/
width:6em; /*Breite links der Mittellinie*/ 
}

/*Label für Radio-Buttons und Checkbox*/
label.clickbox {              
display:block;
float:left; /*Beschriftung floatet*/
clear:both;
margin-top:4px; 
padding-right:1em; /*Abstand rechts der Beschriftung**/
text-align:right; /*Beschriftung rechts*/
width:6em; /*Breite links der Mittellinie*/ 
}

/*Formatierung der ein- und mehrzeiligen Eingabefelder*/  
input, textarea {  
margin-top:4px;  
vertical-align:middle;
font-size:0.9em;
font-family:monospace;
width:auto;
}

/*Input für Radio-Buttons und Checkbox*/   
input.clickbox { 
padding-top:4px;
width:auto;
}

/*Formatierung der Druckknöpfe für Senden und Verwerfen*/
input[type=submit], input[type=reset], input[type=button] {
padding:1px 3px;
font-size:1em;
font-family:sans-serif;
}

/*Damit Google Suchbutton kleiner wird*/
input.google {
padding:1px 3px;
font-size:0.8em;
font-family:sans-serif;
}

/*Spamschutz-Feld wird nicht angezeigt*/
input#hidden {
display:none;
}

/*Formatierung von Auswahlfeldern*/
select {            
margin-top:4px;
font-size:1em;
font-family:monospace;
}

legend {            
font-weight:bold;
}

/*Für Elemente, die nicht "floaten" sollen*/
.nofloat  { 
float:none;
text-align:left;
}

br {
clear: left;
}