html, body {
	height: 100%;
	margin:0;
	padding: 0;
	margin: 0;
}
body {
	background-color:#efefef;
	font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
}
p {
	margin:0;
}
.save_button {
	background-color:#FFCC00;
	border-radius:5px;
	color:black;
	font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	border:none;
	padding:4px 8px;
	cursor:pointer;
	box-shadow:1px 1px 1px rgba(0,0,0,0.5)
}
.del_button {
	background-color:#999;
	border-radius:5px;
	color:white;
	font-weight:bold;
	font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	border:none;
	padding:4px 8px;
	cursor:pointer;
}
.eingabefeld {
	width:125px;
	padding:3px;
}
#top_spacer {
	position:relative;
	width:100%;
	height:20px;
}

#criteria_lupe {
	position:relative; color:#fff; display:inline-block; font-weight:17px; padding:0px; margin:10px 5px; vertical-align: top;
}
#criteria_suche {
	position:relative; color:#fff; display:inline-block; color:#333; font-weight:17px; padding:6px 6px; margin:10px 5px; 
}
.criteria_box_txt {
	position:relative; display:inline-block; margin:10px 5px; background-color:#eee; padding:6px 10px; color:#000; font-weight:bold; font-size:17px; border-radius:5px; vertical-align: top; cursor:pointer;
}
.criteria_box_multi {
position:relative; display:inline-block; margin:10px 5px; background-color:#eee; padding:6px 10px; color:#000; border-radius:5px; vertical-align: top; cursor:pointer;
}
.criteria_box_img {
	position:relative; display:inline-block; cursor:pointer;
}
.criteria_box_imgtxt {
	position:relative; display:inline-block; font-weight:bold; font-size:17px; font-size:17px; vertical-align:top; margin-left:5px; cursor:pointer;
}
#logo_small {
	position:absolute;
	left:20px;
	top:20px;
	z-index:2;
	display:none;
}
#goto_top {
	position:absolute;
	right:-5px;
	top:7px;
	cursor:pointer;
}
#top_nav {
	position:relative;
	width:780px;
	height:35px;
	margin:0 auto;
}

#top_nav ul {
	padding:0px;
	margin:0px;
	cursor:pointer;
	text-align:center;
}
#top_nav ul li {
	margin-right:10px;
	display:inline;
	width:126px;
	height:35px;
	list-style-type:none;
	text-align:center;
}
#top_nav ul li:last-child {
	margin-right:0px;
}
#top_nav a {
	font-size:14px;
	width:126px;
	height:35px;
	padding:9px;
	display:inline-block;
	text-decoration:none;
	color:#000;
	background-image:url(/images/top_nav_unselected.gif);
}
#top_nav a.selected {
	background-image:url(/images/top_nav_selected.gif);
}



#top_nav_mobile {
	display:none;
}
#top_blue {
	clear:both;
	position:relative;
	width:100%;
	height:65px;
	background: linear-gradient(#039, #001A4E); /* Standard syntax */
	background:-moz-linear-gradient( top,#039 0%,#001A4E 99%); 
	background:-webkit-linear-gradient(top,#039 0%,#001A4E 99%); 
	background:-o-linear-gradient(top,#039 0%,#001A4E 99%); 
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#039',endColorstr='#001A4E')"; 
	border-bottom:#FC0 3px solid;
	padding-top:20px;
}
#top_blue.stick {
    position: fixed;
    top: 0;
    z-index: 10;
}
#top_blueline.stick {
    position: fixed;
    top: 0px;
    z-index: 10;
}


#top_blueline_content {
		position:relative;
	text-align:left;
	}
#start_picture {
	position:relative;
	width:100%;
	z-index:100;
}
#map_toggle {
	position:absolute;
	top:8px;
	right:37px;
	color:#fff;
	cursor:pointer;
}
#main {
	width:96%;
	max-width:780px;
	margin:0 auto;
}

	.searchbox_field_left {
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
	}
	.searchbox_field_right {
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		border-left:0px;
	}
.searchbox_field_active {
	border:2px solid #339764 !important;
}
	.fiftypercent {
		display:inline-block;
		width:50%;
	}
.searchbox_element {
	position:relative;
	display:inline-block;
	padding:0px;
	vertical-align:top;
}
.searchbox_symbol {
	position:relative;
	margin-top:8px;
	margin-left:10px
}
.searchbox_title {
		position:relative;
		width:100%;
		font-size:23px;
		font-weight: bold;
	}
