#container_sl {

	width:100%;
	/*height:384px;*/
	display:block;
	margin-top:0px;
	margin-left:10px;
	
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding:0px;
	
/*
	border-top:1px solid red;
	border-bottom:1px solid red;
	background-color: #F00;*/
}

/*
	Slideshow
*/

#slides{
	position:absolute;
	z-index:100;
}

 #intro {
	 	position:absolute;
	 		position:relative;
 }

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	/*width:720px;*/
	width:100%;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container div.slide {
	width:720px;
	height:384px;
		height:468px;
	display:block;

}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	
	/*width:720px;*/
	width:100%;
	display:block;
}

.slides_container a img {
	/*
	width:502px;
	display:block;
	*/
}

/*
	Next/prev buttons
*/

.content .next img, .content .prev img {
	width:auto;
	height:auto;
	
}

.next, .prev {
	position:relative;
	left:0px;
	width:30px;
	height:30px;
	display:block;
	z-index:10;
}


#intro .next, #intro .prev {
	position:absolute;
	top:0px;
	
	opacity: 0;
    filter: alpha(opacity=0);
	/**/
	width:100px;
	
	width:10%;
	height:100%;
	
	margin:0px;
	padding:0px;
	display:block;
	z-index:200;
	/*border:solid 1px pink;*/
}

#slides .next:hover, #slides .prev:hover, #intro .next:hover,#intro .prev:hover {
	opacity: 1;
    filter: alpha(opacity=100);
}
#slides .prev, #intro .prev {
	background-image:url(../userfiles/images/meta/arrow-prev.png);
	background-position:left center;
	background-repeat: no-repeat;
	background-size: 30px auto;	
	left:0%;
}

#slides .next, #intro .next {
	background-image:url(../userfiles/images/meta/arrow-next.png);
	background-position:right center;
	background-repeat: no-repeat;
	background-size: 30px auto;	
	/*left:646px;
	left:0px;
	margin-left:100%;*/
	left:90%;


}


/*
	Pagination
*/

#intro ul.pagination{
	z-index:200;
	/*background-color: #Ff0;
	display:none;*/
}



.pagination {
	position:absolute;
	bottom:-30px;
	margin-left:-40px;
	height:12px;
	width:400px;

	/*background-color: #Ff0;*/
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:14px;
	height:0;
	padding-top:12px;
	background-image:url(../userfiles/images/meta/pagination2.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/* Desktop large  (max-width: 1535px)*/
@media only screen and (min-width: 1280px) and (max-width: 3000px) {
	#container_sl { /*border-top:1px solid gold; border-bottom:1px solid gold;*/ }
	.slides_container div.slide { width:936px; height:499px; width:910px; height:608px;}

}


/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#container_sl {/* border-top:1px solid pink; border-bottom:1px solid pink;*/ }
	.slides_container div.slide { width:744px; height:396px; width:720px; height:484px; height:454px; height:484px;}
}
/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 512px) and (max-width: 767px) {
	#container_sl { /*border-top:1px solid blue;border-bottom:1px solid blue; */ width:500px;width:calc(100vw *0.95);}
	.slides_container div.slide { width:500px; height:266px; width:500px; height:325px;  width:calc(100vw *0.95);  height:calc(100vw *0.65);}
}
@media only screen   and (max-width: 512px) {
	#container_sl { /*border-top:1px solid green; border-bottom:1px solid green; */width:300px; width:calc(100vw *0.95); }
	.slides_container div.slide { width:300px; height:160px; width:300px;height:195px;  width:calc(100vw *0.95);  height:calc(100vw *0.65); /*width:314px; height:200px; padding-bottom:50%;*/}
	
}
/*
@media only screen   and (max-width: 420px) {
	#container_sl { border-bottom:1px solid green;width:calc(100vw *0.9);}
	.slides_container div.slide { width:300px; height:160px; width:calc(100vw *0.9); height:195px; }
	
}
*/