html, body {
margin: 0px;
padding: 0px;
background-color: #08bdf8;
overflow: hidden;
}
#rahmen {
position: absolute;
background-color: #FFFFFF;
width: 90%;
height: 91%;
left: 5%;
top: 2%;
right: 5%;
bottom: 7%;
border-top: 2px solid #3190af;
border-left: 2px solid #3190af;
border-right: 2px solid #3190af;
}
#oben {
position: absolute;
top: 0px;
left: 0px;
background-image: url(../Bilder/oben09hg.jpg);
background-repeat: repeat-x;
height: 200px;
width: 100%;
z-index: 2;
}
#titelbild {
position: absolute;
top: 0px;
left: 15px;
background-image: url(../Bilder/titelbildmk09_1.jpg);
background-repeat: no-repeat;
width: 200px;
height: 223px;
z-index: 3;
}
#titelbild2 {
position: absolute;
top: 0px;
right: 15px;
background-image: url(../Bilder/titelbildmk_2.jpg);
background-repeat: no-repeat;
width: 181px;
height: 112px;
z-index: 4;
}
#titel {
position: absolute;
top: 0px;
left: 220px;
background-image: url(../Bilder/titel09.jpg);
background-repeat: no-repeat;
width: 401px;
height: 46px;
z-index: 5;
}
#bezeichnung {
position: absolute;
background-image: url(../Bilder/bezeichnung09.jpg);
background-repeat: no-repeat;
left: 220px;
top: 50px;
width: 511px;
height: 50px;
z-index: 6;
}
#unten {
position: absolute;
background-color: #a1dff3;
left: 5%;
right: 5%;
top: 93%;
width: 90%;
height: 4%;
border-top: 2px solid #0b5e79;
border-bottom: 2px solid #3190af;
border-left: 2px solid #3190af;
border-right: 2px solid #3190af;
}
#navigation {
position: absolute;
margin-top: 100px;
left: 220px;
right: 0px;
width: 70%;
height: 40px;
padding-top: 15px;
z-index: 6;
}
#inhalt {
position: absolute;
left: 10%;
right: 0px;
top: 223px;
bottom: 10px;
width: 90%;
background-color: #FFFFFF;
overflow: auto;
z-index: 1;
}
#copyrights {
position: absolute;
background-image: url(../Bilder/copyrights.jpg);
background-repeat: no-repeat;
left: 0px;
bottom: 10px;
width: 16px;
height: 199px;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
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;
}
.legende {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
color: #000000;
padding-top: 5px;
}
a.top_link {
display: block;
position: absolute;
height: 40px;
font-family: Arial, sans serif;
font-size: 0.9em;
font-weight: normal;
font-style: normal;
color: #0B5E79;
text-decoration: none;
padding-top: 8px;
text-align: center;
	}
a.top_link:link, a.top_link:visited {
color: #0B5E79;
}
a.top_link:hover {
font-weight: bold;
font-style: normal;
color: #0B5E79;
}
a.top_link:active {
font-weight: bold;
color: #000000;
}
a#drkairies {
padding-top: 8px;
left: 10px;
}
a#drkairiesdown {
padding-top: 8px;
left: 10px;
font-weight: bold;
color: #000000;
}
a#praxis {
padding-top: 8px;
left: 115px;
}
a#praxisdown {
padding-top: 8px;
left: 115px;
font-weight: bold;
color: #000000;
}
a#mitarbeiter {
padding-top: 8px;
left: 217px;
}
a#mitarbeiterdown {
padding-top: 8px;
left: 217px;
font-weight: bold;
color: #000000;
}
a#leistung {
padding-top: 8px;
left: 385px;
}
a#leistungdown {
padding-top: 8px;
left: 385px;
font-weight: bold;
color: #000000;
}
a#kontakt {
padding-top: 5px;
left: 230px;
}
a#kontaktdown {
padding-top: 5px;
left: 230px;
font-weight: bold;
color: #000000;
}
a#anfahrt {
padding-top: 5px;
left: 325px;
}
a#anfahrtdown {
padding-top: 5px;
left: 325px;
font-weight: bold;
color: #000000;
}
a#home {
padding-top: 5px;
left: 425px;
}
a#homedown {
padding-top: 5px;
left: 425px;
font-weight: bold;
color: #000000;
}
a#impressum {
padding-top: 5px;
left: 500px;
}
a#impressumdown {
padding-top: 5px;
left: 500px;
font-weight: bold;
color: #000000;
}
h1 {
font: small-caps 18pt/1.2em Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: #0B5E79;
text-align: right;
margin-top: 20px;
margin-left: 60px;
margin-right: 60px;
}
h2 {
font-family: Arial, sans serif;
font-size: 1.1em;
font-style: italic;
font-weight: normal;
color: #0B5E79;
text-align: center;
}
h3{
font-family: Arial, sans serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
color: #0B5E79;
text-align: left;
margin-left: 60px;
margin-right: 60px;
}
h4 {
font-family: Arial, Helvetica, sans serif;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
color: #0B5E79;
text-align: left;
padding-left: 60px;
padding-right: 60px;
}
p {
font-family: Arial, sans serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: left;
margin-left: 60px;
margin-right: 60px;
line-height: 1.5em;
}
ul {
list-style-position: outside;
list-style-image: url(../Bilder/listenpunkt.jpg);
margin-left: 50px;
}
li {
font-family: Arial, Helvetica, sans sans serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: left;
margin-left: 10px;
margin-right: 60px;
}
td {
font-family: Arial, Helvetica, sans serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: left;
vertical-align: top;
padding: 5px;
}
#layer1 {
position:absolute;
background-color: #FFFFFF;
left:0px;
top:0px;
width: 700px;
height: 100%;
overflow: auto;
z-index: 1;
}
#layer2	{
position:absolute;
background-color: #FFFFFF;
left:0px;
top:0px;
width: 390px;
height:550px;
text-align: center;
z-index: 1;
}