html, body {
margin: 0px;
padding: 0px;
background-image: url(../Bilder/bodyhg.jpg);
}
#links {
position: absolute;
width: 50px;
height: 100%;
left: 0px;
top: 0px;
}
#rechts {
position: absolute;
width: px;
height: 100%;
}
#mitte {
position: fixed;
left: 50px;
top: 0px;
width: 800px;
}
#kitagruen {
position: fixed;
left: 50px;
top: 0px;
background-image: url(../Bilder/kitagruen.jpg);
background-repeat: no-repeat;
width: 492px;
height: 162px;
z-index: 3;
}
#logogruen {
position: fixed;
left: 542px;
top: 0px;
background-image: url(../Bilder/logogruen.jpg);
background-repeat: no-repeat;
width: 308px;
height: 162px;
z-index: 4;
}
#mauerlinks {
position: fixed;
left: 50px;
top: 162px;
background-image: url(../Bilder/mauerlinksgruen.jpg);
background-repeat: repeat-y;
width: 201px;
height: 100%;
z-index: 5;
}
#mauerrechts {
position: fixed;
left: 747px;
top: 162px;
background-image: url(../Bilder/mauerechtsgruen.jpg);
background-repeat: repeat-y;
width: 104px;
height: 100%;
z-index: 6;
}
#inhalt {
/*position: absolute;*/
margin-left: 250px;
margin-top: 162px;
background-color: #FFFFFF;
width: 470px;
padding-left: 15px;
padding-right: 15px;
padding-top: 0px;
z-index: 1;
}
body > #navigation {
position: fixed;
background-image: url(../Bilder/navigationgruen.jpg);
background-repeat: no-repeat;
top: 190px;
left: 80px;
width: 147px;
height: 344px;
z-index: 9;
}
#solorabe {
position: fixed;
background-image: url(../Bilder/solorabe.gif);
background-repeat: no-repeat;
bottom: 1%;
left: 106px;
width: 99px;
height: 80px;
z-index: 8;
}
h1 {
font: bolder small-caps 1.2em Georgia, "Times New Roman", serif;
color: #00B199;
text-align: left;
padding-top: 15px;
}
h2 {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.1em;
font-style: normal;
font-weight: normal;
color: #00B199;
text-align: left;
}
h3 {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.0em;
font-style: italic;
font-weight: normal;
color: #00B199;
text-align: left;
}
h4 {
font-family: Georgia, "Times New Roman", serif;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
color: #000000;
text-align: left;
}
p {
font-family: Georgia, "Times New Roman", serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: justify;
padding-right: 15px;
}
li {
font-family: Georgia, "Times New Roman", serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: justify;
margin-left: 6px;
margin-bottom: 15px;
padding-left: 0px;
padding-right: 15px;
}
td {
font-family: Georgia, "Times New Roman", serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: left;
padding-left: 3px;
}
ul {
list-style-position: inside;
list-style-image: url(../Bilder/listengruen.jpg);
margin-left: -40px;
}
a:link {
font-family: Arial, sans-serif; 
font-size: 0.9em; 
font-style: normal; 
font-weight: normal; 
color: #00B199;
text-decoration: none;
}
a:visited {
font-family: Arial, sans-serif; 
font-size: 0.9em; 
color: #00B199;
font-weight: normal; 
text-decoration: none;
}
a:hover {
font-family: Arial, sans-serif; 
font-size: 0.9em; 
color: #00B199;
font-weight: normal; 
text-decoration: none;
}
a:active {
font-family: Arial, sans-serif; 
font-size: 0.9em; 
color: #00B199;
font-weight: normal; 
text-decoration: none;
}
#layer1 {
margin-left: 10px;
padding: 10px;
text-align: left;
border: 1px solid #00B199;
width: 430px;
}
#layer2 {
margin-left: 20px;
text-align: left;
border: 0px;
width: 420px;
}
#bild {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
p1 {
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: left;
padding-right: 20px;
}