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

h1{	font-size: 40px;	margin: 100px 10px 80px 10px;	padding-top: 5px;border-top: 5px 100% solid #1b1b1c;font-family: "Lucia sans", "Helvetica", "Myriad Pro", Arial;font-weight:500;}
h4 {color: #F00004;}
a:link, a:visited{font-style:normal;font-weight:bold ;text-decoration:none;color: #351e13;}
a:hover {font-style:normal;font-weight:bold ;text-decoration:none;color: #ec2024;}
 
img{width: 100%;}

body{text-align: left;	font-family: "Myriad Pro","Lucia sans", "Helvetica", "Myriad Pro", Arial;	font-weight: 100;font-size: 20px;	color: #351e13;	height: 100%;}

#head{width: 100%; position:fixed;top:0;background-color:#ffffff;}
#bigmenu{width: 100%; background-color:#000000;}
#navbox {display:block; min-height:40px; margin: 0 auto; width:80%;}


#nav {text-decoration: none;float: left;margin-left:50px;}
#nav UL {text-align: left;}	
#nav li {display: inline;}
#nav A, #nav A:visited {float: left;font-size:22px;color:#ffffff;font-style:normal;font-weight:500;text-decoration:none;padding: 15px 45px 6px 0px;}
#nav A:hover, #nav A:focus {color: #ec2024;}

#nav_impressum {text-align:right; width:80%;margin: 8px auto;font-size:14px;}
#nav_impressum a:link, #nav_impressum a:visited {color: #1c1c1b;font-style: italic;text-decoration: none;font-weight:normal;}
#nav_impressum a:hover, #nav_impressum a:focus {color: #ec2024;}

#logo{width:500px;height:204px;margin-bottom:80px;}
#fliestext{margin-left:50px;}
#fliestext ul {list-style-type:disc;}
#fliestext li {margin-top:10px;}

#space{height:120px;width:100%;}

#containerbox{width: 80%; margin: 10px auto 0 auto;}

#kollage{width:100%;margin:90px 0 120px 0;}

#galerie {border-width: 1px;border-style: dotted;border-color: #1b1b1c;padding:8px; margin: 40px 8px 40px 8px;}
#galerie ul {margin-bottom: 30px; margin-left: 3%;}
#galerie ul li {display:inline; float:left; width: 30%;margin-bottom: 14px;margin-right: 3%;}
	
#galerie ul img {border: 2px solid #fff;padding: 2% 2%;}
#galerie ul img:link, #gallery ul img:visited {border: 2px solid #330033;}	
#galerie ul img:hover {border: 2px solid #112233;}



#nach_oben a:link {display: block;height:43px; width:155px;margin-top:10px;background-image: url(../gfx/nach_oben_of.gif); background-position:5px center;}
#nach_oben a:hover {background-image: url(../gfx/nach_oben_on.gif);} 


.image {margin-bottom:10px;}


/*
	Felix Fleißner für onlionit www.onlionit.de
	01.06.2015
	Mobile Navigation
*/
#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;}

#navbox {display:block;min-height:40px; margin: 0 auto; width:90%;}
#containerbox{width: 90%; margin: 10px auto 0 auto;}
#fliestext{margin-left:10px;}
#nav {text-decoration: none;float: left;margin-left:10px;}
#nav A, #nav A:visited {float: left;font-size:22px;color:#ffffff;font-style:normal;font-weight:500;text-decoration:none;padding: 15px 25px 6px 0px;}
}

@media only screen and (max-width: 700px) {
	#galerie ul {margin-bottom: 30px; margin-left: 3%;}
	#galerie ul li {display:inline; float:left; width: 44%;margin-bottom: 14px;margin-right: 3%;}
}

@media only screen and (max-width: 570px) {
	#navbox {display:none;}

	#mobile-nav-switch{	display:block; 	position: fixed;	 cursor: pointer; position: top	centered;	background: #000 url(../gfx/nav.gif) no-repeat center center; background-size:40px ; height: 52px;width: 100%;	z-index:100;	}
	
	#mobile-nav-container{	margin:0px 0px 8px 0px;	width: 100%;	background-color: #a38b6f;position:relative;top:50px;}
	#mobile-nav{	border-top:2px solid #fff;border-bottom:2px solid #fff;margin-top:7px;list-style-type:none;	padding-top:0px; 	padding-bottom:0px;	display:none;z-index:99;	}
	#mobile-nav li{	list-style-type:none;text-align:center;}
	#mobile-nav a{	display:block;	width:100%;	 height:55px;	line-height:60px;	background-color: #a38b6f;	border-bottom:1px solid #fff;;text-decoration:none; color:#fff;	font-weight:100; font-family: "Lucia sans", "Helvetica", "Myriad Pro", Arial;	 font-size:24px;}
	#containerbox{	margin-top:70px;}

	
	#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;}
	
	#logo{width:100%;height:auto;margin-bottom:40px;}
	#kollage{width:100%;margin:50px 0 80px 0;}
	#space{height:80px;}
	h1{	font-size: 36px;	margin: 80px 10px 60px 10px;	padding-top: 5px;font-family: "Lucia sans", "Helvetica", "Myriad Pro", Arial;font-weight:500;}
	
	#galerie ul {margin-bottom: 30px; margin-left: 3%;}
	#galerie ul li {display:inline; float:left; width: 95%;margin-bottom: 14px;margin-right: 3%;}
}