﻿/* #headerContainer ============================================================================ */
#headerContainer {
	margin:0;	/* immer 0px */
	padding:0;	/* immer 0px */
	background-color:#ffffff;
	box-sizing:border-box;
}

/* navigation Container ------------------------------- */
nav[role="navigation"] {
	margin-left:auto;	
	margin-right:auto;	
	box-sizing:border-box;
}

.navigationBar {
	position:relative;
	margin:0;
	padding:0;
}

.logoimg {
	padding-top: 4px;
	padding-left: 9px;
	width:157px;
}

.logoimg a {
	text-decoration:none;
}

.logoimg a div {
	background-image: url('/Apps_Themes/default/images/small-logo-de.png');
	background-repeat:no-repeat;
	width:157px;
	height:55px;
}

.usermenueimglogout {
	background-image: url('/Apps_Themes/default/images/userlogout2small.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	width:57px;
	height:44px;
	margin:0;
	padding:0;
	display:inline-block;
}

.usermenueimglogin {
	background-image: url('/Apps_Themes/default/images/userloginsmall.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	width:57px;
	height:44px;
	margin:0;
	padding:0;
	display:inline-block;
}

.toggleButton {
	float:right;
	margin:0;
	padding:6px;
	bottom:0;
	margin-top:12px;
	margin-right:15px;
	background-color:#eb0;
	background-image:none;
	border:1px solid;
	border-radius:4px;
	border-color:#eb0;
	cursor:pointer;
	z-index:102;
}

.toggleButton:focus {
	outline:unset;
	background-color:#fa0;
}

.toggleButton:hover {
	background-color:#fa0;
}

.toggleButton .menueLine {
	display:block;
	width:22px;
	height:4px;
	margin:4px;
	border-radius:1px;
	background-color:#fff;
}

.mainMenue {
	display:none;
	margin:0;
}

.mainMenue > ul {
	margin:0;
	padding:0;
}

.mainMenue > ul > li {
	list-style:none;	
}

.mainMenue > ul > li > a {
	display:block;
	font-family:Share-Regular, Arial;
	color:#fff;
	font-size:30px;
	text-decoration:none;
	padding:15px;
	border-bottom:1px solid;
	border-color:#ffffff;
	line-height:34px;
}

#toggleDropDownMenue > a {
	padding:10px 15px 10px 15px;
}

.mainMenue > ul > li > a:hover, .mainMenue > ul > li > a:focus {
	outline:unset;
}

.mainMenueDropDown {
	position:relative;
	display:none;
	margin:0 4px 6px 4px;
	padding:0;
	z-index:100;
}

#DropDownMenueArrow {
	margin-top:8px;
	float:right;	
}

.mainMenueDropDown > li {
	list-style:none;	
}

.mainMenueDropDown > li > a {
	display:block;
	font-size:24px;
	text-decoration:none;
	padding:10px;
	border:1px solid;
	border-radius:4px;
	border-color:#980;
	color:#fff;
	background-color:#eea000;
	margin-top:4px;
	line-height:24px;
}

.mainMenueDropDown > li > a:hover, .mainMenueDropDown > li > a:focus {
	outline:unset;
	background-color:#fa0;
}

/* ==================================================================== */
#nameImgContainer {
	display:none;
	margin:0;
	padding:0;
	padding-top:4px;
	background-color:#fa0;
}

#nameImg {
	background-image: url('/Apps_Themes/default/images/middle-name-de.png');
	background-position-x:9px;
	background-repeat:no-repeat;
	margin-left:auto;	
	margin-right:auto;	
	height:12px;
	box-sizing:border-box;	
}

/* media Querys nur de ========================================= */
/* ============================================================= */
@media (max-width: 360px) {
}

@media (min-width: 361px) and (max-width: 777px) {
}

@media (max-width: 639px) {
	.mainMenue > ul > li > a {
		background-color:#eea000;
	}
	.mainMenue > ul > li > a:hover, .mainMenue > ul > li > a:focus {
		outline:unset;
		background-color:#ffaa00;
	}
}

/*@media (min-width: 640px) {*/
@media (min-width: 640px) {
	.toggleButton, #DropDownMenueArrow {
		display:none;
	}
	.mainMenue {
		display:block !important;
		float:right;
		padding:0;
		margin:0;
		margin-top:15px;		
		margin-right:15px;		
	}
	.mainMenue > ul {
		padding:0;
		margin:0;
	}
	.mainMenue > ul > li {
		position:relative;
		float:left;
	}
	.mainMenue > ul > li > a {
		position:relative;
		font-family:Share-Regular, sans-serif;
		color:#000;
		font-size:22px;
		text-decoration:none;
		border:0;
		padding:0;
		top:14px;
		line-height:36px;
		margin-left:10px;
		outline:unset;
	}
	#toggleDropDownMenue > a {
		top:0;
		padding:0;
	}
	.mainMenue > ul > li > a:hover, .mainMenue > ul > li > a:focus {
		outline:unset;
		color:#ea0;
	}
	.usermenueimglogout {
		background-image: url('/Apps_Themes/default/images/userlogout2.png');
		background-repeat:no-repeat;
		width:57px;
		height:44px;
		display:block;
	}
	.usermenueimglogin {
		background-image: url('/Apps_Themes/default/images/userlogin.png');
		background-repeat:no-repeat;
		width:57px;
		height:44px;
		display:block;
	}
	.arrow-up, .arrow-right, .arrow-down, .arrow-left {
		width:0;
		height:0;
		margin-left:4px;
		display:inline-block;
		border-color:#f96;
		border-width:6px;
		border-style:solid;
	}
	.arrow-up, .arrow-down {
		display:none;
		margin-bottom:20px;
	}
	.arrow-up {
		border-top-width:0;
		border-right-color:transparent;
		border-left-color:transparent;
	}
	.arrow-down {
		border-bottom-width:0;
		border-right-color:transparent;
		border-left-color:transparent;
	}
	.arrow-right {
		border-right-width:0;
		border-top-color:transparent;
		border-bottom-color:transparent;
	}
	.arrow-left {
		border-left-width:0;
		border-top-color:transparent;
		border-bottom-color:transparent;
	}
	.mainMenueDropDown {
		position:absolute;
		right:-5px;
		padding-top:10px;
		padding-bottom:2px;
		white-space:nowrap;
	}
	.mainMenueDropDown > li > a {
		display:block;
		text-decoration:none;
		padding:10px;
		color:#fff;
		background-color:#fa0;
		margin-top:4px;
		line-height:20px;
		border:1px solid #ffffff;
		border-radius:6px;
	}
	.mainMenueDropDown > li > a:hover, .mainMenueDropDown > li > a:focus {
		outline:unset;
		background-color:#fb0;
	}
}

