@charset "iso-8859-2";
body  {
	font: 12px Verdana, Geneva, sans-serif;
	background: #b7d08a;
	margin: 2px 0 0 0; 
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #333333;
	line-height:20px;
}
#sprachwahl a, #sprachwahl a:link {
	font: 11px Verdana, Geneva, sans-serif;
	padding-left: 10px;
	text-align:right; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #333333;
	text-decoration:none;
	float:right;
}
#sprachwahl img {text-align:left; float:left; margin-left:0;}

#wettervorhersage {width:600px;
margin:0 auto;
text-align:left;
}

#sprachwahl a:hover {color:#990007;}
#sprachwahl {
	text-align: right; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	width:962px;
	margin:1px auto;
	line-height:50px;}

#guestbook  {
	font-family:Verdana, Geneva, sans-serif;
	background: #b7d08a;
	font-size:13px;
	text-align: left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #333333;
}
 #container { 
	width: 962px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background:url(images/background.gif) repeat-y;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
} 
div#outdated{
 position: absolute;
 width:962px;
 left:50%;
 height:460px;
 margin-left:-482px; /* negative Hälfte von width:1000px */
 background-image:url(rotator/home.png);
 background-repeat:no-repeat;
 background-position:center;
 z-index:500;
 margin-top:1px;
 border-left:#fff 1px solid; 
 border-right:#fff 1px solid;

}

 #header { 
	background: #cedfa7; 
	padding: 0;
	height:460px;
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
} 
 #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
 #navigation { 
	background:#b7d08a;
	background-image:url(images/back_nav.gif);
	background-repeat:repeat-x;
	padding:0;
	margin:0 auto;
	height:344px;
} 
* + html  #navigation { 
	height:359px;
} 


 #ueberschrift {
	float:left;
	width:676px;
	margin-top:64px;
	margin-bottom:20px;
	}
	
 #ueberschrift h1 {
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:26px;
	color:#990007;
	
	}

h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990007;
	}
 a, a:link, a:visited {
	color:#990007;
	text-decoration:underline;
	}
 a:hover {
	color:#000;
	text-decoration:underline;
	}

	
 #logo {
	width:284px;
	margin-top:34px;
	margin-left:678px;
	}

 #offers { 
 	width:962px;
	margin:0 auto;
	text-align:center;
	background: #b7d08a; 
	background-image:url(images/back_angebote.gif);
	background-repeat:repeat-x;
	height:329px;
	padding: 0;
} 

 #sidebar1 {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 260px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	margin-right:11px;
	padding-top:50px;
	color:#000;}
	
* html #sidebar1{
   margin:11px auto;
   width:264px;
   margin-right:4px;
   padding-top:0;
}

 #sidebar1 h1{
	color:#FFF;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:16px;}
	
 #sidebar1 h2{
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	line-height:16px;
	}
	
 #sidebar1 h3{
	color:#FFF;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:16px;
	}
	
 #sidebar1 h3 a{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;}

 #mainContent { 
	margin-right: 285px; /* Durch den rechten Rand dieses div-Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	text-align:center;
	width:678px;
	margin-top:0;
} 
* + html #mainContent { 
	margin-right: 284px;
} 
#mainContent img {
	margin:0 0 30px 0;
	}
	
#mainContent p {
	text-align:justify;
	margin-left:30px;
	margin-right:30px;}

#mainContent h1{
	color:#666;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:16px;}


 #footer { 
	margin: 10px auto;
	width: 964px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
} 
 #footer a{ 
	color:#000;
	text-decoration:underline;
} 

	
 #footer .links {
	margin: 0 auto;
	float:left;
	width:678px;
}
 #footer .rechts {
	margin-left:688px;
}
 #footer .logos {
	 margin: 24px 5px 0 5px;
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.img_center {
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
	}
.img_left {
	border-right:#FFF 1px solid;
	}

.image_left {
	padding-right:25px;
	float:left;
}	
#links {
	margin-left:25px;
	margin-right:25px;
	text-align:left;
	width:628px;
}
#text_links {
	text-align:left;
	margin-left:20px;
	margin-right:20px;
}

/* CALENDAR */
/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align:top;
	margin-right:7px;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #cbdea1;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}

