/*© Hannes Saxer 1.2008*/
* { margin: 0; padding: 0;}
body {background-color: black; font-family: Helvetica; color: silver; font-size: 12px; line-height: 16px; background-image: url(basisdesign/haller-portrait.jpg); background-repeat: no-repeat; background-position: 0 450px;  }

#logo{ background-image: url(basisdesign/haller-300-logo-grau.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0; width: 160px; height: 160px; z-index: 10;}
#bild {position: absolute; top: 0; left: 130px; width: 780px; height: 220px;}

#navigation { font-size: 18px; line-height: 28px; position: absolute; top: 230px; left: 30px; width: 180px; text-indent: 10px;}
#navigation a { background-image: none; display: block; color: #8f8f8f; font-weight: normal; text-decoration: none;}
#navigation a:hover {background-image: url(pfeile/pfeilmenu.gif); background-repeat: no-repeat; background-position: right center; color: white;}
.navigationaktivblau {background-image: url(pfeile/pfeilmenublau.gif); background-repeat: no-repeat; background-position: right center;  display: block; color: white; /*font-weight: bold;*/}
.navigationaktivorange {background-image: url(pfeile/pfeilmenuorange.gif); background-repeat: no-repeat; background-position: right center;  display: block; color: white; /*font-weight: bold;*/}
.navigationaktivrot { color: white; background-image: url(pfeile/pfeilmenurot.gif); background-repeat: no-repeat; background-position: right center; display: block;/*font-weight: bold;*/ }
.navigationaktivsenf {background-image: url(pfeile/pfeilmenusenf.gif); background-repeat: no-repeat; background-position: right center;  display: block; color: white; /*font-weight: bold;*/}
.navigationaktivhellgruen {background-image: url(pfeile/pfeilmenuhellgruen.gif); background-repeat: no-repeat; background-position: right center;  display: block; color: white;/*font-weight: bold;*/}
.navigationaktivpink {background-image: url(pfeile/pfeilmenupink.gif); background-repeat: no-repeat; background-position: right center;  display: block; color: white; /*font-weight: bold;*/}
.navigationaktivaquamarin {background-image: url(pfeile/pfeilmenuaquamarin.gif); background-repeat: no-repeat; background-position: right center;  display: block; color: white;/*font-weight: bold;*/}
.navigationaktivolive {background-image: url(pfeile/pfeilmenuolive.gif); background-repeat: no-repeat; background-position: right center;  display: block; color: white;/*font-weight: bold;*/}
.navigationaktivbraun {background-image: url(pfeile/pfeilmenubraun.gif); background-repeat: no-repeat; background-position: right center;  display: block; color: white; /*font-weight: bold;*/}
.navigationaktiviolet {background-image: url(pfeile/pfeilmenuviolet.gif); background-repeat: no-repeat; background-position: right center;  display: block; color: white;/*font-weight: bold;*/}
#navigationhaller { font-size: 14px; margin-top: 10px; background-image: url(basisdesign/btn-haller.gif); background-repeat: no-repeat; line-height: 31px; text-indent: 12px; height: 31px; }

#seknavigation {color: #999; background-image: url(basisdesign/seknaviagtion-hg.gif);line-height: 25px; background-repeat: repeat-x; background-position: 0 -200px; position: absolute; background-color: #4b4101;top: 185px; left: 210px; width: 510px; height: 25px; text-indent: 25px;}
#sprache {color: #999; text-align: right; position: absolute; top: 186px; left: 640px; width: 65px; height: 25px; padding-top: 4px;}
#seknavigation a, #sprache a {color: #999; text-decoration: none;}
#seknavigation a:hover, #sprache a:hover { color: white; text-decoration: none; padding-bottom: 3px; border-bottom: 3pt solid white; }

#box { background-color: #d9bc00; position: absolute; top: 210px; left: 210px; width: 510px; border-top: 1pt solid #fff; background-image: url(basisdesign/footer.gif); background-repeat: repeat-x; background-position: 0 bottom; }
#content { color: #333; margin: 25px;}
#content h1 {color: #fff; font-weight: normal; font-size: 20px; padding-bottom: 10px; line-height:normal;}
#content h2 {color: #333; font-weight: bold; font-size: 14px; padding-top: 5px;}
#content p {font-size: 13px; padding-bottom: 12px; line-height:19px;}
#content a {color: #333;}
#content a:hover {color: #fff}
#content ul {color: #333; margin-bottom: 10px; margin-left: 15px;}

.ro {background:url(basisdesign/ecke-or.gif) top right no-repeat;}
.lo {background:url(basisdesign/ecke-ol.gif) top left no-repeat;}
.ru {background:url(basisdesign/ecke-ur.gif) bottom right no-repeat;}
.lu {background:url(basisdesign/ecke-ul.gif) bottom left no-repeat;}

#footer, #footer a { color: #333; background-color: black; font-size: 10px; line-height: 30px;text-align: center; width: 100%; text-decoration: none;}
#footer a:hover {color: white;}
#annex { position: absolute; left: 748px; top: 230px; width: 163px; background-color: #584c00; background-image: url(basisdesign/annex-hg.gif); }
#annexcontent { margin: 8px; background-color: black; border: solid 8px black; font-size: 10px; line-height: 14px; color: silver;}
#annexcontent a {text-decoration: underline; color: silver;}
#annexcontent a:hover {color: white;}
#annexcontent h3 {font-weight: bold;font-size: 10px; color: #fff; margin-bottom: 5px;}

.kursiv {font-style: italic;}
.weiss {color: #fff;padding-bottom: 3px; border-bottom: 3pt solid white;}


sup { padding-left:1px; font-size:80% !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; }
:focus {outline: 0;}