/***********************	ALLGEMEIN	*********************/

.clear {
	clear: both;
	font-size: 0;
}

.invisible {
	display: none;
}

HTML {
	/*height: 100%;*/
	margin: 0;
	margin-bottom: 0.1em;
	overflow: auto;
}
ul {
margin:0em;
padding:0em;
}

body {
	text-align: center;
	background-color: #f2f2d6;
	font-family: tahoma, verdana, arial;
	font-size: 62.5%;
	font-size: 101%;
	background-image:  url(/fileadmin/layout/images/hg_splash.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin:0;
	/*height: 95%;*/
	color: #716F70;
}

#container {
width: 894px;
	margin: auto;
	padding: 0em;
	font-size: 0.62em;
/*min-height: 100%;
_height: 100%;*/
position:relative;
}

#schriftzug {float: left; margin-bottom: 30px;}
#buchen-button {margin: 10px 0 0 0; float: right;}
/**************************** NAVIELEMENTE ***************************/

#controlpanel {
position:absolute;
top: 10px;
left: 70.2em;
}

#language {
float: left;
list-style: none outside none;
padding: 0em;
margin: 0em;
}
#language li {
display:inline;
margin-right: 0.5em;
}
#language li img {
border: none;
width:2em;
height:2em;
}
#shortcuts {
float: right;
padding: 0em;
margin: 0px;
list-style: none outside none;
}
#shortcuts li {
font-size: 1.0em;
display:inline;
margin: 0em 0.5em;
padding-left: 0.8em;
background-image: url(/fileadmin/layout/images/bg_shortcuts-splash.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#shortcuts li img {
border: none;
}
#controlpanel li a {
text-decoration: none;
color: #992a17;
font-weight: bold;
font-size: 1.1em;
}

#navigation {
position: relative;
margin-left: 1px;
z-index:2000;
}
#navigation ul {
list-style: none outside none;
padding: 0;
margin: 0;
height: 3.4em;
}
#navigation ul li {
width: 126px;
border-top: 0.1em solid #FFFFFF;
border-left: 0.1em solid #FFFFFF;
float:left;
height: 100%;
}

#navigation ul .blau {
background-color: #56a5d9;
}
#navigation ul .rot {
background-color: #992A17;
}

#navigation ul li a {
font-size: 1.1em;
font-weight:bold;
display:block;
height: 100%;
color: #FFFFFF;
text-decoration: none;
text-align:center;
line-height: 1.3em;
text-transform: uppercase;
padding: 0em 0.2em;
}

/**************************** NAVIELEMENTE zweite ebene ***************************/

/* dynamisches Ein-/Ausblenden */

ul li ul {
    display:none;
  }
ul li:hover ul {
    display: block;
  }

#navigation ul ul {
border-top: 2px solid white;
margin-left: -1px;
_margin-left: -64px;
background-color: #ffffff;
padding-bottom: 1px;
_position: absolute;
_width: 12em;
}

#navigation ul ul li {
position: relative;
text-transform: none;
width: 12.6em;
height: auto;
border: none;
border-left: 0.1em solid #FFFFFF;
border-right: 0.1em solid #FFFFFF;
overflow: hidden;
}
#navigation ul ul li a {
font-size: 1.1em;
padding-left: 13px;
padding-top: 2px;
height: auto;
min-height: 19px;
font-weight: normal;
text-transform: none;
text-align: left;
background-image: url(/fileadmin/layout/images/bg-untermenue.gif);
background-repeat: no-repeat;
background-position: bottom;
background-color: #BF8177;
_width: 111px;
_height: 19px;
}
#navigation ul ul li a:hover {
background-image: url(/fileadmin/layout/images/bg-untermenue-hover.gif);
background-position: bottom;
background-color: #5e2b22;
}

#navigation ul .rot ul li a {
background-image: url(/fileadmin/layout/images/bg-untermenue-stadt.gif);
background-repeat: no-repeat;
background-position: bottom;
background-color: #cb5644;
}
#navigation ul .rot ul li a:hover {
background-image: url(/fileadmin/layout/images/bg-untermenue-stadt-hover.gif);
background-repeat: no-repeat;
background-position: bottom;
background-color: #C39891;
}

/**************************** NAVIELEMENTE dritte ebene ***************************/

/* dynamisches Ein-/Ausblenden */

   #navigation  ul li ul li ul {
    display: none;
  }
   #navigation  ul li ul li:hover ul {
    display: block;
  }


#navigation ul .rot ul li ul  {
border-top: 0;
float: right;
position: absolute;
margin-left: 12.6em;
margin-top: -21px;
}
#navigation ul .rot ul li ul li a {
padding-left: 20px;
background-image: url(/fileadmin/layout/images/bg-dritte-stadt.jpg);
}

#navigation ul .rot ul li ul li a:hover {
background-image: url(/fileadmin/layout/images/bg-dritte-stadt-hover.jpg);
}


/**************************** ENDE NAVIELEMENTE dritte ebene ***************************/

#pageimg {
height:16.1em;
width:88.8em;
_width:88.6em;
}

#fotos-unten {
position: absolute;
top: 410px;
right: 40px;
z-index: 1000;
}
#fotos-unten img {
margin: 5px;
}


#banner {
position: absolute;
top: 240px;
right: 40px;
width:377px;
height:155px;
z-index: 100;
}


#hintergrund-foto {
float: left;
_float: none;
z-index: 1;
}
#footer {
width: 892px;
height: 50px;
position: relative;
}
#footer img {
float: left;
left: 0;
position: absolute;
padding-left: 2px;
}
#footer a img {
border: 0;
}
#footer a {
float: right;
margin-right: 50px;
margin-top: 20px;
color: #999999;
font-size: 11px;
text-decoration:none;
}
#footer a:hover, #footer a:visited, #footer a:active {
color: #999999;
text-decoration:underline;
}