html {
        height: 100%;
        position: relative;
        }

a {color: #FFFFFF}


body {
        background-color: #000066;
        margin: 0px;
        padding: 0px;
        text-align: left;
        display: block;
        height: 100%;
        position: relative;
}

#page {
        width: 990px;
        margin: 0px auto;
        text-align: left;
        padding: 0px;
        position: relative;
        height: 100%;
        display: block;
        background-color: #b11512;
        border-right-width: 4px;
        border-left-width: 4px;
        border-right-style: groove;
        border-left-style: groove;
        border-right-color: #FFFFFF;
        border-left-color: #FFFFFF;
}

#navi_l {
        position: absolute;
        width: 140px;
        left: 0px;
        top: 200px;
        background-color: #b11512;
        z-index: 2;
        display: block;
}

#navi_r {
        position: absolute;
        width: 140px;
        right: 0px;
        top: 200px;
        background-color: #b11512;
        z-index: 2;
        display: block;
}

#namenanzeige {
        position: absolute;
        width: 140px;
        height: 65px;
        right: 0px;
        top: 0px;
        background-color: #b11512;
        z-index: 1;
        display: block;
        color: #FFFFFF;
        text-align: left;
        font-size: 12px;
        margin-left: -40px;
}

#logo_main {
        position: absolute;
        z-index: 2;
        height: 100px;
        width: 710px;
        left: 140px;
        top: 0px;
        background-color: #b11512;
        background-image: url('img/logo.gif');
}

#logo_helme {
        position: absolute;
        z-index: 2;
        height: 60px;
        width: 468px;
        left: 261px;
        top: 90px;
        background-color: #b11512;
        background-image: url('img/helme.gif');

}

#logo_l {
        position: absolute;
        height: 200px;
        width: 140px;
        left: 0px;
        top: 0px;
        background-color: #b11512;
        background-image: url('img/logo_l.gif');
        z-index: 2
}
#logo_r {
        position: absolute;
        width: 140px;
        top: 0px;
        right: 0px;
        background-image: url('img/logo_r.gif');
        z-index: 2;
        height: 200px
}


#main {
        position: absolute;
        min-height: 100%;
        width: 990px;
        top: 0px;
        left: -4px;
        background-color: #b11512;
        color: #FFFFFF;
        text-align: left;
        border-right-width: 4px;
        border-left-width: 4px;
        border-right-style: groove;
        border-left-style: groove;
        border-right-color: #FFFFFF;
        border-left-color: #FFFFFF;
        display: block;
        z-index: 1;
        overflow: hidden;
}
#newsticker {
        position: absolute;
        height: 30px;
        left: 200px;
        top: 160px;
        right: 200px;
        z-index: 1;
        background: url('img/newsticker.gif');
        color: #FFFFFF;
        font-size: 22px;
        width: 590px;
}
#headline {
        position: absolute;
        height: 60px;
        width: 690px;
        left: 150px;
        top: 190px;
        font-size: 36px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
}


#content {
        position: relative;
        z-index: 2;
        width: 690px;
        left: 150px;
        top: 200px;
        bottom: 0px;
        background-color: #b11512;
        overflow: auto;
        margin-bottom: 200px;
        min-height: 495px;
}


.navigation li {
float: left;
width: 140px;
height: 55px;
margin-left: -40px;
text-align: center;

}

.navigation li a:hover {
  background: url('img/leiter_hover.gif');
  color: #FFFFFF;text-decoration: none;
  font-style:normal; font-variant:normal; font-weight:bold; line-height:55px; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif}
  
.navigation  a:link, .navigation  a:visited {
  color: #FFFFFF;text-decoration: none; 
  padding-bottom: 0;}
  
.navigation a {display: block;
  background: url('img/leiter.gif');
  font-style:normal; font-variant:normal; font-weight:bold; line-height:55px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif }

.tabelle_over {
    background-color: #ffff00;
    color: #000000;
  }
.tabelle_out {
    background-color: #b11512;
    color: #FFFFFF;
  }


.button_links span {
        display:                        none;
}
.button_links:link, .button_links:visited {
        display:                        block;
        width:                                100px;
        height:                                40px;
        background:                        url(img/strahlrohr_l.gif);
}
.button_links:hover, .button_links:active, .button_links:focus {
        background-image:                url(img/strahlrohr_l_hover.gif);
}


.button_rechts span {
        display:                        none;
}
.button_rechts:link, .button_rechts:visited {
        display:                        block;
        width:                                100px;
        height:                                40px;
        background:                        url(img/strahlrohr_r.gif);
}
.button_rechts:hover, .button_rechts:active, .button_rechts:focus {
        background-image:                url(img/strahlrohr_r_hover.gif);
}

.gbuch, .gbuch a:link, .gbuch a:visited {
        color: #000000;
}

tr.dunkel {
        background: #9F9F9F;
        color: #000000;
}
tr.hell {
        background: #C0C0C0;
        color: #000000;
}
.liste {
        background: #000066;
        border-left:2px solid #000000;
        border-right:2px solid #000000;
        border-top:3px solid #000000;
}

.liste th {
        border-bottom:3px solid #000000;
        border-right:1px solid #000000;
}

.liste td {
        border-bottom:2px solid #000000;
        border-right:1px solid #000000;
}