@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background: url(/images/design/bg-all.gif) repeat #FFFFFF; text-align: center; }
	div.orange									{ width: 100%; height: 4px; background-color: #F5C526; font-size: 0px; line-height: 0px; }
	div.rahmen 									{ width: 976px; margin: 0 auto; text-align: left; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ position: relative; background: url(/images/design/bg-oben.gif) no-repeat 0px 0px; height: 59px; }

	div.oben div.infos							{ position: absolute; left: 310px; top: 29px; z-index: 20; }
	div.oben div.infos a						{ color: #9A9393; }
	div.oben div.infos a:hover					{ color: #cfa418; }
	
	div.oben div.wetter							{ position: absolute; right: 0px; top: 14px; width: 250px; color: #9A9393; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.wetter span					{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.wetter img						{ vertical-align: text-bottom; display: inline; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ background: url(/images/design/bg-inhalt.gif) repeat-y 0px 0px #F7F4EA; width: 976px; }
	div.mitte div.links div.untermenupn a:hover	{ color: #cfa418; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ position: relative; float: left; display: inline; width: 555px; }
	div.links img.bgflash						{ z-index: 10; }	
	
	div.links div.linksoben						{ position: absolute; left: 36px; top: 34px; width: 483px; }
	
	div.links div.linksoben div.flash			{ width: 483px; height: 327px; overflow: hidden; }
	
	div.links div.linksoben	div.menu				{ width: 483px; height: 34px; margin: 0px 0px 10px 0px; }
	div.links div.linksoben	div.menu ul.menu 		{ z-index: 3; list-style-type: none; width: 483px; height: 34px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.linksoben	div.menu ul.menu li 	{ z-index: 2; position: relative; background: transparent; height: 34px; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.linksoben	div.menu ul.menu li a 	{ display: block; width: 100%; height: 34px; text-indent: -15000px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }	
	
	div.links div.linksoben	div.menu ul.menu ul 						{ display: none; z-index: 1; position: absolute; left: 0px; bottom: 34px; width: 100%; background-color: #245383; margin: 0px 0px 0px 0px; padding: 9px 0px 6px 0px; }
	div.links div.linksoben	div.menu ul.menu ul li 						{ background: none; margin: 0px 0px 6px 0px; _margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; width: 100%; height: 11px; }
	div.links div.linksoben	div.menu ul.menu ul li a	 				{ height: auto; _height: 11px; background: none; text-indent: 0px; color: #F5C526; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 9px; }
	div.links div.linksoben	div.menu ul.menu ul li a:hover 				{ color: #cfa418 }
	div.links div.linksoben	div.menu ul.menu ul li.aktiv a 				{ color: #F5C526; }
	div.links div.linksoben	div.untermenu li.aktiv a 					{ color: #F5C526; }
	div.links div.linksoben	div.untermenu li a:hover					{ color: #cfa418; }	
	
	#TopFamilienurlaub 								{ z-index: 6; position: absolute; left: 0px; top: 327px; width: 126px; }
	#TopSommerAktivitaten							{ z-index: 6; position: absolute; left: 126px; top: 327px; width: 131px; }
	#TopWinterAktivitaten 							{ z-index: 6; position: absolute; left: 257px; top: 327px; width: 132px; }
	#TopDolomiten 									{ z-index: 6; position: absolute; left: 389px; top: 327px; width: 94px; }
	
	#TopFamilienurlaub a 							{ background-position: 0px 0px; }
	#TopFamilienurlaub a:hover 						{ background-position: 0px -34px; }
	#TopFamilienurlaub.aktiv a 						{ background-position: 0px -34px; }
	#TopFamilienurlaub.aktiv a:hover 				{ background-position: 0px -34px; }
	
	#TopSommerAktivitaten a 						{ background-position: -126px 0px; }
	#TopSommerAktivitaten a:hover 					{ background-position: -126px -34px; }
	#TopSommerAktivitaten.aktiv a 					{ background-position: -126px -34px; }
	#TopSommerAktivitaten.aktiv a:hover 			{ background-position: -126px -34px; }
	
	#TopWinterAktivitaten a 						{ background-position: -257px 0px; }
	#TopWinterAktivitaten a:hover 					{ background-position: -257px -34px; }
	#TopWinterAktivitaten.aktiv a 					{ background-position: -257px -34px; }
	#TopWinterAktivitaten.aktiv a:hover 			{ background-position: -257px -34px; }
	
	#TopDolomiten a 								{ background-position: -389px 0px; }
	#TopDolomiten a:hover 							{ background-position: -389px -34px; }
	#TopDolomiten.aktiv a 							{ background-position: -389px -34px; }
	#TopDolomiten.aktiv a:hover 					{ background-position: -389px -34px; }
	#TopDolomiten.aktiv a:hover 					{ background-position: -389px -34px; }
	#TopDolomiten ul li a		 					{ padding: 0px 0px 0px 15px; }
	
	div.links div.linksoben	div.untermenu		{ float: left; width: 258px; _width: 268px; height: 151px; margin: 9px 0px 0px 0px; padding: 0px 0px 0px 10px; z-index: 20; }
	div.links div.linksoben	div.untermenu b		{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	div.links div.linksoben	div.untermenu ul	{ float: left; height: 85px; padding: 0px 0px 0px 0px; margin: 3px 0px 0px 0px; }
	div.links div.linksoben	div.untermenu ul li	{ float: left; width: 111px; _width: 116px; padding: 0px 0px 1px 11px; margin: 0px 0px 0px 0px; }
	
	div.links div.linksoben	div.linie1			{ float: left; width: 1px; height: 151px; background-color: #E7E2D2; font-size: 0px; line-height: 0px; }
	
	div.links div.linksoben	div.onpage			{ position: absolute; left: 279px; top: 370px; width: 214px; height: 151px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.onpage h2								{ padding: 9px 0px 0px 0px; }
	div.onpage p								{ padding: 3px 0px 1px 24px; }
	div.onpage form								{ position: relative; width: 225px; }
	div.onpage a.weiter							{ color: #FFFFFF; cursor: pointer; text-transform: uppercase; }
	div.onpage a.weiter:hover					{ color: #FFFFFF; }
	div.onpage a.weiter span.links				{ background: url(/images/design/bg-weiter-anfang.gif) no-repeat 0px 0px; width: 4px; height: 17px; line-height: 17px; float: left; display: inline;}
	div.onpage a.weiter span.mitte				{ background: url(/images/design/bg-weiter-api.gif) repeat-x 0px 0px; height: 17px; line-height: 17px; float: left; display: inline; padding: 0px 5px 0px 5px; }
	div.onpage a.weiter span.rechts				{ background: url(/images/design/bg-weiter-ende.gif) no-repeat 0px 0px; height: 17px; line-height: 17px; float: left; display: inline; width: 15px; margin: 0px 5px 0px 0px; }
	div.onpage form select.datumday				{ width: 36px; height: 13px; font-size: 9px; margin: 0px 3px 8px 0px; padding: 0px 0px 0px 0px; }
	div.onpage form select.datummonth			{ width: 65px; height: 13px; font-size: 9px; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; }
	div.onpage form select.datumyear			{ width: 36px; height: 13px; font-size: 9px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.onpage form select.standard				{ width: 106px; height: 13px; font-size: 9px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.onpage form select.input_long			{ width: 135px; margin: 0px 0px 4px 0px; }
	div.onpage form .label						{ width: auto; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; }
	div.onpage form label.standard				{ width: 45px; height: 13px; font-size: 9px; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; }
	div.onpage form .colum1						{ width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 19px; }
	div.onpage form .senden						{ float: right; display: inline; background: url(/images/design/bg-button.gif) no-repeat 0px 0px; width: 38px; height: 15px; line-height: 15px; border: none; margin: -15px 153px 0px 0px; padding: 0px 0px 0px 0px; z-index: 50; }
	
	div.links div.untermenupn					{ float: left; width: 138px; _width: 200px; min-height: 250px; _height: 319px; border-right: solid 1px #DFD8BE; margin: 0px 0px 11px 334px; _margin: 0px 0px 0px 166px; padding: 20px 58px 40px 0px; }
	div.links div.untermenupn ul				{ margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.untermenupn ul li				{ padding: 0px 0px 0px 13px; margin: 0px 0px 3px 0px; }
	div.links div.untermenupn ul li.aktiv		{ font-weight: bold; }
	div.links div.untermenupn ul li.abstand		{ padding: 0px 0px 0px 13px; margin: 15px 0px 3px 0px; }
	
	div.links div.sprache						{ position: absolute; left: 32px; top: -7px; width: 150px; height: 32px; }
	div.links div.sprache a						{ background: url(/images/design/bg-sprache.gif) no-repeat 0px 0px; color: #5B5B5B; float: left; text-align: center; width: 37px; line-height: 18px; height: 33px; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px; z-index: 0; }
	div.links div.sprache a.aktiv				{ font-weight: bold; }
	
	div.links div.bycontainer					{ position: absolute; left: 50px; top: 609px; width: 250px; height: 310px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.bycontainer p					{ width: 235px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.bycontainer	h2							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.bycontainer	span.zeitraum				{ margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }
	div.bycontainer	span.preis					{ float: left; display: inline; vertical-align: bottom; height: 17px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.bycontainer	a.bycontlink				{ background: url(/images/design/bg-weiter.gif) no-repeat 0px 0px; float: right; display: inline; vertical-align: bottom; width: 68px; height: 17px; margin: 0px 17px 0px 0px; padding: 0px 0px 0px 0px; }
	div.bycontainer	a.bycontlink span			{ float: left; display: inline; color: #FFFFFF; text-transform: uppercase; line-height: 17px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; }
	div.bycontainer	div.byconbild				{ background: url(/images/design/bg-bycontainer.gif) no-repeat 0px 0px; width: 240px; height: 157px; margin: 0px 0px 0px -4px; padding: 0px 0px 0px 0px; overflow: hidden; }
	div.bycontainer	div.innen					{ padding: 9px 9px 9px 9px; }
	div.byconbild div.innen img					{ overflow: hidden; width: 222px; height: 139px; }



/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: right; display: inline; width: 404px; overflow: hidden; margin: 0px 0px 20px 17px; }
	div.inhalt a:hover							{ color: #cfa418; }
	div.inhalt div.daten						{ background: url(/images/design/bg-rechtsoben.gif) no-repeat 0px 0px; position: relative; width: 367px; height: 241px; margin: 10px 0px 0px 0px; }
	div.inhalt div.daten a.logo					{ position: absolute; left: 87px; top: 40px; }
	div.inhalt div.daten div.client				{ position: absolute; left: 62px; top: 142px; color: #9A9393; text-align: center; }
	div.inhalt div.daten div.client	a			{ color: #9A9393; }
	
	div.inhalt div.text							{ margin: 45px 0px 20px 7px; padding: 0px 0px 0px 0px; color: #5B5B5B; width: 370px; }
	div.inhalt div.textapi						{ width: 380px; }
	
	div.inhalt div.freut						{ float: right; text-align: right; position: relative; width: 200px; height: 40px; margin: 13px 2px 46px 0px; padding: 0px 0px 0px 0px; }
	div.inhalt div.freut p						{ position: absolute; right: 0px; top: 0px; }
	div.inhalt div.freut img					{ position: absolute; right: 1px; bottom: 0px; }



/* Unten _________________________________________________________________ */

	div.unten 									{ clear: both; position: relative; }
	div.unten a.zeppelin						{ position: absolute; right: 12px; top: 13px; }
	div.unten a.zeppelin img					{ vertical-align: text-bottom; padding: 0px 0px 2px 0px; }
	div.unten img.schatten						{ position: absolute; left: 304px; top: 0px; }
	div.unten span.copyright					{ position: absolute; left: 326px; top: -23px; margin: 0px 0px 0px 0px; }
	
	div.unten div.banner						{ position: absolute; left: 320px; top: 11px; width: 215px; }
	div.unten div.banner img.sudtirol			{ float: left; margin: 0px 25px 0px 0px; padding: 7px 0px 0px 0px; border: none; }
	div.unten div.banner img.kron				{ float: left; margin: 0px 14px 0px 0px; padding: 5px 0px 0px 0px; border: none; }
	div.unten div.banner img.letztes			{ float: left; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 0px; border: none; }

	
	
/* NewsOnPage ______________________________________________________________ */
	
	div.newsonpage								{ background-color: #4f78a2; color: #FFFFFF; clear: both; position: relative; margin: 0px 0px 50px 0px; padding: 7px 7px 7px 7px; }
	div.newsonpage h2							{ background-color: #FFFFFF; border: solid 1px #DFD8BE; float: left; padding: 0px 0px 4px 10px; width: 340px; }
	div.newsonpage h2 a							{ color: #4F78A2; }
	div.newsonpage a							{ color: #FFFFFF; }
	div.newsonpage span.datum					{ float: left; width: 213px; margin: 7px 0px 0px 0px; }


/* 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; }



/* __________________________________________________________________ Ende */