#cycle-loader {
				height:32px;
				left:50%;
				margin:-8px 0 0 -8px;
				position:absolute;
				top:50%;
				width:32px;
				z-index:999;
			}
			
			.layout {width:1000px;margin-left:auto;margin-right:auto;}
			
			.hauptnavi {float:right;margin-top:29px;}
			.logostart {float:left;margin-top:20px}
			
			.architekten {font-size:18px}
			.kaufmannwanas {font-size:24px;font-weight:bold}
			.bezeichnung {position:absolute;bottom:0;}
			.bezinside {font-size:16px;padding-bottom:20px}
			
			
			/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
			#maximage {
				display:none;/* Only use this if you fade it in again after the images load */
				position:fixed !important;
			}
			
		
		
		
			#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:999;
			}
			
	
			#navig {
				top:0;
				left:0;
				position:absolute;
				width:100%;
				z-index:1000;
			}
			#naviginside {
				
			}
			
			#arrow_left, #arrow_right {
				bottom:30px;
				height:67px;
				position:absolute;
				right:30px;
				width:36px;
				z-index:1000;
			}
			
			.hauptnavi a {text-decoration:none;margin-left:12px;}
			
			.in-slide-content { 
				
			
			font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				
				left:0;
				margin:0;
				padding:0;
				position:absolute;
				top:0;
				width:100%;
				height:100%;
				z-index:9999; 
				
				
			}





@media screen and (min-width: 768px) and (max-width: 1024px) {
	
.layout {width:750px;margin-left:auto;margin-right:auto;}


		
}


@media screen and (min-width: 480px) and (max-width: 768px) {

.layout {width:460px;margin-left:auto;margin-right:auto;}

.hauptnavi {display:block;float:left;margin-top:15px}
.logostart {display:block;float:left;}

.hauptnavi a {margin-left:0;margin-right:7px;}

}

@media screen and (min-width: 320px) and (max-width: 480px) {

.layout {width:100%;margin-left:10px;margin-right:10px;}

.hauptnavi {display:block;float:left;margin-top:15px}
.logostart {display:block;float:left;}

.hauptnavi a {margin-left:0;margin-right:7px;}


}

@media screen and (min-width: 20px) and (max-width: 320px) {

.layout {width:100%;margin-left:10px;margin-right:10px;}

.hauptnavi {display:block;float:left;margin-top:15px;}
.logostart {display:block;float:left;}

.hauptnavi a {margin-left:0;margin-right:7px;}

}