html, body {
height:100%;
margin:0;
padding:0;
background-color:#CCCCCE;
}
#content {
background:url(../bilder/quadrategrmit.jpg) no-repeat bottom left;
height:100%;
min-height:100%;
margin:0;
padding:0;
}
/* Hier beginnt der Oberer Bereich */
body>#content{
height:auto;
}
#header {
border-top:5px solid #C52B2A;
background-color:#CCCCCE;
height:133px;
margin:0;
padding:0;
}
#logo {
background: url(../bilder/logo-hoeger.jpg) no-repeat bottom;
width:250px;
height:133px;
margin:0;
padding:0;
float:left;
}
#bildgr {
background-color:#CCCCCE;
margin:0;
padding:0;
width:208px;
height:132px;
position:absolute;
top:6px;
left:251px;
}
#rubrik {
/* border:1px solid lime; */
height:50px;
width:50%;
margin:0;
padding:0;
position:absolute;
top:85px;
left:458px;
font:normal 3.3em Verdana,sans-serif;
color:#777;
font-variant:small-caps;
}
/* Hier beginnt der Mittlerer Bereich */
#main {
/* border:1px solid yellow; */
background-color:#777;
/* height:75%;
min-height:75%; */
margin:0 0 0 251px;
/* width:75%; */
}
#content>#main {
/* border:1px solid yellow; */
height:590px;
}
/* Hier beginnt die Hauptnavigation */
#nav {
/* border:1px solid fuchsia; */
background-color:#777;
width:208px;
height:50%;
min-height:50%;
margin:0;
padding:0;
float:left;
}
#content>#nav {
/* border:1px solid fuchsia; */
height:auto;
}

#nav li {
/* border:1px solid blue; */
display:inline;
list-style-type:none;
height:40px;
margin:0;
padding:0;
width:150px;
}
#nav ul {
background-color:transparent;
margin:0;
padding:0;
}
#nav A {
/* border:1px solid lime; */
width:150px;
height:40px;
padding:10px 0 0 40px;
font:bold 1em Verdana,sans-serif;
color:#fff;
text-decoration:none;
text-align:left;
font-variant:small-caps;
display:block;
}
#nav A:link, 
#nav A:visited {
/* border:1px solid lime; */
background: url(../bilder/button.gif) no-repeat;
margin:0px;
width:150px;
height:40px;
}
#nav A:hover, 
#nav A:focus {
background: url(../bilder/button_over.gif) no-repeat;
margin:0;
}
#pagea #nav A.pa
 {
  display: block;
  font: normal 0.8em Verdana,sans-serif;
  padding: 13px 4px 3px 30px;
  border:none;
  margin:-10px 0 0 10px;
  width: 120px;
  height:23px;
}

#nav A.n  {
  display: none;
}

#nav A.aktiv {
  color:#fff;
  background: url(../bilder/button_over.gif);    
}
.start a{
font:normal 0.8em Verdana,sans-serif;
color:#fff;
border:1px solid aqua;
margin:0px;
}
/* Ende der Hauptnavigation */
#bildnormal {
/* border:1px solid lime; */
margin:24px 10px 0 0;
padding:0;
width:335px;
height:335px;
float:left;
}
#main>#bildnormal {
/* border:1px solid lime; */
margin:24px 10px 0 0;
padding:0;
width:334px;
height:333px;
float:left;
}
/* Beginn der Bildergalerie */
#bildkl {
/* border:1px solid lime; */
margin:24px 10px 0 0;
padding:0;
background-color:#fff;
width:345px;
height:343px;
float:left;
}
#main>#bildkl {
/* border:1px solid lime; */
margin:24px 10px 0 0;
padding:0;
background-color:#fff;
width:334px;
height:333px;
float:left;
}
#bildkl img {
border:1px solid #777;
margin:3px;
padding:3px;
height:100px;
width:100px;
}
#bildkl img.left{
border:none;
margin:3px;
padding:3px;
height:250px;
width:250px;
}
#bildkl a:link, #bildkl a:visited {
width:110px;
height:110px;
float:left;
}
#bildkl a:hover, #bildkl a:focus {
border:none;
}
#bildkl a:link span, #bildkl a:visited span{
display:none;
}
#bildkl a:hover span, #bildkl a:focus span {
display:block;
width:250px;
position:absolute;
margin:0;
padding:0;
top:187px;
left:-5px;
}
/* Ende der Bildergalerie */
#text{
/* border:1px solid aqua; */
margin:0;
background-color:#777;
border-top:21px solid #777;
height:75%;
min-height:75%;
}


#main>#text {
/* border:1px solid aqua; */
border-top:22px solid #777;
margin:0px 0 0 208px;
/*height:auto;*/
height:95%;
/*width:auto;*/
overflow: auto;
}


#datens{
/* border:1px solid aqua; */
/* margin:0; */
background-color:#777;
border-top:21px solid #777;
height:95%; 
/* min-height:85%; */
overflow: auto;
/* padding-bottom: 200px; */
/* margin-bottom: -250px; */
}



/* Hier beginnt der Untere Bereich */

#footer {
/* border:1px solid purple; */
height:100px;
margin-top:-100px;
margin-left:251px;
background-color:black;
font:normal 1em sans-serif;
color:#fff;
}
p.kontakt {
font:normal 1.9em Verdana,sans-serif;
color:#000;
font-variant:small-caps;
position:relative;
top:-16px;
left:-133px;
}
body>#footer p.kontakt {
font:normal 1.9em Verdana,sans-serif;
color:#000;
font-variant:small-caps;
position:relative;
top:-17px;
left:-140px;
}
p {
margin:0;
padding:5px;
font:normal 0.8em Verdana,sans-serif;
color:#fff;
}
.zeich {
font:normal 0.8em Verdana,sans-serif;
}
.bottom{
padding:0 20px 110px 0;
text-align:justify;
}
.top{
padding:10px 20px 0 0 ;
text-align:justify;
}

.footer{
/* border:1px solid yellow; */
width:auto;
color:#fff;
margin:0;
float:left;
margin:-25px 0 0 15px;
}

.impressum {
font:normal 1.3em Verdana,sans-serif;
font-variant:small-caps;
}
.datenschutz {
font:normal 1.3em Verdana,sans-serif;
font-variant:small-caps;
}
.h1{
font:bold 1em Verdana,sans-serif;
color:#fff;
font-variant:small-caps;
}
.h2{
font:bold 1.3em Verdana,sans-serif;
color:#fff;
font-variant:small-caps;
}



a:link,a:visited {
text-decoration:none;
color:#fff;
}
a:hover, a:focus {
color:#C52B2A;
}