/*Stylesheets*/
* { padding: 0; margin: 0; }
html { height: 100%; margin-bottom: 1px; }
body {
background-color: #8c8c8c;
color: white;
font-family: "Comic Sans MS";
font-size: 1.3em;
}
#wrapper {
background-color: #FF00FF;
color: black;
width: 960px; /* Breite des Inhaltsbereichs */
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
#kopfbereich {
height: 270px;
color: black;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 0px;
}
#kopfbereich p span {
color: #d90000;
}
#navibereich {
font-size: 0.8em;
height: 25px;
text-align: right;
background-color: #FF00FF;
padding-top: 3px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 10px;
border-bottom: 1px solid #FFFFCC;
}
#navibereich li{
display: inline;
list-style-type: none;
}
#navibereich2 {
font-size: 0.8em;
height: 25px;
text-align: right;
background-color: #FF00FF;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
border-bottom: 1px solid #FFFFCC;
}
#navibereich2 li{
display: inline;
list-style-type: none;
}
#textbereich {
background-color: #FF00FF;
padding-top: 20px;
padding-right: 80px;
padding-bottom: 20px;
padding-left: 80px;
margin-top: 20px;
}
#textbereich img {
float : left;
margin-right : 20px;
margin-bottom: 10px;
border : 1px solid #ccc;
padding : 2px;
background-color : #fff;
list-style : none;
}
#fussbereich {
background-color: #ffffcc;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
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*/
}
a {
text-decoration: none;
}
a:link { color: #FFFFcc;}
a:visited { color: #660099#660099;}
a:hover,
a:focus {
border-bottom: 2px solid #99CCFF;
color: #99CCFF;
}
a:active {
background-color: ;
color: #99CCFF;
}
#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;
}
#box1 {

background: url(images/welle2.gif);
height: 56px;
width: 960px;
}
#box3 {
background: url(images/logo216.jpg); 
width: 960px;
height: 216px;
}