@media (min-width: 1024px) {
	nav[role="navigation"], #nameImg {
		width:1024px;
	}
}

@media (min-width: 1080px) {
	nav[role="navigation"], #nameImg {
		width:1080px;
	}
}

@media (min-width: 1200px) {
	nav[role="navigation"], #nameImg {
		width:1200px;
	}
}

@media (min-height: 640px) {
	.logoimg a div {
		background-image: url('/Apps_Themes/default/images/middle-logo-short.png');
		width:201px;
		height:68px;
	}
	#nameImgContainer {
		display:block
	}
	.toggleButton {
		margin-top: 25px;
	}
	.mainMenue {
		margin-top: 28px;
	}	
}

@media (min-height: 768px) {
	.logoimg a div {
		background-image: url('/Apps_Themes/default/images/middle-logo.png');
		width:201px;
		height:100px;
	}
	.toggleButton {
		margin-top: 54px;
	}
	.mainMenue {
		margin-top: 60px;
	}
	.mainMenue > ul > li > a {
		top:12px;
	}		
}

@media (min-height: 1024px) {
	.logoimg a div {
		background-image: url('/Apps_Themes/default/images/big-logo.png');
		width:230px;
		height:113px;
	}
	#nameImg {
		background-image: url('/Apps_Themes/default/images/big-name-de.png');
		height:14px;
	}
	.toggleButton {
		margin-top: 66px;
	}
	.mainMenue {
		margin-top: 73px;		
	}
	.mainMenue > ul > li > a {
		top:10px;
	}
}

@media (max-width: 639px) {
	.mainMenue {
		margin:0;
	}	
}

/* CSS language en-GB ==================================================== */
:lang(en) #nameImg {
	background-image: url('/Apps_Themes/default/images/middle-name-gb.png');
	margin-left:auto;	
	margin-right:auto;	
}
/* media Querys language en-GB =========================================== */
/* ======================================================================= */
@media (max-height: 639px) {
	:lang(en) .logoimg a div {
		background-image: url('/Apps_Themes/default/images/small-logo-gb.png');
	}	
}

@media (min-height: 1024px) {
	:lang(en) #nameImg {
		background-image: url('/Apps_Themes/default/images/big-name-gb.png');
		height:14px;
	}
}
/* CSS Media Querys language en-GB Ende ---------------------------------- */

/* #headerContainer ---------------------------------------------------------------------------- */

/* language ==================================================================================== */
.language {
	display:none;
	position:absolute;
	right:20px;
	margin:0;
	padding:0;
	z-index:101;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
}

.language a {
	font-family: Verdana;
	font-size: 12px;
	line-height:24px;
	color: #000000;
}

.language2 {
	display:block;
	position:absolute;
	float:right;
	right:10px;
	margin:0;
	padding:0;
	z-index:101;
	font-family: Verdana;
	font-size: 14px;
	color: #ffffff;
}

.language2 a {
	font-family: Verdana;
	font-size: 14px;
	line-height:28px;
	color: #ffffff;
}

/* media Querys de und en ====================================== */
/* ============================================================= */
@media (min-width: 640px) {
	.language {
		display:block;
	}
}

@media (min-width: 640px) and (max-height: 639px) {
	.language {
		right: 82px;
	}
}

@media (min-width: 640px) {
	.language2 {
		display:none;
	}
}

/* language ------------------------------------------------------------------------------------ */


/* login signup ================================================================================ */
.loginsignuplink, .loginsignuplink:visited, .loginsignuplink:active {
	display:block;
	text-decoration: underline;
	padding-top:10px;
	color:#000;
}

.loginsignuplink:hover {
	color:#666;
}

/* login -------------- */
#ilogin {
	display:block;
	padding-bottom:20px;
	font-size: 18px;
	color: #000000;
	width:300px;
	margin:auto auto;
	text-align:center;
}

.logintitle {
	font-size: 24px;
	font-weight:bold;
	color: #000000;	
	width:90%;
	padding-bottom:20px;
	text-align:left;
	margin:auto auto;
}

.logintextbox {
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	outline:unset;
	font-size: 18px;
	width:90%;
	padding:16px;
	margin-bottom:14px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-sizing:border-box;
}

.logintextbox:focus {
	border-color: #fa0;
}

.everlogin {
	padding:12px 12px 12px 2px;
}

.labeleverlogininfo1 {
	text-align:left;
	width:90%;
	margin-top:10px;
	margin:auto auto;
}

.labeleverlogininfo2 {
	box-sizing:border-box;
	width:90%;
	padding:12px 2px 12px 2px;
	margin:auto auto;
	text-align:justify;
}

.loginerror {
	background-color: #ff9999;
	border-style: solid;
	border-width: 1px;
	border-color: #ff0000;
}

.loginerror:focus {
	border-color: #f00;
}

.loginerrormsgdiv {
	width:90%;
	margin:auto auto;
	font-size: 20px;
	color: #ff0000;
	text-align:left;
	padding:0 2px 20px 4px;
}

.loginbutton {
	margin-top:10px;
	width:90%;
	height:60px;
	cursor:pointer;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-sizing:border-box;
	border-style: solid;
	border-width: 1px;
	border-color: #aaa;
}

/* signup -------------- */
#isignup {
	display:block;
	padding-bottom:20px;
	font-size: 18px;
	color: #000000;
	width:300px;
	margin:auto auto;
	text-align:center;
}

.signuptitle {
	font-size: 24px;
	font-weight:bold;
	color: #000000;	
	width:90%;
	padding-bottom:20px;
	text-align:left;
	margin:auto auto;
}

.signuptextbox {
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	outline:unset;
	font-size: 18px;
	width:90%;
	padding:16px;
	margin-bottom:14px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-sizing:border-box;
}

