@charset "utf-8";
@import "system.css";

/* CSS Document */
*
{
	margin: 0;
	padding: 0;
}

html
{
	height:100%;
	min-height:100%;
}
body 					{ 
						font-family: Arial, Helvetica, sans-serif; 
						font-size: 62.5%; 
						line-height: 62.5%;
						color: #000000;
						vertical-align:middle;
						background-color: #FFFFFF; 
						margin-top: 0px; 
						margin-left: 0px; 
						margin-right: 0px; 
						margin-bottom: 0px; 
						padding-left: 0px;
						padding-right: 0px;
						padding-top: 0px;
						padding-bottom: 0px;
						width:100%;
						height:100%;
						min-height:100%;
						
						}
						*{
						font-size:1.0em;
						line-height: 1.0em;
						}

/* GENERELL ---------------------------------------------------------- */
p
{
	font-size:1.0em;
	line-height:1.8em;
	padding-bottom:1.0em;
}

a
{
	line-height:1.8em;
}
h1
{
	font-weight:normal;
	line-height:2.5em;
	font-size:1.2em;
	text-transform:uppercase;		
}

h2
{
	font-weight:normal;
	line-height:2.5em;
	font-size:1.3em;
	text-transform:uppercase;	
}
h3
{
	font-weight:normal;
	line-height:2.5em;
	font-size:1.6em;
	text-transform:uppercase;
}

h4
{
	font-weight:normal;
	line-height:2.5em;
	font-size:1.8em;
	text-transform:uppercase;
}

img
{
	border: #FFFFFF;
}

ul
{
	list-style: none;
}

/* LINKS ---------------------------------------------------------- */
a			{ text-decoration: underline; color: #999999; }
a:link 		{ text-decoration: underline; color: #999999; }
a:visited 	{ text-decoration: underline; color: #999999; }
a:hover 	{ text-decoration: underline; color: #5c5c5c; }
a:active	{ text-decoration: underline; color: #5c5c5c; }
a:focus 	{ text-decoration: underline; color: #5c5c5c; }

/* HINTERGRUND ------------------------------------------------- */
#mainContentArea{
	height: 425px;
	background-repeat: no-repeat;
	background-color: #EBEBEB;
	overflow: hidden;
}

.bg1 {
	background-image: url('../img/bg/bg_1.jpg');
}
.bg2 {
	background-image: url('../img/bg/bg_2.jpg');
}
.bg3 {
	background-image: url('../img/bg/bg_3.jpg');
}
.bg4 {
	background-image: url('../img/bg/bg_4.jpg');
}
.bg5 {
	background-image: url('../img/bg/bg_5.jpg');
}
.bg6 {
	background-image: url('../img/bg/bg_6.jpg');
}
.bg7 {
	background-image: url('../img/bg/bg_7.jpg');
}

/* HAUPTDIV ---------------------------------------------------------- */
#mainContainer{
	position: absolute;
	left:50%;
	width: 990px;
	margin-left:-495px;
  	background-color: #FFFFFF;
	font-size:1.0em;
}

/* SPRACHE ---------------------------------------------------------- */
#langSelect{
	height:20px;
	text-align: right;
	text-transform: uppercase;
	padding-top:10px;
	position:absolute;
	right:0px;
}

#langSelect a				{ text-decoration: none; }
#langSelect a.mark			{ text-decoration: none; color: #b1e1f7; }
#langSelect a.mark:link 	{ text-decoration: none; color: #b1e1f7; }
#langSelect a.mark:visited  { text-decoration: none; color: #b1e1f7; }
#langSelect a.mark:hover 	{ text-decoration: none; color: #b1e1f7; }
#langSelect a.mark:active	{ text-decoration: none; color: #b1e1f7; }
#langSelect a.mark:focus 	{ text-decoration: none; color: #b1e1f7; }

#langSelect ul {
	float: right;
}

#langSelect li{
	float:left;
	border-left: 1px solid #C1C1C1;
	font-size:1.1em;
	padding-left:10px;	
	padding-right:10px;	
	letter-spacing:0.1em;	
}

#langSelect li.firstListItem{
	border-left: 0px;
}

