@keyframes fadeOut {
	0% {opacity: 0;}
	80%  {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes xfade { 
 0%  {opacity:1;}
 25.00000%  {opacity:1;}
 30.00000% {opacity: 0}
 95%	{opacity: 0}
 100%   {opacity:1;}
}

.startgal li:nth-child(1) {
animation: xfade 32s 24s infinite;
}

.startgal li:nth-child(2) {
animation: xfade 32s 16s infinite;
}

.startgal li:nth-child(3) {
animation: xfade 32s 8s infinite;
}

.startgal li:nth-child(4) {
animation: xfade 32s 0s infinite;
}

#firstimg{
    animation: fadeOut 8.00000s;

	
}
.slideshow {
	vertical-align: top;
}
.slideshow img,
.slideshow picture,
.slideshow ul,
.slideshow li {
	display: block;
}
ul.startgal{
  position: absolute;
  display: block;
  width: 50%;
  list-style: none;
  padding: 0;
  margin: 0;
}
#gal1 {
}
#gal2 {
	right: 0;
}
.startgal li,
#firstimg {
  position: absolute;
  opacity: 0;
  z-index: 90
}

#content .trans{
    display: block;
	margin-bottom: 20px;
	position: relative;
	z-index: -1

}



#############################

/*
https://themarklee.com/2013/10/16/simple-crossfading-slideshow-css/
 .heart {
  animation-play-state: running;
}

.heart:hover {
  animation-play-state: paused;
} 
*/