@charset "UTF-8";
* {margin:0px;padding:0px;}


html {overflow-y: scroll; height:100%;}
body{background-color:#ffffff; text-align:left;	margin-top:0px;	font-family:  "Helvetica neue", Arial, sans-serif; font-size:22px;font-weight:300; height:100%;color:#4E150C;}
.img{width:100%;}
img{width:100%;}


h1{	font-family: "Helvetica neue", Arial, sans-serif;	font-size: 54px;color:#fff;font-weight:200;margin-bottom:20px;}
h2{	font-family: Arial,"Lucida Grande", sans-serif;	font-size: 40px;color: #000;font-weight:normal; margin:50px 0 70px 0;}
h3{	font-family: "Helvetica neue", Arial, sans-serif;	font-size: 20px;color:#000;font-weight:medium;margin-bottom:8px;}

a, a:link {text-decoration: none;color:#ffffff;font-weight:bold;}
a:hover {color:#fc8524;}


#container{margin-top:150px;}
#nav {width: 1000px; background-color:#ffffff; margin: 10px auto 30px auto;text-align: left;}
 
			#nav ul {text-align: left; margin: 0; list-style: none; position:relative;}
			#nav ul:after {clear: both; content: "";display:block;}

			#nav ul li {float: left; list-style: none;}
			#nav ul li a {padding: 0 20px 0 5px;color: #4E150C; text-decoration: none;font-weight:300;}
			#nav ul li a:hover{color:#CF0D10;}

 			#nav ul li:hover >ul {display:block; font: inherit;z-index: auto;}
			

			#nav ul ul { display:none; position: absolute; background-color: #ffffff; padding-top:10px; z-index: -1;width:220px;padding-bottom:20px;}
			#nav ul ul li {float: none;position:relative;padding-left:30px;padding-top:8px;}
			#nav ul ul a, #nav ul ul span {font-size: 18px;min-width:200px;}
			#nav ul ul a:hover { color:#CF0D10;}


#impressum{text-align:left;width:1000px;margin:0 auto;}
#impressum a{font-size:12px; color:#4E150C;	font-style:oblique;	text-decoration: none; font-weight:regular;}
#impressum a:hover{color:#CF0D10;}



#box{width:1000px; margin:0 auto;}
#box_back{width:100%; background-color:#b74302;height:auto;}
#picture_home{width: 500px;height: 470px; float:left; padding:0 5px;background-color:#fff;}
#home_background{width: 100%;height: 470px; background-image: url(../gfx/familie_mueller.jpg);	background-repeat: no-repeat; background-size:auto 470px;background-position:right;}
#contend_home{width: 490px;float:right; }

#contendbox{padding:20px 0 10px 30px;color:#fff;font-size:20px;}


#bottom{width: 1000px; color:#9e9e9e; font-size:22px; font-weight:300;margin:100px auto 50px auto;}
#bottom a, #bottom a:link {	text-decoration: none; font-weight:300 ;color:#9e9e9e;}
#bottom a:hover{color:#CF0D10;}

.link_galerie{font-size:26px;line-height:65px;width: 70px;margin-right:5px;}


#galerie ul {height:60px;overflow:hidden;}
#galerie ul li {display:inline; float:left; font-size: 26px; width: 100%; padding-left:100px;background-image: url(../gfx/icon_galerie.gif);background-repeat: no-repeat; background-size:80px auto;background-position:left top; }
#galerie ul li:hover{background-image: url(../gfx/icon_galerie_on.gif);}
#galerie ul li span {height:0px;display:inline;background-image: none;}
#impressumbox{min-height: 470px; border-left: 5px solid #fff;}	

#impressum_800{display:none;}
#mobile-nav,#mobile-nav-switch{	display:none;}

#lightbox-container-image-box{max-width:1000px !important;height:auto !important;}	
#lightbox-container-image-data-box{	max-width:1000px !important;	padding:0px !important;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{ height:100% !important;}

@media only screen and (max-width: 1000px) {
#lightbox-container-image-box{	max-width:95% !important;height:auto !important;	}	
#lightbox-container-image-data-box{	max-width:95% !important; padding:0px !important;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{ height:100% !important;}
}



@media only screen and (max-width: 1000px) {
#container{margin-top:100px;}
#box{width:100%;}	
#picture_home{width: 35%;height: 470px; text-align:center; float:left;overflow: hidden;padding:0 5px;background-color:#fff;border-right: 5px solid #fff;}
	#picture_home img{height:470px;width:auto;}
#contend_home{width: 62%;float:right; }	
#contendbox{padding:20px 0 10px 10px;color:#fff;font-size:20px;}
#nav {width: 98%;padding:0 1%;}
#impressum{width: 98%;padding:0 1%;}
#bottom{width: 98%;padding:0 1%;}
	
}

@media only screen and (max-width: 800px) {
	
#impressum{display:none;} 
	#impressum_800{display:block;text-align:center;margin:20px;}
	#impressum_800 a{font-size:12px; color:#595858;	font-style:oblique;	text-decoration: none; font-weight:regular;}
	#impressum a:hover{color:#CF0D10;}
	
#container{margin-top:50px;}
#box_back{width:100%; background-color:#fff;height:auto;}
#nav {width: 90%;}
#picture_home{width: 100% ;height:auto; text-align:center; float:none;overflow: visible;margin:0 auto;background-color:#b74302;border-right: none;padding:0; }
#picture_home img{height:auto;width:350px;border-right: 5px solid #fff;border-left: 5px solid #fff;}
#home_background{width: 350px;height: 329px; background-image: url(../gfx/familie_mueller.jpg);	background-repeat: no-repeat; background-size:auto 330px;background-position:right;border-right: 5px solid #fff;border-left: 5px solid #fff;margin:0 auto;}
#contend_home{width: 100%;float:none;text-align: center;}	
#contendbox{width: 90%; padding: 0; margin:10px auto;color:#b74302;font-size:20px;text-align:left;}

a, a:link {text-decoration: none;color:#b74302;font-weight:bold;}
a:hover{color:#fc8524;}
#galerie ul li {background-image: url(../gfx/icon_galerie_o.gif);}
h1{color:#b74302;margin:50px 0;}
	#bottom{width: 90%;}
}


@media only screen and (max-width: 520px) {
#nav{display:none;}
#impressum_800{display:none;}
	
	#mobile-nav-switch{	display:block; 	position: fixed;top:0px;	 cursor: pointer; position: top	centered;	background: #000 url(../images/nav.gif) no-repeat center center; background-size:30px ; height: 40px;width: 100%;	z-index:100;	}
	
	#mobile-nav-container{	margin:0px 0px 100px 0px;	width: 100%;	 position:relative; top:35px;background-color:#ffffff;}
	#mobile-nav{	border-top:2px solid #fff;border-bottom:50px solid #fff;margin-top:7px;list-style-type:none;	padding-top:0px; 	padding-bottom:20px;	display:none;z-index:99;	}
	#mobile-nav li{	list-style-type:none;text-align:center;}
	#mobile-nav a{	display:block;	width:95%;	 height:60px;	line-height:60px;	 background-color:#b74302;	border-bottom:1px solid #fff;padding-left:5%;text-decoration:none; color:#fff;	font-weight:100; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	 font-size:24px;}
	#mobile-nav span a{ height:50px;	line-height:50px;font-size:18px;padding-left:25%;width:75%}
	h1{color:#b74302;margin:60px 0;font-size:36px; font-weight:500;}
	
}

@media only screen and (max-width: 360px) {
#bottom{width: 95%; font-size:16px;}
	h1{color:#b74302;margin:60px 0;font-size:28px;}
	#body{font-size:18px;}	
#picture_home img{height:auto;width:200px;border-right: 5px solid #fff;border-left: 5px solid #fff;}
#home_background{width: 200px;height: 188px; background-image: url(../gfx/familie_mueller.jpg);	background-repeat: no-repeat; background-size:auto 200px;background-position:right;border-right: 5px solid #fff;border-left: 5px solid #fff;margin:0 auto;}	
	
#galerie ul {height:130px;overflow:hidden;margin-top:30px;}
	#galerie ul li {padding-left:0px;padding-top:70px;padding-bottom:35px;}

	.link_galerie{font-size:22px;line-height:26px;width: 60px;margin-right:0;}
}