/*
     ____        _    ____               
    |  _ \  ___ | |_ / ___|___  _ __ ___ 
    | | | |/ _ \| __| |   / _ \| '__/ _ \
    | |_| | (_) | |_| |__| (_) | | |  __/
    |____/ \___/ \__|\____\___/|_|  \___|
                          web 2.0 woohoo!
    Author: David Bauer <db@dotcore.de>
    Last Update: 16.05.2007

*/

* { margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  color: #fff;
  font: 11px Verdana, sans-serif;
  background: url(../images/bg.png) top left repeat-x #fafbfb; 
}
h1 { font: bold 12px Verdana, sans-serif; }
h2 { padding: 1em 0 .2em 0; font: normal 15px/1.5em Verdana, sans-serif; }
h3 { padding: 1em 0 .2em 0; font: normal 14px/1.5em Verdana, sans-serif; }
p { padding: 2em 0; line-height: 1.5em; }
a { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
#wrapper {
  width: 799px;
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
#wrapper-head {
  width: 100%;
  background: #999;
  background: url(../images/bg_hd.jpg) top left no-repeat transparent;
}
#head {
  padding-top: 3px;
  margin-bottom: -3px;
  height: 137px;
  padding-left: 640px;
}
#head h1 a {
    display: block;
    width: 149px;
    height: 110px;
    background: url(../images/logo.png) top left no-repeat transparent;
}
#head h1 a span { display: none; }
#wrapper-content {
   width: 100%;
   background: url(../images/box_mid.png) top left repeat-y transparent;
}
#content-pri:after,#wrapper-content-pri:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
#content-pri a { color: #f2f2f2; text-decoration: none; color: white;border-bottom: 1px solid #fff;}
#content-pri a:hover { color: #baccd3;}
#wrapper-content-pri {
  width: 100%;
  background: url(../images/box_top.png) top left no-repeat transparent;
}
#content-sec { color: #000; padding: 3px 2em 0 2em;}
#wrapper-content-sec {
  background: url(../images/box_bottom.png) top left no-repeat #fafbfb;
  width: 100%;
}
#footer { color: #9eb6c2; text-align: right; padding-top: 0.3em; font-size: 9px;}
#footer a { color: #9eb6c2;}
#content-pri { padding: 0 38px 20px 38px; }
#nav {position: absolute; top: 59px; left: 19px; }
#nav a {
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    height: 20px;
    display: block;
    padding-left: 25px
}
#nav ul {list-style:none; width:111px; background:#216178; padding-top:14px }
#nav ul.current { background: #216178;padding-bottom: 7px;height: 53px;}
#nav ul li.current { background: url(../images/link_indicator.gif) top left no-repeat transparent; }
#nav ul li ul li a { font-size: 9px; }
#nav ul li ul.first_sub { position: absolute; top: 0; left: 111px;}
.extend { margin-right: 10px; }
#nav ul li.active { font-weight: bold }
#nav ul.inactive {width: 111px;background: #fff }
#nav ul.inactive a { color: #216178 }
#nav ul#second { position: absolute; top: 0; left: 224px; }
#nav ul#second.current {position: absolute; top: 0; left: 113px; }
#nav ul#second.current li a { margin-right: 10px; }
#nav ul#third { position: absolute; top: 0; left: 337px;padding-right: 10px }
#nav ul#fourth {position: absolute;top: 0;left: 460px}
#nav ul.pwidth {width: 243px;}
#nav ul.awidth {width: 222px;}
#nav ul#third.poffset {position: absolute;top: 0;left: 357px}
#nav ul#fourth.poffset {position: absolute;top: 0;left: 480px}
#isecond {position: absolute;top: 0;left: 113px}
#ithird {position: absolute;top: 0;left: 226px;padding-right: 10px}
#ifourth {position: absolute; top: 0; left: 349px}
.stretchtoggle {cursor:pointer;}
#aktuelles {margin-top: 5px;padding-right: 60px;}
#aktuelles .stretchtoggle { height:17px;}
#historie, #history {
    cursor:pointer !important;
    margin-left: -38px;
    margin-right: -38px;
    padding-left: 38px;
    margin-top: 5px;
    height: 30px;
    width: 750px;
    background: url('../images/dots.gif') no-repeat top left;
    overflow: hidden;
}
#historie ul, #history ul { padding: 0; margin: 0; /* margin-left: 38px; */ }
#historie ul li, #history ul li { float: left;list-style: none; margin-top: 4px; }
#historie ul li a, #history ul li a {
    text-decoration:none;
    border:0;
    text-indent: -500em;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
}
#historie li.background, #history li.background {
    background: url('../images/bg_menu_right_bh.gif') no-repeat top right !important;
    z-index: 8;
    position: absolute;
    visibility: hidden;
}
#historie .background .left, #history .background .left {
    background: url('../images/bg_menu_bh.gif') no-repeat top left !important;
    height: 29px;
    margin-right: 9px;
}
.histsub { height: auto; *height: 400px; }
#h1961,#h1966,#h1978,#h1984,#h1998,#h2003 { margin-left: 16px }
#h1965,#h1970,#h1979 { margin-left: 18px }
#h1960 a { width: 53px; background: url('../images/1960.gif') no-repeat center !important; }
#h1961 a { width: 53px; background: url('../images/1961.gif') no-repeat center !important; }
#h1965 a { width: 53px; background: url('../images/1965.gif') no-repeat center !important; }
#h1966 a { width: 53px; background: url('../images/1966.gif') no-repeat center !important; }
#h1970 a { width: 53px; background: url('../images/1970.gif') no-repeat center !important; }
#h1978 a { width: 53px; background: url('../images/1978.gif') no-repeat center !important; }
#h1979 a { width: 53px; background: url('../images/1979.gif') no-repeat center !important; }
#h1984 a { width: 102px; background: url('../images/1984.gif') no-repeat center !important; }
#h1998 a { width: 53px; background: url('../images/1998.gif') no-repeat center !important; }
#h2003 a { width: 53px; background: url('../images/2003.gif') no-repeat center !important; }

