@charset "ISO-8859-1";
body { margin:0px; padding:0px 5px 5px 5px; font:small-caps bold 14px/16px 'Times New Roman',Times,serif; word-spacing:4px; color:rgb(0%,0%,0%); background-color:rgb(0%,0%,0%) }
.fenster { min-width:960px; max-width:1600px; margin:0px auto }
.kopfbereich { height:180px; background-repeat:no-repeat; background-position:center top; background-image:url(grafik/himmel.jpg) }
.kopfbereich-links { width:200px; height:180px; float:left; background-image:url(grafik/flaschennische.jpg) }
.kopfbereich-rechts { width:200px; height:180px; float:right; background-image:url(grafik/figurentafel.jpg) }
.kopfbereich-links-innen { width:80px; height:180px; float:left; background-image:url(grafik/holztafel-links.jpg) }
.kopfbereich-rechts-innen { width:80px; height:180px; float:right; background-image:url(grafik/holztafel-rechts.jpg) }
.zentralbereich { clear:both; position:relative }
.zentralbereich-unten-links { width:200px; height:60px; position:absolute; bottom:0px; left:0px; text-align:center; background-image:url(grafik/steintafel-links.jpg) }
.zentralbereich-unten-rechts { width:200px; height:60px; position:absolute; bottom:0px; right:0px; background-image:url(grafik/steintafel-rechts.jpg) }
.zentralbereich-hintergrund-links { background-position:left top; background-repeat:no-repeat; background-image:url(grafik/steinbogen-links.jpg) }
.zentralbereich-hintergrund-rechts { padding-right:200px; margin:0px 0px 0px 200px; background-position:right top; background-repeat:no-repeat; background-image:url(grafik/steinbogen-rechts.jpg) }
.zentralbereich-links { width:200px; float:left }
.zentralbereich-rechts { width:200px; float:right }
.navigationstafel-links { width:161px; height:33px; margin:0px auto 10px auto; font-size:140%; line-height:160%; text-align:center; background-image:url(grafik/schalter-links.jpg) }
.navigationstafel-rechts { width:161px; height:33px; margin:0px auto 10px auto; font-size:140%; line-height:160%; text-align:center; background-image:url(grafik/schalter-rechts.jpg) }
.zentralbereich-mittig { overflow:hidden }
.rahmen-oben { height:40px; background-image:url(grafik/spitzbogen-rand-oben.gif) }
.rahmen-oben-links { width:40px; height:40px; float:left; background-image:url(grafik/spitzbogen-ecke-oben-links.gif) }
.rahmen-oben-rechts { width:40px; height:40px; float:right; background-image:url(grafik/spitzbogen-ecke-oben-rechts.gif) }
.rahmen-oben-links-innen { width:77px; height:40px; float:left; background-image:url(grafik/spitzbogen-innen-oben-links.gif) }
.rahmen-oben-rechts-innen { width:77px; height:40px; float:right; background-image:url(grafik/spitzbogen-innen-oben-rechts.gif) }
.rahmen-links { position:relative; background-position:left center; background-repeat:repeat-y; background-image:url(grafik/spitzbogen-rand-links.gif) }
.rahmen-links-oben-innen { width:40px; height:77px; position:absolute; top:0px; left:0px; background-image:url(grafik/spitzbogen-innen-links-oben.gif) }
.rahmen-links-unten-innen { width:40px; height:77px; position:absolute; bottom:0px; left:0px; background-image:url(grafik/spitzbogen-innen-links-unten.gif) }
.rahmen-rechts { margin:0px 0px 0px 40px; position:relative; background-position:right center; background-repeat:repeat-y; background-image:url(grafik/spitzbogen-rand-rechts.gif) }
.rahmen-rechts-oben-innen { width:40px; height:77px; position:absolute; top:0px; right:0px; background-image:url(grafik/spitzbogen-innen-rechts-oben.gif) }
.rahmen-rechts-unten-innen { width:40px; height:77px; position:absolute; bottom:0px; right:0px; background-image:url(grafik/spitzbogen-innen-rechts-unten.gif) }
.rahmen-unten { height:40px; background-image:url(grafik/spitzbogen-rand-unten.gif) }
.rahmen-unten-links { width:40px; height:40px; float:left; background-image:url(grafik/spitzbogen-ecke-unten-links.gif) }
.rahmen-unten-rechts { width:40px; height:40px; float:right; background-image:url(grafik/spitzbogen-ecke-unten-rechts.gif) }
.rahmen-unten-links-innen { width:77px; height:40px; float:left; background-image:url(grafik/spitzbogen-innen-unten-links.gif) }
.rahmen-unten-rechts-innen { width:77px; height:40px; float:right; background-image:url(grafik/spitzbogen-innen-unten-rechts.gif) }
.anzeigetafel { min-height:360px; margin:0px 40px 0px 0px; position:relative; overflow:hidden; color:rgb(35%,35%,35%) } /* Mindestbreite: 480 px */

