/**
 * v0.0.1, 18.10.2010
 */
/******************************************
	DOMOTEX Content-Slider jCarousel
 ******************************************/
#content-slider {
	background:url(../img/content-slider_bg.jpg) 0 0 no-repeat;
	height:270px;
	width:980px;
	position:relative;
	overflow:hidden;
}
#content-slider ul {
	list-style-type:none;
}
#content-slider ul li img {
	height:200px;
	width:810px;
}
#content-slider ul li a {
	background:url(../img/clearpixel.gif);
	color:#bb5f11;
	cursor:pointer;
	display:block;
	height:200px;
	width:810px;
	position:absolute;
	text-decoration:none;
	text-transform:uppercase;
}
#content-slider ul li a span.outer {
	background:url(../img/content-slider_text_bg.png);
	border-top:2px solid #FFF;
	display:block;
	height:49px;
	width:810px;
	font-size:25px;
	position:absolute;
	bottom:0;
}
#content-slider ul li a span.inner {
	font-family: lucida sans,arial,verdana,times,serif;
	margin-left:24px;
	position:absolute;
	top:11px;
	line-height: 1.2;
}
#content-slider ul li a span.inner span.arrow {
	font-size: 22px;
	padding-right: 8px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	background:url(../img/content-slider_inner_bg.png) 0 0 no-repeat;
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
	margin-top:38px;
	height:200px;
	width:980px;
	position: relative;
}
.jcarousel-clip {
	border-right:2px solid #FFF;
	border-left:2px solid #FFF;
	padding: 0;
	margin:0 83px;
	width:810px;
	height:200px;
	overflow: hidden;
	position: relative;
	z-index:2;
}
.jcarousel-list {
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	z-index:1;
}
.jcarousel-list li, .jcarousel-item {
	float:left;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	height:200px;
	width:810px;
}
.jcarousel-item {
	width:810px;
	height:200px;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next, .jcarousel-prev {
	cursor:pointer;
	display:none;
	height:43px;
	width:41px;
	position:absolute;
	top:57px;
	z-index:4;
} 
.jcarousel-next {
	background:#f5f5f5 url(../img/button_next.gif) no-repeat 8px 10px;	
	right:0;
}
.jcarousel-prev {
	background:#f5f5f5 url(../img/button_previous.gif) no-repeat 10px 10px;
	left:0;
}
.jcarousel-next-disabled-horizontal, .jcarousel-prev-disabled-horizontal {
    cursor: default;
}

 /* IE6 STYLES */
* html #content-slider ul li a span.inner {
	top:13px;	
}
/******************************************
	END: DOMOTEX Content-Slider jCarousel
 ******************************************/

 /******************************************
	BEGIN: Fotostrecke
 ******************************************/

.pictures.jcarousel-container { background: none; border: 0; margin: 0; height: auto; width: auto; }
.pictures .jcarousel-clip { width: auto; margin: 0; border: 0; height: 125px; }
.pictures .jcarousel-item { width: 172px; }
.pictures .jcarousel-next,
.pictures .jcarousel-prev { background-color: transparent; background-position: 0 0; }
.pictures .jcarousel-prev { left: -8px; }
.pictures .jcarousel-next { right: -16px; }

 /******************************************
	END: Fotostrecke
 ******************************************/