/* global */

body                         { background: #ffffff url(../images/layout/bg.gif) repeat-x top; margin: 0px; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
h1                           { color: #3d6bb8; font-weight: normal; font-size: 18px; margin: 0px 0px 10px 0px }
h1 a                         { color: #3d6bb8 }
h1 a:hover                   { color: #3d6bb8 }
h1 span                      { color: #eb1d24 }
h2                           { font-weight: bold; font-size: 14px; margin: 0px 0px 0px 0px }
h2 a                         { color: #000000 }
h2 a:hover                   { color: #000000; text-decoration: none }
h3                           { font-weight: bold; font-size: 12px; margin: 0px 0px 0px 0px }
h3 a                         { color: #000000 }
h3 a:hover                   { color: #000000; text-decoration: none }
ul                           { margin: 10px 0px 10px 12px; padding: 0px 0px 0px 10px; list-style-type: square }
ol                           { margin: 10px 0px 10px 12px; padding: 0px 0px 0px 10px }
form                         { display: inline }
a                            { color: #eb1d24; text-decoration: none }
a:hover                      { color: #eb1d24; text-decoration: underline }
img                          { border: 0px }


/* Formulare */

.formular                    { color: #000000; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; background: #ffffff; border: solid 2px #ffffff }
.formularerror               { color: #000000; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; background: #ffffff; border: solid 2px #eb1d24 }
.formularbutton              { color: #ffffff; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center; background: #eb1d24; border: solid 2px #eb1d24; padding: 2px 20px 2px 20px; margin: 0px 0px 0px 3px; cursor: pointer }


/* allgemein */

.site                        { position: relative; width: 980px; margin: 0px auto 0px auto; background: url(../images/layout/site_bg.jpg) no-repeat top }
.wochenspiegel               { display: block; position: absolute; z-index: 1; left: 0px; top: 150px; width: 140px; height: 250px }
.supersonntag                { display: block; position: absolute; z-index: 1; left: 0px; top: 400px; width: 140px; height: 250px }
#foto_links                  { position: absolute; z-index: 2; left: 499px; top: 15px; width: 230px; height: 172px }
#foto_rechts                 { position: absolute; z-index: 3; left: 643px; top: 82px; width: 241px; height: 193px }
.headnavi                    { position: absolute; z-index: 4; left: 145px; top: 0px; width: 690px; height: 20px; padding: 12px 0px 8px 0px }
.headnavi a                  { display: block; float: left; margin: 0px 10px 0px 0px; color: #ffffff; text-decoration: none }
.suche                       { float: right; background: #ffffff }
.navi                        { position: absolute; z-index: 4; left: 185px; top: 235px }
.navi a                      { display: block; float: left; margin: 0px 5px 0px 0px; padding: 5px; font-weight: bold; font-size: 14px; text-decoration: none }
.navi a:hover                { background: #eb1d24; color: #ffffff }
.header                      { height: 280px; background: url(../images/layout/header_bg.png) no-repeat }
.main                        { padding: 0px 150px 0px 150px; min-height: 370px; background: url(../images/layout/main_bg.png) repeat-y }
.left                        { float: left; padding: 20px 25px 15px 40px; width: 350px }
.left td                     { padding: 5px; background: #e5e5e5 }
.ws_link                     { display: block; float: left; width: 89px; height: 29px; padding: 5px 5px 6px 16px; background: #3d6bb8 url(../images/layout/pfeil_weiss.gif) no-repeat 4px 8px; margin: 0px 5px 5px 0px; color: #ffffff }
.ws_link:hover               { color: #ffffff; text-decoration: none }
.ss_link                     { display: block; float: left; width: 89px; height: 29px; padding: 5px 5px 6px 16px; background: #eb1d24 url(../images/layout/pfeil_weiss.gif) no-repeat 4px 8px; margin: 0px 5px 5px 0px; color: #ffffff }
.ss_link:hover               { color: #ffffff; text-decoration: none }
.gs_detaillink               { display: block; padding: 0px 0px 0px 26px; background: url(../images/layout/pikto_pfeil.gif) 0px 5px no-repeat; margin: 0px 0px 5px 0px }
.newstable                   { width: 350px }
.newstable th                { padding: 0px; background: none; text-align: left; font-weight: normal }
.newstable th div            { font-style: italic }
.newstable td                { padding: 0px 0px 15px 0px; background: none }
.newstable td div            { position: relative; width: 90px; padding: 0px 15px 0px 0px }
.newstable td div div        { display: none }
.newstable td div:hover div  { display: block; position: absolute; z-index: 10; top: -5px; left: -5px; width: 300px; padding: 5px; background: #ffffff }
.entry                       { padding: 0px 0px 15px 0px }
.entrybild                   { float: left; padding: 5px 15px 0px 0px; width: 90px; height: 90px }
.entrytext                   { float: left; width: 245px }
.entrybild1                  { float: left; padding: 5px 15px 0px 0px; width: 150px }
.entrytext1                  { float: left; width: 185px }
.entrybild2                  { float: left; padding: 5px 15px 0px 0px; width: 150px; height: 100px; overflow: hidden }
.entry1                      { float: left; padding: 0px 15px 0px 0px; width: 160px }
.entry1 div                  { margin: 0px 0px 15px 0px; width: 150px; height: 93px; overflow: hidden }
.reiter                      { background: #ffffff }
.reiter a                    { display: block; float: left; padding: 10px; color: #3d6bb8; font-weight: bold; text-decoration: none }
.referenzliste               { background: #e5e5e5 }
.referenz                    { position: relative; float: left; margin: 5px; width: 50px; height: 70px; padding: 4px; border: solid 1px #e5e5e5; cursor: pointer }
.referenz div                { display: none }
.referenz:hover div          { display: block; position: absolute; z-index: 10; top: -210px; left: 30px; width: 150px; height: 20px; padding: 214px 4px 4px 4px; border: solid 1px #e5e5e5; text-align: center }

.bild                        { position: relative; float: left; margin: 5px; width: 80px; height: 113px; padding: 5px; border: solid 1px #e5e5e5; cursor: pointer }
.bild div                    { display: none }
.bild:hover div              { display: block; position: absolute; z-index: 10; top: -400px; left: 30px; width: 350px; height: 494px; padding: 5px; border: solid 1px #e5e5e5; text-align: center }

.aktion                      { position: relative; float: left; margin: 0px 20px 10px 0px; width: 150px; height: 230px; padding: 4px; border: solid 1px #e5e5e5; cursor: pointer }
.aktion div                  { display: none }
.aktion:hover div            { display: block; position: absolute; z-index: 10; top: -300px; left: -200px; width: 300px; height: 460px; padding: 4px; border: solid 1px #e5e5e5 }
.sonder                      { position: relative; float: left; margin: 0px 10px 10px 0px; width: 50px; height: 70px; padding: 4px; border: solid 1px #e5e5e5; cursor: pointer }
.sonder div                  { display: none }
.sonder:hover div            { display: block; position: absolute; z-index: 10; top: -240px; left: 30px; width: 150px; height: 20px; padding: 244px 4px 4px 4px; border: solid 1px #e5e5e5; font-size: 11px; text-align: center }
.familien                    { position: relative; float: right; margin: 0px 0px 0px 20px; width: 160px; height: 117px; padding: 9px; background: #ffffff url(../images/content/familienanzeigen.jpg) no-repeat center; border: solid 1px #e5e5e5; cursor: pointer }
.familien div                { display: none }
.familien:hover div          { display: block; position: absolute; z-index: 10; top: -320px; left: 80px; width: 500px; height: 365px; padding: 9px; background: #ffffff url(../images/content/familienanzeigen_gross.jpg) no-repeat center; border: solid 1px #e5e5e5 }
.klapper                     { float: left; margin: -1px 5px 0px 0px }
.quelle                      { font-size: 11px; font-style: italic }
.right                       { float: left; padding: 20px 40px 30px 25px; width: 200px }
.subnavi                     { padding: 20px; background: #eb1d24 }
.subnavi a                   { color: #ffffff; text-decoration: none }
.subnavilink                 { display: block; padding: 1px 0px 2px 14px; background: url(../images/layout/pfeil_weiss.gif) no-repeat 0px 4px; font-weight: bold }
.teaser                      { margin: 40px 0px 0px 0px; padding: 20px; background: #e5e5e5 }
.teaser a                    { text-decoration: none }
.infobox                     { margin: 40px 0px 0px 0px; padding: 20px; background: #e5e5e5 }
.teaserbild                  { display: block; margin: 0px 0px 10px 0px; padding: 2px; height: 74px; background: #ffffff }
.verlagsbild                 { display: block; margin: 0px 0px 10px 0px; padding: 2px; height: 160px; background: #ffffff }
.teaserlink                  { display: block; padding: 1px 0px 2px 14px; background: url(../images/layout/pfeil_rot.gif) no-repeat 0px 5px }
.pikto                       { margin: 4px 5px -4px 0px }
.top                         { float: right }
.fuss                        { padding: 20px 145px 20px 145px; background: url(../images/layout/fuss_bg.png) no-repeat top; font-size: 11px; line-height: 24px }
.partner                     { float: right }
.produkte                    { height: 25px; padding: 20px 0px 0px 0px; text-align: center }


/* lokallayer */

.lokallayer                  { position: relative; width: 300px; height: 243px; padding: 20px; background: #e5e5e5 }
.lokallayer a                { display: block; padding: 1px 0px 2px 14px; background: url(../images/layout/pfeil_rot.gif) no-repeat 0px 5px; margin: 5px 0px 0px 0px; text-decoration: none }
#zeitz                       { display: none; position: absolute; top: 160px; left: 200px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#weissenfels                 { display: none; position: absolute; top: 120px; left: 190px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#naumburg                    { display: none; position: absolute; top: 130px; left: 150px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#merseburg                   { display: none; position: absolute; top: 90px; left: 180px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#bitterfeld                  { display: none; position: absolute; top: 40px; left: 210px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#halle                       { display: none; position: absolute; top: 70px; left: 180px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#eisleben                    { display: none; position: absolute; top: 60px; left: 120px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#hettstedt                   { display: none; position: absolute; top: 30px; left: 110px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#sangerhausen                { display: none; position: absolute; top: 70px; left: 90px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#quedlinburg                 { display: none; position: absolute; top: -30px; left: 70px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#aschersleben                { display: none; position: absolute; top: -20px; left: 100px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#bernburg                    { display: none; position: absolute; top: -30px; left: 140px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#koethen                     { display: none; position: absolute; top: -20px; left: 180px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#dessau                      { display: none; position: absolute; top: -30px; left: 220px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }
#wittenberg                  { display: none; position: absolute; top: -30px; left: 280px; width: 220px; padding: 20px; background: url(../images/layout/white75.png); border: solid 1px #e5e5e5 }


/* Geschäftsstellen */

#ws_start                    { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ws_start.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ws_aschersleben             { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ws_aschersleben.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ws_bitterfeld               { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ws_bitterfeld.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ws_eisleben                 { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ws_eisleben.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ws_halle                    { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ws_halle.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ws_koethen                  { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ws_koethen.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ws_merseburg                { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ws_merseburg.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ws_naumburg                 { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ws_naumburg.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ws_quedlinburg              { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ws_quedlinburg.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ws_wittenberg               { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ws_wittenberg.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ws_start div,
#ws_aschersleben div,
#ws_bitterfeld div,
#ws_eisleben div,
#ws_halle div,
#ws_koethen div,
#ws_merseburg div,
#ws_naumburg div,
#ws_quedlinburg div,
#ws_wittenberg div           { width: 209px; height: 16px; padding: 5px 0px 5px 16px; background: #3d6bb8; border-top: solid 5px #ffffff; border-right: solid 5px #ffffff; color: #ffffff; font-size: 14px }

#ss_start                    { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ss_start.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ss_aschersleben             { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ss_aschersleben.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ss_bernburg                 { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ss_bernburg.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ss_dessau                   { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ss_dessau.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ss_halle                    { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ss_halle.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ss_merseburg                { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ss_merseburg.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ss_quedlinburg              { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ss_quedlinburg.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ss_sangerhausen             { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ss_sangerhausen.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ss_wittenberg               { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ss_wittenberg.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ss_zeitz                    { float: left; width: 230px; height: 31px; padding: 189px 110px 0px 0px; background: url(../images/content/ss_zeitz.jpg) no-repeat; margin: 0px 5px 5px 0px }
#ss_start div,
#ss_aschersleben div,
#ss_bernburg div,
#ss_dessau div,
#ss_halle div,
#ss_merseburg div,
#ss_quedlinburg div,
#ss_sangerhausen div,
#ss_wittenberg div,
#ss_zeitz div                { width: 209px; height: 16px; padding: 5px 0px 5px 16px; background: #eb1d24; border-top: solid 5px #ffffff; border-right: solid 5px #ffffff; color: #ffffff; font-size: 14px }
