/*
-----------------------------------------------
Author:   	Christian Hamann 
Version:  	16 Juni 2010
URL:		project-pi.com

----------------------------------------------- */

body.project-pi  {
	123background: #FFF url(../_images/_gfx/header-schatten-pi.png) no-repeat scroll center 130px;
	}

.contentCanvas {
	background: #F7F4ED url(../_images/_gfx/content_body-pi.png) repeat-y scroll center top;
	}

.project-pi .content {
	min-height:500px;
	}
	
#footer {
	background: #F1E9DA url(../_images/_gfx/content_bottom_beige.gif) no-repeat scroll center top;
	height: 260px;
	}


/** Sparte
------------------------------------------------- */
#header.pi-sparte {
	background: transparent url(../_images/_gfx/header-sparte-beige.gif) no-repeat scroll center 15px;
	}


.standort-holder {
	width: 200px;
	}

/** Haupt Navigation 
------------------------------------------------- */
#navigation {
	border-bottom: 1px solid #9C9E9F;
	}

#navigation li a {
	color: #646567;
	}

#navigation li#currentpage a {
	color: #646567;
	}

#navigation li#currentpage {
	background-color: #F1E9DA; /* beige */
	text-shadow: 1px 1px 1px #FFF;
	}

#navigation li a:hover {
	color: #F29400;
	}

/** Side Navigation und Side Data 
------------------------------------------------- */
#side-navigation ul {
	margin-top: 18px; 
	}

#side-navigation li {
	border-bottom: 1px dotted #9c9e9f; /* ersetzen durch hintergrundbild */
	}

#side-navigation li#currentsubpage {background-color: #F1E9DA;} /* beige */

#side-data {
	left:720px;
	position:absolute;
	top:120px;
	width:220px;
	z-index:100;
	}

#side-data h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	}

#side-data h4 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 15px;
	}
	
	
/** City-Show
------------------------------------------------- */
#pi-home-oben-wrapper {
	height:270px; 
	width: 940px;
	overflow: hidden;
	float: left;
	background: transparent url(_resources/dotted-vert-hell-grau.gif) repeat-y 460px 0;
	}

#cityshow,
#pi-image-text {
	width: 460px;
	overflow: hidden;
	float: left;
	display: inline;
	height: 270px;
	}

#pi-image-text {
	width: 410px;
	padding-left: 40px;
	}

#pi-image-text p {
	font-size: 14px;
	line-height: 22px;
	}

#pi-image-text h3 {
	font-size: 20px;
	line-height: 24px;
	word-spacing: -0.025em;
	font-weight: normal;
	}
	
/** Content Home
------------------------------------------------- */
.breadcrumb {
	border-top: none;
	}

#details-pi-home {
	background: transparent url(../_images/_gfx/bg-show-schatten-white.gif) no-repeat scroll 0 0;
	padding-left: 30px;
	float: left;
	width: 940px;
	padding-top: 10px;
	}

#news-pi-home {
	width: 270px;
	float: left;
	display:inline;
	}

#news-pi-home.news-liste ul {
	width: 240px;
	}
	
#teaser-standorte {
	background: transparent url(_resources/dotted-vert-hell-grau.gif) repeat-y;
	float: left;
	display: inline;
	width: 290px;
	padding-left: 30px;
	height: 480px;
	}

#teaser-home-aktuelle-objekte-gewerbe {
	background: #FFF  url(../_images/_bg/bg-home-gewerbe-teaser.gif) no-repeat scroll bottom center;
	margin-top: 16px;
	height: 210px;
	border:5px solid #F7F7F7;
	width: 270px;
	-moz-box-shadow: 0 7px 7px -7px rgba(0, 0, 0, 0.5);
	margin-left: -10px;
	}

#teaser-home-aktuelle-objekte-gewerbe p a.weiter-button  {
	margin-left: 10px;
	}
	
