html {
  height: 100%;
}

body {
	font-family: Cochin, Dutch, georgia, serif;
	font-size: 12pt;
	color: #00000;
	text-align: left;
	vertical-align: top;
	background-attachment: fixed;
	background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  height: 100%;
}

/****************
 * Aufbau der Seite
 * **************/
div#Alles {
  width: 100%;  
  height: 100%;
  max-width: 1250px; 
  padding: 0px;
  float: left;
  margin: 0px;
}

div#Hauptteil {
  float: left;
  margin: 0px;
  width: 100%;
  min-width: 500px;
  background-color: #e7ab62;
}

div#Fusszeile {
  border: 0px;
	width: 100%;
	float: left;
  display: none;
  margin: 0em 0em 0em 0em;
}

/* Kopfzeile - Linke Seite */
div#Bereich1 { 
    border-right: 0.9em solid #b62234;
    margin: 0px;
    width: 15em;
    height: 100%;
    background-color: #e7ab62;
    background-image: url(../images/mm-chor.png);
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    z-index: 5;
    overflow: hidden;
}
  
/* Kopfzeile - Rechte Seite */
div#Bereich2 { 
    margin: 0px 0px 0em 0px;
    float: left;
    width: 100%;
    overflow: hidden;
}

/* Hauptbereich - Linke Seite */
div#Bereich3 {
    left: 0px;
    border-right: 0.9em solid #b62234;
    border-top: 0.8em solid #b62234;
    margin: 0px 5pt 0pt 0pt;
    padding: 0pt;
    position: absolute;
    width: 15em;
    background-color: #e7ab62;
    height: 512px;
    z-index: 10;
}

/* Hauptbereich - Inhalt */
div#Bereich4 {
    border-top: 0.8em solid #b62234;
    height: 620px;
    margin: 0px 0px 0px 15.8em;
    padding: 5pt 5pt 5pt 15pt;
    overflow: auto;
    background-color: #e7ab62;
}


/**** Bereiche fuer die Frontseite***/

div#Feld {
  border: 0px solid #b62234;
  color: #b62234;
  font-size: 18pt;
  font-weight: bold;
  margin: 0pt;
  padding:0px;
  text-align: center;
  height: 600px;
  width: 1000px;
  background-color: #e7ab62;
}

#Feld img {
  border: 0px;
}

#Feld img.bild {
  border: 5px solid #b62234;
}