html, body {
	height: 100%;
	margin:0;
	padding: 0;
	margin: 0;
}
body {
	background-color:#FFF;
	font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
}
p {
	margin:0;
}
.fineprint {
	font-size:10px;
}
#top_spacer {
	position:relative;
	width:100%;
	height:20px;
}
#logo {
	position:relative;
	width:95%;
	text-align:center;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	max-width:1100px;
}
#logo_img {
	height:29px;
}
#logo_small {
	position:absolute;
	left:20px;
	top:20px;
}
#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%;
	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:15px;
}
#top_blue.stick {
    position: fixed;
    top: 0;
    z-index: 10;
}

#main {
	width:96%;
	max-width:780px;
	margin:0 auto;
}

#contact {
	
	border-right: 1px solid gray;
}


#footer {
	background-image:url(/images/footer_bg.gif);
	height:116px;
	position:relative;
	width:100%;
}
#footer_content {
	position:absolute;
	margin-right:55px;
	right:0px;
	top:0px;
	margin-top:95px;
	text-align:right;
	color:#fff;
	font-size:13px;
}
#footer_content a {
	text-decoration:none;
	color:#FFF;
}


 
.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%;
}

#objekttitel {
	position:relative; 
	width:95%; 
	max-width:1100px; 
	font-size:32px;  
	margin:0 auto;
	padding-top:5px;
}
#objekttitel2 {
	position:relative; 
	width:95%; 
	max-width:1100px; 
	font-size:32px;  
	margin:0 auto;
	padding-top:5px;
}

#anchor_buttons {
	position:relative; 
	width:95%; 
	max-width:1100px; 
	margin:0 auto; 
	margin-top:10px;
}
.anchor_button {
	background-color:rgba(255,255,255,0.75);
	color:#333;
	font-size:13px;
	font-weight:bold;
	display:inline-block;
	margin-right:3px;
	cursor:pointer;
	margin-bottom:3px;
}

#sticky_header {
	position:relative;
	width:100%;
	background-color:#FFF;
	padding-bottom:5px;
	
}
#sticky_header.stick {
    position: fixed;
    top: 0;
    z-index: 10;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	border-top:5px #009 solid;
	padding-bottom:0px;
}
#sticky_space {
	height:1px; 
	width:100%; 
	position:relative;
}
#sticky_space.stick {
	height:180px; 
}
#sticky_space.stickhaus {
	height:80px; 
}
#shadow_line {
	width:100%;
	background-image:url(/images/detail_shadowline.png);
	background-color:#F9F9F9;
	height:4px;
}
#shadow_line.stick {
	display:none;
}
#haustitel_zusatz {
	display:none;
	font-size:14px;
	color:#666;
	margin-left:10px;
}
#haustitel_zusatz.stick {
	display:inline;
}
#haustitel_zusatz2 {
	display:none;
	font-size:14px;
	color:#666;
	margin-left:10px;
}
#haustitel_zusatz2.stick {
	display:inline;
}
#haustitle {
	position:relative; margin-top:15px; font-size:42px; font-weight:300; color:white; text-align:center; width:100%;
	font-family: 'Special Elite', cursive; text-shadow:2px 2px 5px rgba(0,0,0,0.7);
}
#hausadresse {
	position:relative; margin-top:0px; margin-bottom:10px; font-size:16px; font-weight:300; color:white; text-align:center; width:100%;
}
#hauspic {
	position:relative; left:0px; z-index:1; width:100%; max-width:1100px; display:block; padding:28%; box-sizing:border-box; background-size:cover; background-position:center;
}

#bewertung_container {
	position:relative; z-index:2; width:148px; height:38px; display:inline-block; vertical-align: bottom; margin-bottom:3px;
}

#verfuegbarkeit {
	position:relative; flex-grow: 0;  flex-shrink: 0; flex-basis:350px; display: flex;       flex-flow: row wrap; padding:10px; text-align:right;
}
#verfuegbarkeit_close {
	position:absolute; top:10px; right:10px; width:30px; height:30px; display:none; cursor:pointer;
}

#flexview {
width:100%; display:flex; flex-flow: row nowrap; flex-direction: row-reverse
}

