@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ text-align: center; }
	div.daruber													{ position: relative; width: 100%; height: 520px; overflow: hidden; }
	div.daruber div.flash										{ width: 1000px; position: absolute; left: 50%; top: 0px; margin: 0px 0px 0px -500px; height: 520px; }
	div.rahmen 													{ width: 944px; margin: 0 auto; text-align: center; z-index: 10; position: relative; }
	div.rahmeninnen												{ margin: -520px 0px 0px 0px; }

	
	
/* Footer ________________________________________________________________ */
	
	div.footernavigation 										{ position: absolute; left: -40px; bottom: -40px; width: 930px; text-align: center; }
	div.footernavigation ul 									{ list-style-type: none; margin: 0px 0px 0px 33px; padding: 0px 0px 0px 0px; text-align: center; text-align: center; }
	div.footernavigation li 									{ display: inline; text-align: center; background: none; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; }
	div.footernavigation a 										{ font-family: Trebuchet MS, Tahoma; font-size: 12px; line-height: 12px; height: 12px; text-decoration: none; border-right: solid 1px #FFFFFF; padding: 0px 10px 0px 0px; }
	div.footernavigation a:hover 								{ color: #FFFFFF; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ position: relative; width: 944px; height: 520px; text-align: center; }
	div.oben a.logo												{ position: absolute; left: 20px; top: 49px; z-index: 40; }
	div.oben img.schattenoben									{ position: absolute; left: 33px; bottom: 0px; _position: absolute; _left: 34px;_bottom: 0px; }
	div.oben img.llinks											{ position: absolute; left: 0px; top: 309px;  _position: absolute; _left: 1px;_top: 309px; }
	div.oben img.lrechts										{ position: absolute; right: 1px; top: 309px; }
	
	div.oben div.headlineoben1									{ position: absolute; left: 405px; top: 210px; z-index: 40; }
	div.oben div.headlineoben2									{ position: absolute; left: 455px; top: 240px; z-index: 40; }
	
	div.oben div.menubox										{ position: absolute; left: 36px; top: 309px; width: 354px; height: 173px; border: solid 1px #FFFFFF; }
	div.oben img.menubox										{ position: absolute; left: 37px; top: 310px; width: 354px; _width: 352px; height: 173px; _height: 171px; }
	
	div.oben div.infolinks										{ position: absolute; left: 32px; top: 292px; z-index: 50; }
	div.oben div.infolinks ul									{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.infolinks li									{ background: transparent; float: left; display: inline; line-height: 11px; border-left: solid 1px #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; }
	div.oben div.infolinks li.erstes							{ border: none; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; }
	div.oben div.infolinks li a									{ color: #FFFFFF; text-decoration: none; }

	div.oben div.menubox div.menu1								{ float: left; display: inline; width: 150px; width: 170px; text-align: left; margin: 13px 5px 0px 20px; }
	div.oben div.menubox div.menu1 a							{ color: #424242; text-decoration: none; }
	div.oben div.menubox div.menu1 ul							{ list-style-type: none !important; margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menubox div.menu1 li							{ background: transparent; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menubox div.menu1 li a							{ color: #424242; text-decoration: none; }
	div.oben div.menubox div.menu1 li.aktiv a					{ color: #101010 !important; }
	div.oben div.menubox div.menu1 li a:hover					{ color: #101010; }
	
	div.oben div.menubox div.menu2								{ float: left; display: inline; width: 155px; text-align: left; margin: 13px 0px 0px 0px; }
	div.oben div.menubox div.menu2 ul							{ list-style-type: none !important; margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menubox div.menu2 li							{ background: transparent; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menubox div.menu2 li a							{ color: #424242; text-decoration: none; }
	div.oben div.menubox div.menu2 li.aktiv a					{ color: #101010 !important; }
	div.oben div.menubox div.menu2 li a:hover					{ color: #101010; }
	
	div.oben div.sprache										{ position: absolute; right: 36px; top: 0px; z-index: 40; }
	div.oben div.sprache a										{ width: 25px; height: 19px; font-family: Trebuchet MS, Tahoma; font-size: 11px; font-weight: bold; color: #424242; background: url(/images/design/bg-sprache.png) no-repeat 0px 0px; margin: 0px 0px 0px 8px; padding: 3px 6px 3px 6px; }
	div.oben div.sprache a.ital									{ width: 25px; height: 19px; font-family: Trebuchet MS, Tahoma; font-size: 11px; font-weight: bold; color: #424242; background: url(/images/design/bg-sprache.png) no-repeat 0px 0px; margin: 0px 0px 0px 8px; padding: 3px 9px 3px 9px; }
	
	div.oben img.bio											{ position: absolute; right: 372px; top: 306px; height: 182px; width: 161px; }
	div.oben div.bio											{ position: absolute; right: 372px; top: 306px; height: 182px; width: 161px; }
	div.oben div.bio div.bioinnen								{ background-color: #B57C00; margin: 4px 5px 5px 4px; width: 152px; height: 173px; }
	div.oben div.bio div.bioinnen ul							{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; height: 145px; background-color: #9A6900; }
	div.oben div.bio div.bioinnen ul li							{ background: transparent; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 7px; }
	div.oben div.bio div.bioinnen ul li.aktiv a					{ color: #FFFFFF; }
	div.oben div.bio div.bioinnen ul li a						{ color: #D3B066; z-index: 50; }
	div.oben div.bio div.bioinnen ul li a:hover					{ color: #FFFFFF; }
	
	div.oben div.bio div.bioinnen img							{ width: 152px; height: 145px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.bio div.bioinnen div.punkt1					{ width: 152px; height: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.bio div.bioinnen div.punkt1 a.bio				{ color: #FFFFFF; font-weight: bold; line-height: 28px; vertical-align: middle; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.oben img.wanderwinter									{ position: absolute; right: 204px; top: 306px; height: 182px; width: 161px; }
	div.oben div.wanderwinter									{ position: absolute; right: 204px; top: 306px; height: 182px; width: 161px; }
	div.oben div.wanderwinter div.wanderwinterinnen				{ background-color: #1E5722; margin: 4px 5px 5px 4px; width: 152px; height: 173px; overflow: hidden; }
	
	div.oben div.wanderwinter div.wanderwinterinnen div.punkt2				{ width: 152px; height: 28px; vertical-align: bottom; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.wanderwinter div.wanderwinterinnen div.punkt2 a.wandern	{ color: #FFFFFF; font-weight: bold; line-height: 28px; height: 28px; vertical-align: middle; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.oben div.wanderwinter div.wanderwinterinnen	ul						{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; height: 145px; background-color: #164D19; }
	div.oben div.wanderwinter div.wanderwinterinnen	ul li					{ background: transparent; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 7px; }
	div.oben div.wanderwinter div.wanderwinterinnen	ul li.aktiv a			{ color: #FFFFFF; }
	div.oben div.wanderwinter div.wanderwinterinnen	ul li a					{ color: #789A7A; z-index: 50; }	
	div.oben div.wanderwinter div.wanderwinterinnen	ul li a:hover			{ color: #FFFFFF; }	
	
	div.oben div.wanderwinter div.wanderwinterinnen a						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.wanderwinter div.wanderwinterinnen a img					{ width: 152px; height: 145px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.oben img.wellness										{ position: absolute; right: 32px; top: 306px; height: 182px; width: 161px; }
	div.oben div.wellness										{ position: absolute; right: 32px; top: 306px; height: 182px; width: 161px; }
	div.oben div.wellness div.wellnessinnen						{ background-color: #6D0202; margin: 4px 5px 5px 4px; width: 152px; height: 173px; }
	div.oben div.wellness div.wellnessinnen	ul					{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; height: 145px; background-color: #640101; }
	div.oben div.wellness div.wellnessinnen	ul li				{ background: transparent; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 7px; }
	div.oben div.wellness div.wellnessinnen	ul li.aktiv a		{ color: #FFFFFF; }
	div.oben div.wellness div.wellnessinnen	ul li a				{ color: #CBADAD; z-index: 50; }	
	div.oben div.wellness div.wellnessinnen	ul li a:hover		{ color: #FFFFFF; }	
	
	div.oben div.wellness div.wellnessinnen img					{ width: 152px; height: 145px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.wellness div.wellnessinnen div.punkt3			{ width: 152px; height: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.wellness div.wellnessinnen div.punkt3 a.alpinea{ color: #FFFFFF; font-weight: bold; line-height: 28px; height: 28px; vertical-align: middle; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	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 										{ background: transparent; 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 													{ width: 944px; position: relative; text-align: left; }
	div.mitte div.dunkel										{ position: relative; width: 942px; height: 477px; border-right: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; z-index: 0; _margin: 0px 0px 0px 1px; }
	div.mitte img.schattenunten									{ float: left; display: inline; margin: 0px 0px 0px 34px; _margin: 0px 0px 0px 35px; }
	
	div.mitte div.daten1										{ position: absolute; right: 190px; top: 500px; width: 170px; text-align: left; color: #FFFFFF; }
	div.mitte div.daten2										{ position: absolute; right: 20px; top: 500px; width: 160px; text-align: left; color: #FFFFFF; }
	div.mitte div.holidaycheck									{ position: absolute; right: 20px; top: 580px; width: 340px; text-align: left; color: #6A9A7A; }
	div.mitte div.holidaycheck img								{ margin: 9px 0px 0px 0px; }
	div.mitte div.daten2 a										{ font-family: Trebuchet MS, Tahoma; font-size: 12px; line-height: 17px; text-decoration: none; }
	div.mitte div.daten2 a:hover								{ color: #FFFFFF; }
	
	div.mitte div.anfrage										{ position: absolute; right: 36px; top: 35px; width: 316px; height: 480px; color: #FFFFFF; z-index: 40; }
	div.mitte div.anfrage div.formularlinks						{ float: left; display: inline; width: 141px; margin: 10px 16px 0px 0px; }
	div.mitte div.anfrage div.formularlinks	#bp_from_day		{ font-size: 10px; width: 37px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.mitte div.anfrage div.formularlinks	#bp_from_month		{ font-size: 10px; width: 37px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.mitte div.anfrage div.formularlinks	#bp_from_year		{ font-size: 10px; width: 47px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.mitte div.anfrage div.formularlinks	#typ				{ font-size: 10px; width: 130px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.mitte div.anfrage div.formularrechts					{ float: right; display: inline; width: 159px; margin: 10px 0px 0px 0px; }
	div.mitte div.anfrage div.formularrechts #bp_to_day			{ font-size: 10px; width: 37px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.mitte div.anfrage div.formularrechts #bp_to_month		{ font-size: 10px; width: 37px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.mitte div.anfrage div.formularrechts #bp_to_year		{ font-size: 10px; width: 47px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.mitte div.anfrage a.senden								{ float: left; display: inline; font-weight: bold; z-index: 40; height: 19px; vertical-align: middle; line-height: 19px; margin: 16px 6px 0px 0px; padding: 0px 9px 0px 9px; }
	div.mitte div.anfrage a.senden:hover						{ color: #FFFFFF; }
	div.mitte div.anfrage div.abstand							{ clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px 0px 0px; height: 10px; }
	
	div.mitte div.bycontainer									{ position: absolute; right: 36px; top: 239px; _position: absolute; _right: 2px; _top: 239px; width: 316px; height: 200px; color: #FFFFFF; z-index: 40; }
	div.mitte div.bycontainer a.weiter							{ color: #FFFFFF; z-index: 40; padding: 2px 4px 2px 4px; }
	

	
/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ position: relative; float: left; display: inline; width: 537px; margin: 0px 0px 0px 33px; _margin: 0px 0px 0px 34px; z-index: 10; min-height: 140px; _height: 140px; }
	div.inhalt div.content										{ position: relative; width: 455px; min-height: 466px; _height: 466px; text-align: left; margin: -455px 0px 0px 37px; z-index: 40; }
	div.inhalt div.linie1										{ width: 451px; height: 1px; vertical-align: bottom; font-size: 0px; line-height: 0px; background-color: #D4D4D4; margin: 65px 0px 0px 36px; z-index: 40; }
	div.inhalt div.logos										{ width: 451px; height: 33px; margin: 9px 0px 9px 36px; z-index: 40; }
	div.inhalt div.logos img									{ vertical-align: top; margin: 0px 0px 0px 15px; }



/* Unten _________________________________________________________________ */

	div.unten 													{ position: relative; width: 944px; margin: 3px 0px 0px 0px; z-index: 30; padding: 0px 0px 40px 0px; }
	div.unten div.leiste										{ position: absolute; left: 36px; top: 0px; }
	div.unten div.leiste a										{ font-family: Trebuchet MS, Tahoma; font-size: 12px; line-height: 17px; text-decoration: none; }
	div.unten div.leiste a:hover								{ color: #FFFFFF; }
	div.unten span.zeppelin										{ position: absolute; left: 459px; top: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten span.zeppelin a									{ font-family: Trebuchet MS, Tahoma; font-size: 12px; line-height: 17px; text-decoration: none; }
	div.unten span.zeppelin a:hover								{ color: #FFFFFF; }
	div.unten span.zeppelin a img								{ vertical-align: text-bottom; padding: 0px 0px 3px 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 */