#container {
	display:block;
	width:100%;
	text-align:center;
}

#slideshow {
	width:100%;
}

#css-slideshow {
	width:100%;
}

#nav {
	display:block;
	width:100%;
	float:left;
	font-size:1.2em;
	margin:0;
}

#ul_left {
	display:block;
	width:100%;
	float:left;
	margin:0;
	padding:0;
}

#ul_right {
	display:block;
	width:100%;
	float:left;
	margin:0;
	padding:0;
}

#nav ul li {
	display:inline;
	float:left;
	width:20%;
	line-height:1.6em;	
	padding-left:auto;
	padding-right:auto;
	text-align:center;
}

#ul_left li {	
	padding-top:1%;
	padding-bottom:0.5%;
}

#ul_right li {
	padding-top:0.5%;
	padding-bottom:1%;
}

#nav ul li:active {	
	background-color:#23425A;
}

#titel1 h1 {
	float:left;
	width:100%;
	font-size:2.2em;
	margin-bottom:5%;
}

#hausbilder {
	clear:both;
	width:75%;
	min-width:450px;
	max-width:650px;
	margin-left:auto;
	margin-right:auto;
}
.haus {
	width:200px;
	margin-bottom:2%;
}
#hausl {
	float:left;
}

#hausr {
	float:right;
}

#hausm {
	clear:both;
	margin-left:auto;
	margin-right:auto;
}

#wetter {
	clear:both;
	float:left;
	margin-top:10%;
	margin-left:40%;
}

/*
#schiffe {
	float:right;
	margin-top:10%;
	margin-right:20%;
}
*/

.logo {	
	vertical-align:0%;
	margin-right:1%;	
}

#adresse {
	clear:both;
	float:left;
	width:100%;
	margin-top:0;
	margin-bottom:3%;
	line-height:1.9em;
	font-size:1.1em;
}

.text {
	clear:both;
	float:left;
	width:80%;
	margin-top:5%;
	padding-left:10%;
	padding-right:10%;
	font-size:1.1em;
}

.text h1 {
	font-size:1.3em;
}

.text h2 {
	font-size:1.1em;
}

.impressum {
	float:left;
	width:100%;
	margin-top:2%;
	padding-bottom:1%;
	font-size:1em;
	line-height:1.8em;
	background-color:#284B67;
	color:white;
	letter-spacing:0.05em;
}

.impressum a:link, .impressum a:visited {
	color:white;
}


/*Wohnungen*/

#infokasten {
	width:50%;
	margin:7% 14% 0 14%;
	padding:10%;
	border:2px solid #284B67;
	background-color:rgba(40,75,103,0.8);
	color:white;
	text-shadow:  
     1px  1px 1px #284B67,
     1px -1px 1px #284B67,
    -1px  1px 1px #284B67,
    -1px -1px 1px #284B67;
}

.aussenbild {
	float:left;
	width:100%;
	margin-top:5%;
	text-align:center;
}

.aussenbild img {
	width:300px;
}

.boxl, .boxr {
	width:48.5%;
	max-width:300px;
	max-height:300px;
	margin:1% 0;
	text-align:center;
}

.boxl {
	float:left;
	margin-left:1%;
	margin-right:0.5%;
}

.boxr {
	float:right;
	margin-right:1%;
	margin-left:0.5%;
}

.boxm {
	clear:both;
	float:left;
	width:100%;
	text-align:center;
}

.boxm img {
	max-width:300px;
	max-height:300px;
	width:auto;
	height:auto;
}

#ausst {
	display:inline-block;
	clear:both;
	width:50%;
	margin:10% 25%;
}

#tabelle {
	clear:both;
	float:left;
	width:100%;
	margin:10% 0 0 0;
	border:1px solid black;
	text-align:left;
}

.zeile {
	
}

.feld {
	border:1px solid black;
}

.feld ul {
	display:inline-block;
	padding:0 15px;
	margin-left:15%;
}

.feld li {
}

.t {
	text-align:center;
	font-weight:bold;
}

.anm_aust {
	float:left;
	width:80%;
	margin:0 10% 0 10%;
	text-align:center;
	font-size:1.1em;
}

#backtotop {		
    height: 36px;
	font-size: 1.1ems;	
}

/*Häuser*/

#haeuser {
	float:left;
	width:100%;
	margin-top:3%;
	text-align:center;
}

#haeuser img {
	width:300px;
}

#eg, #og {
	width:42%;
	margin-top:1%;
	margin-left:4%;
	margin-right:4%;
	margin-bottom:5%;
}

#eg {
	float:left;
}

#og {
	float:right;
}

#eg h2, #og h2 {
	font-size:1.1em;
	text-decoration:underline;
	text-align:center;
	margin-bottom:3%;
}

#eg img, #og img {
	width:50%;
	max-width: 200px;
}

#egb1, #egb3, #ogb2 {
	clear:both;
	float:right;
	margin-right:10%;
}

#egb2 , #ogb1, #ogb3{
	clear:both;
	float:left;
	margin-left:10%;
}

/*Preise*/

