@import url(css-all.css);

/* Grundeinstellungen ____________________________________________ */

	div.rahmen 									{ background: url(/images/design/bg-mitte.gif) repeat-y 194px 0px #FFFFFF; margin: 0 auto; text-align: left; width: 952px; }

	
	
/* Oben __________________________________________________________ */

	div.oben ul.menu 							{ font-size: 11px; font-weight: bold; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 1px; top: 17px; z-index: 7; }
	div.oben ul.menu li 						{ float: left; position: relative; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; width: 174px; }
	div.oben ul.menu li.erstes 					{ margin: 0px 0px 0px 0px; }
	div.oben ul.menu li a 						{ background: url(/images/design/bg-ul.gif) no-repeat 0px 0px #FFFFFF; color: #FFFFFF; float: left; display: block; min-height: 22px; _height: 22px; line-height: 21px; text-indent: 8px; width: 174px; }
	div.oben ul.menu li a:hover,
	div.oben ul.menu li.aktiv					{ color: #FFFFFF; }
	
	div.oben ul.menu ul li 						{ display: block; float: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu ul li a:hover,
	div.oben ul.menu ul li.aktiv a 				{ color: #F8D501; }
	
	div.oben ul.menubehind						{ height: 90px; list-style-type: none; margin: 0px 0px 0px 0px; overflow: hidden; padding: 0px 0px 0px 0px; position: absolute; top: 47px; }
	div.oben ul.menubehind li					{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menubehind a					{ display: block; color: #FFFFFF; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 8px; }
	div.oben ul.menubehind li a:hover,
	div.oben ul.menubehind li.aktiv a 			{ color: #F8D501; }
	
	div.oben ul.PfeldersimPasseiertal			{ left: 1px; }
	div.oben ul.UnterkunfteVerpflegung			{ left: 195px; }
	div.oben ul.Familienurlaub					{ left: 389px; }
	div.oben ul.Sommerurlaub					{ left: 583px; }
	div.oben ul.Winterurlaub					{ left: 777px; }
	
	div.oben a.logo								{ position: absolute; left: 0px; bottom: 5px; }
	div.oben a.homelink							{ position: absolute; left: 300px; bottom: 5px; }
	
	div.oben div.sprachestart					{ position: absolute; right: 387px; top: 200px; }
	div.oben div.sprachestart span				{ color: #C51239; font-weight: bold; }
	div.oben div.sprachestart a					{ color: #000000; }
	div.oben div.sprachestart a:hover			{ color: #C51239; }

	div.oben div.wetterbox						{ position: absolute; right: 0px; bottom: 6px; padding: 0px 77px 0px 0px; }
	div.oben div.wetterbox img					{ position: absolute; right: 34px; top: -14px; }
	div.oben div.wetterbox span					{ color: #C51239; font-weight: bold; }
	div.oben div.wetterbox span.blau			{ color: #0055CC; font-size: 9px; font-weight: normal; position: absolute; right: -3px; top: -11px; }
	div.oben div.wetterbox span.rot				{ color: #BB2200; font-size: 9px; font-weight: normal; position: absolute; right: -3px; top: 1px; }


	
/* Mitte _________________________________________________________ */

	div.startseite 								{ background: #FFFFFF; padding: 10px 0px 0px 0px; }
	div.mitte 									{ float: left; display: inline; width: 758px; min-height: 1050px; _height: 1050px; }
	
	div.mitte div.imagefading					{ background: #FFFFFF; padding: 12px 0px 0px 0px; }
	

	
/* Links _________________________________________________________ */

	div.links1, div.links2 						{ float: left; display: inline; position: relative; width: 194px; }
	div.links1									{ padding: 0px 0px 42px 0px; }
	
	div.links1 div.sprache						{ background: #FFFFFF; line-height: 30px; height: 53px; }
	div.links1 div.sprache span					{ color: #C51239; font-weight: bold; }
	div.links1 div.sprache a					{ color: #000000; }
	div.links1 div.sprache a:hover				{ color: #C51239; }

	div.links1 div.infos	 					{ border-bottom: solid 1px #CBCBCB; margin: 0px 0px 24px 0px; padding: 42px 0px 26px 0px; position: relative; width: 100%; }
	div.links1 div.infos h3	 					{ background: url(/images/design/bg-menu-h3.gif) no-repeat 0px 0px; color: #FFFFFF; font-size: 11px; line-height: 27px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 0px; top: 0px; text-indent: 8px; width: 210px; height: 27px; }
	div.links1 div.infos ul	 					{ font-size: 11px; line-height: 19px; list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
	div.links1 div.infos ul li 					{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; min-height: 20px; _height: 20px; }
	div.links1 div.infos ul li a 				{ background-position: 8px 0px; background-repeat: no-repeat; color: #000000; display: block; min-height: 20px; _height: 20px; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 40px; }
	div.links1 div.infos ul li a:hover,
	div.links1 div.infos ul li.aktiv a 			{ color: #C51239; }
	
	div.links1 div.newsletter					{ border-bottom: solid 1px #CBCBCB; margin: 0px 0px 24px 0px; padding: 0px 0px 24px 0px; position: relative; width: 180px; }
	div.links1 div.newsletter h3				{ font-size: 11px; margin: 0px 0px 0px 10px; }
	div.links1 div.newsletter p					{ margin: 0px 0px 5px 10px; }
	div.links1 div.newsletter input				{ background: #F2F2F2; border: solid 1px #DFDFDF; color: #797979; font-family: Tahoma, Geneva, Sans-serif; font-size: 9px; line-height: 12px; margin: 0px 0px 0px 10px; padding: 3px 0px 0px 3px; width: 136px; height: 20px; }
	div.links1 div.newsletter a					{ position: absolute; left: 145px; bottom: 24px; }
	
	div.links1 div.webcam						{ margin: 0px 0px 24px 10px; width: 180px; }
	div.links1 div.webcam h3					{ font-size: 11px; margin: 0px 0px 0px 0px; }
	div.links1 div.webcam p						{ margin: 0px 0px 5px 0px; }
	div.links1 div.webcam img					{  }
	
	div.links2									{ padding: 0px 0px 170px 0px; }
	
	div.links2 h3	 							{ background: url(/images/design/bg-h3.gif) no-repeat 0px 0px; color: #FFFFFF; font-size: 11px; line-height: 16px; list-style-type: none; line-height: 35px; margin: 0px 0px 0px 0px; position: absolute; left: 0px; top: -35px; padding: 0px 0px 0px 0px; text-indent: 15px; width: 194px; height: 35px; }
	div.links2 ul.menu 							{ background: #C51239; border-bottom: solid 3px #930020; font-size: 11px; line-height: 16px; list-style-type: none; margin: 0px 0px 20px 0px; padding: 5px 0px 45px 0px; }
	div.links2 ul.menu li 						{ margin: 0px 0px 0px 0px; padding: 0px 0px 1px 15px; }
	div.links2 ul.menu li a 					{ background: url(/images/design/bg-menu-a.gif) no-repeat 0px 6px; color: #FFFFFF; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }
	div.links2 ul.menu li a:hover,
	div.links2 ul.menu li.aktiv a 				{ background-image: url(/images/design/bg-menu-a-hover.gif); color: #F8D501; }
	
	div.links2 h4								{ background: url(/images/design/bar.gif) no-repeat right top #FFFFFF; font-size: 11px; margin: 0px 22px 0px 15px; padding: 7px 40px 10px 0px; }
	div.links2 ul.seo							{ list-style-type: none; margin: 0px 22px 0px 15px; padding: 0px 0px 0px 0px; }
	div.links2 ul.seo li						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links2 ul.seo a							{ background: url(/images/design/bg-empfehlen.gif) no-repeat 0px 6px; color: #000000; display: block; padding: 0px 0px 0px 9px; }
	div.links2 ul.seo a:hover					{ color: #C51239; }



/* Inhalt ________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; margin: 30px 0px 0px 41px; width: 523px; }



/* Unten _________________________________________________________ */

	div.unten 									{ background: #FFFFFF; border-top: solid 1px #CBCBCB; border-bottom: solid 1px #CBCBCB; color: #797979; clear: both; font-size: 10px; padding: 3px 0px 40px 0px; position: relative; width: 100%; }
	div.unten a									{ color: #797979; }
	div.unten a:hover							{ color: #C51239; }
	
	div.unten div.adresse						{ border-bottom: solid 3px #930020; position: absolute; left: 194px; top: -275px; width: 194px; }
	div.unten div.adresse address				{ color: #000000; font-size: 11px; font-style: normal; margin: 0px 0px 15px 14px; }
	div.unten div.adresse address img			{ margin: 0px 5px 0px 0px; _margin: 5px 5px 0px 0px; }
	div.unten div.adresse address a				{ color: #000000; }
	div.unten div.adresse address a:hover		{ color: #C51239; }
	
	div.unten div.info							{ position: absolute; left: 1px; top: -20px; }
	
	div.unten div.logos							{ position: absolute; left: 127px; top: 12px; }
	div.unten div.logos img						{ margin: 0px 15px 0px 0px; }
	
	div.unten div.tools							{ position: absolute; left: 540px; top: 3px; }
	
	div.unten a.zeppelin						{ position: absolute; right: 0px; top: 3px; }
	div.unten a.zeppelin img					{ vertical-align: text-bottom; }
	
	#footernavigation { font-size: 10px; padding: 0px 0px 10px 0px; position: absolute; left: 20px; bottom: -50px; width: 942px; }
	#footernavigation ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#footernavigation li { float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; white-space: nowrap; }
	#footernavigation a { border-right: solid 1px #888888; padding: 0px 10px 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 __________________________________________________________*/