/**
 *
 * Tab-Menü
 *
 */

@media screen, projection {

/* Main Navigation */
	.tabs {
	    margin:0;
	    padding:7px 0 0 0px;
	    height:31px;
	    
	}
	.tabs li {
		float:left;
	    list-style:none;
	    padding:0 0px 0 0;
	    margin: 0 0.3em 0 0;
	}
	.tabs a {
		float:left;
	    height:25px;
	    padding:6px 9px 0 9px;
	    color: #1564c6;
		text-decoration:underline;
	    overflow:hidden;
	    font-size: 1em;
		font-weight: normal;
	    border: 1px solid #efeee7;
	    border-bottom: 0 none;
	}
	
	.tabs span:first-child {
		padding-right: 4px;
		background: transparent;
		float: none;
		border: 0 none;
		font-size: 1em;
		display: inline;
		padding: 0 5px 0 0;
		color: #4693C1;
		float: left;
		line-height: 1.3em;
	}
	
	
	.tabs span {
		float:right;
		display:block;
		/*height:16px;
		min-width:9px;
		_width:6px;*/
	    overflow:hidden;
	    font-size: 12px;
	    padding: 3px 5px 3px 5px;
	    background: #8b281d;
	    border-radius: 12px;
	    color: #fff;
	 	line-height: 0.9em;
	}
	.tabs  a:hover, 
	.tabs .active a {
		/*background: url("../img/tab.gif") no-repeat top right;*/
		border: 1px solid #E0DBCD;
		border-bottom: 0 none;
		background: #fff;
	}
	
	.tabs .active a  {
		text-decoration: none;
	}
	
	.tabs .active span {
		color: #fff;
		text-decoration: none;
	}
	
	.tabs .active span:first-child {
		color: #000;
		text-decoration: none;
	}
	

	
		
	.google-map-form-box {
		position: absolute;
		top: 30px;
		left: 27px;
		
		background: transparent;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF)"; /* IE8 */         
		zoom: 1;
		
		background: rgba(255, 255, 255, .75);
		padding: 20px 30px;
		width: 350px;
	}
	
	/* Header mit Tab-Menü (Neubau-Immobilien) */
	
	.tab-box {
		background: #EFEEE7; 
		border-bottom: 1px solid #E0DBCD;
		position: relative;
		z-index: 1;
		
	}
	
	.tab-box nav {
		margin-bottom: 0;
	}
	
	
	/* Regionalportal: Tab-Box mit Google-Map  */
	
	.tab-box-gmap {
		padding: 0; 
		position: relative;
		margin:2em 0 0 0;
	}
	
	.tab-box-gmap .img-canvas {
		position: relative;
		overflow: hidden;  
		background-color: #fff; 
		max-width: 100%; 
		height: 300px; 
	}
	
	.tab-box-gmap .box-tab-content {
		padding: 10px;
		background: #fff;
		border: 1px solid #e0dbcd;
		border-bottom: 0 none;
	}
	
	.tab-box-gmap .inner-box-tab-content {
		
	}
	
	.tab-box-gmap .tab-content {
		display: none;
		background: #fff;
	
	
		border-bottom: 0 none;
		margin-top: -300px;
		height: 300px;
		position: absolute;
		padding: 10px 20px 10px 10px;
		background: transparent;
	}
	
	.cbox-tab-content {
		padding: 1px 10px 10px 10px;
		/*margin: 15px 25px 25px 15px;*/
		background: transparent;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF)";
		zoom: 1;
		background: rgba(255, 255, 255, .75);
	}
	
	
	
	.tab-box-gmap .tab-content-box-left {
		width: 50%; 
		float: left; 	
	}
	
	.tab-box-gmap .tab-content-box-right {
		width: 50%;
		float: right;
	}

	.tab-content-box-cbox {
		padding: 10px 30px 20px 30px;
		background: transparent;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF)";
		zoom: 1;
		background: rgba(255, 255, 255, .75);
	}
	
	.tab-content-box-left .tab-content-box-cbox {
		margin-right: 10px;
	}
	
	
	.tab-content-box-right .tab-content-box-cbox {
		margin-left: 10px;
	}
	
	
	
	.tab-content.float-boxes {
		padding: 20px 30px 20px 20px;
		
	}
	
	.tab-content.float-boxes h3 {
		font-size: 1.6em;
		margin: 0.5em 0 0.5em 0;
	}
	
	.tab-content.float-boxes p {
		margin: 0em 0 1em 0;
	}
	
	.tab-content.float-boxes .display-more {
		margin-bottom: 0;
	}
	
	
	
	

	}