
#center {
    padding: 50px 50px 30px 50px !important;
}



/* Isometrie SVG */
#iso {
	/*margin-top:0 !important;
	padding-top:0px;
	width:100%;
	max-width:750px;
	height:auto;
	/*min-height:400px; 
	overflow:visible; */


    height: 0;
    max-width: 750px !important;
    padding-bottom: 59.4666%;
    position: relative;
   /*overflow:visible;
     overflow-y: hidden; */
}

#iso svg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto;
  max-width:750px !important;
}


#iso .flat.on *
	{
		fill: #A3B557;
	}
	
	#iso .flat.vermietet.on *,
	#iso .flat.reserviert.on *
	{
		fill: #DADADA;
	}
	
	
	
	#iso .level
	{
		transition: all .4s linear;
		-webkit-transition: all .4s linear;
		-ms-transition: all .4s linear;
	}
	
	#iso .level.open
	{
		transform: translate(0px, -140px);
		-webkit-transform: translate(0px, -140px);
		-ms-transform: translate(0px, -140px);
	}
	
	#wng-holder { position:absolute;width:300; height:150px; top:100px; left:350px; }
	.wng { width:500px; height:150px; display:none; position:absolute; top:0; left:0;}
	

	
/* Data Table */	
.suhrepark { margin-bottom:20px; font-size:12px !important; }
.suhrepark caption { text-align:left; background-color:#c4d200; font-weight:700; }
.suhrepark .normal { font-weight:400 !important; padding-left:25px; }
.suhrepark tr th { padding-top:2px; padding-bottom:2px; border-bottom:1px solid #999; margin-bottom:3px; font-weight:400 !important; }

/* .suhrepark tr:nth-child(2n) {   background: #e0eedd none repeat scroll 0 0; }
.suhrepark tr:nth-child(2n+1) { background: #fff none repeat scroll 0 0;  }  */
.suhrepark tr td { padding-top:2px; padding-bottom:2px; padding-left:2px; cursor:initial }
/*.suhrepark tr:hover td, .suhrepark tr.on td  { background-color:#DDE27A; }*/

table.on caption { background-color: #C4D200;}




#iso
{
	/*height:472px; */
}

.price
{
	width: 100%;
	max-width:750px !important;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	margin-bottom: 10px;
}

.price caption
{
	/*font-family: 'Marmelad', sans-serif;
	font-size: 14px; 
	background: #c3cf2f; */
	cursor: pointer;
	text-align: left;
}
 
.price caption span
{
	float: right;
}

.price thead,
.price tbody
{
	display: none;
}


.price.on thead
{
	display: table-header-group;
}
.price.on tbody
{
	display: table-row-group;
}


.price thead tr
{
	background: #ccda79;
}

.price thead th
{
	font-weight: normal;
}

.price tbody tr
{
	background: #f3f8e8;
}

/*
.price tbody tr:nth-child(even)
{
	background: #ecf5da;
}
*/


.price tbody tr.on
{
	background: #A3B557 !important;
}

.price tbody tr.vermietet,
.price tbody tr.reserviert
/*.price tbody tr.on.vermietet,
.price tbody tr.on.reserviert*/
{
	background: #DADADA;
}

.price tbody tr.frei,
.price tbody tr.frei,
.price tbody tr.on.frei,
.price tbody tr.on.frei
{
	background: #DDE27A;
}


.flatinfo
{
	position: relative;
	font-size: 12px;
	line-height: 18px;
	height: 730px;
	width: 584px;
	overflow: hidden;
	background: #FFFFFF;
}

.flatinfo h1
{
	position: absolute;
	background: #FFFFFF;
	top: 65px;
	left: 27px;
	width: 150px;
	color: #c3cf2f;
	text-transform: none;
}

.flatinfo .text
{
	position: absolute;
	background: #FFFFFF;
	top: 107px;
	left: 27px;
	width: 215px;
	height: 150px;
}

.flatinfo .grundriss
{
	position: absolute;
	top: 231px;
	right: 27px;
	background: #c3cf2f url('../images/icon.pdf.png') no-repeat left center;
	background-size: contain;	
	display: block;
	padding: 2px 10px 2px 30px;
	border: 5px solid #c3cf2f;
	text-decoration: none;
}