.sidebox {
	background-color:#FFF;
	color:#000;
	padding:10px;
	width:300px;
	position:absolute;
	top:30px;
	right:30px;
	margin-bottom:15px;
	box-sizing: border-box;
	text-align:left;
}
.sidebox_stick {
	position:fixed;
	width:300px;
	top:120px;
}
#verfuegbarkeit_button {
		display:none;
}
.green_button {
	padding:10px 20px;
	background-color:rgb(0,153,102);
	border:1px solid black; color:white;
	display:inline;
	border-radius:5px;
	cursor:pointer;
}
#flexview_main {
	position:relative; width:100%;  display: block; border-right:1px solid gray; 
}


.col50 {
	position:relative;
	display:inline-block;
	width:50%;
	vertical-align: top;
}
#objektbeschreibung_content {
	width:100%; max-width:600px; padding-right:25px; box-sizing: border-box;
}
#edit_data_link_for_mobile {
	display:none;
}



@media screen and (max-width: 1250px) {
	.col50 {
	position:relative;
	display:inline-block;
	width:100%;
}
#objektbeschreibung_content {
	padding-right:0px;
}
}


@media screen and (max-width: 1100px) {
	
	
	
	#flexview {
		display:block;
	}
	#flexview_main {
		border-right:0px;
	}
	#verfuegbarkeit {
		display:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		padding:1%;
		box-sizing: border-box;
		height:100%;
		background-color:#fff;
		z-index:1000;
		overflow: scroll;
		
	}
	#verfuegbarkeit_close {
	display:block;
		z-index:2000;
}
	#edit_data_link_for_mobile {
	display:block;
}
	.sidebox {
		width:96%;
		height:100%;
		right:2%;
		left:2%;
		box-sizing: border-box;
		top:0;
	}
	#verfuegbarkeit_button {
		display:block;
		position:fixed;
		bottom: 0px;
		left:0px;
		width:100%;
		padding:20px;
		box-sizing: border-box;
		background-color:#fff;
		text-align:right;
		box-shadow: 0px -1px 5px #4a4a4a;
		z-index:1005;
		
	}
	#contact {
		border-right:0px;
	}
	
}


.box {
	
	border:1px solid #BBB;
	background-color:#FFF;
	color:#000;
	padding:2%;
	width:100%;
	position:relative;
	margin-bottom:15px;
	display:block;
}
.box_list0 {
	padding:2%;
	width:94%;
	background-color:#F8F8F8;
}
.box_list1 {
	padding:2%;
	width:94%;
	background-color:#FFF;
}
.wrapper {
	width:95%;
	max-width:1100px;
	position:relative;
	margin: 0 auto;
}
.contentbox {
	border: 1px solid #BBB;
	background-color:#FFF;
	width:94%;
	padding:3%;
	position:relative;
}
.contentbox2 {
	position:relative;
	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;
}
.contentbox3 {
	display:inline-block;
	border: 1px solid #BBB;
	background-color:#FFF;
	width:30%;
	padding:1%;
	margin:0% 1% 1% 0%;
	color:#333;
	font-size:12px;
}
.contentfotobox {
	display:inline-block;
	background-color:#FFF;
	width:31.3%;
	padding:0%;
	margin:0% 2% 2% 0%;
	color:#333;
	font-size:12px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
.ausstattung_element {
	display:inline-block; width:130px;
	padding:10px;
}
.ausstattung_element_no {
	display:inline-block; width:130px;
	text-decoration:line-through;
	color:#999;
	padding:10px;
}
h2 {
	color:#000;
	font-weight:300;
	font-size:26px;
}
.plan_month {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
}
.plan_weekday {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:17px;
}
.plan_day {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:13px;
	padding:2px;
	padding-top:4px;
	padding-bottom:4px;
}
#bewertungen {
	display:none;
}
#contact {
	display:none;
	position:relative;
	width:100%;
	margin:0 auto;
	padding-top:15px;
}
#gallery {
	position:relative; width:90%; max-width:820px; min-height:250px; margin:0 auto;
}

