@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background-color: #BBD8EF; text-align: center; }
	div.rahmen 									{ background: url(/images/design/bg-rahmen-vitalpina.gif) repeat-y 0px 0px; _background: url(/images/design/bg-rahmen-vitalpina.gif) repeat-y 0px 0px; position: relative; width: 984px; min-height: 100%; margin: 0 auto; text-align: left; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ margin: 0px 0px 0px 7px; position: relative; height: 379px; }
	div.obenlogos								{ background-color: #FFFFFF; width: 970px; height: 114px; position: relative; }
	div.obenlogos a.logo						{ position: absolute; left: 34px; top: 6px; }
	div.obenlogos img.vitlogo					{ position: absolute; right: 135px; top: 55px; }
	div.obenlogos img.suedtirol					{ position: absolute; right: 34px; top: 55px; }
	
	div.oben div.sprache						{ position: absolute; right: 240px; top: 90px; }
	div.oben div.sprache a						{ color: #308212; font-weight: bold; text-decoration: none; }
	
	div.oben ul.menu 							{ font-weight: bold; position: absolute; left: 320px; top: 70px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li 						{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 						{ float: left; display: block; min-height: 39px; _height: 39px; line-height: 39px; padding: 0px 35px 0px 35px; }
	div.oben ul.menu li a:hover 				{ color: #000000; }
	div.oben ul.menu li.aktiv,
	div.oben ul.menu a:hover 					{ background-color: #000000; }
	
	div.oben ul.menu ul 						{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 0px; top: 39px; min-width: 150px; _width: 149px; }
	div.oben ul.menu ul li 						{ background: url(/images/design/bg-li-links.gif) repeat-x left bottom; display: block; float: none; margin: 0px 11px 0px 11px; padding: 2px 0px 3px 0px; }
	div.oben ul.menu ul li.aktiv 				{ font-weight: bold; }
	div.oben ul.menu ul li.aktiv a, 			
	div.oben ul.menu ul li a	 				{ display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ min-height: 100%; margin: 0px 0px 60px 0px; }



/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ background: url(/images/design/bg-linie-x.gif) repeat-x 0px 0px; float: left; display: inline; margin: 0px 10px 0px 7px; width: 554px; overflow: hidden; }
	
	div.inhalt div.breadcrumb					{ height: 31px; }
	div.inhalt div.breadcrumb p					{ padding: 0px 0px 0px 0px; }
	div.inhalt div.breadcrumb p span			{ background: url(/images/design/bg-li-li.gif) no-repeat 7px 7px; color: #a8a8a8; float: left; padding: 0px 0px 0px 16px; }
	div.inhalt div.breadcrumb p span.erstes		{ background-image: none; padding: 0px 0px 0px 0px; }
	div.inhalt div.breadcrumb p a				{ color: #494949; text-decoration: none; }
	div.inhalt div.breadcrumb p a:hover			{ color: #494949; }
	div.inhalt div.breadcrumb p.l				{ float: left; margin: 7px 0px 0px 18px; }
	div.inhalt div.breadcrumb p.r				{ float: right; margin: 7px 18px 0px 0px; }
	
	div.inhalt a.rss							{ float: right; margin: 8px 17px 8px 0px; }
	
	div.inhalt div.content						{ margin: 0px 0px 0px 26px; width: 502px; }
	

	
/* Navi __________________________________________________________________ */

	div.navi 									{ float: left; display: inline; margin: 0px 10px 0px 0px; width: 168px; }

	div.navi ul.menu 							{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.navi ul.menu li 						{ background: url(/images/design/bg-li.gif) repeat-x 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }
	div.navi ul.menu li.erstes					{ background: url(/images/design/bg-li-erstes.gif) repeat-x 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }
	div.navi ul.menu li a 						{ color: #FFFFFF; display: block; height: 28px; line-height: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; }
	div.navi ul.menu li span					{ color: #FFFFFF; display: block; height: 28px; line-height: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; }
	div.navi ul.menu li.erstes a 				{ height: 31px; line-height: 31px; }
	div.navi ul.menu li.aktiv a 				{  }
	div.navi ul.menu li a:hover 				{  }
	
	div.navi ul.menu ul 						{ list-style-type: none; margin: 6px 0px 29px 0px; padding: 0px 0px 0px 0px; }
	div.navi ul.menu ul li 						{ background: url(/images/design/bg-li-li.gif) no-repeat 0px 9px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 9px; }
	div.navi ul.menu ul.nomenu					{ padding: 4px 0px 0px 0px; }
	div.navi ul.menu ul.nomenu li				{ background-image: none; line-height: 15px; margin: 0px 0px 8px 0px; padding: 0px 6px 0px 9px; }
	div.navi ul.menu ul li a 					{ background-color: transparent; color: #494949; height: 20px !important; line-height: 20px !important; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.navi ul.menu ul.brake li				{ background-position: 0px 8px !important; margin: 0px 0px 8px 0px; }
	div.navi ul.menu ul.brake li a 				{ min-height: 20px !important; height: auto !important; _height: 20px !important; line-height: 16px !important; }
	div.navi ul.menu ul.nomenu li b a			{ display: inline; font-weight: bold; line-height: 16px; }
	div.navi ul.menu ul li.aktiv 				{  }	
	div.navi ul.menu ul li.aktiv a,			
	div.navi ul.menu ul li a:hover				{  }
	
	div.navi ul.menu ul.hotel li				{ background-image: none; line-height: 15px; margin: 0px 0px 0px -1px !important; padding: 0px 0px 0px 0px !important; }
	div.navi ul.menu ul.hotel li a				{ min-height: auto !important; height: auto !important; _height: auto !important; line-height: 15px !important; }
	div.navi ul.menu ul.hotel li b				{ display: block; margin: 0px 0px 8px 0px; }
	


/* Rechts ________________________________________________________________ */

	div.rechts 									{ background: url(/images/design/bg-linie-x.gif) repeat-x 0px 0px; float: left; display: inline; width: 228px; }
	div.rechts p.suche							{ background: url(/images/design/bg-pfeil.gif) no-repeat 201px 8px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 31px; line-height: 31px; }
	div.rechts p.suche a						{ color: #308212; display: block; padding: 0px 0px 0px 14px; text-decoration: none; }
	
	div.rechts p.geosuche						{ background: url(/images/design/bg-suche.gif) repeat-x 0px 0px; margin: 0px 0px 0px 0px; height: 30px; line-height: 30px; }
	div.rechts p.geosuche span					{ background: url(/images/design/bg-li-li.gif) no-repeat 15px 15px; display: block; }
	div.rechts p.geosuche a						{ color: #308212; display: block; padding: 0px 0px 0px 22px; text-decoration: none; }
	
	div.rechts p.weg							{ background: url(/images/design/bg-linie-x.gif) repeat-x left bottom; margin: 0px 0px 0px 0px; height: 29px; line-height: 29px; }
	div.rechts p.weg span						{ background: url(/images/design/bg-li-li.gif) no-repeat 15px 15px; display: block; }
	div.rechts p.weg a							{ color: #308212; display: block; padding: 0px 0px 0px 22px; text-decoration: none; }
	
	div.rechts ul.menu 							{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rechts ul.menu li 						{ background: url(/images/design/bg-li.gif) repeat-x 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }
	div.rechts ul.menu li.erstes				{ background: url(/images/design/bg-li-erstes.gif) repeat-x 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }
	div.rechts ul.menu li.noline				{ background: url(/images/design/bg-li-erstes.gif) repeat-x 0px -2px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }
	div.rechts ul.menu li a 					{ color: #FFFFFF; display: block; height: 28px; line-height: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; }
	div.rechts ul.menu li span					{ color: #FFFFFF; display: block; height: 28px; line-height: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; }
	div.rechts ul.menu li.erstes span			{ height: 31px; line-height: 31px; }
	div.rechts ul.menu li.noline span			{ height: 28px; line-height: 28px; }
	div.rechts ul.menu li.aktiv a 				{  }
	div.rechts ul.menu li a:hover 				{  }
	
	div.rechts ul.menu ul 						{ list-style-type: none; margin: 6px 0px 29px 0px; padding: 0px 0px 0px 0px; }
	div.rechts ul.menu ul li 					{ background: url(/images/design/bg-li-li.gif) no-repeat 0px 9px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 9px; }
	div.rechts ul.menu ul.nomenu				{ padding: 4px 0px 0px 0px; }
	div.rechts ul.menu ul.nomenu li				{ background-image: none; line-height: 15px; margin: 0px 0px 8px 0px; padding: 0px 6px 0px 9px; }
	div.rechts ul.menu ul.nomenu li.nostyles	{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rechts ul.menu ul li a 					{ background-color: transparent; color: #494949; height: 20px !important; line-height: 20px !important; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.rechts ul.menu ul.nomenu li b a			{ display: inline; font-weight: bold; line-height: 16px; }
	div.rechts ul.menu ul li.aktiv 				{  }	
	div.rechts ul.menu ul li.aktiv a,			
	div.rechts ul.menu ul li a:hover			{  }



/* Unten _________________________________________________________________ */

	div.unten									{ clear: both; height: 30px; position: absolute; left: 0px; bottom: 0px; }
	div.unten p.zepp							{ text-align: right; width: 525px; margin: 0px 0px 8px 0px; }
	div.unten a									{ margin: 0px 0px 0px 16px; text-decoration: none; }
	div.unten a img								{ vertical-align: text-bottom; }



/* Lightbox ______________________________________________________________ */

	#lightbox									{ position: absolute; left: 0px; width: 100%; z-index: 100; text-align: center; line-height: 0px; }

	#lightbox a img								{ border: none !important; }

	#outerImageContainer						{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; }

	#imageContainer								{ padding: 10px; }

	#loading									{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0px; }
	#hoverNav									{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav					{ left: 0px; }
	#hoverNav a									{ outline: none !important; }

	#prevLink, #nextLink						{ width: 49%; height: 100%; display: block; }
	#prevLink									{ background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; left: 0px; float: left; }
	#nextLink									{ background: url(/images/lightbox/next.gif) right 15% no-repeat !important; right: 0px; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(/images/lightbox/next.gif) right 15% no-repeat !important; }

	#imageDataContainer							{ font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

	#imageData									{ padding: 0px 10px; color: #666666; }
	#imageData #imageDetails					{ width: 70%; float: left; text-align: left; }	
	#imageData #caption							{ font-weight: bold; }
	#imageData #numberDisplay					{ display: block; clear: left; padding-bottom: 1.0em; }
	#imageData #bottomNav						{ height: 40px; }
	#imageData #bottomNavClose					{ background: transparent !important; width: 26px; float: right;  padding-bottom: 0.4em; }

	#overlay									{ position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }



/* HTML Lightbox _________________________________________________________ */

	#htmllightbox								{ position: absolute; left: 0px; width: 100%; z-index: 1220; text-align: center; font-size: 0px; }

	#htmlouterImageContainer					{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; overflow: hidden; }

	#htmlimageContainer							{ padding: 10px; }
	
	#htmlbottomNavClose							{ position: absolute; right: 30px; bottom: 30px; }
	
	#htmloverlay								{ position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
	
	#htmllightboxFlash							{ margin: 10px 0px 0px 0px; }



/* IE 6 Overlay __________________________________________________________ */

	* html div#ieoverlay 						{ top: expression( ( ignoreMe = document.body.scrollTop ) + 'px' ); left: expression( ( ignoreMe = document.body.scrollLeft ) + 'px' ); }
	* html body > div#ieoverlay					{ position: fixed; }
	
	#ieoverlay[id]								{ display: none; }
	* html #ieoverlay							{ position: absolute; left: 0px; top: 0px; text-align: center; width: 100%; height: 100%; z-index: 2; }
	* html #ieoverlay							{ background: url(/images/geomap/loading.gif) no-repeat center center #000000; opacity: 0.3; filter: alpha(opacity = 30); width: 100%; height: 100%; }
	
	
	
/* __________________________________________________________________ Ende */