
/* niemals padding bei Layout einsetzen, dann klappts auch zwischen Firefox und IE, Wert 0 aber erlaubt */

body                     { background-image: url(./images/bg/bg2.jpg);
                           background-color: #000000;
                           background-repeat:no-repeat;
                           position:relative; left:0px; top:0px; width:100%; height:100%;
                           font-family: Arial,sans-serif;
                           font-size:9pt;
                           color: #000000;
                           border:0px;
                           margin:0px;
                           padding:0px; }

img                      { border:0px; }

div                      { border:0px; }

a                        { border:0px; outline: none;}

td                       { font-size:9pt; }

form                     { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

a:link                   { text-decoration:none; color: #327cae; }
a:visited                { text-decoration:none; color: #327cae; }
a:active                 { text-decoration:none; color: #327cae; }
a:hover                  { text-decoration:none; color: #faac39; }

a.hell:link                   { text-decoration:none; color: #ffffff; }
a.hell:visited                { text-decoration:none; color: #ffffff; }
a.hell:active                 { text-decoration:none; color: #ffffff; }
a.hell:hover                  { text-decoration:none; color: #faac39; }

a.textlink:link                   { text-decoration:none; font-weight: bold; color: #000000; }
a.textlink:visited                { text-decoration:none; font-weight: bold; color: #000000; }
a.textlink:active                 { text-decoration:none; font-weight: bold; color: #000000; }
a.textlink:hover                  { text-decoration:none; font-weight: bold; color: #faac39; }

a.kastenrechtslnk:link                   { text-decoration:none; color: #000000; font-size:8pt;}
a.kastenrechtslnk:visited                { text-decoration:none; color: #000000; font-size:8pt; }
a.kastenrechtslnk:active                 { text-decoration:none; color: #000000; font-size:8pt; }
a.kastenrechtslnk:hover                  { text-decoration:none; color: #faac39; font-size:8pt; }

.hoch                    { font-size: 70%; position: relative; bottom: 4px; }

.blocksatz               { text-align: justify; }

.bildunterschrift        { background-image: url(images/bg/bgshop.png); background-repeat: repeat-x;
                           color: #666666; font-size:8pt; letter-spacing: 1pt; text-align: justify; clear: both; margin-top: -3px;}

.autor                   { font-style: italic; text-align: right; padding-right: 10px; }

.rot                     { color: #ac0014; }

.gruen                   { color: #0b9b00; }

.randlinks10             { margin-left:10px; }

.randlinks12             { margin-left:12px; }

.eingabefeld-klein       { width: 142px; height: 20px;
                           margin: 3px 0px 3px 0px;
                           border-top: solid 2px #000000; border-right: solid 1px #cccccc;
                           border-bottom: solid 1px #cccccc; border-left: solid 2px #000000;
                           background-color: #ffffff; }

.eingabefeld             { height: 20px;
                           margin: 3px 0px 3px 0px;
                           border-top: solid 2px #000000; border-right: solid 1px #cccccc;
                           border-bottom: solid 1px #cccccc; border-left: solid 2px #000000;
                           background-color: #ffffff; }

.eingabetextarea         { margin: 3px 0px 3px 0px;
                           border-top: solid 2px #000000; border-right: solid 1px #cccccc;
                           border-bottom: solid 1px #cccccc; border-left: solid 2px #000000;
                           background-color: #ffffff; }

.sendebutton             { height: 20px; padding-left:10px;
                           background-image: url(./images/bg/topic-blau-20.png); background-repeat:repeat;
                           color: #ffffff; border:0; font-weight: bold; font-size: 8.5pt; text-align: left;
                           cursor: pointer; }

.topicblau               { height: 20px;
                           background-image: url(./images/bg/topic-blau-20.png); background-repeat:repeat;
                           color: #ffffff; border:0; font-weight: bold; font-size: 8.5pt; text-align: left; }

.topicdunkelblau         { height: 20px;
                           background-image: url(./images/bg/topic-dunkelblau-20.png); background-repeat:repeat;
                           color: #ffffff; border:0; font-weight: bold; font-size: 8.5pt; text-align: left; }

.topicgruen              { height: 20px;
                           background-image: url(./images/bg/topic-gruen-20.png); background-repeat:repeat;
                           color: #ffffff; border:0; font-weight: bold; font-size: 8.5pt; text-align: left; }

.topicgelb               { height: 20px;
                           background-image: url(./images/bg/topic-gelb-20.png); background-repeat:repeat;
                           color: #ffffff; border:0; font-weight: bold; font-size: 8.5pt; text-align: left; }

.topicschriftstart       { font-weight: bold; font-size: 9pt; margin: 0px 10px 0px 10px; color:#ffffff; }

.headline18              { font-size:18pt; font-weight:bold; margin: 15px 0px 10px 13px; letter-spacing: -1px;}

.headline14              { font-size:14pt; font-weight:bold; margin: 17px 0px 12px 13px;}

.headline11              { font-size:11pt; font-weight:bold; margin: 17px 0px 12px 13px;}

.bildlinks               { float: left; }

.bildrechts              { float: right; }

.spacerlinie864          { width:864px; height:1px;
                           margin: 10px 0px 10px 0px;
                           border-top: 1px solid #327cae; }

  /* Tabellen */
.tabellenkopfblau        { height: 20px;
                           background-image: url(./images/bg/topic-tabelle-blau20.png); background-repeat:repeat;
                           color: #ffffff; border:0; font-weight: bold; font-size: 9pt; text-align: left; }

.tabellenzeile1          { background-color: #cde0ef; }

.tabellenzeile2          { background-color: #e5eef4; }


/* Header */

.header                  { position:absolute; left:0px; top:0px; width:864px; height:255px; }

.heftschau               { color:#ffffff;
                           position:absolute; left:0px; top:0px; width:136px; height:255px;}

.aktuell                 { background-image: url(./archiv/aktuell/aktuell.jpg);
                           background-repeat:no-repeat;
                           position: relative;
                           width: 122px;
                           height: 172px;
                           margin: 0px 6px 0px 8px; }

.superbanner             { color: #ffffff; border: 1px solid #808080;
                           position:absolute; left:135px; top:0px; width:728px; height:90px;
                           background-color: #00254d;
                           z-index:100; }

.skyscraper              { color: #ffffff; border: 1px solid #808080;
                           position:absolute; left:864px; top:91px; width:160px; height:600px;
                           background-color: #00254d;
                           z-index:100; }

.interstellarum          { background-image: url(./images/bg/is.png);
                           background-repeat: no-repeat;
                           position:absolute; left:136px; top:90px; width:500px; height:130px; }

.planetenansichten       { position:absolute;
                           left:634px;
                           top:100px;
                           width:230px;
                           height:130px;
                           font-size: 8.5pt;
                           color:#ffffff;
                           background-image: url(./images/bg/planetenbg.png);
                           background-repeat: repeat-x; }

  /* Hauptmenü Drop-Down */
.menu                    { background-image: url(./images/bg/menu-bg.png);
                           background-repeat: repeat-x;
                           position:absolute; left:137px; top:220px; width:728px; height:32px;
                           z-index:9999; }

.menu1                   { width: 83px; }
.menu2                   { width: 65px; }
.menu3                   { width: 74px; }
.menu4                   { width: 80px; }
.menu5                   { width: 101px; }
.menu6                   { width: 116px; }
.menu7                   { width: 110px; }
.menu8                   { width: 60px; }

.submenu                 { font-size: 9pt;
                           font-weight: bold;
                           width: 150px;
                           margin: 5px 10px 5px 10px; }


a.submenlnk:link         { text-decoration:none; color: #ffffff; }
a.submenlnk:visited      { text-decoration:none; color: #ffffff; }
a.submenlnk:active       { text-decoration:none; color: #ffffff; }
a.submenlnk:hover        { text-decoration:none; color: #faac39; }

.submenubg               { width: 170px;
                           background-image: url(./images/bg/submenubg.png);
                           background-repeat:repeat;
                           position:absolute; }

ul                       { padding: 0;
                           margin: 0;
                           list-style: none; }

li                       { width: 50px;
                           float: left;
                           position: relative; }

li ul                    { display: none;
                           position: absolute;
                           top: 35px;
                           left: 0; }

li > ul                  { top: auto;
                           left: auto; }

li:hover ul, li.over ul  { display: block; }

.trennmenucont           { position:absolute; left:0px; top:252px; width:864px; height:4px;
                           background-image: url(./images/bg/punkt-bg-blau.png);
                           background-repeat: repeat;
                           font-size: 2px;}

/* Inhalt */

.content                 { position:absolute; left:0px; top:255px; width:864px; height:500px;
                           background-image: url(./images/bg/bgcontent.png);
                           background-repeat: no-repeat;
                           background-color: #ffffff;
                           font-size:9pt;
                           color: #000000;
                           clear: both; }

.contentflow             { width:864px;
                           background-image: url(./images/bg/bgcontent.png);
                           background-repeat: no-repeat;
                           background-color: #ffffff; }

.contentstart            { position:absolute; left:0px; top:255px; width:864px; height:870px;
                           background-image: url(./images/bg/bgcontent.png);
                           background-repeat: no-repeat;
                           background-color: #ffffff;
                           font-size:9pt;
                           color: #000000;
                           clear: both; }

  /* Content Rotator */
.contentrotator          { position:relative; width:684px; height:192px; }

.produkte                { position:relative; width:684px; height:192px; }

  /* Forschung Startseite */
.forschungstart          { position:absolute; left:0px; top:192px; width:228px; height:231px;
                           background-image: url(./images/bg/bgshop.png);
                           background-repeat:no-repeat;
                           background-color: #ffffff;
                           display:inline;
                           float: left; }

  /* Produkt Startseite */
.produktstart            { position:absolute; left:229px; top:192px; width:228px; height:231px;
                           background-image: url(./images/bg/bgshop.png);
                           background-repeat:no-repeat;
                           background-color: #ffffff;
                           display:inline;
                           float: left; }

  /* Bild des Tages Startseite */
.tagesbildstart          { position:absolute; left:458px; top:192px; width:226px; height:231px;
                           background-image: url(./images/bg/bgshop.png);
                           background-repeat:no-repeat;
                           background-color: #ffffff;
                           display:inline;
                           float: left; }

.sonnestart             { position:absolute; left:0px; top:421px; width:228px; height:231px;
                           background-image: url(./images/bg/bgshop.png);
                           background-repeat:no-repeat;
                           background-color: #ffffff;
                           display:inline;
                           float: left; }

.planetenstart          { position:absolute; left:229px; top:421px; width:228px; height:231px;
                           background-image: url(./images/bg/bgshop.png);
                           background-repeat:no-repeat;
                           background-color: #ffffff;
                           display:inline;
                           float: left; }

.kometenstart           { position:absolute; left:458px; top:421px; width:226px; height:231px;
                           background-image: url(./images/bg/bgshop.png);
                           background-repeat:no-repeat;
                           background-color: #ffffff;
                           display:inline;
                           float: left; }

.halphastart             { position:absolute; left:0px; top:421px; width:341px; height:200px;
                           background-image: url(./images/bg/bgshop.png);
                           background-repeat:repeat-x;
                           background-color: #ffffff;
                           display:inline;
                           float: left; }

.terminestart            { position:absolute; left:343px; top:652px; width:341px; height:200px;
                           background-image: url(./images/bg/bgshop.png);
                           background-repeat:repeat-x;
                           background-color: #ffffff;
                           display:inline;
                           float: left; }

.odsstart                { position:absolute; left:0px; top:652px; width:341px; height:200px;
                           background-image: url(./images/bg/bgshop.png);
                           background-repeat:repeat-x;
                           background-color: #ffffff;
                           display:inline;
                           float: left; }

.firstlightstart         { position:absolute; left:343px; top:621px; width:341px; height:200px;
                           background-image: url(./images/bg/bgshop.png);
                           background-repeat:repeat-x;
                           background-color: #ffffff;
                           display:inline;
                           float: left; }

.videostart              { position:absolute; left:0px; top:192px; width:457px; height:231px;
                           background-image: url(./images/bg/bgshop.png);
                           background-repeat:repeat-x;
                           background-color: #ffffff;
                           display:inline;
                           float: left; }


/* rechte Kästen */
  /* Bereichshintergrund */
.kastenrechtsbg          { position:absolute; left: 684px; top:0px; width:180px; height:400px;
                           background-image: url(./images/bg/kaestenrechts_bg.png);
                           background-repeat: no-repeat; }


  /* Hintergrund Überschrift */
.kastenrechtstopic       { width:180px; height:20px;
                           background-image: url(./images/bg/punkt-bg-blau.png);
                           background-repeat: repeat; }

.kastenrechtslnktxt      { color:#00569b; margin: 5px 5px 5px 5px; width:170px; text-transform:uppercase; }

.kastenrechtslnk         { margin: 5px 5px 5px 5px; width:170px; }

  /* Newsletteranmeldung */
.newsletteranmeldung     { position:absolute; left: 684px; top:0px; width:180px; height:150px;
                           font-size: 9pt;}

.sternhimmel             { position:absolute; left: 684px; top:192px; width:180px; height:200px;
                            }

.aktuelleereignisse      { position:absolute; left: 684px; top:392px; width:180px; height:392px;
                            }


/* Onlineshop */
.bildeinzelheft          { float: left;
                           margin:0px 5px 0px 12px; }

.texteinzelheft          { font-size:9pt; margin-right: 8px; }

.bestellleiste           { width:268px; height:32px; background-color:#9fbfd8; clear:both; margin-left:12px; }

.randobenshop            { width:263px; font-size:5px; }

.auswahl                 { width:140px; font-size:9pt; margin:0px 0px 0px 5px; float:left; }

.preis                   { width:90px; font-size:11pt; display: inline; float:right; }



/* Footer */
.footerstart             { position:absolute; left:0px; top:850px; width:864px; height:20px;
                           background-color: #ffffff;
                           border-top: 1px solid #327cae; }

.footerinnenstart        { margin: 5px 10px 5px 10px;
                           color: #000000;
                           font-size: 8pt; }

.footerinlinestart       { margin: 5px 10px 5px 10px; }
a.footerinlinestart:link                   { text-decoration:none; color: #000000; }
a.footerinlinestart:visited                { text-decoration:none; color: #000000; }
a.footerinlinestart:active                 { text-decoration:none; color: #000000; }
a.footerinlinestart:hover                  { text-decoration:none; color: #327cae; }


.footer                  { width:864px; height:25px;
                           background-color: #ffffff;
                           border-top: 1px solid #327cae; }

.footerinnen             { margin: 5px 10px 5px 10px;
                           color: #000000;
                           font-size: 8pt; }

.footerinline            { margin: 5px 10px 5px 10px; }
a.footerinline:link                   { text-decoration:none; color: #000000; }
a.footerinline:visited                { text-decoration:none; color: #000000; }
a.footerinline:active                 { text-decoration:none; color: #000000; }
a.footerinline:hover                  { text-decoration:none; color: #327cae; }


.zoombild                { float: left; }

.zoombuttonlinks         { margin-top: -20px; float: left; z-index:1000; }

.zoombuttonrechts        { margin-top: -20px; float: right; z-index:1000; }

.bildlinks               { float: left; margin-right:10px; margin-bottom:10px; }

.bildrechts              { float: right; margin-left:10px; margin-bottom:10px;}

a.tooltip                { text-decoration:none;
                           cursor:pointer;
                         }

.tooltip div.info        { display:none;
                           width: 170px;
                           background-image: url(./images/bg/submenubg.png);
                           background-repeat:repeat;
                           color:#ffffff;
                           padding: 5px;
                           position: absolute;
                           top:0px; right:0px;
                         }

.tooltip:hover div.info  { display:block;
                         }