.signuptextbox:focus {
	border-color: #fa0;
}

.signuperror {
	background-color: #ff9999;
	border-style: solid;
	border-width: 1px;
	border-color: #ff0000;
}

.signuperror:focus {
	border-color: #f00;
}

.signuperrormsgdiv {
	width:90%;
	margin:auto auto;
	font-size: 20px;
	color: #ff0000;
	text-align:left;
	padding:0 2px 20px 4px;
}

.signupbutton {
	margin-top:10px;
	width:90%;
	height:60px;
	cursor:pointer;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-sizing:border-box;
	border-style: solid;
	border-width: 1px;
	border-color: #aaa;
}

/* infobox -------------- */
.infobox {
	font-size: 18px;
	color: #000000;
	width: 80%;
	margin:0 auto 20px auto;
	padding:10px;
	background-color: #fa0;
	border-style: solid;
	border-width: 2px;
	border-color: #fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	box-sizing:border-box;
}

.infoboxok {
	font-size: 18px;
	background-color: #00cc00;
	border-style: solid;
	border-width: 2px;
	border-color: #fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #ffffff;
	width: 80%;
	margin:0 auto 20px auto;
	padding:10px;
	box-sizing:border-box;
}

.infoboxerror {
	font-size: 18px;
	background-color: #ff0000;
	border-style: solid;
	border-width: 2px;
	border-color: #fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #ffffff;
	width: 80%;
	margin:0 auto 20px auto;
	padding:10px;
	box-sizing:border-box;
}

/* media Querys de und en ====================================== */
/* ============================================================= */
@media (min-width: 360px) {
	#ilogin, #isignup {
		width:340px;
	}
}

@media (min-width: 512px) {
	#ilogin, #isignup {
		width: 440px;
	}
}

@media (min-width: 640px) {
	#ilogin, #isignup {
		width:540px;
	}
}
/* login signup -------------------------------------------------------------------------------- */

/* searchboximmo =============================================================================== */
.ui-autocomplete {
	background-color:#ffffff;
	max-height:300px;
	width:304px;
	overflow-y:auto;
	overflow-x: hidden;
}

.ui-menu {
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#fa0;
	border-radius:4px;
	box-shadow: 2px 2px 10px #666;
	font-size:20px;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
	margin:0;
	left:-1px;
	background-color:#ffaa00;
}

#progressbar {
	display:none;
	position:absolute;
	width:70px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	border-radius:50%;
	box-shadow: 2px 2px 10px #666;
	z-index:999;
	background-color:#ffaa00;
	background-image: url('/Apps_Themes/default/images/progressbar2.gif');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.searchBoxWidget {
	margin:0 auto 0 auto; 
	padding:8px;
	padding-top:8px;
	padding-bottom:0;
	background-color:#ffaa00;
	border-width:0;
	box-sizing:border-box;
	font-size:24px;
}

.searchBox {
	margin:0;
	padding:0;
	margin-bottom:0;
	width:100%;
	box-sizing:border-box;
}

.searchBox > ul {
	margin:0;
	padding:0;
	width:100%;
	box-sizing:border-box;
}

.searchBox > ul > li {
	position:relative;
	list-style:none;
	float:left;
	margin:0;
	margin-bottom:4px;
	padding:0;
	padding:0 1px 0 1px;
	width:100%;
	box-sizing:border-box;
}

.searchBox > ul > li > div, .searchBox > ul > li > input, .searchOptions > ul > li > div, .searchOptions > ul > li > label > input {
	border-radius:4px;
	}

.li-land {
	display:none;
}

.li-land2 {
	display:block;
}

#delcross {
	display:none;
	position:absolute;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}

.delcross {
	background-image: url('/Apps_Themes/default/images/cross17.png');
	top:11px;
	height:36px;
	width:30px;
	right:7px;
}

.delcrossarrow {
	background-image: url('/Apps_Themes/default/images/crossarrow17.png');
	top:11px;
	height:36px;
	width:37px;
	right:7px;
}

.delarrow {
	background-image: url('/Apps_Themes/default/images/arrow17.png');
	top:11px;
	height:36px;
	width:37px;
	right:7px;
}

.closecross {
	float:right;
	background-image: url('/Apps_Themes/default/images/cross17.png');
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;	
	cursor:pointer;
	top:0;
	right:0;
	height:24px;
	width:24px;
}

.closecrossfilter {
	position:relative;
	float:right;
	background-image: url('/Apps_Themes/default/images/cross17b.png');
	background-color:#fa0;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	top:0;
	right:0;
	height:24px;
	width:24px;
}

.checkmarkwhite {
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkmarkorange {
	width: 5px;
	height: 10px;
	border: solid #fa0;
	border-width: 0 3px 3px 0;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.filtercheckmark {
	display:none;
	position:absolute;
	top:-1px;
	right:2px;
	z-index:9;
}

#landarrow, #wasarrow {
	display:inline-block;
	position:absolute;
	color:#fa0;
	top:15px;
	padding-left:4px;
	padding-right:10px;
	right:0;
	background-color:#fff;
	cursor:pointer;
}

#landarrow {
	padding-left: 0px;
}

#morearrow, #lessarrow {
	color:#fa0;
}

input[type=radio][name=morekat] {
	display:none;
}

input[type=radio][name=renttypeselect], input[type=radio][name=sort], .filterclick {
	-webkit-appearance: none;
     -moz-appearance: none;
     position: relative;
     background-color: #fff; 
     color: #fa9000;
	 top:1px;
     height: 16px;
     width: 16px;
     cursor: pointer;   
	 margin-left:0;
	 margin-right:8px;
     outline: unset;
     border: 1px solid #fa9000;
}

input[type=radio][name=renttypeselect]:checked::before, input[type=radio][name=sort]:checked::before, .filterclick:checked::before {
	position: absolute;
    left: 6px;
    top: -7px;
	width: 7px;
	height: 14px;
	border: solid #fa0;
	border-width: 0 4px 4px 0;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: '';   
}

.filterclick:checked::before {
	top: -7px;
	border: solid #c60;
	border-width: 0 4px 4px 0;
	}

_:-ms-lang(x), _:-webkit-full-screen, input[type=radio][name=renttypeselect], input[type=radio][name=sort] { 
	border-radius:10px;
}