.searchbox_content {
	position:relative;
	font-size:15px;
	padding-left:6px;
	padding-top:0px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.searchbox_content_wo_title {
	position:relative;
	font-size:16px;
	padding-left:6px;
	padding-top:13px;
}
.searchbox_separator {
	position:relative;
	display:inline-block;
	width:6px;
	height:33px;
	background-image:url(/images/search_seperator.gif);
	background-position:center;
	background-repeat:no-repeat;
	padding:0px;
	margin-top:6px;
}
.searchbox_arrow {
	position:relative;
	display:inline-block;
	width:19px;
	height:33px;
	background-image:url(/images/search_drop_down.png);
	background-position:center;
	background-repeat:no-repeat;
	padding:0px;
	margin-top:6px; 
	right:8px;
}



#searchbox_container {
	position:relative;
	width:758px;
	height:45px;
	margin:0 auto;
	background-color:#FFF;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	box-shadow: 0px 0px 6px #000;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
	text-size-adjust:none;
}


#searchbox1 {
		position:relative;
		margin:0 auto;
		width:100%;
	    max-width:600px;
		background-color:#fff;
		padding:32px;
		box-sizing: border-box;
		box-shadow:0px 0px 25px rgba(0,0,0,0.5);
		border-radius:5px;
	}

#searchbox2 {
		position:relative;
		margin:0 auto;
		width:100%;
	    max-width:1150px;
		background-color:#fff;
		padding:32px;
		box-sizing: border-box;
		box-shadow:0px 0px 25px rgba(0,0,0,0.5);
		border-radius:5px;
	}

	.searchbox_title {
		position:relative;
		width:100%;
		font-size:23px;
		font-weight: bold;
	}
	.searchbox_label {
		margin-top:25px;
		margin-bottom:10px;
		position:relative;
		width:100%;
		font-size:12px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.searchbox_field {
		position:relative;
		width:100%;
		height:48px;
		border:1px solid rgb(235,235,235);
		border-radius:4px;
		box-sizing: border-box;
		padding:11px 11px 11px;
		font-size:17px;
		cursor:pointer;
	}
.searchbox_field_active {
	border:2px solid #339764 !important;
}
.searchbox_area {
		position:relative;
		width:100%;
		border:1px solid rgb(235,235,235);
		border-radius:4px;
		box-sizing: border-box;
		padding:11px 11px 11px;
		font-size:17px;
	}

#searchbox_end {
		position:relative;
		width:100%;
		text-align: right;
		margin-top:20px;
	}
	.searchbutton {
		position:relative;
		padding:15px 25px;
		background-color:#FFCC00;
		border-radius:4px;
		display:inline-block;
		border:0;
		font-size:16px;
		font-weight:bold;
		cursor:pointer;
	}

.input_field {
	font-size:17px;
	border:0;
	width:100%;
	font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.input_field_close {
	position:absolute;
	top:8px;
	right:8px;
	cursor:pointer;
}
.dropcell {
			cursor:pointer; position:relative; width:100%; box-sizing: border-box; padding:11px; border-bottom:1px solid #ebebeb; font-size:17px;  
		}
		.dropcell_gray {
			cursor:pointer; position:relative; width:100%; box-sizing: border-box; padding:11px; border-bottom:1px solid #ebebeb; font-size:17px; background-color:#F1F1F1;  
		}
		
		
		
		.dropcellx:hover {
			background-color:#FFFFCC;
		}
		.dropcell_grayx:hover {
			background-color:#FFFFCC;
		}
		.dropcell_selected {
		background-color:#339764;
			color:#fff;
		}
		.dropcell-inline {
			position:relative;
			box-sizing: border-box; padding:11px; border:1px solid #ebebeb; font-size:17px; margin-right:1%; margin-bottom:1%;
			border: 1px solid #ebebeb; border-radius:5px;
			display:inline-block;
			width:24%;
			cursor:pointer;
		}
		.dropcell-inlinex:hover {
			background-color:#FFFFCC;
		}



a.searchdrop {
	text-decoration:none;
	color:#000;
}
a.searchdrop:hover {
	text-decoration:none;
	color:#900;
}


.content_3cols {
	width:32%;
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
	vertical-align:top;
}
#footer {
	clear:both;
	background-image:url(/images/footer_bg.gif);
	height:30px;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:1001;
}
#footer_content {
	position:absolute;
	margin-right:55px;
	right:0px;
	top:0px;
	margin-top:5px;
	text-align:right;
	color:#fff;
	font-size:13px;
}
#footer_content a {
	text-decoration:none;
	color:#FFF;
}
#merkliste {
	display:none;
	position:relative;
}
#merkliste_close {
	position:absolute;
	top:0px;
	right:0px;
}
.resultbox_close {
	position:absolute;
	top:5px;
	right:5px;
	width:27px;
	height:27px;
	cursor:pointer;
	background-color:rgba(255,255,255,0.5);
}
.resultbox_close:hover {
	background-color:#fff;
}

#list {
	display:inline-block; position:relative; padding:2%;  background-color:#efefef;
}
.list_half {
	width:48%; margin:0; text-align:center; 
}
.list_full {
	width:96%; margin:0 auto; text-align:center; max-width:1400px;
}
#list.stick {
	margin-top:75px;
}


