.logoanim {
animation:lgan 5s ;
-moz-animation:lgan 5s ;
-webkit-animation:lgane 5s ;
transitions:all 5s;
}

@keyframes  lgan
{
from {opacity:1;transform:ratation(0deg);}
to {transform:scale(1.2);opacity:0;transform:ratation(360deg);}
}
ul#li {margin-left:-40px;min-width:175px;width:100%} 
 
div#balken , td#div
{
color:white;
font-weight:bold;
/*width:100%;*/
height:16px;
background:green;
position:relative;
/**/
animation:mymove 5s ;
-moz-animation:mymove 5s ; 
-webkit-animation:mymove 5s ;  
-o-animation:mymove 5s ; 
 animation-iteration-count:1;
 single-animation-fill-mode:none;
 
 -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
 -o-animation-fill-mode: forwards;
  -moz-box-shadow: 0 0 5px 5px black;
  box-shadow:0px 0px 5px black; 
}
/*
0%   {width:0px;}
25%  {width:50px;}
50%  {width:100px;}
75%  {width:150px;
100% {width:200px;}
*/

/
@keyframes mymove
{
from {width:0px;}
to {width:px;}
 
 
}

@-moz-keyframes mymove /* Firefox */
{
from {width:0px;}
to {width:px;}
 
 
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
from {width:0px;}
to {width:px;}
 
}

@-o-keyframes mymove /* Opera */
{
from {width:0px;}
to {width:px;}
 
}


/* next animation */