span.ligatur { position:relative; left:-0.14em; font-size:80%; line-height:80% } /* Formatiert das Z in einer manuell gesetzten SZ-Ligatur */
span.minuten { font-size:70%; vertical-align:20%; text-decoration:underline } /* Formatiert die Minutenzahl einer Uhrzeit */
span.ordinalsuffix { font-size:70%; vertical-align:20% } /* Formatiert das Suffix einer englischen Ordinalzahl */

h1 { margin:20px 24px; font-size:140%; line-height:140%; word-spacing:6px; text-align:center; text-decoration:underline }
p.standard { margin:10px 24px; font-size:120%; line-height:120%; word-spacing:5px; text-align:justify }
.standard.rot:first-letter { font-size:120%; color:rgb(40%,0%,0%) }
p.extra { padding:5px 24px; background-color:rgb(5%,5%,5%) }
p.unterpunkt { margin:5px 24px; text-align:justify; color:rgb(25%,25%,25%) }
p.zusatz { margin:10px 24px; text-align:justify; color:rgb(25%,25%,25%) }
p.anmerkung { margin:10px 24px; text-align:justify; color:rgb(20%,20%,20%) }
ul { margin:10px 24px; list-style:url(grafik/sonnensymbol.gif) }
li { font-size:120%; line-height:120%; word-spacing:5px; text-align:justify }
div.flaggenrahmen { margin:20px 24px; text-align:center }
div.tabelle { margin:10px 24px; padding:2px 0px; font-size:120%; line-height:120%; word-spacing:5px; color:rgb(40%,40%,40%) }
div.tabellentitel { margin:0px 0px 5px 0px; color:rgb(50%,50%,50%) }
.tabellentitel:first-letter { font-size:120% }
div.albumvorschau { width:200px; height:200px; float:right; border:solid 1px rgb(20%,20%,20%); background-image:url(grafik/alchimie.jpg) }
div.trennleiste { margin:-14px 24px 10px 24px; overflow:hidden; font-size:140%; color:rgb(20%,0%,0%) }
div.anschrift { height:51px; margin:0px 23px; background-repeat:no-repeat; background-image:url(grafik/anschrift.gif) }
span.e-mail-adresse { width:194px; height:15px; margin:6px 0px; background-image:url(grafik/e-mail-adresse.gif) }
div.bild-marius { width:432px; height:322px; margin:20px auto 10px auto; background-color:rgb(5%,5%,5%); background-image:url(grafik/marius.jpg) }
div.bild-instrumente { width:265px; height:251px; margin:30px auto 20px auto; background-color:rgb(5%,5%,5%); background-image:url(grafik/instrumente.jpg) }
div.bild-zeichenkreis { width:244px; height:228px; margin:30px auto 20px auto; background-color:rgb(5%,5%,5%); background-image:url(grafik/zeichenkreis.jpg) }
span.paragraph { border-bottom:solid 1px rgb(20%,0%,0%) }
span.laengenangabe { font-size:80%; line-height:80%; color:rgb(25%,25%,25%) }
span.listenpunkt { vertical-align:30% }
span.informationsfeld { cursor:help; color:rgb(45%,45%,45%) }
span.zahlenreihe { letter-spacing:0.1em }
div.zeitangabe { margin:10px 24px; text-align:right }
span.zeichen { width:22px; height:22px; margin:6px 0px 0px 10px; float:right; background-image:url(grafik/sonnensymbol.gif) }
span.unterschrift { color:rgb(50%,50%,50%) }
hr.standard { height:2px; margin:0px 24px; border:none; background-color:rgb(20%,20%,20%) }
.rechts { float:right }
.links { float:left }

