html, body {
margin: 0px;
padding: 0px;
background-color: #99ccff;
overflow: hidden;
}
#inhalthg {
position: absolute;
left: 10%;
top: 0%;
right: 10%;
bottom: 0%;
width: 80%;
height: 100%;
background-color: #FFFFFF;
text-align: center;
}
#oben {
position: absolute;
left: 10%;
top: 1%;
width: 700px;
height: 16%;
text-align: center;
z-index: 3;
}
#unten {
position: absolute;
left: 10%;
top: 88%;
bottom: 4%;
width: 700px;
height: 8%;
text-align: center;
vertical-align: top;
z-index: 7;
}
#navigation {
position: absolute;
left: 10%;
top: 19%;
width: 704px;
height: 6%;
z-index: 4;
}
#inhalt {
position: absolute;
left: 10%;
top: 28%;
bottom: 12%;
width: 700px;
height: 60%;
overflow: auto;
z-index: 2;
}
p {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #000000;
font-weight: normal;
font-size: 0.9em;
text-align: left;
margin-left: 2px;
margin-right: 30px;
vertical-align: top;
}
.legende {
font-family: Arial, sans-serif;
color: #000000;
font-weight: normal;
font-size: 0.8em;
text-align: center;
vertical-align: top;
}
h1 {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #3366cc;
font-size: 1.2em;
font-weight: bold;
text-align: left;
margin-left: 15px;
margin-top: 20px;
}
h2 {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #000000;
font-size: 1.0em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: left;
margin-left: 120px;
margin-top: 10px;
}
h3 {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #000080;
font-size: 1.0em;
font-weight: normal;
text-align: left;
margin-left: 2px;
margin-right: 30px;
margin-top: 10px;
}
h4 {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #000080;
font-size: 0.9em;
font-weight: bold;
text-align: left;
margin-left: 1px;
margin-bottom: -14px;
}
h5 {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #ff8000;
font-size: 0.9em;
font-weight: normal;
text-align: left;
margin-left: 2px;
margin-top: 10px;
}
td {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #000000;
font-weight: normal;
font-size: 0.9em;
text-align: left;
margin-left: 2px;
}
ul {
list-style-position: outside;
list-style-image: url(../Bilder/quadrat.jpg);
margin-left: 5px;
margin-top: 10px;
}
ol {
list-style-position: outside;
list-style-type: decimal;
margin-left: 5px;
margin-top: 10px;
font-weight: normal;
}
li {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #000000;
font-weight: normal;
font-size: 0.9em;
text-align: left;
margin: 10px 30px 0px 20px;
}
a.hyper:link {
font-family: Arial, sans-serif;
font-size: 0.9em;
color: #3366cc;
font-weight: bold; 
text-decoration: none;
}
a.hyper:visited { 
color: #3366cc; 
font-weight: bold; 
text-decoration: none; 
}
a.hyper:hover { 
color: #FF8000;  
font-weight: bold; 
text-decoration: none;
}
a.hyper:active  {
color: #3366cc; 
font-weight: bold;  
text-decoration: none; 
}
.jetzt {
display: block;
text-align: center;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
color: #3366cc;
padding: 8px 0px 8px 0px;
background-color: #ffffff;
border: 1px solid #3366cc;
}
.navi {
display: block;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 0.9em;
color: #CCCCCC;
background-color: #3366CC;
border: 1px solid #3366CC;
text-align: center;
padding: 8px 0px 8px 0px;
text-decoration: none;
}
.navi:hover {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 0.9em;
color: #000000;
background-color: #99CCFF;
border: 1px solid #99CCFF;
text-align: center;
padding: 8px 0px 8px 0px;
text-decoration: none;
}
/*.navi:visited {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
color: #CCCCCC;
text-align: center;
padding: 8px 0px 8px 0px;
background-color: #003366;
border: 1px solid #003366;
}*/
.navi:active {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 12px;
color: #CCCCCC;
background-color: #003366;
border: 1px solid #003366;
text-align: center;
padding: 8px 0px 8px 0px;
text-decoration: none;
}
td.eins {
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
width: 30px;
background-color: #cccccc;
}
td.zwei {
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
width: 470px;
}
td.drei {
background-color: #cccccc;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
text-align: right;
width: 120px;
}
td.sp1 {
background-color: #CCCCCC;
font-size:0.9em;
font-weight: bold;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
width: 150px;
padding: 6px;
}
td.sp2 {
background-color: #FFFFFF;
font-size: 0.9em;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
width: 80px;
padding: 6px;
}
td.sp3 {
background-color: #CCCCCC;
font-size:0.9em;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
width: 60px;
padding: 6px;
}
td.sp4 {
background-color: #FFFFFF;
font-size:0.9em;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
width: 60px;
padding: 6px;
}
td.sp5 {
background-color: #FFFFFF;
font-size:0.9em;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
text-align: right;
width: 120px;
padding: 6px;
}
td.sp6 {
background-color: #FFFFFF;
font-size:0.9em;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
text-align: left;
width: 136px;
padding: 6px;
}
td.tp1 {
background-color: #99ccff;
font-size:0.9em;
font-weight: bold;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
width: 150px;
padding: 6px;
}
td.tp2 {
background-color: #99ccff;
font-size: 0.9em;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
width: 80px;
padding: 6px;
}
td.tp3 {
background-color: #99ccff;
font-size:0.9em;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
width: 60px;
padding: 6px;
}
td.tp4 {
background-color: #99ccff;
font-size:0.9em;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
width: 60px;
padding: 6px;
}
td.tp5 {
background-color: #99ccff;
font-size:0.9em;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
text-align: right;
width: 120px;
padding: 6px;
}
td.tp6 {
background-color: #99ccff;
font-size:0.9em;
border: solid 1px #99CCFF;
border-spacing: 0px;
vertical-align: top;
text-align: left;
width: 136px;
padding: 6px;
}