#map {
	position:relative; width:48%; display:inline-block; vertical-align:top; margin:0; padding:0; height:400px; border-left:3px solid white; box-sizing: border-box;
}
#map.stick {
    position: fixed;
    top: 72px;
	right:0px;
	
}
.show_searchbox {
	display:none;
}
.searchbox_button2 {
	display:none;
}
.search_menudropcell {
	width:96%; height:18px; text-align:left; padding:2%; cursor:pointer; background-color:#FFF;
}
.search_menudropcell_gray {
	width:96%; height:18px; text-align:left; padding:2%; cursor:pointer; background-color:#F3F3F3;
}
.search_menudropcell_selected {
	width:96%; height:18px; text-align:left; padding:2%; cursor:pointer; background-color:#FC0;
}
.search_menudropcell:hover {
	background-color:#FFC;
}
.search_menudropcell_gray:hover {
	background-color:#FFC;
}

.search_roundbuttons{
		position:relative; font-size:11px; display:inline-block; border-radius:5px; border:3px solid #A3A3A3; padding:5px 10px 5px 10px; cursor:pointer; margin-bottom:3px;
	}
.search_roundbuttons_selected {
		position:relative; font-size:11px; display:inline-block; border-radius:5px; border:3px solid #A3A3A3; padding:5px 10px 5px 10px; cursor:pointer; background-color:#FC0; margin-bottom:3px;
	}
.search_roundbuttons:hover {
		background-color:#FFC;
	}


.cycle_pics {
  	position:relative; 
	width:100%; 
	height:180px; 
	background-position:center; 
	background-size:cover;
  }
  .cycle_nav {
  	position:relative; 
	width:100%; 
	z-index:3;
  }
  .cycle_block {
  	position:relative; 
	width:34%; 
	display:inline-block;
	background-position:center;
	background-repeat:no-repeat;
	height:100%;
	vertical-align:top;
  }
  .cycle_hauspic {
  	position:absolute; 
	border-left:3px solid white; 
	border-top:3px solid white; 
	bottom:0px; 
	right:0px; 
	width:75px; 
	height:48px;  
	background-position:center; 
	background-size:cover;
	z-index:3;
  }
  .list_360 {
	position:absolute; 
	bottom:0px; 
	right:78px; 
	width:32px; 
	height:51px; 
	z-index:3;
  }
  .cycle_nr {
  	position:absolute;  
	top:0px; 
	left:0px;  
	z-index:1000; 
	background: linear-gradient(#039, #001A4E); /* Standard syntax */
	background:-moz-linear-gradient( top,#039 0%,#001A4E 99%); 
	background:-webkit-linear-gradient(top,#039 0%,#001A4E 99%); 
	background:-o-linear-gradient(top,#039 0%,#001A4E 99%); 
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#039',endColorstr='#001A4E')"; 
	color:white;
	z-index:3;
	padding:2px;
  }
  .cycle_nr_selected {
  	position:absolute;  
	top:0px; 
	left:0px;  
	z-index:1000; 
	background: linear-gradient(#FA0000, #001A4E); /* Standard syntax */
	background:-moz-linear-gradient( top,#FA0000 0%,#A00 99%); 
	background:-webkit-linear-gradient(top,#FA0000 0%,#A00 99%); 
	background:-o-linear-gradient(top,#FA0000 0%,#A00 99%); 
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FA0000',endColorstr='#A00')"; 
	color:white;
	z-index:3;
	padding:2px;
  }
  .listing_element {
  	border:1px solid gray;
	border-bottom:2px solid gray;
	border-right:2px solid gray;
	border-left:none;
	border-right:none;
	position:relative; 
	display: inline-block; 
	width:48%; 
	margin-left:1%;
	text-align:left; 
	overflow:hidden;
	margin-bottom:20px;
	vertical-align:top;
  }
  .listing_content1 {
  position:relative; 
  display:inline-block; 
  width:65%; 
  padding:2%;
  padding-top:0;
  padding-left:0;
  vertical-align:top; 
  font-size:16px; 
  height:100%;
  }
  .listing_content2 {
  position:relative; 
  display:inline-block; 
  width:29%; 
  padding:2%;
  vertical-align:top; 
  font-size:16px; 
  height:100%;
  vertical-align:bottom;
  background-color:#F4F4F4;
  text-align:center;
  }
.termine_zeitraum {
	display:inline-block; 
	width:67%; 
	padding:2%;
}
.termine_preis {
	position:relative; 
	display:inline-block; 
	width:23%; 
	padding:2%; 
	color:white; 
	margin-right:2%;
}



/* For this slider, disable the 'origin' size. */
#connect .noUi-origin {
	right: auto;
	width: 0;
}

/* Position the bar and color it. */
#connect .connect {
	position: absolute;
	top: 0;
	bottom: 0;
	background: #80C9F5;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
}

/* When the slider is moved by tap,
   transition the connect bar like the handle. */
#connect.noUi-state-tap .connect {
-webkit-transition: left 300ms, right 300ms;
	transition: left 300ms, right 300ms;
}



.contentbox2 {
	display:inline-block;
	border: 1px solid #BBB;
	background-color:#FFF;
	width:49%;
	padding:1%;
	margin:0% 2% 1% 0%;
	color:#333;
	font-size:12px;
	box-sizing: border-box;
	vertical-align:top;
	text-align:left;
}


@media screen and (min-width:801px) and (max-width: 1300px) {


#logo_small {
	display:none;
}
#goto_top {
	display:none;
}
.contentbox2 {

	width:99%;

}
.listing_element {
	width:99%;
}

}


@media screen and (max-width: 700px) {
	.listing_element {

	width:99%;

}
}
@media screen and (min-width: 701px) and (max-width: 799px) {
.listing_content1 {
	width:62%;
}
.listing_content2 {
	display:none;
}
}


@media screen and (max-width: 800px) {


.listing_element {
	border-top:none;
}

#logo_small {
	display:none;
}
#goto_top {
	display:none;
}
#list {
	width:100%;
	padding:2% 0% 2% 0%;
}
#map {
	display:none;
}



