.hg {
	text-align: left;
	background-color: #0FF;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;	
	height:100%;
}

#hg1 {position:fixed; z-index:1000; width: 256px; background-color: gold;/*top:0px; left:0px; border-left:solid 5px red; border-right:solid 5px red;*/}
#hg2 {position:relative; z-index:1; /* border-left:solid 5px blue;*/}
#hg1 .hg {}
#hg2 .footer {display:none;}

#nav1{
    z-index:2000;
}
.nav > ul {
	background-color: #0FF;
	position:absolute;
	z-index:2000;
    margin-top: 40px;
}

.header {
	position:relative;
	background-color: gold;
	width: 100%;
	float: left;
	height:10px;
}
.header2 {
	position:fixed;
	z-index:800;
	background-color: red;
	width: 100%;
	width: 1024px;
	height:20px;
}

.footer {
	position:fixed;
	bottom:0px;
	z-index:200;
	background-color: #0F9;
	height:20px;
	width: 100%;
	width: 1024px;
	/*float: left;	*/
	color:#B4AEA7;
	padding-top:10px;
	padding-bottom:10px;
}
.nav, .spacer {
	position:relative;
	background-color: #0CF;
	width: 256px;
	float: left;
	height:100%;
}
.spacer {
	display:none;
}

.adress {
	position:relative;
	top:0px;

	background-color: #09c;
	width: 768px;
	float: left;
	margin-bottom:10px;
}
.content {
	position:relative;
	z-index:400;
	margin-top:40px;
	background-color: #09F;
	width: 768px;
	float: left;
	padding-bottom:70px;
}
.nav {width: 25%;}
#hg1 .nav {width: 100%;}
.content, .adress { width: 75%; }

 
 
 

.sp50 {
	width: 48%;
	margin-right:2%;
	background-color: #FFF;
	float: left;
	margin-bottom:0px;
}
.sp1{
	background-color: pink;
	margin-left:10%;
}

.sp2{
	width:45%;
	background-color: red;
	margin-left:5%;
	float:left;
}
.sp2 .bildbox { display:none; margin-right:4%;}
.sp3{
	position:fixed;
	width:0px;
	background-color: red;

}
.sp3 img{
	position: relative;
	top:110px;
	left:685px;
	width:338px;

}
.sp3 img { left: 930px; width:470px; top:100px;}

