@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background: url(/images/design/bg-body.gif) repeat-x #FFFFFF; text-align: center; }
	body.wanderkarte							{ background: transparent; width: 100%; height: 100%; background-color: #006633; margin: 0px 0px 0px 0px; }
	div.rahmen 									{ width: 945px; margin: 0 auto; text-align: left; }
	div.wanderkarte								{ width: 100%; height: 100%; }
	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ background: url(/images/design/bg-oben.gif) no-repeat 0px 0px; height: 274px; margin: 33px 0px 0px 0px; position: relative; z-index: 4; }

	div.oben a.logo								{ position: absolute; left: 25px; top: 50px; }
	
	div.oben div.sprache						{ position: absolute; left: 94px; top: 27px; }
	div.oben div.sprache a						{ color: #000000; margin: 0px 20px 0px 0px; }
	div.oben div.sprache a:hover				{ color: #A71073; }
	div.oben div.sprache a span					{ color: #A71073; }
	
	div.oben ul.menu 							{ font-weight: bold; position: absolute; left: 30px; top: -27px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 15; }
	div.oben ul.menu li 						{ background: url(/images/design/bg-linie-menu.gif) no-repeat 0px 3px; float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li.erstes					{ background: transparent; }
	div.oben ul.menu li a 						{ color: #520041; float: left; font-size: 12px; display: block; min-height: 24px; _height: 24px; line-height: 24px; margin: 0px 22px 0px 22px; padding: 0px 10px 0px 10px; _margin: 0px 14px 0px 14px; _padding: 0px 6px 0px 6px; }
	div.oben ul.menu li a:hover 				{ color: #000000; }
	div.oben ul.menu li.aktiv a,
	div.oben ul.menu li a:hover 				{ background: #A70D73; color: #FFFFFF; }
	
	div.oben ul.menu ul 						{ background-color: #FFF7B0; border: solid 1px #D1BF2B; display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 0px; top: 23px; min-width: 132px; _width: 131px; }
	div.oben ul.menu ul li 						{ background: transparent; border-bottom: solid 1px #F7E54F; display: block; float: none; margin: 0px 4px 0px 4px; padding: 2px 0px 3px 0px; }
	div.oben ul.menu ul li.aktiv 				{ color: #A70D73; }			
	div.oben ul.menu ul li a	 				{ background: transparent !important; color: #000000 !important; display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 0px 0px 0px; text-align: left; width: 140px; }
	div.oben ul.menu ul li.aktiv a,
	div.oben ul.menu ul li a:hover				{ background: transparent !important; color: #A70D73 !important; }
	
	div.oben div.wetter-link					{ position: absolute; right: 15px; top: 15px; width: 216px; height: 74px; z-index: 12; }
	div.oben div.wetter							{ background: url(/images/design/bg-wetter.png) no-repeat 0px 0px; padding: 10px 0px 0px 15px; width: 216px; height: 74px; }
	div.oben div.wetter	p						{ float: right; margin: 5px 40px 0px 0px; _margin: 5px 20px 0px 0px; }
	div.oben div.wetter	span					{ color: #FFFFFF; line-height: 12px; margin: 0px 0px 7px 0px; }
	div.oben div.wetter	img						{ position: absolute; right: 10px; bottom: 10px; _bottom: 10px; }
	div.oben div.wetter	span.temperatur			{ color: #6F6A00; }
	div.oben div.wetter-link a.vorhersage		{ color: #FFFE6B; font-size: 10px; position: absolute; left: 18px; bottom: 12px; text-decoration: underline; }
	
	#imagefading								{ position: absolute; right: 50px; top: 15px; z-index: 10; }
	
	div.oben div.menu-links						{ position: absolute; left: 35px; bottom: 8px; }
	
	div.oben div.menu-links ul.menu-links1		{ float: left; list-style-type: none; margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menu-links ul.menu-links1 li	{ background: transparent; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menu-links ul.menu-links1 li a	{ color: #000000; }
	div.oben div.menu-links ul.menu-links1 li a:hover	{ color: #A70D73; }
	div.menu-links ul.menu-links1 li a span		{ color: #A70D73; }
	
	div.oben div.menu-links ul.menu-links2		{ float: left; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menu-links ul.menu-links2 li	{ background: transparent; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menu-links ul.menu-links2 li a	{ color: #000000; }
	div.oben div.menu-links ul.menu-links2 li a:hover	{ color: #A70D73; }
	div.menu-links ul.menu-links2 li a span		{ color: #A70D73; }
	
	div.oben div.untermenu						{ background: url(/images/design/bg-untermenu.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; right: 33px; _right: 32px; top: 235px; width: 603px; height: 170px; }
	div.oben div.untermenu-ohnebalken			{ background: url(/images/design/bg-untermenu-ohnebalken.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; right: 33px; _right: 32px; top: 235px; width: 603px; height: 111px; }
	div.oben div.untermenu span					{ color: #FFFFFF; display: block; float: left; font-size: 12px; font-weight: bold; height: 50px; margin: 81px 10px 0px 40px; _margin: 81px 10px 0px 25px; }
	div.oben div.untermenu ul					{ list-style-type: none; margin: 77px 0px 0px 120px; _margin: 77px 0px 0px 70px; padding: 0px 0px 0px 0px; }
	div.oben div.untermenu ul.sommer			{ margin: 77px 0px 0px 33px; _margin: 77px 0px 0px 0px; }
	div.oben div.untermenu ul li				{ background: transparent; float: left; margin: 5px 7px 0px 7px; padding: 0px 0px 0px 0px; width: 110px; }
	div.oben div.untermenu ul li span			{ height: auto; color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.untermenu ul li a				{ color: #FFFFFF; font-size: 12px; }
	div.oben div.untermenu ul li.aktiv a		{ color: #C6B414; font-weight: bold; }


	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ background: url(/images/design/bg-mitte.gif) repeat-y 0px 0px; margin: 0px 0px 0px 0px; position: relative; width: 945px; min-height: 750px; _height: 750px; z-index: 3;}	
	
	div.startseite								{ background: url(/images/design/bg-startseite.gif) repeat-y 0px 0px; height: 240px; margin: 0px 0px 0px 3px; padding: 0px 0px 0px 0px; position: relative; }
	div.startseite div.startseite-inhalt		{ padding: 5px 20px 20px 20px; }
	div.startseite div.willkommen				{ background: url(/images/design/bg-willkommen.gif) repeat-y 0px 0px; float: left; height: 205px; _height: 220px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 12px; width: 288px; _width: 300px; }
	div.startseite div.willkommen span			{ color: #A40F6E; display: block; font-size: 16px; font-weight: bold; margin: 0px 0px 15px 0px; }
	div.startseite div.willkommen p				{ margin: 5px 18px 10px 0px; }
	div.willkommen div.linie-addresse			{ background: url(/images/design/linie-addresse.gif) repeat-x 0px 0px; margin: 0px 0px 0px 0px; width: 266px; height: 10px; }
	div.willkommen div.address-aussen			{ color: #CA4C98; font-size: 10px; line-height: 12px; }
	div.willkommen div.address-aussen div.address{ float: left; margin: 0px 20px 0px 0px; }
	div.willkommen div.address-aussen div.address a	{ color: #CA4C98; text-decoration: underline; }
	
	div.startseite div.boxen					{ float: left; margin: 43px 0px 0px 0px; position: absolute; left: 329px; top: 10px; width: 587px; }
	
	div.startseite div.angebot							{ background: url(/images/design/bg-angebot-startseite.gif) no-repeat 0px 0px; display: inline; float: left; margin: 0px 8px 8px 0px; padding: 0px 10px 0px 15px; width: 265px; _width: 290px; height: 141px; }
	div.startseite div.angebot img						{ margin: 7px 0px 3px 0px; }
	div.startseite div.angebot a.angebot				{ color: #F1DA15; font-size: 15px; font-weight: bold; }
	div.startseite div.angebot span.zeitraum			{ color: #000000; font-size: 11px; font-weight: bold; }
	div.startseite div.angebot strong.preis				{ color: #F2DE17; display: inline; float: right; font-size: 17px; font-weight: bold; margin: 0px 10px 0px 0px; }
	div.startseite div.angebot p						{ color: #FFFFFF; font-size: 11px; line-height: 12px; margin: 3px 0px 4px 0px; width: 170px; }
	div.startseite div.angebot a.angebote-weiter		{ color: #FFFE6B; display: inline; float: left; font-family: TrebuchetMS, Helvetica, sans-serif; font-size: 10px; font-weight: bold; margin: 0px 20px 0px 0px; text-decoration: underline; }
	div.startseite div.angebot a.angebote-weiter:hover 	{ color: #A70D73; }
	
	div.startseite div.anfrage								{ background: url(/images/design/bg-anfrage-startseite.gif) no-repeat 0px 0px; display: inline; float: left; margin: 0px 0px 8px 0px; width: 289px; height: 141px; }
	div.startseite div.anfrage img							{ margin: 7px 0px 10px 10px; }
	div.startseite div.anfrage span.label					{ color: #FFFFFF; margin: 5px 0px 0px 0px; }
	div.startseite div.anfrage div.links					{ float: left; display: inline; width: 140px; margin: 0px 0px 0px 0px; }
	div.startseite div.anfrage div.rechts					{ float: left; display: inline; width: 130px; }
	div.startseite div.anfrage select.input_long			{ width: 130px; }
	div.startseite div.anfrage a.weiter						{ padding: 0px 3px 0px 3px; background-color: #C6B414; border: solid 2px #FBF098; color: #000000; float: left; display: inline; font-size: 10px; line-height: 14px; margin: 5px 0px 0px 0px; text-align: center; }
	div.startseite div.anfrage a.abstand					{ margin: 8px 0px 0px 0px; }
	div.startseite div.anfrage-startseite					{ margin: 0px 0px 0px 8px; }
	div.anfrage-startseite table							{ color: #FFFFFF; }
	
	div.startseite div.wichtiges				{ background: url(/images/design/bg-wichtiges-startseite.gif) no-repeat 0px 0px; display: inline; float: left; margin: 0px 8px 0px 0px; width: 290px; height: 76px; }
	div.startseite div.wichtiges img			{ margin: 7px 0px 0px 7px; }
	div.startseite div.wichtiges ul				{ list-style-type: none; margin: 10px 0px 0px 7px; padding: 0px 0px 0px 0px; }
	div.startseite div.wichtiges ul li			{ background: transparent; display: inline; float: left; margin: 0px 11px 0px 0px; padding: 0px 0px 0px 0px; }
	div.startseite div.wichtiges ul li a		{ font-family: TrebuchetMS, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFE6B; text-decoration: underline; }

	
	div.startseite div.schnee					{ background: url(/images/design/bg-schnee-startseite.gif) no-repeat 0px 0px; display: inline; float: left; width: 289px; height: 75px; }	
	div.startseite div.schnee img				{ margin: 7px 0px 0px 2px; }
	div.startseite div.schnee ul				{ list-style-type: none; margin: 11px 0px 0px 9px; padding: 0px 0px 0px 0px; }
	div.startseite div.schnee ul li				{ background: url(/images/design/bg-schneehohe-startseite.gif) repeat-x 0px 0px; color: #FFFFFF; display: inline; float: left; margin: 0px 5px 0px 5px; padding: 0px 4px 0px 4px; text-align: center; }
	div.startseite div.schnee ul li span		{ font-weight: bold; }

	
	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; width: 320px; z-index: 6; }
	
	div.links div.anfrage						{ background: url(/images/design/bg-anfrage.gif) no-repeat 0px 0px #EBE193; margin: 10px 0px 0px 26px; padding: 0px 0px 0px 5px; width: 270px; _width: 277px; height: 130px; }
	div.links div.anfrage img					{ margin: 13px 0px 10px 0px; }
	div.links div.anfrage span.label			{ color: #000000; margin: 5px 0px 0px 0px; }
	div.links div.anfrage div.links				{ float: left; display: inline; width: auto; margin: 0px 5px 0px 0px; }
	div.links div.anfrage div.rechts			{ float: left; display: inline; width: 130px; }
	div.links div.anfrage select.input_long		{ width: 130px; }
	div.links div.anfrage a.weiter				{ padding: 0px 3px 0px 3px; background-color: #C6B414; border: solid 2px #FBF098; color: #000000; float: left; display: inline; font-size: 10px; line-height: 14px; margin: 2px 0px 0px 0px; text-align: center; }
	div.links div.anfrage a.abstand				{ margin: 5px 0px 0px 0px; }

	div.links div.linie							{ background: #EBE193; font-size: 0px; line-height: 0px; margin: 3px 0px 5px 26px; width: 280px; height: 1px; }

	div.links div.wichtiges						{ background-color: #FEFCE9; margin: 3px 0px 0px 26px; width: 280px; height: 62px; }
	div.links div.wichtiges	img					{ margin: 8px 0px 0px 7px; }
	div.links div.wichtiges ul					{ list-style-type: none; margin: 10px 0px 0px 7px; padding: 0px 0px 0px 0px; }
	div.links div.wichtiges ul li				{ background: transparent; float: left; margin: 0px 11px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.wichtiges ul li a				{ font-family: TrebuchetMS, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #958602; text-decoration: underline; }

	div.links div.angebot						{ padding: 0px 0px 0px 24px; }
	div.links div.angebot img					{ margin: 7px 0px 10px 0px; }
	div.links div.angebot a.angebot				{ color: #958602; font-size: 15px; font-weight: bold; margin: 0px 0px 0px 5px; }
	div.links div.angebot span.zeitraum			{ color: #000000; font-size: 11px; font-weight: bold; margin: 0px 0px 0px 5px; }
	div.links div.angebot strong.preis			{ color: #C74E97; display: inline; float: right; font-size: 17px; font-weight: bold; margin: 0px 10px 0px 0px; }
	div.links div.angebot p						{ color: #000000; font-size: 11px; line-height: 12px; margin: 10px 0px 4px 5px; width: 170px; }
	div.links div.angebot a.angebote-weiter		{ color: #958602; display: inline; float: left; font-family: TrebuchetMS, Helvetica, sans-serif; font-size: 10px; font-weight: bold; margin: 0px 20px 15px 5px; text-decoration: underline; }
	div.links div.angebot a.angebote-weiter:hover{ color: #A70D73; }

	
	div.links div.schnee						{ background: url(/images/design/bg-schnee.gif) no-repeat 0px 0px; margin: 0px 0px 75px 26px; width: 278px; height: 92px; }
	div.links div.schnee img					{ margin: 7px 0px 0px 2px; }
	div.links div.schnee ul						{ list-style-type: none; margin: 11px 0px 0px 9px; padding: 0px 0px 0px 0px; }
	div.links div.schnee ul	li					{ background: url(/images/design/bg-li-schnee.gif) repeat-x 0px 0px; color: #640356; float: left; margin: 0px 15px 0px 0px; padding: 0px 4px 0px 4px; text-align: center; }
	div.links div.schnee ul	li span				{ font-weight: bold; }
	
	div.links div.linie-addresse				{ background: url(/images/design/linie-addresse.gif) repeat-x 0px 0px; margin: 0px 0px 0px 0px; position: absolute; bottom: 90px; left: 26px; width: 266px; }
	div.links div.address-aussen				{ color: #CA4C98; font-size: 10px; font-style: normal; position: absolute; left: 26px; bottom: 20px; }
	div.links div.address-aussen div.address	{ float: left; margin: 0px 20px 0px 0px; }
	div.links div.address-aussen div.address a	{ color: #CA4C98; text-decoration: underline; }
	div.links div.linie-addresse-unten			{ background: url(/images/design/linie-addresse.gif) repeat-x 0px 0px; margin: 0px 0px 0px 0px; position: absolute; bottom: 0px; left: 26px; width: 266px; }


/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; margin: 140px 0px 0px 46px; width: 503px; }
	div.inhalt-ohnebalken						{ float: left; display: inline; margin: 80px 0px 0px 46px; width: 503px; }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; display: inline; width: 100px; }




/* Unten _________________________________________________________________ */

	div.unten 									{ background: url(/images/design/bg-unten.gif) no-repeat 0px 0px; clear: both; padding: 0px 0px 0px 26px; height: 96px; }
	div.unten-startseite						{ background: url(/images/design/bg-unten-startseite.gif) no-repeat 0px 0px; clear: both; padding: 0px 0px 0px 26px; height: 96px; }
	div.logos									{ margin: 0px 0px 0px 5px; }
	div.logos img								{ margin: 0px 5px 0px 0px; }
	div.zeile									{ color: #600148; font-size: 9px; margin: 25px 0px 0px 0px; }
	div.zeile a									{ color: #600148; }
	div.zeile a:hover							{ color: #C54B96; }
	div.zeile img								{ margin: 0px 50px 0px 0px; }


/* Lightbox ______________________________________________________________ */

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

	#lightbox a img								{ border: none; }

	#outerImageContainer						{ position: relative; background-color: #fff; 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: 0; }
	#hoverNav									{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav					{ left: 0; }
	#hoverNav a									{ outline: none; }

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

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

	#imageData									{ padding: 0 10px; color: #666; }
	#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					{ width: 26px; float: right;  padding-bottom: 0.4em; }

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



/* __________________________________________________________________ Ende */