body
{
text-align: center;
background-color: #FFF;
margin : 0pt auto;
padding : 0pt;
}
h1, h2, h3
{
font-family: Tahoma, Verdana, Arial;
color: #FFF;
}
h1
{
font-size: 14pt;
}
h2
{
font-size: 12pt;
}
h3
{
font-size: 11pt;
}
.main
{
margin: 5% auto;
text-align: left;
width: 986px;
height: 706px;
background-color: #FFF;
}
/*
***BACKUP***
.main
{
position: absolute;
top: 50%;
left: 50%;
width: 986px;
height: 706px;
margin-top: -353px;
margin-left: -493px;
text-align: left;
background-color: #FFF;
}
*/

.header
{
width: 986px;
height: 140px;
background-image: url(images/header.jpg);
background-color: #FFF;
}
.navi
{
width: 986px;
height: 41px;
background-color: #FFF;
}
.navi img
{
float: left;
}
.content
{
width: 986px;
height: 483px;
background-color: #FFF:
}
.footer
{
width: 986px;
height: 43px;
background-image: url(images/footer.gif);
background-color: #FFF;
}
.content_full
{
font-family: Tahoma, Verdana, Arial;
color: #FFF;
font-size: 10pt;
width: 906px;
height: 423px;
float: left;
background-image: url(images/bg_content.gif);
background-color: #FFF;
overflow: auto;
padding: 20px 40px 40px 40px;
}
* html .content_full
{
width: 986px;
height: 483px;
}
.content_full a
{
font-family: Tahoma, Verdana, Arial;
/*color: #C0A793;*/
color: #E9B562;
text-decoration: none;
font-weight: bold;
font-size: 10pt;
}
.content_full a:hover
{
color: #C38787
}
.content_left
{
font-family: Tahoma, Verdana, Arial;
color: #FFF;
font-size: 10pt;
width: 507px;
height: 423px;
float: left;
background-image: url(images/bg_content.gif);
background-color: #FFF;
overflow: auto;
padding: 20px 40px 40px 40px;
}
* html .content_left
{
width: 567px;
height: 483px;
}
.content_left a
{
font-family: Tahoma, Verdana, Arial;
/*color: #C0A793;*/
color: #E9B562;
text-decoration: none;
font-weight: bold;
font-size: 10pt;
}
.content_left a:hover
{
color: #C38787
}

.content_right
{
width: 389px;
height: 483px;
float: right;
}
.content_right_picture
{
width: 389px;
height: 264px;
/*background-image: url(images/flash.jpg);*/

background-color: #FFF;
}
.content_right_infobox
{
width: 389px;
height: 219px;
background-color: #FFF;
}
.content_right_infobox img
{
width: 389px;
height: 219px;
}
/* NAVIGATION */
#mainnavi
{
list-style: none;
float: none;
margin: 0;
padding: 0;
}
#current
{

}
#mainnavi li
{
display: inline;
}
* html #navi_img
{
width: 40px;
height: 40px;
}

#navi_home
{
display: block;
float: left;
background-image: url(images/navi_11.gif);
width: 74px;
height: 40px;
}
* html #navi_home
{
float: left;
display: block;
background-image: url(images/navi_11.gif);
text-decoration: none;
width: 74px;
height: 40px;
margin-left: -3px;
}
#navi_home:hover
{
display: block;
background-image: url(images/navi_11-over.gif);
text-decoration: none;
width: 74px;
height: 40px;
}
* html #navi_home_over
{
display: block;
float: left;
background-image: url(images/navi_11-over.gif);
text-decoration: none;
width: 74px;
height: 40px;
margin-left: -3px;
}

#navi_hotel
{
display: block;
float: left;
background-image: url(images/navi_12.gif);
width: 67px;
height: 40px;
}
* html #navi_hotel
{
float: left;
display: block;
background-image: url(images/navi_12.gif);
text-decoration: none;
width: 67px;
height: 40px;
margin-left: -3px;
}
#navi_hotel:hover
{
display: block;
background-image: url(images/navi_12-over.gif);
text-decoration: none;
width: 67px;
height: 40px;
}
* html #navi_hotel_over
{
display: block;
float: left;
background-image: url(images/navi_12-over.gif);
text-decoration: none;
width: 67px;
height: 40px;
margin-left: -3px;
}

#navi_appartments
{
display: block;
float: left;
background-image: url(images/navi_13.gif);
width: 140px;
height: 40px;
}
* html #navi_appartments
{
float: left;
display: block;
background-image: url(images/navi_13.gif);
text-decoration: none;
width: 140px;
height: 40px;
margin-left: -3px;
}
#navi_appartments:hover
{
display: block;
background-image: url(images/navi_13-over.gif);
text-decoration: none;
width: 140px;
height: 40px;
}
* html #navi_appartments_over
{
display: block;
float: left;
background-image: url(images/navi_13-over.gif);
text-decoration: none;
width: 140px;
height: 40px;
margin-left: -3px;
}

#navi_preise
{
display: block;
float: left;
background-image: url(images/navi_14.gif);
width: 75px;
height: 40px;
}
* html #navi_preise
{
float: left;
display: block;
background-image: url(images/navi_14.gif);
text-decoration: none;
width: 75px;
height: 40px;
margin-left: -3px;
}
#navi_preise:hover
{
display: block;
background-image: url(images/navi_14-over.gif);
text-decoration: none;
width: 75px;
height: 40px;
}
* html #navi_preise_over
{
display: block;
float: left;
background-image: url(images/navi_14-over.gif);
text-decoration: none;
width: 75px;
height: 40px;
margin-left: -3px;
}