.menu {	
	position: absolute;
	z-index:2000;
	background-color: #FFF;
	background-image: url(../userfiles/images/meta/menu.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 30px auto;
	height: 30px;
	width: 30px;
	margin-top:5px;
	cursor:pointer;
}
#menu1 {top:15px;left:-40px;}
#menu2 { top:1%; right: 2%; }

.menubox { position: relative; width: auto; height: 100%; text-align:center; display:none;}
.claimbox {
	width:auto;
	height:40px; 
	float:left; 
	text-transform: uppercase;
	font-size: 18px;
	line-height: 40px;
	font-weight: 400;
	background-color: pink;
	padding: 0px 10px;
	margin: 0px auto;
}
.logobox {width:40px;height:40px; float:left; background-color: red;}


.logo {
	
	width: 50%;
	height:auto;
	
}
.logo1 {
	display:none;/**/
	position:absolute;
	bottom: 5px;
	left:0px;
}
.logo2 {
	position:absolute;
	z-index:200;
	bottom: 0px;
	left:0px;

}
.logo3 {
		display:none;
	position:absolute;
	z-index:200;
	bottom: -30px;
	left:2%;
	/*border:solid 1px red;*/
}
.logo4 {	
	width: auto;
	height:100%;
	margin-right: 20px;	
}
.home #hg1 {display:none;}
.home .nav, .home .spacer {
	width: 10%;
}
.home .spacer {
	display:none;
	margin-top:50px;/**/
}	
.home .content { margin-top:5%;}
.home .content, .home .adress { width: 80%; }
.home .sp1{
	/*position:relative; */
	margin-left:0%;
}
.home #content .bildbox img{margin-bottom:4%;}
/*.home .menubox { display:block;}*/
.home .navhome{ 
	display:none; 
	background-color:#D8D3CE;
	background-color:#FFF;/**/ 
	/*margin-top:15px; margin-left:15px;*/ /**/ 
	position:absolute; 
	top:0px; 
	left:0px; 
	/* 
	height:370px;
	height:75%;*/
	width:100%;
}
/*.newsbox {position:absolute; top:15px; left:55px; width: 400px; height:370px;}*/
.home .navhome > ul { /*position:absolute; top:15px; left:15px; width: 400px;*/ margin-top:0px; margin-left:0px;}
.home .navhome ul li a { font-size: 1.6em; line-height: 1.1em; }
.home #nav1 > ul { margin-top:10px; margin-top:1.6%; }
.home .logo2 { display:none;}
.home .logo3 { display:none;}



body { background-color: red; font-size: 20px; line-height: 24px;}
.hg, #header2, .footer { width:1400px; }

@media only screen and (max-width: 1600px) {
	body { background-color: orange; font-size: 19px; line-height: 23px;}
	.hg { width:1280px; /**/  }
	.hg, #header2, .footer { width:1200px; }
	.sp2 { margin-left:10%; }
	.sp3 img { left: 810px; width: 390px; }
}

@media only screen and (max-width: 1279px) {
	body { background-color: grey; font-size: 18px; line-height: 22px;}
	#hg1{/*display:none;*/}
	.hg, #header2, .footer { width:1000px; }
	/*
	.home .nav, .home .spacer { width: 100px; }
	.home .content { margin-top: 60px; width: 800px; }
	.home .spacer {  margin-top: 0px; }
	.home #nav1 { margin-top: 0px; margin-left: 15px; top: 30px; left: 85px; width: 800px;}
	#menu1 { top: 75px; left: 65px; }
	*/
	

	.sp1, .sp2{ margin-left:5%; }
	.nav {width: 25%;}
	.content, .adress { width: 75%; }

	.sp3 img { left:670px; width: 330px; }
	
}

@media only screen and (max-width: 1023px) {
	body { background-color: blue; font-size: 16px; line-height: 20px;	}
	.hg { width:768px; }
	
	
	.header { background-color: lime;}
	.hg { margin:  0px auto; text-align:left; width: 100%; padding-top:0px; background-color: #00F;}
	.sp1 {margin-left:0px;}
	.sp2 {margin-left: 2%; width: 260px;}
	.sp3 img{ left:505px; width:245px; }
	#hg1, .nav {width: 240px;}
	 
	.content, .adress { /*width: 512px; margin-left:10px;*/ }
	.content  { }
	.footer { /*padding-bottom:0px; height:50px;*/}
	.logo2 {bottom: 7px;}
	.hg, #header2, .footer { width:748px; }
	.sp1{ margin-left:2%; }
	.nav {width: 30%;}
	.content, .adress { width: 70%; }
}

@media only screen and (max-width: 767px) {
	body { background-color: red; font-size: 16px; line-height: 20px;	}
	.hg { background-color: #0CC; padding-top:45px; height:auto;}	
	.home .content {  margin-top: -10px; }
	.content {margin-top:0px;}
	#content .bildbox img { margin: 0px 0px 20px 0px; }
	.header { background-color: yellow; height:45px; position:fixed; top:0px; left:0px; z-index:500;}
	.header2 { display:none; }
	.menubox {}
	.menubox { display:block;  height:45px;/*background-color:#FcF;*/}
	.menu { display:block; z-index:320; top:1%;  right: 2%!important;}
	#nav1 { top: 45px; }
	#nav1 ul{ margin-top: 10px; }
	.nav, .home .spacer { display:none;  width: 100%;}
	.hg, .content, .adress, .sp2 {width: 100%;}
	.home .content { /*margin-left: 2%;*/ }
	.content, .adress {margin-left:0px;}
	
	.sp1, .sp2 {margin-left:2%;margin-right:2%;}
	.sp2 .bildbox { display:block;}
	.sp3 img{ position:static; }
	#logo3 { width:100px; position:static; margin:20px 10px; }
	#hg1 {width: 0px;height:0px;} 
	#hg1 .footer {display:none;}
	#hg2 .footer {display:none;}
	.home .sp1 {  margin-left: 2%; }
	#menu1 {display:none;}
	#hg2 {/**/}
	.home #hg1 {display:block;}
		#content .imgteaser .big { opacity: 1; background-color: transparent; color: #fff; text-shadow: 1px 1px 5px #000; padding: 5%;}

}

@media only screen and (max-width: 511px) {
	
	body { background-color: gold; }
	.footer { position:static; margin-top:20px;}
	#footer span {width: 100%; }
	
	.claimbox { line-height: 20px; }
	.menubox { text-align: left; }
	.claimbox span{ display:block; }
	
}