/*
* Styles
* Oct 2008 - Ph.Urlich
*
*/

.carousell_box{margin:0 24px 20px 13px;}

.carousell_box ul{
	list-style-type:none;
	width:618px;
	margin:0;
	padding:0 0 0 20px;
	background:transparent url(../_img/tab_navigation_bottomline.gif) bottom left no-repeat;
	/*border-right:1px solid #8E908F;	*/
	}
	
.carousell_box ul li{
	list-style-type:none;
	margin:0;
	float:left;
	border-left:1px solid #8E908F;	
	border-bottom:1px solid #8E908F;
	}
.carousell_box ul li.current{
	border-bottom:1px solid #E4E6E5;

	}
	

.carousell_box ul li a,
.carousell_box ul li a:visited{
	display:block;
	margin:0;
	padding:2px 12px 5px 12px;
	float:left;
	font-size:1.5em;
	font-weight:normal;
	color:#666;
	}
.carousell_box ul li a:hover{
	color:#a00;
	}
	.carousell_box ul li.current a{
	color:#000;
	}	
		
.carousell_box .top{
	width:638px;
	height:12px;
	line-height:12px;
	margin:0;
	padding:0;
	background:transparent url(../_img/tab_container_top.gif) 0 0 no-repeat;
	}
.carousell_box .bottom{
	width:638px;
	height:13px;
	margin:0;
	padding:0;
	background:transparent url(../_img/tab_container_bottom.gif) 0 0 no-repeat;
	}

.tab_container{
	position:relative;
	width:636px;
	height:250px;
	background-color:#E4E6E5;
	border-left:1px solid #8E908F;
	border-right:1px solid #8E908F;
	border-left:1px solid #8E908F;
	border-right:1px solid #8E908F;		
}

/* Carousell --------------------------------------------------*/



.karo{
	position:absolute;
	top:0;
	left:0;	
	width:636px;
	height:250px;
	background-color:#E4E6E5;
}
.karo .container{
	width:576px;
	height:250px;
	float:left;
	background:#E4E6E5 none;	
	position:relative;	
}
.karo a.navigation,
.karo a.navigation:visited{
	display:block;
	width:30px;
	height:250px;
	float:left;	
	display:inline;
}

.karo a.back{
	display:block;
	width:30px;
	height:250px;
	float:left;
	background:transparent url(../_img/back_icon.gif) 0 0 no-repeat;	
}
.karo a.next{
	display:block;
	width:30px;
	height:250px;
	float:left;
	background:transparent url(../_img/next_icon.gif) 0 0 no-repeat;	
}
.karo a.back:hover{	background:transparent url(../_img/back_icon-hover.gif) 0 0 no-repeat;}
.karo a.next:hover{	background:transparent url(../_img/next_icon-hover.gif) 0 0 no-repeat;}

.karo div.image{
	margin:0;
	padding:0;
	width:135px;
	height:180px;
	overflow:visible;
	display:none;
	position:absolute;
}
.karo div.image img{
	border-bottom:0px solid #888;
margin:0 0 1px 0;
}

.karo div.teaser_bg{
	margin:0;
	padding:10px;
	width:226px;
	height:199px;
	display:block;
	position:absolute;
	top:31px;
	left:315px;
	background:transparent url(../_img/teaser_bg.jpg) 0 0 no-repeat;
}
.karo div.teaser{
	margin:0;
	padding:10px;
	width:220px;
	height:199px;
	display:none;
	position:absolute;
	z-index:25;
	top:31px;
	left:315px;
}
.karo .counter_display{
	padding:0;
	width:80px;
	height:1em;
	display:block;
	position:absolute;
	top:35px;
	left:523px;
	font-weight:normal;
	font-size:1.2em;	
	color:#666;
}
.karo div.teaser h4{
	font-size:1.5em;
	padding:0;
	margin:10px 0 5px 0;
	/*text-transform:uppercase;*/
}
.karo div.teaser p{
	font-size:1.2em;
	line-height:1.3em;
	padding:0;
	margin:5px 0 5px 0;
}
.karo div.teaser a.mehr{
	position:absolute;
	top:132px;
	left:161px;
	display:block;
	width:77px;
	height:17px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;

	padding:1px 0 0 0;
	background:#B7B7B7 url(../_img/mehrlink_bg.gif) 0 0 no-repeat;
	color:#ddd;
}
.karo div.teaser a.mehr:hover{
	color:#fff;
}