@font-face {
	font-family: 'FuturaLightBT';
	src: url('globalincludes/FuturaLightBT.eot');
	src: local('globalincludes/FuturaLightBT'), url('globalincludes/FuturaLightBT.woff') format('woff'), url('globalincludes/FuturaLightBT.ttf') format('truetype');
}
*{
	font-family: Verdana;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

html, body {
	background: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
a {
	color: #402100;
	text-decoration: underline;
}
a.btn {
	color: black;
	text-decoration: none;
}
.aufenthaltInfo{
	border: 1px solid #666A6F;
	background-color: #FEFEFE;
	padding: 9px;
	margin: 10px;
}

#contentWrapper{
	width: 100%;
	margin: 0px auto;
	/*background-color: #3FC380;*/
}

.smallLine{
	width: 100%;
	border-top: 1px solid #BBB;
	margin: 8px 0px 4px 0px;
}

/**
 * LOCATION AREA
 */

#location{
	height: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	display: inline-block;
	float: left;
}

	#location ul{
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	#location li{
		list-style: none;
		float: left;
		background-color: #FEFEFE;
		border: 1px solid #666A6F;
		padding: 2px 10px 2px 15px;
		position: relative;
		border-right-color: #FEFEFE;
	}

	#location li:first-of-type{
		padding-left: 10px;
	}

	#location a{
		text-decoration: none;
	}

	.smallArrow{
		position: absolute;
		top: -1px;
		right: -11px;
		z-index: 100;
		width: 10px;
		height: 20px;
	}

	.currentStep *{
		color: #572600;
	}

#sortDiv{
	display: inline-block;
	float: right;
	margin-top: 8px;
}

#sortDiv p{
	text-align: right;
	margin: 0px;
}

#sortSelect{
	height: 25px;
	border: 1px solid #572600;
	/*border-bottom-right-radius: 15px;*/
	color: #572600;
	background-color: #FEFEFE;
	/*padding-right: 20px;*/
	/*appearance:none;*/
	/*-moz-appearance:none; /* Firefox */
	/*-webkit-appearance:none; /* Safari and Chrome */
	/*background-image: url(pfeil_top.png);*/
	/*background-repeat: no-repeat;*/
	/*background-position: top 5px right 5px;*/
}

/**
 * LEFT CONTENT AREA
 */
#leftContent{
	width: 230px;
	height: auto;
	padding: 10px;
	float: left;
	/*background-color: #3FC380;*/
}

.filterTitle{
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	font-weight: bold;
}

.filterList{
	background-color: #FEFEFE;
	border: 1px solid #666A6F;
	padding-bottom: 16px;
}
.filterList:first-of-type{
	border-bottom: 0px;
}

	.filterList ul{
		padding: 0px 5px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.filterList li{
		list-style: none;
		margin-bottom: 7px;
	}
	.filterList li:last-of-type{
		margin-bottom: 0px;
	}
		.filterList li span{
			cursor: pointer;
		}
	.filterList input{
		margin-right: 5px;
	}

.filterListLabel{
	margin: 0px;
	margin-bottom: 10px;
	padding: 5px 10px;
	font-weight: bold;
	border-bottom: 1px solid #666A6F;
	background-color: #E2E2E2;
	cursor: pointer;
}
	.filterListLabel img{
		margin-right: 5px;
	}

.descWrap{
	margin: 0px;
	display: inline-block;
	width: 195px;
}

	.descWrap span{
		margin: 0px;
	}

#refreshFilter{
	margin: 0px;
	padding: 5px 10px;
	font-weight: bold;
	border: 1px solid #572600;
	border-top: 0px;
	background-color: #572600;
	display: none;
	cursor: pointer;
	color: white;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}
	#refreshFilter img{
		margin-right: 5px;
	}

/**
 * RIGHT CONTENT AREA
 */
#rightContent{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 19px;
	/*background-color: #00B16A;*/
}



.hLine{
	height: 0px;
	width: 100%;
	border-top: 2px solid #BBB;
	margin: 14px 0px;
}

