/* Wohnungen */
.mod_flat_module table {
    border-bottom: none;
    border-spacing: 0;
    font-size: 16px;
    width: 72%;
}
.mod_flat_module table td {
    border-bottom: 1px solid #000000;
    border-top: none;
    padding: 0;
}
.mod_flat_module table .row_3 td,
.mod_flat_module table .row_7 td,
.mod_flat_module table .row_last td {
		border-bottom-width: 2px;
}
.mod_flat_module table .no-line td {
		border-bottom: none;
		color: #000000;
		padding: 5px;
}

.mod_flat_module td.no-texttransform {
    text-transform: none;
}
.mod_flat_module th {
	background-color: #002b52;
	color: #ffffff;
	line-height: 1;
	padding: 5px;
	vertical-align: middle;
}
.mod_flat_module th,
.mod_flat_module td {
    text-align: left;
}
.mod_flat_module th.head_7,
.mod_flat_module th.head_8,
.mod_flat_module td.col_7,
.mod_flat_module td.col_8 {
    text-align: right;
}
.mod_flat_module tr:focus td,
.mod_flat_module tr:hover td {
    background-color: #97aeda;
}
.mod_flat_module td.reserviert {
    background-color: #d5d5d5;
}
.mod_flat_module table a {
		color: #000000;
		display: block;
		padding: 5px;
}
.mod_flat_module .thumbs {
    float: left;
    margin-right: 20px;
    width: 300px;
}
.mod_flat_module .thumbs > div {
    display: none;
}
.mod_flat_module .thumbs > div.visible {
    display: block;
}


/* Detail - Overlay */
#cboxOverlay {
		opacity: 0.5 !important;
}
#cboxLoadedContent {
		border: none !important;
}
#cboxClose {
		display: none !important;
}
.close {
	  height: 32px;
	  opacity: 1;
	  width: 32px;
}
.close:hover {
  	opacity: 0.5;
}
.close:before,
.close:after {
	  background-color: #002b52;
	  content: ' ';
		height: 32px;
		position: absolute;
		right: 45px;
		width: 4px;
}
.close:before {
		transform: rotate(45deg);
}
.close:after {
		transform: rotate(-45deg);
}


/* Detail - Ausgabe */
.flat {
		background-color: #ffffff;	
}
.flat_content {
		margin: 10px 30px;
}
.flat_content h1 {
		font-family: "Open Sans",Georgia,serif;
		font-size: 20px;
		margin-bottom: 30px;
}
.flat_details {
		color: #000000;
}
.flat_details table {
		border-bottom: none;
    border-spacing: 0;
		font-size: 16px;
		width: 100%;
}
.flat_details td {
    border-bottom: 1px solid #000000;
    border-top: none;
    padding: 5px;
}
.flat_details .col_1 {
	text-align: right;
}

.flat_details tr:focus td,
.flat_details tr:hover td {
    background-color: #97aeda;
}

.flat_details .layout a,
.flat_details .application a {
		color: #ffffff;
		background-color: #8b7d6e;
		font-size: 16px;
		padding: 5px 10px;
}
.flat_details .layout a:focus,
.flat_details .layout a:hover,
.flat_details .application a:focus,
.flat_details .application a:hover {
		background-color: #dcd6d0;
		color: #8b7d6e;
}
.flat_details .layout {
	float: left;
}
.flat_details .application {
		float: right;
}
.flat_details .living_space .col_1,
.flat_details .balcony .col_1,
.flat_details .patio .col_1,
.flat_details .lawn .col_1 {
	text-transform: lowercase;
}

.mod_flat_module td.col_9 {
	text-align: center;
}

@media only screen and (max-width: 1280px) {
	
	.mod_flat_module table {
			width: 70%
	}
	
}





