/**
 *
 * Gestaltung spezieller Website-Elemente
 *
 */

@media all  {


/*	################################################################################### 
	### DIVERSE SEITENELEMNTE  ########################################################
	###################################################################################  */

	
	/*	Slider-Container */
	.slider {
		margin:2.5em 0 2.2em 0;
	}
	
	.slider img {
		width: 100%;
	}
	
	
	/* Bildcontainer (Lightbox) */
	.img-container {
		display:table; 
		margin-bottom: 2em;
		padding-bottom: 2em;
		border-bottom: 1px solid #e2ddd0;
	}
	
	
	.overlay {
		position:relative;
		display:table-cell; 
		vertical-align:middle;
		list-style-type: none;
	}
	
	.overlay p {
		color:#FFFFFF;
		padding:10px;
	}
	
	.overlay .base-img img {
		border: 1px solid #e2ddd0;
		padding: 0;
		width: 100%;
	}
	
	.overlay .overlay-img {
		position: absolute;
		left: 310px;
		top: 222px;
		width: 85px;
		height:85px;
		/* opacity=0, um Lupe zu verstecken */
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
	.overlay:hover .overlay-img {
		/* Setting a 100% opacity on mouse hover to show the content */
		filter: alpha(opacity=100);
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}
		
/*	verkauft-Banner	*/

	.overlay-2 {
		position:relative;
		display:table-cell; 
		vertical-align:middle;
		list-style-type: none;
	}
	
	.overlay-2 p {
		color:#FFFFFF;
		padding:10px;
	}
	
	.overlay-2 .base-img img {
		border: 1px solid #e2ddd0;
		padding: 0;
		width: 100%;
	}
	
	.overlay-2 .overlay-img {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 74px;
		height:73px;
		/* opacity=0, um Lupe zu verstecken */
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
	.overlay-02:hover .overlay-img {
		/* Setting a 100% opacity on mouse hover to show the content */
		filter: alpha(opacity=100);
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}
		


	/*  _______________________________________
	
		VERKAUFT-Banner
	    _______________________________________  */
	
	.imgContainer,
	.imgContainerBig {
		position:relative; 
		float: left;
		margin: 0 20px 0px 0;
	}
	
	.imgContainerBig {
		margin-right:0;
	}
	
	.imgContainer .base-img { width:120px; height:72px; }
	.imgContainer .base-img img {  height:72px; }
	.imgContainerBig .base-img { width:218px; height:122px; }
	
	.imgContainer .sold,
	.imgContainerBig .sold { 
		display:block; 
		position:absolute; 		
		text-indent: -9999px;
		}
		
	.imgContainer .sold {
		background:url(../img/verkauft-klein.png) no-repeat;
		top:-4px;
		left: -3px;
		width:120px; 
		height:72px;
	}
		
 	.imgContainerBig .sold {
 		background:url(../img/verkauft-gross.png) no-repeat;
 		width:218px; 
 		height:122px;
 		top:-6px;
 		left: -5px;
 	}
	
	.s01 .mark {
		margin: -0.4em 0 0.2em 0;
	}
	
	.s02 .mark {
		margin: 0em 0 0.3em 0;
	}
	
	.mark span {
		color: #8D2718;
		background:#efeee7;
		border: 1px solid #e0dbcd;
		text-transform: uppercase;
		font-size: 0.8em;
		padding: 0.2em 0.5em;
		width: auto;
		letter-spacing: 1px;
		font-weight: bold;
	}
	
	
	
	
	
	
/* Formatierungen für Content-Bereich auf Übersichts-Seite von Objekt */
	 .cbox-objContent	 {
 		margin-right: 16px;
 		font-family: Verdana, Arial, sans-serif;
 		font-size:13px;
 		
 }
	
	
	.cbox-objContent h2,
	.cbox-objContent h3,
	.cbox-objContent h4,
	.cbox-objContent h5,
	.cbox-objContent h6	 {
		font-family: Verdana, Arial, sans-serif;
	}
	
	.cbox-objContent ul  { margin:0 10px; padding:0 10px;  list-style-type: disc; font-size:13px; }	
	
	.cbox-objContent .imgserial { margin: 20px 0; }
	.cbox-objContent .imgserial a { margin: 0 15px 0 0; vertical-align:bottom; }
	.cbox-objContent .imgserial img { border: 1px solid #000; }
	
	
	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* INFO-BOXEN
	*
	* Gestaltung der Info-Box im oberen Bereich der Website
	*
	*/
	
	
/*	Teaser-Box mit Text rechts */

	.box  {
		border: 1px solid #e2ddd0;	
		padding: 1.1em 1.5em 0 0;
		margin: 0em 0 1.5em 0;
		font-size: 1em;		
		background: #fff url(../img/info-box-gradient.jpg) no-repeat bottom right;
	}
	

	.box > *:first-child { margin-top: 0; }



	.box img.float-left,
	.teaser-box-left  .float-left { margin: 0; }
	
	
	.box p,
	.teaser-box-left p {
		font-size: 1em;
		line-height: 1.6em;
		margin-top: 1em;
	}

	 p.caption {
		font-size: 1.3em;
		margin: 0.7em 1.3em 0 1.3em;
		color: #fff;
		float: left;
		width: 330px;
		line-height: 1em;
		
}

	p.caption span {
		font-size: 0.8em;
		padding-left: 0.5em;
		line-height: ;
}

    .box img.float-left,
    .teaser-box-left .float-left { margin: 0 1.7em 0 0; }

	.box .box-img {
		width: 576px;
		float: left;
		margin-right: 1.7em;
	}
	
	

	
	
	.box .box-img .layer {
		background: rgba(0, 0, 0, .6);
		float: left;
		width: 100%;
		height: 65px;
		margin-top: -65px;
		}
	
	
	.box .box-img img {
		width: 576px;
		height: 250px;
	}
	
	    
	.box h1 {
	   text-align: center;
	   color:  #8D2717;
	   font-size: 1.8em;
	   margin: 0em 0 -1.5em 0;
	  	padding-bottom: 1.5em;
	   background: transparent url('../img/underline.png') no-repeat bottom center;
	   }
	   
	.box h1.extraMargin,
	.teaser-box-left  .extraMargin {	padding-bottom: 3em;  }
	   
	   
	   
	   
	.box h2 {
		color:  #000;
		font-size: 1.3em;
		margin: 0;
	}
	
	.box h3 {
		color:  #4a94c0;
		font-size: 1em;
		margin: 1.5em 0 0.6em 0;
		letter-spacing: 0.2em;
		padding-top: 1.5em;
	}
	
	 .box div.btn {
		float: left;
		margin: 1.6em 1.5em 0 0;
		-webkit-box-shadow: 2px 2px 5px rgba(1, 1, 1, 0.95);
		-moz-box-shadow: 2px 2px 5px rgba(1, 1, 1, 0.95);
		box-shadow: 2px 2px 5px rgba(1, 1, 1, 0.95);
		}
		
	.box .topThema div.btn { float: right; }
	
	
		
	.box div.var1 {  /*  Button-Variation (hoher Button mit padding zum Rand)	*/
		padding-top: 0em;
		padding-bottom: 0em;
		border: 2px solid #fff;
		-webkit-box-shadow: 2px 2px 5px rgba(160, 160, 160, 0.95);
		-moz-box-shadow: 2px 2px 5px rgba(160, 160, 160, 0.95);
		box-shadow: 2px 2px 5px rgba(160, 160, 160, 0.95);
		}
		

		
		
	.box .var1 a,
	.teaser-box-left .var1 a { padding: 0.9em 1em 1em 1em; 	}
		
	
	.box p.big, 
	.teaser-box-left .big {
		font-size: 1.3em;
		font-weight: bold;
		margin: 0 0 1.5em 0em;
		font-family: tahoma, arial, sans-serif;
	}
	
	
	/* Teaser-Box mit Text links */
	
	.teaser-box-text-left  {
		border: 1px solid #e2ddd0;	
		padding: 1.2em 0em 0 1.5em;
		margin: 0em 0 1.5em 0;
		font-size: 1em;		
		background: #fff url(../img/info-box-gradient.jpg) no-repeat bottom right;
	}
	
	.img-container-right {
		width: 576px;
		float: right;
		margin-left: 1.7em;
	}
	
	.img-container-right .layer {
		background: rgba(0, 0, 0, .6);
		float: left;
		width: 100%;
		height: 65px;
		margin-top: -65px;
	}
		

	
	.cbox-teaser-box {
		 background: transparent url('../img/underline.png') no-repeat top center;
	}
	
	.cbox-teaser-box:before {
		 content: "";
		display: table;

	}
	
	.cbox-teaser-box:after {
		 clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	
	.teaser-box-left > *:first-child { margin-top: 0.1em; }
	
	.img-teaser-box-right {
		width: 576px;
		height: 250px;
		float: right;
	}
	
	.cbox-full-width-pdg-box { padding: 0.8em 0 1.5em 0; 	position: relative; }
	
	.cbox-full-width-pdg-box:before {
		content: "";
		display: table;
	}
	
	.cbox-full-width-pdg-box:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	
/* .angebot	*/
	
	.box .angebot {	margin-top: 0em; padding: 5em 1.2em 2em 6.5em; }
	.box .angebot .bulletPointBig { margin-left: -3.3em; }
	

	
		
	

/*	################################################################################### 
	### HAUPTBEREICH  #################################################################
	###################################################################################  */
	
	

/*	Page Navigation */

	.page-nav-top ul,
	.page-nav-bottom ul {
		list-style-type: none;
		margin: 0.5em 0 0 0;
		
	}
	
	.page-nav-top ul li.left,
	.page-nav-bottom ul li.left {
		float: left;
		padding-left: 1.6em;
		background: url('../img/pfeil-links.png') no-repeat left 50%;
	}
	
	.page-nav-top ul li.right,
	.page-nav-bottom ul li.right {
		float: right;
		padding-right: 1.6em;
		background: url('../img/pfeil-rechts.png') no-repeat right 50%;
		
	}
	
	.page-nav-top ul li a,
	.page-nav-bottom ul li a {
		font-size: 0.9em;
		text-decoration: none;	
/* TEST: helleres Blau */
color: rgb(0, 140, 194);
	}
		
	.page-nav-top ul li a:hover,
	.page-nav-bottom ul li a:hover {
		text-decoration: underline;	}

		
/*	Icons mittig ausrichten und mit border-bottom versehen */

	.centerIcons  {
		padding-top: 1em;
	
}
	.centerIcons img {
		text-align: center;
		padding-bottom: 1em;
		
	}
	
	
	
/**
	#ExposeForm id-element fuer Exposeformular in der Objektansicht 
**/
#ExposeForm { }
#ExposeForm textarea { height: 80px;  }
#ExposeForm .ExpResult { padding: 4px 0 20px; font-size: 11px; }
#ExposeForm .ym-fbox-text { padding:0; }
#ExposeForm .ym-fbox-check { padding:5px 0 0 2px; }
#ExposeForm .ym-fbox-button { padding: 5px 0 15px 0;}
#ExposeForm #msgExp div { /*font: bold 11px verdana; color: #981B1E; padding: 10px 2px 10px 4px;*/}
#ExposeForm .formBoxExt1 { padding-bottom:0; }
#ExposeForm .formBoxExt2 { padding-top:0; }
#ExposeForm .formBoxExt3 { margin-top:10px;}
.form-request-asid .evenInner { padding: 12px 15px 12px 10px; }
.form-request-asid .evenInner .lbl-02 { margin-top: 2px;}

#ExposeForm textarea { font-size:13px;line-height: 1.2em;  font-family: Roboto,Helvetica,Arial,sans-serif; }
#ExposeForm2 textarea { font-size:13px;line-height: 1.2em;  font-family: Roboto,Helvetica,Arial,sans-serif; }
.form-request-aside h3 { padding: 23px 0 5px 0; margin:0; text-transform: uppercase; }
.form-request-aside .ym-fbox-statement { padding: 14px 0 10px 0; font-size: 0.9em; }
.form-request-aside textarea { height: 80px; font: 12px verdana; }
.form-request-foot .ym-fbox-statement { padding: 0px 0 15px 25px; font-size: 0.9em;  }


/**
	#DevBox id-element fuer AnbieterBox (Logo/Link) in der Objektansicht 
**/



.dev-box {
	
}

.img-dev-box {
	margin: 1.2em 0 0 0 !important; /* !important temporär wg. #DebBox */
}

.dev-box hr {
	border-top: 0;
	border-bottom: 1px solid #E0DBCD;
	margin: 1em 0;
	padding: 0;
}

/*  #SaleContacts id-element fuer Ansprechpartner in der Objektansicht */
	
	#SaleContacts { padding-bottom: 0; }
	#SaleContacts h3 { text-align:left; text-transform: uppercase; }
	#SaleContacts img { margin:0 auto 8px auto; }
	#SaleContacts .contact { font-size:11px; margin-bottom:20px; }
	#SaleContacts .contact b { display: block; }
	#SaleContacts .contact .txtinfo { color: #888; }
	
/**
	.grey class-element fuer ausgegraute Pager-Buttons in der Objektansicht 
**/


 }

.object-header .pager  .grey { display: block; text-indent: -9999px; background: url('/assets/css/yaml/img/icons_sprite_grey.png') no-repeat left top; }
.pager .no1 .grey { background-position: 0 -132px; width: 21px; height: 16px; }
.pager .no2 .grey {	background-position: 0 -264px; width: 20px; height: 17px; }
.pager .no3 .grey {	background-position: 0 -198px; width: 21px;	height: 16px; }	
.pager .no1 .grey:hover { background-position: 0 -132px; width: 21px; height: 16px; }
.pager .no2 .grey:hover { background-position: 0 -264px; width: 20px; height: 17px; }
.pager .no3 .grey:hover { background-position: 0 -198px; width: 21px;	height: 16px; }


.footer_tabs li a span {
    float: right;
    display: block;
    overflow: hidden;
    font-size: 0.9em;
    padding: 3px 5px;
    background: none repeat scroll 0% 0% rgb(139, 40, 29);
    border-radius: 12px 12px 12px 12px;
    color: rgb(255, 255, 255);
    line-height: 0.9em;
}

.footer_tabs li span:first-child {
    background: none repeat scroll 0% 0% transparent;
    float: none;
    border: 0px none;
    font-size: 1em;
    display: inline;
    padding: 0px 5px 0px 0px;
    color: rgb(70, 147, 193);
}


/**
	.ms_map class element fuer microsoft map in der Objekt 
**/
.maps { margin: 3px 0; width: 670px; height: 400px; border: none; overflow: hidden; border: 1px solid #aaa; }


/**
	formatierung der routenplanung
**/
#gDirbox #gDirHead { clear: right; background-color: #EFEEE7; color: #000000; padding: 25px 15px; font-size: 12px; font-family: roboto, helvetica, arial, sans-serif; }
#gDirbox .close { background-color: #EFEEE7; border-bottom: none;  padding: 15px 15px 0 0; float: right; font-size: 12px; font-family: roboto, helvetica, arial, sans-serif; }
#gDirbox #gDirMap {  width: 650px; height: 300px; margin: 0 15px; }
#gDirbox #gDirText {width: 650px; margin: 20px 15px 0 15px; }
#gDirbox b { display: inline; font: bold 12px; }
#gDirbox { font-size: 12px; font-family: roboto, helvetica, arial, sans-serif; }
#distanceRoute { background-color: #EFEEE7; }
#gDirText .adp-placemark { border: none;}
#gDirText .adp-placemark td {  background-color: #fff; box-shadow: 0px 9px 9px -6px rgb(211, 210, 210); vertical-align:middle; }


/**
	.g_img_small class-element gallery kleine bilder
**/
.g_img_small { width:150px;height:100px;padding:10px 10px 0 0; }


/**
	.gal_empty_notice textformatierung leere gallery
**/
.gal_empty { text-align: center; margin: 80px 0 0 0; }


.soldSmall { position:absolute;width:75px;height:75px;background:url(/assets/css/yaml/img/verkauft-klein.png) 0 0 no-repeat;margin:-5px -4px; }
.soldBig { position:absolute;width:105px;height:105px;background:url(/assets/css/yaml/img/verkauft-gross.png) 0 0 no-repeat;margin:-6px; }
.soldObj { position:absolute;width:105px;height:105px;background:url(/assets/css/yaml/img/verkauft-gross.png) 0 0 no-repeat;top:-8px; left:-6px; }
.soldMargin { margin-left:85px; }

.img_txt { display:none; margin: 100px 0 0 0; border:1px solid #ccc; padding: 10px; color: #555;}


.markObj { position:absolute;top:-17px;right:-1px; }


.item_ext h3 { font-size: 1.1em; color:#8D2717; margin:0; }
.item_ext div { font-size: 1em; line-height: 1.5em; font-family: roboto, helvetica, arial, sans-serif; color:#656565; margin:0; }


/* Social Media Icon List */

.center-box {
	/*float:left;*/
	width:201px;
	overflow:hidden;
	position:relative;
	text-align: center;
}

/**/
.sm-icon-list {
	clear:left;
	float:left;
	list-style:none;
	margin:1.9em 0 0 0 !important; /* important ist temporär --> entfernen nach Markup-Änderung */
	padding:0;
	position:relative;
	left:98px;
	text-align:center;
}

.sm-icon-list li {
	padding-right: 5px;
	text-indent: -999em;
	
	display:block;
	float:left;
	list-style:none;
	margin:0 0 0 5px;
	padding:0;
	position:relative;
	right:50%;
}

.sm-icon-list a {
	width: 32px;
	height: 32px;
	display: block;
}


.li-facebook,
.li-google,
.li-twitter,
.li-youtube,
.li-picasa,
.li-facebook:hover,
.li-google:hover,
.li-twitter:hover,
.li-youtube:hover, 
.li-picasa:hover {display: inline-block;background-repeat: no-repeat;background-image: url('../img/sprite-icons.png');width:32px;height:32px;}

.li-facebook { margin-left: 0; background-position:0px 0px;}
.li-google {background-position:-32px 0px;}
.li-youtube {background-position:-96px 0px;}
.li-twitter {background-position:-64px 0px;padding-right: 0;}
.li-picasa {background-position:-288px 0px;}

.li-facebook:hover {background-position:-128px 0px;}
.li-google:hover {background-position:-160px 0px;}
.li-twitter:hover {background-position:-192px 0px;}
.li-youtube:hover {background-position:-224px 0px;}
.li-picasa:hover {background-position:-256px 0px;}


.sm-icon-list a {
	
}


/* Seitenspalte: "Meldungen & Nachrichten"  */

	.news-item {
	 	margin: 1.5em 0 1.5em 0;
	 	border-top: 1px solid #e1dccf;
	 	padding: 2em 0 0 0;
 	}
 	
	 h3 + .news-item {
	 	border: 0 none;
	 	padding-top: 0em;
 	}

	.news-item p {
		margin-top: 0.5em;
	}


	
	/* Pager: Ergebnisliste */
	

	



	.rating-var1 {
		border-top: 1px solid #efeee7;
		padding-top: 0.3em;
		margin-top: 0.6em;
	}
	
	.ul-rating-var1 {
		display: table;
		float: none !important;
		margin: 0 auto;
	}


	.rating-subinfo {
		text-align: center;
		margin: -0.3em auto 1em 0 !important; /* temporär, da mit aside p collidiert */
		font-size: 0.9em !important; /* temporär, da mit aside p collidiert */
 		color: #999;
		
	}
	
	/* Pager Results unten */
	
	.pager-result-box-top { background: #fff; border: 1px solid #e1ddcf; border-top: 0px solid #fff; border-bottom: 2px solid #e1ddcf; padding: 23px 0px 10px 10px; }
	.pager-result-box-top .styled-select { 	margin: 0 0 0 1em;	padding: 0.4em;	}
	.pager-result-box-top .pager-results {  margin-right: 1em;  }
	
	
	.pager-result-box-top-2  { background: #fff; border: 1px solid #e1ddcf; border-top: 0px solid #fff; border-bottom: 1px solid #e1ddcf; padding: 23px 0px 10px 10px; }
		
	
	.pager-result-box-bttm { background: #efeee7; border: none; }
	
	.pager-results-top-gbox-left { padding: 0; }
	
	
	.pager-results-bttm-gbox-left { padding: 1.6em 0; }
	.pager-results-bttm-gbox-right { padding-top: 1.7em; padding-right: 0; 	}

	.result-list-top .styled-select { float: left; margin-left: 1em; }


	.results-display {
		line-height: 1.2em;
		margin: 0em 0 1em 0;
		float: left;
		
	}
	
	.pager-results-top {	margin-left: 90px ; }
	

	
	.pager-results span { margin: 0 0em 2.5em 1em; padding-top: 0.5em; }
	.pager-results-top span {	display: inline-block; position: absolute; }
	.pager-results-bttm span {float: left;margin: 0 1em 2.5em 0;}
	
	

	.ul-pager-results-bottom { list-style-type: none; display: inline;  margin-left: 0px; }
	.ul-pager-results-top { margin: 0 0 0 70px; list-style-type: none; }
	
	.pager-results li {
		display: inline;
		border: 1px solid #b4d9f0;
		background: #d9e9f3;
		border-radius: 3px;
		margin-bottom: 0.6em;
		line-height: 2.5em;
		float: left;
		margin-left: 2px;
	}
	

	.pager-results a { 	font-weight: bold; font-size: 0.9em; text-decoration: none; line-height: 1; padding: 7px 8px; float: left; }
	.pager-results a:hover { color: #000; }
	.pager-results .active { background: #fff; 	border: 1px solid #e1ddcf;	}
	
	.result-list-top .styled-select { margin-left:0; padding:2px; }
	.pager-results .styled-select select { width: 150px; }


/* Weitere interessante Artikel in Blog */
	.featured-articles {
		padding-top: 0.2em;
	}

/* Finanzierungs-Slider */

	.box-immo-slider {
		background-color: #eee;
		padding: 0.8em 0.8em 1.4em 0.8em;
		margin: 0.8em 0;
	}
	
	.box-immo-slider .h2-12 { padding-top: 0.3em; }
	.box-immo-slider p {
		margin: 0 0 0.4em 0;
	}
	
	.gbox-immo-slider {
		padding-top: 2.6em;
	}

	.finanz-slider {
		width: 100%;
		height: 9px;
		background: #c6c9d0;
		position: relative;
	}
	
	.schieberegler {
		background: url('../img/schieberegler.gif') no-repeat;
		width: 44px;
		height: 17px;
		position: absolute;
		top: -4px;
	}
	
	.immo-slider-result {
		font-family: Gregoria, Times, serif;
		color: #003781;
		font-weight: bold;
		font-size: 1.6em;
		margin: 0;
	}
	
	/* Einschub Bilder-Liste (z.B. Bauträger-Logos auf Über-uns-Seite */
	
	.insertion-img-list { margin: 1em 0 0 0;}
	.insertion-img-list .ym-gbox {margin-top: 1.5em;}
	
	
	
	/* Regionalportal: 50-50-Grid */
	
	.grid-regionalportal {
		
	}

	.gbox-left-regionalportal {
		border: 1px solid #daeaf2;
		padding: 0 10px;
		margin-right: 0.75em;
	}
	
	
	.gbox-right-regionalportal {
		border: 1px solid #daeaf2;
		padding: 0 10px;
		margin-left: 0.75em;
	}
	
	.grid-regionalportal h3 + p { margin: 0 0 1.5em 0;}
	
	.grid-regionalportal .h2-05 { color: #4693c2;	}
	
	.grid-regionalportal .ym-gl .h2-05 { margin: 0 0.75em 0 0;	}
	.grid-regionalportal .ym-gr .h2-05 { margin: 0 0 0 0.75em;	}
	 
	 
/*}




@media screen and ( max-width: 754px ) {
		.grid-regionalportal .ym-gl .h2-05 { margin-right: 0;	}
		.grid-regionalportal .ym-gr .h2-05 { margin-left: 0em;	}
		
		.grid-regionalportal.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {    padding-bottom: 0;}
}


@media all {*/

	.grid-regionalportal .display-more { margin: 0 0 0em 0;	}
	

/* Subgrid */
	.grid-regionalportal.subgrid .gbox-left-regionalportal {
		border: 0 none;
		border-right:  1px solid #daeaf2;
		padding: 5px 10px 26px 0;
		margin-right: 0em;
		}
		
		
	.grid-regionalportal.subgrid .gbox-right-regionalportal {
		border: 0 none;
		border-left:  1px solid #daeaf2;
		padding: 5px 0px 8px 10px;
		margin-left: 0em;
		}
		
	.grid-regionalportal.subgrid .gbox-right-regionalportal p { margin: 0 0 1.1em 0; }

	.grid-regionalportal.subgrid .h3-04 {	color: #8d2717; line-height: 1.3em; margin-top: 6px;	}
	
	.grid-regionalportal.subgrid .h4-04.second { margin-top: 2.1em;	}

	.archiv-regionalportal li { padding-top: 5px; padding-bottom: 5px;	} 
	.archiv-regionalportal li a { line-height: 1.7em;} 

/* Newsletter Signup: schmale Signup-Box (50%) */
	
	.newsletter-signup {
		background:  url('../img/bg-newsletter-signup.jpg') repeat left top;
		margin: 10px 0;
		padding: 10px 10px 20px 10px;
	}
	
	.newsletter {
		float: right;
		margin: -16px -17px 0 5px;
	}
	
/*	.signup-wbox-inner { 
		 
		padding: 13px 10px 12px 10px;
		
	}*/
	
	.signup-wbox-inner, 
	.signup-wbox {
		margin-bottom: 20px;
		padding: 8px 10px 0px 10px;
	}
	
	.signup-wbox-inner {
		background: url('../img/drop-shadow-up.jpg') no-repeat center bottom;
	}
	
	.signup-wbox-inner .ym-form,
	.signup-wbox .ym-form {
		margin-top: 0;
	}
	
	
	


	
	.signup-wbox-inner:after, 
	.signup-wbox:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	
	.signup-wbox-inner:before, 
	.signup-wbox:before {
		content: "";
		display: table;
	}
	
	
		
/*   .signup-wbox-outer {
   border: 1px solid #cbcaca;
   margin-bottom: 0em;
   background: url('../img/drop-shadow-down.jpg') no-repeat center top;
   }
		
	.newsletter-signup + .signup-wbox-outer { margin-bottom: 0.8em; 	}*/
	
	
	
	
/*	@media screen and ( max-width: 857px ) {
		.ym-form .btn-signed-up input {
		margin-left: 0px;
		}
	}
	
	@media screen and ( max-width: 754px ) {
		.newsletter-signup .h3-09 { margin-top: 0em;	}
	}*/
	@media all {
	.signup-box-small .h4-09 {
		text-align: center;
	}
	
	.weitere-großraeume { margin: 0em 0 1.2em 1em; }
	.weitere-großraeume a { color: #000;	}
	.weitere-großraeume a:hover { color: #8d2718;	}
}



/* Regionalportal: Neubau-Immobilien-News */

	.immo-news { 
		background: #414141;
		margin: 1em 0;
		padding: 2em 2px 0px 2px;
	}
	
	.immo-news h2 {
		margin: 0 1em 0em 1em; 
		padding-bottom: 0.3em;
	}
	

	
	.top-news { 
		position: relative;		
		clear: both;		
		display: none;
		padding:0;
	}
	
	.top-news.active {
		display: block;
	}
	
	.top-news img {
		padding:0;
	}
	
	.top-news-description {
	
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; /* IE8 */         
	zoom: 1;
	
	
		background: rgba(0, 0, 0, .7);
		position: absolute;
		bottom: 0;
		color: #fff;
		width: 100%;
	}
	
	.top-news-description .description-box {
		padding: 15px;
	}
	
	.top-news-description p {
		width: 55%;
		margin: 0 0 0.5em 0;
	}
	
	.top-news-description h3 {
		color: #fff;
		margin: 0 0 0.5em 0;
	}


	.top-news-description .btn {
		clear: left;
		float: right;
		width: 180px;
		margin: -50px 40px 10px 0;
	}
	
	
	/* Immo-News: neue Version "immo-portrait" */
	
	.immo-portrait {
		margin: 30px 0 20px 0;
		position: relative;
	}
	
	.wbox-immo-portrait {
		background: #efefe7;
		margin: 12px 0 0 0;
	}
	
	
	.immo-portrait .h2-13 {
		color: #8d2618;
		font-weight: 700;
		font-size: 35px;
	}
	
	.immo-portrait .h2-13-sub {
		color: #4d4d4d;
		font-weight: 400;
	}
	
	.immo-portrait .badget {
		color: rgb(255, 255, 255);
		font-size: 18px;
		padding: 4px;
		text-align: left;
		margin: 0px 0px 0.3em 0em;
		font-weight: normal;
		position: absolute;
		z-index: 1000;
		width: 110px;
		left: -4px;
		top: 170px;
		background: #4794c3;
		height: 43px;
	}
	
	.immo-portrait .badget-border {
		border: 1px solid #3c799c;	
		padding: 8px 0 8px 5px;
		display: block;
		}
	
	
	.immo-portrait .badget:after {
		content: '';
		display: block;
		background: url(http://www.neubaukompass.de/assets/css/yaml/img/triangle-left-red.png) no-repeat;
		width: 4px;
		height: 4px;
		position: absolute;
		left: 0px;
		bottom: -4px;
	}
	
	
	
	/* Linke Seite */
	
	.immo-portrait-col1 {
		float: left;
		width: 595px;
		background: #efefe7;
		padding: 20px 20px 24px 20px;
	}
	
	.immo-portrait-col1 .h3-09 {
		margin: 0 0 50px 0;
		color: #5895be;
		font-size: 24px;
		text-align: center;
		line-height: 32px;
	}
	
	
	.immo-portrait-col1 .h3-09 .h3-sub {
		display: block;
		color: #8d2618;
		font-size: 18px;
		font-weight: 400;
	}
	
	
	.immo-portrait-col1 p {
		margin: 0 0 12px 0;
		font-size: 13px;
	}
	
	.immo-portrait-col1 .object-img {
		float: right;
		padding: 4px;
		background: #fff;
		box-shadow: 0px 3px 5px #aaa;
		margin: 0 0 0 20px;
	}
	
	.immo-portrait-col1 .object-img:after {
		content: "";
		display: block;
		background: red url(../img/drop-shadow-oblique-top.png) no-repeat;
		width: 289px; 
		height: 7px; 
		position: absolute;
		right: 0;
		
		}
	

	
	.immo-portrait-col1 .h4-11 {
		margin: 20px 0 6px 0;
	}
	
	.immo-portrait-col1 .ul-arrow-small.leftside {
		float: left;
		margin-top: 0;
		font-size: 13px;
	}
	
	.immo-portrait-col1 .ul-arrow-small.rightside {
		margin-left: 130px;
		margin-top: 0;
		font-size: 13px;
	}
	
	
	.ul-arrow-small.rightside {
		list-style-type: none;
	}
	
	/* Rechte Seite */
	
	.immo-portrait-col2 {
		position: relative;
		margin-left: 635px;
		border: 1px solid #ddd;
		padding: 15px 40px 20px 40px;
		background: #F9F8F8;
	}
	
	.immo-portrait-col2 .indicator {
		position: absolute;
		top: 45%;
		left: -1px;
	}
	
	
	.immo-portrait-col2 .itm-details {
		border-bottom: 2px solid #ddd;
		padding-top: 15px;
	}


	.indicator + .itm-details {
		padding-top: 10px;
	}

	
	.immo-portrait-col2 p {
		margin: 0 0 15px 0;
		color: #666;
		font-size: 13px;
	}
	

	.immo-portrait-col2 .h4-10 {
		font-size: 14px;
		font-family: Roboto, Tahoma, Helvetica, Arial, sans-serif;
		margin: 0 0 4px 0;
	}


	.immo-portrait-col2 .btn  {
		margin: 12px 0 0px 0;
	}
	
		
	.immo-portrait-col2 .btn a {
		padding: 0.3em 1em 0.4em 1em;
	}
	
	
	
	
	
	
	/* Regionalportal: 3-Spalten-Grid: Graue Boxen mit Links zu versch. Neubaukompass-Themen */

	.grid-333-themen {
		margin-top: 18px;
		font-size: 13px;
	}
	
	.grid-333-themen .ym-g33 {
		border: 1px solid #e0dbcd;
		-moz-box-sizing:  border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		/*height: 210px;*/
	}
	
	.grid-333-themen .ym-gbox { 
		padding: 0.5em 0 0 0;
	}
	
	
	
	.grid-333-themen .ym-gl.first { margin-right: 1.6%;  width: 31.7%;}
	.grid-333-themen .ym-gl.second {margin: 0 0.8%; width: 31.7%;	}
	.grid-333-themen .ym-gr.third { margin-left: 1.6%; width: 31.7%;	}
	
	.grid-333-themen .ym-gl .ym-gbox { /* margin-right: 0.5em; margin-left: 0.5em;*/	}
	.grid-333-themen .ym-gl:first-child .ym-gbox {  
		margin-right: 1em; 
margin-right: 0;
		margin-left: 0;
		
		}	
	.grid-333-themen .ym-gr .ym-gbox {  
		margin-left: 1em; 
margin-left: 0;
	}
	
	.grid-333-themen h3 { 
		font: bold 1.7em/1.4 "Roboto Slab", Georgia, serif;
		color: #4693c2;
		padding: 0 10px;
		text-align: center;
		margin: 0 0 0.8em 0;
	}
	
	.grid-333-themen h3 a {		text-decoration: none;	}
	
	.grid-333-themen h3 a:hover {	text-decoration: underline;	}
	
	
	.grid-333-themen h3 span { 
		font-weight: 300;
		color: #8d2618;
		font-size: 0.7em;
		display: block;
	 }
	 
	
	 
	.grid-333-themen .euro-skyline { 	padding-bottom: 2.05em; }
	 
	.grid-333-themen .ul-bullet-point-small-2  {	margin: 2.15em 1.8em 1em 1.8em;	 }
 	
 	.grid-333-themen .kalender { margin: 0.4em 0 0 0.8em; }
 	
 	.grid-333-themen .alle { font-size: 0.9em; margin: 0 0 2em 4em; 	}
 	
 	.grid-333-themen .display-more {margin: 0 0 0em 0em;  line-height: 1.6;	}
 	
 	.display-more.foerderprogramme {
 		margin-left: 3.7em;
 	}
 	
 	.grid-333-themen .featured-entry {
 		padding: 5px 23px 10px 20px; 
padding-right: 20px;
 		top: 2em;
 	}
 	
 	.grid-333-themen .featured-entry:before {
 		content: "";
 		display: table;
 	}
 	
 	.grid-333-themen .featured-entry:after {
 		 clear: both;
 		 content: ".";
 		 display: block;
 		 font-size: 0;
 		 height: 0;
 		 visibility: hidden;
 		 
 	}
 	
 	
 	.featured-entry-box {
 		margin-top: 2em;
 		padding: 0px 20px 13px 20px;
/* padding:  0 0;*/
 	}
 	
 	.featured-entry-box.entry-box-featured-object {
 		text-align: center;
 	}
 	
 	.featured-entry-box.entry-box-featured-bautraeger {
 		text-align: center;
 	}
 	
 	.featured-entry-box .img-featured-object {
 		margin: 0 auto 1em auto;
 		display: block;
 	}
 	
 	.featured-entry-box .img-featured-bautraeger {
 		margin: 0 auto 1em auto;
 		display: block;
 		border: 7px solid #fff;
 	}
 	
 	.ul-inline-box-featured-bautraeger {
 		
 	}
 	
 	.ul-reference-links {
 		margin: 1.2em 0 0 0;
 	}
 	
 	
 	 .grid-333-themen .featured-entry-box p {
 	 	margin: 0;
 	 	}
 	 	
 	 	
 	 .grid-333-themen .featured-entry .featured-entry-img {
 		margin: 0 1em 0.5em 0;
 		display: inline;
 		float: left; 
 		
 	}
 	
 	
 	
 	.grid-333-themen .featured-entry p {
 		margin: 0;
 	}
 	
 	.grid-333-themen h3 span { 
 		font-weight: 300;
 		color: #8d2618;
 		font-size: 0.7em;
 		display: block;
 	 }
 	
 	/* Regionalportal: Newsticker */
 	
 	
 	.newsticker {
 		position: relative;
 		margin: 20px -27px 0 -27px;
 		border: 1px solid #d8d8d8;
 	}
 	
 	.newsticker-box { 
 			background: #f5f5f5 url('../img/bg-newsticker.gif') repeat left top;
 			padding: 30px 20px; 
 			overflow: hidden;
 	}
 	
 	.newsticker:before {
 		content: "";
 		display: table;
 		background: url(../img/triangle-grey-right.gif) no-repeat;
 		width: 7px;
 		height: 8px;
 		position: absolute;
 		right: 0;
 		bottom: -8px;
 	}
 
 	
 	.newsticker:after {
 		clear: both;
 		content: ".";
 		display: block;
 		font-size: 0;
 		
 		
 		background: url(../img/triangle-grey-left.gif) no-repeat;
 		width: 7px;
 		height: 8px;
 		position: absolute;
 		left: 0px;
 		bottom: -8px;
 	}
 	
 	
 	.newsticker h2 {
 		display: inline;
 		float: left;
 	}
 	
 	 		
 	/* Regionalportal: .grid-62-38 */
 	
	.regionalportal-grid-62-38,
	.regionalportal-grid-66-33  { margin: 1.7em 0; }
	
	.regionalportal-grid-62-38 .weitere-eintraege,
	.regionalportal-grid-66-33 .weitere-eintraege {
		border-left: 0 none;
		border-right: 0 none;
		padding: 0px 10px 10px 10px;
	}
	
	.interview.teaser-box {
		padding: 20px 20px 20px 20px;
	}
	
	.teaser-box img {
		width: 90px;
		float: left;
		margin: 0em 1em 0.3em 0;
	}
	
	.teaser-box .zitat {
		font-family: "Roboto Slab", Georgia, serif;
		font-size: 18px;
		font-weight: bold;
		color: #4693c2;
		margin: 0;
		line-height: 1.3;
	}
	
	.teaser-box .h2-10 {
		clear: left;
		margin: .5em 0 0.7em 0;
		font-family: "Roboto Slab", Georgia, serif;
		line-height: 22px;
		font-size: 17px;
	}
	
	.teaser-box .frage {
		margin: 0;
		line-height: 1.8;
	}
	
	
	.teaser-box {
		padding: 15px 15px 30px 15px;
		border: 1px solid #e0dbcd;
		margin:0 0 0 15px;
	}
	
	
	.teaser-box .h2-14 {
		font-size: 22px;
	}
	
	.teaser-box .h3-10 {
		margin-bottom: 0.9em;
	}
	
	.teaser-box .display-more {
		margin-top: 1.2em;
	}
	
	
	
	
	/* Regionalportal: Facebook-Box */
	
	.facebook-regionalportal {
		background: #414141;
		padding: 1.5em 1em 0 1em;
		overflow: hidden;
		
	}
		
	
	.facebook-regionalportal .follow-us {
		font-family: "Roboto Slab", Georgia, serif;
		font-weight: 700;
		font-size: 2em;
		color: #fff;
		margin: 0 0 20px 0;
		line-height: 1.3;
	}
	
	.facebook-regionalportal .follow-us a {
		text-decoration: none;
	}
	
	
	.facebook-regionalportal .facebook-fan-page {
		float: left;
		margin-right: 2em;
	}
	
	.facebook-regionalportal .facebook-icon {
		background: url('../img/curved-arrow-concave-right.gif') no-repeat left 13px;
		padding-left: 50px;	
		float: left;
		margin-right: 1em;
	}
	
	
	.like-btn { float: right; margin-top: -30px;	}
	
	.facebook-regionalportal .like-btn img {
		background: url('../img/curved-arrow-convex-right.gif') no-repeat left 4px;
		padding-left: 50px;	
	}
	
	.facebook-regionalportal .like-us {
		color: #fff;
		font-size: 1.75em;
		font-family: Tahoma, Arial, sans-serif;
		margin: 0 0 0 110px;
		line-height: 1.3;
	}
	
	.facebook-regionalportal .like-us span {
		display: block;
		font-size: 16px;
	}
	
	
	.box-facebook {
		overflow: hidden;
		padding: 0 0 0px 52px;
	}
	
	.subbox-facebook {
		float: left;
		margin: 0px 160px 0 0;
		margin-left: 0px;
		margin-left: -50px;
	}
	
	/* Regionalportal: Banner Baufinanzierung */
	
	.banner-baufinanzierung {
		background: url('../img/banner-baufinanzierung.jpg') no-repeat 2px 2px;
		position: relative;
		min-width: 800px;
	}
	
	.banner-baufinanzierung-box {
		margin: 0px 0 0 420px;
		padding-top: 35px;
		height: 180px;
	}
	
	.banner-baufinanzierung h2 {
		font-size: 2.6em;
		color: #042d73;
		
		margin-top: 0;
	}
	
	.banner-baufinanzierung h2 span {
		display: block;
		font-size: 0.8em;
	}
	
	.banner-baufinanzierung .btn {
		width: 160px;
		text-align: center;
		margin-top: 0.7em;
	}
	
	
	/* Startseite: Newsletter-Signup */
	
	.signup-full {
		margin: 1em 0 2em 0;
		padding: 20px 20px 0 20px;
		position: relative;
	}
	
	.signup-full .newsletter {
	/*	margin: -31px -28px 0 5px;*/
		height: 217px;
		width: 238px;
	}
	
	.signup-full .signup-wbox-outer +  .signup-wbox-outer {
		margin-top: 2em;
	}
	
	
	.signup-full .h4-09 {
		margin: 18px 0 13px 0;
	}
	
	.signup-full p:first-child {
		margin: 0.1em 0 0em 0;
	}
	
	/*.signup-full .weitere-großraeume {
		margin: 4px 0 0 8px;
	}*/
	
	.signup-full .wbox-newsletter {
		margin-right: 230px;
	}
	
	.form-signup-full {
		
	 margin: 0;
	}
	
	
	/* depricated */
	.grid-grossraeume {
		margin: 0 0 15px 0;
	}
	
	
	
	/* Grossraum-Checkboxen */
	
	.form-signup-full .grossraum-checkboxen {
		/*height: 90px;*/
	
	}
	
	.form-signup-full .grossraum-checkboxen .entry {
		float: left;
		width: 25%;
	}
	
	.grossraum-checkboxen + .textbox-email-signup-big {
		margin-top: 20px;	
	}


	/* Grossraum-Checkboxen */
	
	.signup-box-small .grossraum-checkboxen {
		margin: 0 10px;
	}
	
	.signup-box-small .grossraum-checkboxen .entry {
		float: left;
		width: 33%;
	}
	
	/* Newsletter: alert-Boxen */
	
	.alert {
		padding: 15px;
		margin: 0 0px 20px 0;
	}
	
	.signup-full .alert {
		margin-right: 250px;
	}
	
	.alert p {
		padding: 7px 0 7px 0px;
		margin: 0 30px 0 0;
	}
	
	.alert-error,
	.alert-error-blank {
		background-color: #fff5f5;
		border: 2px solid #cf413f;
		color: #cc0000;
		
		zoom: 1;
		-moz-box-shadow:0px 0px 10px 0px rgba(10,10,4,0.3);
		-webkit-box-shadow:0px 0px 10px 0px rgba(10,10,4,0.3);
		box-shadow:0px 0px 10px 0px rgba(10,10,4,0.3);
		-ms-filter:none;
		filter:none;
	}
	
	.alert-ok, 
	.alert-ok-blank {
		background-color: #f4f8f1;
		border: 2px solid #6b8940;
		color: #336600;
		-moz-box-shadow:0px 0px 10px 0px rgba(10,10,4,0.3);
		-webkit-box-shadow:0px 0px 10px 0px rgba(10,10,4,0.3);
		box-shadow:0px 0px 10px 0px rgba(10,10,4,0.3);
		-ms-filter:none;
		filter:none;
	}
		

	
	.alert-error p {
		background: url('../img/icon-info-red.png') no-repeat 0 50%;
		padding-left: 50px;
	}
	
	.alert-ok p {
		background: url('../img/icon-ok-green.png') no-repeat 0 50%;
		color: #336600;
		padding-left: 50px;
	}
	
	.close-alert {
		float: right;
		margin: -3px -3px 0 0;
	}
	
	
	.checkbox-error .label-grossraum {
		color: #c90813;
	}
	
	.ym-form .ym-fbox-text .input-error {
		color: #cc0000;
		border-color: #cc0000;
	}
	
	
	/* Neue Newsletter-Boxen */
	
	.signup-wbox {
		margin-right: 20px;
	}
	
	.signup-full .img-newsletter {
	/*	margin: -31px 0px -10px 5px;*/
		right: 0;
		bottom: 0;
		position: absolute;
		height: 276px;
		width: 242px;
	}
	
	/* Grid: 62-38 auf Startseite */
	
	.grid-62-38-home {
		margin-bottom: 1em;
	}
	
	.grid-62-38-home .ym-gl, 
	.grid-62-38-home .ym-gr {
		border-bottom: 1px solid #daeaf2;
		border: 1px solid #daeaf2;
		border-top: 0 none;
	}
	
	.grid-62-38-home .ym-g62 {
		width: 61%;
		margin-right: 0.5%;
	}
	
	.grid-62-38-home .ym-g38 {
		width: 37%;
		margin-left: 0.5%;
	}

	
.grid-62-38-home .gbox-aktuelle-projekte {
	margin-left: 0em;
	padding-right: 0;
	border-bottom: 0 none;
}

.grid-62-38-home .gbox-g38 {
	margin-right: 0em;
	padding-right: 0;
	border-bottom: 0 none;
}
	
	
/*	.grid-62-38-home .ym-gl .ym-gbox {
		margin-right: 0em;
		padding-right: 0;
	}
	
	.grid-62-38-home .ym-gr .ym-gbox {
		margin-left: 0em;
		padding-right: 0;
	}*/
	
	.grid-62-38-home .h2-05 {
		color: #4693c2;
		text-transform: uppercase;
		margin: 0 0 0.7em 0;
	}
	
	.grid-62-38-home .grey {
		margin: 0 0 -0.8em 0.5em;
		
	}
	
	.gbox-staedte-liste-li {
		padding: 0 0.4em 0.5em 0.4em;
	}
	
	
	.gbox-staedte-liste-re {
		padding: 0 0 0 0.4em;
	}
	
	
	
	.subgrid-62-38-home .ym-gl, 
	.subgrid-62-38-home .ym-gr {
		border: 0 none;
	}
	
	.subgrid-62-38-home .ym-gbox {
		border: 0 none;
	}
	
	
	/* Linke Spalte */
	
	.box-staedte {
		margin-right: 5px;
	}
	
	/* Rechte Spalte  */
	
	.ueber-neubaukompass {
		padding-right: 0;
	}
	
	.ueber-neubaukompass .h3-09 {
		margin: 1em 0 1.4em 0;
		font-size: 1.8em;
	}
	
	.ueber-neubaukompass img, 
	.ueber-neubaukompass .img-ueber-nbk-top {
		margin: 1.5em auto 2em auto;
	}
	
	
	.wbox-ueber-neubaukompass {
		margin: 0 20px 25px 20px;
	}
	

	
	.grid-aboutgrafik .ym-gl {
		border: 0 none;
	
	}
	
	.grid-aboutgrafik .ym-gr {
		border: 0 none;
	
	}

	.grid-aboutgrafik .gbox-left {
		padding-right: 2em;
	}
	
	.grid-aboutgrafik .gbox-middle {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	
	.grid-aboutgrafik .gbox-right {
		padding-left: 2em;
		padding-right: 0;
	}
	
	.grid-aboutgrafik img {
		margin-bottom: 0;
	}
	
	.dl-count {
		
	}
	
	.dl-count-value {
		font-family: "Roboto Slab", Geogria, serif;
		font-size: 18px;
		color: #8d2718;
		text-align: center;
		font-weight: bold;
		margin-bottom: 0.3em;	
		}
	
	.dl-count-param {
		font-family: "Roboto Slab", Geogria, serif;
		font-size: 12px;
		color: #666;
		text-align: center;
	}
	
	
/* Bauträger-Seite: NEU */

.cbox-bautraegerseite {
		margin-right: 0;
		position: relative;
}

.teaserbox-bautraeger {
	background: #efeee7;
	padding: 30px 20px 30px 60px;
	position: relative;
	/*border-bottom: 1px solid #ddd;*/
}


.teaserbox-bautraeger h1 {
	font-family: "Roboto Slab", Geogria, serif;
	color: #5895be;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

.teaserbox-bautraeger .teaser {
	font-family: "Roboto Slab", Geogria, serif;
	text-align: center;
	color: #8b271d;
	font-size: 18px;
	margin: 0.6em 0 1em 0;
}

.banner {
	background-color: #4b95c1;
	padding: 3px;
	color: #fff;
	position: absolute;
	left: -5px;
	height: 47px;
	font-family: "Roboto Slab", Geogria, serif;
	font-size: 14px;
}

.banner:after {
	content: '';
	display: block;
	background: url(../img/triangle-left-blue.gif) no-repeat;
	width: 5px;
	height: 4px;
	position: absolute;
	left: 0px;
	bottom: -4px;
}

.teaserbox-bautraeger .banner {
	top: 100px;
}

.banner-border {
	border: 1px solid #3c799c;
	padding: 10px;
	margin: 0;
}

.banner .highlight {
	font-size: 24px;
	font-family: "Roboto Slab", Geogria, serif;
	padding: 0 3px;
}


.teaserbox-bautraeger .bulletPointBig {
	margin-top: 90px;
}

.teaserbox-bautraeger .screen {
	right: 0px;
	bottom: 0;
	position: absolute;
}

.teaserbox-bautraeger .important {
	font-size: 14px;
	font-family: "Roboto Slab", Geogria, serif;
	color: #8d2718;
	margin-left: 50px;
}

.phone-big {
	background:  url('../img/icon-phone-red.png') no-repeat left top;
	padding-left: 42px;
	font-size: 24px;
	font-family: "Roboto Slab", Geogria, serif;
	color: #8d2718;
	font-weight: bold;
	margin: 0;
}

.teaserbox-bautraeger .phone-big {
	margin: 0.6em 0 0 0;
}

/* Bauträger-Seite: Box Rückrufservice */

.rueckrufservice {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 18px;
	background:  url('../img/line-triangle-grey-bottom.gif') no-repeat left top;
	color: #333;
}

.rueckrufservice h3 {
	margin: 0.8em 0 0.7em 0;
	color: #333;
}

.rueckrufservice .alert {
	width: 615px;
}


/* Bauträter-Seite: About-Boxen */
.grid-333-about {
	margin: 2em 0 3em 0;color: #333;

}

.h3-about, 
.h3-zielgruppe,
.h3-preis {
	font-size: 24px;
	font-weight: bold;
	font-family: "Roboto Slab", Geogria, serif;
	color: #4693c2;
	margin: 0 0 20px 0;
	
}

.h3-about {
	background: url('../img/icon-deutschland-blau.gif') no-repeat left 3px;
	padding-left: 50px;
	margin-left: 40px;
}

.h3-zielgruppe {
	background: url('../img/icon-haus-blau.gif') no-repeat left 8px;
	padding-left: 52px;
	margin-left: 5px;
}

.h3-preis {
	background: url('../img/icon-label-blau.gif') no-repeat left 10px;
	padding-left: 50px;
	margin-left: 35px;
}

.h3-about .sub-headline, 
.h3-zielgruppe .sub-headline,
.h3-preis .sub-headline {
	display: block;
	font-size: 14px;
	color: #8d2718;
	line-height: 18px;
	
}

.grid-333-about .ym-gbox {
	border: 1px solid #ddd;
	padding: 20px 10px;
}

.grid-333-about .first .ym-gbox {
	margin-right: 12px;
}

.grid-333-about .first {
	border-top: 0;
}

.grid-333-about .second .ym-gbox {
	margin-right: 6px;
	margin-left: 6px;
}

.grid-333-about .third .ym-gbox {
	margin-left: 12px;
}




/* Bauträgerseite: Unsere Leistungen (hervorgehoben) */

.offer-highlights {
	padding-top: 30px;
	margin-bottom: 40px;
	color: #333;
}

.offer-highlights-item {
	clear: both;
	overflow: hidden;
	background: url('../img/haarlinie-horiz-links.png') no-repeat left bottom;
	padding-top: 20px;
}

.offer-highlights-item.right {
	background: url('../img/haarlinie-horiz-rechts.png') no-repeat left bottom;
}


.offer-highlights-item .h4-10 {
	margin: 40px 0 0 0;
}

.offer-highlights-item p {
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.offer-img-left {
	float: left;
	margin: 0 20px 1px 0;
}

.offer-img-right {
	float: right;
	margin: 0 0px 1px 20px;
	
}




/* Bauträger-Seite: Unsere Leiste (Liste) */

.offer-list {
	color: #333;
	margin-bottom: 30px;
}

.offer-list .dl-haken {
	
	float: left;
	width: 550px;
}

.offer-list .h3-09 {
	margin: 0px 0 50px 0;
	font-size: 21px;
}


.offer-list .box-kundenstimmen {
	margin-top: -50px;
}

.box-kundenstimmen {
	border: 1px solid #ddd;
	text-align: center;
	width: 250px;
	float: right;
	padding: 25px;
}

.box-kundenstimmen .h3-09 {
	color: #4693c2;
	font-size: 24px;
	margin: 0 0 10px 0;
}

.box-kundenstimmen .zitat {
	color: #8d2718;
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	
}

/* Bauträger-Seite: Weitere Produkte */


.more-highlights {
	margin: 0 0 60px 0;
	color: #333;
}



.more-highlights-item {
	clear: both;
	overflow: hidden;
	background: url('../img/haarlinie-horiz-links.png') no-repeat left bottom;
	padding-top: 20px;
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 0 30px 0;
}

.more-highlights-item .h3-09 {
	padding-top: 10px;
	font-size: 21px;
}

.more-highlights-item-var2 {
	/*background:  url('../img/jetzt-beraten-lassen.gif') no-repeat 490px bottom;*/
	position: relative;
}



.more-highlights-item-var2 .info-grafik {
	position: absolute;
	right: 60px;
	top: 0;
	margin: 20px 57px 0 0px;
	
}



.more-highlights-item-var2 p {
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width: 550px;
	
}

/* Bauträger-Seite: Logo-Boxen */





.logo-boxen {
	margin: 20px 0 5px 0;
}

.logobox {
	float: left;
	width: 179px;
	margin-left: 16px;
	border: 1px solid #ddd;
	padding: 15px 20px;
}

.logobox:first-child {
	margin-left: 0px;
}

.logobox img {
	text-align: center;
	width: auto;
}


/* Seite: Mein Kompass */

.header-profil {
	
}

.header-profil h1 {
	margin: 10px 0 20px 0;
}

.box-schatten-diagonal {
	position: relative;
	z-index: 1;
}

.box-schatten-diagonal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 5px;
	right: -11px;
	width: 11px;
	height: 321px;
	background: transparent url('../img/drop-shadow-03.png') no-repeat;
}

.results {
	color: #888;
}

.results-profilseite {
	margin: 17px 16px 10px 0;
}


.results-profilseite .data-left {
	float: left;
	width: 80%;
	margin-top: 10px;
}

.results-profilseite .data-right {
	float: right;
	margin-top: 10px;
}


/* Preheader */

.title-preheader {
	color: #fff;
	font-family: "Roboto Slab", Georgia, serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.title-preheader.ok {
	padding: 3px 0 6px 45px;
	background: url('../img/icon-ok-green-filled.png') no-repeat left top;
	margin: 0 0 0px -30px;
}

.preheader {
	color: #fff;
	font-family: roboto, helvetica, arial, sans-serif;
}

.preheader-confirm {
	/*background: url('../img/icon-ok-green-filled.png') no-repeat left top;*/
	background: url(../../../img/icon-brief.png) no-repeat 92% 0;
	padding-left: 30px;
}

.preheader p {
	margin: 0 0 0 17px;
}

.preheader .img-sent {
	margin: 0 80px 0 0;
	float: right;
}

.wrap-signup {
	margin: 10px 0 0 0;
}


.preheader .step-first .step-title:before, 
.preheader .step-second .step-title:before
 {
	content: "1.";
	color: #fff;
	border: 3px solid #fff;
	border-radius: 17px;
	font-family: "Roboto Slab", Georgia, serif;
	font-weight: bold;
	padding: 2px 7px 4px 10px;
	margin-right: 8px;
	font-size: 18px;
}

.preheader .step-second .step-title:before {
	content: "2.";
	padding: 3px 6px 4px 9px;
}


.preheader .step-first {
	float: left;
	width: 582px;
}

.preheader .step-second {
	margin-left: 610px;
}




.preheader .step-title {
	float: left;
	color: #fff;
	font-weight: normal;
	margin: 6px 0 0 0;
}

.form-newsletter-signup-preheader {
	margin: 0;
}

.preheader .step-first .newsletter-signup-preheader {
	color: #fff;
}

.form-newsletter-signup-preheader .fbox-email {
	float: left;
	margin: 0 5px 0 0px;
	padding: 3px 0 0 0;
}

.form-newsletter-signup-preheader .fbox-btn {
	padding: 0;
	margin: 0 20px 0 0px;
	width: 90px;
	float: right;
	height: 40px;
}
	
	
.form-newsletter-signup-preheader .input-email {
	width: 214px;
	margin-left: 10px;
	height: 30px;
	color: #999999;
	font-size: 13px;
}

.form-newsletter-signup-preheader  input.btn-send {
	height: 32px;
	margin: 0px;
	font-size: 12px;
	font-family: Verdana, sans-serif;
}



/* Close-Icon */
	.wrapper-preheader .btn-close {
		cursor: pointer;
		margin: 20px 20px 0 0;
		position: absolute;
		right: 0;
	}
	
	
	
	
	
	
	
}