img.logobild,
img.logotext {
  position:absolute;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
}

img.logobild {
  opacity:0;
}

#logo:hover img.logotext {
  -webkit-animation-name: logotext;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(720deg);
  opacity: 0;
}
@-webkit-keyframes logotext {
0%	{ opacity: 1; }
100%	{ opacity: 0; }
}

#logo:hover img.logobild {
  -webkit-animation-name: logobild;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  opacity: 1;
}

@-webkit-keyframes logobild {
0%	{ opacity: 0; }
100%	{ opacity: 1; }
}


#logo {
  display:block;
  width: 160px;
  height: 160px;
}