/* TEXT ODA OIS MOEGLICHE VON LINKS EINISCHIABN */
.schiabeini {
/*	margin:0 0 0 0px; */
	-webkit-animation-name: pushingHeadline;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:1;
	animation-name: pushingHeadline;
	animation-duration:3s;
	animation-iteration-count:1;
	text-align: center;
	position: relative;
	}
@-webkit-keyframes pushingHeadline {
	0% {		text-indent:-2000px;	}

	100% {	text-indent:0px;	}
	
	}
@-webkit-keyframes slide {
	0% {		height:0px;		}

	25% {		height:170px;	}

	75% {		height:170px;	}

	100% {	height:0px;	}
	
	}

/* ziagt von rechts eini */
.ziageini {
/*	margin:0 0 0 0px; */
	-webkit-animation-name: pushingHeadline;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:1;
	animation-name: pushingHeadline;
	animation-duration:3s;
	animation-iteration-count:1;
	text-align: center;
	position: relative;
	}
@-webkit-keyframes pushingHeadline {
	0% {		text-indent:-2000px;	}

	100% {	text-indent:0px;	}
	
	}
.welcome li:hover div,
.welcome li:active div,
.welcome li:focus div {
	opacity:1;
	position:absolute; 
	left:0;	
	bottom:30px;
	height:170px; 
	width:220px;
	text-align:left;
	background: rgb(150,140,130);
	background: rgba(150,140,130,.90); 	
	color:#FFF;
	-webkit-animation-name: slide;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:1;
	animation-name: slide;
	animation-duration:10s;
	animation-iteration-count:1;
	}
@-webkit-keyframes slide {
	0% {		height:0px;		}

	25% {		height:170px;	}

	75% {		height:170px;	}

	100% {	height:0px;	}
	
	}



/* TEXT RUNTER RUTSCHEN LASSEN */
.rutschrunter { 

	position:relative; /* gaaaaanz wichtig! Sonst rutscht nix!!!  */
/* W3C  */
transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;

	animation-name:slidingHeadline;
  	animation-duration:4s;
  	animation-iteration-count:1;
  	animation-direction:normal;
	
	-webkit-animation-name:slidingHeadline;
  	-webkit-animation-duration:4s;
  	-webkit-animation-iteration-count:1;
  	-webkit-animation-direction:normal;  	
	
	-moz-animation-name:slidingHeadline;
  	-moz-animation-duration:4s;
  	-moz-animation-iteration-count:1;
  	-moz-animation-direction:normal;
  	
/* VIELLEICHT SOGAR 'MAL IM IE: */	
	-ie-animation-name:slidingHeadline;
  	-ie-animation-duration:4s;
  	-ie-animation-iteration-count:1;
  	-ie-animation-direction:normal;   	  	
	}

@-webkit-keyframes slidingHeadline{
  	from {top:-100px;}
   	to {top:0px;}
}
@-moz-keyframes slidingHeadline{
  	from {top:-100px;}
   	to {top:0px;}
}