@charset "ISO-8859-1";
/* CSS Document */


.jcarousel-wrapper {
	/*border: 1px solid red;*/
    position: relative;
	width: 900px;
	height: 245px;
}

.jcarousel {
	/*border: 1px solid green;*/
    position: relative;
    overflow: hidden;
	/*background-image: url(../images/naviVerlauf.png);*/
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: auto;
    padding: 0;
}


/*Navigation in Pixel, da es sonst Probleme gibt mit der Weite der ul-Liste...*/
.jcarousel li {
    float: left;
	width: 219px;
	height: 185px;	
	margin-right: 8px;
	line-height:17px;
}

.jcarousel li img {
	width: 219px;
	height: 146px;
}


/* ff prop mobile: Bereich Link-Hotspot */
.jcarousel li a { /*color:#FFFFFF;*/ padding-top: 30px; text-decoration: none; }

.jcarousel li:hover { 
	/*background-color: #909090;*/ 
	text-decoration: none; 
}


/** Carousel Controls */

.jcarousel-control-prev,
.jcarousel-control-next {
	position: fixed;
	background-repeat: no-repeat;
	bottom: 0px;
	z-index:5;
	width: 40px;
	height: 64px;
	/*padding-bottom: 21px;*/
}

.jcarousel-control-prev{
	background-image: url(../images/PfeilPrev.png);
	/*background-image: url(../images/mobile/pfeilPrevHome.png);*/
	position: absolute;
	left:0;
	/*border: 1px solid red;*/
}

.jcarousel-control-next{
	background-image: url(../images/PfeilNext.png);
	/*background-image: url(../images/mobile/pfeilNextHome.png);*/
	position: absolute;
	left: 40px;
	/*border: 1px solid orange;*/
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    /*opacity: .0;*/
	display:none;
    cursor: default;
}