@import url(../../../media/admin/css/reset.css);
@import url(../../../media/admin/css/menu.css);
@import url(../../../media/admin/css/jScrollPane.css);

html {
height:100%;
}

body {
    color: #000;
	background: #FFF;
    font-family: verdana, arial, sans-serif;
    height: 100%;
    text-align: center;
}

html[xmlns] {
height : 100%;
padding-bottom : 0.005em;
}

/* Layout Startpage */
#start {
	background-color:#666666;
}

#start a {
	color: #818181;
	text-decoration: none;
	font-weight: bold;
}

#start a:hover, 
#start a:active {
	color: #343434;
}

#start #container {
	background-color:#FFFFFF;
	background:#FFF;
	border:#FFF solid 20px;
	width:830px;
	padding: 0px;
}
#start #header {
	background: none;
	height: 105px;
	position: relative;
	background-color:#ffffff;
	border-bottom:#666666 solid 1px;
}
#start #container #header .hotellogoNeu_DE, #start #container #header .hotellogoNeu_EN, #start #container #header .hotellogoNeu_FR {
	text-align: center;
	clear: both;
	height:inherit;
	width:inherit;
}

#start #container #header .hotellogoNeu_DE a, #start #container #header .hotellogoNeu_EN a, #start #container #header .hotellogoNeu_FR a {
	display: block;
	width: 246px;
	height: 95px;
	margin: 0px auto 0 auto;
}
#start #container #header .hotellogoNeu_DE a{
	background: #ffffff url(../../../media/de/admin/css/images/logo_hotel2.gif) top left no-repeat;
}

#start #container #header .hotellogoNeu_EN a{
	background: #ffffff url(../../../media/en/admin/css/images/logo_hotel2.gif) top left no-repeat;
}

#start #container #header .hotellogoNeu_FR a{
	background: #ffffff url(../../../media/fr/admin/css/images/logo_hotel2.gif) top left no-repeat;
}

#start .startbild {
	background:  none;
	clear: both;
}
#start .startbild  img{
	border:none;
}

#start #menu {
	background-color:#ffffff;
}
#start #menu ul {
	padding:15px 0px;
	text-align:center;
}
#start #menu ul li {
	display:inline;
	background-color:#ffffff;
	padding-right:28px;
}
#start #menu ul li.lastnew {
	padding-right:0px;
}
#start #menu ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	color:#666666;
}
#start #container .startcontent {
	background-color:#ffffff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#666666;
	padding:15px 0px;
}

#start #container .startleft {
	width:39%;
	float:left;
}

#start #container .startleft img {
	margin:0 5px 5px 0;
	float:left;
}

#start #container .startright {
	width:59%;
	float:right;
}

#start #content {
	background-color:#FFFFFF;
	height:240px;
	clear:both;
}

#start #content #news {
	border-top:#666666 solid 1px;
	width:530px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#666666;
	float:left;
	height: 219px;
	overflow-x: auto;
	overflow-y: auto;
	background-color:#FFF;
	padding-right:30px;
}
#start #content #news strong {
	font-weight:bold;
}

#start #content #news h2 {
	font-weight:bold;
}

#start #content #news p {
	border-bottom:#666666 solid 1px;
	padding:12px 0px;
}
#start #content #news p a {
	text-decoration:none;
	color:#666666;
	margin-left:10px;
}

#footerStart {
	background-color:#ffffff;
	clear:both;
}
#footerStart #metamenuNeu {
	background-color:#ffffff;
}

#footerStart #metamenuNeu ul {
	padding:15px 25px;
	text-align:center;
}
#footerStart #metamenuNeu ul li {
	display:inline;
	background-color:#ffffff;
	padding-right:28px;
}

#footerStart #metamenuNeu ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	color:#666666;
}
#footerStart #metamenuNeu ul li img {
	margin-bottom:-22px;
}

#footerStart #metamenuNeu ul li.last {
	padding-right:0px;
}
#booking {
	float:left;
	width:260px;
	color:#ffffff;
	margin:-2px 0 0 10px;
}

