

#sonderaktion                { background-color: #fff; padding: 10px; width: 450px; height: 590px }
#sonderaktion_content                        { background-color: #fff; width: 450px; height: 580px }
#sonderaktion_content_text                      { width: 450px; height: 160px }
#sonderaktion_content_text h2       { color: #888; font-size: 16px; font-family: Arial !important; font-weight: bolder; line-height: 18px; text-decoration: none; }
#sonderaktion_content_text h3            { color: #888; font-size: 14px; font-family: Arial !important; font-weight: bolder; line-height: 16px; text-decoration: none;  }
#sonderaktion_content_text p         { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none }
#sonderaktion_content_text a         { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none }

 
 
 
/*Definition Formular Sonderaktion*/ 

#sonderaktion_hintergrund                    { background-color: #fff; background-image: url("../bilder/ani-hinterg.gif"); background-repeat: no-repeat; background-position: center; padding-top: 20px; width: 450px; height: 350px; float: left }

#sonderaktion_formular                     { background-color: #fff; padding-top: 20px; width: 450px; height: 350px; float: left }
#sonderaktion_formular_gesamt                 { background-color: #fff; width: 450px; height: 340px; float: left }

#sonderaktion_gepackt      { width: 450px; height: 280px }
#sonderaktion_formular_links     { width: 250px; height: 280px; float: left }
#sonderaktion_formular_rechts    { width: 200px; height: 280px; float: left }


.reihe_sonder_button                { padding-top: 10px; width: 450px; height: 20px; clear: left }
.button_2                           { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; background-color: #fff; background-image: url("../bilder/3kaesten_funktion.gif"); background-repeat: no-repeat; background-position: 0 center; cursor: pointer; margin-left: 300px; padding-left: 5px; width: 100px; height: 20px; border: 0 none; }

.reihe_sonder          { padding-top: 10px; width: 250px; height: 20px; float: left }
.reihe_sonder img        { margin-right: 10px; width: 40px; height: 16px; float: left; border: solid 1px #888 }
.reihe_sonder_nachricht             { color: #888; font-size: 12px; font-family: Arial; line-height: 14px; width: 200px; height: 20px; float: left }
.reihe_sonder_nachricht_feld                 { margin-top: 10px; width: 200px; height: 230px; float: left }
#nachricht_sonder                 { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; background-color: #eee; display: block; width: 180px; height: 195px; float: left; vertical-align: middle; border: solid 1px }


#reihe_sonder_pulldown               { width: 250px; height: 20px; float: left }

#reihe_error_sonder           { color: #ff0000; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; margin-left: 5px; padding-top: 3px; width: 450px; height: 20px;  }

#code_sonder               { color: #888; font-size: 12px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 38px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#anrede_sonder                      { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; background-color: #eee; display: block; width: 70px; height: 20px; float: left; vertical-align: middle; border: solid 1px; outline-style: none }
#firma_sonder                  { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; background-color: #eee; display: block; width: 150px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#telefon_sonder                     { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; background-color: #eee; display: block; width: 150px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#name_sonder                  { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; background-color: #eee; display: block; width: 150px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#strasse_sonder                  { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; background-color: #eee; display: block; width: 150px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#plz_sonder                  { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; background-color: #eee; display: block; width: 40px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#ort_sonder                  { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; background-color: #eee; display: block; width: 150px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#email_sonder                  { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; background-color: #eee; display: block; width: 150px; height: 14px; float: left; vertical-align: middle; border: solid 1px }

#anrede_sonder.focus, #uhrzeit_sonder.focus, #datum_sonder.focus  { border: solid 1px #888; outline-color: #eee } 


#punkt_name_sonder        { background-image: url("../bilder/roter_punkt.jpg"); background-repeat: no-repeat; background-position: 0 center;  margin-left: 5px; width: 10px; height: 14px; float: left }
#punkt_firma_sonder        { background-image: url("../bilder/roter_punkt.jpg"); background-repeat: no-repeat; background-position: 0 center;  margin-left: 5px; width: 10px; height: 14px; float: left }
#punkt_telefon_sonder         { background-image: url("../bilder/roter_punkt.jpg"); background-repeat: no-repeat; background-position: 0 center;  margin-left: 5px; width: 10px; height: 14px; float: left }
#punkt_code_sonder         { background-image: url("../bilder/roter_punkt.jpg"); background-repeat: no-repeat; background-position: 0 center; margin-left: 5px; width: 10px; height: 14px; float: left }
#punkt_strasse_sonder         { background-image: url("../bilder/roter_punkt.jpg"); background-repeat: no-repeat; background-position: 0 center; margin-left: 5px; width: 10px; height: 14px; float: left }
#punkt_plz_sonder         { background-image: url("../bilder/roter_punkt.jpg"); background-repeat: no-repeat; background-position: 0 center; margin-left: 5px; width: 10px; height: 14px; float: left }
#punkt_ort_sonder         { background-image: url("../bilder/roter_punkt.jpg"); background-repeat: no-repeat; background-position: 0 center; margin-left: 5px; width: 10px; height: 14px; float: left }
#punkt_email_sonder         { background-image: url("../bilder/roter_punkt.jpg"); background-repeat: no-repeat; background-position: 0 center; margin-left: 5px; width: 10px; height: 14px; float: left }

#content_sonder_hinweis                                        { background-color: #fff; padding-top: 5px; padding-left: 5px; width: 450px; height: 300px }

#content_sonder_hinweis  p    { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; text-align: left }
#content_sonder_hinweis  a      { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; outline-style: none }
.img_content_sonder       { margin-right: 10px; margin-left: 300px; float: left; border: 0 }

.label_sonder                       { color: #888; font-size: 12px; font-family: Arial !important; line-height: 14px; text-decoration: none; text-align: left; text-indent: 5px; display: block; padding-top: 2px; width: 70px; height: 14px; float: left }


 
