#site {                           /* Layout Gesamte Seite im Body */
margin-left: auto;
margin-right: auto;
width: 1300px
}

#oben {                            /* Layout Oberes Drittel der Seite */
font-family: arial, sans-serif, helvetica;
font-size: 14px;
font-weight: bold;
background-color: #571215;
height: 100px;
}

#links {                           /* Layout rechte Seite des oberen Drittels */
font-family: arial, sans-serif, helvetica;
width:50%;
font-size: 20px;
float:right;
}

#links ul {                         /* Layout Listenaussehen der rechten seite */
list-style-type: none;
margin-left: 12px;
margin-bottom: 5px;  }

#links ul li {
padding-bottom: 10px;
padding-left: 20px;
display: inline;
border-bottom: 2px solid white;

}
#rechts {                                                /* Layout linke Seite oberes Drittel */
font-family: arial, sans-serif, helvetica;
width:50%;
font-size: 22px;
float:left;
}

#mitte {                                                 /* Layout beschränkung mittlerer Bereich */
height: 675px;
}

#zitat {
text-align: center;                                      /* Speziallayout für Zitate */
font-style: italic;
}

#mittel {                                                /* Layout linker Container mittlerer Bereich */
font-family: arial, sans-serif, helvetica;
font-size: 17px;
font-weight: bold;
width:640px;
height: 650px;
float:left;
/* background-color: #C5A4A8; */
padding-right: 10px;
}

#hello {                                                  /* Layout der Tabelle auf der Startseite */
font-size: 17px;
font-weight: bold;
}

#mitter {                                                 /* Layout rechter Container mittlerer Bereich */
font-family: arial, sans-serif, helvetica;
font-weight: bold;
width:640px;
height: 650px;
float:right;
/* background-color: #C5A4A8; */
padding-left: 10px;
}

#kontakt {                                                /* Spezial Layout für die Kontaktseite, wg Farbgebung */
height: 675px;
background-color: #C5A4A8;
}

#unten {                                                  /* Layout Unteres Drittel */
font-family: times new roman, sans-serif, helvetica;
font-size: 22px;
color: #FFFFFF;
font-weight: bold;
background-color: #571215;
height: 80px;
}

#untenr {                                                 /* Layout Unteres Drittel Rechte Seite */
font-family: arial, sans-serif, helvetica;
font-weight: bold;
width:60%;
float:right;
margin-top: 50px;
}

#untenl {                                                 /* Layout Unteres Drittel Linke Seite */
font-family: arial, sans-serif, helvetica;
font-weight: normal;
width:40%;
float:left;
}

a:link {color:white; text-decoration:none;}                /* Layout der Links von der ganzen Seite */
a:visited {color:white; text-decoration:none;}
a:hover {color: #808080; text-decoration:none;}
a:active {color: #808080;text-decoration:none;}