body {
  margin: 0px;
  padding: 0px;
  background-color: #c2feba;
  background-image: url(../images/frame/erde.gif);
}

#head {
  text-align: center;
  position: absolute;
  top: 0px;
  height: 300px;
  width: 100%;
}

#himmel {
  position: absolute;
  top:0px;
  left: 0px;
  width: 100%;
  height: 150px;
  background-color: #3B87EF;

}
#gras {
  position: absolute;
  top: 150px;
  right: 0px;
  height: 150px;
  width: 100%;
  background-image: url(../images/frame/gras.gif);
  background-repeat: repeat-x;
}
#sonne {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 97px;
  width: 139px;
  background-image: url(../images/frame/sonne.gif);
}
#center-container {
  position: relative;
  width: 600px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
#wolke-links {
  position: absolute;
  top: 10px;
  left: 0px;
  height: 73px;
  width: 112px;
  background-image: url(../images/frame/wolke-links.gif);
}

#wolke-rechts {
  position: absolute;
  top: 15px;
  right: 150px;
  height: 81px;
  width: 125px;
  background-image: url(../images/frame/wolke-rechts.gif);
}
#ani-dan {
  position: absolute;
  top: 100px;
  left: 300px;
  height: 91px;
  width: 87px;
  background-image: url(../images/frame/ani-dan.gif);
}

#ani-phil {
  position: absolute;
  top: 87px;
  left: 400px;
  height: 94px;
  width: 92px;
  background-image: url(../images/frame/ani-phil.gif);
}

#see {
  position: absolute;
  top: 175px;
  left: 0px;
  height: 76px;
  width: 187px;
  background-image: url(../images/frame/see.gif);
}
#baum1 {
  position: absolute;
  top: 90px;
  left: 100px;
  height: 106px;
  width: 124px;
  background-image: url(../images/frame/baum1.gif);
}
#baum2 {
  position: absolute;
  top: 85px;
  left: 600px;
  height: 98px;
  width: 121px;
  background-image: url(../images/frame/baum2.gif);
}
#baum3 {
  position: absolute;
  top: 130px;;
  left: 150px;
  height: 119px;
  width: 142px;
  background-image: url(../images/frame/baum3.gif);
  z-index: 3;
}
#baum4 {
  position: absolute;
  top: 125px;
  left: 500px;
  height: 128px;
  width: 149px;
  background-image: url(../images/frame/baum4.gif);
}

#gras-erde {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background-image: url(../images/frame/gras-erde.gif);
}
#body {
  position: absolute;
  top: 300px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 25;
}
#menu {
  position: absolute;
  top: 0px;
  left: 25px;
  width: 250px;
  text-align: center;
  font-family: Times Roman, serif;
  font-size: 12pt;
  color: silver;
  background-color: black;
  opacity: 0.7;
  filter: Alpha(opacity=70);
/*  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='background-transparenz.png',sizingMethod='scale');  */
}
/*
html>body #menu {
  background-image: url(../images/frame/background-transparenz.png);	
}
*/
#container {
  position: absolute;
  left: 300px;
  width: 650px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='rhythmischeliedermacher/images/frame/background-transparenz.png',sizingMethod='scale');
}
* html #container {
/*  background-color: #6d4000;*/
}
html>body #container {
  background-image: url(../images/frame/background-transparenz.png);	
}
#content {
  position: relative;
  top: 25px;
  left: 25px;
  width: 600px;
  margin-bottom: 50px;
  font-family: Times Roman, serif;
  font-size: 12pt;
  color: silver;
  display: block;
}

#menu a {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: silver;
}
#menu a:link    { }
#menu a:visited { }
#menu a:focus   { }
#menu a:hover   { font-size: 18px; font-weight: normal; }
#menu a:active  { }