html {height: 100%;}

body {
	padding:0;
	margin:0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;

}

#gal {
 padding:0;
 margin:0;
 position:absolute; 
 width:500px; 
 height:625px;
 background:url(startseite_css3_shop.jpg) no-repeat;
}

#gal dl {
 width:500px; 
 height:625px;
}

#gal br {
 display:none;
}

#gal dt  {
 position:absolute;
 top:0;
 left:0;
 display:block;
 opacity:0;
 -webkit-animation: fade 30s infinite;
 -moz-animation: fade 30s infinite;
 -ms-animation: fade 30s infinite;
 -o-animation: fade 30s infinite;
 animation: fade 30s infinite;
}

#gal img {
 width:500px;
 float:left;
}

@keyframes fade {
  0% , 30% , 100% { opacity:0; }
 10% , 20%        { opacity:1; } 
}

#gal #dt_1  { animation-delay:5;}
#gal #dt_2  { animation-delay:15s;}
#gal #dt_3  { animation-delay:25s;}
#gal #dt_4  { animation-delay:35s;}
#gal #dt_5  { animation-delay:45s;}
#gal #dt_6  { animation-delay:55s;}
#gal #dt_7  { animation-delay:65s;}
#gal #dt_8  { animation-delay:75s;}
#gal #dt_9  { animation-delay:85s;}
#gal #dt_10  { animation-delay:95s;}