#teaser-home-aktuelle-objekte-gewerbe p + p.text {
	margin-left: 15px;
	margin-top: 13px;
	}

#teaser-home-aktuelle-objekte-gewerbe p.text {
	width: 200px;
	}


#teaser-extra {
	background: url("_resources/dotted-vert-hell-grau.gif") repeat-y scroll 0 0 transparent;
	width: 260px;
	padding-left: 30px;
	float: left;
	display: inline;
	}
	
#standorte-karte-wrapper {
	position:relative;
	left: 15px;
	top: 15px;
	}

#details-pi-home p {
	line-height: 20px;
	word-spacing: -0.025em;
	font-size: 12px;
	}

#details-pi-home h4 {
	color: #646567;
	}

#details-pi-home h3.trenner {
	border-top: 1px dotted #9C9E9F;
	margin-top: 45px;
	padding-top: 15px;
	}


#details-pi-home .none-pi h4.first {}


/** Immobilien Uebersicht
------------------------------------------------- */
#pi-immobilien-map .content {
	background: transparent url(_resources/dotted-vert-hell-grau.gif) repeat-y 700px top;
	}
	
#pi-immobilien {
	float: left;
	width: 940px;
	}

#pi-map-wrapper {
	background-color: #F7F4ED;
	float: left;
	width: 700px;
	height: 659px;
	margin-top: 30px;
	}

#pi-map {
	background-repeat:no-repeat;
	}


#pi-filter-wrapper {
	float: left;
	padding-left: 20px;
	width: 220px;
	}

#pi-filter h3 {
	margin-top: 10px;
	}

#pi-filter h4 {
	margin-top: 15px;
	margin-bottom: 2px;
	color:#646567;
	font-size: 13px;
	text-indent: 4px;
	}

#pi-filter select  {
	font-size: 12px;
	color: #9C9E9F;
	width: 200px;
	padding: 1px;
	}
	
		
	
	
/** Immobilien Detail und Liste
------------------------------------------------- */

.objekt-details .content {
	background: transparent url(_resources/dotted-vert-hell-grau.gif) repeat-y 700px top;
	}
	

#pi-immosearch-wrapper {
	float: left;
	width: 670px;
	padding-left: 30px;
	padding-bottom: 60px;
	}

#pi-immosearch-wrapper h3 {
	float: left;
	width: 500px;
	margin-top: 10px;
	}

#pi-immosearch-wrapper h3 + span {
	float: right;
	margin-top: 10px;
	margin-right: 60px;
	width: 60px;
	}
	
.pi-immo-item,
.pi-immo-bild,
.pi-immo-text {
	float: left;
	}

.pi-immo-item {
	border-top: 1px dotted #9C9E9F;
	margin-top: 20px;
	padding-top: 30px;
	width: 600px;
	}



.pi-immo-item.wohnen {
	background: transparent url(../_images/_gfx/_icons/tag-wohnen.gif) no-repeat right 3px;
	}
.pi-immo-item.gewerbe {
	background: transparent url(../_images/_gfx/_icons/tag-gewerbe.gif) no-repeat right 3px;
	}
.pi-immo-item.wohnen.gewerbe {
	background: transparent url(../_images/_gfx/_icons/tag-wohnen-gewerbe.gif) no-repeat right 3px;
	}

.pi-immo-item.wohnen.gewerbe.bau {
	background: transparent url(../_images/_gfx/_icons/tag-wohnen-gewerbe-bau.gif) no-repeat right 3px;
	}	
.pi-immo-item.wohnen.gewerbe.verkauf {
	background: transparent url(../_images/_gfx/_icons/tag-wohnen-gewerbe-verkauf.gif) no-repeat right 3px;
	}
.pi-immo-item.wohnen.gewerbe.planung {
	background: transparent url(../_images/_gfx/_icons/tag-wohnen-gewerbe-planung.gif) no-repeat right 3px;
	}
	
