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

html, body {
 height:100%;
}

body { 
 text-align:center; /* horizontal centering for IE Win quirks */
 background: #CBC1A1 url(images/parkhotel-intro-bg.gif) repeat-x; 
 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: #F2EDE4; 
 color: #00305D;
 text-align: left; 
 width: 648px; 
 font-size: .8em;
}

#logo {
 position: absolute;
 width: 648px;
 height: 191px;
 top: 0px;
 left: 0px;
}

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

#leaveintro {
 position: absolute;
 top: 330px;
 left: 0;
 height: 23px;
 width: 648px;
 font-size: .8em;
 text-align: right;

 top: 380px;
 left: 650px;
 height: 23px;
 width: 50px;

 top: 540px;
 left: 0;
 height: 23px;
 width: 648px;

}
#leaveintro a {
 text-decoration: none;
 font-weight: bold;
 color: #00305D;
}
#leaveintro a:hover {
 color: #988344;
}

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

a.wellness {
 background-image: url(images/intro-wellness.jpg); 
 position: absolute; width: 162px; height: 161px; z-index: 1; border-width: 0px;
}
a.wellness:hover {
 background-image: url(images/intro-wellness.gif); z-index: 2;
}
a.pauschalangebote {
 background-image: url(images/intro-urlaub.jpg); 
 position: absolute; left: 162px; width: 162px; height: 161px; z-index: 1; border-width: 0px;
}
a.pauschalangebote:hover {
 background-image: url(images/intro-urlaub.gif);  z-index: 2;
}
a.tagung {
 background-image: url(images/intro-tagung.jpg); 
 position: absolute; left: 324px; width: 162px; height: 161px; z-index: 1; border-width: 0px;
}
a.tagung:hover {
 background-image: url(images/intro-tagung.gif);  z-index: 2;
}
a.restaurant {
 background-image: url(images/intro-restaurant.jpg); 
 position: absolute; left: 486px; width: 162px; height: 161px; z-index: 1; border-width: 0px;
}
a.restaurant:hover {
 background-image: url(images/intro-restaurant.gif);  z-index: 2;
}

#content {
 display: block;
 position: absolute;
 left: -5000px;
 height: 0px;
 width: 0px;
}
#teaser {
 position: absolute;
 top: 0;
 left: 0;
 width: 480px;
 height: 180px;
 background: url(images/startseite-intro-teaser.gif) no-repeat;
}