#top_spacer {
	height:0px;
}
#top_nav {
	display:none;
}
#top_nav_mobile {
	display:block;
	position:relative;
	padding:2%;
	width:96%;
}
#top_nav_mobile_button {
	position:relative; 
	width:100%; 
	text-align:right;
	height:30px;
	
}
#top_nav_mobile_content {
	width:100%;
	display:none;
	margin-bottom:10px;
}
#top_nav_mobile_content ul {
	width:100%;
	list-style-type:none;
	padding:0px;
	margin:0px;
	cursor:pointer;
}
#top_nav_mobile_content ul li {
	border-top:1px solid gray;
}
#top_nav_mobile_content ul li:last-child {
	border-bottom:1px solid gray;
}
#top_nav_mobile_content a {
	padding:5px 5px 5px 15px;
	background-color:#FFF;
	display:block;
	text-decoration:none;
	color:#000;
}

#top_nav_mobile_content a:hover {
	background-color:#FFC;
}
#top_blue {
	position:relative;
	overflow:visible;
	height:auto;
	z-index:20;
	padding-bottom:20px;
}
.searchbox_arrow {
	position:absolute;
}
#searchbox_center {
	position:relative;
	margin: 0 auto;
	width:96%;
	height:0px;
	max-width:500px;
	background-color:none;
	border-bottom-left-radius:0px;
	border-top-left-radius:0px;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
}
#searchbox_container {
	position:relative;
	margin: 0 auto;
	box-shadow:none;
	width:96%;
	max-width:500px;
	background-color:transparent;
	border-bottom-left-radius:0px;
	border-top-left-radius:0px;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	height:210px;
}
#searchbox1 {
	background-color:#FFF;
	width:100%;
	position:relative;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	z-index:4;
	box-shadow: 0px 0px 6px #000;
	margin-bottom:10px;
}
#searchbox2 {
	background-color:#FFF;
	width:100%;
	height:45px;
	position:relative;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	z-index:3;
	box-shadow: 0px 0px 6px #000;
	margin-bottom:10px;
}
#searchbox3 {
	background-color:#FFF;
	width:100%;
	height:45px;
	position:relative;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	z-index:2;
	box-shadow: 0px 0px 6px #000;
	margin-bottom:10px;
}
#searchbox4 {
	background-color:#FFF;
	width:100%;
	height:45px;
	position:relative;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	box-shadow: 0px 0px 6px #000;
	margin-bottom:10px;
}
#searchbox_button {
	background-color:#FC0;
	background-image:url(/images/search_button.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	display:inline-block;
	height:45px;
	position:relative;
	top:auto;
	left:auto;
	border-left:none;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	z-index:1;
	box-shadow: 0px 0px 6px #000;
}
#searchbox_criteria {
	position:relative;
	width:96%;
	text-size-adjust:none;
	margin-top:6px;
	max-width:500px;
	margin:0 auto;
	display:none;
}
.searchbox_criteria {
	
	position:relative;
	height:45px;
	background-color:#FFF;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	box-shadow: 0px 0px 6px #000;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}

.show_searchbox {
	display:block;
	position:relative;
	width:96%;
	height:45px;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	margin:2%;
}
.searchbox_button2 {
	display:block;
	margin-bottom:20px;
}

#searchbox_ort {
	width:100%;
}
#searchbox_insel {
	width:100%;
}
#searchbox_ausstattung_w {
	width:100%;
}
#searchbox_ausstattung_z {
	width:100%;
}
#searchbox_aufteilung_w {
	width:100%;
}
#searchbox_aufteilung_z {
	width:100%;
}
#searchbox_hausname {
	width:100%;
}

