html, body {
font-family: Arial, sans-serif;
font-size: 12px; 
margin: 0px;
padding: 0px;
background-image: url(../Bilder/bodyhg.jpg);
}
#index {
margin: 0px; 
padding:0px; 
background-image: url(Bilder/indexhg.jpg); 
text-align: center;
z-index: 1;
}
#oben {
position: fixed;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
background-image: url(../Bilder/titelhg.jpg);
background-repeat: repeat-x;
top: 0px;
height: 120px;
width: 100%;
}
#titelbild {
position: absolute;
background-image: url(../Bilder/tleiste.jpg);
top: 0px;
left: 20px;
height: 120px;
width: 760px;
}
body > #inhalt {
margin-left: 140px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 120px;
padding-left: 20px;
height: 100%;
background-image: url(../Bilder/texthg.jpg);
}
body > #navigation {
position: fixed;
top: 120px;
left: 0px;
width: 140px;
height: 100%;
padding-top: 34px;
background-image: url(../Bilder/navhg.jpg);
background-repeat: repeat-y;
text-align: center;
}
p {
font-family: Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
padding-left: 20px;
padding-right: 20px;
line-height: 1.2em;
text-align: left;
vertical-align: top;
color: #000000;
}
li {
font-family: Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
padding-left: 20px;
padding-right: 20px;
line-height: 1.5em;
text-align: left;
vertical-align: top;
color: #000000;
}
td {
font-family: Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
text-align: left;
vertical-align: top;

color: #000000;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
color: #006600;
padding-left: 20px;
padding-top: 20px;
text-align: left;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: italic;
font-weight: bold;
color: #006600;
padding-left: 20px;
text-align: left;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: normal;
color: #006600;
padding-left: 20px;
text-align: left;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #006600;
padding-left: 20px;
text-align: left;
}
.legende {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #006600;
text-align: center;
line-height: 1.1em;
}
a:link {
       font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        color: #0033CC;
        text-decoration: none;
        }
a:visited {
                color: #0033CC;
        text-decoration: none;
                }
a:hover {
                color: #0033CC;
        text-decoration: none;
                }
a:active {
                color: #0033CC;
        text-decoration: none;
                }
a.nav, a.nav_first, a.nav_self {
display: block;
background-repeat: no-repeat;
height:24px;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
letter-spacing: 0.1em;
margin-left: 10px;
padding-top: 4px;
text-align: center;
}
a.nav:link, a.nav_first:link,
a.nav:visited, a.nav_first:visited {
background-image: url(../Bilder/buttonhga.jpg);
color: #FFFFFF;
}
a.nav_self:link, a.nav_self:visited,
a.nav:active; a.nav_first:actibve, a.nav_self:active {
backgruond-image: url(../Bilder/buttonhgb.jpg);
color: #000000;
}
a.nav:hover, a.nav_first:hover, a.nav_self:hover {
background-image: url(../Bilder/buttonhga.jpg);
color: #FFFFFF;
font-weight: bold;
}
.aktuel {
display: block;
background-repeat: no-repeat;
height:24px;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
letter-spacing: 0.1em;
margin-left: 10px;
padding-top: 5px;
text-align: center;
color: #000000;
background-image: url(../Bilder/buttonhgb.jpg);
}
ul {
list-style-position: outside;
list-style-image: url(../Bilder/zeiger.jpg);
}
#layer2 {
width: 630px;
height: 830px;
text-align: center;
background-color: #FFF5CC;
}