#container_sl {

	width:100%;
	height:329px;
	display:block;

	margin:0px;
	padding: 0px;
	/*background-color: #F00;*/
	/*border:solid red 1px;*/
}

/*
	Slideshow
*/

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

 #intro {
	 	position:relative;

	 	/*display:none;*/
	 	/*border:solid blue 1px;*/

 }

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

.slides_container {
		 	/*top:-35px;*/
	width:100%;
	overflow:hidden;
	/*position:relative;
	display:none;*/
	/*border:solid black 1px;*/
}

.slides_container div.slide {
	width:1004px;
	height:329px;

	display:block;
	position:relative;
	
}
.home .slides_container div.slide {
		height:373px;
	/*border:solid red 1px;*/
}
.slidetext {
	position:absolute;
	z-index:50;
	margin-top:-19px;
}
.slidetext span{
	display:inline-block;
	padding:20px 30px;
	background-color: rgba(256,256,256,0.9);
	font-size: 26px;
 	 line-height: 30px;
  	/* text-transform: uppercase;*/
    font-weight: 400;
	color:#000;	

}
.slidetext2 {
	background-color: #fff;
	position:absolute;
	z-index:50;
	bottom:10px;
	width:100%;
	text-align:right;
}
/*
	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:100%;
	display:block;
}
.slides_container img {
	width:100%;
	height:auto;
	/*border:solid 5px red;*/
}
#content #container_sl .slides_container a img {
	position:relative;

}

/*
	Next/prev buttons
*/

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



#intro .next, #intro .prev {
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 40px 40px;	
	position:absolute;
	top:0px;	
	left:0px;
	width:100px;
	height:100%;
	display:block;
	z-index:10;
	cursor:pointer;
	/*display:none;*/
	/*background-color: rgba(200,200,200,0.8);*/
	
}
#intro .prev {
	background-image:url(../userfiles/images/meta/arrow-prev.svg);
}
#intro .next {
	background-image:url(../userfiles/images/meta/arrow-next.svg);
	background-position: right center;
	left:904px;
}

/*
	Pagination
*/

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



.pagination {
	position:absolute;
	bottom:-30px;
	margin-left:-23px;
	height:12px;
	width:400px;
	display:none;
	/*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;
}
/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {	
	#container_sl, #intro { height:245px; height:221px;}
	.slides_container { top:-15px;}
	.home .slides_container { top:-35px;}
	.slides_container div.slide { width:748px; height: 245px;  height:221px;}
	.slidetext span { padding:6px 16px; font-size: 24px;  line-height: 28px; }
	#intro .next { left:648px; }
	#intro .next, #intro .prev { background-size: 30px 30px; height:245px;  height:221px; top:-15px; /*border:solid 1px red;*/}
	
	.home #container_sl, #intro { height:278px;}
	.home #intro .next, .home  #intro .prev { height:278px; top:0px;}

}
/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 512px) and (max-width: 767px) {

	#container_sl { height:168px; 	/*background-color: red;*/}
	#introX {display:none;}

	
	.slides_container div.slide { width:512px; height: 168px;}
	.slidetext span { padding:6px 16px; font-size: 20px;  line-height: 24px; }
	#intro .next { left:412px; }
	#intro .next, #intro .prev { background-size: 20px 20px; height:168px;}
	
	.home .slides_container { top:-35px;}	
	.home #container_sl, #intro { height:190px;}
	.home #intro .next, .home  #intro .prev { height:190px;}	


}
@media only screen and (min-width: 320px)  and (max-width: 512px) {

	#container_sl, #intro { height:125px; /*border-top:solid 1px red;*/}
	.home #container_sl, .home #intro { height:94px; /*border-top:solid 1px red;*/}
	
	.slides_container { top:-35px;top:-20px;}
	.slides_container div.slide { width:320px; height: 94px; /*border-top:solid 1px blue;*/}
	.home .slides_container div.slide { height:119px; border-bottom:solid 1px blue;}
	.slidetext {  margin-top: -3px; }
	
	.slidetext span { padding:2px 6px; font-size: 14px;  line-height: 16px; }
	#intro .next { left:220px; }
	#intro .next, #intro .prev { background-size: 20px 20px; height:94px;}

/*
	#container_sl { height:105px;}
	
	.home .slides_container { top:-580px;}

	.slides_container div.slide { width:320px; height: 105px;}
	.slidetext { display: none;}


	.slidetext span { padding:2px 6px; font-size: 14px;  line-height: 16px; }
	#intro .next { left:220px; }
	
	#intro .next, #intro .prev { background-size: 20px 20px; height:105px;}	
*/	
	
}