#search_dropdown_objekttyp {
	left:0px;
}
#search_dropdown_ausstattung_w {
	top:103px;
	left:0px;
	width:250px;
}
#search_dropdown_ausstattung_z {
	top:103px;
	left:0px;
	width:250px;
}
#search_dropdown_aufteilung_w {
	top:158px;
	left:0px;
}
#search_dropdown_aufteilung_z {
	top:158px;
	left:0px;
}
#search_dropdown_hausname {
	top:50px;
	left:0px;
}


.nomobile {
	display:none;
}

.termine_zeitraum {
	display:inline-block; 
	width:47%; 
	padding:2%;
}
.termine_preis {
	position:relative; 
	display:inline-block; 
	width:43%; 
	padding:2%; 
	color:white; 
	margin-right:2%;
}


}


@media screen and (max-width: 500px) {

.listing_content1 {
	width:62%;
}
.listing_content2 {
	display:none;
}


}


.symbol_tv {
	background-position: 0px 0px;
}
.symbol_tel {
	background-position: -50px 0px;
}
.symbol_seeblick {
	background-position: -100px 0px;
}
.symbol_balkon {
	background-position: -150px 0px;
}
.symbol_gs {
	background-position: 0px -50px;
}
.symbol_mw {
	background-position: -50px -50px;
}
.symbol_allergiker {
	background-position: -100px -50px;
}
.symbol_nr {
	background-position: -150px -50px;
}
.symbol_rs {
	background-position: 0px -100px;
}
.symbol_www {
	background-position: -50px -100px;
}
.symbol_vr {
	background-position: -100px -100px;
}

.symbol_wm {
	background-position: 0px -150px;
}
.symbol_wt {
	background-position: -50px -150px;
}
.symbol_sauna {
	background-position: -100px -150px;
}
.symbol_sonnenbank {
	background-position: -150px -150px;
}
.symbol_schwimmbad {
	background-position: 0px -200px;
}
.symbol_verpflegung {
	background-position: -50px -200px;
}
.symbol_betreuer {
	background-position: -100px -200px;
}

.symbol_uf {
	background-position: 0px -250px;
}
.symbol_hp {
	background-position: -50px -250px;
}
.symbol_vp {
	background-position: -100px -250px;
}
.symbol_kg {
	background-position: -150px -250px;
}
.symbol_aufenthalt {
	background-position: -150px -200px;
}
.symbol_tiere {
	background-position: 0px -300px;
}
.symbol_keinetiere {
	background-position: -50px -300px;
}


.symbol_tv_mini {
	background-position: 0px 0px;
}
.symbol_tel_mini {
	background-position: -38px 0px;
}
.symbol_seeblick_mini {
	background-position: -75px 0px;
}
.symbol_balkon_mini {
	background-position: -113px 0px;
}
.symbol_gs_mini {
	background-position: 0px -38px;
}
.symbol_mw_mini {
	background-position: -38px -38px;
}
.symbol_allergiker_mini {
	background-position: -75px -38px;
}
.symbol_nr_mini {
	background-position: -113px -38px;
}
.symbol_rs_mini {
	background-position: 0px -75px;
}
.symbol_www_mini {
	background-position: -38px -75px;
}
.symbol_vr_mini {
	background-position: -75px -75px;
}
.symbol_wm_mini {
	background-position: 0px -113px;
}
.symbol_wt_mini {
	background-position: -38px -113px;
}
.symbol_sauna_mini {
	background-position: -75px -113px;
}
.symbol_sonnenbank_mini {
	background-position: -113px -113px;
}
.symbol_schwimmbad_mini {
	background-position: 0px -150px;
}
.symbol_verpflegung_mini {
	background-position: -38px -150px;
}
.symbol_betreuer_mini {
	background-position: -75px -150px;
}
.symbol_uf_mini {
	background-position: 0px -188px;
}
.symbol_hp_mini {
	background-position: -38px -188px;
}
.symbol_vp_mini {
	background-position: -75px -188px;
}
.symbol_kg_mini {
	background-position: -113px -188px;
}
.symbol_aufenthalt_mini {
	background-position: -113px -150px;
}
.symbol_tiere_mini {
	background-position: 0px -226px;
}
.symbol_keinetiere_mini {
	background-position: -38px -226px;
}

