﻿/* basic */

.mascAusflug {
	position: relative;
	width: 960px; height: 102px;
	border: 1px solid black;
	background: #eee;
	overflow: hidden;
}

.mascAusflug .typo-band {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	line-height: 180px;
	font-family: helvetica;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 1px;
	
	-webkit-animation: infinite-band 10s linear infinite;
	-moz-animation: infinite-band 10s linear infinite;
	-o-animation: infinite-band 10s linear infinite;
	animation: infinite-band 10s linear infinite;
}

.mascAusflug .slideshow {
	position:absolute;
	top: 0; left: 0;
	width: 2196px; height:101%;
	background-image: url('../akhm-gast/images/poster-gutshof01.png'); 
	-webkit-animation: infinite-image 30s linear infinite;
	-moz-animation: infinite-image 30s linear infinite;
	-o-animation: infinite-image 30s linear infinite;
	animation: infinite-image 30s linear infinite;
}

.mascAusflug .state {
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;
}

.mascAusflug:hover .state{
	-webkit-animation-play-state:running;	
	-moz-animation-play-state:running;	
	-o-animation-play-state:running;	
	animation-play-state:running;	
}


@-webkit-keyframes infinite-image {
	0% { left:0;}
	100% { left: -1249px; }
}

@-webkit-keyframes infinite-band {
	0% { left:100%;}
	50% { -webkit-transform: scale(1.5);}
	100% { left: -100%;}
}

@-moz-keyframes infinite-image {
	0% { left:0;}
	100% { left: -1249px; }
}

@-moz-keyframes infinite-band {
	0% { left:100%;}
	50% { -moz-transform: scale(1.5);}
	100% { left: -100%;}
}

@-o-keyframes infinite-image {
	0% { left:0;}
	100% { left: -1249px; }
}

@-o-keyframes infinite-band {
	0% { left:100%;}
	50% { -o-transform: scale(1.5);}
	100% { left: -100%;}
}

@keyframes infinite-image {
	0% { left:0;}
	100% { left: -1249px; }
}

@keyframes infinite-band {
	0% { left:100%;}
	50% { transform: scale(1.5);}
	100% { left: -100%;}
}