@charset "utf-8";
/* CSS Document */
.teaser-carousel{
	display: block;
	position: relative;
	overflow: hidden;	
	width: 995px;
	min-width: 995px;
	max-width: 995px;
	height: 202px;
	min-height: 202px;
	max-height: 202px;
	padding: 5px 0px 4px 0px;
	
}
.teaser-carouselcontainer{
	visibility: visible; 
	position: relative; 
	width: 933px;
	min-width: 933px;
	max-width: 933px;
	height: 192px;
	min-height: 192px;
	max-height: 192px;
	margin-left: 30px;
	z-index: 2; 
	left: 0px; 
}
#teasernavi{
	margin: 0px; 
	padding: 0px; 
	position: relative; 
	list-style-type: none; 
	z-index: 1; 
}
.jcarousel-item {
    float: left;
	position: relative; 
    list-style: none;
	visibility: visible; 
	width: 311px;
	min-width: 311px;
	max-width: 311px;	
	height: 202px;
	min-height: 202px;
	max-height: 202px;
	z-index:3;
	background:none;
}
#jcarousel-item1{
	width: 622px;
	min-width: 622px;
	max-width: 622px;
}
/**
 * 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".
 */
.teaser-carousel-next {
    z-index: 3;
    position: absolute; 
	top: 5px;
	right: -1px;
	width: 32px;
	min-width: 32px;
	max-width: 32px;
	height: 202px;
	min-height: 202px;
	max-height: 202px;
	background: #fff url(../img/next_inaktiv.gif) no-repeat;
	white-space:nowrap;
	text-indent: 999em;
	overflow: hidden;
}
.teaser-carousel-next:hover{
	background: #fff url(../img/next.gif) no-repeat;
}
.teaser-carousel-prev {
    z-index: 3;
    position: absolute; 
	top: 5px;
	left: 0px;
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	height: 202px;
	min-height: 202px;
	max-height: 202px;
	background: #fff url(../img/prev_inaktiv.gif) no-repeat;
	white-space:nowrap;
	text-indent: 999em;
	overflow: hidden;	
}
.teaser-carousel-prev:hover{
	background: #fff url(../img/prev.gif) no-repeat;
}
.max-item{
	float: left;
	width: 573px;
	min-width: 573px;
	max-width: 573px;
	height: 158px;
	min-height: 158px;
	max-height: 158px;
	margin: 7px 0px 7px 0px;
	padding: 20px 10px 10px 20px;
	border-right: 1px solid #e5e6e9;
	background:none;	
}
.max-item h2{
	background: none;	
}
.min-item{
	width: 280px;
	min-width: 280px;
	max-width: 280px;
	height: 158px;
	min-height: 158px;
	max-height: 158px;
	margin: 7px 0px 7px 0px;
	padding: 20px 10px 10px 20px;	
	border-right: 1px solid #e5e6e9;
}
.teasermax-content{
	display: block;
	float:left;
	width: 330px;
	min-width: 330px;
	max-width: 330px;
	height: 158px;
	min-height: 158px;
	max-height: 158px;
}
.teasermax-picture{
	float: left;
	width: 213px;
	min-width: 213px;
	max-width: 213px;
	height: 158px;
	min-height: 158px;
	max-height: 158px;
	padding-left: 20px;
	background: url(../img/bg_maxpic.gif) no-repeat 20px 0px;
}
.teasermax-picture img{
	padding: 6px 6px 7px 6px;
}
.teasermin-content{
	display: block;
	width: 280px;
	min-width: 280px;
	max-width: 280px;
	height: 158px;
	min-height: 158px;
	max-height: 158px;
}
.teasermin-content span{
	display: block;
}
.teasermin-content h2.hp-teaser{
	padding: 0px 0px 20px 0px;
}
.teasermax-content h2.hp-teaser{
	padding: 0px 0px 20px 0px;
}

.teasermin-picture{
	float: right;
	background: url(../img/bg_minpic.gif);
}
.teasermin-picture img{
	padding: 5px 7px 5px 5px;
}
.teasermax-content .teaser-carousel-link{
	position: absolute;
	bottom: 45px;
	left: 15px;
}

.teasermin-content .teaser-carousel-link{
	position: absolute;
	bottom: 20px;
	left: 15px;
}