/* Formular Elemente */

/* Hauptfarben:	grau: #DBD6C5 /	grün: #A0C23A /	dunkles	grau für Schrift: #CBC5B5 / ganz helles grau: #EBE9E1 / 
                hell grün #E8F4D7  */     

/*fieldset: Umschließt eine zusammengehörende Gruppe von Formularelementen
legend: Dient der Überschrift des Kontaktformulars
label: Mit Hilfe von Labels wird eine logischer Bezug zwischen Formularelement 
und Beschriftungstext (Name, Vorname, Email) hergestellt. */

/* ==============================================================
Formulare auf Seiten
================================================================= */	  

                 
form p {   clear: left;
           float: left;
           width: 100%;
           margin: 2px 2px 2px 0;
           padding: 2px 2px 2px 0;
           font-family:arial,verdana,helvetica;
           font-size:0.8em;
           font-weight:normal;
           color: #000000;
 }

form {  line-height: 100%;
        width: 420px;
        margin: 0;
        padding: 0;
        border: solid 0px maroon;
} 
			
fieldset {  width: 420px;
            margin: 0;
            padding: 0 0 10px;
            border: solid 0px maroon;
}

#legend    { width: 100%;
            margin: 0px;
            padding: 0px;            
            font-family:arial,verdana,helvetica;
            font-size:0.8em;
            font-weight:normal;
            color: #000000;
            line-height: 1.3;
            border: solid 0px maroon;
}


label {  color: #000000;
         font-weight: normal;
         text-align: left;
         width: 15em;
         float: left;
         margin: 2px 0;
         padding: 0px;
         display: block;
         border: solid 0px maroon;
}

label.rechts {  margin-left: 10px;
}

label.check {  float: left;
               width: 25em;
               margin-left: 1em;
               border: solid 0px #A0C23A;                               
}

input.check {     float: left;
                  padding: 0px;
                  width: 2em;
                  height: auto;
                  margin-top: 4px;
                  border: none;  
                  border: solid 0px #A0C23A;     
}

input,textarea,select,button  { font-size: 1em;
                                font-family: arial,verdana,helvetica;
                                background-color: white;
                                color: #000000;
                                border: solid 1px #A0C23A;
                                width: 15em;
                                height: 18px;
                                float: right;
                                padding: 2px;
                                margin: 0 2px 0 2px;   
                                display: block;
                              }


textarea {height: 10em;}

textarea.klein {height: 5em;}

select { width: 15.5em;
         height: auto;
         padding: 1px;
        }

option {  background-color: #E8F4D7;¨
          border: solid 0px maroon;
        }

.button {    color: #A0C23A;
             background-color: #FFFFFF;
             width: 70px;
             height: auto;
             padding: 3px;   
             margin: 5px;
             cursor:pointer;
             float: right;
             font-weight:normal;
}

.Pflicht {      background-color: #E8F4D7;}

.Pflichtfeld                  { background-color: #E8F4D7;
                                border: solid 1px #A0C23A;
                                width: 3em;
                                float: left;
                                padding: 0px;
                                margin: -1px 10px 0 2px;       
                                display: block;
                              }

a.linkbutton { font-size: 1em;
               font-family: arial,verdana,helvetica;
               background-color: white;
               color: #A0C23A;
               text-align: center;
               border: solid 1px #A0C23A;
               width: 70px;
               float: right;
               padding: 3px;
               margin: 5px;       
               display: block;
               text-decoration:none;
               }

input.empty {display: none;}

#straße { }
#nummer { width: 3em; }