input[type=radio][name=kat], input[type=radio][name=land], input[type=radio][name=landid2], input[type=radio][name=sortfield] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	height: 13px;
	width: 13px;
	top: 0;
	outline: unset;
	border-radius: 11px;
	border: 1px solid #fa9000;
}

input[type=radio][name=kat]:checked, input[type=radio][name=land]:checked, input[type=radio][name=landid2]:checked, input[type=radio][name=sortfield]:checked {
	background: #fa0;
}

input[type=radio][name=kat]:disabled {
	 background:#eee;
	 border: 1px solid #ccc;
}

input[type=radio][name=kat]:checked:disabled {
	 background:#aaa;
	 border: 2px solid #ccc;
}

input[type=radio][name=rooms], input[type=radio][name=sqrmeter], input[type=radio][name=price], input[type=radio][name=kmcircle], input[type=radio][name=land2], input[type=radio][name=landid22] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	background: #fff;
	height: 12px;
	width: 12px;
	top: 1px;
	outline: unset;
	border-radius: 11px;
}

input[type=radio][name=rooms]:checked, input[type=radio][name=sqrmeter]:checked, input[type=radio][name=price]:checked, input[type=radio][name=kmcircle]:checked, input[type=radio][name=land2]:checked, input[type=radio][name=landid22]:checked {
	background: #000;
	height: 12px;
	width: 12px;
	border: 2px solid #fff;
}

.ax-filterclick > input[type=checkbox]:disabled {
	background:#da0;
	cursor:default;
}

#strwas {
	white-space: nowrap; 
	text-overflow:ellipsis;
	overflow-x:hidden;
	overflow-y:hidden;
}

#land, #was {
	display:block;
	position:relative;
	background-color:#ffffff;
	border-width:1px;	
}

#land {
	width: 100%;
	background-image: unset;
	background-repeat: no-repeat;
	background-position: center;
	background-position-x: 10px;
}

#wo {
	width: 100%;
}

#was {
	width:100%;
}

#land, #wo, #was, #search {
	margin:0;
	border-color: #d90;
	border-style: solid;
	padding:14px 10px 14px 10px;
	overflow-x:hidden;
	overflow-y:hidden;
	box-sizing:border-box;
}

#land, #was, #search {
	cursor:pointer;
}

.border-radius-sb {
	border-radius:4px;
}

#wo {
	margin: 0;
	border-width: 1px;
	background-color: #fff;
	outline: unset;
}

#search {
	color:#000;
	border-width:1px;
	border-radius:4px;
	margin:0;
	padding:14px 16px 14px 16px;
	background-color:#faa000;
	font-weight:600;
	text-decoration:underline;
	box-sizing:border-box;
	float:right;
	outline:unset;
}

#search:hover {
	border-color:#fff;
	background-color:#fa0;
}

.searchOptions {
	display:inline-block;
	position:relative;
	height:auto;
	width:100%;
	margin:0;
	padding:0;
	margin-bottom:0;
	box-sizing:border-box;
}

.searchOptions > ul {
	margin:0;
	padding:0;
	box-sizing:border-box;
	width:100%;
}

.searchOptions > ul > li {
	list-style:none;
	float:left;
	margin:0;
	margin-bottom:4px;
	padding:0 2px 0 2px;
	width:50%;
	box-sizing:border-box;
}

.searchOptions > ul > li:nth-child(5) {
	width:auto;
}

.searchOptions > ul > li:nth-child(6) {
	width:auto;
}

.searchOptions > ul > li:nth-child(7) {
	width:auto;
	float:right;
}

#roomsarrow, #sqrmeterarrow , #pricearrow, #kmcirclearrow {
	display:none;
}

#roomsarrow, #sqrmeterarrow , #pricearrow, #kmcirclearrow {
	position:absolute;
	right:0;
	padding-left:4px;
	padding-right:8px;
	color:#fff;
	background-color:#faa000;
	cursor:pointer;
}

#rooms, #sqrmeter, #price, #kmcircle, #filter, #resetfilter {
	display:block;
	position:relative;
	margin:0;
	padding:14px 10px 14px 10px;
	color:#fff;
	background-color:#faa000;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	white-space: nowrap; 
	text-overflow:ellipsis;
	overflow-x:hidden;
	overflow-y:hidden;
	box-sizing:border-box;
	cursor:pointer;	
}

#strrooms, #strsqrmeter, #strprice, #strkmcircle {
	white-space: nowrap; 
	text-overflow:ellipsis;
	overflow-x:hidden;
	overflow-y:hidden;
}

#filter {
	background-image: url('/Apps_Themes/default/images/filter23x21.png');
	background-repeat:no-repeat;
	background-position:center center;
	margin:0;
	padding:0;
	cursor:pointer;
	width:57px;
	height:57px;
	box-sizing:border-box;
	overflow:visible;
}

#resetfilter {
	background-image: url('/Apps_Themes/default/images/reset24x24.png');
	background-repeat:no-repeat;
	background-position:center center;
	margin:0;
	padding:0;
	cursor:pointer;
	width:57px;
	height:57px;
	box-sizing:border-box;
	overflow:visible;
}

.hover-options {
	border-color:#d90;
}

.hover-options:hover {
	border-color:#fff;
}

.hover-options-dis {
	border-color:#d90;
}

.hover-options-dis:hover {
	border-color:#d90;
}

.searchBoxLand, .searchBoxKat {
	display: none;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #fa0;
	border-radius: 4px;
	top: 60px;
	left: 0;
	margin: 0;
	padding: 14px;
	padding-right: 0;
	padding-bottom: 8px;
	box-shadow: 2px 2px 10px #666;
	list-style: none;
	box-sizing: border-box;
	z-index: 99;
}

.searchBoxLand > li, .searchBoxKat > li {
	padding-bottom:12px;
}

.searchBoxLand > li:nth-child(5) {
	width: 100% !important;
	border: solid #fa0;
	border-width: 1px 0 0 0;
	padding-bottom: 18px;
}

.searchBoxLand {
	width: 170px;
	padding-top:20px;
}

.ax-landid2 {
	display:none;
}

.searchBoxKat {
	width: 100%;
}