.resultWrapper{
	height: 680px;
	overflow: hidden;
	position: relative;
}

.result{
	position: absolute;
}

.immoDiv{
	height: 190px;
	border: 1px solid #666A6F;
	background-color: #FEFEFE;
	padding: 9px;
}

	.immoDiv.noImmo{
		width: 726px;
		padding: 0px;
		height: auto;
	}

	.immoDiv.noImmo .noImmo-title{
		margin: 0px;
		margin-bottom: 10px;
		padding: 10px 10px 5px 10px;
		font-weight: bold;
		border-bottom: 1px solid #666A6F;
		background-color: #E2E2E2;
	}

	.immoDiv.noImmo .noImmo-text{
		padding: 0px 10px;
		margin-bottom: 10px;
	}

.immoColumn{
	/*background-color: #26A65B;*/
	float: left;
	height: 100%;
}

.immoColumn1{
	width: 200px;
	margin-right: 10px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position:center center !important;
}
	.immoColumn1 img{
		height: 190px;
		width: 190px;
	}

.immoColumn2{
	width: 437px;
	margin-right: 10px;
}
	.immoColumn2 h1{
		font-size: 15px;
		color: #572600;
		margin: 0px;
		margin-left: 10px;
	}

.shortInfo{
	margin-top: 3px;
	margin-left: 10px;
	height: 14px;
}

.description{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 3px;
	height: 152px;
	overflow: hidden;
}

.buttonPane{
	height: 30px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
	/* box */
	display: -webkit-box;
	display: -moz-box;
	display: box;
	/* Pack */
	-webkit-box-pack: start;
	-moz-box-pack: start;
	box-pack: start;
	/* Align */
	-webkit-box-align: end;
	-moz-box-align: end;
	box-align: end;
}
	.buttonPane img{
		margin-right: 5px;
		margin-bottom: -2px;
	}

	.mapLink{
		text-decoration: none;
	}
	.mapLink img{
		height: 24px;
	}

.immoColumn3{
	width: 160px;
}

.priceInfo{
	width: 100%;
	height: 125px;
	padding-top: 15px;
}

.firstLine{
	text-align: right;
	margin: 0px;
}

.secondLine{
	text-align: right;
	margin: 0px;
	font-size: 15px;
}

.price{
	font-size: 15px;
	font-weight: bold;
}

.thirdLine{
	text-align: right;
	margin: 0px;
}

.fourthLine{
	text-align: right;
	margin: 0px;
	font-size: 9px;
}

.buttonWrapper{
	height: 50px;
	text-align: right;
	/* box */
	display: -webkit-box;
	display: -moz-box;
	display: box;
	/* Pack */
	-webkit-box-pack: end;
	-moz-box-pack: end;
	box-pack: end;
	/* Align */
	-webkit-box-align: end;
	-moz-box-align: end;
	box-align: end;
}

	.buttonWrapper form{
		margin: 0px;
		padding: 0px;
	}

	.buttonWrapper input, .button {
		display: inline-block;
		height: 30px;
		width: auto;
		padding: 0px 9px;
		border: 0px;
		background-color: #784D2C;
		background-size: 120%;
		background-position: center center;
		text-decoration: none;
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 15px;
		/*
		-webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    1px 1px 10px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         1px 1px 10px 0px rgba(50, 50, 50, 0.75);
		*/
	}

	.buttonWrapper input:active{
		background-color: #8D7151;
		/*background-image: none;*/
		background-size: 130%;
	}

	.buttonWrapper input:hover{
		cursor: pointer;
	}

.pageNumbers{
	text-align: right;
	font-weight: bold;
}
	.pageNumbers a{
		text-decoration: none;
		color: #BBB;
		font-size: 15px;
		padding: 0px 3px;
	}
	.pageNumbers a:hover, .pageNumbers a:active{
		color: #666A6F;
	}

a.currentPage{
	color: white;
	background-color: #572600;
}
a.currentPage:hover, a.currentPage:active{
	color: #666A6F;
	background-color: #572600;
}