.pi-immo-item.wohnen.bau {
	background: transparent url(../_images/_gfx/_icons/tag-wohnen-bau.gif) no-repeat right 3px;
	}	
.pi-immo-item.wohnen.verkauf {
	background: transparent url(../_images/_gfx/_icons/tag-wohnen-verkauf.gif) no-repeat right 3px;
	}	
.pi-immo-item.wohnen.planung {
	background: transparent url(../_images/_gfx/_icons/tag-wohnen-planung.gif) no-repeat right 3px;
	}	
	
.pi-immo-item.gewerbe.bau {
	background: transparent url(../_images/_gfx/_icons/tag-gewerbe-bau.gif) no-repeat right 3px;
	}	
.pi-immo-item.gewerbe.verkauf {
	background: transparent url(../_images/_gfx/_icons/tag-gewerbe-verkauf.gif) no-repeat right 3px;
	}	
.pi-immo-item.gewerbe.planung {
	background: transparent url(../_images/_gfx/_icons/tag-gewerbe-planung.gif) no-repeat right 3px;
	}


.pi-immo-bild {
	width: 210px;
	overflow: hidden;
	margin-left: -5px;
	}

.pi-immo-bild a img {
	border:1px solid #C2C3C4 !important;
	width: 190px;
	opacity: 0.9;
	}

.pi-immo-bild a img:hover {
	border:1px solid #646567 !important;
	opacity: 1;
	}

.pi-immo-text {
	width: 300px;
	margin-bottom: 20px;
	}

.pi-immo-text h4 {
	margin-top: 0px;
	}

.pi-immo-text h4 a {
	color: #646567;
	}

.pi-immo-text p {
	color: #9C9E9F;
	}
	
.pi-objekt-bild-wrapper {
	width: 300px;
	}

.pi-objekt-bild {
	margin-top: 5px;
	width: 240px;
	position:relative;
	}

.pi-objekt-bild img {
	width: 240px;
	}
	
.pi-objekt-bild #maske {
	background-image:url(_resources/maske_ecke-white.png);
	}
	

/** Unternehmen 
------------------------------------------------- */

#pi-about {
	float: left;
	width: 700px;
	display: inline;
	padding-top: 30px;
	}

.pi-left {
	clear:left;
	float:left;
	position:relative;
	width: 300px;
	}

.pi-main {
	width: 650px;
	display: inline; 
	}
	
.pi-left h2 {
	font-weight: normal;
	font-size: 24px;
	line-height: 30px;
	word-spacing: -1px;
	padding: 30px 0 0 30px;
	margin-top: 0 !important;
	}

#pi-about h3 {
	margin-top: 0px !important;
	text-indent:-1px;
	}

.pi-kapitel-bild-wrapper {
	width: 300px;
	}

.pi-kapitel-bild {
	margin-top: 5px;
	width: 300px;
	height: 180px;
	position:relative;
	}

.pi-kapitel-bild #maske,
.pi-kapitel-bild-hoch #maske {
	background-image:url(_resources/maske_ecke-white.png);
	}

.pi-kapitel-bild-hoch {
	margin-top: 5px;
	width: 220px;
	height: 300px;
	position:relative;
	}
	
.pi-main p,
.pi-main h3,
.pi-main h4,
.pi-main h5 {
	padding-left: 320px;
	margin-right: 10px;
	}

.pi-main h3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	}
.pi-main h4 {
	color: #646567;
	}
	
.pi-heads h5 {
	margin-top: 5px;
	}
	
.pi-heads h5 em {
	color: #9C9E9F;
	font-size: 11px;
	line-height: 1.2em;
	font-style: normal;
	font-weight: normal;
	}
	
.pi-marginale-wrapper {
	clear:left;
	float:left;
	padding:0 0 0 30px;
	position:relative;
	}

.pi-marginale {
	width: 290px;
	}

.pi-marginale .right {
	text-align:right;
	margin-right: 20px;
	position:relative;
	clear:right;
	}

