/* Formate fuer Formulare und Formular-Elemente */

#formular {
position: relative;
margin-bottom: 50px;
border-top: 8px solid #999999;
text-align: left;
width:464px;
height:100%;
}

/* Formular-Ueberschrift */
#formular h1 {
color: #999999;
padding: 12px 0 0 0;
margin: 0;
font-size: 1em;
clear: left;
}

/* Infotext */
#formular p {
color: #000000;
padding: 6px 0 0 0;
margin: 0;
font-size: 0.8em;
float: right;
width: 105px;
}

/* bestimmte Inhalte nicht anzeigen */
#formular legend,
#formular .offview {
position: absolute;
overflow: hidden;
height: 0;
width: 0;
line-height: 0;
font-size: 0;
left: -4000px;
top: -1000px;
float: none;
}

/* bezeichner */
#formular label {
width: 120px;
}
/* extra-langer bezeichner */
#formular label.labellang {
width: 325px;
}

/* eingabefeld */
#formular label,
#formular input {
padding: 0;
margin: 0;
float: left;
font-family: Arial, Helvetica, sans-serif;
}

/* dropdown und eingabetextfeld */
#formular select,
#formular textarea {
padding: 0;
margin: 0;
float: left;
font-family: Arial, Helvetica, sans-serif;
}
#formular textarea,
#formular input {
background-color: #E4E4E4;
border: 0 none transparent;
margin-bottom: 15px;
width: 224px;
height: auto;
}
#formular textarea {
font-size: 1em
}

/* dropdown */
#formular select {
background-color: #FFFFFF;
margin-bottom: 15px;
width: 225px;
height: auto;
}

/* umbruch in formular  */
#formular br {
clear: left;
}

/* formular buttons */
#formular input#loeschen,
#formular input#absenden {
background-color: #999999;
color: #FFFFFF;
width: auto;
text-align: center;
padding: 0 0.4em;
}
#formular input#absenden {
margin-left: 20px;
}

/* formular buttons "aktiver" Zustand */
input#loeschen:hover,
input#absenden:hover,
input#loeschen:focus,
input#absenden:focus {
background-color: #F11A29;
}

fieldset {
margin: 0;
padding: 0;
border: 0px solid #FFFFFF;
}

/* formate fuer Herr und Frau */
#formular span.anrede {
display: block;
width: 80px;
float: left;
}

/* horizontale trennstriche */
#formular hr {
background-color: #999999;
color: #999999;
border: 0 none transparent;
height: 8px;
padding: 0;
margin: 0 0 10px 0;
clear: left;
}
/* hr 1px hoch */
#formular hr.pixel {
background-color: #999999;
color: #999999;
border: 0 none transparent;
height: 1px;
padding: 0;
margin: 0 0 10px 0;
}

/* Fehlerausgabe auf form-feld */
#formular .felderror {
background-color: #FFCC00;
margin-left: 15px;
/* box model hack, werte fuer ie 5.x / pc */
 voice-family: "\"}\"";
  voice-family:inherit;
margin-left: 0px;
   /* box model hack, korrekte werte fuer alle anderen */

}


/* Fehlerausgabe auf form-label */
#formular .labelerror {
border-left: 8px solid #FFCC00;
width: 105px;
padding-left: 7px;
font-weight: bold;
}
p.labelerror {
border-left: 8px solid #FFCC00;
padding: 0 0 0 7px;
margin: 0 0 10px 0;
}

/* eingabefeld PLZ */
#formular input#plz {
width: 60px;
}

/* label STADT */
#formular label.stadt {
text-align: right;
padding-right: 5px;
width: 45px;
}

/* eingabefeld STADT */
#formular input.inputstadt {
width: 114px;
}

/* die ersten einträge im formular */
#formular select.first,
#formular label.first {
margin-top: -6px;
}

/* Datei-auswahl */
#formular input.upload {
text-align: right;
}
#formular input.upload[class] {
text-align: left;
width: auto;
}

#formular span.anrede-kl {
margin: 0 10px 0 3px;
display: block;
float: left;
}

#formular label.long {
width: auto;
}

#formular textarea.wide {
width: 344px;
height: 35px;
}