.symbols {
    background-image: url("/images/symbols/sprite_mini.png");
    background-repeat: no-repeat;
    width:27px;
    height:22px; 
    position: relative;
	margin:0 auto;
}
.symbols_no {
    background-image: url("/images/symbols/no/sprite_mini.png");
    background-repeat: no-repeat;
    width:25px;
    height:22px; 
    position: relative;
	margin:0 auto;
}
.symbols_no2 {
    background-image: url("/images/symbols/no/sprite.png");
    background-repeat: no-repeat;
    width:33px;
    height:30px; 
    position: relative;
	display: table-cell;
}
.symbols2 {
    background-image: url("/images/symbols/sprite.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    position: relative;
	display: table-cell;
    width: 33px;
}
.symbol_txt {
	display: table-cell;
	font-size:11px;
	vertical-align:middle;
	height:30px;
	position: relative;
	padding-left:3px;
}
.symbol_container {
	position: relative;
	float: left;
	height: 22px;
	text-align:center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:15px;
	width: 24px;
    margin-right: 3px;
}
.symbol_container2 {
	position: relative;
	height: 30px;
	width: 120px;
    margin-right: 3px;
	margin-bottom:3px;
	display:inline-block;
	cursor:pointer;
}


h2 {
	font-size:28px;
	font-weight:300;
}


#top_spacer {
		height:0px;
	}
	#header {
		width:100%;
		height:100px;
		position:relative;
		background-color:#fff;
	}
	#header_logo {
		position:absolute;
		bottom:15px;
		left:30px;
		width:20%;
		z-index:2;
	}


	#nav {
			width:80%;
			position:absolute;
			bottom:-5px;
			right:130px;
			text-align:right;
			z-index:1;
			visibility: visible;
		}
		#nav ul {
			list-style-type: none;
			margin: 0;
  			padding: 0;
  			overflow: hidden;
		}
#nav ul a {
	color:#000;
}
		#nav li {
			padding:15px 20px;
			display:inline-block;
			font-size:16px;
			box-sizing: border-box;
			border-top: 5px solid rgba(255,255,255,0);
			
			
		}
		#nav li:hover {
			border-top: 5px solid #EFEFEF;
			border-bottom: 5px solid #efefef;
		}
		#nav li a {
  			display: block;
  			color: black;
  			text-align: center;
  			padding: 16px;
  			text-decoration: none;
		}
		#nav li.nav1_selected {
			border-bottom:5px solid #FC0;
			font-weight:bold;
			}
		#nav li.nav2_selected {
			border-bottom:5px solid #FFCC00;
			font-weight:bold;
			}
		#nav li.nav3_selected {
			border-bottom:5px solid #CC3300;
			font-weight:bold;
			}
		#nav li.nav4_selected {
			border-bottom:5px solid #003399;
			font-weight:bold;
			}
		#nav li.nav5_selected {
			border-bottom:5px solid #999999;
			font-weight:bold;
			}
		#nav_mobile_button {
			display:block;
			position: absolute;
			bottom:20px;
			right:20px;
			width:40px;
		}
		
		#nav_mobile {
			width:100%;
			background-color:#F6F6F6;
			position:relative;
			display:none;
			box-shadow: inset 0px 5px 5px rgba(0,0,0,0.25);
			z-index:1000;
		}
		#nav_mobile_container {
			width:100%;
			max-width:1200px;
			position:relative;
			text-align:center;
			margin:0 auto;
			
		}
		#nav_mobile_container ul {
			list-style-type: none;
			margin: 0;
  			padding: 0;
  			overflow: hidden;
		}
		#nav_mobile_container li {
			padding:20px 40px;
			box-sizing: border-box;
			font-size:16px;
			margin:40px 20px;
			display:inline-block;
			width:240px;
			font-weight: bold;
			position: relative;
			border-radius:5px;
		}
		#mobile {
			display:none;
		}
	#top_blueline {
		position:relative;
		width:100%;
		background: -webkit-linear-gradient(top,#039 0%,#001A4E 99%);
		border-bottom:#fff 0px solid;
		box-sizing: border-box;
		padding:10px;
		text-align: center;
	}




.resultbox a {
		color:#000;
	}
	.resultbox {
		max-width:600px;
		display:inline-block;
		vertical-align: top;
		/*border:2px solid #cbcbcb;*/
		box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
		border-radius:5px;
		position:relative;
		margin-bottom:20px;
		box-sizing: border-box;
		background-color:#fff;
	}