@media only screen and (max-width: 1200px) {
	
	.mod_flat_module .thumbs {
		margin-right: 4%;
	}
	.mod_flat_module .thumbs,
	.mod_flat_module table {
			width: 48%;
	}
	.mod_flat_module tr,
	.mod_flat_module thead,
	.mod_flat_module th,
	.mod_flat_module tbody,
	.mod_flat_module td {
		display: block;
	}
	.mod_flat_module td.col_7,
	.mod_flat_module td.col_8,
	.mod_flat_module td.col_9 {
		text-align: left;
	}
	.mod_flat_module table tbody {
		height: 400px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.mod_flat_module table td {
		border-bottom: none;
	}
	.mod_flat_module table td.col_last {
		border-bottom: 1px solid #000000;
	}
	.mod_flat_module table td a,
	.mod_flat_module table .no-line td {
		padding: 0;
	}
	.mod_flat_module thead {
		display: none;
	}
	.mod_flat_module .col_0 a:before,
	.mod_flat_module .col_1 a:before,
	.mod_flat_module .col_2 a:before,
	.mod_flat_module .col_3 a:before,
	.mod_flat_module .col_4 a:before,
	.mod_flat_module .col_5 a:before,
	.mod_flat_module .col_6 a:before,
	.mod_flat_module .col_7 a:before,
	.mod_flat_module .col_7 span:before,
	.mod_flat_module .col_8 a:before,
	.mod_flat_module .col_9 a:before {
		font-weight: bold;
	}
	.mod_flat_module .col_0 a:before {
		content: "Whg-Nr. ";
	}
	.mod_flat_module .col_1 a:before {
		content: "Etage ";
	}
	.mod_flat_module .col_2 a:before {
		content: "Anzahl Zimmer ";
	}
	.mod_flat_module .col_3 a:before {
		content: "Wohnfläche m² ";
	}
	.mod_flat_module .col_4 a:before {
		content: "Loggia/Balkon m² ";
	}
	.mod_flat_module .col_5 a:before {
		content: "Seesicht ";
	}
	.mod_flat_module .col_6 a:before {
		content: "Aussenfläche m² ";
	}
	.mod_flat_module .col_7 a:before,
	.mod_flat_module .col_7 span:before {
		content: "Preis CHF ";
	}
	.mod_flat_module .col_8 a:before {
		content: "Status ";
	}
	.mod_flat_module .col_9 a:before {
		content: "Download ";
	}

}


@media only screen and (max-width: 767px) {
	
	.mod_flat_module .thumbs {
		float: none;
		width: 100%;
	}
	.mod_flat_module table {
		width: 100%;
	}
	
	.mod_flat_module .thumbs img {
		height: auto;
		width: 100%;
	}

	
	#wrap_standort {
			padding: 20px 0 !important;
	}
	#wrap_section-two,
	#wrap_abid,
	#wrap_-1304,
	#wrap_section-four {
			margin: 0 !important;
	}
	
}

@media only screen and (max-width: 599px) {
	
	.mod_flat_module .col_0 a:before,
	.mod_flat_module .col_1 a:before,
	.mod_flat_module .col_2 a:before,
	.mod_flat_module .col_3 a:before,
	.mod_flat_module .col_4 a:before,
	.mod_flat_module .col_5 a:before,
	.mod_flat_module .col_6 a:before,
	.mod_flat_module .col_7 a:before,
	.mod_flat_module .col_7 span:before,
	.mod_flat_module .col_8 a:before,
	.mod_flat_module .col_9 a:before {
		display: block;
	}

	#colorbox,
	#cboxWrapper,
	#cboxContent,
	#cboxLoadedContent {
			width: 100% !important;
	}
	.ios .content-slider {
			display: none;
	}
	.close:before,
	.close:after {
			height: 18px;
	}
	.flat_content h1 {
			font-size: 14px;
	}
	.flat_content table {
			font-size: 13px;
	}
	.flat_details td {
			padding: 3px 5px;
	}
	.flat_details .layout,
	.flat_details .application {
			margin-bottom: 5px;
			width: 100%;
	}
	
}