@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background-color: #000055; text-align: center; }
	div.rahmenoben								{ background: url(../../images/design/bg-all.png) repeat-x #222260; width: 100%; height: 447px; text-align: center; }
	div.rahmenmitte								{ background-color: #f1f1f1; width: 100%; text-align: center; }
	div.rahmenunten								{ background: url(../../images/design/bg-bottom.png) repeat-x #222260 left bottom; width: 100%; height: 248px; text-align: center; }
	
	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ width: 850px; margin: 0 auto; text-align: left; position: relative; }
	div.oben a 									{ text-decoration: none; }
	
	div.oben a.logo								{ position: absolute; left: 0px; top: 60px; }
	
	div.oben div.sprache						{ position: absolute; right: 8px; top: 30px; }
	div.oben div.sprache a						{ color: #FFFFFF; float: left; margin: 0px 0px 0px 12px; }
	div.oben div.sprache a:hover				{ color: #666666; text-decoration: underline; }
	
	div.oben div.headerbild						{ background: url(../../images/design/bg-headerbild.png) no-repeat 0px 0px; position: absolute; right: 0px; top: 41px; width: 623px; height: 346px; }
	div.oben div.innendrin						{ position: absolute; left: 26px; top: 27px; overflow: hidden; width: 588px; height: 311px; z-index: 10; }

	div.oben span.bauunternehmen				{ color: #faf6f6; display: block; width: 200px; text-align: right; font-size: 14px; line-height: 20px; position: absolute; left: 0px; top: 206px; }
	div.oben strong.firma						{ color: #faf6f6; display: block; width: 200px; text-align: right; font-size: 15px; line-height: 24px; position: absolute; left: 0px; top: 222px; }
	div.oben address							{ color: #f5f2f2; font-style: normal; position: absolute; left: 0px; top: 262px; text-align: right; width: 200px; }
	div.oben address a							{ color: #f5f2f2; }
	div.oben address br.abstand					{ font-size: 8px; line-height: 8px; height: 8px; }
	
	div.oben ul.menu 							{ position: absolute; left: 245px; top: 400px; 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-li.gif) no-repeat 0px 7px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 						{ color: #FBFBFB; font-family: Verdana, sans-serif; float: left; display: block; min-height: 21px; _height: 21px; line-height: 21px; padding: 0px 7px 0px 15px; }
	div.oben ul.menu li a:hover 				{ color: #59598b; }
	div.oben ul.menu li.aktiv,
	div.oben ul.menu a:hover 					{ color: #59598b; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ width: 850px; margin: 0 auto; text-align: left; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; margin: 92px 56px 0px 0px; width: 200px; }
	div.links a									{ text-decoration: none; }
	
	div.links span.immobilien					{ color: #000055; display: block; font-size: 24px; line-height: 28px; margin: 0px 0px 8px 0px; text-align: right; }

	div.links ul.menu 							{ list-style-type: none; margin: 0px 0px 28px 0px; padding: 0px 0px 0px 0px; text-align: right; }
	div.links ul.menu li 						{ background: url(../../images/design/bg-li-x.gif) repeat-x left bottom; min-height: 28px; _height: 28px; margin: 0px 0px -1px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li a 						{ color: #999999; font-size: 14px; line-height: 28px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li.aktiv a 				{ color: #666666; font-weight: bold; }
	div.links ul.menu li.immosuchemenu a 		{ color: #000055; font-weight: bold; }
	div.links ul.menu li a:hover 				{ color: #666666; }
	
	div.links a.geosuche						{ float: right; margin: 0px 0px 60px 0px; }
	
	div.links img.typ							{ float: right; margin: 0px 0px 16px 0px; }
	
	div.links div.kompetenzen					{ background: url(../../images/design/bg-typbox-x.gif) no-repeat right bottom; color: #666666; float: right; margin: 0px 0px 32px 0px; padding: 0px 0px 4px 0px; width: 178px; }
	div.links div.kompetenzen br.abstand		{ font-size: 8px; line-height: 8px; height: 8px; }



/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; margin: 58px 0px 0px 0px; width: 594px; overflow: hidden; }
	
	div.inhalt span.topimmo						{ color: #333333; display: block; font-size: 24px; line-height: 34px; }
	div.inhalt span.topimmotext					{ color: #666666; display: block; margin: 0px 0px 4px 0px; }
	
	div.inhalt div.galleryscroll				{ background: url(../../images/design/bg-gallery-x.gif) no-repeat right 9px; position: relative; width: 588px; height: 23px; }
	div.inhalt div.galleryscroll a.prev			{ background: url(../../images/design/pl.png) no-repeat 0px 0px; cursor: pointer; display: block; position: absolute; right: 42px; top: 0px; width: 23px; height: 23px; text-decoration: none; }
	div.inhalt div.galleryscroll a.next			{ background: url(../../images/design/pr.png) no-repeat 0px 0px; cursor: pointer; display: block; position: absolute; right: 21px; top: 0px; width: 23px; height: 23px; text-decoration: none; }
	
	div.inhalt div.gallery							{ float: right; margin: 8px 0px 60px 0px; width: 588px; height: 107px; }
	div.inhalt div.bildrahmen						{ width: 588px; height: 107px; overflow: hidden; position: relative; }
	div.inhalt div.bildrahmen div.bildflache		{ height: 107px; position: relative; left: 0px; top: 0px; }
	div.inhalt div.bildrahmen div.bildflache div	{ float: left; position: relative; margin: 0px 18px 0px 0px; width: 285px; height: 107px; }
	div.inhalt div.bildrahmen div.bildflache div p	{ color: #f1f1f1; font-size: 12px; background-color: #000055; padding: 26px 0px 0px 143px; height: 69px; _height: 95px; }
	div.inhalt div.bildrahmen div.bildflache div p b{ display: block; }
	div.inhalt div.bildrahmen div.bildflache div a	{ position: absolute; left: 17px; top: 17px; }



/* Unten _________________________________________________________________ */

	div.unten 									{ color: #f1f1f1; clear: both; width: 850px; margin: 0 auto; padding: 21px 0px 0px 0px; text-align: left; position: relative; }
	
	div.unten div.boxen							{ background: url(../../images/design/bg-flaeche-bottom.png) no-repeat 0px 0px; margin: 0px 0px 16px 0px; width: 850px; height: 114px; text-align: center; }
	div.unten div.boxen div.center				{ margin: 0 auto; padding: 16px 0px 0px 0px; width: 710px; }
	div.unten div.boxen div.center div			{ width: 136px; text-align: left; float: left; margin: 0px 0px 0px 55px; }
	div.unten div.boxen div.center div.erstes	{ margin: 0px 0px 0px 0px; }
	div.unten div.boxen div.center div strong	{ background: url(../../images/design/bg-typbox-x.gif) no-repeat 4px bottom; margin: 0px 0px 12px 0px; display: block; }
	
	div.unten div.zepp							{ background: url(../../images/design/bg-bottom-x.gif) no-repeat 2px bottom; padding: 0px 0px 2px 0px; }
	div.unten a									{ color: #f1f1f1; text-decoration: none; }
	div.unten a img								{ vertical-align: middle; }



/* Startseite ____________________________________________________________ */

	body.startseite								{ text-align: center; }
	body.startseite div.intro					{ position: absolute; right: 12px; top: 72px; text-align: right; overflow: hidden; width: 260px; height: 188px; z-index: 20; }
	body.startseite div.rahmenoben				{ height: 539px; }
	body.startseite span.immostartseite			{ color: #FFFFFF; font-size: 24px; line-height: 30px; position: absolute; right: 441px; top: 493px; }
	
	body.startseite div.scrollbuttons			{ background: url(../../images/design/bg-start-x.gif) no-repeat 0px 7px; width: 440px; height: 15px; position: absolute; right: 0px; top: 510px; }
	body.startseite span.prev					{ background: url(../../images/design/pl.gif) no-repeat 0px 0px; display: block; position: absolute; right: 45px; top: 0px; width: 15px; height: 15px; }
	body.startseite span.prev a					{ display: block; text-decoration: none; }
	body.startseite span.next					{ background: url(../../images/design/pr.gif) no-repeat 0px 0px; display: block; position: absolute; right: 25px; top: 0px; width: 15px; height: 15px; }
	body.startseite span.next a					{ display: block; text-decoration: none; }
	
	body.startseite div.gallery							{ float: right; margin: 8px 0px 0px 0px; width: 588px; height: 104px; }
	body.startseite div.bildrahmen						{ width: 588px; height: 104px; overflow: hidden; position: relative; }
	body.startseite div.bildrahmen div.bildflache		{ height: 104px; position: relative; left: 0px; top: 0px; }
	body.startseite div.bildrahmen div.bildflache div	{ float: left; margin: 0px 8px 0px 0px; width: 139px; height: 104px; }
	
	body.startseite div.zepp					{ margin: 48px 0px 0px 0px; }
	
	div.startseitenmitte						{ background-color: #FFFFFF; width: 100%; height: 120px; position: relative; }



/* Geomap ________________________________________________________________ */

	div.htmllightboxDiv							{ width: 100%; height: 100%; }



/* 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; }
	
	
	
/* HTML Lightbox Default _________________________________________________ */

	#myHtmlLightbox								{ position: absolute; left: 0px; width: 100%; z-index: 1220; text-align: center; font-size: 0px; }

	#outerContainer								{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; overflow: hidden; }

	#htmlContainer								{ padding: 10px 10px 10px 10px; }
	
	#htmlContainer #htmlLightboxIFrame			{ border: 0px; }

	#myloading									{ position: absolute; left: 0%; top: 50%; margin-top: -16px; width: 100%; height: 25%; text-align: center; line-height: 0px; }

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

	#Data										{ padding: 0px 10px; color: #666666; }
	#Data #bottomNav							{ height: 40px; }
	#Data #bottomNavClose						{ background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; }
	
	#myhtmloverlay								{ position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }



/* __________________________________________________________________ Ende */