html, body  {
padding: 0px;
margin: 0px;
background-image: url(../Bilder/bodyhg.jpg);
overflow: hidden;
}
#rahmen {
position: absolute;
left: 5%;
top: 2%;
right: 5%;
bottom: 8%;
width: 900px;
height: 92%;
border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
background-image: url(../Bilder/inhalthg.jpg);
text-align: center;
}
#oben {
position: absolute;
width: 900px;
height: 200px;
left: 0px;
top: 0px;
z-index: 3;
}
#unten {
position: absolute;
left: 5%;
bottom: 2%;
top: 94%;
background-color: #6EB1F5;
height: 4%;
width: 900px;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
z-index: 9;
}
#boot {
position: absolute;
background-image: url(../Bilder/boot.jpg);
background-repeat: no-repeat;
width: 313px;
height: 200px;
left: 0px;
top: 0px;
z-index: 6;
}
#wasser {
position: absolute;
background-image: url(../Bilder/wasser.jpg);
background-repeat: no-repeat;
width: 282px;
height: 200px;
left: 313px;
top: 0px;
z-index: 5;
}
#haus {
position: absolute;
background-image: url(../Bilder/haus.jpg);
background-repeat: no-repeat;
width: 305px;
height: 200px;
left: 595px;
right: 0px;
top: 0px;
z-index: 7;
}
#navigationshg {
position: absolute;
background-image: url(../Bilder/navigationshg.jpg);
background-repeat: repeat-y;
top: 0px;
left: 0px;
width: 214px;
height: 100%;
z-index: 2;
}
#navigation {
position: absolute;
left: 0px;
top: 210px;
width: 184px;
height: 60%;
z-index: 8;
}
#inhalt {
position: absolute;
background-image: url(../Bilder/inhalthg.jpg);
left: 214px;
top: 202px;
width: 686px;
height: 65%;
overflow: auto;
z-index: 1;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
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 {
display: block;
background-image: url(../Bilder/uphg.jpg);
background-repeat: no-repeat;
height: 48px;
width: 180px;
font-family: Arial, sans-serif;
font-size: 1.0em;
font-weight: normal;
color: #556EFF;
text-decoration: none;
padding-bottom: 5px;
margin-left: 1px;
padding-left: 4px;
text-align: center;
}
a.nav:hover {
background-image: url(../Bilder/overhg.jpg);
color: #3B4DFF;
}
.aktuel {
display: block;
background-image: url(../Bilder/downhg.jpg);
background-repeat: no-repeat;
height: 48px;
width: 180px;
font-family: Arial, sans-serif;
font-size: 1.0em;
font-weight: normal;
text-decoration: none;
margin-left: 1px;
padding-bottom: 5px;
padding-left: 4px;
text-align: center;
color: #0000FF;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: normal;
color: #0000FF;
text-align: left;
margin: 30px 80px 10px 40px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
color: #0000FF;
text-align: left;
margin: 20px 80px 10px 40px;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: left;
margin: 20px 80px 10px 40px;
}
.legende {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: center;
margin-top: 4px;
}
ul {
list-style-position: outside;
list-style-image: url(../Bilder/zeiger.jpg);
margin-left: 50px;
}
li {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: left;
margin: 10px 80px 10px 10px;
}
td {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: left;
margin-left: 4px;
margin-top: 4px;
}