@keyframes xboxonetest {
  0% {
    width:350px;
  }
  
  50% {
    width:150px;
  }
 
  100% {
   	width:350px;
  }
}

@-webkit-keyframes xboxonetest {
  0% {
    width:350px;
  }
  
  50% {
    width:150px;
  }
 
  100% {
   	width:350px;
  }
}

@keyframes textani
{
from {opacity: 0;}
to {opacity: 1;}
}

@keyframes textani2
{
from {opacity: 1;}
to {opacity: 0;}
}


@-webkit-keyframes textani
{
from {opacity: 0;}
to {opacity: 1;}
}

@-webkit-keyframes textani2
{
from {opacity: 1;}
to {opacity: 0;}
}



@keyframes countdown_ps4_ani
{
from {width:0px;opacity: 0;}
to {width:455px;opacity: 1;}
}

@-webkit-keyframes countdown_ps4_ani
{
from {width:0px;opacity: 0;}
to {width:455px;opacity: 1;}
}

@keyframes countdown_ps4_ani2
{
from {width:0px;opacity: 0;}
to {width:455px;opacity: 1;}
}

@-webkit-keyframes countdown_ps4_ani2
{
from {width:0px;opacity: 0;}
to {width:455px;opacity: 1;}
}




.countdown_ps4
	{
	width:455px;
	animation: countdown_ps4_ani 1.5s;
	-webkit-animation: countdown_ps4_ani 1.5s;
	}
	
.countdown_ps4_2
	{
	width:455px;
	animation: countdown_ps4_ani2 1.5s;
	-webkit-animation: countdown_ps4_ani2 1.5s;
	}
	
.countdown_ps4_start
	{
	width:455px;
	animation: countdown_ps4_ani 1.5s;
	}

.kategorie_banner
	{
	border-width:1px;
	height:200px;
background-color:#CCCCCC;
	border-color:#CCCCCC;
	border-style:dotted;
	width:200px;
	transition: width 1500ms;
	-webkit-transition: width 1500ms; /* Safari */
	}
	
.kategorie_banner:hover
	{
	cursor: pointer;
	width:355px;
	}

.text3	
	{
	clear:both;
	text-align: center;
	opacity: 0;
	font-size:12px;	
	margin-bottom: 5px;	
	}
	
.text
	{
	clear:both;
	text-align: center;
	opacity: 1;
	font-size:12px;
	animation: textani 1.5s;
	-webkit-animation: textani 1.5s;
	margin-bottom: 5px;
	}	

.text2
	{
		clear:both;
	text-align: center;
	opacity: 0;
	font-size:12px;
	animation: textani2 1.5s;
	-webkit-animation: textani2 1.5s;	
	margin-bottom: 5px;
	}