.smallHLine{
	height: 0px;
	width: 100%;
	border-top: 1px solid #BBB;
	margin: 16px 0px 8px 0px;
}


/**
 * Immo.asp
 */
.infoBox{
	background-color: #FEFEFE;
}

.infoBoxLabel{
	margin: 0px;
	margin-bottom: 10px;
	padding: 5px 10px;
	font-weight: bold;
	border-bottom: 1px solid #666A6F;
	background-color: #E2E2E2;
}

.hightlightItem{
	margin-left: 9px;
}

.priceBox{
	border: 0px;
}
	.priceBox .infoBoxLabel{
		border: 1px solid #666A6F;
		color: #666A6F;
		margin: 0px;
		margin-bottom: 5px;
	}

	.priceBox *{
		color: black;
	}

#map{
	width: 100%;
	height: 300px;
}

#contactBox{
	padding: 5px;
	width: 100%;
	position: relative;
	z-index: 10;
}
	#contactBox *{
		color: black;
	}
	#contactBox p{
		font-size: 17px;
		font-weight: bold;
	}
	#contactBox p:nth-of-type(2){
		font-size: 12px;
		font-weight: bold;
	}
	#contactBox table{
		margin-left: 3px;
	}
	#contactBox table td {
		padding: 0 9px;
	}
	#contactBox img{
		width: 235px;
		height: 90px;
		z-index: -5;
		position: absolute;
		top: 0px;
		left: -2px;
	}

#searchBox select{
	margin: 9px;
	width: 212px;

}


#topPanel{
	margin-bottom: 15px;
	height: 40px;
}

	#topPanel ul{
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	#topPanel li{
		height: 38px;
		list-style: none;
		float: left;
		padding-left: 32px;
		padding-right: 20px;
		/*margin-top: 5px;*/
		position: relative;
	}

	#topPanel li:first-of-type{
		padding-left: 16px;
	}

	.arrow{
		position: absolute;
		top: -1px;
		right: -17px;
		z-index: 100;
		width: 16px;
		height: 40px;
	}

	.liContent{
		color: #572600;
		padding-top: 12px;
		height: 100%;
		display: inline-block;
	}
	#topPanel li:first-of-type{
		padding-left: 9px;
		border: 1px solid #666A6F;
		border-right-color: #FEFEFE;
		background-color: #FEFEFE;
	}
	#topPanel li:first-of-type .liContent{
		font-weight: bold;
		font-size: 20px;
		margin-top: -6px;
	}

	#topPanel li:nth-of-type(2){
		border: 1px solid #572600;
		background-color: #572600;
	}
	#topPanel li:nth-of-type(2) .liContent{
		color: white;
	}
	#topPanel li:nth-of-type(3){
		border: 1px solid #666A6F;
		background-color: #FEFEFE;
		border-right-color: #FEFEFE;
	}
	#topPanel li:nth-of-type(3) .liContent{
		color: #666A6F;
	}

#slider{
	position: relative;
}
	#slider img {
		width: 100%;
	}

	.bxslider{
		margin: 0px;
	}

	.bx-viewport{
		border: 0px !important;
		margin-left: 5px !important;
	}

	.thumbSlider{
		margin: 0px;
	}

.bx-wrapper .bx-viewport{
	moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background-color: #FEFEFE !important;
}
.bx-wrapper img {
	display: inline!important;
}

#thumbs{

}

	#thumbs a {
		margin-bottom: -3px;
		display: block;
		float: left;
		margin-left: 10px;
		position: relative;
		width: 100%;
		text-align: center;
	}

		#thumbs a .inactiveImg{
			height: 100%;
			width: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: white;
			opacity: 0.4;
			text-align: center;
		}

	#thumbs a:first-of-type{
		margin-left: 0px;
	}


	#thumbs .bx-prev, #thumbs .bx-next{
		display: inline-block;
		position: absolute;
		width: 32px;
	}

	#thumbs .bx-prev{
		left: 0px;
	}
	#thumbs .bx-next{
		right: 0px;
	}

	#thumbs .bx-viewport{
		margin-left: 0px !important;
	}

