body	{
		height:100%;
        width:100%;
		margin: 0;
		padding: 0;	
		background-color:#2c2721;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#fff; 
		font-Size:0.9em;
		margin-top:0px
		overflow-x: hidden;}
		
a:link 		{color:#fff; text-decoration:none}
a:active 	{color:#fff; text-decoration:none}
a:visited	{color:#fff; text-decoration:none}
a:hover		{color:#fff; text-decoration:underline}	

h1 {
		font-size:1.1em;
		padding-bottom:10px;}

p {	
		line-height:1.5}

#container {
		background-image:url(../bilder/background_s.jpg);
		background-size:100%;
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none}		
		
img.size {
	max-width: 80%;
	height: auto;}
		

img.logo {
	max-width: 45%;
	height: auto;}


#logo {
		margin-top:-15px;
		margin-left:10px}
	
#content {
		width:auto;
		margin-top:100px;
		height:auto}
		
#infotext1 {
		float:none;
		margin-left:5%;
}
		
#infotext2 {
		float:right;
		margin-right:5%;
		margin-top:20px}	
		
#text {
		clear:both;
		width:auto;
		padding:30px;
		line-height:1.2}

		
#bilder {
		clear:both;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		padding:10px 50px;}
		
ul {
		list-style:none;
		margin-bottom:50px}
		
		
li {
		display:inline-block;}

li.bild1 {
		margin-left:auto;
		margin-right:auto;}

li.bild2 {
		margin-left:auto;
		margin-right:auto;
		margin-top:-70px}
		
li.bild3 {
		margin-left:auto;
		margin-right:auto;
		margin-left:0px;
		margin-top:-10px}

li.bild4 {
		margin-left:auto;
		margin-right:auto;
		margin-left:0px;
		margin-top:-60px}
	


#bild5 {
		position:absolute;
		z-index:10;
		margin-top:20px;
		margin-left:1050px;	
		visibility:hidden}
		
#footer {
		background-color:rgba(28,26,24,0.5);
		padding-top:10px}

#footer_text {
		margin-top:20px;
		padding-bottom:30px;
		text-align:center;}
		
#fb {
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		width:200px;
		text-align:center}
		
#text_impr {
		width:auto;
		height:auto;
		 margin-top:100px;
		 margin-bottom:30px;
		padding:30px;
		line-height:1.2}
		
   @media screen and (orientation: landscape) {
     body {-webkit-text-size-adjust: 100%;
	 		overflow-x: hidden; }
   }
   
    @media screen and (orientation: portrait) {
     body {-webkit-text-size-adjust: 100%;
	 		overflow-x: hidden; }
   }	
		
	    
		
@media screen and (min-width: 460px) and (max-width: 600px) {
	

	
container{
		background-image:url(../bilder/background.jpg);}
		
img {
	max-width: 100%;}
	
img.logo {
	max-width: 40%;
	height: auto;}	
		

li {
		display:inline-block;}
		
li.bild1 {
		width:100%;
		margin-left:auto;
		margin-right:auto}

li.bild2 {
		width:100%;
		margin-left:auto;
		margin-right:auto}
		
li.bild3 {
		width:100%;
		margin-left:auto;
		margin-right:auto}

li.bild4 {
		width:100%;
		margin-left:auto;
		margin-right:auto}

#logo {
		margin-top:-20px;
		margin-left:40px}
		
#infotext1 {
		float:left;
		margin-left:5%;
		margin-top:13%;
}
		
#infotext2 {
		float:right;
		margin-right:15%;
		margin-top:4%}	
		
#text_impr {

		 margin-top:170px;}
}

@media screen and (min-width: 601px) and (max-width: 800px) {
	
#container {
		background-image:url(../bilder/background.jpg);}		
	
img.logo {
	max-width: 35%;
	height: auto;}	

#infotext1 {
		float:left;
		margin-left:5%;
		margin-top:20%;
}
		
#infotext2 {
		float:right;
		margin-right:5%;
		margin-top:20%}	
		

