body,html,#navlist, #container, #inhalt, #infobox {
  margin: 0;
  padding: 0;
}

body {
  font: 100,01% sans-serif;
  background-color:#FFF;
}


#kopf {
position: absolute;
top: 1em;
 left: 1em;
 padding:0 1px 1px;
 text-align:center;
 font:  12px Verdana, sans-serif;
}


#bubro {
position: absolute;
}


#logo {
position: absolute;
left: 29em;
font: 12px Verdana, sans-serif;
}


#defin {
  position: absolute;
  left: 22em;
  top: 12em;
  padding:3px 0 3px;
  margin: 0;
  font:  18px Verdana, sans-serif;
  text-align:center;
  width: 30em;
}


#navlist
{
position: absolute;
left: 0em;
top: 26em;
padding:0 1px 1px;
margin-top: -3px;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 15em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
width: 100%;
}

#navlist li a
{
display: block;
padding: 2px 10px 10px 2px;
border-left: 15px solid #AAB;
background: #CCD;
text-decoration: none;
}

#navlist li a:link { color: #448; }

#navlist li a:visited { color: #667; }

#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}


#textbereich{
font:  12px Verdana, sans-serif;
background: #FEE;
}

#titel {
position: absolute;
left: 8em;
top:13em;
margin:-2px 0 0 4px;
padding: 5px;
font:  24px Verdana, sans-serif;
background: #CCD;
text-align:center;
width: 25em;



}
#ubersicht {
position: absolute;
left: 15em;
top:28em;
padding: 13px;
width: 45em;
font: bold 13px Verdana, sans-serif;
text-align:left;
background: #E7EFEE;
}

#inhalt {
position:absolute;
padding:0 1px 1px;
margin-top:3em;
font:  12px Verdana, sans-serif;
background: white;
width: 50em;
}


#infobox {
  position: absolute;
  left: 46em;
  top: 17.2em;
  padding:8px 0 8px;
  font:  18px Verdana, sans-serif;
  background: #CCD;
  text-align:center;
  width: 9em;
}

#navcontainer { width: 200px; }

#navcontainer ul
{
position: absolute;
left: 68.8em;
top: 29.5em;
margin-left: 2px;
margin-top:9px;
padding-left: 2px;
list-style-type: none;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #0000BF; 
}

#navcontainer a
{
display: block;
padding: 9px;
width: 147px;
background-color:#FF8080 ;  
border-bottom: 8px solid #eee;
}

#navcontainer a:link, .navcontainer 
{
font:  bold 16px Verdana sans-serif;
color: #00006F;
text-decoration: none;
}
#navcontainer  a:visited
{
font:  bold 16px Verdana sans-serif;
color: #00009F;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #A60000;
color: #fff;
}

caption{
font:  16px Verdana, bold, sans-serif;
background: #B1C6CF;
text-align:center;
margin-left: 3.8em;
margin-top: 3em;
padding: 0.5em;
}
table{
margin-left: 3em;
margin-top: 3em;
margin-right: 3em;
border-collapse:collapse;
background-color:#B1C6CF;
}

tbody tr.alarma {background-color:#FF0000;}
tbody tr.alarmb {background-color:#FFBF00;}
tbody tr.alarmc{background-color:#FFFF00;}
tbody tr.alarmd {background-color:#C0FF00;}
tbody tr.alarme {background-color:#FFFFFF;}

td {border: 1px solid #FFFFFF;
text-align:center;padding:1em;
}

thead{
text-align:center;
padding: 5em;
}

.intro{
border: dotted 2px;
background-color:#DDDDFF;
padding:0 1em 1em 1em; 
margin-top:3em;
margin-bottom:-1em;
}

.zitat{
font-style:italic;
font-size:0.8em;
text-indent:3em;
}


.zur {
border: double #9000E0    2px;
background-color:#DDDDFF;

margin:3em 10em 5em 10em;
text-align: center;}

.bild {
text-align:center;
}
.sonder {

margin-left:-1em;
padding:1em;
font: bold 10px Verdana, sans-serif;
text-align:center;
border: dashed 3px;
background:#FFFF00;
}