* {
 padding: 0;
 margin: 0;
}

body {
 background: url(bilder/back.jpg);
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
 text-align: center;
}

#wrapper {
 color: #3F3F3F;
 background-color: #faf9d0;
 width: 62em;
 margin: 1em auto 1em auto;
 text-align: left;
}

#kopf {
 background: url(bilder/logoklein2.jpg);
 background-repeat: repeat-x;
 height: 121px;
 padding: 0 2em 0 2em;
}

#kopf h1 {
 text-align: center;
 font-size: 3em;
 color: #0f5d73;
 letter-spacing: 0.4em;
 padding-top: 0.5em;
}
#navi {
 background-color: #CCFFFF;
 color:#0070C0;
 padding: 1.5em 2em 0.3em 2em;
}

#navi ul li{
 list-style-type: none;
 display: inline;
 /*margin: 0;*/
 padding-right: 0.5em;
}

#navi a{
 padding: 0.5em 0.5em 0.3em 0.5em;
 /*border: 2px solid #83A8B2;*/
 font-weight: bold;
 color: #0070C0;
 background-color: #CCFFFF;
}

#navi a:hover, a:focus,
#startseite #navi01 a,
#aktuell #navi02 a,
#lehrer #navi03 a,
#formen #navi04 a,
#termine #navi05 a,
#kontakt #navi06 a {
 background-color: #83A8B2;
 color: #EFEFEF;
}

#text {
 padding: 2em 2em 2em 2em;
}
#text p {
 line-height: 1.5em;
}
#text h3 {          /*Überschrift Index*/
 letter-spacing: 0.5em;
 font-size: 1.5em;
 margin-bottom: 1em;
}
#text h4 {
 font-size: 1.3em;
 font-weight: bold;
}
#text a {
 color: #0070C0;
 background-color: #CCFFFF;
 font-weight: bold;
 padding: 0.1em;
}
#text a:hover {
 color: #EFEFEF;
 background-color: #83A8B2;
}
#text .rechts {
 float: right;
 margin-right: 1.5em;
}
#text .titel {
 float: right;
 margin-right: 3em;
 margin-bottom: 4em;
}
#text ul {
 list-style-type: none;
 margin-left: 2em;
}
#text li {
  margin-bottom: 0.5em;
}
#fuss {
 clear: both;
 padding: 1em 2em 1em 2em;
 border-top: 3px solid #0E5C72;
 margin-top: 2em;
 text-align: center;
}

address {
 font-size: 1.2em;
 font-style: normal;
 letter-spacing: 0.2em;
 line-height: 1.5em;
}

a {
 text-decoration: none;
}

a:hover, a:focus {
 /*border-bottom: 0.5em solid #83A8B2;*/
}