#booking .buchung-title {
	font-variant:small-caps;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	padding-bottom:8px;
}
#booking .buchung-label {
	font-size:9px;
	color:#ffffff;
	padding-bottom:4px;
}

#booking .smallInput {
	width:40px;
	border: solid 1px #cccccc;
	font-size:10px;
}

#booking .bigInput {
	width:70px;
	border: solid 1px #cccccc;
	font-size:10px;
}

#booking .hugeInput {
	width:100px;
	border: solid 1px #cccccc;
	font-size:10px;
}

#booking input {
	margin-bottom:15px;
	margin-right:10px;
}

#booking .submitBtn {
	font-size:10px;
	border: solid 1px #cccccc;
	color:#66666;
}

#booking .buchung-submit {
	text-align:right;
	margin-right:0px;
}

#booking .buchung-submit input{
	margin-right:0px;
}

/* Layout */

#container {
width: 925px;
margin: 0 auto 0 auto;
padding-top: 520px;
position: relative;
text-align: left;
background:  url(../../../media/admin/css/images/back_all_hotel.jpg) repeat-y;
margin-top: 20px;
}

#spa #container {
background:  url(../../../media/admin/css/images/back_all_spa.jpg) repeat-y;
}

/*
#start #container {
background:  transparent url(../../../media/admin/css/images/back_start_mitte.jpg) 0px 0px repeat-y;
padding-top: 0px;
}*/

.dritte #container {
padding-top: 431px;
}

#header {
background: transparent url(../../../media/admin/css/images/back_header_hotel.jpg) 0px 0px no-repeat;
/*height: 560px;*/
width: 100%;
position: absolute;
top: 0px;
left: 0px;
/*overflow: hidden;*/
}

#spa #header{
background:  transparent url(../../../media/admin/css/images/back_header_spa.jpg) 0px 0px no-repeat;
}

/*
#start #header {
background:  transparent url(../../../media/admin/css/images/back_start_oben.jpg) 0px 0px no-repeat;
height: 170px;
overflow: visible;
position: relative;
}*/

.dritte #header_DE {
height: 471px;
}

.dritte #header_EN {
height: 471px;
}

.dritte #header_FR {
height: 471px;
}

#header .hotellogo_DE {
text-align: center;
clear: both;
padding-top: 20px;
height: 120px;
}

#header .hotellogo_FR {
text-align: center;
clear: both;
padding-top: 20px;
height: 120px;
}

#header .hotellogo_EN {
text-align: center;
clear: both;
padding-top: 20px;
height: 120px;
}

#header .hotellogo_DE a{
display: block;
background: #CDCDCD url(../../../media/de/admin/css/images/logo_hotel.gif) top left no-repeat;
width: 256px;
height: 115px;
margin: 0px auto 0 auto;
}

#header .hotellogo_EN a{
display: block;
background: #CDCDCD url(../../../media/en/admin/css/images/logo_hotel.gif) top left no-repeat;
width: 256px;
height: 115px;
margin: 0px auto 0 auto;
}

#header .hotellogo_FR a{
display: block;
background: #CDCDCD url(../../../media/fr/admin/css/images/logo_hotel.gif) top left no-repeat;
width: 256px;
height: 115px;
margin: 0px auto 0 auto;
}

#footer .spalogo_DE {
text-align: center;
clear: both;
padding-top: 10px;
}

#footer .spalogo_FR {
text-align: center;
clear: both;
padding-top: 10px;
}

#footer .spalogo_EN {
text-align: center;
clear: both;
padding-top: 10px;
}

#footer .spalogo_DE a{
display: block;
background: url(../../../media/de/admin/css/images/logo_spa.gif) top left no-repeat;
width: 256px;
height: 115px;
margin: 0 auto 0 auto;
}

#footer .spalogo_EN a{
display: block;
background: url(../../../media/en/admin/css/images/logo_spa.gif) top left no-repeat;
width: 256px;
height: 115px;
margin: 0 auto 0 auto;
}

#footer .spalogo_FR a{
display: block;
background: url(../../../media/fr/admin/css/images/logo_spa.gif) top left no-repeat;
width: 256px;
height: 115px;
margin: 0 auto 0 auto;
}