li {
		display:inline-block;}
		
li.bild1 {
		width:100%;
}

li.bild2 {
		width:100%;
		margin-left:auto;
		margin-right:auto}
		
li.bild3 {
		width:100%;
		margin-left:auto;
		margin-right:auto}

li.bild4 {
		width:100%;
		margin-left:auto;
		margin-right:auto}
		
#text_impr {

		 margin-top:260px;}
}

@media screen and (min-width: 801px) and (max-width: 1000px) {
	
#container {
		background-image:url(../bilder/background.jpg);}	

img.logo {
	max-width: 30%;
	height: auto;}	
		
#infotext1 {
		float:left;
		margin-left:5%;
		margin-top:28%;
}
		
#infotext2 {
		float:right;
		margin-right:5%;
		margin-top:28%}	
		
li {
		display:inline;}
		
li.bild1 {
		width:100%;
		margin-left:0%}

li.bild2 {
		width:100%;
		margin-left:0%;}
		
li.bild3 {
		width:100%;
		margin-left:0%}

li.bild4 {
		width:100%;}
		
#text_impr {

		 margin-top:350px;}

}



@media screen and (min-width: 1001px) and (max-width: 1200px) {

#container {
		background-image:url(../bilder/background.jpg);}		
		
#infotext1 {
		float:left;
		margin-left:5%;
		margin-top:35%;
}
		
#infotext2 {
		float:right;
		margin-right:5%;
		margin-top:35%}
		
li {
		display:inline;}
		
li.bild1 {
}

li.bild2 {
		margin-left:10%;}
		
li.bild3 {

		margin-left:10%}

li.bild4 {

		margin-left:10%}
		
#text_impr {

		 margin-top:420px;}
	
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
	
#container {
		background-image:url(../bilder/background.jpg);
		width:100%;
		margin-bottom:0px;
		-moz-box-shadow: 0 0 9px #151313;
		-webkit-box-shadow: 0 0 9px #151313;
		box-shadow:0 0 9px #151313}	
		
#logo {
		margin-top:-20px;
		margin-left:40px}
		
#infotext1 {
		float:left;
		margin-left:15%;
		margin-top:37%;
}
		
#infotext2 {
		float:right;
		margin-right:15%;
		margin-top:37%}	
		
li {
		display:inline;}
		
li.bild1 {
		width:100%;}

li.bild2 {
		width:100%;
		margin-left:-60px}
		
li.bild3 {
		width:100%;
		margin-left:-60px}

li.bild4 {
		width:100%;
		margin-left:-60px}
		
#bild5 {
		visibility:visible;
		position:absolute;
		z-index:5;
		margin-left:20px;
		margin-top:-40px}

#fb {
		position:absolute;
		z-index:10;
		margin-top:20px;
		margin-left:1050px;}
		
#text_impr {

		 margin-top:600px;}

}

@media screen and (min-width: 1401px)  {
	
#container {
		background-image:url(../bilder/background.jpg);
		width:1280px;
		margin-bottom:30px;
		-moz-box-shadow: 0 0 9px #151313;
		-webkit-box-shadow: 0 0 9px #151313;
		box-shadow:0 0 9px #151313}	
		
		
		
#logo {
		margin-top:-20px;
		margin-left:40px}
		
#infotext1 {
		float:left;
		margin-left:15%;
		margin-top:35%;
}
		
#infotext2 {
		float:right;
		margin-right:15%;
		margin-top:35%}	
		
li {
		display:inline;}
		
li.bild1 {
		width:100%;}

li.bild2 {
		width:100%;
		margin-left:-60px}
		
li.bild3 {
		width:100%;
		margin-left:-60px}

li.bild4 {
		width:100%;
		margin-left:-60px}
		
#bild5 {
		visibility:visible;
		position:absolute;
		z-index:5;
		margin-left:20px;
		margin-top:-40px}
		
#fb {
		position:absolute;
		z-index:10;
		margin-top:20px;
		margin-left:1050px;}
		
#text_impr {

		 margin-top:550px;}

}