html, body {
margin: 0px;
padding: 0px;
background-color: #7FD8C7;
overflow: hidden;
}
#rahmen {
position: absolute;
background-color: #FFFFFF;
width: 90%;
height: 91%;
left: 5%;
top: 2%;
right: 5%;
bottom: 7%;
border: 2px solid #7FD8C7;
}
#oben {
position: absolute;
background-color: #ffffff;
left: 0px;
top: 0px;
width: 100%;
height: 120px;
z-index: 3;
}
#titelbild {
position: absolute;
background-image: url(../Bilder/titelbild09.jpg);
background-repeat: no-repeat;
left: 0px;
top: 0px;
width: 539px;
height: 120px;
z-index: 6;
}
#titel {
position: absolute;
background-image: url(../Bilder/titel09.jpg);
background-repeat: no-repeat;
left: 60%;
top: 0px;
width: 356px;
height: 120px;
z-index: 7;
}
#navigation {
position: absolute;
background-image: url(../Bilder/navigation.jpg);
background-repeat: repeat-x;
top: 120px;
left: 0px;
right: 0px;
width: 100%;
height: 27px;
border-top: 1px solid #FFFFFF;
z-index: 5;
}
#subnavigation {
position: absolute;
background-image: url(../Bilder/navigation.jpg);
background-repeat: repeat-x;
top: 147px;
left: 0px;
right: 0px;
width: 100%;
height: 27px;
border-bottom: 1px solid #FFFFFF;
z-index: 5;
}
#inhalt {
position: absolute;
background-color: #ffffff;
top: 152px;
left: 20px;
right: 0px;
height: 63%;
overflow: auto;
z-index: 1;
}
h1 {
font-family: Arial, sans-serif;
font-size: 1.1em;
font-style: normal;
font-weight: normal;
color: #561256;
text-align: left;
margin-top: 10px;
margin-left: 50px;
}
h2 {
font-family: Arial, sans-serif;
font-size: 1.1em;
font-style: italic;
font-weight: bold;
color: #561256;
text-align: right;
margin-right: 116px;
margin-top: 10px;
margin-bottom: 10px;
}
h3 {
font: bolder small-caps 1.0em Arial, sans-serif;
font-style: italic;
font-weight: bold;
color: #561256;
text-align: left;
margin-left: 0px;
}
h4 {
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
color: #561256;
text-align: left;
margin-left: 50px;
}
h5 {
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: italic;
font-weight: bold;
color: #561256;
text-align: left;
margin-top: 10px;
margin-left: 50px;
}
p {
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
margin-left: 50px;
margin-right: 116px;
text-align: justify;
color: #561256;
}
.zurueck {
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
margin-right: 116px;
text-align: right;
vertical-align: top;
color: #561256;
}
td {
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
margin: 10px;
line-height: 1.2em;
text-align: left;
vertical-align: top;
color: #561256;
border: 1px solid #7FD8C7;
}
li {
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
padding-left: 5px;
padding-right: 40px;
line-height: 1.5em;
text-align: left;
vertical-align: top;
margin-top: 10px;
color: #561256;
}
ul {
list-style-position: outside;
list-style-image: url(../Bilder/listenpunkt.jpg);
margin-left: 60px;
}
ol {
list-style-position: outside;
list-style-image: url(../Bilder/listenpunkt1.jpg);
margin-left: 30px;
}
#bild {
text-align: center;
margin-top: 20px;
}
#strich {
text-align: left;
margin-left: 40px;
width: 90%;
height: 20px;
background-image: url(../Bilder/strich2.jpg);
}
#strichl {
text-align: left;
margin-left: 40px;
margin-top: 30px;
width: 95%;
height: 20px;
background-image: url(../Bilder/strich2.jpg);
}
a:link {
font-family: Arial, sans-serif;
font-size: 1.0em;
font-style: italic;
font-weight: normal;
color: #8A208A;
text-decoration: none;
}
a:visited {
color: #8A208A;
font-style: italic;
text-decoration: none;
}
a:hover {
color: #8A208A;
font-style: italic;
text-decoration: none;
}
a:active {
color: #8A208A;
font-style: italic;
text-decoration: none;
                }
a.top_link {
position: absolute;
height: 20px;
font-family: Arial, sans-serif;
font-size: 0.9em;
font-weight: normal;
font-style: normal;
color: #561256;
text-decoration: none;
margin-top: 2px;
padding-left: 10px;
text-align: left;
}
a.top_link:link, a.top_link:visited {
font-weight: normal;
color: #561256;
}	
a.top_link:hover {
font-weight: bold;
color: #561256;
}
a.top_link:active {
font-weight: normal;
color: #561256;
}
a#home {
width: 60px;
bottom: 0px;
left: 65px;
}
a#doctor {
width: 100px;
bottom: 0px;
left: 135px;
}
a#praxis {
width: 96px;
bottom: 0px;
left: 245px;
}
a#service {
width: 70px;
bottom: 0px;
left: 320px;
}
a#leistung {
width: 110px;
bottom: 0px;
left: 410px;
}
a#kontakt {
width: 86px;
bottom: 0px;
left: 525px;
}
a#anfahrt {
width: 80px;
bottom: 0px;
left: 620px;
}
a#impressum {
width: 110px;
bottom: 0px;
left: 720px;
}
a#vorsorgen {
width: 220px;
bottom: 0px;
left: 65px;
}
a#impfen {
width: 120px;
bottom: 0px;
left: 300px;
}
a#naturheil {
width: 170px;
bottom: 0px;
left: 430px;
}
a#ernaehren {
width: 180px;
bottom: 0px;
left: 630px;
}
.legende {
font-family: Arial, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
color: #561256;
text-align: left;
margin-left: 50px;
}
.legende1 {
font-family: Arial, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
color: #561256;
text-align: right;
margin-right: 0px;
}
.legende2 {
font-family: Arial, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
color: #561256;
text-align: left;
margin-left: 0px;
}
#layer1 {
width: 80%;
border: 1px solid #00B28F; 
margin-left: 50px;
}
#tabelle1 {
width: 180px;
height: 100px; 
border: 1px solid #7FD8C7; 
margin-left: 0px;
margin-top: 20px;
}
#tabelle {
margin: 3px;
width: 99%;
border: 1px solid #7FD8C7;
}
#tabelle3 {
border: 1px solid #7FD8C7;
width: 85%;
margin-left: 50px;
text-align: left; 
}
.tabelle3 {
border: 1px solid #7FD8C7;
width: 85%;
margin-left: 50px;
text-align: left; 
}
#naturheilbild {
width: 200px; 
height: 167px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
#naturheilbild1 {
float: left;
width: 167px; 
height: 200px;
margin: 5px 10px 10px 30px;
}
#bild {
float: left;
margin-right: 20px;
margin-left: 0px; 
margin-bottom: 10px;
}
.fussnote {
font-family: Arial, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #ff0000;
}