#navi_anreise
{
display: block;
float: left;
background-image: url(images/navi_15.gif);
width: 87px;
height: 40px;
}
* html #navi_anreise
{
float: left;
display: block;
background-image: url(images/navi_15.gif);
text-decoration: none;
width: 87px;
height: 40px;
margin-left: -3px;
}
#navi_anreise:hover
{
display: block;
background-image: url(images/navi_15-over.gif);
text-decoration: none;
width: 87px;
height: 40px;
}
* html #navi_anreise_over
{
display: block;
float: left;
background-image: url(images/navi_15-over.gif);
text-decoration: none;
width: 87px;
height: 40px;
margin-left: -3px;
}

#navi_umgebung
{
display: block;
float: left;
background-image: url(images/navi_16.gif);
width: 116px;
height: 40px;
}
* html #navi_umgebung
{
float: left;
display: block;
background-image: url(images/navi_16.gif);
text-decoration: none;
width: 116px;
height: 40px;
margin-left: -3px;
}
#navi_umgebung:hover
{
display: block;
background-image: url(images/navi_16-over.gif);
text-decoration: none;
width: 116px;
height: 40px;
}
* html #navi_umgebung_over
{
display: block;
float: left;
background-image: url(images/navi_16-over.gif);
text-decoration: none;
width: 116px;
height: 40px;
margin-left: -3px;
}

#navi_harley
{
display: block;
float: left;
background-image: url(images/navi_17.gif);
width: 82px;
height: 40px;
}
* html #navi_harley
{
float: left;
display: block;
background-image: url(images/navi_17.gif);
text-decoration: none;
width: 82px;
height: 40px;
margin-left: -3px;
}
#navi_harley:hover
{
display: block;
background-image: url(images/navi_17-over.gif);
text-decoration: none;
width: 82px;
height: 40px;
}
* html #navi_harley_over
{
display: block;
float: left;
background-image: url(images/navi_17-over.gif);
text-decoration: none;
width: 82px;
height: 40px;
margin-left: -3px;
}

#navi_galerie
{
display: block;
float: left;
background-image: url(images/navi_18.gif);
width: 84px;
height: 40px;
}
* html #navi_galerie
{
float: left;
display: block;
background-image: url(images/navi_18.gif);
text-decoration: none;
width: 84px;
height: 40px;
margin-left: -3px;
}
#navi_galerie:hover
{
display: block;
background-image: url(images/navi_18-over.gif);
text-decoration: none;
width: 84px;
height: 40px;
}
* html #navi_galerie_over
{
display: block;
float: left;
background-image: url(images/navi_18-over.gif);
text-decoration: none;
width: 84px;
height: 40px;
margin-left: -3px;
}

#navi_kontakt
{
display: block;
float: left;
background-image: url(images/navi_19.gif);
width: 139px;
height: 40px;
}
* html #navi_kontakt
{
float: left;
display: block;
background-image: url(images/navi_19.gif);
text-decoration: none;
width: 139px;
height: 40px;
margin-left: -3px;
}
#navi_kontakt:hover
{
display: block;
background-image: url(images/navi_19-over.gif);
text-decoration: none;
width: 139px;
height: 40px;
}
* html #navi_kontakt_over
{
display: block;
float: left;
background-image: url(images/navi_19-over.gif);
text-decoration: none;
width: 139px;
height: 40px;
margin-left: -3px;
}
.room .left
{
float: left;
width: 75%;
text-align: left;
}
.room .right
{
float: none;
width: 35%;
text-align: right;
}
.left
{
float: left;
width: 75%;
text-align: left;
}
.right
{
float: none;
width: 25%;
text-align: right;
}
.content_left .impr_left
{
float: left;
width: 100px;
text-align: right;
margin-left: 100px;
}
* html .content_left .impr_left
{
float: left;
width: 100px;
text-align: right;
margin-left: 50px;
}
.content_left .impr_right
{
float: left;
margin-left: 20px;
text-align: left;
}
.event
{
border: 1px solid #FFF;
min-height: 85px;
}
.event_img
{
padding: 5px;
float: left;
}
.event_text
{
padding: 5px;
}
.event_title
{
font-weight: bold;
}
.event_more
{
text-align: right;

}

/* LAYER POPUPS */
#anfahrt_gross
{
padding: 3px;
min-width: 589px;
min-height: 483px;
display: none;
position: absolute;
top: 100px;
left: 100px;
z-index: 100;
background-color: #EC943A;
}
#popup_inside
{
height: 583px;
width: 589px;
overflow: auto;
background-color: #4D5662;
font-family: Tahoma, Verdana, Arial;
color: #FFF;
font-size: 10pt;
text-align: left;
padding: 3px;
}
#popup_img
{
text-align: center;
}
#kuenstler_a
{
padding: 3px;
min-width: 589px;
min-height: 583px;
display: none;
position: absolute;
top: 50px;
left: 50px;
z-index: 999;
background-color: #EC943A;
}
#kuenstler_b
{
padding: 3px;
min-width: 589px;
min-height: 583px;
display: none;
position: absolute;
top: 50px;
left: 50px;
z-index: 999;
background-color: #EC943A;
}
#kuenstler_c
{
padding: 3px;
min-width: 589px;
min-height: 583px;
display: none;
position: absolute;
top: 50px;
left: 50px;
z-index: 100;
background-color: #EC943A;
}
.map_left
{
float: left;
min-height: 250px;
padding-right: 25px;
padding-top: 10px;
}
.map_right
{
clear: float;
}