html {
 font-size: 62.5%;
 height: 100.3%;
 }

h1 {
  font-family:  Helvetica,Verdana,Arial;
  font-weight: bold;
  font-size: 2em;
}

body {
 text-align: center;
}

#container {
 margin-top:10px;
 
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
}

#container #header{
 padding-top:10px;
 width:1000px;
 height: 260px;
 text-align: left;
 background: #1D731A;
 }

#container #header #box1 {
 position: relative      ;
 top:0px;
 left:0px;
 width: 700px;
 height: 200px;

}

#container #header #box1 h1{
  float: right;
  padding: 0;
  margin: 0;
  font-size: 5em;
  font-weight: bold;
  border-bottom: 2px solid #000000;

  }

#container #header #box1 ul {
  float:right;
  margin: 0;
  padding:0;
  width:   500px;
  height:  100px;

}

#container #header #box1 li {
  float:right;
  display: inline;
  width:   100px;
  height:  100px;
}

#container #header #box1 li.pic1 {
   background-image: url(../img/res_dame.png);
  }
#container #header #box1 li.pic2 {
   background-image: url(../img/res_03.png);
  }
#container #header #box1 li.pic3 {
   background-image: url(../img/res_sonne.png);
  }
#container #header #box1 li.pic4 {
   background-image: url(../img/res_07.png);
  }
#container #header #box1 li.pic5 {
   background-image: url(../img/res_stadt.png);
  }


#container #header #box2 {
  margin:0;
  padding:0;
  float:right;
  position: relative;
  top:-40px;
  right:100px;

  width:10em;
  font-size: 5em;
  font-weight: bold;

}

#container #header #box2 h1{
  position: relative;
  top:-8px;
  right:0px;
  margin:0;
  padding:0;
  font-size: 1em;
  font-weight: bold;
  border-top: 2px solid #000000;
  }

#container #header #box2 #logo {
  float:right;
  margin:0;
  padding:0;
  position:absolute;
  top:-150px;
  right:-100px;
  background: url(../img/logo09f.gif) no-repeat;
  width: 220px;
  height: 250px;
  }

#container #content {
clear:both;
text-align:center;
}