hmtl, body {
margin: 0px;
padding-right:0px;
width: 100%;
height: 100%;
}

#kopf {
position:absolute;
top:0px;
left:0px;
right:0px;
height:25%;
width:100%;
min-height:140px;
text-align:left;
background-color:#006633;
z-index:2;
opacity:1.0;

}
#Navigation {
position:absolute;
top:0px;
left:0px;
width:220px;
height:100%;
text-align:left;
background-color:#006633;
overflow: scroll;
z-index:6;
}

#inhalt {
position:absolute;
top:25%;
left:220px;
height:45%;
right:0px;
z-index:1;
overflow:auto;
}

#Basis1  {
position:absolute;
bottom:0px;
height:25%;
min-height:150px;
left:220px;
right:0px;
z-index:3;
}
#Basis2  {
position:absolute;
bottom:0px;
height:25%;
min-height:150px;
left:220px;
right:0px;
z-index:4;
}

#Basis3  {
position:absolute;
bottom:0px;
height:25%;
min-height:150px;
right:0px;
left:0px;
padding-left:220px;
z-index:5;
}

td, li {
padding-bottom:10px;
valign:top
}
table {
margin-left:20px;
margin-right:20px;
padding-right:20px;
}
li {
font-family: Arial;
padding-left:20px;
padding-right:20px;
}
p {
font-family: Arial;
padding-left:20px;
padding-right:20px;
}
td {
font-family: Arial;
padding-left:5px;
padding-right:0px;
}
h1, h2, h3, h4 {
font-family: Verdana;
padding-left:20px;
padding-right:20px;

}
.grun  {
color:#004000;
background-color:#73A329
}
h1.grun, h2.grun, h3.grun {
color:#E0FF00
}
.rot  {
color:#4C2015;
background-color:#F7BEAB
}
h1.rot, h2.rot, h3.rot {
color:#5F0000
}
.schwarz  {
color:#2F2F2F;
background-color:#EBE1C8
}
h1.schwarz, h2.schwarz, h3.schwarz {
color:#160C0A
}

.gold  {
color:#330301;
background-color:#FAD374
}
h1.gold, h2.gold, h3.gold {
color:#6A3C0B
}
.blau  {
color:#1A2D3C;
background-color:#79ADC5
}
h1.blau, h2.blau, h3.blau {
color:#AEFEFF
}
.gelb  {
color:#320700;
background-color:#FDDF63
}
h1.gelb, h2.gelb, h3.gelb {
color:#533500
}
.braun  {
color:#281205;
background-color:#D9B27B
}
.vorbei {
color:#6F6F6F;
}
h1.braun, h2.braun, h3.braun {
color:#800000
}
.navi {
font-size:small
}