/*Stylesheets*/
* { padding: 0; margin: 0; }
html { height: 100%; margin-bottom: 1px; }
body {
background-color: #99ccff;
color: white;
font-family: "Comic Sans MS";
font-size: 1.3em;
}
#wrapper {
background-color: #ffffff;
color: black;
width: 960px; /* Breite des Inhaltsbereichs */
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
#kopfbereich {
height: 335px;
color: black;
padding-top: 3px;
margin-right: auto;
padding-bottom: 0px;
margin-left: 20px;
z-index: 1;
}
#w {
position: absolute;
margin-left: -16px;
top: 239px;
z-index: 2;
}
#kopfbereich-p span {
color: #d90000;
}
#kopfbereich a span {
position:relativ;
margin-left: 300px;
margin-top: 50px;
color: #ffffff;
}
#navibereich {
font-size: 0.8em;
height: 25px;
text-align: right;
padding-top: 3px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 10px;
border-bottom: 1px solid #99CCFF;
}
#navibereich li{
display: inline;
list-style-type: none;
}
#navibereich2 {
font-size: 0.8em;
height: 25px;
text-align: right;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
border-bottom: 1px solid #99CCFF;
}
#navibereich2 li{
display: inline;
list-style-type: none;
}
#textbereich {
width: 900px;
background-color: #92abed;
color:#353535;
padding-top: 20px;
margin-right: 20px;
padding-bottom: 20px;
margin-left: 20px;
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
index-z: 3;
}
#logo {
position: absolute;
top: 405px;
right: 320px;
index-z: 4;
}
#fussbereich {
width: 920px;
height: 120px;
background-color: #92abed;
color: #ffffff;
margin-left: 20px;
margin-bottom: 20px;
}
#fussbereich2 {
height: 1px;
background-color: #ffffff;
}
img#logo {
background-color: white;
color: black;
}
h1 {font-size: 150%;}
h2 {font-size: 130%;}
address {
text-align: center;
font-size: 80%;
font-style: normal;
letter-spacing: 2px;/*Abstand zwischen den Buchstaben*/
line-height: 1.6; /*Zeilenabstand*/
index-z: 10;
}
a {
text-decoration: none;
}
a:link { color: #d55b96;}
a:visited { color: #92abed;}
a:hover,
a:focus {
border-bottom: 2px solid #0066ff;
color: #0066ff;
}
 a:active {
color: #0066ff;
}
#textbereich a{
border-bottom: 1px dotted #cc0000;
}
#textbereich a:hover,
#textbereich a:focus {
border-bottom: 1px solid #d90000;
}
/* Abstand nach unten*/
h2,p,ul { margin-bottom: 1em; }

/* Abstand von links*/
li { margin-left: 1em;}
.skiplink {
position: absolute;
top: -9999px;
left: -9999px;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
}
.illustrativ {
float: right;
margin: 0.5em 0 1em 2;
background: #99ccff;
border:1px solid #ffffff;
padding: 5px;
}
.illustrativ1 {
float: left;
margin: 0.5em 2em 1em 0;
background: #99ccff;
border:1px solid #ffffff;
padding: 5px;

}
.illustrativ2 {
float: right;
margin: 0.5em 0 1em 2em;
background: #99ccff;
border:1px solid #ffffff;
padding: 5px;
}
.besonderheit {
  text-align: center; 
}
strong {
font-weight: bold;
font-style: italic;
}