/* LOGO ---------------------------------------------------------- */
#logoHotel{
	text-align:	center;
	vertical-align: top;
	margin-top:10px;
	margin-bottom:15px;
}

#logoParcNaziunal{
	position:relative;	
	margin-top:330px;
	margin-left:858px;
}

#logoParcNaziunal img
{
	/*Hat nur noch einen Spacer drin*/
	height: 80px;
	width: 112px;
	opacity:.60;
	-moz-opacity:.60;
	filter:Alpha(opacity=60);
}


/* HAUTPNAVIGATION ---------------------------------------------------------- */
#mainMenue {
	text-transform: uppercase;
	height: 20px;
	padding-left:154px;
	margin-top:-10px;
	margin-bottom:5px;
}

#mainMenue li{
	float:left;
	padding-right: 12px;
	letter-spacing:0.2em;
	list-style: none;
}

#mainMenue li img{
	width: 6px;
	height: 12px;
}

#mainMenue a,#mainMenue a:link 		{ text-decoration: none;}

.open a				{ text-decoration: none; color: #5c5c5c; }
.open a:link 		{ text-decoration: none; color: #5c5c5c; }
.open a:visited  	{ text-decoration: none; color: #5c5c5c; }
.open a:hover 		{ text-decoration: none; color: #5c5c5c; }
.open a:active		{ text-decoration: none; color: #5c5c5c; }
.open a:focus 		{ text-decoration: none; color: #5c5c5c; }


/* SUBNAVIGATION ------------------------------------------------ */
#subNavigation{
	float: left;
	width: 153px;
	text-transform: uppercase;
}

#subNavigation ul.treeListRoot{
	position: relative;
	top: 155px;
	padding-left:20px;
}

#subNavigation ul.treeListRoot ul{
	position: static;
	top: 0;
	padding-left:20px;
}

#subNavigation ul.treeListRoot li{
	list-style-type: none;
	line-height: 1.8em;
	letter-spacing: 0.2em;
}

#subNavigation li.open a		{ text-decoration: none; color: #383838;}
#subNavigation li.open a:link 	{ text-decoration: none; color: #383838;}
#subNavigation li.open a:visited { text-decoration: none; color: #383838;}
#subNavigation li.open a:hover 	{ text-decoration: none; color: #383838;}
#subNavigation li.open a:active	{ text-decoration: none; color: #383838;}
#subNavigation li.open a:focus 	{ text-decoration: none; color: #383838;}

#subNavigation a, #subNavigation li.selected li a					{ text-decoration: none; color: #5c5c5c; }
#subNavigation a:link, #subNavigation li.selected li a:link 		{ text-decoration: none; color: #5c5c5c; }
#subNavigation a:visited, #subNavigation li.selected li a:visited 	{ text-decoration: none; color: #5c5c5c; }
#subNavigation a:hover, #subNavigation li.selected li a:hover 		{ text-decoration: none; color: #383838; text-decoration:underline;}
#subNavigation a:active, #subNavigation li.selected li a:active		{ text-decoration: none; color: #383838; text-decoration:underline;}
#subNavigation a:focus, #subNavigation li.selected li a:focus 		{ text-decoration: none; color: #383838; text-decoration:underline;}

#subNavigation li.selected a		{ text-decoration: none; color: #383838; text-decoration:underline;}
#subNavigation li.selected a:link 	{ text-decoration: none; color: #383838; text-decoration:underline;}
#subNavigation li.selected a:visited { text-decoration: none; color: #383838; text-decoration:underline;}
#subNavigation li.selected a:hover 	{ text-decoration: none; color: #383838; text-decoration:underline;}
#subNavigation li.selected a:active	{ text-decoration: none; color: #383838; text-decoration:underline;}
#subNavigation li.selected a:focus 	{ text-decoration: none; color: #383838; text-decoration:underline;}

.sub
{
	padding-left:20px;
}

/* SERVICENAVIGATION ------------------------------------------------ */
ul#serviceNavigation{
	position: absolute;
	bottom: 135px;
	left: 20px;
}

#serviceNavigation li{
	list-style-type: none;
	line-height:1.8em;
	letter-spacing:0.2em;	
}

