* { font:normal 12px Verdana, Arial, Helvetica, sans-serif; }

html, body { background-color:#e9e9e9; margin:0px; padding:0px; height:100%; width:100%; }

a, a:visited, a:link, a:active { font-weight:bold; color:#cc0000; text-decoration:underline; }

a:hover { text-decoration:none; }



/* Formular - Eingabeseite */

#formular { width:500px; position:absolute; display:block; left:50%; z-index:33; margin-left:-250px; padding:0px 0px 0px 0px; height:100%; }

#formular .titel { margin:20px 0px 0px 160px; font-weight:bold; }

#formular .beschreibung { margin:10px 20px 10px 160px; }

#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:145px; 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:305px; border:1px solid #000000; background-color:#f5f5f5; }

#formular .datum { margin-right:129px; }

#formular .datum select { margin:0px 30px 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 30px 0px 0px; width:305px; 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 5px 110px; 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 { border-top:1px solid #666666; padding-top:10px; margin:0px 35px 0px 115px; text-align:right; }

#formular .buttons input { margin:0px; width:340px; border:1px solid #000000; background-color:#f5f5f5; }

#formular .buttons #submit { width:150px; }

#formular .buttons #reset { width:115px; margin-right:15px; }



#formular .fehlermeldung { width:350px; margin:0px 30px 5px 115px; 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:500px; position:absolute; display:block; left:50%; z-index:33; margin-left:-250px; 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:145px; 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:305px; text-align:left; }

#preview .buttons { 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; }