* {
 margin: 0;
 padding: 0;
}
body{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 100.01%;
 background-image: url(/stadt/denkmalpflege/pics/hg_navi.gif);
 background-position: 0 125px;
 background-repeat: repeat-y;
}
h1,.u {
    position: absolute;
    left: -2000em;
    top: -2000em;
    width: 100em;
}
.clear {
 clear: both;
 visibility: hidden;
}
#kopf {
 width: 100%;
 height: 125px;
 background-image: url(/stadt/denkmalpflege/pics/hg_kopf_braun.gif);
 background-repeat: no-repeat;
}
#kopf img {
 border: none;
}
.stadtlogo {
 position: absolute;
 right: 0px;
 top: 0px;
}
.sublogo {
    margin: 10px;
}

#navi {
 position: absolute;
 top: 130px;
 width: 180px;
 font-size: 1em;
 font-weight: 600;
 padding-bottom: 15px;
}
#navi ul{
padding-left: 5px;
}

*html #navi ul {
    margin-top: 15px;
}

#navi li {
 list-style-type: none;
 padding-bottom: 5px;
 xpadding-top: 5px;
}
#navi li a,
#navi li a:link,
#navi li a:visited{
 display: block;
 color: #000000;
 text-decoration: none;
 padding: 3px 3px 0 8px;
}
#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: block;
   text-decoration: none;
   color: #F7811E;
}
#navi li li {
     padding-top: 0;
     padding-left: 10px;
     font-size: 0.8em;
} 

#mitte {
    padding-left: 200px;
    padding-right: 220px;
    margin-right: 10px;
    font-size: 0.8em;
}
#inhalt {
    padding-left: 200px;
    padding-right: 25px;
    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-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;
    padding: 2px 2px 2px 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #EAD9CF;
}
.weiss {
     clear: both;
}