/*#start .startbild {
background:  transparent url(../../../media/admin/css/images/back_start_mitte.jpg) 0px 0px repeat-y;
clear: both;
}

#start .startbild  img{
display: block;
margin-left: 7px;
border-top: 5px solid #FFF;
border-bottom: 5px solid #FFF;
}*/

#start .startbildNeu {
background:  transparent url(../../../media/admin/css/images/back_start_mitte.jpg) 0px 0px repeat-y;
clear: both;
}

#start .startbildNeu  img{
display: block;
}

/* Angaben für alle Menüs  */

#header ul li {
float: left;
display: inline;
}

#header a{
color: #818181;
font-family: arial;
font-variant:small-caps;
text-decoration: none;
}

/* Metamenü */

#metamenu {
padding-top: 5px;
}

#metamenu a{
font-size: 0.70em;
color: #AAA;
text-decoration: none;
}

#metamenu a.homelink {
float: left;
width: 220px;
height: 20px;
padding-top: 5px;
margin-left: 10px;
}

#metamenu ul {
float: right;
text-align: right;
display: inline;
margin-right: 45px;
padding-top: 5px;
}

#metamenu ul ul{
display: none;
}

#metamenu ul li{
margin-right: 10px;
}

#metamenu ul li a{
vertical-align: top;
}
/* Wechselmenü */
#wechselmenu {
clear: both;
height: 50px;
position: relative;
width: 100%;
}

#wechselmenu a{
clear: both;
font-size: 0.85em;
font-weight: bold;
position: absolute;
left: 20px;
top: 15px;
}

/* Hauptmenü */

#hauptmenu {
height: 90px;
}

#hauptmenu ul{
margin-left: 50px;
margin-top: 10px;
}

/* die folgenden Einträge modifiziert: nicht verlinkte Menütexte rot darstellen als Warnung */

#hauptmenu ul li {
margin-right: 10px;
padding-right: 12px;
background: url(../../../media/admin/css/images/hauptmenu_trenner.gif) 100% 7px no-repeat;

font-family: arial;
font-variant:small-caps;
font-size: 0.85em;
font-weight: bold;
color: red;
}

#hauptmenu ul li a{
}

#hauptmenu ul li.last{
background: transparent;
}

#hauptmenu ul li.active a, #hauptmenu ul li a:hover{
color: #343434;
}

/* Menü zweite und dritte Ebene */



#submenu {
margin-left: 40px;
}

#submenu ul {
margin-left: 0px;
}

#submenu ul  ul{
margin: 0px;
width: 120px;
background: #FFF;
margin-left: 10px;
}

#submenu li{
margin: 0px;
}

#submenu li a{
font-size: 0.85em;
font-weight: 600;
display: block;
padding-bottom: 6px;
font-family: arial;
padding-right: 12px;
padding-left: 12px;

}

#submenu a.buchung, #submenu span.buchung {
position: absolute;
right: 30px;
top: 0px;
font-size: 0.85em;
font-weight: bold;
}

#submenu span.buchung {
	font-family: arial;
	font-variant:small-caps;
	text-decoration: none;
	color: red;
}

#submenu .bild {
overflow: hidden;
}

#submenu .bild img {
margin-top: 20px;
border-top: 5px solid #FFF;
border-bottom: 5px solid #FFF;
}

#submenu ul  ul li{
float: none;
display: inline;
font-variant: none;
line-height: 1.5;
}

#submenu ul  ul li a{
float: none;
display: block;
font-variant: normal;
font-size: 0.7em;
padding: 5px;
font-weight: bold;
}

#submenu ul  li.active a, #submenu ul  li.active li.active a, #submenu ul  li a:hover{
color: #343434;

}



#submenu ul  li.active li a{
color: #818181;
}
#submenu ul  li.active li.active a{
background: #EFEFEF;
}

#submenu ul  ul li a:hover{
float: none;
display: block;
font-variant: none;
font-size: 0.7em;
padding: 5px;
background: #EFEFEF;
}