.searchBoxKat > li:first-child {
	border: solid #fa0;
	border-width: 0 0 1px 0;
	padding-top: 4px;
	padding-bottom: 12px;
	margin-bottom: 14px;
	margin-right: 14px;
}

.searchBoxKat > li > label:first-child {
	margin-right:40px;
}

.searchBoxLand > li > label, .searchBoxKat > li > label {
	cursor:pointer;
}

.searchBoxLand > li > label > input, .searchBoxKat > li > label > input {
	cursor:pointer;
	margin-right:8px;
	margin-bottom:2px;
}

.searchBoxKat > li:first-child > label > input {
	cursor:pointer;
	margin-right:10px;
	margin-bottom:0;
}

.searchOptionsRooms, .searchOptionsSqrmeter, .searchOptionsPrice, .searchOptionsKmcircle, .searchOptionsFilter {
	display:none;
	position:absolute;
	color:#fff;
	background-color:#fa0;
	border:1px solid #fff;
	border-radius:4px;
	top:0;
	left:2px;
	right:2px;
	width:auto;
	padding:14px;
	padding-bottom:4px;
	box-shadow: 2px 2px 10px #666;
	list-style:none;
	z-index:99;
}

.searchOptionsFilter {
	left:2px;
	right:2px;
	width:auto;
}

.searchOptionsFilter > li:nth-child(6) {
	padding-top:14px;
	border: solid #fff;
	border-width: 1px 0 0 0;
}

.searchOptionsRooms > li, .searchOptionsSqrmeter > li, .searchOptionsPrice > li, .searchOptionsKmcircle > li, .searchOptionsFilter li {
	padding-bottom:14px;
}

.searchOptionsRooms > li > label, .searchOptionsSqrmeter > li > label, .searchOptionsPrice > li > label, .searchOptionsKmcircle > li > label, .searchOptionsFilter li > label {
	cursor:pointer;
}

.searchOptionsRooms > li > label > input, .searchOptionsSqrmeter > li > label > input, .searchOptionsPrice > li > label > input, .searchOptionsKmcircle > li > label > input, .searchOptionsFilter li > label > input {
	cursor:pointer;
	margin-right:8px;
	margin-bottom:2px;
}

.searchOptionsFilter > li > label > input {
	margin-bottom:0;
}

.searchOptionsFilter .li-land2 label input {
	margin-bottom:3px;
}

.searchOptionsFilterLand22 {
	padding: 0px;
}

.searchOptionsFilterLand22 > li {
	width:50%;
	float:left;
}

.searchOptionsFilterLand22 > li:first-child {
	width: 100%;
	border: solid #fff;
	border-width: 1px 0 0 0;
	padding-top:14px;
}

/* media Querys de und en ====================================== */
/* ============================================================= */
@media (max-width: 359px) {
	#strrooms, #strsqrmeter, #strprice, #strkmcircle {
		font-size: 20px;
	}
}
@media (min-width: 360px) and (max-width: 375px) {
	#strrooms, #strsqrmeter, #strprice, #strkmcircle {
		font-size: 22px;
	}
}
@media (min-width: 390px) {
	#roomsarrow, #sqrmeterarrow , #pricearrow, #kmcirclearrow {
		display:inline-block;
	}
}

@media (min-width: 640px) {
	.ui-autocomplete {
		width: 440px;
	}
	.searchBoxWidget {
		font-size: 22px;
	}
	.searchBox > ul > li {
		width:50%;
	}
	.searchBoxLand, .searchBoxKat {
		top:58px;
	}
	.searchOptions > ul > li {
		width:25%;
	}

	.xsearchOptionsRooms, .xsearchOptionsSqrmeter {
		width:160px;
	}
	.xsearchOptionsPrice {
		width:240px;
	}
	.xsearchOptionsKmcircle {
		left:-20px;
		width:140px;
	}

	#roomsarrow, #sqrmeterarrow , #pricearrow, #kmcirclearrow {
		display:none;
	}
	.delcross {
		background-image: url('/Apps_Themes/default/images/cross15.png');
		top:9px;
	}
	.delcrossarrow {
		background-image: url('/Apps_Themes/default/images/crossarrow15.png');
		top:9px;
	}
	.delarrow {
		background-image: url('/Apps_Themes/default/images/arrow15.png');
		top:9px;
	}
	.closecross {
		background-image: url('/Apps_Themes/default/images/cross15.png');
	}
	.closecrossfilter {
		background-image: url('/Apps_Themes/default/images/cross15b.png');
	}
	#filter, #resetfilter {
		width:55px;
		height:55px;
	}
}

@media (min-width: 720px) {
	.li-land {
		display:block;
	}
	.li-land2 {
		display:none;
	}
	.searchBox > ul > li {
		width: 44.5%;
	}
	.searchBox > ul > li:first-child {
		width:11%;
	}
	.searchOptions > ul > li {
		position: relative;
	}
	#roomsarrow, #sqrmeterarrow , #pricearrow, #kmcirclearrow {
		display:inline-block;
		margin:0;
	}
	.searchOptionsRooms, .searchOptionsSqrmeter {
		width: 160px;
	}
	.searchOptionsPrice {
		width: 240px;
	}
	.searchOptionsKmcircle {
		left: -14px;
		width: 160px;
	}
	.searchOptionsFilter {
		width: 240px;
	}
}

@media (min-width: 748px) {
	.searchBoxWidget {
		font-size: 18px;
	}
	.searchBoxLand, .searchBoxKat {
		top:52px;
	}
	.searchOptions > ul > li {
		width: auto;
	}
	#roomsarrow, #sqrmeterarrow, #pricearrow, #kmcirclearrow {
		display: none;
	}
	.searchOptionsRooms, .searchOptionsSqrmeter {
		width:140px;
	}
	.searchOptionsPrice {
		width:180px;
	}
	.searchOptionsFilter {
		width:200px;
	}
	.searchOptionsKmcircle {
		left:-20px;
		width:140px;
	}
	.searchOptionsKmcircle {
		left:0;
		width:140px;
	}
	#search {
		height:50px;
	}
	#filter, #resetfilter {
		width:50px;
		height:50px;
	}
	.delcross {
		background-image: url('/Apps_Themes/default/images/cross13.png');
		top: 7px;
	}
	.delcrossarrow {
		background-image: url('/Apps_Themes/default/images/crossarrow13.png');
		top: 7px;
	}
	.delarrow {
		background-image: url('/Apps_Themes/default/images/arrow13.png');
		top:7px;
	}
	.closecross {
		background-image: url('/Apps_Themes/default/images/cross13.png');
		background-position-y: 3px;
	}
	.closecrossfilter {
		background-image: url('/Apps_Themes/default/images/cross13b.png');
		background-position-y: 3px;
	}
}