/* SLIDER /*
@charset "utf-8";
/* CSS Document */
	.slider														{ color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; width:898px; 
																  height:140px; border:#FFF solid 1px; background-color:#FFF; background-image:url(images/back_pauschalen.gif); 
																  background-repeat:repeat-x; text-align:center; margin:0 auto;}
	form 														{ margin: 0px; padding: 0px;}
	.slider a 													{ color: #801719; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size:12px; text-transform:uppercase; text-align:left;}
	.slider a:hover 											{ color: #000000; font-family: Verdana, Geneva, sans-serif;}
	.slider img 												{ border:#FFF 1px solid; width:134px; height:116px; }
	p 															{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.boxoben										{ width: 898px; height: 140px; z-index:1; text-align:center; margin:0 0 0 8px;}
	div.oben div.boxoben div.scrollgallery 						{ float: left; display: inline; margin: 6px 0px 0px 4px; }
	div.oben div.boxoben div.bildrahmen 						{ position: relative; left: 4px; top: 0px; width: 530px; height: 116px; overflow: hidden; }
	div.oben div.boxoben div.bildflache 						{ position: relative; left: 0px; top: 0px; width: 3000px; height: 116px; }
	div.oben div.boxoben div.bildflache div.gallery 			{ float: left; width: 530px; height: 116px; overflow: hidden;}
	div.oben div.boxoben div.bildflache div.galleryinnen		{ margin: 12px 0px 0px 0px;  text-align:left;}
	div.oben div.boxoben div.bildflache span.headline			{ color: #FFF; font-weight: bold; font-family: Verdana, Geneva, sans-serif; text-transform:uppercase; margin-left:150px;}
	div.oben div.boxoben div.bildflache span.headline a:hover	{ color: #000; font-family:Verdana, Geneva, sans-serif;}
	div.oben div.boxoben div.bildrahmen a.zuruck				{ background: url(angebote/bg-zuruck.gif) no-repeat 0px 0px; position: absolute; right: 16px; top: 0px; width: 13px; height: 11px; 																  display: block; border: 1px #FFF solid;}
	div.oben div.boxoben div.bildrahmen a.weiter				{ background: url(angebote/bg-weiter.gif) no-repeat 0px 0px; position: absolute; right: 0px; top: 0px; width: 13px; height: 11px; 	
																  display: block; border: 1px #FFF solid;}
	div.clear													{ clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px -1px 0px; height: 1px; overflow: hidden; }
	img.links 													{ float: left; margin: 0px 12px 0px 0px; }
	img.rechts 													{ float: right; margin: 0 0 8px 8px; }
	
	.expressanfrage												{ width: 314px; height: 116px; z-index:1; text-align:left; margin:12px 12px 0 8px; float:right;}
	.expressanfrage h1											{ color: #000; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size:13px; text-transform:uppercase; margin-bottom:2px;}
	#expressdaten												{ font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px;}
	.expressdaten												{ font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; text-align:left;}
	.form														{ font-family:Verdana, Geneva, sans-serif; font-size:12px;  border: 1px solid #87a158;}
	.button														{ font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:19px; border: 1px solid #b7d08a; background-color:#FFF; margin-top:5px; float:left;}
	.expressanfrage	img											{ width:24px; height:19px; border:0;}
	.zeitraum													{font-weight:bold;}
	.preis 														{text-transform:none; color:000; font-weight:bold;}
	.preis a         											{text-transform:none; color:000; font-weight:bold;}
	.text img													{float:left; margin-right:15px; border:#fff 1px solid; margin-top:-15px; width:134px; height:116px;}
	* + html .text img											{margin-top:-30px; float:left;}
	* + html .text												{margin-left: 150px;}
	* + html .zeitraum											{margin-left: 150px;}
	* + html .headline											{margin-top:0; text-decoration:none;}	
/* NAVIGATION ====================================================== */ 

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro-droplist.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


body#home2 a#home, a:hover#home, 
body#kulinarium2 a#kulinarium, a:hover#kulinarium, 
body#rooms2 a#zimmer, a:hover#zimmer,
body#schwimmbad2 a#schwimmbad, a:hover#schwimmbad,
body#umgebung2 a#umgebung, a:hover#umgebung,
body#anreise2 a#anreise, a:hover#anreise,
body#preise2 a#preise, a:hover#preise,
body#winter2 a#winter, a:hover#winter,
body#freibad2 a#freibad, a:hover#freibad,
body#services2 a#services, a:hover#services,
body#anfrage2 a#anfrage, a:hover#anfrage,
body#impressions2 a#impressions, a:hover#impressions,
body#test2 a#test, a:hover#test
{
		color:#801719;		
		background:#dbe8c5;
		font-family: Trebuchet MS, Helvetica, Arial, Sans-serif; 
		font-weight:normal;
		font-size:12px; 
		text-decoration:none;
		display:block; 
		height:30px; 
		padding:0 1.34em 0 1.35em; 
		white-space:nowrap; 
}

#nav .current { 	
	background:url(navigation/sub-over.gif); 
	background-repeat:no-repeat;
	height:20px;
	line-height:20px;
	float:none;
	z-index:500;
}

#wrapper {width:962px; margin:0 auto; text-align:left; z-index:1; }


#dropList { 
	height:30px; 
	width:962px; 
	position:relative; 
	font-family: Trebuchet MS, Helvetica, Arial, Sans-serif; 
	font-size:12px; 
	z-index:500; 
	margin:0;
	}

html:not([dummy]) #dropList { 
	height:30px; 
	width:962px; 
	position:relative; 
	font-family: Trebuchet MS, Helvetica, Arial, Sans-serif; 
	font-size:12px; 
	z-index:500;
	margin:0; 
	}

#dropList ul#menu { 
	margin:0; 
	padding: 0; 
	list-style:none; 
	white-space:nowrap;
	font-family: Trebuchet MS, Helvetica, Arial, Sans-serif; 
	} 
	
#dropList ul#menu li.level1-li { 
	float:left; 
	height:30px;
	font-family: Trebuchet MS, Helvetica, Arial, Sans-serif; 
	}
	 
#dropList ul#menu li.level1-li a.level1-a { 
	display:block; 
	height:30px; 
	float:left; 
	padding:0 1.34em 0 1.35em; 
	text-decoration:none; 
	line-height:30px; 
	white-space:nowrap; 
	font-weight:normal; 
	color:#801719;	font-family: Trebuchet MS, Helvetica, Arial, Sans-serif; 
	}
* html #dropList ul#menu li.level1-li a.level1-a { 
	padding:0 16px 0 16px; 
	}

* + html #dropList ul#menu li.level1-li a.level1-a { 
	padding:0 1.37em 0 1.37em; 
	}

#dropList ul#menu li.sub a.level1-a {
	color:#801719;	} 
	
#dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {
	position:relative;
	} 
	

#dropList ul#menu li.level1-li a.level1-a:hover, #dropList ul#menu li.level1-li:hover a.level1-a { 
	color:#801719;	background-color:#dbe8c5;
	height:30px; 
	} 

#dropList ul#menu li.sub a.level1-a:hover { 
	height:30px; 
	color:#801719;	background-color:#dbe8c5; 
	}  

#dropList ul#menu li.sub:hover > a.level1-a { 
	height:30px; 
	color:#801719;	background-color:#dbe8c5; 
	} 

