html, body, #pagewrap {
  height: 100%;
  min-height: 90%;
  margin: 0; padding: 0;
  box-sizing: border-box;
}
div {
  margin: 0;
  padding: 0;
}
body {
  background: #9C816F;
  background: #8E2A32;
  background: #3771C8;
  background: #A77047;
  margin: 0 auto;
  padding: 0;
  font: 14px Tahoma;
}
#pagewrap {
  margin: 0 auto;
  width:870px;
  position: relative;
}
#kalender {
  position: absolute;
  width:870px; height:616px;
  left: 0; top: 50%; 
  margin: -300px auto 0px;
  background: transparent url("advent25.jpg") 0 0 no-repeat;
}

#tuerchen {
  width:950px;
  position: relative;
}
#tuerchen ul,
#tuerchen li {
  display: block;
  list-style: none;
}
#tuerchen ul {
  position: absolute;
  top: 0px; left: 0px;
  width:870px;
  margin: 0; padding: 0;
}
#tuerchen li {
  float: left;
  margin: 30px 0 0 30px;
}
#tuerchen a {
  display: block;
  width: 136px; height: 22px;
  border: 2px solid black;
  border: 2px solid rgba(0,0,0,.25);
  line-height: 22px; text-align: center; vertical-align: middle;
  padding: 28px 0 28px;
  font-size: 22px;
  text-shadow: 3px 3px 3px black;
  color: white;
  text-decoration: none;
  background: rgba(0,0,0,.1);
  z-index: 1;
  /*
  background: transparent none;
  text-indent: -999em;
  */
  
}
/* in der bildmitte platz schaffen */
#tuerchen li:nth-child(8) a {
  margin-left: 170px;
}

#tuerchen a:hover {
  /*
  filter:alpha(opacity=75);
  -moz-opacity: 0.75; 
  opacity: 0.75; 
  */
  /*transition-property: all ease 1s;*/
  background: rgba(0,0,0,.4);
  border: 2px solid rgba(0,0,0,.5);
}
#contentnormal {
  position: absolute;
  top: 104px; left: 173px;
  width:486px;
  height: auto !important; height: 100px; min-height: 100px;
  margin: 0; padding: 10px 20px;
  background: white;
  z-index: 2;
  filter:alpha(opacity=90);
  -moz-opacity: 0.90; 
  opacity: 0.90;
   
}

#myfooter{
text-align: center;
}
  #myfooter a{
   color: black;
}