* {
 margin: 0;
 padding: 0;
}
body{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 100.01%;
}
h1,.u {
    position: absolute;
    left: -2000em;
    top: -2000em;
    width: 100em;
}
.clear {
 clear: both;
 visibility: hidden;
}
#kopf {
 width: 100%;
 height: 125px;
}
#kopf img {
 border: none;
}
.stadtlogo {
 position: absolute;
 right: 0px;
 top: 0px;
}
.sublogo {
    margin: 5px;
}
#navi {
display: none;
}
#navi ul{
display: none;
}
*html #navi ul {
    margin-top: 15px;
}
#navi li {
display: none;
}
#navi li a,
#navi li a:link,
#navi li a:visited{
display: none;
}
#navi li a:hover,
#navi li a:active,
#navi li a:focus,
#navi li a.aktiv,
#navi li a.aktiv:link,
#navi li a.aktiv:visited{
display: none;
}
#navi li li {
display: none;
} 
#mitte {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 220px;
    margin-right: 10px;
    font-size: 0.8em;
}
#inhalt {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 8px;
    font-size: 0.8em;
}
#rechts {
    position: absolute;
    top: 137px;
    right: 5px;
    width: 200px;
    padding: 10px;
    font-size: 0.8em;
}
#mitte h2,
#inhalt h2,
#rechts h2 {
    color: #000000;
    font-variant: small-caps;
    margin-top: -50px;
    margin-bottom: 35px;
    font-weight: 300;
    font-size: 1.8em;
}
#mitte p,
#inhalt p,
#rechts p{
    margin-top: 10px;
    margin-bottom: 1em;
    margin-left: 10px;
    line-height: 1.5em;
}
#inhalt p a,
#inhalt p a:link,
#inhalt p a:visited,
#inhalt li a,
#inhalt li a:link,
#inhalt li a:visited,
#mitte p a,
#mitte p a:link,
#mitte p a:visited,
#mitte li a,
#mitte li a:link,
#mitte li a:visited,
#rechts p a,
#rechts p a:link,
#rechts p a:visited,
#rechts li a,
#rechts li a:link,
#rechts li a:visited  {
     color: #F7811E;
}
#inhalt p a:hover,
#inhalt p a:active,
#inhalt p a:focus,
#inhalt li a:hover,
#inhalt li a:active,
#inhalt li a:focus,
#mitte p a:hover,
#mitte p a:active,
#mitte p a:focus,
#mitte li a:hover,
#mitte li a:active,
#mitte li a:focus,
#rechts p a:hover,
#rechts p a:active,
#rechts p a:focus,
#rechts li a:hover,
#rechts li a:active,
#rechts li a:focus   {
     color: #ffffff;
     background-color: #F7811E;
}
#mitte h3,
#inhalt h3,
#rechts h3{
     color: #ffffff;
     background-color: #774332;
     padding: 5px;
     margin-bottom: 0.6em;
     font-size: 1.1em;
     clear: both;
}
#mitte ul,
#inhalt ul,
#rechts ul {
     margin-top: 8px;
     margin-bottom: 1em;
}
#mitte li,
#inhalt li,
#rechts li {
     margin-left: 30px;
     list-style-type: disc;
     line-height: 1.4em;
}
#mitte img,
#rechts img,
#inhalt img {
    border: 1px solid #774334;
    margin: 5px;
}
.rechts {
     float: right;
     padding-left: 5px;
     padding-bottom: 5px;
     clear: both;
}
.links {
     float: left;
     padding-right: 5px;
     padding-bottom: 5px;
}
.braun {
    background-color: #EAD9CF;
    padding: 5px;
    margin: 8px; 
    clear: both;
}
.braun h4 {
    margin: 5px;
     font-size: 1em;
}
.grau {
    background-color: #DEDEDE;
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 200px;
    clear: both;
}
.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}
.galerie {
    font-size: 0.8em;
    float: left;
    width: 210px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #EAD9CF;
}
.weiss {
     clear: both;
}