<style>
/* hier der html Code
             <div class="myMarquee">
                <div class="scroller">
                    <div>Letzte Änderung dieser Seite: 26.10.2015</div>
                    <div>Ergänzung des Ticker Bandes</div>
                    <div>In Kürze werden wir noch Blog Einträge aufsetzen</div>
                </div>
            </div>
*/

.myMarquee {width:600px; height:40px; overflow:hidden; position:relative; border:1px solid #aaa; margin:100px auto;
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);

-o-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

background:#4ad;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));

}
.scroller {display:block; width:100%; height:40px; position:relative; left:20px; top:0; /* absolute */
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration:10s;
-moz-animation-name: scroll;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-duration:10s;
-webkit-animation-name: scroll;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
-o-animation-duration:10s;
-o-animation-name: scroll;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration:10s;
animation-name: scroll;
}
.scroller div {font-family:Verdana, Geneva, sans-serifserif; font-size:14px; line-height:40px; float:right; width:600px; color:#000; font-weight:normal; padding:0 10px;}
.scroller div a {color:#c00;}

@-moz-keyframes scroll {
0% {left:0;}
100% {left:-620px;}
}

@-webkit-keyframes scroll {
0% {left:0;}
100% {left:-620px;}
}

@-o-keyframes scroll {
0% {left:0;}
100% {left:-620px;}
}

@keyframes scroll {
0% {left:0;}
100% {left:-620px;}
}

.scroller:hover {
 -moz-animation-play-state: paused;
 -webkit-animation-play-state: paused;
 -o-animation-play-state: paused;
 animation-play-state: paused;
 }

</style>


<style>
	@media only screen and (max-width:480px) {
	.myMarquee {display:none;}
	#info h3.smartphone {display:block;}
	}
</style>