#wir { margin-top: -15px; margin-left: -23px; margin-right: -38px; height: 393px;}
#wir img { width: 797px; border: 1px solid #b9c0c3; }
div.slideshow {  /* margin-left: -22px;margin-top: -15px; */  margin-right: -21px; margin-left: -23px;  }
div.slideshow img { display:block; border:0; width: 798px; height:460px; border-left: 1px solid #d2d3d3;}
div.slideshow p {
    position: absolute;
    display:block;
    width: 240px;
    color: #fff;
    background: #00465f;
    left: 549px;
    top: 0px;
    margin:0;
    padding:5px 0 5px 10px;
    z-index: 10002;
    font-size: 10px;
    font-family: verdana;
    font-weight: bold;
    border-right: 1px solid #bbc2c4;
}
div.slideshow ul {
    position: absolute;
    top: -235px;
    left: 485px;
    width: 310px;
    overflow: hidden;
    z-index: 10001;
}
div.slideshow ul a {
    cursor: pointer;
    display: block;
    width: 72px;
    height: 47px;
    margin-right: 3px;
    margin-top: 3px;
    opacity: 0.5;
}
div.slideshow ul a.active, div.slideshow ul a:hover { opacity: 1; }
div.slideshow ul li { float: left; list-style: none; }
#technik_slideshow ul { top: -135px; left: 545px; width: 310px; }
#qualitaet_slideshow ul, #umweltbericht_slideshow ul { top: -205px; left: 610px; width: 310px; }
#impressum { height: 370px;}
#text-box a { text-decoration: none; color: white;border-bottom: 1px solid #fff; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
#kontaktformular { position: absolute; top: 137px; left: 400px; }
#flash_intro { width: 798px; height: 480px; background: url(images/intro_alternativ.jpg) no-repeat top left #ffffff;border-right: 1px solid #d2d3d3; border-bottom: 1px solid #d2d3d3;}

form { font-size: 100%; min-width: 250px; width: 250px; }
fieldset { border:0;}
form fieldset { clear: both; padding: 10px; }
form fieldset legend { display: none; }
label u { font-style: normal; text-decoration: underline; }
input, select, textarea {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 100%;
    color: #000000;
}
textarea { overflow: auto; }
form div {
    clear: left;
    display: block;
    width: 344px;
    height: expression('1%');
    margin: 5px 0 0 0;
    padding: 1px 3px;
}
form div label {
    display: block;
    float: left;
    width: 85px;
    padding: 3px 5px;
    margin: 0 0 5px 0;
    text-align: right;
}
form div.required label, label.required { font-weight: bold; }
form div img { border: 1px solid #000; }
p.error {
    background-color: #f00;
    background-image: url(/images/icon_error.gif);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #fff;
    padding: 3px 3px 5px 27px;
    border: 1px solid #000;
    margin: auto 100px;
}
form div.error {
    background-color: #ffffe1;
    color: #666;
    border: 1px solid #f00;
}
form div.error p.error {
    background-color: transparent;
    border-style: none;
    font-size: 88%;
    font-weight: bold;
    margin: 0 0 0 118px;
    width: 200px;
    color: #f00;
}
form div input, form div select, form div textarea { width: 200px;padding: 1px 3px; margin: 0; }
form div.submit { width: 190px; padding: 0 0 0 170px; }
form div.submit div {
    display: inline;
    float: left;
    text-align: left;
    width: auto;
    padding: 0;
    margin: 0;
}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
    background-color: #cccccc;
    color: #000000;
    width: auto;
    padding: 0 6px;
    margin: 0;
}
form div.submit div input.inputSubmit, form div.submit div input.inputButton {
    float: right;
    margin: 0 0 0 5px;
}
form div small {
    display: block;
    margin: 0 0 5px 142px;
    padding: 1px 3px;
    font-size: 88%;
    height: expression('1%');
}
#lang_selector { position: absolute; top: 89px; left: 820px;}