@media (min-width: 768px) {
	.searchBoxWidget {
		width:728px;
		border:2px solid #ffffff;
		border-radius:10px;
	}
}

@media (min-width: 820px) {
	.searchBoxWidget {
		width:800px;
	}
	#roomsarrow, #sqrmeterarrow, #pricearrow, #kmcirclearrow {
		display: inline-block;
		padding-right:0;
		position: relative;
	}
	.searchOptionsFilter {
		left:-10px;
	}
}
/* searchboximmo ------------------------------------------------------------------------------ */

/* info und sorting =========================================================================== */
#infocontent {
	display:none;
	position:relative;
	font-size:19px;
	margin:auto auto;
	margin-top:10px;
	margin-bottom:20px;
	width:96%;
	padding:8px 0 4px 0;
	box-sizing:border-box;
	border: solid #000;
	border-width: 0 0 1px 0;
}

#infotext {
	display:inline-table;
}

#sort {
	display:inline-table;
	float:right;
	color:#000;
	cursor:pointer;
}

#strsort, #sortarrow {
	display:inline-block;
	color:#000;
	margin-left:2px;
	cursor:pointer;
}

#strsort, #sortarrow {
	display:none;
}

.searchOptionsSort > .ax-sort {
	border: solid #fa0;
	border-width: 0 0 1px 0;
	padding-bottom:0;
	margin-bottom:10px;
}

.searchOptionsSort {
	display:none;
	position:absolute;
	background-color:#ffffff;
	border:1px solid #ddd;
	border-radius:4px;
	margin:0;
	top:42px;
	left:auto;
	right:4px;
	padding:14px;
	padding-bottom:4px;
	width:98%;
	box-shadow: 2px 2px 10px #666;
	list-style:none;
	box-sizing:border-box;
	font-size:24px;
	z-index:99;	
}

.searchOptionsSort > li {
	padding-bottom:10px;
}

.searchOptionsSort > li #sort-ax-1 {
	margin-right:40px;
}

.searchOptionsSort > .ax-sort label {
	display:inline-block;
	padding-bottom:10px;
}

.searchOptionsSort > li > label, .searchOptionsSort > li > label > input {
	cursor:pointer;
	margin-right:8px;
	margin-bottom:2px;
}

.searchOptionsSort > li:first-child > label > input {
	margin-bottom:0;
}

/* media Querys de und en ====================================== */
/* ============================================================= */
@media (min-width: 360px) {
	#infocontent {
		font-size: 20px;
	}
	#sortarrow {
		display:inline-block;
	}
}

@media (min-width: 390px) {
	#infocontent {
		font-size: 22px;
	}
}

@media (min-width: 512px) {
	#infocontent {
		font-size: 24px;
	}
}

@media (min-width: 640px) {
	#infocontent {
		font-size: 19px;
	}
	#strsort {
		display:inline-block;
	}
	.searchOptionsSort {
		width:300px;
		font-size:20px;
	}
}

@media (min-width: 680px) {
	#infocontent {
		font-size: 20px;
	}
}

@media (min-width: 748px) {
	.searchOptionsSort {
		font-size:18px;
	}
}

@media (min-width: 768px) {
	#infocontent {
		width:728px;
	}
}

@media (min-width: 820px) {
	#infocontent {
		width:800px;
	}
}
/* info und sorting --------------------------------------------------------------------------- */

/* pager und seperator ======================================================================== */
#pagercontent {
	display: none;
	width:370px;
	margin:0;
	margin:auto auto;
	font-size:24px;
	text-align:center;
	clear:both;
}

#immopager {
	display:inline-table;
	margin:0;
	padding:20px 10px 20px 10px;
	margin-left:4px;
	width:280px;
	color:#fff;
	background-color:#fa0;
	border:1px solid #d90;
	border-radius:10px;
	text-align:center;
	text-decoration:underline;
	box-sizing:border-box;
	cursor:pointer;
}

#immopagerup {
	display:inline-table;
	margin:0;
	padding:20px;
	width:70px;
	color:#fff;
	background-color:#fa0;
	border:1px solid #d90;
	border-radius:10px;
	text-align:center;
	box-sizing:border-box;
	cursor:pointer;
}

#immopagerdummy {
	display:none;
	margin:0;
	padding:20px;
	width:70px;
	box-sizing:border-box;
}

.pagerseperator {
	display:block;
	font-size:24px;
	text-align:center;
	width:330px;
	margin:0;
	margin:auto auto;
	margin-bottom:20px;
	box-sizing:border-box;
}

.immosep {
	display:inline-table;
	padding:20px;
	margin-left:20px;
	margin-right:20px;
	width:150px;
	color:#fff;
	background-color:#fa0;
	border:1px solid #d90;
	border-radius:10px;
	text-align:center;
	cursor:default;
	box-sizing:border-box;
}

.immosepup {
	display:inline-table;
	margin:0;
	padding:20px;
	width:70px;
	color:#fff;
	background-color:#fa0;
	border:1px solid #d90;
	border-radius:10px;
	text-align:center;
	cursor:pointer;
	box-sizing:border-box;
}

.immosepdown {
	display:inline-table;
	margin:0;
	padding:20px;
	width:70px;
	color:#fff;
	background-color:#fa0;
	border:1px solid #d90;
	border-radius:10px;
	text-align:center;
	cursor:pointer;
	box-sizing:border-box;
}
/* media Querys de und en ====================================== */
/* ============================================================= */
@media (max-width: 359px) {
	.pagerseperator {
		width:320px;
	}
	.immosep {
		margin-left:10px;
		margin-right:10px;
		width:140px;
	}
}