a.navigationsverweis-links { width:160px; height:32px; display:block; overflow:hidden; text-decoration:none; color:rgb(0%,0%,0%) }
a.navigationsverweis-links:focus { background-image:url(grafik/schalter-leuchtend-links.jpg) }
a.navigationsverweis-links:hover { background-image:url(grafik/schalter-leuchtend-links.jpg) }
a.navigationsverweis-rechts { width:160px; height:32px; display:block; text-decoration:none; color:rgb(0%,0%,0%) }
a.navigationsverweis-rechts:focus { background-image:url(grafik/schalter-leuchtend-rechts.jpg) }
a.navigationsverweis-rechts:hover { background-image:url(grafik/schalter-leuchtend-rechts.jpg) }
a.lesezeichen { float:left; color:rgb(20%,20%,20%) }
a.lesezeichen:focus { color:rgb(30%,30%,30%) }
a.lesezeichen:hover { color:rgb(30%,30%,30%) }
a.schalter { padding:0px 0px 2px 0px; color:rgb(40%,0%,0%); text-decoration:none }
a.schalter:focus { color:rgb(60%,0%,0%); background-color:rgb(15%,5%,5%) }
a.schalter:hover { color:rgb(60%,0%,0%); background-color:rgb(15%,5%,5%) }
a.textverweis { color:rgb(40%,0%,0%) }
a.textverweis:focus { color:rgb(60%,0%,0%) }
a.textverweis:hover { color:rgb(60%,0%,0%) }
a.textverweis-extern { text-decoration:none; color:rgb(0%,0%,40%) }
a.textverweis-extern:focus { color:rgb(0%,0%,60%) }
a.textverweis-extern:hover { color:rgb(0%,0%,60%) }
a.audioverweis { font-size:80%; line-height:80%; color:rgb(0%,45%,9%) }
a.sprachenverweis { width:21px; height:14px; display:inline-block; text-decoration:none; border:solid 1px rgb(20%,20%,20%) }
.sprachenverweis.de { background-image:url(grafik/flagge-de.gif) }
.sprachenverweis.en { background-image:url(grafik/flagge-en.gif) }
a.flagge { margin:20px; display:inline-block; vertical-align:middle }
.flagge.de { width:226px; height:140px; background-image:url(grafik/flagge-de.jpg) }
.flagge.en { width:247px; height:128px; background-image:url(grafik/flagge-en.jpg) }

