/* html {
  height: 100.1%;
}
*/

body {
  width: 900px;
  height: 600px;
  margin: 10px auto; text-align:left;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #00552E;
  background-color: #F7F097;
}

#hintergrund {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 900px;
  height: 600px;
  margin-top: -290px;
  margin-left: -450px;
  background-color: #FECC00;
  border: 2px solid #00552E;
  z-index: 1;
}

#header {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 738px;
  height: 20px;
  margin-top: -190px;
  margin-left: -330px;
  background-color: #FECC00;
  padding: 15px 11px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #00552E;
  z-index: 2;
}

#logo {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 85px;
  height: 100px;
  margin-top: -265px;
  margin-left: -433px;
  z-index: 3;
}

#schriftzug {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 220px;
  height: 100px;
  margin-top: -275px;
  margin-left: 223px;
  z-index: 4;
}

#navi {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 340px;
  margin-top: -140px;
  margin-left: -447px;
  background-color: #F7F097;
  padding-top: 10px;
  z-index: 5;
}

#navi a {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  width: 120px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #00552E;
  text-align: left;
  text-decoration: none;
  margin: 0px;
  padding: 0px 5px;
}

#navi a:hover { 
  color: #FECC00; 
}

#content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 480px;
  height: 330px;
  margin-top: -140px;
  margin-left: -330px;
  background-color: #FECC00;
  padding: 10px;
  z-index: 6;
}

#foto {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 350px;
  margin-top: -140px;
  margin-left: 152px;
  background-color: #F7F097;
  z-index: 7;
}

#schriftzug2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 125px;
  height: 70px;
  margin-top: 225px;
  margin-left: -398px;
  z-index: 10;
}

#footer1 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 900px;
  height: 50px;
  margin-top: 262px;
  margin-left: -448px;
  background-color: #00552E;
  z-index: 8;
}

#footer2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 10px;
  margin-top: 321px;
  margin-left: -50px;
  background-color: #F7F097;
  z-index: 9;
}

a {
  font-weight: bold;
  color: #00552E;
  text-decoration: none;
}

a:hover { 
  text-decoration: underline;
}