@media (max-width: 374px) {
	#pagercontent {
		width:300px;
		font-size:20px;
	}
	#immopager {
		margin-left:2px;
		width:220px;
		padding:20px 5px 20px 5px;
	}
}

@media (min-width: 412px) {
	#pagercontent {
		width:380px;
	}
	#immopager {
		width:290px;
	}
}

@media (min-width: 640px) {
	#pagercontent, .pagerseperator {
		font-size:20px;
	}
	#immopager, #immopagerup, #immopagerdummy {
		padding:16px;
		width:auto;
	}
	.immosep, .immosepup, .immosepdown {
		padding:16px;
		width:auto;
	}
}

@media (min-width: 768px) {
	#pagercontent, .pagerseperator {
		font-size:18px;
	}
	#immopager, #immopagerup, #immopagerdummy {
		padding:16px;
		width:auto;
	}
	.immosep, .immosepup, .immosepdown {
		padding:16px;
		width:auto;
	}
}
/* pager und seperator -------------------------------------------------------------------------- */

/* searchContainer ============================================================================== */
.adContainer {
	display:block;
	margin-left:auto;	
	margin-right:auto;	
	padding-left:0;
	padding-right:0;
	box-sizing:border-box;
}

.adLeftContainer {
	display:none;
	margin:0;
	padding:0;
	width:160px;
	box-sizing:border-box;
	float:left;
	text-align:center;
}

.adMiddleContainer {
	display:inline-table;
	padding:0;
	width:100%;
	box-sizing:border-box;
	text-align:center;
}

.adRightContainer {
	display:none;
	margin:0;
	padding:0;
	width:160px;
	box-sizing:border-box;
	float:right;
	text-align:center;
}

.adSticky {
	top:10px;
	position:-webkit-sticky;
	position:sticky;
}

/* media Querys de und en ====================================== */
/* ============================================================= */
@media (min-width: 640px) {
	.adContainer {
		display: table;
	}
	.adMiddleContainer {
		margin-left:auto;	
		margin-right:auto;	
		width:640px;
	}}

@media (min-width: 820px) {
	.adRightContainer {
		display:block;
	}
}

@media (min-width: 980px) {
	.adLeftContainer {
		display:block;
	}
}
/* searchContainer ------------------------------------------------------------------------------ */

/* searchDefaultContainer ============================================================================== */
.searchDefaultContainer {
	display:block;
	margin-left:auto;	
	margin-right:auto;	
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
}

/* media Querys de und en ====================================== */
/* ============================================================= */
@media (min-width: 768px) {
	.searchDefaultContainer {
		width: 768px;
		padding-left:32px;
		padding-right:32px;
	}
}
@media (min-width: 820px) {
	.searchDefaultContainer {
		width: 820px;
		padding-left:22px;
		padding-right:22px;
	}
}
/* searchDefaultContainer ------------------------------------------------------------------------------ */

/* searchPreviewContainer ============================================================================== */
.searchPreviewContainer {
	margin-top:30px;
}
/* searchPreviewContainer ------------------------------------------------------------------------------ */

/* listareas ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* listareas ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* listareas ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* GetAllDataRaw ================================================================================ */
.getAllDataRaw {
	border:solid 1px #000;
	margin-bottom:20px;
}

.getAllDataRawRow {
	text-align:left;
}

.getAllDataRawRow:first-child, .getAllDataRawRow:nth-child(9), .getAllDataRawRow:nth-child(13), .getAllDataRawRow:nth-child(16), .getAllDataRawRow:nth-child(17) {
	margin-bottom:12px;
}

.getAllDataRawColumn1 {
	display:inline-table;
	width:30%;
	text-align:left;
}

.getAllDataRawColumn2 {
	display:inline-table;
	width:70%;
	text-align:left;
	font-weight:700;
}
/* media Querys de und en ====================================== */
/* ============================================================= */
/* GetAllDataRaw -------------------------------------------------------------------------------- */

/* realEstateList1 ============================================================================== */
.rEL1 {
	position:relative;
	width:100%;
	margin:20px auto 20px auto;
	padding:20px 0 30px 0;
	box-sizing:border-box;
	text-align:left;
}

.rEL1Title {
	position:absolute;
	padding:4px 6px 2px 6px;
	margin:0 7px 0 7px;
	top:0;
	font-size:18px;
	background-color:#fff;
	border:solid 1px #fa0;
	border-radius:5px;
	box-shadow:0 2px 8px #666;
	z-index:70;
}

.rEL1InfoBox {
	position:absolute;
	padding:4px 6px 4px 6px;
	margin:0 26px 0 7px;
	bottom:0;
	background-color:#fff;
	border:solid 1px #fa0;
	border-radius:5px;
	box-shadow:0 1px 6px #666;
	box-sizing:border-box;
	min-height:36px;
	vertical-align:middle;
	z-index:80;	
}