#submenu ul li ul li .unlinked {
	float: none;
	display: block;
	color:red;
	font-size: 0.7em;
	padding: 5px;
	font-weight: bold;
	font-family: arial;
	font-variant: normal;
}

#submenu ul li .unlinked {
	color:red;
	font-variant: small-caps;
font-size: 0.85em;
font-weight: 600;
display: block;
padding-bottom: 6px;
font-family: arial;
padding-right: 12px;
padding-left: 12px;
}


/* Logo*/

#logo_DE {
position: absolute;
width: 256px;
height: 115px;
top: 420px;
right: 24px;
border: 5px solid #FFF;
background: #CDCDCD;
}

#logo_EN {
position: absolute;
width: 256px;
height: 115px;
top: 420px;
right: 24px;
border: 5px solid #FFF;
background: #CDCDCD;
}

#logo_FR {
position: absolute;
width: 256px;
height: 115px;
top: 420px;
right: 24px;
border: 5px solid #FFF;
background: #CDCDCD;
}

.dritte #logo_DE{
top: 331px;
}

.dritte #logo_EN{
top: 331px;
}

.dritte #logo_FR{
top: 331px;
}

#logo_DE a{
display: block;
background: #CDCDCD url(../../../media/de/admin/css/images/logo_hotel.gif) top left no-repeat;
width: 256px;
height: 115px;
}

#logo_EN a{
display: block;
background: #CDCDCD url(../../../media/en/admin/css/images/logo_hotel.gif) top left no-repeat;
width: 256px;
height: 115px;
}

#logo_FR a{
display: block;
background: #CDCDCD url(../../../media/fr/admin/css/images/logo_hotel.gif) top left no-repeat;
width: 256px;
height: 115px;
}

#spa #logo_DE a{
background: #D1E7FE url(../../../media/de/admin/css/images/logo_spa.gif) top left no-repeat;
}

#spa #logo_EN a{
background: #D1E7FE url(../../../media/en/admin/css/images/logo_spa.gif) top left no-repeat;
}

#spa #logo_FR a{
background: #D1E7FE url(../../../media/fr/admin/css/images/logo_spa.gif) top left no-repeat;
}

#logo_DE a span, #logo_EN a span, #logo_FR a span, .hotellogoNeu_DE a span, .hotellogoNeu_EN a span, .hotellogoNeu_FR a span, .spalogo_DE a span, .spalogo_EN a span, .spalogo_FR a span{
position: absolute;
left: -2354px;
top: -2343px;
}

/* Footer */

#footer {
height: 60px;
background: url(../../../media/admin/css/images/back_footer_hotel.jpg) top left no-repeat;
}

#spa #footer {
background: url(../../../media/admin/css/images/back_footer_spa.jpg) top left no-repeat;
}

#start #footer {
height: 130px;
clear: none;
background:  transparent url(../../../media/admin/css/images/back_start_unten.jpg) 0px 0px no-repeat;
}

/* Contentbereich */

#content .inhalt {
margin-left: 100px;
width: 500px;
font-size: 0.8em;
color: #666;
line-height: 1.5;
}

#content .inhalt p{
margin-bottom: 20px;
}

#content .inhalt h1 {
font-size: 1.6em;
font-family: arial, sans-serif;
font-variant: small-caps;
font-weight: bold;
letter-spacing: 1px;
}

#content .inhalt h2{
font-size: 1.3em;
font-family: arial, sans-serif;
font-variant: small-caps;
font-weight: bold;
letter-spacing: 1px;
}

#content .inhalt h3{
font-weight: bold;
}

#content .inhalt ul{
margin-left: 1em;
list-style: disc;
margin-bottom: 20px;
}

#content .inhalt ul li{
list-style: disc;
margin-left: 0.5em;
padding-left: 0.5em;
margin-bottom: 5px;
}

#content .inhalt a{
font-weight: bold;
color: #FFF;
text-decoration: none;
}

#gallerythumb {
float: left;
width: 150px;
height: 200px;
border: 1px solid red;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

#teaser-start a {
	color:#000;
   text-decoration:none;
}