/*allgemeine Definitionen*/
input:focus, textarea:focus, select.focus {outline-color:#eee; }

#select    { color: #888; font-size: 10px; font-family: Arial !important; text-decoration: none; background-color: #eee; display: block; width: 70px; float: left; border: solid 1px }

.reihe         { padding-top: 10px; width: 173px; height: 20px; float: left }
.reihe img       { margin-right: 10px; width: 40px; height: 16px; float: left; border: solid 1px #eee }

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

form    { background-image: none; margin: 0; float: left }
form br  { clear: left; }


.button1          { color: #888; font-size: 10px; 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; text-align: left; cursor: pointer; margin-left: 65px; padding-left: 15px; width: auto; height: 20px; border: 0 none; }
/*Definition Newsletter*/
#Email           { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 100px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#code_news           { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 48px; height: 14px; float: left; vertical-align: middle; border: solid 1px }

#reihe_error           { color: #ff0000; font-size: 9px; font-family: Arial !important; text-decoration: none; margin-left: 5px; padding-top: 3px; width: 158px; height: 15px }


#punkt_mail         { 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         { 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_hinterg  { background-image: url("../bilder/ani-hinterg.gif"); background-repeat: no-repeat; background-position: center; width: 173px; height: 125px }
#content_news                       {  background-color: #fff; width: 173px; height: 125px }
#content_news_hinweis                                    { background-color: #fff; padding-top: 5px; padding-right: 5px; padding-left: 5px; width: 163px; height: auto }

#content_news_hinweis  p   { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; text-align: left }
#content_news_hinweis  a    { color: #888; font-size: 10px; font-family:  Arial !important; line-height: 12px; text-decoration: none }
.img_content_news      { margin-right: 5px; margin-left: 70px; float: left; border: 0 }


/*Definition Seite empfehlen*/
#content_hinterg_SE   { background-image: url("../bilder/ani-hinterg.gif"); background-repeat: no-repeat; background-position: center; width: 173px; height: 260px }
#content_SE                        { background-color: #fff; width: 173px; height: 260px }

.reihe_ueberschrift              { color: #888; font-size: 10px; font-family: Arial; font-weight: bolder; line-height: 12px; padding-top: 10px; padding-left: 5px; width: 173px; height: 20px; float: left }
#reihe_SE           { width: 173px; height: 20px; float: left }
#reihe_SE_nachricht            { padding-left: 5px; width: 173px; height: 45px; float: left }

#reihe_error_SE           { color: #ff0000; font-size: 9px; font-family: Arial !important; text-decoration: none; margin-left: 5px; padding-top: 3px; width: 158px; height: 15px }

#code_SE           { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 48px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#Email_SE_empfaenger           { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 100px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#Email_SE_absender           { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 100px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#Nachricht_SE             { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 135px; height: 42px; float: left; vertical-align: middle; border: solid 1px }

#punkt_mail_SE_absender         { 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_mail_SE_empfaenger         { 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_SE         { 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_SE_hinweis                                       { background-color: #fff; padding-top: 5px; padding-left: 5px; width: 160px; height: auto }

#content_SE_hinweis  p   { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; text-align: left }
#content_SE_hinweis  a    { color: #888; font-size: 10px; font-family:  Arial !important; line-height: 12px; text-decoration: none }
.img_content_SE     { margin-right: 10px; margin-left: 70px; float: left; border: 0 }


/*Definition Callback*/
#content_hinterg_CB     { background-image: url("../bilder/ani-hinterg.gif"); background-repeat: no-repeat; background-position: center; width: 173px; height: 260px }
#content_CB                          { background-color: #fff; width: 173px; height: 260px }

.reihe_ueberschrift_CB                  { color: #888; font-size: 10px; font-family: Arial; line-height: 12px; padding-top: 10px; padding-left: 5px; width: 173px; height: 80px; float: left }
.reihe_CB           { width: 173px; height: 20px; float: left }
.reihe_CB_pulldown              { width: 173px; height: 25px; float: left }

#reihe_error_CB          { color: #ff0000; font-size: 9px; font-family: Arial !important; text-decoration: none; margin-left: 5px; padding-top: 3px; width: 158px; height: 15px }

#code_CB             { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 38px; height: 16px; float: left; vertical-align: middle; border: solid 1px }
#anrede_CB                   { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 50px; height: 20px; float: left; vertical-align: middle; border: solid 1px }
#firma_CB                { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 100px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#telefon_CB                  { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 100px; height: 14px; float: left; vertical-align: middle; border: solid 1px }
#datum_CB                 { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 90px; height: 20px; float: left; vertical-align: middle; border: solid 1px }
#uhrzeit_CB                 { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 90px; height: 20px; float: left; vertical-align: middle; border: solid 1px }
#name_CB                { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; background-color: #eee; display: block; width: 100px; height: 14px; float: left; vertical-align: middle; border: solid 1px }

#anrede_CB.focus, #uhrzeit_CB.focus, #datum_CB.focus {outline-color:#eee; } 


#punkt_name_CB         { 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_CB         { 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_CB         { 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_CB         { 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_CB_hinweis                                       { background-color: #fff; padding-top: 5px; padding-left: 5px; width: 160px; height: auto }

#content_CB_hinweis  p   { color: #888; font-size: 10px; font-family: Arial !important; line-height: 12px; text-decoration: none; text-align: left }
#content_CB_hinweis  a    { color: #888; font-size: 10px; font-family:  Arial !important; line-height: 12px; text-decoration: none }
.img_content_CB     { margin-right: 10px; margin-left: 70px; float: left; border: 0 }

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