/*
Item Name: jQuery Carousel Evolution
Author: Mapalla
Author URI: //codecanyon.net/user/Mapalla
Version: 1.0
*/

/* _______________________________________________ */

/* CONTAINER */
/* _______________________________________________ */

.carousel
{
	border-bottom: 18px solid black;
    height: auto;
    margin: 0 auto 13px;
    overflow: visible;
    position: relative;
    width: 861px;
	display:none;
}

/* _______________________________________________ */

/* SLIDES */
/* _______________________________________________ */

/* slide container */
.carousel .slides
{
	margin :0;
	padding :0;
	border-bottom:solid 1px black;
	list-style :none;
	position :relative ;
	overflow :visible ;
}

/* slide item */
.carousel .slides .slideItem 
{
	position :absolute ;
	cursor :pointer ;
	overflow : hidden;
	padding :0;
	margin :0;
	border :none;
	z-index:0;
}

.carousel .slides .slideItem a
{
	display: block ;
	text-decoration :none;
	margin :0;
	padding :0;
	border :none;
	outline :none;
}

.carousel .slides .slideItem img
{
	margin :0;
	padding :0;
	border :none;
	width :100%;
	height :100%;
}

/* _______________________________________________ */

/* DIRECTION BUTTON */
/* _______________________________________________ */

.carousel .nextButton {
    background: url("//media.ztat.net/media/A1276/lp/data/images/news-styles/de_redesign/CTA/02_middle/Arrow_Slider-Tipps_right_black_12x12px.png") no-repeat scroll 19px 0 transparent;
    cursor: pointer;
    height: 18px;
    position: absolute;
    right: -14px;
    top: 9px;
    width: 31px;
    z-index: 1;
}
.carousel .prevButton {
    background: url("//media.ztat.net/media/A1276/lp/data/images/news-styles/de_redesign/CTA/02_middle/Arrow_Slider-Tipps_left_black%2012x12px.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 18px;
    left: -15px;
    position: absolute;
    top: 9px;
    width: 14px;
    z-index: 1;
}

/* _______________________________________________ */

/* NAVIGATION BUTTON */
/* _______________________________________________ */

/* buttons container */


.carousel .buttonNav {
    left: -20px;
    margin: 0 auto;
    position: relative;
    width: 233px !important;
    z-index: 6;

}





/* numbers */
.carousel .buttonNav .numbers 
{
	position :relative ;
	float :left ;
	margin :5px;
	color : #828282 ;
	cursor :pointer ;
	font-weight :normal ;
	text-decoration :none;
	font-size :10px;
	font-family :Arial, Verdana ;
}

.carousel .buttonNav .numbers:hover
{
	color: #000;
	text-decoration :none;
}

.carousel .buttonNav .numberActive
{
	background : none;
	color :#000;
	cursor :default ;
}

/* bullets */
.carousel .buttonNav .bullet
{
	position :relative ;
	float :left ;
	width :16px;
	height :16px;
	background: url(//media.ztat.net/media/teaser/news_styles/coverflow/images/Bullet-White.png) no-repeat center ;
	margin :5px;
	float :left ;
	cursor :pointer ;
}

.carousel .buttonNav .bullet:hover
{
	background: url(//media.ztat.net/media/teaser/news_styles/coverflow/images/Bullet-Black.png) no-repeat center ;
}

.carousel .buttonNav .bulletActive
{
	background: url(//media.ztat.net/media/teaser/news_styles/coverflow/images/Bullet-Black.png) no-repeat center ;
	cursor :default ;
}

/* ____________________________________________________________ */

/* VIDEO */
/* ____________________________________________________________ */

.carousel .slides .videoOverlay
{
	background :url("//media.ztat.net/media/teaser/news_styles/coverflow/images/video.png") no-repeat center; /* play button */
}

.carousel .slides .spinner
{
	background: #000 url("//media.ztat.net/media/teaser/news_styles/coverflow/images/loading.gif") no-repeat center; /* video preloader */
}

/* _____________________________ *

/* SHADOW */
/* _____________________________ */





/*DESCRITPTION */

.carousel .description {
    color: #FFFFFF;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    top: 310px;
    z-index: 25;
}

.carousel .description .subli {

text-align: center;

}
.carousel .description a {
display: block !important;
}

.carousel .description .headli p{
display: block !important;
width: 350px;
color: #000;
text-decoration: none;
text-align: center !important;
font-size:27px;
font-family:Times New Roman,Garamond;
margin:0 0 12px;
font-weight:bold;
}



.carousel .description .headli:hover {
font-size:27px;
font-family:Times New Roman,Garamond;
text-decoration: none;

}

.head_txt_ns {
   
    margin: 6px 0;
    position: relative;
}

.head_txt_ns h1{
	color: black;
    border-bottom: 1px solid;
    position: relative;
	font-size:14px;
	font-weight:bold;
font-family:Times New Roman,Garamond;
}


.loaderBox{
    height: 420px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 812px;
	display:table-cell;

}

.slideItem {
	background-color: #FFF;
}