@font-face { font-family: 'Futura';  src: url('/fonts/Futura Book font.ttf') format('truetype'); }
@font-face { font-family: 'Tahu';  src: url('/fonts/Tahu!.ttf') format('truetype'); }

body {
  overflow:hidden;
}
body .wrapper {
  /*background:url("../images/herbst.jpg") no-repeat transparent 100% 0 ;*/
  width:100%;
  height:100%;
  display: block;
}
body > img {
  margin-top:-10%;
  margin-left:-240px;
  position: absolute;
}
body > img.curtain_inner,
body > img.curtain_outer {
  z-index:103;
  width: 100%;
}
body .stage_open {
  z-index:103;
}
body img.stage_open,
body > img.curtain_outer,
body > img.curtain_inner {
  margin-left:-160px;
  margin-top:-2000px;
}
body > img.curtain_outer {
  cursor: pointer;
}
body .foreground{
  z-index:101;
}
body .background{
  z-index:99;
}
body canvas{
  position: absolute;
  margin:0 auto;
  width:100%;
  height:100%;
  z-index:100;
}
body .bude2 {
  background: url("../images/bude2.png") no-repeat transparent 0 0;
  bottom:1%;
  right: 2%;
  width: 550px;
  position: absolute;
  height: 300px;
  display: none;
  z-index: 100;
}
/*body .elche {
  background: url("../images/elche.png") no-repeat transparent 0 0;
  width: 444px;
  position: absolute;
  height: 290px;
  margin-left:10%;
  z-index: 100;
  bottom: -290px;
}*/
/*body .schneemann {
  background: url("../images/schneemann.png") no-repeat transparent 0 0;
}
body .schneemann_wink {
  background: url("../images/schneemann_wink.png") no-repeat transparent 0 0;
}*/
/*body .schneemann:hover {
    display: block;
    background: url("../images/schneemann_hover.png") no-repeat transparent 0 0;
    cursor: pointer;
}*/
/*body .stage_open {
    position: absolute;
    top: 40%;
    width:500px;
    left:50%;
    z-index: 100;
}*/

/*body .star{
  background: url("../images/star.png") no-repeat transparent 0 0;
}
body .star_wink{
  background: url("../images/star_wink.png") no-repeat transparent 0 0;
}*/
body > .msgs h3 {
  font-family: Tahu, cursive;
}

#welcome {
  font-family: Futura;
  font-size: 56px;
  color:white;
  z-index:5000;
  position: fixed;
  top:200px;
  left:200px;
}

body > .msgs {
  color: #333;
  font-size: 18px;
  position: absolute;
  top: 20%;
  left: 23%;
  padding: 24px 36px;
  box-shadow: 1px 1px 14px #0159af;
  text-shadow: 1px 0px 2px #999;
  display: none;
  opacity: 0.78;
  background: #FFF4D8;
  clear: both;
  border-radius: 42px;
  z-index: 102;
  width: 50%;
  font-family: Futura, cursive;
  line-height: 1.3em;
  font-weight: bold;
}
body > .btn-mail {
	border-bottom:8px solid #0A3D75;
	bottom: 0;
	z-index: 103;
	display: none;
	position:absolute;
	height:88px;
	width:100%;
}
body > .btn-mail .img {
	cursor:pointer;
	height: 90px;
	margin-left:46%;
	background: url("../images/btn-mail.png") no-repeat transparent 0 0;
}
body > .btn-mail .img:hover {
	background: url("../images/btn-mail_hover.png") no-repeat transparent 0 0;
}
body .elche,
body .bude1,
body .schneemann,
body .schneemann_wink,
body .xmastext,
body .star,
body .star_wink,
body .xmastree,
body .santa {
	position: absolute;
  z-index: 90;
	display:none;
}
body .buden {
  position: absolute;
  display: none;
  z-index: 100;
}