* {
 margin: 0;
 padding: 0;
 border: 0;
}

html, body {
 height:100%;
}

body { 
 text-align:center; /* horizontal centering for IE Win quirks */
 background: url(images/vitalis-bg.gif); 
 color:#630;
 font: 100.01%/1.4; 
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}


#wrappage { 
 margin: 0 auto;
 position: relative; /* puts container in front of distance */
 clear: left;
 background: #FFFFFF; 
 height: 100%;
 color: #00305D;
 text-align: left; 
 width: 950px; 
 font-size: .8em;
}

#logo {
 position: absolute;
 width: 984px;
 height: 191px;
 top: 0px;
 left: -17px;
}

#sterne {
 position: absolute;
 height: 18px;
 width: 127px;
 top: 355px;
 left: 270px;
 background: #00305D url(images/parkhotel-sterne.gif) no-repeat;
}

#leaveintro {
 position: absolute;
 font-size: .8em;
 text-align: right;


 top: 590px;
 left: 0;
 height: 23px;
 width: 790px;

 z-index: 30;
}
#leaveintro a {
 text-decoration: none;
 font-weight: bold;
 color: #00305D;
}
#leaveintro a:hover {
 color: #f49e00;
}

#navigation {
 position: absolute;
 top: 320px;
 left: 0;
 height: 23px;
 width: 648px;
 font-size: .8em;
}

a.baden {
 background-image: url(images/intro-badebereich.jpg); 
 position: absolute; left: 151px; width: 162px; height: 265px; z-index: 1; border-width: 0px;
}
a.baden:hover {
 background-image: url(images/intro-badebereich.gif); z-index: 2;
}
a.sauna {
 background-image: url(images/intro-sauna.jpg); 
 position: absolute; left: 313px; width: 162px; height: 265px; z-index: 1; border-width: 0px;
}
a.sauna:hover {
 background-image: url(images/intro-sauna.gif);  z-index: 2;
}
a.vitalis {
 background-image: url(images/intro-vitalis.jpg); 
 position: absolute; left: 475px; width: 162px; height: 265px; z-index: 1; border-width: 0px;
}
a.vitalis:hover {
 background-image: url(images/intro-vitalis.gif);  z-index: 2;
}
a.bistro {
 background-image: url(images/intro-bistro.jpg); 
 position: absolute; left: 637px; width: 162px; height: 265px; z-index: 1; border-width: 0px;
}
a.bistro:hover {
 background-image: url(images/intro-bistro.gif);  z-index: 2;
}

#content {
 display: block;
 position: absolute;
 left: -5000px;
 height: 0px;
 width: 0px;
 z-index: 20;
}

#teaser {
 position: absolute;
 top: 0;
 left: 0;
 width: 480px;
 height: 180px;
}
#ol1 {
 position: absolute;
 top: 0;
 left: 0;
 width: 200px;
 height: 111px;
 display: none; visibility: hidden;
}
#ol2 {
 position: absolute;
 top: 140px;
 left: 400px;
 width: 80px;
 height: 40px;
 display: none; visibility: hidden;
}
#olteaser {
 position: absolute;
 top: 0;
 left: 0;
 width: 500px;
 height: 230px;
}
#olwelleoben {
 position: absolute;
 width: 984px;
 height: 135px;
 top: 290px;
 left: -17px;
 z-index: 10;
}
#olwelleunten {
 position: absolute;
 width: 984px;
 height: 105px;
 top: 530px;
 left: -17px;
 z-index: 10;
}