* { margin:0px; padding:0px; border:0px; font-family: "Trebuchet MS", "Trebuchet MS", sans-serif; text-decoration:none; } body { background-image:url(Bilder/Sternenhimmel.gif);} div.Ueberschrift { position:absolute; top:20px; left:80px; } img.Spruch { position:absolute; top:360px; left:380px; } div.Sonne a { width:595px; height:415px; position:absolute; top:0%; left:0%; background-image:url(Bilder/Sonne_Link.png); } div.Erde a { width:170px; height:240px; position:absolute; top:2%; left:55%; background-image:url(Bilder/Erde.gif); } div.Merkur a { width:140px; height:185px; position:absolute; top:50%; left:3%; } div.Mars a { width:165px; height:195px; position:absolute; bottom:10%; left:35%; } div.Jupiter a { width:255px; height:325px; position:absolute; top:25%; right:5%; } div.Saturn a { width:440px; height:260px; position:absolute; bottom:1%; right:1%; } div.Menue { width:150px; height:800px; position:fixed; top:10px; right:0; } div.Menue ul li { list-style-type:none; } div.Menue a { background-repeat:no-repeat; display:block; width:150px; height:135px; } /* -------- STARTSEITE -------- */ div.Sonne a:link { background-image:url(Bilder/Sonne_Link.png); } div.Sonne a:visited { background-image:url(Bilder/Sonne_Link.png); } div.Sonne a:focus { background-position: 0 -415px; } div.Sonne a:hover { background-position: 0 -415px; } div.Sonne a:active { background-position: 0 -415px; } div.Erde a:link { background-image:url(Bilder/Erde.gif); } div.Erde a:visited { background-image:url(Bilder/Erde.gif); } div.Erde a:focus { background-position: 0 -240px; } div.Erde a:hover { background-position: 0 -240px; } div.Erde a:active { background-position: 0 -240px; } div.Merkur a:link { background-image:url(Bilder/Merkur.gif); } div.Merkur a:visited { background-image:url(Bilder/Merkur.gif); } div.Merkur a:focus { background-position: 0 -185px; } div.Merkur a:hover { background-position: 0 -185px; } div.Merkur a:active { background-position: 0 -185px; } div.Mars a:link { background-image:url(Bilder/Mars.gif); } div.Mars a:visited { background-image:url(Bilder/Mars.gif); } div.Mars a:focus { background-position: 0 -195px; } div.Mars a:hover { background-position: 0 -195px; } div.Mars a:active { background-position: 0 -195px; } div.Jupiter a:link { background-image:url(Bilder/Jupiter.gif); } div.Jupiter a:visited { background-image:url(Bilder/Jupiter.gif); } div.Jupiter a:focus { background-position: 0 -325px; } div.Jupiter a:hover { background-position: 0 -325px; } div.Jupiter a:active { background-position: 0 -325px; } div.Saturn a:link { background-image:url(Bilder/Saturn.gif); } div.Saturn a:visited { background-image:url(Bilder/Saturn.gif); } div.Saturn a:focus { background-position: 0 -260px; } div.Saturn a:hover { background-position: 0 -260px; } div.Saturn a:active { background-position: 0 -260px; } /* -------- MENÜ NORMAL -------- */ div.Menue ul li.Start a:link { background-image:url(Bilder/Links/Start.gif); } div.Menue ul li.Start a:visited { background-image:url(Bilder/Links/Start.gif); } div.Menue ul li.Start a:focus { background-position: 0 -135px; } div.Menue ul li.Start a:hover { background-position: 0 -135px; } div.Menue ul li.Start a:active { background-position: 0 -270px; } div.Menue ul li.Person a:link { background-image:url(Bilder/Links/Person.gif); } div.Menue ul li.Person a:visited { background-image:url(Bilder/Links/Person.gif); } div.Menue ul li.Person a:focus { background-position: 0 -135px; } div.Menue ul li.Person a:hover { background-position: 0 -135px; } div.Menue ul li.Person a:active { background-position: 0 -270px; } div.Menue ul li.Entdeckungen a:link { background-image:url(Bilder/Links/Entdeckungen.gif); } div.Menue ul li.Entdeckungen a:visited { background-image:url(Bilder/Links/Entdeckungen.gif); } div.Menue ul li.Entdeckungen a:focus { background-position: 0 -135px; } div.Menue ul li.Entdeckungen a:hover { background-position: 0 -135px; } div.Menue ul li.Entdeckungen a:active { background-position: 0 -270px; } div.Menue ul li.Kirche a:link { background-image:url(Bilder/Links/Kirche.gif); } div.Menue ul li.Kirche a:visited { background-image:url(Bilder/Links/Kirche.gif); } div.Menue ul li.Kirche a:focus { background-position: 0 -135px; } div.Menue ul li.Kirche a:hover { background-position: 0 -135px; } div.Menue ul li.Kirche a:active { background-position: 0 -270px; } div.Menue ul li.heute a:link { background-image:url(Bilder/Links/heute.gif); } div.Menue ul li.heute a:visited { background-image:url(Bilder/Links/heute.gif); } div.Menue ul li.heute a:focus { background-position: 0 -135px; } div.Menue ul li.heute a:hover { background-position: 0 -135px; } div.Menue ul li.heute a:active { background-position: 0 -270px; } div.Menue ul li.Impressum a:link { background-image:url(Bilder/Links/Impressum.gif); } div.Menue ul li.Impressum a:visited { background-image:url(Bilder/Links/Impressum.gif); } div.Menue ul li.Impressum a:focus { background-position: 0 -135px; } div.Menue ul li.Impressum a:hover { background-position: 0 -135px; } div.Menue ul li.Impressum a:active { background-position: 0 -270px; } #aktiv a { background-position: 0 -270px; } /* -------- DIE TRANSPARENTE BOX -------- */ div.boxlo, div.boxmo, div.boxro, div.boxlu, div.boxmu, div.boxru { height:20px; } div.boxlo, div.boxro, div.boxlu, div.boxru { width:20px; } div.boxlo { float:left; background-image:url(Bilder/Box/Ecke_lo.png);} div.boxro, div.boxru { float:right; } div.boxlu { float:left; background-image:url(Bilder/Box/Ecke_lu.png); } div.boxro { background-image:url(Bilder/Box/Ecke_ro.png); margin-right:150px; } div.boxru { background-image:url(Bilder/Box/Ecke_ru.png); margin-right:150px; } div.boxmo, div.boxmu { background-image:url(Bilder/Box/Kachel.png); margin: 0 170px 0 20px; } div.box_gesamt { margin:105px 25px 0 25px; min-width:750px; } div.boxmm { min-height:650px; margin-right:150px; background-image:url(Bilder/Box/Kachel.png); overflow:hidden; } div.boxmm ul.UMenue li { float:left; list-style-type:none; margin-top:0px; margin-left:25px; } div.boxmm ul.UMenue li.Abstand1 { margin-left:10px; } div.boxmm ul.UMenue li.Abstand2 { margin-left:25px; } div.boxmm ul.UMenue li.Abstand3 { margin-left:-20px; } div.boxmm ul.UMenue li.Abstand4 { margin-left:-55px; } div.boxmm ul.UMenue li.Abstand5 { margin-left:-90px; } div.boxmm ul.UMenue li a { display:block; width:230px; height:40px; background-repeat:no-repeat; } div.boxmm ul.UMenue li a.lang { width:300px; } div.Bild_li, div.Bild_li_mit { margin:0 50px 30px 50px; float:left; } div.Bild_li img , div.Bild_li_mit img { max-height:100%; max-width:100%; width:auto; height:auto; } div.Bild_li {padding-top:55px; } div.Bild_li_mit {padding-top:15px; } /* -------- UNTERMENÜ -------- */ div.boxmm ul li.Jupiter a:link { background-image:url(Bilder/Links/Monde.gif); } div.boxmm ul li.Jupiter a:visited { background-image:url(Bilder/Links/Monde.gif); } div.boxmm ul li.Jupiter a:focus { background-position: 0 -40px; } div.boxmm ul li.Jupiter a:hover { background-position: 0 -40px; } div.boxmm ul li.Jupiter a:active { background-position: 0 -80px; } div.boxmm ul li.Fernrohr a:link { background-image:url(Bilder/Links/Fernrohr.gif); } div.boxmm ul li.Fernrohr a:visited { background-image:url(Bilder/Links/Fernrohr.gif); } div.boxmm ul li.Fernrohr a:focus { background-position: 0 -40px; } div.boxmm ul li.Fernrohr a:hover { background-position: 0 -40px; } div.boxmm ul li.Fernrohr a:active { background-position: 0 -80px; } div.boxmm ul li.Venusphasen a:link { background-image:url(Bilder/Links/Phasen.gif); } div.boxmm ul li.Venusphasen a:visited { background-image:url(Bilder/Links/Phasen.gif); } div.boxmm ul li.Venusphasen a:focus { background-position: 0 -40px; } div.boxmm ul li.Venusphasen a:hover { background-position: 0 -40px; } div.boxmm ul li.Venusphasen a:active { background-position: 0 -80px; } div.boxmm ul li.Zeichnungen a:link { background-image:url(Bilder/Links/Zeichnungen.gif); } div.boxmm ul li.Zeichnungen a:visited { background-image:url(Bilder/Links/Zeichnungen.gif); } div.boxmm ul li.Zeichnungen a:focus { background-position: 0 -40px; } div.boxmm ul li.Zeichnungen a:hover { background-position: 0 -40px; } div.boxmm ul li.Zeichnungen a:active { background-position: 0 -80px; } div.boxmm ul li.Prozess a:link { background-image:url(Bilder/Links/Prozess.gif); } div.boxmm ul li.Prozess a:visited { background-image:url(Bilder/Links/Prozess.gif); } div.boxmm ul li.Prozess a:focus { background-position: 0 -40px; } div.boxmm ul li.Prozess a:hover { background-position: 0 -40px; } div.boxmm ul li.Prozess a:active { background-position: 0 -80px; } div.boxmm ul li.Unterschied a:link { background-image:url(Bilder/Links/Unterschied.gif); } div.boxmm ul li.Unterschied a:visited { background-image:url(Bilder/Links/Unterschied.gif); } div.boxmm ul li.Unterschied a:focus { background-position: 0 -40px; } div.boxmm ul li.Unterschied a:hover { background-position: 0 -40px; } div.boxmm ul li.Unterschied a:active { background-position: 0 -80px; } div.boxmm ul li.Quellen a:link { background-image:url(Bilder/Links/Quellen.gif); } div.boxmm ul li.Quellen a:visited { background-image:url(Bilder/Links/Quellen.gif); } div.boxmm ul li.Quellen a:focus { background-position: 0 -40px; } div.boxmm ul li.Quellen a:hover { background-position: 0 -40px; } div.boxmm ul li.Quellen a:active { background-position: 0 -80px; } div.boxmm ul li.Kontakt a:link { background-image:url(Bilder/Links/Kontakt.gif); } div.boxmm ul li.Kontakt a:visited { background-image:url(Bilder/Links/Kontakt.gif); } div.boxmm ul li.Kontakt a:focus { background-position: 0 -40px; } div.boxmm ul li.Kontakt a:hover { background-position: 0 -40px; } div.boxmm ul li.Kontakt a:active { background-position: 0 -80px; } #Uaktiv a { background-position: 0 -80px; } div.Text, div.Text_mit { margin:0 50px; color:#fff; font-size:15px; line-height:140%; } div.Text { padding-top:47px; } div.Text_mit { padding-top:7px; } div.Text p.weiter, div.Text_mit p.weiter { text-align:right; } div.Text a:link, div.Text_mit a:link { color:#ff8a4d; } div.Text a:visited, div.Text_mit a:visited { color:#ff8a4d; } div.Text a:focus, div.Text_mit a:focus { color:#fff; text-decoration:underline; } div.Text a:hover, div.Text_mit a:hover { color:#fff; text-decoration:underline; } div.Text a:active, div.Text_mit a:active { color:#ff8a4d; text-decoration:underline; } h2 { line-height:160%} div.MondeDIV img.durchsichtig { float:left; margin-right:20px; }