html, body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow: auto;
}
table {
	border-collapse: collapse;
}
form {
	display: inline;
}

/*for IE8*/
video { display: block; }

video#bgvid {
	min-height: 100%; 
	min-width: 100%; 
	width: auto; height: auto; z-index: 2;
	background:transparent;
	position: relative;
	top: 60px;
}

#video_overlays {
	position: absolute;
	top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url("../images/video_overlay.png") repeat;
    z-index:10;
}

#playpause {
    position: absolute;
    top: 100px;
    left: 20px;
    width: 30px;
    height: 30px;
    z-index: 60;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#playpause img {
    width: 30px;
    height: 30px;
}

#schrift {
	position: absolute;
	width: 100%;
	bottom: 50px;
	z-index: 10;
}

.white-popup {
  position: relative;
  background: #f7ebd4;
  padding: 20px;
  padding-top: 40px;
  width: auto;
  max-width: 900px;
  margin: 20px auto;
  overflow: scroll;
}

/* Bild */

#video_start {
	background-size: cover;
	text-align: center;
	height: 70%;
	width: 100%;
	border-bottom: 5px solid #5b301f;
	overflow: hidden;
	z-index: 1;
	position: relative;
}


#bild_ausstattung {
	background: url("../backgrounds/back_ausstattung3.jpg") center no-repeat;
	background-size: cover;
	text-align: center;
	height: 70%;
	width: 100%;
	border-top: 5px solid #5b301f;
	border-bottom: 5px solid #5b301f;
	overflow: hidden;
	z-index: 1;
	position: relative;
}

#bild_preise {
	background: url("../backgrounds/back_preise.jpg") center no-repeat;
	background-size: cover;
	text-align: center;
	height: 70%;
	width: 100%;
	border-top: 5px solid #5b301f;
	border-bottom: 5px solid #5b301f;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
#bild_preise_admin {
	background: url("../backgrounds/back_preise.jpg") center no-repeat;
	background-size: cover;
	text-align: center;
	height: 20%;
	width: 100%;
	border-top: 5px solid #5b301f;
	border-bottom: 5px solid #5b301f;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
#bild_tiere {
	background: url("../backgrounds/back_tiere.jpg") center no-repeat;
	background-size: cover;
	text-align: center;
	height: 70%;
	width: 100%;
	border-top: 5px solid #5b301f;
	border-bottom: 5px solid #f7ebd4;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
#bild_kinder {
	background: url("../backgrounds/back_kinder.jpg") center no-repeat;
	background-size: cover;
	text-align: center;
	height: 70%;
	width: 100%;
	border-top: 5px solid #f7ebd4;
	border-bottom: 5px solid #f7ebd4;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
#bild_anreise {
	background-size: cover;
	text-align: center;
	height: 400px;
	width: 100%;
	border-top: 5px solid #5b301f;
	border-bottom: 5px solid #5b301f;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:400px; /* your iframe height */
   top:400px;  /* your iframe height */
   margin-top:-400px;  /* your iframe height */
}


#bild_umgebung {
	background: url("../backgrounds/back_umgebung.jpg") center no-repeat;
	background-size: cover;
	text-align: center;
	height: 70%;
	width: 100%;
	border-top: 5px solid #f7ebd4;
	border-bottom: 5px solid #f7ebd4;
	overflow: hidden;
	z-index: 1;
	position: relative;
}


/* für Galerie */
.parent-container img {
	margin: 5px;
	
}
.popup-video img {
	margin-left: 0px;
	margin-right: 0px;
}


#superbgimage {
    display: none;
    background-attachment: fixed;
}

#menuleiste {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    z-index: 50;
    background: white;
    filter: alpha(opacity=100);
	opacity: 1;
	box-shadow: 0px 2px 30px;
}

#sprache {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 100;
}

#menu {
	border: 0px solid black;
	text-align: center;
	padding-top: 15px;
    color: #5b301f;
    font-family: Verdana, sans-serif;
    font-size: 14px;
    word-spacing: 0.5em;
    z-index: 60;
	zoom: 1;
	line-height: 30px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu ul li {
	color: #773d16;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	display: inline;
	border-left: 1px solid #773d16;
}

