html {
padding: 0;
margin : 0;
}

body {
background: #666;/*
background-image: url('img/grau_verlauf.gif');
background-position: top left;
background-repeat: repeat;*/
height: 100%; 
text-align: center;
margin: 0px;
padding: 0px;
}

a:link {
  color: #000;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:visited {
  color: #666;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:hover {
  background-color: #fff;
  color: #000000;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

address { 
font-style: normal;
}

.skip, .hideme, dfn, .print {
position: absolute;
top: -1000em;
left: -1000em;
height: 1px;
width: 1px;
}
.skip:focus, .skip:active {
position: static;
top: 0;
left: 0;
height: auto;
width: auto;
}

#site {
width: 1050px;
height: 100%;
margin: 0px auto;
padding: 0px;
text-align: left;
font-family: Arial, Geneva, Sans-Serif;
font-size: 0.8em;
color: #333; 
}

#site h1, h2, h3 {
font-family: Arial, Geneva, Sans-Serif;
font-size: 1em;
}

/* Hauptnavigation oben */
#head {
background-color: transparent;
width: 1050px;
height: 100px;
margin: 0px auto;
padding: 10px 0;
text-align: left;
top: -1px;
}
#head ul {
line-height: 1;
list-style: none;
margin: 69px 0 0 0;
padding: 0;
}
#head li, #info li { 
display: block;
float: left;
margin: 0;
}
#head li.first a, #head li.first h3 {
padding: .2em 10px;
}
#head li a, #head li h3, #info li a, #info li h3 {
color: #fff;
display: block;
margin-left: 1px;
padding: .2em 14px;
text-decoration: none; 
}
#head li a.active, #head li h3 { 
background: #fff;
color: #000;
}
#head li a:visited {
font-style:normal;
color: #fff;
}
#head li a:hover, #head li a:focus, #head li a:active {
background: #fff;
color: #000;
}

#logo { float: right; position: relative; display: block; width: 250px; height: 91px; }
#logo img {
margin: 0;
padding: 0;
border: 0;
position: relative;
width: 250px;
height: 91px;
}
html>body #logo img { margin-top: 15px; }

/*Bereich rechts*/
#info {
background-color: #ccc;
width: 225px;
height: 480px;
left: 0;
padding: 10px;
float: right;
margin: 0;
overflow: auto;
text-align: justify;
}

/* Hilfsnavigation unten */
#info h1 {
font-family: Arial, Geneva, Sans-Serif;
font-face: bold;
font-size: 1em;
color:#000000; 
}

#info ul {
line-height: 1;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 577px;
}
#info li a, #info li h3 {
color: #000;
padding: .2em 10px;
}
#info li a.active, #info li h3 {
background: #fff;
color: #000;
}
#info li a:hover, #info li a:focus, #info li a:active {
background: #fff;
color: #000;
}

/* Unternavigation Bereich links */
#menu {
background-color: #ccc;
clear: left;
width: 225px;
height: 480px;
padding: 10px;
float: left;
left: 0;
margin-top: 0;
}
#menu address {
position: absolute;
top: 530px;
}

/* Bereich Mitte */
#image {
background-color: #fff;
width: 500px;
height: 500px;
left: 0;
padding: 0;
float: left;
margin-left: 30px;
margin-top: 0;
}

#mitte {
background-color: #fff;
width: 480px;
height: 480px;
left: 0;
padding: 10px;
float: left;
margin-left: 30px;
margin-top: 0;
}