@charset "utf-8";

/* enthzält nur jene CSS-Definitionen, die in den editierbaren Bereichen der einzelnen Seiten genutzt werden */


/* ================================================================================================== */
/* Styles für "Start"-Seite
/* ================================================================================================== */


/* .logo_firstpage {
	text-align:center;
	margin: auto;
} */

/* @media (orientation: portrait) { */
.navi_box_firstpage {
/*	display:compact; */
/*	background-color:#6FF; */
	width: 98%;
	border:#00F;
	border-style:hidden;
	margin: auto;
	font-size:150%;
}
.navi_box_firstpage img {
	allign:center;
	width: 100%;
	height:auto;
}

.navi_bild_firstpage {
	width: 50%;
	float: left;
	margin-right: 5%;
	margin-bottom:2em;
}

.navi_text_firstpage {
	text-align:left;
	width: 42%;
	float:left;
	margin-bottom:2em;
/*	background-color:#FCF;
	border:#F0F;
	border-style:double; */

}
/* } */
/* END @media (orientation: portrait)*/

@media (orientation: landscape) {
.navi_box_firstpage {
	width: 33%;
	float:left;
	font-size:100%;
}
.navi_bild_firstpage {
	display:block;
	width: 90%;
/*	margin:auto;
/* 	float:none; 
/*	float: left; */
	margin-left: 5%; 
	margin-bottom:1em;
}

.navi_text_firstpage {
	width: 90%;
	float: none;
	margin: auto;
}

}
/* END @media (orientation: landscape)*/


/* ================================================================================================== */
/* Styles für "Wohnungen"-Seite
/* ================================================================================================== */

#haus_content_wrap {
	text-align:justify;
	width: 90%;
	margin:auto;
	color:#0c1a36;  /* ex:#333;*/
}

#haus_content_wrap img {
	display:block;
	margin:auto;
/*	text-align:center; */
	max-width: 100%; 
/*	height: 100%; */
}

#insel_content_wrap {
	text-align:justify;
	width: 90%;
	margin:auto;
	color:#0c1a36;  /* ex:#333;*/
}

#insel_content_wrap h1 {
	text-align:center;
	line-height:1.5;  
	margin-bottom: 1.2em; 
}

#insel_content_wrap h2 {
	text-align:center;
	margin-bottom: 1em;

}

#insel_content_wrap p {
	line-height:1.5;
	text-indent: 1em;
	margin-bottom: 1em; 
}

#insel_content_wrap a {
	color:#00F;
	text-decoration:none;
}

#insel_content_wrap a:hover {
	color:#0CF;
	text-decoration:underline;
}

#insel_content_wrap img {
	display:block;
	margin:auto;
/*	text-align:center; */
	max-width: 100%; 
/*	height: 100%; */
}

.foto_rechts {
	float:right;
	width:50%;
	margin-top: 10px;
	margin-left: 25px;
	padding-right:5px;
	padding-left: 25px;
}

.bu_rechts {
	float:right;
	width:50%;
	margin-top: 10px;
	margin-left: 25px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-style:dotted;
	border-bottom-width: 1px;
	border-botom-color:#333;
/*	font-size: 1.8em;
	font-style:italic;
	line-height: 1.2em; */
}

.foto_links {
	float:left;
	margin-top: 10px;
	margin-left: 5px;
	padding-right:25px;
	padding-left: 5px;
	width:50%;

}

.bu_links {
	float:left;
	width:50%;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-style:dotted;
	border-width: 1px;
	border-color:#333;
/*	font-size: 1.8em;
	font-style:italic;
	line-height: 1.2em; */
}

#wohnungs_container {
	width: 100%;
	margin:auto;
	padding:1%;
/*	border:solid;
	border-color:#00F; */
}

.eine_wohnung {
	width: 90%;
	margin:auto;
	padding:1%;
	border-bottom:solid;
	border-color:#666;
}

.letzte_wohnung {
	width: 90%;
	margin:auto;
	padding:1%;
	border-bottom:none;
	border-color:#FFF;
}

.wohnung_eintrag_bild {
	width: 80%;
	float:left;
/*	border: solid;
	border-color:#0F0; */
	margin-top:1px;
	margin-bottom:10px;
}

.wohnung_eintrag_bild img {
	width:100%;
	margin:auto;
}

.wohnung_eintrag_text {
	width:90%;
	float:left;
/*	border:solid;
	border-color:#CCC; */
	margin-left:1%;
	margin-top:1px;
	margin-bottom:1px;

}

.wohnung_eintrag_text h3 {
	font-style:normal;
}

.wohnung_eintrag_text ul {
	display:table;
	list-style-type:circle;
	text-align:left;
	font-size:1em;
/*	border-color:#0FF;
	border-style:double; */
}

.wohnung_eintrag_text ul li {
	display:table;
	margin:auto;
	float:left;
	list-style-position: outside;
}

.wohnung_eintrag_text a {
	font-style:normal;
	font-size:1.5em;
	text-decoration:underline;
	color: #039;
	padding-left:1em;
}

.wohnung_eintrag_text a:visited {
	text-decoration:underline;
	color: #039;
}

.wohnung_eintrag_text a:hover {
	text-decoration:underline;
	color: #039;
}

.wohnung_eintrag_text a:active {
	text-decoration:underline;
	color: #039;
}

#gaeste_info_text {
	text-align:left;
	padding:5%;
}

@media (orientation: landscape) {
.wohnung_eintrag_bild {
	width: 45%;
	float:left;
/*	border: solid;
	border-color:#0F0; */
	margin-top:1px;
	margin-bottom:1px;
}

.wohnung_eintrag_bild img {
	width:100%;
	margin:auto;
}

.wohnung_eintrag_text {
	width:45%;
	float:left;
/*	border:solid;
	border-color:#CCC; */
	margin-left:1%;
	margin-top:1px;
	margin-bottom:1px;
}
}

.achterdeck_galerie {
}

#werbung_GaesteApp {
	width: 80%;
	font-style:oblique; /* eigentlich: font-style:normal; */
	margin: auto;
	margin-top:5px;
	padding-top:10px;
	border-style:solid;
	border-width:thin;
	border-color:#333;
}

#werbung_GaesteApp img {
	float:left;
	max-width:40%;
	padding-right:10%;	
}

#werbung_GaesteApp a {
	color:#006;
	text-decoration:underline;
}

#InselGast_text {
	width:90%;
	margin: auto;
	color:#F00; /* #0c1a36; */
/*	text-decoration:underline; */
}


#bildrechte {
	padding:5%;
	padding-bottom:1px;
}

#impressum_text {
	padding:5%;
	text-align:left;
	font-style:normal;
	
}

#disclaimer_text {
	padding:5%;
	text-align:left;
	font-style:normal;
	
}

#agb_text {
	padding:5%;
	text-align:left;
	font-style:normal;
	
}