body{
/*-webkit-animation: schnee 25s linear infinite;
-moz-animation: schnee 25s linear infinite;
-ms-animation: schnee 25s linear infinite;
animation: schnee 25s linear infinite;*/
}

h1 {
color: HotPink;
font: small-caps bold 30px/1 sans-serif;
text-shadow: 3px 3px 4px #777
}

h2 {
color: HotPink;
max-width: 12em;
font: bold 12px/1 sans-serif;
text-shadow: 3px 3px 4px #777
}

tt{
color: HotPink;
font: bold 8px/1 sans-serif;
text-shadow: 3px 3px 4px #777
}

div {
max-width: 20em;
height: 88%;
position: absolute
}

/* Link-Stile für Hover-Links */
a:link {
color: HotPink;
text-shadow: 1px 1px 1px #777
}

a:visited {
color: Pink;
text-shadow: 1px 1px 1px #777
}

a:hover {
text-decoration: none;
color: red;
text-shadow: 1px 1px 1px #777
}

a:active {
color: color: HotPink;
text-shadow: 1px 1px 1px #777
}

.zentriert {margin-left: auto; margin-right: auto;}



@keyframes schnee {
    0% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;     
    }
    100% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
}

@-moz-keyframes schnee {
    0% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
    100% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
}

@-webkit-keyframes schnee {
    0% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
    100% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
}

@-ms-keyframes schnee {
    0% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
    100% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
}