.availability {
	position:absolute; right:0px; bottom:0px; 
}
.availability_frei {
	position:relative; background-color:#096; color:white; padding:5px 10px 5px 10px;
}
.availability_freiaber {
	position:relative; background-color:#8dc05a; color:white; padding:5px 10px 5px 10px;
}
.availability_belegt {
	position:relative; background-color:#900; color:white; padding:5px 10px 5px 10px;
}

.nominimobile {
		display:inline;
	}
	.minimobile {
		display:none;
	}
	.tr_minimobile {
		display:none;
	}

#map-canvas {
	height:450px;
}
#inselrundgang_iframe {
	height:450px;
}



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


#sticky_logo {
	display:none;
}

}




@media screen and (max-width: 800px) {
#objekttitel {
	font-size:26px;
}
#objekttitel2 {
	font-size:26px;
}
#haustitle {
	position:relative; padding-top:0px; margin:0 auto; margin-left:0px; margin-top:10px; font-size:26px; text-align:center; width:100%; 
}
#hausadresse {
	position:relative; margin-left:0px; margin:0 auto; font-size:16px; text-align:center; width:100%; margin-bottom:10px;
}


#gallery {
	width:98%;
	float:left;
}
.box {
	width:96%;
	float:right;
}
#sticky_logo {
	display:none;
}

#logo_small {
	display:none;
}
#list {
	width:96%;
}
#map {
	display:none;
}
#map-canvas {
	height:300px;
}
#inselrundgang_iframe {
	height:300px;
}

#logo {
	position:relative;
	text-align:left;
}
#logo_img {
	height:20px;
}
#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:1;
}

.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%;
}
.contentbox2 {
	width:100%;
}
.contentbox3 {
	width:46%;
}
}


@media screen and (max-width: 450px) {
	.nominimobile {
		display:none;
	}
	.minimobile {
		display:inline;
	}
	.tr_minimobile {
		display:table-row;
	}
}

@media screen and (max-width: 500px) {
.cycle_block {
	width:100%;
}
.listing_content1 {
	width:46%;
}
.listing_content2 {
	width:46%;
}
}


.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;
}



.symbols_no {
    background-image: url("/images/symbols/no/sprite.png");
    background-repeat: no-repeat;
    width:33px;
    height:30px; 
    position: relative;
	display: table-cell;
	opacity: 0.5;
    filter: alpha(opacity=50);
}
.symbols {
    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;
	height: 30px;
	width: 33px;
    margin-right: 5px;
	margin-bottom:5px;
	display:inline-block;
	cursor:pointer;
}



.galleria-layer {
	font-size:11px;
	
}


#v4_haus_container {
	position:relative; width:95%; max-width:1100px; margin:0 auto; padding-bottom:15px;
}
#v4_haus_foto {
	position:relative; padding:0; padding-right:10px;  box-sizing: border-box; display:inline-block; width:60%; text-align:left; z-index:1; min-height:250px; 
}
#v4_haus_desc {
	position:absolute; padding:2%; bottom:15px; right:0px; width:33%; color:#fff; border:1px solid rgba(255,255,255,0.5);
	height:83%; vertical-align: bottom;
}
#v4_haus_desc_content {
	position:absolute; bottom:0px; left:0px; padding:5%;
}
.v4_haus_link {
	color:#000;
	text-decoration: none;
}
.v4_haus_link:hover {
	text-decoration: underline;
}
.v4_haus_link_black {
	color:#000;
	text-decoration: none;
}
.v4_haus_link_black:hover {
	text-decoration: underline;
}
#hauspic_small {
	position:relative; max-width:300px; width:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.5);
}


@media screen and (max-width: 850px) {
	#hauspic {
	position:relative; top:0px; width:100%; margin:0 auto; 
}
	
	#v4_haus_foto {
	width:100%;
		padding-right:0px;
		min-height:auto;
}
#v4_haus_desc {
	width:100%; color:#fff; border:1px solid rgba(255,255,255,0.5);
	position:relative;
	box-sizing: border-box;
	padding:4%;
	padding-top:35px;
}
	#v4_haus_desc_content {
	position:relative;
		padding:0;
}
}


}