body {
font-size: 75%;
line-height: 1.4em;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(../images/hintergrund.gif) repeat-x;
}
html {
height: 100%; margin-bottom: 1px; 
}
#wrap {
width: 957px;
margin: 0 auto;
text-align: left;
}
#header {
float: left;
width: 957px;
height: 208px;
background: url(../images/header.jpg) bottom left no-repeat;
}
/* -------------------------Hauptnavigation----------------------*/
#navigation {
float: left;
width: 957px;
height: 31px;
background: url(../images/navigation.gif) bottom left no-repeat;
}
#navigation ul{
margin-left: 308px;
margin-top: 6px;
padding: 0;
font-size: 100%;
font-weight: bold;
list-style-type: none;
}
#navigation ul li{
float: left;
display: inline;
padding: 0;
}
#navigation ul a:link, #navigation ul a:visited {
display: block;
float: left;
text-decoration: none;
color: #fff;
}
#navigation ul a:hover, #navigation ul a:active {
color: #696969;
}
/* -------------------------Überschrift----------------------*/
#headline {
float: left;
width: 957px;
height: 80px;
background: url(../images/hg_headline.gif) bottom left no-repeat;
}
h1 {
font-family: Times New Roman,Times,serif;
font-size: 190%;
margin: 8px 0 8px 55px;
font-weight: bold;
color: #666699;
}
h2 {
font-size: 100%;
margin: 8px 0 8px 55px;
font-weight: bold;
color: #636262;
/* -------------------------Auszeichnungen Content----------------------*/
}
h3 {
font-size: 100%;
margin: 210px 0 10px 65px;
font-weight: bold;
color: #616161;
}
h4 {
font-size: 100%;
margin: 210px 0 10px 37px;
font-weight: bold;
color: #616161;
}
h5 {
font-size: 100%;
margin: 0 80px 8px 20px;
font-weight: bold;
color: #616161;
}
a:link, a:visited {
text-decoration: none;
color: #000;
}
a:hover, a:active {
color: #000;
text-decoration: underline;
}
/* -------------------------Inhalt----------------------*/
#content {
float: left;
width: 957px;
height: auto;
}
#spalte1 {
float: left;
width: 209px;
height: 614px;
background: url(../images/bio_m.jpg) bottom left no-repeat;
}
#spalte2 {
float: left;
width: 748px;
height: 510px;
background: url(../images/hintergrund2.gif ) repeat-y;
}
#spalte_neu {
float: left;
width: 748px;
height: auto;
background: url(../images/hintergrund2.gif ) repeat-y;
}
#spalte5 {
float: left;
width: 209px;
height: 510px;
background: url(../images/bio_f.jpg) bottom left no-repeat;
}
#spalte6 {
float: left;
width: 209px;
height: 510px;
background: url(../images/bio_moorh.jpg) bottom left no-repeat;
}
#spalte7 {
float: left;
width: 209px;
height: 717px;
background: url(../images/bio_d.jpg) bottom left no-repeat;
}
#spalte3 {
float: left;
width: 209px;
height: 807px;
background: url(../images/imprint.jpg) bottom left no-repeat;
}
#spalte4 {
float: left;
width: 748px;
height: 700px;
background: url(../images/hintergrund2.gif) repeat-y;
}
#spalte8 {
float: left;
width: 209px;
height: 520px;
background: url(../images/bio_v.jpg) bottom left no-repeat;
}
p.bio {
margin: 0 120px 8px 20px;
}
p.achtung {
margin: 2px 200px 8px 20px;
background-color: #dedde8;
padding: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
/* -------------------------Abschluss----------------------*/
#footer {
float: left;
width: 957px;
height: 28px;
background: url(../images/abschluss.gif) bottom left no-repeat;
}
#footer ul {
margin: 4px 0 0 38px;
font-size: 80%;
font-weight: normal;
list-style-type: none;
}
#footer ul li{
display: inline;
margin-left: 30px;
}
#footer ul a:link, #footer ul a:visited {
text-decoration: none;
color: #fff;
}
#footer ul a:hover, #footer ul a:active {
color: #fff;
text-decoration: underline;
}