#container {
	display:block;
	width:100%;
}

#bildleiste {
	width:100%;
}

#slideshow {
	width:100%;
}

#nav {
	clear:both;
	display:block;
	width:100%;
	float:left;
	font-size:1.2em;
	padding-top:3%;
	padding-bottom:3%;
}

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

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

#nav ul li {
	width:100%;
	line-height:1.6em;
	padding-top:1%;
	padding-bottom:1%;		
	padding-left:auto;
	padding-right:auto;
	text-align:center;
}

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

#titel1 h1 {
	float:left;
	width:100%;
	font-size:1.6em;
}

#facebook {
	width:4%;
}

#hausbilder{
	float:left;
	width:100%;
}

.haus {
	width:200px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2%;
}
iframe {
	padding:0;
}

#wetter {
	clear:both;
	float:left;
	margin-left:25%;
	margin-top:5%;
	padding:0;
}
/*
#schiffe {
	float:right;
	margin-right:3%;
	margin-top:5%;
}
*/

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

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

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

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

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

.impressum, #vers_impressum {
	float:left;
	width:100%;
	margin-top:2%;
	padding-bottom:0.5%;
	text-align:center;
	font-size:0.85em;
	line-height:1.8em;
	background-color:#284B67;
	color:white;
}

.impind {	
	letter-spacing:0.05em;
}

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

/*Wohnungen*/

#infokasten {
	width:50%;
	margin:7% 14% 10% 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, .boxm {
	width:100%;
	margin:1% 0;
	text-align:center;
}

.boxl img, .boxr img, .boxm img {
	width:100%;
	max-width:300px;
}

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

#bildbereich {
	margin-bottom:15%;
}

#ausst {
	clear:both;
}

.ausz {
	width:50%;
}

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

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

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

#backtotop {		
    height: 36px;
	font-size: 0.9em;	
}

/*Häuser*/

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

#haeuser img {
	width:90%;
	max-width:300px;
}

#eg, #og {
	float:left;
	width:90%;
	margin-top:5%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5%;
}
	
#eg h2, #og h2 {
	font-size:1.1em;
	text-decoration:underline;
	text-align:center;
}

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

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

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

/*Preise*/
.klein {
	font-size:0.9em;
}

.tabellep {
	float:left;
	width:90%;
	margin-top:10%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5%;
}

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

#gruenendeich, #hollern {
	clear:both;
	float:left;
	width:100%;
	margin-top:5%;
	text-align:center;
}

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

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

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

.anreise-bild {
	float:left;
	width:50%;
	margin-top:4%;
}

/*Ausflüge*/

#css_slideshow2 {
	float:left;
	width:90%;
	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%;
	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:80%;
	margin-left:auto;
	margin-right:auto;
}

/*Kontakt*/

#post {
	float:left;
	width:60%;
	height:auto;
	margin-top:2%;
	margin-left:15%;
	margin-right:25%;
}	

#formular {
	float:left;
	width:90%;
	margin:0;
	margin-top:8%;
	padding:0;
	padding-left:5%;
}

#formular h1 {
	font-weight:100;
	font-size:1.4em;
	margin-bottom:2%;
}

/*Impressum & Versicherung*/

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

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

#impr h2, #dschutz h2 {
	margin-bottom:1%;
}

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

#dschutz {
	text-align:justify;
}
	
#versicherung {
	float:left;
	width:84%;
	margin-left:8%;
	margin-right:8%;
	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;
}
	
@media (min-width:400px) {
	#clickkarte {
		width:80%;
	}
}

		
@media (max-width:319px) {

	/*Allgemein & Index*/
	
	#nav {
		font-size:1.1em;
	}

	#nav ul li {
		line-height:1.6em;/*evtl. verkleinern*/
	}

	#titel1 h1 {
		font-size:1.4em;
	}
	
	.text {
		font-size:0.9em;
	}
	
	#adresse {
		width:90%;
		font-size:0.8em;
		margin-left:5%;
		margin-right:5%;
	}

	.haus {
		width:100%;
		max-width:200px;
	}

	#wetter {
		width:97%;
		padding:0;
		text-align:center;
	}

	#schiffe {
		clear:left;
		float:left;
		width:100%;	
		text-align:center;
	}
	
	.aussenbild img {
		width:100%;
		max-width:300px;
	}
	
}