html, body{
height:100%;
}

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#CA8;
text-align:left;
margin:0;
background-color:#999;
font-size:9pt;

}

p{
text-align:left;
line-height:18px;
margin-bottom:5px;
}

a{
text-decoration:none;
color:#ed9751;
}

a:hover{
text-decoration:underline;
color:#E3cBa7;
}

.headline {
font-family:  Verdana, Arial, Helvetica, sans-serif;
color:#CA8;
text-align:left;
margin:0;
font-size:120%;
font-weight:bold;
}

.intro {
font-family:  Verdana, Arial, Helvetica, sans-serif;
color:#CA8;
text-align:left;
margin:0;
font-size:106%;
}

.trademark {
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#ec8;
text-align:left;
margin:0;
font-size:80%;
}

.adresse{
position:absolute;
clear:left;
left:45px;
top:150px;
}
.fotos{
position:absolute;
clear:left;
left:5px;
top:420px;
}


#pagebox{
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:center;
width:500px;
height:409px;
clear:left;
padding:0px;

}

#pagebox_imp{
width:900px;
height:566px;
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:center;
clear:left;
border:2px solid #FFF;
background:#000 url(images/kurhaus_02.jpg) no-repeat scroll 0 0;

}

#distance{
width:1px;
height:50%;
margin-bottom:-243px;  /* half of container's height */
float:left;
}

#p-header {
background:#00F000 url(images/pbg9_bg_tile.gif) repeat-x scroll left bottom;
		   min-width:900px;
		   padding-bottom:9px;
		   margin-top:20px;
height:80px;
width:100%;
}

#p-header-wrapper {
background-color:#F00000;
height:80px;
margin:auto;
padding:0 13px;
text-align:left;
width:1px;
}