body, html {
	width:100%; 
	margin:0px; 
	padding:0px;}

#container {
	width:11520px; 
	background-color:#CCC; 
	left:0px; 
	top:0px; 
	position:absolute;}


#container img, #container video, #container audio {
	margin-top:-4px; 
	float:left; width: 
	768px; 
	height:1024px;}

.impressum {
	width: 748px; 
	height:1004px; 
	float:left; 
	background-color:#F6F6F6; 
	color:#020202; 
	display:block; 
	overflow-y:scroll; 
	overflow-x:hidden; 
	font-family: Arial, sans-serif; 
	font-size:11px; 
	padding:10px}

.preloader {
	font-family: Arial, sans-serif; 
	font-size:14px;
	position: absolute;
	display: block;
	width: 100%;
	height:100%;
	z-index: 9999;
	text-align: center;
	top: 0;
	background: white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8; }
		
.loading {
	position: absolute;
   	top: 50%;
   	left: 50%;
   	width: 220px;
   	height: 220px;
   	margin-top: -110px; /* Half the height */
   	margin-left: -110px; /* Half the width */}
   
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)  { 
#container img {height:480px !important;width:320px !important}
#container {width:4800px;}	
.impressum {width :320px; height:480px;}
	}