.pi-heads {
	margin-bottom: 30px;
	margin-top: 15px;
	}

.pi-heads h4 {
	margin-bottom: 10px;
	padding-top: 30px;
	text-indent:-1px;
	background: url("../_images/_gfx/bg-show-schatten-white.gif") no-repeat 280px 10px;
	}
	
.firsthead {
	background:none !important; margin:-10px 0 0 0 !important;	
	}	
	
.pi-spalte-bild {
	margin-top: 30px;
	border: 1px solid #c2c3c4;
	-moz-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.5);
	}

.inline-pop-up {
	overflow:auto;
	padding: 70px 50px 60px 160px;
	}



/** Gewerbe Overview
------------------------------------------------- */
#immo-modul {
	border-top: none;
	}
	
#immo-modul-bottom {
	background: url(../_images/_bg/bg-immo-overview-gewerbe.jpg) no-repeat scroll 0 0;
	height: 240px;
	margin-top: 20px;
	}

.coda-nav ul li.tab1 a.current, .coda-nav ul li.tab1 a.current:hover,
.coda-nav ul li.tab2 a.current, .coda-nav ul li.tab2 a.current:hover,
.coda-nav ul li.tab3 a.current, .coda-nav ul li.tab3 a.current:hover,
.coda-nav ul li.tab4 a.current, .coda-nav ul li.tab4 a.current:hover { 
	background-image: url(_resources/maske_pfeil-white.png); 
	}

.coda-nav ul li.tab1 a:hover,
.coda-nav ul li.tab2 a:hover,
.coda-nav ul li.tab3 a:hover
.coda-nav ul li.tab4 a:hover {
	background-image: url(_resources/maske_pfeil-white-hover.gif); 
	}
	
	


/* Tab nav gewerbe*/
.project-pi .coda-nav ul li.tab1 a.current, .project-pi .coda-nav ul li.tab1 a.current:hover, .project-pi .coda-nav ul li.tab1 a:hover { background-color: #F29400 }
.project-pi .coda-nav ul li.tab2 a.current, .project-pi .coda-nav ul li.tab2 a.current:hover, .project-pi .coda-nav ul li.tab2 a:hover { background-color: #F29400 }
.project-pi .coda-nav ul li.tab3 a.current, .project-pi .coda-nav ul li.tab3 a.current:hover, .project-pi .coda-nav ul li.tab3 a:hover { background-color: #F29400 }
.project-pi .coda-nav ul li.tab4 a.current, .project-pi .coda-nav ul li.tab4 a.current:hover, .project-pi .coda-nav ul li.tab4 a:hover { background-color: #F29400 }


.coda-nav ul li { 
	background: #FFF url("../_images/_gfx/_buttons/bg-gewerbe-liste.gif") no-repeat top right; 
	}
	
.immo-feature-liste li.gewerbe-feature {
	background:url("../_images/_gfx/_icons/immo-feature-gewerbe.gif") no-repeat scroll 0 0 transparent;
	}


/** Anfahrt
------------------------------------------------- */

#google-maps {
	border: 1px solid #9c9e9f;
	background-color: #F1E9DA;
	}

/** News
------------------------------------------------- */

.news-liste ul {
	margin:0px;
	}

.news-liste li {
	border-bottom: 1px solid #F1E9DA; 
	padding: 10px 0px 15px 2px;
	line-height: 1.5em;
	font-size: 11px;
	}

.news_item.first {
	padding-top: 0;
	}
	
.news_item_date {
	letter-spacing: 0.075em;
	display:block;
	line-height:1.2em;
	}

.news_item a {
	color: #9C9E9F;
	text-decoration: none;
	}

.news_item a:hover {
	text-decoration: none !important;
	}
	
.news_item a:hover {
	color: #f29400;
	text-decoration: underline;
	}

.news_item .externalLink {
	background-color: #9C9E9F; /* hell-grau*/
	}

.single-news-text {
	border-bottom: 1px solid #FFF
	}

/** News Archiv
------------------------------------------------- */

#news-archiv .news-meldung {
	border-top: 1px dotted #9C9E9F;
	}

#news-archiv .news-meldung.featured {
	border-top: none;
	margin-top: 15px;
	margin-left: -30px;
	background: #F7F4ED url(_resources/maske_ecke-white.png) no-repeat bottom right;
	padding: 30px;
	overflow: hidden;
	}

#news-archiv .news-meldung.featured.first {
	margin-top: 30px;
	}
	
