* { font:normal 12px Verdana, Arial, Helvetica, sans-serif; }
html, body { background-color:#fff; margin:0px; padding:0px; width:90%;}
a, a:visited, a:link, a:active { font-weight:bold; color:#cc0000; text-decoration:underline; }
a:hover { text-decoration:none; }

/* Formular - Eingabeseite */
#formular { width:450px; display:block; z-index:33; margin:auto; padding:10px 0px 0px 0px; height:100%; }
#formular .titel { margin:0px 0px 0px 110px; font-weight:bold; }
#formular .beschreibung { margin:10px 20px 10px 110px; }
#formular .textfeld, #formular .email, #formular .textbox, #formular .datum, #formular .anhang, #formular .auswahl { margin:0px 5px 10px 5px; text-align:right; }
#formular .textfeld .ueberschrift, #formular .auswahl .ueberschrift, #formular .datum .ueberschrift, #formular  .email .ueberschrift, #formular .textbox .ueberschrift, #formular .anhang .ueberschrift { text-align:right; width:110px; display:block; float:left; }
#formular .textfeld input, #formular .auswahl select, #formular .email input, #formular .anhang input,#formular  .textbox textarea { margin:0px 30px 0px 0px; width:290px; border:1px solid #000000; background-color:#f5f5f5; }
#formular .datum { margin-right:129px; }
#formular .datum select { margin:0px 13px 0px 0px; border:1px solid #000000; background-color:#f5f5f5; }
.datumtag, .datummonat {width:45px;}
.datumjahr {width:60px;}
#formular .error .textfeld input, #formular .error .auswahl select, #formular .error .datum select, #formular .error .email input, #formular .error .anhang input, #formular .error .textbox textarea { margin:0px 13px 0px 0px; width:290px; border:1px solid #000000; color:#ffffff; background-color:#cc0000; }
.error .datumtag, .error .datummonat {width:45px !important;}
.error .datumjahr {width:60px!important;}
#formular .auswahl select { background-color:#f5f5f5; }
#formular .textbox textarea { height:100px; }
#formular .dateien { width:350px; margin:0px 30px 0px 125px; display:block; line-height:8px; }
#formular .dateien input { width:80px; margin:0px 0px 0px 5px; font-size:9px; background-color:#cc0000; color:#ffffff; }
#formular input:focus, #formular textarea:focus { background-color:#ffffff; }

#formular .buttons { width: 315px; border-top:1px solid #666666; padding-top:10px; margin:0px 35px 0px 115px; text-align:right; }
#formular .buttons input { margin:0px; width:320px; border:1px solid #000000; background-color:#f5f5f5; }
#formular .buttons #submit { width:150px; }
#formular .buttons #reset { width:115px; margin-right:15px; }

#formular .fehlermeldung { width:290px; margin:5px 30px 0px 130px; display:block; line-height:20px; color:#cc0000; font-weight:bold; }

/* Anhang-Formular */
#overlay { position:absolute; display:none; margin:0px; padding:0px; height:100%; width:100%; background:#c9c9c9;    filter:alpha(opacity=70);    -moz-opacity: 0.7;    opacity: 0.7; z-index:50; position:fixed; top:0; left:0; }
#anhanglayer { display:none;  text-align:center; position:absolute; top:200px; left:50%; z-index:55; background:#e9e9e9; width:440px; padding-bottom:5px; margin-left:-220px; border:1px solid #818181; }
#anhanglayer .headline { display:block; width:440px; text-align:center; margin:10px; font-weight:bold; }
#anhanglayer .endungentext { font-weight:bold; }
#anhanglayer .anhangformular { margin:10px; text-align:center;}
#anhanglayer .anhangformular .dateifeld { width:250px; float:left; }
#anhanglayer .anhangformular .dateibutton { width:130px; float:right; }
#anhanglayer .schliessen { display:block; width:440px; height:20px; margin-top:33px; }

/* Preview-Seite */
#preview { width:470px; position:absolute; display:block; z-index:33; margin:auto; padding:0px 0px 0px 0px; height:100%; }
#preview .hinweis { display:block; margin:20px 0px 10px 110px; font-weight:bold; }
#preview .textfeld, #preview .email, #preview .datum, #preview .textbox, #preview .anhang, #preview .auswahl { margin:0px 5px 10px 5px; text-align:right; }
#preview .textfeld .ueberschrift, #preview .datum .ueberschrift, #preview .auswahl .ueberschrift,#preview  .email .ueberschrift, #preview .textbox .ueberschrift, #preview .anhang .ueberschrift { text-align:right; width:100px; display:block; float:left; font-style:italic; }
#preview .textfeld .wert, #preview .datum .wert, #preview .auswahl .wert, #preview .email .wert, #preview .anhang .wert,#preview  .textbox .wert { position:relative; left:5px; display:block; margin:0px 0px 0px 100px; width:350px; text-align:left; }
#preview .buttons { width: 315px; border-top:1px solid #666666; padding-top:10px; margin:0px 35px 0px 150px; text-align:right; }
#preview .buttons input { margin:0px; width:350px; border:1px solid #000000; background-color:#f5f5f5; }
#preview .buttons #absenden { width:150px; }
#preview .buttons #zurueck { width:150px; margin-right:15px; }
#preview .kopieanmich { margin:0 0 5px 150px; }
#preview .kopieanmich label { vertical-align:20%;  }

/* Abgesendet */
#abgesendet { width:500px; position:absolute; display:block; left:50%; z-index:33; margin-left:-250px; padding:0px 0px 0px 0px; height:100%; }
#abgesendet .titel { margin:20px 0px 0px 110px; font-weight:bold; }

.blockradiobutton { overflow:hidden; margin-bottom:25px;}
.blockradiobutton br { display:none;}
.blockradiobutton .radiobutton { margin-left:105px; }
.blockradiobutton { clear:both; }
.blockradiobutton input { height:20px; border:1px solid #c00; float:left; }
.blockradiobutton label.beschreibung { height:20px; line-height:23px; float:none; margin:0 !important; padding:0; float:left; }