.resultbox:hover {
		/*border:2px solid #007b53;*/
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	}
.merkbox a {
		color:#000;
	}
	.merkbox {
		max-width:600px;
		display:inline-block;
		vertical-align: top;
		
		border-radius:5px;
		position:relative;
		margin-bottom:20px;
		box-sizing: border-box;
		background-color:#fff;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	}
.merkbox:hover {
		box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	}
	.resultbox_left {
		width:50%;
		padding:7px;
		box-sizing: border-box;
		display:inline-block;
		vertical-align: top;
		position:relative;
		height:282px;
	}
	.resultbox_right {
		width:50%;
		padding:0px;
		padding-right:0px;
		box-sizing: border-box;
		display:inline-block;
		vertical-align: top;
		position:relative;
	}
.resultbox_img1 {
	position: relative;
    width: 100%;
    height: 150px;
    background-position: center;
    background-size: cover;
	cursor:pointer;
}
.resultbox_img2 {
	position: relative;
    width: 100%;
    height: 160px;
    background-position: center;
    background-size: cover;
	cursor:pointer;
}
.merkbox_img2 {
	position: relative;
    width: 100%;
    height: 160px;
    background-position: center;
    background-size: cover;
	cursor:pointer;
}
.resultbox_title1_ooooold {
	background-image: linear-gradient(to bottom right, #cecece, #666, #262626);
	color:#fff;
	font-weight:bold;
	text-align:right;
	padding:5px;
	box-sizing: border-box;
	width:100%;
	cursor:pointer;
	display:none;
}
.resultbox_title1 {
	font-weight:bold;
	font-size:16px;
	padding:10px 5px;
		text-align:left;
		cursor:pointer;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
	.resultbox_title2 {
	font-weight:bold;
	font-size:20px;
	padding:10px 5px 5px 10px;
		text-align:left;
		cursor:pointer;
		white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
		position:relative;
}
.resultbox_title3 {
	font-weight:bold;
	text-align:left;
	padding:10px 10px 5px 10px;
	font-size:16px;
	box-sizing: border-box;
	width:100%;
	cursor:pointer;
	display:none;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	
}
.resultbox_desc1 {
	font-size:13px;
		padding:0px 5px;
		text-align:left;
		cursor:pointer;
}	
.resultbox_popup {
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	height:120px;
	border-radius:5px;
	padding:20px;
	box-sizing: border-box;
	display:none;
	z-index:1;
	background-color:#fff;
	text-align:left;
	font-size:13px;
	cursor:pointer;
}
a.resultbox_price_link {
	font-size:12px;
	color:#000;
	text-decoration:none;
}
a.resultbox_price_link:hover {
	text-decoration: underline;
}
.resultbox_popup_close {
	position:absolute;
	top:7px;
	right:7px;
}
.resultbox_container {
	position:relative;
	width:100%;
}
.resultbox_desc2 {
	font-size:13px;
		padding:0px 0px 5px 10px;
		text-align:left;
		cursor:pointer;
	display:inline-block;
	width:100%;
	box-sizing: border-box;
	vertical-align: bottom;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
	.resultbox_icons {
		position:absolute;
		top:3px;
		right:0px;
		display:none;
	}
	.resultbox_price {
		display:inline-block;
		width:50%;
		text-align:right;
		font-size:13px;
		vertical-align: bottom;
		padding-top:2px;
	}
	.resultbox_roomcount {
		display:inline-block;
		width:100%;
		box-sizing: border-box;
		vertical-align: top;
		font-size:13px;
		
	}
	.resultbox_bottomright1 {
		position:absolute;
		bottom:5px;
		right:0px;
		width:100%;
		padding-right:7px;
		box-sizing: border-box;
		text-align:right;
		
	}
.resultbox_bottomright2 {
		position:absolute;
		bottom:5px;
		right:0px;
		width:100%;
		padding-right:10px;
		box-sizing: border-box;
		
	}
	.resultbox_360 {
		position:absolute;
		width:30px;
		height:30px;
		bottom:-15px;
		right:0px;
		background-image:url(/images/resultbox_360_red.png);
		z-index:1;
		border-top:3px solid white;
		border-left:3px solid white;
	}
	
.resultbox_hausimg {
	position:absolute;
	width:100px;
	height:70px;
	top:0px;
	left:0px;
	border-right:3px solid white;
	border-bottom:3px solid white;
	background-position:center;
	background-size:cover;

}
	.resultbox_number {
		min-width:20px;
		background-color:#cbcbcb;
		border-top-right-radius: 5px;
		position:absolute;
		bottom:0px;
		left:0px;
		color:#fff;
		font-weight:bold;
		font-size:15px;
		padding:3px 5px 1px 3px;
		text-align:center;
		box-sizing: border-box;
	}
.resultbox_number_selected {
		min-width:20px;
		background-color:#007b53;
		border-top-right-radius: 5px;
		position:absolute;
		left:0px;
		bottom:0px;
		color:#fff;
		font-weight:bold;
		font-size:15px;
		padding:3px 5px 1px 3px;
		text-align:center;
		box-sizing: border-box;
	}
.resultbox_like {
		background-image:url("/images/resultbox_bg_like.png");
		width:30px;
		height:30px;
		position:absolute;
		right:0;
		bottom:0px;
		border-top-left-radius: 5px;
		display:none;
	}
.resultbox_bottom {
	position:relative;
	width:100%;
	text-align:right;
	box-sizing: border-box;
	padding:7px;
}

.resultbox_nichtgemerkt {
	background-color:darkgray;
}
.resultbox_gemerkt {
	background-color:#FFCC00;
}
.resultbox_gemerkt a {
	color:#000;
	text-decoration: none;
}
.resultbox_nichtgemerkt a {
	color:#fff;
	text-decoration: none;
}

.resultbox_button_merken {
	display:inline-block;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	width:25%;
	min-width:72px;
	color:#fff;
}
.resultbox_button_gray {
	display:inline-block;
	padding:5px 10px;
	box-sizing: border-box;
	color:#fff;
	background-color:#666;
	font-size:14px;
	text-align:center;
	margin:0px 3px;
	width:25%;
	min-width:72px;
}
.resultbox_button_green {
	display:inline-block;
	padding:5px 10px;
	box-sizing: border-box;
	color:#fff;
	background-color:#007B53;
	font-size:14px;
	text-align:center;
	width:25%;
	min-width:72px;
}
		




.resultbox_right {
			width:100%;
			padding-right:0px;
		}
		.resultbox_left {
			display:none;
		}
		.resultbox_img1 {
			display:none;
		}
		
		.resultbox_img2 {
    height: 140px;
}
		.resultbox_roomcount {
		padding-left:60px;
	}
		.resultbox_location {
			position:absolute;
			bottom:0px;
			right:0px;
			background-color:rgba(255,255,255,0.5);
			color:#000;
			padding:3px;
		}
		.resultbox_desc1 {
			display:none;
		}
		.resultbox_title1 {
			display:none;
		}
	.resultbox_bottomright1 {
			display:none;
		}
		.resultbox_title3 {
			display:block;
		}









	.resultbox_full {
		width:20%;
		margin:2%;
	}
	.resultbox_half {
		width:28%;
		margin:2%;
	}
	.merkbox_full {
		width:20%;
		margin:2%;
	}
	.merkbox_half {
		width:28%;
		margin:2%;
	}
		
	

@media screen and (max-width: 1400px) {
		.resultbox_full {
		width:28%;
		margin:2%;
	}
	.resultbox_half {
		width:45%;
		margin:2%;
	}	
	.merkbox_full {
		width:28%;
		margin:2%;
	}
	.merkbox_half {
		width:45%;
		margin:2%;
	}	
	}


@media screen and (max-width: 1000px) {
	.resultbox_full {
		width:28%;
		margin:2%;
	}

	.resultbox_half {
		width:45%;
		margin:2%;
	}
	.merkbox_full {
		width:28%;
		margin:2%;
	}

	.merkbox_half {
		width:45%;
		margin:2%;
	}
	}
	

	@media screen and (max-width: 700px) {
	.resultbox_full {
		width:45%;
		margin:2%;
	}

	.resultbox_half {
		width:96%;
		margin:2%;
	}	
		.merkbox_full {
		width:45%;
		margin:2%;
	}

	.merkbox_half {
		width:96%;
		margin:2%;
	}	
		#criteria_ort {
			display:none;
		}
		#criteria_insel {
			display:none;
		}
		
	}



@media screen and (max-width: 1220px) {

	.nomobile {
		display:none;
	}
	#criteria_pers {
		display:none;
	}
	#map_nomobile {
		display:none;
	}
}