#news-archiv .news-meldung-bild {
	float: left;
	width: 290px;
	}
#news-archiv .news-meldung-bild img {
	width: 260px;
	}
	
#news-archiv .news-meldung.featured .text-wrapper span.datum {
	display: block;
	color: #9C9E9F;
	letter-spacing: 0.075em;
	display:block;
	font-size: 11px;
	margin-top: -5px;
	}
	
#news-archiv .news-meldung.featured .text-wrapper {
	float: right;
	width: 350px;
	}

.news-meldung.featured .text-wrapper h2 {
	margin-top: 5px !important;
	font-size: 18px !important;
	}

#news-archiv .news-meldung.featured .text-wrapper p {
	color: #646567;
	}
	
#news-archiv .news-meldung .text-wrapper p {
	color: #9C9E9F;
	}
	
#news-archiv h3 {
	font-weight: normal;
	}

#news-archiv a.headline-link {
	color: #646567 !important;
	}



/** Immobilien Map
------------------------------------------------- */

#pi-mapback {
	background: #F29400;
	color: #FFF;
	font-size: 12px;
	position: absolute;
	display: block;
	padding: 5px 15px;
	top: 0px;
	left: 0px;
	}
	
.fra_activer   {position: absolute; top:360px;	left:220px; }	
.fra_activer a {width:80px; height:70px; display: block;cursor: -moz-zoom-in !important;}

.hh_activer	{position: absolute; top:100px;	left:320px;}	
.hh_activer a {width:80px; height:60px; display: block;cursor: -moz-zoom-in !important;}

.muc_activer	{position: absolute; top:545px;	left:360px;}	
.muc_activer a {width:80px; height:60px; display: block;cursor: -moz-zoom-in !important;}
	
#pi-map a.bullet {
	display: none;
	position: absolute;
	display: block;
	width: 45px;
	height: 45px;
	background-image: url(../_images/_gfx/_map/pi-map-icons.png);
	background-repeat: no-repeat;
	z-index: 2;
	}

#pi-map a.bullet.neu {
	background-image: url(../_images/_gfx/_map/pi-map-icons-neu.png);
	background-repeat: no-repeat;
	z-index: 3;
	}

#pi-map a.fertig {background-position: 0px -0px;}
#pi-map a.bau    {background-position: 0px -0px;}

#pi-map a.bullet:hover { text-decoration: none; background-position: 0px -45px; }

#pi-map div.popup {
	display: none;
	position: absolute;
	top: 57px;
	left: 156px;
	width: 230px;
	height: 150px;
	background: url(../_images/_gfx/_map/popup.png) no-repeat;
	z-index: 10;
	}

#pi-map div.fertig { background-position: 0px 0px } 
#pi-map div.bau   { background-position: -0px 0px } 

#pi-map div.popup h3 {
	display: block;
	padding: 10px 10px 0px 17px;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	}

#pi-map div.popup div.popupcontent{
	position: absolute;
	top: 35px;
	height: 100px;
	padding: 0 17px;
	overflow: auto;
	overflow: visible; 
	}
	
#pi-map div.popup div.popupcontent p {
	margin: 10px 0;
	width: 195px;
	}
	
#pi-map div.popup div.popupcontent a {
	color: #F29400;
	}
	
