div#slideshow {
	background-image: url(../images/galerie-logos/fd-logo.gif);
	background-color: #FFF;
	border:1px solid #c9c4c1;
	width: 100%;
	max-width: 878px;
	min-height:370px;
	margin:0 auto;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	padding:24px 0;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
	position: relative; z-index: 5;
}


	div#slideshow ul#nav {
		display: block;
		list-style: none;
		width: 100%;
		max-width: 878px;
		left:0;
		position: absolute;
		top: 235px;
		z-index: 1000;
		margin:0;
		padding:0;
	}

	@media screen and (max-width: 768px) {
		div#slideshow {
			padding: 12px 0;
			min-height: 300px;
		}
		div#slideshow ul#nav li a {
			width: 40px;
			height: 57px;
			background-size: contain;
		}
	}

	@media screen and (max-width: 480px) {
		div#slideshow {
			padding: 8px 0;
			min-height: 250px;
		}
		div#slideshow ul#nav {
			top: 50%;
			transform: translateY(-50%);
		}
		div#slideshow ul#nav li a {
			width: 30px;
			height: 43px;
		}
	}
		div#slideshow ul#nav li#prev {
			float: left; margin:0;
		}
		div#slideshow ul#nav li#next {
			float: right; margin:0;
		}
		div#slideshow ul#nav li a {
			display: block; width: 60px; height: 86px; text-indent: -9999px;
		}
			div#slideshow ul#nav li#prev a {
				background: url(../images/btn-slideshow-prev.png) top left;
			}
			div#slideshow ul#nav li#next a {
				background: url(../images/btn-slideshow-next.png) top left;
			}
			div#slideshow ul#nav li#prev a:hover {
				background-position:bottom left;
			}
			div#slideshow ul#nav li#next a:hover {
				background-position:bottom left;
			}

	div#slideshow ul#slides {
		list-style: none;
		margin:0 auto;
		width: 100%;
		max-width: 878px;
		height: auto;
		min-height: 386px;
	}
		div#slideshow ul#slides li {
			margin: 0;
			width: 100%;
			text-align:center;
			img {
				max-width: 100%;
				height: auto;
			}
		}

a {outline: none; }