.ppc {
	float:none;
	width:80%;
	max-width:650px;
	margin-top:15%;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

.klein {
	font-size:0.9em;
}

.tabellep {
	float:left;
	width:100%;
	margin-top:10%;
	margin-left:0;
	margin-right:0;
	margin-bottom:5%;
	text-align:center;
}

.tabelleoben, .preistabelle {
	display:table;
	width:90%;
	margin-left:5%;
	text-align:left;
}

.tabelleoben {
}

.preistabelle {	
	font-size:0.95em;
}

.pzeile {
	display:table-row;
}

.pfeld {
	display:table-cell;
	padding:1%;
	border-bottom:1px solid black;
	border-right:1px solid black;
}
.preis {
	display:table-cell;
	padding:1%;
	border-bottom:1px solid black;
	border-right:1px solid black;
}

/*Anreise*/

#karte{
	float:left;
	width:72%;
	margin-left:14%;
	margin-right:14%;
	border: 1px solid black;
}

#gruenendeich, #hollern {
	clear:both;
	float:left;
	width:60%;
	margin-top:5%;
	margin-left:20%;
	margin-right:20%;	
	text-align:center;
	font-size:1em;
}

#gruenendeich h2, #hollern h2, #route h2 {
	font-size:1.1em;
	text-align:center;
}

#gruenendeich iframe, #hollern iframe {
	width:100%;
	max-width:400px;
	height:280px;
	border:0;
}

#gruenendeich ul li, #hollern ul li {
	width:85%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:3%;
	text-align:left;
}

.route {
	font-size:1em;
}

.anreise-bild {
	float:left;
	width:40%;
	margin-top:4%;
	margin-left:5%;
	margin-right:5%;
}

/*Ausflüge*/

#css_slideshow2 {
	float:left;
	width:90%;
	margin-top:4%;
	padding-left:6%;
	padding-right:4%;
	background-color:#23425A;
	opacity:0.85;
}

.picA, .picB, .picC {
	float:left;
	margin-left:3%;
	opacity:1;
}

.picA {
	width:26%;
}

.picB {
	width:28%;
}

.picC {
	width:33%;
	margin-top:5%;
}

#schiff, #faehre, #tipps {
	margin-top:8%;
	margin-bottom:2%;
	margin-left:2%;
	text-align:left;
	line-height:1.4em;
}

#schiff p, #faehre p, #tipps p {
	margin-bottom:1%;
}

#clickmap {
	float:left;
	width:100%;
	margin-top:5%;
}

#clickkarte {
	width:63%;
	max-width:514px;
	margin-left:auto;
	margin-right:auto;
}

/*Kontakt*/

#post {
	float:left;
	width:30%;
	margin-top:5%;
	margin-left:35%;
	margin-right:35%;
}

#formular {
	float:left;
	margin-top:8%;
}

#formular h1 {
	font-weight:100;
	margin-bottom:0;
}

/*Impressum, Datenschutzerklärung & Versicherung*/

#impr, #dschutz {
	line-height:1.5;
}

#dschutz {
	text-align:justify;
}

#impr h1, #dschutz h1 {
	margin-bottom:10%;
	font-size:1.6em;
	font-weight:100;
}

#impr h2, #dschutz h2 {
	margin-bottom:1%;
	font-size:1.1em;
	line-height:1.4;
}

#impr p, #dschutz p {
	margin-bottom:10%;
}

#versicherung {
	float:left;
	width:74%;
	margin-top:5%;
	margin-left:13%;
	margin-right:13%;
	text-align:left;
}

#versicherung h1 {
	font-size:1.3em;
	text-align:center;
}

#versicherung h2 {
	font-size:1em;
	margin-bottom:2%;
}

#versicherung p {
	margin-bottom:7%;
}

#verslink {
	margin-top:5%;
}

#verslink h3 {
	font-size:1.3em;
}

#vers_impressum {
	position:fixed;
	bottom:0;
	width:100%;
	font-size:1em;
	line-height:1.8em;
	background-color:#284B67;
	color:white;
	letter-spacing:0.05em;
}

@media (min-width: 800px) {
	.boxl, .boxr {
		width:40%;
		max-width:300px;
		max-height:300px;
		margin:1% 0%;
		text-align:center;
	}

	.boxl {
		float:left;
		margin-left:8%;
		margin-right:2%;
	}

	.boxr {
		float:right;
		margin-right:8%;
		margin-left:2%;
	}

	.boxm {
		clear:both;
		float:left;
		width:100%;
		text-align:center;
	}

	.boxm img {
		max-width:300px;
		max-height:300px;
		width:auto;
		height:auto;
	}
	
	.feld ul {
		margin-left:35%;
	}
	
	#backtotop {		
		height: 40px;
		font-size: 1em;	
	}
	
	#anreise {
		width:60%;
		margin-left:20%;
		margin-right:20%;
		border: 1px solid black;
	}
	
	#karte{
		float:left;
		width:56%;
		margin-left:22%;
		margin-right:22%;
		border: 1px solid black;
	}
	
	#versicherung {
		width:64%;
		margin-left:18%;
		margin-right:18%;
	}	
	
}