.descBox{
	background-color: #FEFEFE;
	border: 1px solid #666A6F;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.descLabel{
	margin: 0px;
	margin-bottom: 10px;
	padding: 5px 9px;
	font-weight: bold;
	border-bottom: 1px solid #666A6F;
	background-color: #E2E2E2;
}

.propertyFieldsList{
	list-style: none;
}

#map_canvas {
	position: absolute;
	margin-left: -5000px;

	width: 70%;
	height: 300px;
}
.blockMsg {
	width: 70%!important;
	left: 15%!important;
}
.blockOverlay {
	background-color: transparent!important;
}
.clear {
	clear: both;
}
.buchen {
	width: 100%;
	margin-top: 15px;
	text-align: center;
}
.buchen input[type="submit"] {
	border: 0px;
	background: #572600;
	cursor: pointer;
	width: auto;
	font-size: 20px;
	text-align: right;
	padding: 2px 7px;
	color: white;
	height: auto;
	float: right;
}

/**
*RESPONSIVE DESIGN
*/
@media only screen and (max-width: 710px) {
	#leftContent {
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}

	.filterList:nth-child(2)  {
		float: left;
		border-bottom: 1px solid;
	}
	.filterList:nth-child(3){
		float: right;
	}
	.filterList {
		width: 48%;
		margin: 0;
	}

	#rightContent {
		padding: 0;
		width: 100%;
		box-sizing: border-box;
	}

	.result {
		width: 100%;
	}
	.immoDiv {
		height: auto;
	}
	.immoDiv.noImmo{
		width: 638px;
	}
	.immoColumn {
		float: left;
	}
	.immoColumn1 {
		height: 190px;
		float: none;
	}
	.immoColumn2, .immoColumn3 {
		margin-top: 12px;
		box-sizing: border-box;
	}
	.immoColumn2 {
		width: 70%;
		margin-right: 0px;
	}
	.immoColumn3 {
		width: 30%;
	}
	.buttonPane {
		display: none;
	}
	.priceInfo {
		height: auto;
	}

	.highlight {
		min-height: 186px;
	}
	.highlight, .priceBox {
		width: 100%;
	}
	.priceBox {
		margin-top: 6px!important;
		margin-bottom: 6px!important;
		min-height: 75px;
	}
	#contactBox {
		width: 100%;
	}
	.lage #map{
		margin-left: auto;
		margin-right: auto;
		height: 200px;
	}

	.buchen {
		width: 100%;
		margin-top: 15px;
	}

	#resBoxLeft {
		width: 100%!important;
		padding: 0!important;
		margin-top: 10px;
	}
	#resBoxLeft {
		box-sizing: border-box;
	}
	#resBoxRight {
		margin-left: 0!important;
		margin: 10px 0 0 10px;
		box-sizing: border-box!important;
		width: 100%!important;
	}
	.resBoxLeftContent {
		border: 0;
	}
}

@media only screen and (max-width: 560px) {
	#sortDiv {
		float: none;
	}
	.immoColumn2 h1 {
		height: auto;
	}
	.description {
		height: auto;
	}
	.filterList {
		width: 100%;
		float: none!important;
		box-sizing: border-box;
	}
	.filterList:first-of-type {
		margin-bottom: 19px;
	}
	.immoDiv.noImmo{
		width: 318px;
	}
	.immoColumn1 {
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	.immoColumn2, .immoColumn3 {
		float: none;
		width: 100%;
		position: relative;
	}
	.priceInfo * {
		text-align: left;
	}
	.priceInfo {
		float: left;
		width: auto;
	}
	.buttonWrapper {
		float: right;
		width: auto;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.highlight, .lage, #contactBox, .priceBox {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}

	#topPanel {
		display: none;
	}

	#location {
		height: 63px;
	}
}

@media only screen and (max-width: 360px) {
	.btn {
		width: 100%;
	}
}