.jcarousel-wrapper {
	position: relative;
}

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
*/
.jcarousel {
	overflow: hidden;
	width: 793px;
}

.full .jcarousel {
	width: 793px;
}

.half .jcarousel {
	width: 396px;
}

.single .jcarousel {
	width: 132px;
	overflow: visible;
}

.news .jcarousel {
	width: 778px;
	border-right: 1px solid #d9dadb;
	padding: 12px 7px 10px 7px;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
	width: 20000em;
	position: relative;
	/* Optional, required in this case since it's a <ul> element */
	list-style: none;
	margin: 0;
	padding: 0;
}

.news .jcarousel ul {
	width: auto;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
	/* Required only for block elements like <li>'s */
	float: left;
	width: 132px;
	height: 185px;
	margin: 0;
	padding: 0;
}

.jcarousel div[class^="jcarousel-item"] {
	float: left;
	width: 132px;
	height: 185px;
	margin: 0;
	padding: 0;
}

.news .jcarousel li {
	/* Required only for block elements like <li>'s */
	float: none;
	width: 792px;
	height: 20px;
	line-height: 20px;
}

.jcarousel li:first-child {
	xwidth: 132px;
	xborder: 0;
}

/* Buttons */
.jcarousel-control-prev {
	position: absolute;
	top: 84px;
	left: 0px;
	width: 22px;
	height: 55px;
	cursor: pointer;
	background: transparent url(../../images/slider_li.png) no-repeat 0 0;
	opacity: 0.9;
	border: 0;
}

a.jcarousel-control-prev:focus, a.jcarousel-control-prev:hover, a.jcarousel-control-prev:active {
	background: transparent url(../../images/slider_li.png) no-repeat 0 0;
}

.jcarousel-control-next {
	position: absolute;
	top: 84px;
	right: 0px;
	width: 22px;
	height: 55px;
	cursor: pointer;
	background: transparent url(../../images/slider_re.png) no-repeat 0 0;
	opacity: 0.9;
	border: 0;
}

a.jcarousel-control-next:focus, a.jcarousel-control-next:hover, a.jcarousel-control-next:active {
	background: transparent url(../../images/slider_re.png) no-repeat 0 0;
}

/* Controls */
.jcarousel-header {
	height: 20px;
	padding: 0 5px;
	line-height: 20px;
	border-right: 1px solid #d9dadb;
	font-family: DinMedium, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

.jcarousel-header a {
	color: inherit;
}

.jcarousel-label {
	float: left;
	font-weight: bold;
}

.jcarousel-pagination {
	float: right;
	font-family: DinLight, sans-serif;
}

.jcarousel-pagination a {
	padding: 0 2px;
}

.jcarousel-pagination a.active {
	font-family: DinBlack, sans-serif;
	font-weight: bold;
}

.red .jcarousel-header {
	background: transparent url(../../images/aktion_back.png) repeat-x 0 0;
}

.green .jcarousel-header {
	background: transparent url(../../images/neu_back.png) repeat-x 0 0;
}

.news .jcarousel-header {
	color: #000000;
	background: #dae0e3;
	border-bottom: 1px solid #d9dadb;
}

.news .jcarousel-header .unread {
	color: #d22833;
}