#dropList ul#menu li div.listHolder { 
	position:absolute; 
	left:-9999px; 
	top:30px; 
	border:1px solid #fcfaf5; 
	border-width:1px; 
	padding:0; 
	color:#801719;	} /* IE6 only */ 

#dropList table { 
	border-collapse:collapse; 
	margin:-1px -10px; 
	font-size:1em; 
	width:0; 
	height:0; 
	} 

#dropList ul#menu :hover div.listHolder {left:0;} 

#dropList ul#menu a:hover div.listHolder {left:-1px;} 

#dropList ul#menu div.col1 {
	width:200px; 
	background:url(navigation/back_submenue.png) repeat;
} 

#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {left:-210px;} 

#dropList ul#menu div.listHolder div.listCol {
	display:block; 
	float:left; 
	padding:10px; 
	margin:0; 
	width:195px;
	} 
	
* html #dropList ul#menu div.listHolder div.listCol {
	display:block; 
	float:left; 
	padding-left:8px; 
	margin:0; 
	width:182px;
	} 


#dropList ul#menu div.listHolder div.listCol h5 {
	padding:2px 0 0 0; 
	margin:0 12px 0 0; 
	font-size:12px; 
	line-height:15px; 
	background:url(navigation/line.gif) repeat-x left bottom;
	text-transform:uppercase;
	color:#b3a06c;
	} 
	
#dropList ul#menu div.listHolder div.listCol ul {
	padding:0; 
	margin:0; 
	list-style:none;
	} 

#dropList ul#menu div.listHolder div.listCol ul li {
	line-height:12px; 
	padding:0; 
	margin:5px 0 0 0;
	} 

#dropList ul#menu div.listHolder div.listCol ul li a {
	color:#333333;
	text-decoration:none;
	padding-left:10px;
	font-weight:normal; 
	background:url(navigation/dot.gif) no-repeat left center;
	font-size:12px;
	} 

