body { margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF }
p { font-size: 8pt }
ul { font-size: 8pt; list-style-type: circle; list-style-position: outside; margin: 1em 0; padding-left: 17px }
H1 { font-size: 16pt; font-family: Helvetica; font-weight: normal; letter-spacing: 1px }
H2 { font-size: 11pt; font-family: Helvetica; font-weight: normal; letter-spacing: 1pt; margin-top: 1.2em; margin-bottom: -5px }
a:link, a:visited, a:hover, a:active { font-size: 12pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none }
a:link.topweiss, a:visited.topweiss     { color: #000; font-size: 9pt; background-color: white; letter-spacing: 2pt; margin-right: 15px; padding: 2pt 3pt }
a:hover.topweiss, a:active.topweiss     { color: #c00; font-size: 9pt; background-color: white; letter-spacing: 2pt; margin-right: 15px; padding: 2pt 3pt }
a:link.orange, a:visited.orange   { color: black; letter-spacing: 2pt; padding: 5px 3px 3px 5px; border: solid 1px #f60 }
a:hover.orange, a:active.orange   { color: #fff; background-color: #f60; letter-spacing: 2pt; border: solid 1px #f60 }
a:link.gruen, a:visited.gruen    { color: black; letter-spacing: 2pt; padding: 5px 32px 3px 5px; border: solid 1px #9c0 }
a:hover.gruen, a:active.gruen   { color: #fff; background-color: #9c0; letter-spacing: 2pt; border: solid 1px #9c0 }
a:link.dgruen, a:visited.dgruen   { color: black; letter-spacing: 2pt; padding: 5px 38px 3px 5px; border: solid 1px #096 }
a:hover.dgruen, a:active.dgruen   { color: #fff; background-color: #096; letter-spacing: 2pt; border: solid 1px #096 }
a:link.gelb, a:visited.gelb   { color: black; letter-spacing: 2pt; padding: 5px 60px 3px 5px; border: solid 1px #f90 }
a:hover.gelb, a:active.gelb   { color: #fff; background-color: #f90; letter-spacing: 2pt; border: solid 1px #f90 }
a:link.rot, a:visited.rot   { color: black; letter-spacing: 2pt; padding: 5px 54px 3px 5px; border: solid 1px #c00 }
a:hover.rot, a:active.rot   { color: #fff; background-color: #c00; letter-spacing: 2pt; border: solid 1px #c00 }
a:link.lila, a:visited.rot { color: black; letter-spacing: 2pt; padding: 5px 54px 3px 5px; border: solid 1px #99f; }
a:hover.lila, a:active.rot { color: #fff; background-color: #66c; letter-spacing: 2pt; border: solid 1px #66c; }
a:link.magenta, a:visited.rot { color: black; letter-spacing: 2pt; padding: 5px 54px 3px 5px; border: solid 1px #c09; }
a:hover.magenta, a:active.rot { color: #fff; background-color: #c09; letter-spacing: 2pt; border: solid 1px #c09; }
a:link.blau, a:visited.blau     { color: black; letter-spacing: 2pt; padding: 5px 93px 3px 5px; border: solid 1px #036 }
a:hover.blau, a:active.blau     { color: #fff; background-color: #036; letter-spacing: 2pt; border: solid 1px #036 }
a:link.hblau, a:visited.blau { color: black; letter-spacing: 2pt; padding: 5px 93px 3px 5px; border: solid 1px #69c; }
a:hover.hblau, a:active.blau { color: #fff; background-color: #69c; letter-spacing: 2pt; border: solid 1px #69c; }
a:link.lexi, a:visited.lexi { color: black; letter-spacing: 2pt; padding: 5px 5px 3px; border: solid 1px #f90 }
a:hover.lexi, a:active.lexi { color: #fff; background-color: #f90; letter-spacing: 2pt; border: solid 1px #f90 }
a:link.klein, a:visited.klein      { color: black; font-size: 7pt; line-height: 12pt; text-transform: uppercase; letter-spacing: 1pt;}
a:hover.klein, a:active.klein     { color: #336; font-size: 7pt; line-height: 12pt; text-transform: uppercase; letter-spacing: 1pt; border-bottom: 1px solid #ccc }
a:link.normal, a:visited.normal      { color: #000 !important; font-size: 8pt; text-transform: uppercase; letter-spacing: 2px; padding: 1px 2px 2px; border-style: solid; border-width: 1px; border-color: white white #ccc }
a:hover.normal, a:active.normal   { color: #336; font-size: 8pt; background-color: #ccc; text-transform: uppercase; letter-spacing: 2px; padding: 1px 2px 2px; border: solid 1px silver }
a:link.fett, a:visited.fett { color: #000 !important; font-weight: normal; padding: 1px 2px 2px; border: solid 1px silver }
a:hover.fett, a:active.fett { color: #336; font-weight: normal; background-color: silver; padding: 1px 2px 2px; border: solid 1px silver }
a:link.produkt, a:visited.produkt  { color: #000; font-size: 10pt; line-height: 12pt; text-transform: uppercase; letter-spacing: 2px; border-bottom: 1px solid #ccc }
a:hover.produkt, a:active.produkt  { color: #906; font-size: 10pt; line-height: 12pt; text-transform: uppercase; letter-spacing: 2px; border-bottom: 1px solid #ccc }
a:link.pro, a:visited.pro { z-index: 9; color: #000; font-size: 10pt; line-height: 15pt; text-transform: uppercase; letter-spacing: 2px; padding-right: 30px; padding-bottom: 100px }
a:hover.pro, a:active.pro { z-index: 9; color: #906; font-size: 10pt; line-height: 15pt; text-transform: uppercase; letter-spacing: 2px; padding-right: 30px; padding-bottom: 100px }
a.oeko:link, a.oeko:visited { color: #000; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
a.oeko:hover, a.oeko:active { color: #c00; font-family: Verdana, Arial, Helvetica, sans-serif }
a.info:link, a.info:visited   { color: black; font-weight: 400; line-height: 15pt; padding: 2px 2px 1px; border: solid 1px #c00 }
a.info:hover, a.info:active   { color: #fff; font-weight: 500; line-height: 15pt; background-color: #c00; padding: 2px 2px 1px; border: solid 1px #c00 }

.txt { color: #840028 }
.txtfett { font-weight: bold }
.txtklein { font-size: 7pt; margin-top: 20px; margin-bottom: -10px }
.kompress { margin-top: -7px }
.righteinzug { padding-right: 50% }
.rand  { padding: 5px; border: solid 1px #906 }
.img { border: solid 15px white; }
.tabelle { font-size: 7pt; padding: 2px; border: solid 1px #c00 }
.bu { font-size: 8px; font-weight: bold; text-align: left; margin-bottom: 40px; }
.oekotabelle { font-size: 7pt; padding: 2px; border-bottom: 1px solid #c00 }

#toppic {  position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 165px }
#bottompic { position: fixed; z-index: 1; bottom: 0; left: 0; width: 100%; height: 165px }
#logo  {  position: fixed; z-index: 3; top: 97px; left: 11px }
#topnav { position: absolute; z-index: 2; top: 20px; left: 20px; line-height: 20pt }
#leftnav  { position: fixed; z-index: 6; top: 230px; left: 20px; line-height: 30px  }
#rightnav {  position: absolute; z-index: 4; top: 120px; left: 860px; width: 110px; margin-bottom: 10px }
#mainwindow { background-color: #fff;  padding: 12px; position: absolute; z-index: 4; top: 120px; left: 220px; width: 600px; overflow: hidden; border: solid 1px gray }
#Datum { position: absolute; z-index: 7; left: 802px; top: 580px; height: 102px; width: 180px }