@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	.clearfix:after								{ content: "."; display: block; clear: both; visibility: hidden; }

	div.rahmen 									{ background: url(/images/design/bg-all.gif) repeat-y center top #A7C227; margin: 0 auto; position: relative; text-align: left; width: 979px; min-height: 100%; _height: 100%; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ background: url(/images/design/bg-frosch.jpg) no-repeat 0px 0px #ADC4E6; height: 397px; margin: 0px 11px 0px 11px; position: relative; }
	
	div.oben a.logo								{ position: absolute; right: 0px; top: 0px; }
	div.oben div.sprache						{ position: absolute; right: 20px; top: 92px; }

	div.oben ul.menu 							{ font-size: 12px; font-weight: bold; position: absolute; left: 268px; top: 375px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li 						{ background: url(/images/design/bg-menu.gif) no-repeat bottom left; float: left; display: block; position: relative; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 0px; width: 107; }
	div.oben ul.menu li a 						{ color: #FFFFFF; display: block; min-height: 25px; _height: 25px; line-height: 25px; padding: 9px 0px 0px 0px; text-align: center; }
	div.oben ul.menu li a:hover 				{ color: #FFFFFF; text-decoration: none; }
	div.oben ul.menu li.aktiv,
	div.oben ul.menu a:hover 					{ background: url(/images/design/bg-menu-hover.gif) no-repeat 0px 0px; text-decoration: none; }
	
	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 a 					{ display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; }


	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ background-color: #A7C227; padding: 12px 0px 0px 0px; margin: 0px 11px 0px 11px; }
	
	div.mitte address							{ color: #FFFFFF; font-size: 11px; font-style: normal; line-height: 18px; position: absolute; left: 65px; bottom: 125px; }
	div.mitte address p							{ margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.mitte address a							{ color: #FFFFFF; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ background: url(/images/design/bg-links.gif) repeat-y 0px 0px #FFFFFF; float: left; display: inline; margin: 0px 0px 0px 37px; position: relative; width: 194px; min-height: 570px; _height: 570px; }
	
	div.links h3								{ background: url(/images/design/bg-links-menu.gif) no-repeat 0px 0px; color: #FFFFFF; font-size: 12px; line-height: 26px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 17px; position: absolute; left: 0px; top: -89px; width: 194px; height: 26px; }

	div.links div.linksoben						{ position: absolute; left: 0px; top: -63px; }
	
	div.links div.linksoben a.buttonreferenzen				{ float: left; display: inline; margin: 0px 0px 0px 11px; text-decoration: none; background: url(/images/design/referenzen-mitte.gif) repeat-x 0px 0px; font-weight: bold; font-size: 15px; height: 38px; line-height: 38px; }
	div.links div.linksoben a.buttonreferenzen span.links	{ float: left; display: inline; width: 5px; height: 38px; background: url(/images/design/ref-links.gif) no-repeat 0px 0px; }
	div.links div.linksoben a.buttonreferenzen span.mitte	{ float: left; display: inline; height: 38px; padding: 0px 35px 0px 35px; }
	div.links div.linksoben a.buttonreferenzen span.rechts	{ float: left; display: inline; width: 5px; height: 38px; background: url(/images/design/referenzen-rechts.gif) no-repeat 0px 0px; }
	
	div.links ul.menu 							{ background: url(/images/design/bg-links.gif) repeat-y 0px 0px #FFFFFF; font-size: 11px; line-height: 18px; list-style-type: none; margin: 0px 0px 20px 0px; padding: 15px 0px 0px 0px; width: 194px; min-height: 80px; _height: 80px; }
	div.links ul.menu li 						{ background: url(/images/design/bg-links-pfeil.gif) no-repeat 3px 6px; margin: 0px 0px 0px 15px; padding: 0px 0px 1px 0px; }
	div.links ul.menu li a						{ color: #FFFFFF; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 14px; }
	div.links ul.menu li.zusatzmenu a			{ color: #acbbff; }
	div.links ul.menu li.erstes					{ margin-top: 12px; }
	div.links ul.menu li.aktiv a 				{ font-weight: bold; text-decoration: underline; }
	div.links ul.menu li.aktiv ul li a 			{ background: url(/images/design/bg-li-links.gif) no-repeat 0px 6px; background-color: transparent; font-weight: normal; }
	
	div.links ul.menu ul 						{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
	div.links ul.menu ul li 					{ margin: 0px 0px 0px 0px; padding: 0px 0px 1px 14px; }
	div.links ul.menu ul li a 					{ background: url(/images/design/bg-li-links.gif) no-repeat 0px 6px; background-color: transparent; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.links ul.menu ul li.aktiv a 			{ font-weight: bold; }	
	
	div.links a.immobilienverkauf				{ text-align: center; background: url(/images/design/bg-button-immobilienverkauf.gif) no-repeat 0px 0px; width: 158px; height: 39px; line-height: 39px; display: block; margin: 0px 0px 0px 18px; }
	div.links a.immobilienverkauf span			{ font-size: 13px; font-weight: bold; }


/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; width: 653px; min-height: 380px; _height: 373px; margin: 31px 0px 90px 35px; _margin: 31px 0px 110px 40px; }



/* Rechts ________________________________________________________________ */

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



/* Unten _________________________________________________________________ */

	div.unten 									{ background: url(/images/design/bg-bottom.gif) repeat-x 0px 0px; clear: both; padding: 0px 0px 0px 0px; position: absolute; bottom: 17px; _bottom: 6px; left: 11px; width: 957px; height: 89px !important; }
	
	div.unten									{ color: #FFFFFF; }
	div.unten a									{ color: #FFFFFF; }
	
	div.unten div.logos							{ height: 79px; }
	
	div.unten div.zeppelin						{ float: right; margin: 4px 12px 0px 0px; }
	
	div.unten img.logos							{ float: left; margin: 1px 0px 0px 0px; }
	div.unten a.logoplatz img					{ float: right; margin: 1px 0px 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 */