#menu ul li:first-child {
	border: none;
}

#menu ul li a {
	color: #773d16;
	text-decoration: none;
}

#menu ul li a:hover {
	color: #59698a;
	text-decoration: none;
}

#menu .aktiv {
	color: #59698a;
	font-weight: bold;
}



#contenteinfassung {
    width: 100%;
    z-index: 10;
    text-align: center;
}
#contenteinfassung_braun {
    width: 100%;
    z-index: 10;
    background: #5b301f; 
    text-align: center;
}
#contenteinfassung_beige {
    width: 100%;
    z-index: 10;
    background: #f7ebd4; 
    text-align: center;
}

#contentrahmen {
    margin-left:auto;
 	margin-right:auto;
 	z-index: 20;
 	width: 95%;
    max-width: 1000px;
    text-align: center;
}

.content {
	vertical-align: top;
 	padding: 50px;
 	padding-top: 0px;
 	line-height: 1.8em;
    color: #5b301f;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    overflow: hidden;
    background: #f7ebd4;
    text-align: left;
	zoom: 1;
}
.content a {
	color: #5b301f;
	font-style: italic;
}
.content2 {
	vertical-align: top;
 	padding: 50px;
 	padding-top: 0px;
 	line-height: 1.8em;
    color: white;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    overflow: hidden;
    background: #5b301f;
    text-align: left;
	zoom: 1;
}
.content2 a {
	color: white;
	font-style: italic;
}
.content_wir {
	vertical-align: top;
 	padding: 10px;
 	padding-top: 0px;
 	line-height: 1.8em;
    color: white;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    overflow: hidden;
    background: #5b301f;
    text-align: left;
	zoom: 1;
}




h1 {
	font-size: 18px;
	line-height: 1.8em;
}

.eingabe-rahmen {
	border: 1px solid #5b301f;
}
.button-braun {
	background-color: #5b301f;
	color: white;
	border: 0px;
	height: 25px;
	font-size: 12px;
	width: 100px;
}

.preis {
	font-weight: bold;
	font-size: 22px;
	text-align: right;
}
.preis2 {
	font-weight: bold;
	font-size: 16px;
	text-align: right;
}
.preis_uber {
	padding-top: 5px;
	font-weight: bold;
	font-size: 15px;
}
.strich_unten {
	border-bottom: 1px solid white;
}


#kasten {
	border: 0px solid black;
	position: relative;
	display: inline-block;
	width:380px;
	height: 450px;
	vertical-align: top;
	margin: 5px;
}
#kasten_ohnegroesse {
	border: 0px solid black;
	position: relative;
	display: inline-block;
	width:380px;
	vertical-align: top;
	margin: 5px;
}

#kasten_preise {
	border: 0px solid black;
	position: relative;
	display: inline-block;
	width: 380px;
	height: 380px;
	vertical-align: top;
	margin: 5px;
}
#kasten_anfrage {
	border: 0px solid black;
	position: relative;
	display: inline-block;
	width: 380px;
	vertical-align: top;
	margin: 5px;
}




/* responsive nav */

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70px;
  margin-top: -10px;
  height: 40px;
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  background: #e00d1c url("../navi/hamburger.gif") no-repeat 50% 33%;
}

@media screen and (max-width: 900px) {

html { background: url(../images/start.jpg) #000 no-repeat center center fixed; }
#bgvid { display: none; }


    #menu {
  		position: absolute;
  		top: 0;
  		left: 0;
  		z-index: 99;
		line-height: 50px;
		width: 100%;
	}
	
	#menu ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	
	#menu ul li {
		background: #555555;
		color: white;
		display: block;
		font-size: 20px;
		padding-left: 20px;
		border: 1px solid rgba(0,0,0,0.4);
	}
	
	#menu ul li a {
		color: white;
		text-decoration: none;
	}
	
	#menu ul li a:hover {
		color: #e00d1c;
		font-weight: bold;
		text-decoration: none;
	}
	#menu .aktiv {
		color: #e00d1c;
		font-weight: bold;
	}
	
	#kasten {
	border: 0px solid black;
	position: relative;
	display: inline-block;
	width:380px;
	height: 0%;
	vertical-align: top;
	margin: 5px;
	}