/*@media screen and (min-width: 769px) {*/


#slider.elegant, #slider.elegant ul, #slider.elegant ul li {width:100%;position:relative; height:300px;}

#slider.elegant { position:relative; overflow:hidden; width:100%; padding:0px; margin:0px;}



#slider.elegant ul { list-style:none; position:absolute; margin:0; }
#slider.elegant ul li { float:left; position:relative; overflow:hidden; }

/* captions style */
#slider.elegant ul li .slider-caption {
	 background:url('../images/slider-caption-bg.png'); position:absolute; 
	 right:0;top:0;bottom:0;
	 }
#slider.elegant ul li .slider-caption h2, #slider.elegant ul li .slider-caption p { color:#fff; }
#slider.elegant ul li .slider-caption h2 { margin:0 0 0.7em; font-weight: 300; }
#slider.elegant ul li .slider-caption p { font-size: 12px; }

/* captions position */
#slider.elegant ul li .caption-right, #slider.elegant ul li .caption-left { top:0; }
#slider.elegant ul li .caption-top, #slider.elegant ul li .caption-bottom { left:0; }
#slider.elegant ul li .caption-top      { top:-457px; }
#slider.elegant ul li .caption-right    {
	right: -360px;
}
#slider.elegant ul li .caption-bottom   { bottom:-457px; }
#slider.elegant ul li .caption-left     { left:-360px; }

/* caption right */
#slider.elegant ul li .caption-right, #slider.elegant ul li .caption-left { width:300px; height:100%; }
#slider.elegant ul li .caption-top, #slider.elegant ul li .caption-bottom { width:960px; height:auto; }
#slider.elegant ul li .caption-right .text, #slider.elegant ul li .caption-left .text { padding:40px 30px; }
#slider.elegant ul li .caption-top .text, #slider.elegant ul li .caption-bottom .text { padding:20px 30px; }
/*}*/


/* Formatierungen Smartphone */

/*@media only screen and (max-width : 320px) {*/

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

	
#slider.elegant, #slider.elegant ul, #slider.elegant ul li {height:100px;}	

/* caption right */
#slider.elegant ul li .caption-right, #slider.elegant ul li .caption-left { width:150px; height:100%; }

#slider.elegant ul li .caption-right .text, #slider.elegant ul li .caption-left .text { padding:10px 20px; }
#slider.elegant ul li .caption-top .text, #slider.elegant ul li .caption-bottom .text { padding:10px 10px; }

#slider.elegant ul li .slider-caption h2 { font-size: 10px;}
#slider.elegant ul li .slider-caption p { font-size: 7px; }


}

/*  Formatierung (Tablets bis zu einer max Breite bis * 768px * und niedriger bis 0 */ 

@media screen and (min-width: 320px) {
	
#slider.elegant, #slider.elegant ul, #slider.elegant ul li {height:150px}
	

/* caption right */


#slider.elegant ul li .caption-right, #slider.elegant ul li .caption-left { width:200px; height:100%; }

#slider.elegant ul li .caption-right .text, #slider.elegant ul li .caption-left .text { padding:10px 20px; }
#slider.elegant ul li .caption-top .text, #slider.elegant ul li .caption-bottom .text { padding:10px 10px; }

#slider.elegant ul li .slider-caption h2 { font-size: 15px;}
#slider.elegant ul li .slider-caption p { font-size: 11px; }

}

@media screen and (min-width: 769px) {

#slider.elegant, #slider.elegant ul, #slider.elegant ul li {height:300px}
	

/* caption right */


#slider.elegant ul li .caption-right, #slider.elegant ul li .caption-left { width:300px; height:100%; }

#slider.elegant ul li .caption-right .text, #slider.elegant ul li .caption-left .text { padding:20px; }
#slider.elegant ul li .caption-top .text, #slider.elegant ul li .caption-bottom .text { padding:10px; }
	
#slider.elegant ul li .slider-caption h2 { font-size: 20px;}
#slider.elegant ul li .slider-caption p { font-size: 12px; }	
	
}