/* Bestellung, Kontakt und Gästebuch */
form { width:480px; margin:10px auto }
hr.formular { width:432px; margin:20px auto }
input.hoch { position:relative; top:-1.1ex }
span.auswahlpunkt { vertical-align:15% }
div.eingabebereich { margin:10px 24px; background-color:rgb(5%,5%,5%) }
div.hervorgehoben { margin:0px 0px 0px 30px; padding:0px 0px 2px 0px; background-color:rgb(5%,5%,5%) }
div.ergaenzung { margin:3px 3px 0px 3px; padding:0px 0px 2px 0px }
div.hinweisfeld { width:431px; margin:10px 24px; padding:0px 2px 2px 2px }
.hinweisfeld.rot { color:rgb(60%,0%,0%); border:solid 1px rgb(60%,0%,0%); background-color:rgb(15%,5%,5%) }
.hinweisfeld.gruen { color:rgb(0%,60%,0%); border:solid 1px rgb(0%,60%,0%); background-color:rgb(5%,15%,5%) }
div.filter { width:272px; height:100px; margin:10px 24px; padding:0px 0px 0px 160px; background-color:rgb(5%,5%,5%); background-repeat:no-repeat; background-image:url(grafik/steinschild.jpg) }
div.spaltenblock-links { margin:0px 24px 0px 0px; display:inline-block }
div.spaltenblock-rechts { display:inline-block }
div.reihenblock { margin:0px 12px; display:inline-block; text-align:right }
div.reihenblock-zeile { height:20px; margin:2px 0px }
div.bedienleiste { padding:0px 0px 3px 0px; text-align:center }
span.schalter.inaktiv { color:rgb(10%,10%,10%) }
div.eintrag { margin:20px 24px; font-variant:normal; text-align:center; border:solid 3px rgb(15%,15%,15%); background-image:url(grafik/gaestebuch/buchseite.jpg) }
div.eintrag-hintergrund { overflow:hidden; background-position:right top; background-repeat:repeat-y; background-image:url(grafik/gaestebuch/steinrand.jpg) }
div.eintrag-rechts { width:125px; margin:2px 2px 2px 11px; padding:10px 4px; float:right; overflow:hidden; color:rgb(72%,60%,48%); border:solid 2px rgb(10%,10%,10%); background-image:url(grafik/gaestebuch/steinplatte.jpg) }
div.eintrag-links { margin:0px 125px 0px 0px; overflow:hidden }
p.trennzeichen-extra { height:29px; margin:4px; padding:10px 0px 0px 0px; color:rgb(10%,10%,10%); color:rgb(72%,60%,48%); border:solid 2px rgb(15%,15%,15%); background-image:url(grafik/gaestebuch/steinplatte.jpg) }
p.trennzeichen { width:45px; height:43px; margin:4px auto 4px auto; background-image:url(grafik/gaestebuch/raute.gif) }
p.ueberschrift { margin:4px 24px 10px 24px; color:rgb(25%,25%,25%) }
p.nachricht { margin:10px 24px 14px 24px; color:rgb(10%,10%,10%) }
hr.eintrag { margin:2px 0px 4px 0px; border:none; background-color:rgb(10%,10%,10%) }
div.vorschau { width:410px; height:205px; margin:20px auto 20px auto; background-image:url(grafik/gaestebuch/vorschau.jpg) }
div.bild-0 { }
div.bild-2 { width:94px; height:128px; margin:0px auto 10px auto; background-image:url(grafik/gaestebuch/schwan.gif) }
div.bild-3 { width:77px; height:97px; margin:0px auto 10px auto; background-image:url(grafik/gaestebuch/fisch.gif) }
div.bild-4 { width:85px; height:130px; margin:0px auto 10px auto; background-image:url(grafik/gaestebuch/basilisk.gif) }
div.bild-6 { width:111px; height:126px; margin:0px auto 10px auto; background-image:url(grafik/gaestebuch/baum.gif) }
div.bild-7 { width:79px; height:117px; margin:0px auto 10px auto; background-image:url(grafik/gaestebuch/waechter.gif) }
div.bild-8 { width:101px; height:128px; margin:0px auto 10px auto; background-image:url(grafik/gaestebuch/eber.gif) }
div.bild-9 { width:93px; height:110px; margin:0px auto 10px auto; background-image:url(grafik/gaestebuch/vogel.gif) }
div.bild-11 { width:68px; height:119px; margin:0px auto 10px auto; background-image:url(grafik/gaestebuch/jungfrau.gif) }
div.bild-12 { width:60px; height:130px; margin:0px auto 10px auto; background-image:url(grafik/gaestebuch/salamander.gif) }
span.stempel { margin:0px 2px 0px 1px; display:inline-block; vertical-align:middle; cursor:help }
.stempel.wohnort { width:21px; height:19px; background-image:url(grafik/gaestebuch/symbol-wohnort.gif) }
.stempel.homepage { width:19px; height:20px; background-image:url(grafik/gaestebuch/symbol-homepage.gif) }
.stempel.e-mail { width:17px; height:14px; background-image:url(grafik/gaestebuch/symbol-e-mail.gif) }
.stempel.aim { width:18px; height:9px; background-image:url(grafik/gaestebuch/symbol-aim.gif) }
.stempel.icq { width:18px; height:9px; background-image:url(grafik/gaestebuch/symbol-icq.gif) }
.stempel.jab { width:19px; height:9px; background-image:url(grafik/gaestebuch/symbol-jab.gif) }
.stempel.sky { width:20px; height:9px; background-image:url(grafik/gaestebuch/symbol-sky.gif) }
.stempel.wlm { width:24px; height:9px; background-image:url(grafik/gaestebuch/symbol-wlm.gif) }
.stempel.yah { width:20px; height:9px; background-image:url(grafik/gaestebuch/symbol-yah.gif) }
span.edelstein-eckig { width:21px; height:21px; vertical-align:-35%; display:inline-block }
.edelstein-eckig.blau { background-image:url(grafik/gaestebuch/edelstein-eckig-blau.gif) }
.edelstein-eckig.gelb { background-image:url(grafik/gaestebuch/edelstein-eckig-gelb.gif) }
.edelstein-eckig.grau { background-image:url(grafik/gaestebuch/edelstein-eckig-grau.gif) }
.edelstein-eckig.gruen { background-image:url(grafik/gaestebuch/edelstein-eckig-gruen.gif) }
.edelstein-eckig.rot { background-image:url(grafik/gaestebuch/edelstein-eckig-rot.gif) }
.edelstein-eckig.schwarz { background-image:url(grafik/gaestebuch/edelstein-eckig-schwarz.gif) }
.edelstein-eckig.violett { background-image:url(grafik/gaestebuch/edelstein-eckig-violett.gif) }
span.edelstein-rund { width:12px; height:11px; vertical-align:-10%; display:inline-block }
.edelstein-rund.blau { background-image:url(grafik/gaestebuch/edelstein-rund-blau.gif) }
.edelstein-rund.gelb { background-image:url(grafik/gaestebuch/edelstein-rund-gelb.gif) }
.edelstein-rund.grau { background-image:url(grafik/gaestebuch/edelstein-rund-grau.gif) }
.edelstein-rund.gruen { background-image:url(grafik/gaestebuch/edelstein-rund-gruen.gif) }
.edelstein-rund.rot { background-image:url(grafik/gaestebuch/edelstein-rund-rot.gif) }
.edelstein-rund.schwarz { background-image:url(grafik/gaestebuch/edelstein-rund-schwarz.gif) }
.edelstein-rund.violett { background-image:url(grafik/gaestebuch/edelstein-rund-violett.gif) }
span.smiley { width:17px; height:16px; vertical-align:-25%; display:inline-block }
.smiley.entsetzt { background-image:url(grafik/gaestebuch/smiley-entsetzt.gif) }
.smiley.frech { background-image:url(grafik/gaestebuch/smiley-frech.gif) }
.smiley.gleichgueltig { background-image:url(grafik/gaestebuch/smiley-gleichgueltig.gif) }
.smiley.gluecklich { background-image:url(grafik/gaestebuch/smiley-gluecklich.gif) }
.smiley.kuessend { background-image:url(grafik/gaestebuch/smiley-kuessend.gif) }
.smiley.lachend { background-image:url(grafik/gaestebuch/smiley-lachend.gif) }
.smiley.laechelnd { background-image:url(grafik/gaestebuch/smiley-laechelnd.gif) }
.smiley.schlecht-drauf { background-image:url(grafik/gaestebuch/smiley-schlecht-drauf.gif) }
.smiley.skeptisch { background-image:url(grafik/gaestebuch/smiley-skeptisch.gif) }
.smiley.staunend { background-image:url(grafik/gaestebuch/smiley-staunend.gif) }
.smiley.verschmitzt { background-image:url(grafik/gaestebuch/smiley-verschmitzt.gif) }
.smiley.weinend { background-image:url(grafik/gaestebuch/smiley-weinend.gif) }
.smiley.wuetend { background-image:url(grafik/gaestebuch/smiley-wuetend.gif) }
.smiley.zwinkernd { background-image:url(grafik/gaestebuch/smiley-zwinkernd.gif) }