body          { color: #000; font-size: 100.01%; font-family: Verdana, Arial, sans-serif; background-color: #d3d3d3; text-align: center; margin: 0 }
#container                 { background: #f5f5f5 url(chemie/bilder/hintergrund.jpg); text-align: left; margin: 1em auto; padding: 1em; border: dashed 1px #808080; width: 48em }
div#navi              { font-size: 1em; float: left; width: 10em }
div#navi ul    { font-size: 0.8em; float: left; margin: 1.5em auto 0px auto; padding: 0px; width: 10em }
div#navi li           { list-style-type: none; margin: 0px 0px 2px; padding: 0px }
div#navi a          { font-weight: bold; text-align: left; display: block; border: solid 1px #787878; width: 100%; -moz-border-radius: 6px }
div#navi a:link, div#navi a:visited         { color: #fff; text-decoration: none; background-color: #daa520; padding: 0.3em }
div#navi a:link span, div#navi a:visited span  { color: #daa520 }
html>body div#navi li a   { width: auto }
div#navi a:hover      { color: #000; text-decoration: none; background-color: #fff8dc }
div#navi a:hover span    { color: black }
div#navi a:active     { color: #fff; background-color: #b8860b }
div#bild_zitat               { font-style: italic; font-size: 0.8em; line-height: 1.2em; background-color: #f5f5f5; float: left; margin-top: 3em; margin-right: auto; margin-left: auto; padding: 0.3em; border: solid 2px #8b0000; width: 10.5em; -moz-border-radius: 8px }
div#bild    { background-color: #fff8dc; float: left; margin-right: 2em; margin-left: 2em }
div#inhalt                 { color: #000; font-size: 0.8em; line-height: 1.5em; background-color: #fff8dc; text-align: left; margin-left: 13em; padding: 0.5em 1em 1em; border: dotted 1px #d3d3d3; -moz-border-radius: 2em }
h1  { color: #000; font-weight: bold; font-size: 1.5em; line-height: 1.2em; margin-top: 0.5em }
h2 { color: #000; font-weight: bold; font-size: 1.2em; line-height: 1.2em }
h3 { color: #000; font-weight: bold; font-size: 1em; line-height: 1.5em; text-decoration: underline }
h4 { color: #000; font-weight: bold; font-size: 1em; text-decoration: underline }
.fett  { font-weight: bold }
.klein { font-size: 0.85em }
.serviceli   { font-size: 1.1em; background-color: #f0e68c; float: none; margin: 1em 1em 2em 3em; padding: 0.5em; border: dotted 1px #a9a9a9; width: 30em; -moz-border-radius: 1em }
div.serviceli a { font-weight: bold }
p.serviceli a { font-weight: bold }
.center { text-align: center }
h5 { color: #000; font-weight: bold; font-size: 1em }
* html div#inhalt { heigth: 1em; }
div#navi li a .pop  { display: none; top: 0 }
div#navi li a:hover span.pop   { color: #696969; font-weight: normal; font-size: 0.9em; text-decoration: none; background-color: #fff; display: block; padding: 5px; border: solid 1px #000; position: absolute; top: 0px; left: 150px; width: 200px }
div#navi li a:hover { position: relative }
div#center   { text-align: center }
a:link  { color: #33c; text-decoration: none }
a:visited     { color: #33c; text-decoration: none }
a:hover  { color: #c00; text-decoration: underline }
a:active  { color: #c30; text-decoration: none }
.aufgabe  { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif }
.antwbox a      { color: #ffffff; font: bold 1em verdana, sans-serif; text-decoration: none; background-color: #daa520; display: block; padding: 2px; border: solid 1px black; width: 60px }
.antwbox a:visited { color: #ffffff; font: bold 1em verdana, sans-serif; text-decoration: none; background-color: #daa520; display: block; padding: 2px; border: solid 1px black; width: 60px }
.antwbox a:hover  { color: black; background-color: #f0e68c; width: 120px }
.antwbox a span   { display: none }
.antwbox a:hover span     { color: black; font: 0.9em verdana, courier, sans-serif; text-decoration: none; background-color: #f5f5f5; display: block; padding: 2px; border: solid 1px black; z-index: 3 }
.infobox a     { color: #ffffff; font: bold 1em verdana, sans-serif; text-decoration: none; background-color: #daa520; display: block; padding: 2px; border: solid 1px black; width: 75px }
.infobox a:visited { color: #ffffff; font: bold 1em verdana, sans-serif; text-decoration: none; background-color: #daa520; display: block; padding: 2px; border: solid 1px black; width: 75px }
.infobox a:hover  { color: black; background-color: #f0e68c; width: 380px }
.infobox a span { display: none }
.infobox a:hover span     { color: black; font: 0.9em verdana, courier, sans-serif; text-decoration: none; background-color: #f5f5f5; display: block; padding: 2px; border: solid 1px black; z-index: 3 }
.bildbox a       { color: #ffffff; font: bold 1em verdana, sans-serif; text-decoration: none; background-color: #daa520; display: block; padding: 2px; border: solid 1px black; width: 70px }
.bildbox a:visited { color: #ffffff; font: bold 1em verdana, sans-serif; text-decoration: none; background-color: #daa520; display: block; padding: 2px; border: solid 1px black; width: 70px }
.bildbox a:hover    { color: black; background-color: #f0e68c; width: 506px }
.bildbox a span { display: none }
.bildbox a:hover span        { color: black; font: 0.9em Verdana, courier, sans-serif; text-decoration: none; background-color: #f5f5f5; display: block; padding: 2px; border: solid 1px black; z-index: 3; width: 500px }
#akt a       { color: #ffffff; font: 800 1em verdana, sans-serif; text-decoration: none; background-color: #daa520; display: block; padding: 5px; border: solid 1px black; position: absolute; top: 150px; left: 120px }
#akt a:hover { color: #808080; background-color: #f0e68c; width: 400px }
#akt a span { display: none }
#akt a:hover span   { color: #000; font: 0.9em "Comic Sans MS", courier, sans-serif; text-decoration: none; background-color: #f5f5f5; display: block; padding: 10px; border: solid 1px black }
#fusszeile  { font-size: 0.8em; text-align: center; clear: both; margin-top: 1em; margin-bottom: 0.5em; padding: 0.3em }
#logo     { background-color: #fff8dc; padding: 3px; border: solid 2px #000; width: 139px }
.griech { font-size: 1.2em; font-family: "Times New Roman" }