@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background: url(/images/design/bg-all.gif) repeat-x #FFFFFF; text-align: center; }
	div.rahmenaussen							{ width: 1054px; text-align: center; margin: 0 auto; overflow: hidden; position: relative; }
	div.rahmen 									{ width: 976px; margin: 0 auto; text-align: left; padding: 0px 0px 0px 0px; position: relative; }
	
	img.blumenlinks								{ position: absolute; left: -45px; top: 0px; }
	img.blumenrechts							{ position: absolute; right: -33px; top: 0px; }
	img.blumerechtsunten						{ position: absolute; right: 0px; top: 231px; }

	
	
/* Oben __________________________________________________________________ */

	div.obenoben								{ background: url(/images/design/bg-oben-oben.gif) no-repeat 0px 0px; position: absolute; top: 15px; left: 0px; width: 976px; height: 69px; z-index: 5; }
	div.oben 									{ background: url(/images/design/bg-oben.gif) no-repeat 0px 0px; position: absolute; top: 84px; left: 0px; width: 976px; height: 247px; position: relative; z-index: 7; }

	div.oben a.logo								{ position: absolute; left: 340px; top: -55px; display: block; width: 170px; height: 100px; z-index: 10; }
	
	div.sprache									{ position: absolute; right: 70px; top: 370px; z-index: 8; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.sprache a								{ color: #7D7D7D; }
	div.sprache a:hover							{ color: #363636; }
	
	div.oben div.flash							{ position: absolute; left: 35px; top: 0px; }
	
	div.oben div.obenrechts						{ position: absolute; right: 50px; top: 0px; }
	div.oben img.vacanza						{ margin: 16px 0px 20px 0px; }
	div.oben div.menurechts						{ list-style-type: none; margin: -5px 0px 0px 10px; padding: 0px 0px 0px 0px; }
	div.oben div.menurechts a					{ color: #7D7D7D; }
	div.oben div.menurechts a:hover				{ color: #363636; }
	div.oben div.menurechts a.aktiv				{ color: #363636; }
	
	ul.menu 									{ background: url(/images/design/bg-menu.gif) no-repeat 0px 0px; font-weight: bold; position: absolute; top: 331px; left: 0px; z-index: 6; list-style-type: none; margin: 0px 0px 0px 0px; padding: 23px 0px 0px 0px; width: 976px; height: 63px; _height: 86px; }
	ul.menu li 									{ background: url(/images/design/bg-menu-linie.gif) no-repeat 0px 0px; float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	ul.menu li.erstes							{ background: transparent; float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	ul.menu li a 								{color: #363636; font-weight: normal; float: left; display: block; min-height: 48px; _height: 48px; line-height: 48px; padding: 0px 28px 0px 28px; }
	ul.menu li.erstes a							{ margin: 0px 0px 0px 30px; _margin: 0px 0px 0px 10px; }      
	ul.menu li.aktiv a,
	ul.menu a:hover 							{ color: #4094B4; background: url(/images/design/bg-menu-a-hover.gif) repeat-x 0px 0px; }
	
	ul.menu ul 									{ background-color: #FFFFFF; border: solid 1px #C9DDF1; display: none; font-weight: normal; list-style-type: none; margin: 9px 0px 0px 0px; padding: 23px 0px 23px 0px; position: absolute; left: 0px; top: 39px; min-width: 184px; _width: 173px; }
	ul.menu li.erstes ul 						{ background-color: #FFFFFF; border: solid 1px #C9DDF1; display: none; font-weight: normal; list-style-type: none; margin: 9px 0px 0px 40px; padding: 23px 0px 23px 0px; position: absolute; left: 0px; top: 39px; min-width: 184px; _width: 173px; }
	ul.menu ul li 								{ background: url(/images/design/bg-li.gif) no-repeat 0px 8px; display: block; float: none; margin: 0px 17px 0px 17px; padding: 2px 0px 3px 11px; }
	ul.menu ul li.erstes						{ background: url(/images/design/bg-li.gif) no-repeat 0px 8px; display: block; float: none; margin: 0px 17px 0px 17px; padding: 2px 0px 3px 11px; }
	ul.menu ul li a								{ color: #4094B4; }
	ul.menu ul li a:hover						{ color: #10323F; }
	ul.menu li.aktiv ul li.aktiv a				{ font-weight: bold; }
	ul.menu li.erstes ul li a					{ margin: 0px 0px 0px 0px; }
	ul.menu ul li.erstes a						{ margin: 0px 0px 0px 0px; }
	ul.menu ul li.aktiv 						{ font-weight: bold; }
	ul.menu ul li.aktiv a, 			
	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 									{ margin: 150px 0px 0px 0px; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; width: 168px; margin: 50px 0px 0px 0px; }
	
	div.links address							{ font-style: normal; margin: 20px 0px 0px 48px; }

	div.links span.headlinemenu					{ font-weight: bold; margin: 0px 0px 0px 32px; display: block; }
	
	div.links ul.menulinks 						{ list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menulinks li 					{ background: url(/images/design/bg-li.gif) no-repeat 0px 5px;	margin: 0px 0px 0px 32px; padding: 0px 0px 1px 0px; }
	div.links ul.menulinks li a 				{ display: block; margin: 0px 0px 5px 0px; padding: 0px 0px 1px 14px; }
	div.links ul.menulinks li.aktiv a 			{ font-weight: bold; }
	div.links ul.menulinks li a:hover 			{ color: #363636; }


/* Inhalt ________________________________________________________________ */

	div.inhaltaussen							{ background: url(/images/design/bg-inhalt.gif) repeat-y 0px 0px; float: left; display: inline; margin: 0px 0px 0px 0px; width: 535px; overflow: hidden; }	
	div.inhaltoben								{ background: url(/images/design/bg-inhalt-oben.gif) no-repeat 0px 0px; width: 535px; height: 177px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.inhalt									{ margin: -90px 20px 0px 80px; padding: 0px 0px 0px 0px; min-height: 300px; _height: 300px; }
	div.skischule								{ margin: 20px 0px 0px 0px; }
	
/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; display: inline; margin: 60px 0px 0px 20px; position: relative; z-index: 5; width: 253px; }

	div.anfrage									{ width: 253px; margin: 0px 0px 40px 0px; }
	div.anfrage	form .colum1					{ width: 100px !important; }
	div.anfrage form select.datumday			{ width: 40px !important; height: 16px !important; line-height: 14px !important; }
	div.anfrage form .datummonth				{ width: 40px !important; height: 16px !important; line-height: 14px !important; }
	div.anfrage form .datumyear					{ width: 50px !important; height: 16px !important; line-height: 14px !important; }
	div.anfrage form select.standard			{ width: 145px !important; height: 16px !important; line-height: 14px !important; }
	div.anfrage form .senden					{ color: #4094B4; background: transparent; margin: 0px 0px 0px 0px; width: 140px; }
	
	div.rechts div.angebot img.topangebot		{ margin: 0px 0px 10px 0px; }
	div.rechts div.angebot span.zeitraum		{ float: left; display: inline; }
	div.rechts div.angebot span.preis			{ float: right; display: inline; font-size: 18px; color: #737373; }
	div.rechts div.angebot div.weiter			{ float: right; display: inline; margin: 20px 0px 0px 0px; }


/* Unten _________________________________________________________________ */

	div.unten 									{ clear: both; background: url(/images/design/bg-inhalt-unten.gif) no-repeat 0px 0px; width: 535px; height: 123px; }
	div.unteninhalt								{ margin: 0px 0px 0px 70px; padding: 53px 0px 0px 0px; }
	div.unten a img								{ vertical-align: text-bottom; }
	div.unten a.zeppelin						{ float: right; margin: 0px 20px 0px 0px; }
	div.unten a.impressum						{ float: left; margin: 0px 0px 0px 20px; }
	div.unten span								{ float: left; }



/* 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: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }



/* __________________________________________________________________ Ende */