@charset "utf-8";

body {
font-size: 12px; 
font-family: geneva, verdana, arial, sans-serif;
margin: 0px;
background-color: #F0F0F0;
}
img {
border: 0;
}
.bild:hover img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
 -ms-filter: "alpha(opacity=80)";
 zoom: 1;
}
a { 
text-decoration: none; font-size: 10px; color: #8B8787;
outline:0; 
-moz-outline:0; 
}
a:hover { 
text-decoration: none; font-size: 10px; color: #111111;
outline:0; 
-moz-outline:0; 
}

 /*  Text Blöcke oben und unten */

#top {
width:960px;
border-bottom:1px solid #8B8787;
color: #8B8787;
font-size: 10px; 
text-align: center;
padding: 0;
}
#top h1 {
color: #8B8787;
font-size: 10px; 
margin: 0;
padding: 0;
display:inline;
}
#sitemap {
position: absolute;
width:960px;
top: 750px;
z-index:1; 
left: 50%;
margin-left: -490px;
color: #8B8787;
font-size: 10px; 
text-align: center;
padding: 0;
}
#bottomtext {
position: absolute;
width:960px;
top: 708px;
z-index:1; 
left: 50%;
margin-left: -490px;
color: #8B8787;
border-top:1px solid #8B8787;
font-size: 10px; 
text-align: center;
padding: 0;
}

 /*  Seiten Design top 42 Elemente */

#logo {
position: absolute;
width: 690px;
height: 75px;
top: 42px;
z-index:1; 
left: 50%;
margin-left: -490px;
text-align: center;
border-bottom:12px solid #111111;
border-right:12px solid #111111;
}
#logo h1 {
margin: 0;
padding: 0;
display:inline;
}

#linkonlineres {
position: absolute;
width: 258px;
height: 75px;
top: 42px;
z-index:1; 
left: 50%;
margin-left: 210px;
text-align: right;
vertical-align:bottom;
border-bottom:12px solid #111111;
}
#linkonlineres ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#linkonlineres ul li {
height: 35px;
margin: 0px;
padding: 0px;
}
#linkonlineres ul li a {
font-size: 11px;
border: 0;
padding: 4px 4px 4px 15px;
text-decoration: none;
color: #111111;
background-color: #F0F0F0;
}
#linkonlineres ul li a:hover {
color: #FFFFFF;
background-color:#0000C9;
}

 /*  Seiten Design top 128 Elemente */

#linkslang {
position: absolute;
width: 80px;
height: 540px;
top: 128px;
z-index:1; 
left: 50%;
margin-left: -490px;
text-align: center;
vertical-align:middle;
border-right:12px solid #111111;
}
#linkslang ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#linkslang ul li {
height: 40px;
margin: 0px;
padding: 0px;
}
#linkslang ul li a {
font-size: 11px;
border: 0;
padding: 5px 21px 5px 21px;
text-decoration: none;
color: #111111;
background-color: #F0F0F0;
}
#linkslang ul li a:hover {
color: #FFFFFF;
background-color:#0000C9;
}

#imghotelfront {
position: absolute;
width: 168px;
height: 304px;
top: 128px;
z-index:1; 
left: 50%;
margin-left: -398px;
text-align: center;
border-right:12px solid #111111;
border-bottom:12px solid #111111;
}
#bgblau {
position: absolute;
width: 60px;
height: 75px;
top: 128px;
z-index:1; 
left: 50%;
margin-left: -218px;
background-color: #0000C2;
border-right:12px solid #111111;
border-bottom:12px solid #111111;
}
#imginnenhof {
position: absolute;
width: 346px;
height: 304px;
top: 128px;
z-index:1; 
left: 50%;
margin-left: -146px;
text-align: center;
border-right:12px solid #111111;
border-bottom:12px solid #111111;
}
#contentrechts {
position: absolute;
width: 258px;
height: 304px;
top: 128px;
z-index:1; 
left: 50%;
margin-left: 210px;
text-align: center;
vertical-align:bottom;
border-bottom:12px solid #111111;
}

 /*  Seiten Design die beiden unter dem blauen feld */

#bgblau1unter {
position: absolute;
width: 60px;
height: 100px;
top: 215px;
z-index:1; 
left: 50%;
margin-left: -218px;
border-right:12px solid #111111;
border-bottom:12px solid #111111;
}
#bgblau2unter {
position: absolute;
width: 60px;
height: 106px;
top: 326px;
z-index:1; 
left: 50%;
margin-left: -218px;
border-right:12px solid #111111;
border-bottom:12px solid #111111;
}

 /*  Seiten Design top 444 Elemente */

#imgforfree {
position: absolute;
width: 240px;
height: 100px;
top: 444px;
z-index:1; 
left: 50%;
margin-left: -398px;
text-align: center;
border-right:12px solid #111111;
border-bottom:12px solid #111111;
}
#imgzimmer {
position: absolute;
width: 346px;
height: 257px;
top: 444px;
z-index:1; 
left: 50%;
margin-left: -146px;
border-right:12px solid #111111;
}
#imgflur {
position: absolute;
width: 173px;
height: 257px;
top: 444px;
z-index:1; 
left: 50%;
margin-left: 212px;
border-right:12px solid #111111;
}
#boxueberrot {
position: absolute;
width: 80px;
height: 57px;
top: 444px;
z-index:1; 
left: 50%;
margin-left: 389px;
border-bottom:12px solid #111111;
}

 /*  Seiten Design top 513 Elemente */


#bgrot {
position: absolute;
width: 72px;
height: 188px;
top: 513px;
z-index:1; 
left: 50%;
margin-left: 397px;
background-color: #FF0000;
}

 /*  Seiten Design top 554 Elemente */

#boxgrosslinks {
position: absolute;
width: 168px;
height: 65px;
top: 554px;
z-index:1; 
left: 50%;
margin-left: -398px;
border-right:12px solid #111111;
border-bottom:12px solid #111111;
}
#boxkleinlinks {
position: absolute;
width: 60px;
height: 65px;
top: 554px;
z-index:1; 
left: 50%;
margin-left: -218px;
border-right:12px solid #111111;
border-bottom:12px solid #111111;
}

 /*  Seiten Design top 631 Elemente */

#bggelb {
position: absolute;
width: 260px;
height: 70px;
top: 619px;
z-index:1; 
left: 50%;
margin-left: -490px;
border-top:12px solid #111111;
border-right:12px solid #111111;
background-color: #FFCC00;
}
#boxnebengelb {
position: absolute;
width: 60px;
height: 70px;
top: 631px;
z-index:1; 
left: 50%;
margin-left: -218px;
border-right:12px solid #111111;
}