html, body {
margin: 0px;
padding: 0px;
background-color: #3333CC;
overflow: hidden;
}
#rahmen {
position: absolute;
width: 90%;
height: 95%;
left: 5%;
right: 5%;
top: 2%;
bottom: 3%;
border: 2px solid #CCE6FF;
background-color: #FFFFFF;
}
#oben {
position: absolute;
background-image: url(../Bilder/oben08.jpg);
background-repeat: repeat-x;
top: 0px;
left: 0px;
height: 150px;
width: 100%;
z-index: 2;
}
#titelbild {
position: absolute;
background-image: url(../Bilder/titelbild08.jpg);
background-repeat: no-repeat;
top: 0px;
left: 0px;
height: 180px;
width: 210px;
z-index: 4;
}
#titel {
position: absolute;
background-image: url(../Bilder/titel08.jpg);
background-repeat: no-repeat;
top: 10px;
margin-left: 260px;
width: 600px;
height: 84px;
z-index: 5;
}
#fachaerzte {
position: absolute;
background-image: url(../Bilder/fachaerzte.jpg);
background-repeat: no-repeat;
text-align: left;
margin-left: 410px;
top: 98px;
width: 300px;
height: 28px;
z-index: 7;
}
#inhalt {
position: absolute;
left: 230px;
right: 0px;
bottom: 0px;
top: 180px;
height: 66%;
overflow: auto;
z-index: 1;
}
#unten {
position: absolute;
left: 5%;
bottom: 3%;
right: 5%;
top: 92%;
background-color: #FDFFC9;
border-left: 2px solid #CCE6FF;
border-right: 2px solid #CCE6FF;
border-bottom: 2px solid #CCE6FF;
border-top: 1px solid #3333CC;
height: 3%;
width: 90%;
z-index: 8;
}
#navigationshg {
position: absolute;
background-image: url(../Bilder/navigation08hg.jpg);
background-repeat: repeat-y;
top: 0px;
left: 0px;
bottom: 0px;
width: 210px;
height: 100%;
}
#navigation {
position: absolute;
top: 200px;
left: 30px;
width: 140px;
height: 60%;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: normal;
color: #000099;
text-align: right;
margin: 40px 70px 30px 50px;
background-color: #FFFFCC;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-style: normal;
font-weight: normal;
color: #000099;
background-color: #FFFFCC;
text-align: right;
margin-left: 50px;
margin-right: 70px;
margin-top: 20px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
color: #000099;
text-align: left;
margin-left: 50px;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
color: #000099;
text-align: left;
margin-left: 50px;
}
p {
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
line-height: 1.5em;
text-align: left;
margin-left: 50px;
padding-right: 40px;
vertical-align: top;
color: #000099;
}
p1 {
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-align: left;
margin-left: 50px;
padding-right: 40px;
vertical-align: top;
color: #000099;
background-color: #ffffcc;
}
li {
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
padding-right: 40px;
line-height: 1.4em;
text-align: left;
padding-left: 10px;
vertical-align: top;
color: #000099;
}
td {
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
line-height: 1.4em;
text-align: left;
vertical-align: top;
color: #000099;
padding-left: 4px;
}
ul {
list-style-position: outside;
list-style-image: url(../Bilder/listenpunkt.jpg);
padding-left: 60px;
}
ol {
list-style-position: outside;
list-style-image: url(../Bilder/listenpunkt.jpg);
padding-left: 70px;
}
.legende {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
color: #000099;
text-align: left;
margin-left: 50px;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #cc33ff;
text-decoration: none;
}
a:visited {
color: #cc33ff;
text-decoration: none;
}
a:hover {
color: #cc33ff;
text-decoration: none;
}
a:active {
color: #cc33ff;
text-decoration: none;
}
a.nav {
display: block;
background-image: url(../Bilder/uphg.jpg);
background-repeat: no-repeat;
text-align: center;
height: 6%;
width: 100%;
font-family: Arial, sans serif;
font-size: 0.9em;
font-weight: normal;
color: #000099;
text-decoration: none;
padding-top: 7px;
}
a.nav:hover {
background-image: url(../Bilder/overhg.jpg);
background-repeat: no-repeat;
color: #000099;
font-weight: normal;
font-style: normal;
}
.aktuel {
display: block;
background-image: url(../Bilder/downhg.jpg);
background-repeat: no-repeat;
text-align: center;
height: 6%;
width: 100%;
font-family: Arial, sans serif;
font-size: 0.9em;
font-weight: normal;
font-style: normal;
color: #99ccff;
padding-top: 7px;
text-decoration: none;
}
#layer {
position: absolute;
width: 630px;
height: 380px;
background-image: url(../Bilder/home.jpg);
background-repeat: no-repeat;
margin-left: 40px;
margin-top: 36px;
}
.layer1 {
position: absolute;
width: 490px;
height: 30px;
background-color: #FFFFCC;
border: 1px solid #000099;
text-align: left;
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
margin-top: 45px;
padding: 2px 6px 3px 10px;
}
.layer2 {
position: absolute;
width: 430px;
height: 46px;
background-color: #FFFFCC;
border: 1px solid #000099;
text-align: left;
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
margin: 85px 0px 0px 0px;
padding: 2px 6px 3px 10px;
}
.layer3 {
position: absolute;
width: 405px;
height: 32px;
background-color: #FFFFCC;
border: 1px solid #000099;
text-align: left;
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
margin: 142px 0px 0px 0px;
padding: 2px 6px 3px 10px;
}
.layer4 {
position: absolute;
width: 375px;
height: 32px;
background-color: #FFFFCC;
border: 1px solid #000099;
text-align: left;
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
margin: 185px 0px 0px 0px;
padding: 2px 6px 3px 10px;
}
.layer5 {
position: absolute;
width: 345px;
height: 32px;
background-color: #FFFFCC;
border: 1px solid #000099;
text-align: left;
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
margin: 228px 0px 0px 0px;
padding: 2px 6px 3px 10px;
}
.layer6 {
position: absolute;
width: 345px;
height: 26px;
background-color: #FFFFCC;
border: 1px solid #000099;
text-align: left;
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
margin: 270px 0px 0px 0px;
padding: 6px 6px 3px 10px;
}
.layer7 {
position: absolute;
width: 85%;
text-align: left;
font-family: Arial, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
margin: 420px 0px 0px 0px;
padding: 6px 0px 3px 2px;
}
.layer8 {
width: 540px;
background-color: #FFFFCC;
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
text-align: left;
vertical-align: top;
color: #000099;
padding: 4px;
margin-left: 50px;	
}
.layer9 {
width: 85%;
background-color: #FFFFCC;
font-family: Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
text-align: left;
vertical-align: top;
color: #000099;
padding: 4px;
margin-left: 50px;	
}