@media screen and (max-width: 1000px) {
#goto_top {
	
	top:12px;
	right:0px;
	z-index:1000;
}
#logo_small {
	display:none;
}
#top_blueline.stick {
    position: fixed;
    top: 0px;
    z-index: 10;
}
#list.stick {
	margin-top:75px;
}



#list {
	width:100%;
	padding:2% 0% 2% 0%;
}
.listing_element {
	border-top:none;
}
#map {
	display:none;
}
#map_toggle {
	display:none;
}




#top_spacer {
	height:0px;
}
#top_nav {
	display:none;
}
#top_nav_mobile {
	display:block;
	position:relative;
	padding:2%;
	width:96%;
}
#top_nav_mobile_button {
	position:relative; 
	width:100%; 
	text-align:right;
	height:30px;
	
}
#top_nav_mobile_content {
	width:100%;
	display:none;
	margin-bottom:10px;
}
#top_nav_mobile_content ul {
	width:100%;
	list-style-type:none;
	padding:0px;
	margin:0px;
	cursor:pointer;
}
#top_nav_mobile_content ul li {
	border-top:1px solid gray;
}
#top_nav_mobile_content ul li:last-child {
	border-bottom:1px solid gray;
}
#top_nav_mobile_content a {
	padding:5px 5px 5px 15px;
	background-color:#FFF;
	display:block;
	text-decoration:none;
	color:#000;
}

#top_nav_mobile_content a:hover {
	background-color:#FFC;
}
#top_blue {
	position:relative;
	overflow:visible;
	height:auto;
	z-index:20;
	padding-top:5px;
}






.nomobile {
	display:none;
}
#criteria_suche {
	display:none;
}



}


@media screen and (max-width: 500px) {
.cycle_block {
	width:100%;
}
.listing_content1 {
	width:46%;
}
.listing_content2 {
	width:46%;
}
#footer_content {
	position:relative;
	text-align:center;
	right:auto;
	margin:0 auto;
	margin-top:5px;
}
	.resultbox_number {
		display:none;
	}
	.resultbox_number_selected {
		display:none;
	}
}