@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	div.rahmen 									{ background: url(/images/design/bg-rahmen.gif) repeat-y 0px 0px; width: 987px; margin: 59px auto 0px auto; position: relative; text-align: left; }

	
	
/* Oben __________________________________________________________________ */

	div.schattenoben							{ background: url(/images/design/bg-schatten-oben.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; width: 987; height: 9px; }
	div.oben 									{ height: 582px; position: relative; }
	div.oben img								{ position: absolute; left: 101px; top: 50px; }
	
	div.oben div.sprache						{ position: absolute; left: 9px; top: -40px; }
	div.oben div.sprache a						{ color: #CE6172; margin: 0px 12px 0px 0px; }
	div.oben div.sprache a:hover,
	div.oben div.sprache a.aktiv				{ color: #FFFFFF; }
	div.oben div.menu-oben						{ position: absolute; right: 0px; top: -40px; }
	div.oben div.menu-oben a					{ color: #CE6172; margin: 0px 12px 0px 0px; }
	div.oben div.menu-oben a:hover,
	div.oben div.menu-oben a.aktiv				{ color: #FFFFFF; }
	
	div.oben img.logoobertreyen					{ position: absolute; left: 487px; top: -75px; }
	
	div.oben ul.menu 							{ background: #722531; position: absolute; left: 9px; top: 170px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; width: 970px; }
	div.oben ul.menu li 						{ float: left; display: inline; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 						{ color: #CD9161; float: left; display: block; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 0px 0px 26px; }
	div.oben ul.menu li a:hover 				{ color: #FFFFFF; }
	div.oben ul.menu li.aktiv a					{ color: #FFFFFF; font-weight: bold; }
	
	div.oben ul.menu ul 						{ background: #5F1924; display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 15px; padding: 17px 0px 17px 0px; position: absolute; left: -2px; top: 27px; min-width: 140px; _width: 139px; }
	div.oben ul.menu ul li 						{ background: url(/images/design/bg-li-links.gif) repeat-x left bottom; display: block; float: none !important; margin: 0px 0px 0px 0px; padding: 2px 0px 3px 0px; }
	div.oben ul.menu ul li a					{ color: #CD9161 !important; display: block; float: none; font-weight: normal !important; min-height: 14px; _height: 14px; line-height: 14px; margin: 0px 0px 0px 7px; padding: 0px 3px 0px 5px; }  			
	div.oben ul.menu ul li a:hover,
	div.oben ul.menu ul li.aktiv a				{ color: #FFFFFF !important; font-weight: normal; }
	
	#flash										{ position: absolute; left: 9px; top: 209px; }
	#flash img									{ position: absolute; left: 0px; top: 0px; }
	
	div.oben ul.menu-unten						{ background: #722531; position: absolute; left: 9px; top: 548px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; width: 970px; }
	div.oben ul.menu-unten li					{ float: left; display: inline; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu-unten li a					{ color: #CD9161; float: left; display: block; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 0px 0px 22px; }
	div.oben ul.menu-unten li a:hover			{ color: #FFFFFF; }
	div.oben ul.menu-unten li.aktiv a			{ color: #FFFFFF; font-weight: bold; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ margin: 0px 0px 0px 9px; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; margin: 20px 0px 20px 0px; width: 579px; }
	div.links h2								{ color: #CD9161; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 35px 0px 0px; }

	div.links div.topangebot					{ border-right: solid 1px #742A36; float: left; margin: 0px 0px 0px 0px; padding: 0px 22px 0px 22px; _padding: 0px 0px 20px 20px; width: 244px; _width: 280px;}
	div.links div.topangebot h2					{ letter-spacing: 2px; font-size: 15px; }
	div.links div.topangebot p					{ margin: 0px 35px 21px 0px; }
	div.links div.topangebot span a.weiter 		{ background: url(/images/design/weiter.gif) no-repeat right center; float: right; margin: 12px 0px 0px 0px; padding: 2px 25px 2px 0px; }
	div.links div.topangebot span a.weiter:hover{ background: url(/images/design/weiter.gif) no-repeat right center; color: #FFFFFF; float: right; }

	
	form.newsletter input						{ font-size: 11px; margin: 0px 0px 0px 0px; width: 160px; _width: 163px; }
	form.newsletter input.checkbox				{ margin: 0px 0px 0px 0px; width: 22px; _width: 15px; }
	form.newsletter table tr.abonnieren			{ height: 40px; }

	div.links div.anfrage						{ float: left; margin: 0px 0px 0px 35px; width: 245px; }
	div.links div.anfrage form.anfrage select	{ color: #000000 !important; font-size: 11px; }
	#nArrivalDay, #nDepartureDay				{ width: 40px; }
	#nArrivalMonth, #nDepartureMonth			{ width: 86px; }
	#nArrivalYear, #nDepartureYear				{ width: 55px; }
	div.anfrage form.anfrage select.zimmertyp	{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px !important; width: 187px; }
	div.anfrage form.anfrage p.zimmertyp		{ float: left; margin: 0px 0px 0px 0px !important; }
	div.links div.anfrage p						{ margin: 0px 35px 21px 0px; }
	div.links div.anfrage p.daten				{ margin: 0px 0px 4px 0px; _margin: 0px 0px 6px 0px; }
	div.links div.anfrage img					{ float: right; margin: 16px 0px 0px 0px; }



/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ background: #4F0A14; float: left; display: inline; min-height: 770px; _height: 807px; position: absolute; right: 40px; top: 0px; padding: 0px 0px 30px 0px; width: 360px; z-index: 8; }
	
	div.inhalt table.untermenu-oben				{ margin: 18px 0px 70px 40px; }
	div.inhalt table.untermenu-oben tr			{ margin: 0px 0px 0px 0px; height: 150px; }
	div.inhalt table.untermenu-oben tr td 		{ margin: 0px 0px 0px 0px; vertical-align: middle; width: 260px; }
	div.inhalt table.untermenu-oben tr td ul	{ list-style-type: none; margin: 0px 0px 0px 0px; }
	div.inhalt table.untermenu-oben tr td ul li	{ background: none; border-top: solid 1px #742A36; line-height: 20px; padding: 0px 0px 0px 10px; }
	table.untermenu-oben tr td ul li.erstes		{ border-top: none !important; }
	table.untermenu-oben tr td ul li.aktiv a	{ color: #FFFFFF; font-weight: bold; }


/* Rechts ________________________________________________________________ */

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



/* Unten _________________________________________________________________ */

	div.unten 									{ background: url(/images/design/bg-schatten-unten.gif) no-repeat 0px 0px #3f030c; clear: both; color: #883A46; height: 20px; margin: 0px 0px 0px 0px; padding: 9px 0px 0px 9px; }
	div.unten a									{ color: #883A46; }
	div.unten span								{ float: left; }
	div.unten img								{ float: right; margin: 0px 9px 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 */