#dropList ul#menu div.listHolder div.listCol ul li a:hover {
	text-decoration:underline;
	} 

#dropList ul#menu div.listHolder div.bottomLine {
	clear:left; 
	background:#b3a06c; 
	padding:5px 10px;
	} 
#dropList ul#menu a:hover div.listHolder div.bottomLine {
	height:1px;
	} 

#dropList ul#menu div.listHolder div.bottomLine p {
	padding:0 0 0 15px; 
	margin:0; 
	line-height:20px; 
	color: #ffde00;
	background:url(navigation/arrow.gif) no-repeat left center; 
	font-weight:bold;
	font-size:12px;
	} 

#dropList ul#menu div.listHolder div.bottomLine p a {
	color:#fff; 
	text-decoration:underline;
	} 

#dropList ul#menu div.listHolder div.bottomLine p a:hover {
	text-decoration:none;
	}
	
#dropList ul#menu div.listHolder div.bottomLine p a.current {
	background:url(navigation/arrow.gif) no-repeat left center; 
	}

/* NAVIGATION ENDE ====================================================== */

/* WETTER START ====================================================== */

div#smallweather {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-left /*\**/: 30px\9;
	text-decoration:none;

}

* + html div#smallweather {
	margin-left:30px;
}

html:not([dummy]) div#smallweather {
	margin-left: 30px;
}

div#smallweather a {
	text-decoration:none;
	color:#666;
}


div#smallweather div.content {
	float:left;
	margin:9px 10px 9px 10px;
	font-size:11px;
	text-decoration:none;
	color:#000;
	}

div#smallweather div#nextdays div.content a {
	text-decoration:none;
	color:#666;
}


div#smallweather div#nextdays div.content img.symbol {
	width:30px;
	height:28px;
	border:0;
	text-decoration:none;
}

div#smallweather .min {
	color:#369;
	font-weight:bold;
}

div#smallweather .max {
	color:#C00;
	font-weight:bold;
}



div#weather div.text {
	padding:10px;
}


div#weather div#map {
	font-size:10px;
}


div#weather div#map {
	width:420px;
	height:273px;
	background:url(http://www.live-style.it/layout/karte.gif);

}

div#weather div#map .symbol {
	width:50px;
	height:46px;
}


div#weather div#map div.schlanders {
	position:absolute;
	margin:100px 0 0 50px;
	text-align:center;

}

div#weather div#map div.meran {
	position:absolute;
	margin:90px 0 0 140px;
	text-align:center;
}

div#weather div#map div.bozen {
	position:absolute;
	margin:135px 0 0 180px;
	text-align:center;
}

div#weather div#map div.brixen {
	position:absolute;
	margin:65px 0 0 220px;
	text-align:center;
}

div#weather div#map div.bruneck {
	position:absolute;
	margin:60px 0 0 290px;
	text-align:center;
}

div#weather div#map div.sterzing {
	position:absolute;
	margin:5px 0 0 180px;
	text-align:center;
}


div#weather .min {
	color:#046bd4;
}

div#weather .max {
	color:#ac0101;
}

div#weather div#nextdays {
	margin:0 auto;
	background:none;
}

div#weather div#nextdays div.content {
	float:left;
	margin:0;
	padding-left:15px;
	padding-right:25px;
}

a {
		text-decoration:none;
}
#weatherback {
	background-image:url(images/back_weather.png); 
	background-repeat:repeat-y;}

* + html #weatherback {
	padding-bottom:10px;}

/* WETTER ENDE ====================================================== */


#preisliste {
	background-color:#87a158;
	margin:0 auto;
	text-align:center;
	}
	
#preisliste td{
	background-color:#b7d08a;
	text-align:center;
	font: 12px Verdana, Geneva, sans-serif;
	}
#preisliste img {
	margin-bottom:0;}
	
.table_pauschalangebot {
	border:1px solid #FFF;
	text-align:left;
	margin-left:25px;
	padding:10px;
	width:280px;
	float:left;
	background-color:#edf3e1;
	margin-bottom:50px;
	height:1100px;
	text-decoration:none;
	}
.pauschal_h1 {
	color:#990007;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin:0;
}
.pauschal_untertitel {
	font-size:12px;
	font-weight:bold;
}
.table_pauschalangebot img {
	width:280px;
	}
	
	#mainContent li {
	text-align:left;}
	
	
#anfragen {
	text-align:left;
	margin-left:23px;
	}