#container {
	display:block;
	width:88%;
	max-width:1118px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

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

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

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

 #ul_left li {
	display:block;
	float:left;
	width:15%;
	line-height:1.3em;
	padding-top:1%;
	padding-bottom:0;	
	text-align:center;
	margin-right:4%;
}

#ul_right li {
	display:block;
	float:left;
	width:10%;
	line-height:1.3em;
	padding-top:0;
	padding-bottom:1%;		
	text-align:center;
	margin-left:10%;
}

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

#titel1 h1 {
	float:left;
	width:85%;
	font-size:2.2em;
	margin-top:4%;
	margin-bottom:3%;
	padding-left:20%;
	text-align:left;
}

#hausbilder {
	float:left;
	width:60%;
	min-width:450px;
	max-width:610px;
	margin-left:10%;
}
.haus {
	width:200px;
	margin-bottom:1%;
}
#hausl {
	float:left;
}

#hausr {
	float:right;
}

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

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

#adresse {
	float:left;
	width:60%;
	max-width:650px;
	margin-top:0;
	margin-bottom:3%;
	padding-left:8%;
	padding-right:auto;
	line-height:1.9em;
	font-size:1.1em;
}

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

#wetter {
	float:right;
	margin-right:8%;
}
/*
#schiffe {
	float:right;
	margin-right:9%;
	margin-top:8%;
}*/

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

.text h1 {
	font-size:1.3em;
	margin-bottom:8%;
}

.text h3 {
	margin-top:0;
	margin-bottom:0;
}

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

.impressum {
	clear:both;
	float:left;
	width:60%;
	margin-top:5%;
	padding-left:10%;
	padding-right:30%;
	font-size:1em;
	color:black;
}

/*Wohnungen*/

#infokasten {
	width:30%;
	margin:10% 5% 5% 20%;
	padding:5%;
	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;
}
	
.wpc {
	width:50%;
	padding-left:25%;
	padding-right:25%;
}

.anm_aust {
	float:left;
	width:90%;
	margin:5%;
	text-align:center;
}

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

.aussenbild img {
	width:300px;
}

#bildbereich {
}

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

.boxl {
	float:left;
	margin-left:12%;
	margin-right:3%;
}

.boxr {
	float:right;
	margin-right:12%;
	margin-left:3%;
}

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

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

.hoch img {
	max-width:225px;
}

#ausst {
	clear:both;
}

#ausst h4 {
	font-size:1.1em;
	font-weight:bold;
}

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

.zeile {
	
}

.feld {
	border:1px solid black;
}

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

.feld li {
}

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

#backtotop {		
    height: 45px;
	font-size: 1em;	
}

#haeuser {
	float:left;
	width:100%;
	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.2em;
	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 {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	padding:0;
}

.klein {
	font-size:0.9em;
}

.tabellep {
	float:left;
	width:40%;
	min-height:155px;
	margin:7% 5% 6%;
}

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

.tabelleoben {
	/*border-right:1px solid black;
	border-bottom:1px solid black;*/
}

.preistabelle {	
	font-size:0.9em;
}

.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:52%;
	margin-left:24%;
	margin-right:24%;
	border: 1px solid black;
}

#gruenendeich, #hollern {
	width:40%;
	margin-top:5%;
	text-align:center;
	font-size:1em;
}

#gruenendeich {
	clear:both;
	float:left;
	margin-left:5%;
}

#hollern {
	float:right;
	margin-right:5%;
}

#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:90%;
	margin-right:5%;
	margin-bottom:3%;
	text-align:left;
}

.route {
	font-size:1em;
}

.anreise-bild {
	float:left;
	width:35%;
	max-width:350px;
	margin-top:4%;
	margin-left:7.5%;
	margin-right:7.5%;
}

/*Ausflüge*/

#css_slideshow2 {
	float:right;
	width:15%;
	margin-top:4%;
	margin-right:5%;
}

.picA, .picB, .picC {
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15%;
	opacity:1;
}

.picA {
	width:80%;
}

.picB {
	width:85%;
}

.picC {
	width:90%;
}

#ausfl {
	clear:none;
	float:left;
	width:70%;
	margin:3% 0 0 5%;
	padding:0;
}

#schiff, #faehre, #tipps {
	margin-top:8%;
	margin-bottom:3%;
	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:2%;
}

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

/*Kontakt*/

#post {
	float:left;
	width:21%;
	padding:0;
	padding-top:8%;
	padding-left:12%;
}

#formular {
	clear:none;
	float:right;
	margin:0;
	margin-top:5%;
	padding:0;
	padding-right:16%;	
}

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

/*Impressum & Versicherung*/

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

#dschutz {
	text-align:justify;
}

#impr h1, #dschutz h1 {
	margin-bottom:5%;
	font-size:1.3em;
	font-weight:100;
	line-height:1.4;
}

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

#impr h3, #dschutz h3 {
	font-size:1.1em;
}

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

#vers_impressum {
	text-align:center;
}

#versicherung {
	float:left;
	width:54%;
	margin-left:23%;
	margin-right:23%;
	margin-top:3%;
	text-align:justify;
	font-size:1.1em;
}

#versicherung img {
	margin-bottom:5%;
}

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

/*Für breite Bildschirme*/
@media (min-width: 1271px) {
	
	#bildbereich {
		display:block;
		float:left;
		width:640px;
		margin:0 0 0 5%;
	}
	
	#bildbereich .wpc {
		width:65%;
		padding-left:17%;
		padding-right:18%;
	}
		
	#ausst {
		clear:none;
		float:right;
		width:30%;
		margin-top:2.5%;
		margin-right:2%;
		text-align:center;
	}
	
	#tabelle {
		width:70%;
		margin:0;
		margin-left:15%;
		margin-right:15%;
		border:1px solid black;
		text-align:left;
	}
	
	.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;
	}
		
	.anm_aust {
		float:right;
		width:30%;
		margin-top:4%;
		margin-right:2%;
		font-size:1.1em;
	}

	.ausz {
		width:70%;
		margin-bottom:5%;
	}

	.zeile {
		
	}

	.feld {
		border:1px solid black;
	}

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

	.feld li {
	}

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