#pi-map div.popup div.popupcontent a:hover {
	text-decoration: none;
	}
	
#pi-map div.popup a.close {
	display: block;
	position: absolute;
	top: 120px;
	right: 15px;
	}
	
#pi-map div.popup a.close img {
	border: none;
	z-index: 100;
	}


#pi-map .zoomable {
	cursor: -moz-zoom-in !important;
	}


/* --------------  Karriere   ---------------------- */
.stellenaus { position:relative; margin:20px 0 20px 320px; width:500px;}

.stellenaus_box { display:block; border-bottom:solid #ebe3d2 1px;}
.stellenaus_box a { display:block; font-size:14px; background: #fbfbfb url(_resources/pdf.png) no-repeat 475px 7px; padding:7px 0 7px 5px; color:#646567; font-size:12px}
.stellenaus_box a:hover { font-size:14px; background: #f1e9da url(_resources/pdf-hover.png) no-repeat 475px 7px; font-size:12px; text-decoration:none;}



.stellenaus_job { float:left; font-weight:bold; background:url(_resources/round_list.png) no-repeat 2px 7px; padding:0 0 0 15px; width:290px;}



.stellenaus_ort {}

.stellenaus_info { float:right; margin:0 30px 0 0; font-size:11px; padding:1px 0 0 0; color:#f29400}


/**  Seitennavigation News
----------------------------------------------------*/

#seiteninfo_news { float:right; margin:-32px 10px 5px 0;}

#seiteninfo_news strong { color:#f29400}

#seitennavigation_news { float:left; border-top:1px solid #dcdcdc;  padding:20px 0 0 0; width:100%; text-align:center;}

#seitennav li { display:inline;}

#seitennav li a {background-color:#9a9695; border-radius: 15px 15px 15px 15px; text-shadow: 1px 1px 1px #454341;  padding:5px 10px 5px 10px;  color:#E3E2E1; margin:0 2px 0 2px;}
#seitennav li a:hover { background-color:#f29400; text-decoration:none; }

#seitennav li#seitennav_act a {background-color:#f29400;}



/* --------------  Karriere   ---------------------- */
.stellenaus { position:relative; margin:20px 0 20px 320px; width:588px;}

.stellenaus_box { display:block; border-bottom:solid #d1cfce 1px;}
.stellenaus_box a { display:block; font-size:14px; background: #fbfbfb url(_resources/pdf.png) no-repeat 563px 7px; padding:7px 0 7px 5px; color:#646567; font-size:12px}
.stellenaus_box a:hover { font-size:14px; background: #eae9e8 url(_resources/pdf-hover.png) no-repeat 563px 7px; font-size:12px; text-decoration:none;}



.stellenaus_job { float:left; font-weight:bold; background:url(_resources/round_list.png) no-repeat 2px 7px; padding:0 0 0 15px; width:330px;}



.stellenaus_ort {}

.stellenaus_info { float:right; margin:0 30px 0 0; font-size:11px; padding:1px 0 0 0; color:#f29400}


.text_big h4 { padding:0px; margin:0px;}




.stellenaus_box { display:block; border-bottom:solid #d1cfce 1px;}
.stellenaus_box a { display:block; font-size:14px; background: #fbfbfb url(_resources/pdf.png) no-repeat 563px 7px; padding:7px 0 7px 5px; color:#646567; font-size:12px}
.stellenaus_box a:hover { font-size:14px; background: #eae9e8 url(_resources/pdf-hover.png) no-repeat 563px 7px; font-size:12px; text-decoration:none;}



.stellenaus_job { float:left; font-weight:bold; background:url(_resources/round_list.png) no-repeat 2px 7px; padding:0 0 0 15px; width:330px;}



.stellenaus_ort {}

.stellenaus_info { float:right; margin:0 30px 0 0; font-size:11px; padding:1px 0 0 0; color:#f29400}


.text_big h4 { padding:0px; margin:0px;}