#mediathek_wrapper {
	width: 720px;
	float: left;
	margin-bottom: 23px;
}

.media_scroller {
  float: left; 
  width: 380px; 
  height: 471px; 
  background: #FFFFFF url(img/media_scr_bg.gif) no-repeat; 
  padding-top: 1px;
  margin-top:28px;
  margin-bottom: 35px;
  position:relative;
  z-index:500;
  position:absolute;
  top:0px;
  right:8px;
}

.aktiv_scroller{z-index:1000;}
/* root element for the whole scrollable setup */

div.scrollable {  
	position:relative;
	width: 359px;	 
	height:445px;
	float:left;
	padding:8px 0px 8px 10px;	
	left: 2px;	
    border: 1px solid #ff6600;
}


/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
.thumbs {
	position:absolute;
	width:356px;
	height:445px;
	overflow:auto;
	clear:both;
	left: 0px;
}

/* single item */
.thumbs .movie {
	position: relative;
	top: 0px;
	float:left;
	height:58px;
	background:#fff;
	color:#fff;
	cursor:pointer;
	margin-bottom:6px;
	background:transparent url(img/movie_bg.gif) no-repeat scroll center 57px;

}
.thumbs div.hover,
.thumbs div.active {
	cursor:default;
	padding:0 0 0 0;
	border: 1px solid #ff6600;
	height:56px;
	cursor:pointer;
	background:none;
}

.thumbs div {width:324px;}


/* style when mouse is over the item */
.thumbs div.hover {
	background-color:#fff;	
}

/* style when element is active (clicked) */
/*.thumbs div.active {
	background-color:#fff;
	cursor:default;
	height: 80px;
	top: 0px;
	border: 1px solid #ff6600;
	right: 3px;
}

.first .active {right: 0px;}*/



.thumbs .movie_wrapper {
  position: absolute;
  width: 90px;
  height: 48px;
  top: 4px; 
  left: 5px;
  background:transparent url(img/slider_shadow.gif) no-repeat scroll 2px 2px;
}
.thumbs .hover .movie_wrapper,
.thumbs .active .movie_wrapper {
  position: absolute;
  width: 90px;
  height: 48px;
  top: 3px; 
  left: 4px;
  background:transparent url(img/slider_shadow.gif) no-repeat scroll 2px 2px;
}


.movie_wrapper img {
  width: 		97px;
  height: 		55px;
}

.thumbs h4 {
  font-weight: 	normal;
  color:		#4A4541;
  font-family:	Arial,Helvetica,sans-serif;
  font-size:	11px;
  margin-top: 	0px;
  position:		absolute;
  top:			3px;
  left:			104px;
  line-height:	14px;
  text-transform:uppercase;
}
.thumbs .hover h4, 
.thumbs .active h4 {
  top:			2px;
  left:			103px;
}

.thumbs h3 {
  font-weight:	bold;
  color:		#4A4541;
  font-family:	Arial,Helvetica,sans-serif;
  font-size:	11px;
  margin-top:	0px;
  position:		absolute;
  top:			16px;
  left:			104px;
  line-height:	14px;
}

.thumbs .hover h3,
.thumbs .active h3 {
  top:			15px;
  left:			103px;
}

.thumbs h3 a {
  text-decoration: none;
}

.thumbs .selector {
  height: 19px;
  width: 100px;
  position: absolute;
  left: 110px;
  top: 41px;
}

.thumbs .active .selector {
  left: 113px;
  top: 51px;
}

a img {border: 0px none;}

#media_player {clear: left; width: 480px; height: 457px; padding: 20px; background: transparent url(img/media_player_bg.gif) no-repeat top left;  }

/*Tabs*/
.tabs{
position:absolute;
top:-24px;
left:20px;
}
.tab_wrap{
	background:#FFFFFF url(img/tabs_shadow.gif) no-repeat scroll right bottom;
	padding-right:8px;
	margin-right:5px;
	float:left;
	font-size:12px;
}
/*Singe Tabs*/
.tabs span,
.tabs a{
	display:block;
	font-size:120%;
	text-decoration:none;
	border:1px solid #D8D8D8;
	width:auto;
	height:23px;
	padding:0 22px 0 15px;
	line-height:23px;
	font-weight:bold;

}
/*aktiver Tab*/
.tabs .aktiv{
	background-color:#FF6600;
	border:1px solid #FF6600;
	color:#FFFFFF;
}

/* HACKS */

/* GARVIN ??*/
.disabled {
visibility: hidden !important;
}
#JT {
	position: absolute;
	z-index:100;
	border: 1px solid #CCCCCC;
	background-color: #fff;
}
/* GARVIN ??*/

/*IE 6*/
* html #videoinfo{
	height:195px;
}
* html .tabs span,
* html .tabs a{
	width:100px;
}
* html .media_scroller{right:40px;}

/*IE 7*/
*+html #videoinfo{
	height:195px;
}
*+html #col3_content{margin-right:25px !important;}