#serviceNavigation  a				{ text-decoration: none; color: #5c5c5c; }
#serviceNavigation  a:link 			{ text-decoration: none; color: #5c5c5c; }
#serviceNavigation  a:visited 		{ text-decoration: none; color: #5c5c5c; }
#serviceNavigation  a:hover 		{ text-decoration: none; color: #383838; text-decoration:underline;}
#serviceNavigation  a:active		{ text-decoration: none; color: #383838; text-decoration:underline;}
#serviceNavigation  a:focus 		{ text-decoration: none; color: #383838; text-decoration:underline;}

#serviceNavigation  a.selected			{ text-decoration: none; color: #383838; text-decoration:underline;}
#serviceNavigation  a.selected:link 	{ text-decoration: none; color: #383838; text-decoration:underline;}
#serviceNavigation  a.selected:visited 	{ text-decoration: none; color: #383838; text-decoration:underline;}
#serviceNavigation  a.selected:hover 	{ text-decoration: none; color: #383838; text-decoration:underline;}
#serviceNavigation  a.selected:active	{ text-decoration: none; color: #383838; text-decoration:underline;}
#serviceNavigation  a.selected:focus 	{ text-decoration: none; color: #383838; text-decoration:underline;}

/* CONTENTBEREICH ------------------------------------------------ */
#contentArea{
	height: 400px;
	width: 520px;
	float:left;
	margin-top:40px;
}

#contentArea *{
	color: #FFFFFF;
}

/* SLOGAN  ------------------------------------------------------ */
#contentSlogan{
	text-transform: uppercase;
	margin-bottom:20px;
	
}

#contentSlogan h1{
	font-size: 1.4em;
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:1.4em;
}

#contentSlogan h2{
	margin-top:5px;
	padding-left: 30px;
	letter-spacing:0.1em;
	font-size: 2.5em;
	line-height:1.0em;
	font-weight:normal;
}

/* TEXT  ------------------------------------------------------ */
#content{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:30px;
	padding-right:20px;
	height: 290px;
	line-height:1.8em;
	font-size:1.4em;
	font-weight: 400;
	overflow:auto;
}

#content table{
	width: 450px;	
}

#content th{
	text-align:left;
	vertical-align:top;
	padding:5px;
	line-height:1.8em;
}
#content td{
	text-align:left;
	vertical-align:top;
	padding:5px;
	line-height:1.8em;
}

/* FLASHWERBUGN ------------------------------------------------ */
#flashBanner{
	float: left;
	height: 100%;
	background-color:#EBEBEB;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	width: 145px;
	margin-left: 20px;
	overflow:hidden;
}

/* ADRESSE ---------------------------------------------------------- */
#adress
{
	clear:both;
	color:#8F8F8F;
	height:20px;
	width: 990px;
	padding-top:10px;
	text-align:center;
	letter-spacing:0.2em;
		
}
/* SPEISEKARTE ---------------------------------------------------------- */
#menueCardFloatingDiv{
	position: absolute;
	/*top: 200px;*/
	margin-top:-425px;
	height: 425px;
	left: 0px;
	display: none;
	width: 100%;
}

#menueCardContent{
	z-index: 100;
	position: relative; 
	width: 500px; 
	left: 175px;
	/*border: 2px solid black;*/
	background-color: #FFFFFF; 
	height: 420px;
	margin: 2px;
	overflow: auto;
}

#menueCardCloseControl{
	position: absolute;
	top: 0px;
	left: 645px;
	top: 2px;
	background-image: url("../img/close.jpg");
	width: 15px;
	height: 15px;
	z-index: 101;
	cursor: pointer;
}

#menueCardFloatingDivBackground {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	height: 100%; 
	width: 100%; 
	background-color: #535B2A; 
	-moz-opacity: .75; 
	filter:Alpha(opacity=75);
	opacity:.75;
	z-index: 0;
}

/* FLASHBANNER VON TREEMEDIA ---------------------------------------------------------- */
#treeMediaFlash{
	position: absolute;
	z-index: 0;
}


/* Preisliste */
#roomPriceList{
	border-collapse: collapse;
}
#roomPriceList td{
	font-size: 0.8em;
	line-height: 1.1em;
}
#roomPriceList td strong{
	font-size: 1.1em;
	line-height: 1.1em;
}