/* ANIMATION */

/* Blinken */
@-webkit-keyframes blink {
0% { opacity: 1; -webkit-transform: scale(1.0) }
60% { opacity: 0.5; -webkit-transform: scale(1.0)}
100% { opacity: 1; -webkit-transform: scale(1.0)}
}

@-moz-keyframes blink {
0% { opacity: 1;  -moz-transform: scale(1.0)}
60% { opacity: 0.5;  -moz-transform: scale(1.0)}
100% { opacity: 1;  -moz-transform: scale(1.0)}
}

@keyframes blink {
0% { opacity: 1;  transform: scale(1.0) }
60% { opacity: 0.5;  transform: scale(1.0) }
100% { opacity: 1;  transform: scale(1.0) }
}

.blinken {
-webkit-animation-name: blink;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blink;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
animation-name: blink;
animation-duration: 1s;
animation-iteration-count: infinite;
} 

/* Blinken Schnell */
@-webkit-keyframes blink_fast {
0% { opacity: 1; -webkit-transform: scale(1.0) }
60% { opacity: 0.3; -webkit-transform: scale(1.0)}
100% { opacity: 1; -webkit-transform: scale(1.0)}
}

@-moz-keyframes blink_fast {
0% { opacity: 1;  -moz-transform: scale(1.0)}
60% { opacity: 0.3;  -moz-transform: scale(1.0)}
100% { opacity: 1;  -moz-transform: scale(1.0)}
}

@keyframes blink_fast {
0% { opacity: 1;  transform: scale(1.0) }
60% { opacity: 0.3;  transform: scale(1.0) }
100% { opacity: 1;  transform: scale(1.0) }
}

.blinken_schnell {
-webkit-animation-name: blink_fast;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: 10;
-moz-animation-name: blink_fast;
-moz-animation-duration: 0.5s;
-moz-animation-iteration-count: 10;
animation-name: blink_fast;
animation-duration: 0.5s;
animation-iteration-count: 10;
} 

.blinken_schnell_const {
-webkit-animation-name: blink_fast;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blink_fast;
-moz-animation-duration: 0.5s;
-moz-animation-iteration-count: infinite;
animation-name: blink_fast;
animation-duration: 0.5s;
animation-iteration-count: infinite;
} 

/* Fadeout */
@-webkit-keyframes fade_out {
0% { opacity: 1; -webkit-transform: scale(1.0) }
50% { opacity: 1; -webkit-transform: scale(1.0) }
100% { opacity: 0; -webkit-transform: scale(1.0)}
}

@-moz-keyframes fade_out {
0% { opacity: 1; -webkit-transform: scale(1.0) }
50% { opacity: 1; -webkit-transform: scale(1.0) }
100% { opacity: 0; -webkit-transform: scale(1.0)}
}

@keyframes fade_out{
0% { opacity: 1; -webkit-transform: scale(1.0) }
50% { opacity: 1; -webkit-transform: scale(1.0) }
100% { opacity: 0; -webkit-transform: scale(1.0)}
}

.fadeout {
	opacity:0;
-webkit-animation-name: fade_out;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: 1;
-moz-animation-name: fade_out;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: 1;
animation-name: fade_out;
animation-duration: 5s;
animation-iteration-count: 1;
} 

/* Statistik Höhe */
@-webkit-keyframes stat_high {
0% { background-position: center 100px; }
}

@-moz-keyframes stat_high {
0% { background-position: center 100px; }
}

@keyframes stat_high{
0% { background-position: center 100px; }
}

.stat_high_td {
	opacity:1;
-webkit-animation-name: stat_high;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-name: stat_high;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: 1;
animation-name: stat_high;
animation-duration: 1s;
animation-iteration-count: 1;
} 

/* Statistik Weite */
@-webkit-keyframes stat_width {
0% { background-position: -525px center ; }
}

@-moz-keyframes stat_width {
0% { background-position: -525px center ; }
}

@keyframes stat_width{
0% { background-position: -525px center ; }
}

.stat_width_td {
	opacity:1;
-webkit-animation-name: stat_width;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-name: stat_width;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: 1;
animation-name: stat_width;
animation-duration: 1s;
animation-iteration-count: 1;
}