@charset "utf-8";
/* CSS Document */
.masc {
	position: relative;
	width: 100%;
	height: 100px;
	overflow: hidden;
}

.masc .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;
}

.masc .slideshow {
	position: absolute;
	top: 0;
	left: 0;
	width: 2100px;
	height: 100%;
	background-image: url(../bilder/galerie1.jpg);
	-webkit-animation: infinite-image 15s linear infinite;
	-moz-animation: infinite-image 15s linear infinite;
	-o-animation: infinite-image 15s linear infinite;
	animation: infinite-image 15s linear infinite;
}

.masc .slideshow_b {
	position: absolute;
	top: 0;
	left: 0;
	width: 2100px;
	height: 100%;
	background-image: url(../bilder/galerie2.jpg);
	-webkit-animation: infinite-image 15s linear infinite;
	-moz-animation: infinite-image 15s linear infinite;
	-o-animation: infinite-image 15s linear infinite;
	animation: infinite-image 15s linear infinite;
}

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

.masc: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: -1100px; }
}

@-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: -1100px; }
}

@-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: -1100px; }
}

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

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

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