html, body{ height:100%; overflow: hidden; }
body { margin:0px; padding:0px; background-color: #003333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: White;  font-size: 12px;  line-height: 30px;}
#navi{position: absolute; top: 120px; left: 0px; z-index:7; width: 300px; }
#navi a{  text-decoration: none;padding:4px 30px 4px 30px }
#navi p{ padding-left:50px;  }
#navi a:link, a:visited{ color: white; }
#navi a:aktive, a:hover { color: white; }
#navi .aktuell { font-weight: bold; }
#navi .musik { color:#cccc00; font-weight: normal; }
#navi .news { color:#666666; font-weight: normal;}
#navi .vita { color:#cc9933; font-weight: normal;}
#navi .kompositionen { color:white; font-weight: normal;}
#navi .disko { color:#cccc00; font-weight: normal;}
#navi .presse { color:#cccc99; font-weight: normal;}
#navi .fotos { color:white; font-weight: normal;}
#navi .impressum { color:#336699; font-weight: normal;}
#navi .home { color:#999966; font-weight: normal;}
#kopf{position: absolute; top: 0px; left: 0px; z-index: 3;width:97%; height:120px;  font-size: 20px; font-weight:bold;background-position: left top;  background-repeat: no-repeat;    }
#doppelkopf{ position: absolute; top: 0px; left: 0px; z-index: 1; width:100%; height:120px; background-position: left top;  background-repeat: no-repeat;}
#container{position: absolute; top: 0px; left: 0px; z-index: 2; width:100%;height:100%;  overflow:auto;}
#text{ position: absolute; top: 120px; left: 0px; z-index: 8;margin-left:300px;width: 55%; max-width:600px;  padding-bottom:200px;}
.bold{ font-weight:bold; }
p{ padding-bottom: 25px }
ul{ padding-left:15px; }
a{ color: white; text-decoration: underline; }
.engeLinie{ line-height: 16px !important;}