/*
			For private Websites you are
			free to use and modify this App.
			Commercial use needs my
			permission! Contact me: jo[at]cssapps.de
			Respect my Copyright, never remove or modify!
			--- (C) Jo Klimek 2012 CssApps.de ---
		*/
/*
body
{
	margin: auto;
	padding: auto;
}*/

		#window{
		 /* position:relative;*/
		  width:834px;
		  height:591px;
		  margin:35px auto;
		  padding: auto;
		  overflow:hidden;
		  box-shadow:0 0 15px 0px rgba(0,0,0,1);
		}

		#all{
		  -webkit-animation:slide10 60s ease-in-out infinite;
		  -moz-animation:slide10 60s ease-in-out infinite;
		  -ms-animation:slide10 60s ease-in-out infinite;
		  -o-animation:slide10 60s ease-in-out infinite;
		  animation:slide10 60s ease-in-out infinite;
		  width:9174px;     /* max 10 pictures +1 */
		  height:591px;
		  background:#505050;
		}

		#window:hover #all{
		-webkit-animation-play-state:paused;
		-moz-animation-play-state:paused;
		-ms-animation-play-state:paused;
		-o-animation-play-state:paused;
		animation-play-state:paused;
		}

		#window:hover:after{
		content:"¦¦";
		text-shadow:-1px -2px 3px #fff,1px 2px 3px #000;
		position:absolute;
		right:5px;
		top:5px;
		opacity:.6;
		color:#bbb;
		}

		#all span{
		  display:block;
		  float:left;
		  width:834px;
		  height:591px;
		}

		#all span.ls img{
		  display:block;
		  width:834px;
		  height:591px;
		}

		#all span.pt img{
		  display:block;
		  margin:0 auto;
		  height:591px;
		}

		/* -moz-    */
		/*
		@-moz-keyframes slide3{
		0%   {margin-left:0px;}
		20%  {margin-left:0px;}
		33%  {margin-left:-834px;}
		53%  {margin-left:-834px;}
		66%  {margin-left:-1668px;}
		86%  {margin-left:-1668px;} 
		100%  {margin-left:-2502px;}
		}
		@-moz-keyframes slide5{
		0%   {margin-left:0px;}
		12%  {margin-left:0px;}
		20%  {margin-left:-834px;}
		32%  {margin-left:-834px;}
		40%  {margin-left:-1668px;}
		52%  {margin-left:-1668px;} 
		60%  {margin-left:-2502px;}
		72%  {margin-left:-2502px;}  
		80%  {margin-left:-3336px;} 
		92%  {margin-left:-3336px;} 
		100%  {margin-left:-4170px;}
		}*/
		@-moz-keyframes slide10{
		0%   {margin-left:0px;}
		7%   {margin-left:0px;}
		10%  {margin-left:-834px;}
		17%  {margin-left:-834px;}
		20%  {margin-left:-1668px;}
		27%  {margin-left:-1668px;} 
		30%  {margin-left:-2502px;}
		37%  {margin-left:-2502px;}  
		40%  {margin-left:-3336px;}
		47%  {margin-left:-3336px;}  
		50%  {margin-left:-4170px;} 
		57%  {margin-left:-4170px;} 
		60%  {margin-left:-5004px;} 
		67%  {margin-left:-5004px;} 
		70%  {margin-left:-5838px;} 
		77%  {margin-left:-5838px;} 
		80%  {margin-left:-6672px;} 
		87%  {margin-left:-6672px;} 
		90%  {margin-left:-7506px;} 
		97%  {margin-left:-7506px;} 
		100%  {margin-left:-8340px;}
		}

		/* -webkit- */   
		/*
		@-webkit-keyframes slide3{
		0%   {margin-left:0px;}
		20%  {margin-left:0px;}
		33%  {margin-left:-834px;}
		53%  {margin-left:-834px;}
		66%  {margin-left:-1668px;}
		86%  {margin-left:-1668px;} 
		100%  {margin-left:-2502px;}
		}
		@-webkit-keyframes slide5{
		0%   {margin-left:0px;}
		12%  {margin-left:0px;}
		20%  {margin-left:-834px;}
		32%  {margin-left:-834px;}
		40%  {margin-left:-1668px;}
		52%  {margin-left:-1668px;} 
		60%  {margin-left:-2502px;}
		72%  {margin-left:-2502px;}  
		80%  {margin-left:-3336px;} 
		92%  {margin-left:-3336px;} 
		100%  {margin-left:-4170px;}
		}*/
		@-webkit-keyframes slide10{
		0%   {margin-left:0px;}
		7%   {margin-left:0px;}
		10%  {margin-left:-834px;}
		17%  {margin-left:-834px;}
		20%  {margin-left:-1668px;}
		27%  {margin-left:-1668px;} 
		30%  {margin-left:-2502px;}
		37%  {margin-left:-2502px;}  
		40%  {margin-left:-3336px;}
		47%  {margin-left:-3336px;}  
		50%  {margin-left:-4170px;} 
		57%  {margin-left:-4170px;} 
		60%  {margin-left:-5004px;} 
		67%  {margin-left:-5004px;} 
		70%  {margin-left:-5838px;} 
		77%  {margin-left:-5838px;} 
		80%  {margin-left:-6672px;} 
		87%  {margin-left:-6672px;} 
		90%  {margin-left:-7506px;} 
		97%  {margin-left:-7506px;} 
		100%  {margin-left:-8340px;}
		}

		/* -o-  */ 
		/*
		@-o-keyframes slide3{
		0%   {margin-left:0px;}
		20%  {margin-left:0px;}
		33%  {margin-left:-834px;}
		53%  {margin-left:-834px;}
		66%  {margin-left:-1668px;}
		86%  {margin-left:-1668px;} 
		100%  {margin-left:-2502px;}
		}
		@-o-keyframes slide5{
		0%   {margin-left:0px;}
		12%  {margin-left:0px;}
		20%  {margin-left:-834px;}
		32%  {margin-left:-834px;}
		40%  {margin-left:-1668px;}
		52%  {margin-left:-1668px;} 
		60%  {margin-left:-2502px;}
		72%  {margin-left:-2502px;}  
		80%  {margin-left:-3336px;} 
		92%  {margin-left:-3336px;} 
		100%  {margin-left:-4170px;}
		}*/
		@-o-keyframes slide10{
		0%   {margin-left:0px;}
		7%   {margin-left:0px;}
		10%  {margin-left:-834px;} /* grundbreite */
		17%  {margin-left:-834px;}
		20%  {margin-left:-1668px;} /* grundbreite * 2 .... */
		27%  {margin-left:-1668px;} 
		30%  {margin-left:-2502px;} /* ... * 3 */
		37%  {margin-left:-2502px;}  
		40%  {margin-left:-3336px;}
		47%  {margin-left:-3336px;}  
		50%  {margin-left:-4170px;} 
		57%  {margin-left:-4170px;} 
		60%  {margin-left:-5004px;} 
		67%  {margin-left:-5004px;} 
		70%  {margin-left:-5838px;} 
		77%  {margin-left:-5838px;} 
		80%  {margin-left:-6672px;} 
		87%  {margin-left:-6672px;} 
		90%  {margin-left:-7506px;} 
		97%  {margin-left:-7506px;} 
		100%  {margin-left:-8340px;}
		}

		/*     */
		/*
		@keyframes slide3{
		0%   {margin-left:0px;}
		20%  {margin-left:0px;}
		33%  {margin-left:-834px;}
		53%  {margin-left:-834px;}
		66%  {margin-left:-1668px;}
		86%  {margin-left:-1668px;} 
		100%  {margin-left:-2502px;}
		}
		@keyframes slide5{
		0%   {margin-left:0px;}
		12%  {margin-left:0px;}
		20%  {margin-left:-834px;}
		32%  {margin-left:-834px;}
		40%  {margin-left:-1668px;}
		52%  {margin-left:-1668px;} 
		60%  {margin-left:-2502px;}
		72%  {margin-left:-2502px;}  
		80%  {margin-left:-3336px;} 
		92%  {margin-left:-3336px;} 
		100%  {margin-left:-4170px;}
		}*/
		@keyframes slide10{
		0%   {margin-left:0px;}
		7%   {margin-left:0px;}
		10%  {margin-left:-834px;}
		17%  {margin-left:-834px;}
		20%  {margin-left:-1668px;}
		27%  {margin-left:-1668px;} 
		30%  {margin-left:-2502px;}
		37%  {margin-left:-2502px;}  
		40%  {margin-left:-3336px;}
		47%  {margin-left:-3336px;}  
		50%  {margin-left:-4170px;} 
		57%  {margin-left:-4170px;} 
		60%  {margin-left:-5004px;} 
		67%  {margin-left:-5004px;} 
		70%  {margin-left:-5838px;} 
		77%  {margin-left:-5838px;} 
		80%  {margin-left:-6672px;} 
		87%  {margin-left:-6672px;} 
		90%  {margin-left:-7506px;} 
		97%  {margin-left:-7506px;} 
		100%  {margin-left:-8340px;}
		}