.rEL1InfoBoxLink {
	position:absolute;
	top:-18px;
	right:-18px;
	width:33px;
	height:33px;
	background-color:#faa000;
	background-image: url('/Apps_Themes/default/images/more15x13.png');
	background-repeat:no-repeat;
	background-position:center center;
	border:solid 1px #d90;
	border-radius:5px;
	box-shadow:0 1px 6px #666;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}

.rEL1InfoBoxLinkAll {
	position:absolute;
	left:0;
	top:0;
	right:0;
	height:24px;
	cursor:pointer;
}

.rEL1Info1 {
	font-size:16px;
}

.rEL1Info2 {
	display:none;
	font-size:14px;
	color:#888;
}

.rEL1Street {
	display:none;
	font-size:14px;
	line-height:14px;
}

.rEL1City {
	margin-top:5px;
	font-size:14px;
	line-height:14px;
}

.rEL1CityBigMargin {
	margin-top:7px;
	margin-right:20px;
	font-size:14px;
	line-height:14px;
}

.rEL1Description {
	display:none;
	margin-top:5px;
	font-size:15px;
	line-height:14px;
	margin-bottom:5px;
	padding:4px 6px 2px 6px;
	border-radius:5px;
	text-align:justify;
	overflow-y:hidden;
}

.rEL1Filter {
	display:none;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	font-size:15px;
	line-height:15px;
	border-style:solid;
	border-color:#fa0;
	border-width:1px 0 0 0;
}

.rEL1Expose {
	display:none;
	float:right;
	margin:5px 2px 5px 0;
	padding:10px 10px 8px 10px;
	background-color:#faa000;
	border:solid 1px #c80;
	border-radius:5px;
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-decoration:underline;
}

.rEL1Expose:hover {
	border-color:#a60;
}

.rEL1Expose a {
	color:#000;
	cursor:pointer;
}

.rEL1Source {
	position:absolute;
	right:5px;
	bottom:14px;
	font-size:10px;
}

.rEL1Img {
	width:100%;
	height:75vw;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.rEL1Neu {
	display:block;
	float:right;
	margin:54px 7px 0 0;	
	padding:4px;
	padding-bottom:1px;
	color:#000;
	font-family:'Share-Bold';
	font-size:18px;
	border-radius:3px;
	border:solid 1px #c80;
	background-color:#faa000;
}

.rEL1Info1, .rEL1Info2, .rEL1City, .rEL1CityNoMargin, .rEL1Filter {
	padding-right:20px;
}

/* media Querys de und en ====================================== */
/* ============================================================= */
@media (min-width: 640px) {
	.rEL1 {
		width:640px;
		padding:0 10px 20px 10px;
	}
	.rEL1Title {
		position:relative;
		margin:0 0 7px 0;
		box-shadow:0 1px 3px #999;
	}
	.rEL1InfoBox {
		position:relative;
		float:right;
		width:210px;
		height:300px;
		margin:0;
		border-color:#f0f0f0;
		background-color:#f6f6f6;
		box-shadow:unset;
	}
	.rEL1Img {
		width:400px;
		height:300px;
		border-radius:5px;
	}
	.rEL1Neu {
		margin:4px 4px 0 0;
		padding-bottom:3px;	
		top:0;
		font-size:16px;
	}
	.rEL1Expose, .rEL1Filter, .rEL1Street, .rEL1Info2, .rEL1Description {
		display:block !important;
	}
	.rEL1InfoBoxLink, .rEL1InfoBoxLinkAll {
		display:none;
	}
	.rEL1Expose {
		position:absolute;
		margin:0;
		bottom:8px;
		right:8px;
	}
	.rEL1Source {
		bottom:4px;
		right:16px;
		z-index:91;
	}
	.rEL1Info1, .rEL1Info2, .rEL1City, .rEL1CityBigMargin, .rEL1Filter {
		padding-right:0;
	}
}
/* realEstateList1 ------------------------------------------------------------------------------ */

/* PreViewList1 ============================================================================== */
.PreViewSource {
	position:absolute;
	left:5px;
	bottom:2px;
	font-size:10px;
}

.PreViewType {
	display:inline-block;
}

.PreViewTitle {
	display:none;
}

.PreViewType, .PreViewTitle {
	position:relative;
	top:-2px;
	left:-2px;
	padding:5px;
	max-width:90%;
	background: rgba(255,255,255,.8);
	border:solid 1px #faaa00;
	border-radius:5px;
	box-shadow:0 1px 2px #666;
	color:#000;
	font-size:12px;
	line-height:10px;
	text-align:left;
}

.PreViewCity {
	position:absolute;
	right:-1px;
	bottom:-1px;	
	padding:5px;
	font-size:12px;
	line-height:10px;
	color:#000;
	background: rgba(255,255,255,.8);
	border:solid 1px #faaa00;
	border-radius:5px;
	box-shadow:0 1px 2px #666;
}

.PreViewImg {
	position:relative;
	width:47%;
	height:34vw;
	margin:1.5%;
	margin-bottom:20px;
	border-radius:5px;
	float:left;
	text-align:left;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.PreViewLink {
	color:#000;
}

.PreViewLink:hover {
	color:#faaa00;
}

.PreViewMiddleAD {
	position:relative;
	width:47%;
	height:34vw;
	margin:1.5%;
	margin-bottom:20px;
	float:left;
	text-align:left;
	box-sizing:border-box;
	background-color:#999;
}


/* media Querys de und en ====================================== */
/* ============================================================= */
@media (min-width: 360px) {
	.PreViewType {
		display:none;
		line-height:12px;
		font-size:13px;
	}
	.PreViewTitle {
		display:inline-block;
		line-height:12px;
		font-size:13px;
	}
	.PreViewCity {
		line-height:12px;
		font-size:13px;
	}
}

@media (min-width: 412px) {
	.PreViewType, .PreViewTitle, .PreViewCity {
		line-height:14px;
		font-size:14px;
	}
}

@media (min-width: 640px) {
	.xPreViewType {
		display: none;
		line-height: 12px;
		font-size: 13px;
	}
	.PreViewImg, .PreViewMiddleAD {
		width:30%;
		height:140px;
	}
}
/* PreViewList1 ------------------------------------------------------------------------------ */

/* listareas ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* listareas ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* listareas ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* footermenue ================================================================================== */
.footerMenue {
	display:block;
	margin:auto auto;
	padding:0;
	width:100%;
	background-color:#ffaa00;
	border:2px solid #ffffff;
	border-radius:10px;
	text-align:center;
	box-sizing:border-box;
	font-size:26px;
}

.footerMenue ul {
	margin:7px 15px 12px 15px;
	padding:0;
	vertical-align:top;
	text-align:left;
}

.footerMenue li {
	display:block;
	list-style: none;
	line-height:40px;
}

.footerMenue li:first-child {
	line-height:46px;
}

.footerMenue a {
	color:#ffffff;
	text-decoration:underline;
}

/* media Querys de und en ====================================== */
/* ============================================================= */
@media (min-width: 640px) {
	.footerMenue ul {
		display:inline-block;
	}
	.footerMenue {
		width: 620px;
	}
	.footerMenue li {
		width: 170px;
	}
}

@media (min-width: 768px) {
	.footerMenue {
		width: 540px;
		float:right;
		margin-right:10%;
		margin-bottom:20px;
	}
	.footerMenue ul {
		margin: 7px 10px 12px 10px;
	}
	.footerMenue li:first-child {
		font-size:20px;
		line-height:30px;
	}
	.footerMenue li {
		font-size:18px;
		line-height:26px;
		width: 150px;
	}
}
/* footermenue --------------------------------------------------------------------------------- */