/*	
	Bild des Tages
	Verwandte Videos - TeaserBox
	Size: 206x250
*/

div.rv_teaser,
div.bdt_teaser {
	background-color:#666;
	background-image:url(../images/gradient_mediathek_category.png);
	background-repeat: repeat-x;
	height:250px;
	overflow: hidden;
	position: relative;
}
div.rv_teaser {
	height:210px;
}

div.rv_teaser  a.moveLeft,
div.rv_teaser  a.moveRight,
div.bdt_teaser a.moveLeft,
div.bdt_teaser a.moveRight {
	position: absolute;
	top: 61px;
	display:block;
	background-image: url(../images/icons/btn_mediathek_sprite.png);
	width:21px;
	height:60px;
}
div.rv_teaser  a.moveLeft,
div.rv_teaser  a.moveRight {
	top: 37px;
}

div.bdt_teaser a.moveLeft,
div.rv_teaser a.moveLeft  { 
	background-position: -105px -115px; left: 0px;
}
div.bdt_teaser a.moveRight,
div.rv_teaser a.moveRight	{
	background-position: -147px -115px; right: 0px;
}
div.bdt_teaser a.moveLeft:hover,
div.rv_teaser a.moveLeft:hover {
	background-position:  -84px -115px;
}
div.bdt_teaser a.moveRight:hover,
div.rv_teaser a.moveRight:hover	{
	background-position: -126px -115px;
}

div.rv_teaser a.text,
div.bdt_teaser a.text {
	position: absolute;
	top: 175px;
	left: -32px;
	font-weight: bold;
	text-align:center;
	color: #fff;
	width: 186px;
	height:55px;
}
div.rv_teaser a.text {
	top: 152px;
}

div.rv_teaser a:hover.text,
div.bdt_teaser a:hover.text {
	text-decoration: none;
}

div.rv_teaser div.slideArea {
	position:relative;
	top: 20px;
	left:26px; 
	padding: 10px;
	background-color: #898989;
}
div.bdt_teaser div.slideArea {
	position:relative;
	top: 30px;
	left:42px; 
	padding: 10px;
	background-color: #898989;
}
div.rv_teaser div.slideArea a img,
div.bdt_teaser div.slideArea a img {
	border: 1px solid #fff;
}
div.rv_teaser div.slideArea div.time { 
	width: 130px;
	display: none;
}
div.rv_teaser div.slideArea div.time { 
	display: block;  
	padding: 5px 1px 0px 1px; 
}
div.rv_teaser div.slideArea div.time span.length  { 
	float:right;
}



/* 
--------------------------------------------------------------------------------
	Mediathek
--------------------------------------------------------------------------------
*/


div.mt_categoryDetail{
	background-color:#666;
	background-image:url(../images/gradient_mediathek_category.png);
	background-repeat: repeat-x;
	/* height:180px; */
	padding-top:5px;
	
}

div.mt_categoryDetailItem {
	float:left;
	width:186px;
	padding:5px;
	font-size:13px;
	font-weight:bold;
	color:#f6f6f6;
}

a.mt_categoryDetailItem_show{
	display:block;
	position:absolute;
	width:190px;
	height:100%;
	z-index:8;
}




div.mt_categoryDetailItem h3 {
	padding: 2px 3px 5px 3px;
	font-size:13px;
}


div.mt_categoryDetailItem .mt_blackInfo{
	font-weight:normal;
	font-size:11px;
	position:absolute;
	bottom:3px;
	width:183px;
	padding: 2px 0 0 4px;
	height:18px;
	color:#aeaeae;
	background-color: #000;
	/* Transparenz */
	opacity:0.70;
	khtml-opacity: 0.70; 
	filter: alpha(opacity = 70);
	-moz-opacity:0.70;
}

div.mt_categoryDetailItem .mt_blackInfo span {
	float:right;
	padding-right:4px;
}


div.mt_categoryDetailItem div.mt_description{
	font-weight:normal;
	color:#fff;
	padding:4px;
}
div.mt_categoryDetailItem div.mt_description div {
	padding-top:10px;
}


a.mt_moveLeft {
	display:block;
	background-image: url(../images/icons/btn_mediathek_sprite.png);
	background-position: -105px 0px; 
	float:left;
	width:21px;
	height:115px;
	margin-right:4px;
}
a.mt_moveLeft:hover {
	background-position: -84px 0px; 
}


a.mt_moveRight{
	display:block;
	background-image: url(../images/icons/btn_mediathek_sprite.png);
	background-position: -147px 0px; 
	float:right;
	width:21px;
	height:115px;
}

a.mt_moveRight:hover {
	background-position: -126px 0px; 
}



a.mt_moveLeftBig {
	display:block;
	background-image: url(../images/icons/btn_mediathek_sprite.png);
	background-position: -21px 0px; 
	float:left;
	width:21px;
	height:360px;
	margin-right:4px;
}
a.mt_moveLeftBig:hover {
	background-position: 0px 0px; 
}


a.mt_moveRightBig{
	display:block;
	background-image: url(../images/icons/btn_mediathek_sprite.png);
	background-position: -63px 0px; 
	float:right;
	width:21px;
	height:360px;
}

a.mt_moveRightBig:hover {
	background-position: -42px 0px; 
}




div.mt_pages{
	float:right;
}

div.mt_pages a {
	text-align:center;
	vertical-align:middle;
	display: block;
	display: -moz-inline-box; vertical-align:top; /* FireFox 2.0 Fix */
	display: inline-block;
	background-color: #2e6ba8;
	background-image: url(../images/icons/icons_sprite.png);
	background-repeat: no-repeat;
	background-position: -100px -69px; 
	height: 20px;
	font-weight:bold;
	width: 19px;
	line-height:19px;
	margin: 5px 0px 0px 3px;
}

div.mt_pages a.selected {
	color:#b7001e;
}


div.mt_moreVideosBlock {
 background-color: #ececec;
 padding:5px 9px 0px 5px;
 border-bottom: 1px solid #c7c7c7;
}
div.mt_moreVideosBlock img {
	float:left;
	margin-right:7px;
	margin-bottom:4px;
}


ul.mt_slideArea {
	list-style-type:none;
}

ul.mt_slideArea li {
	float:left;
}


div.mt_categoryIntro{
	background-image: url(../images/gradient_mediathek_intro.gif);
	background-repeat: repeat-x;
	padding:10px;
}

div.mt_categoryIntro h1 {
	border:0px;
	font-size:16px;
	padding:0;
	padding-bottom:10px;
	background:none;
	color:#383838;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items div {
	float:left;
}


/*
	Weitere Videos
*/
div.mt_vteaser {
	background-color: #ececec;
    padding: 10px;
}
div.mt_vteaser div.whois,
div.mt_vteaser div.video {
	padding: 5px;
	height: 160px;
}
div.mt_vteaser div.video {
	float:left;
	background-color: #fff;
	margin-right: 10px;
	width: 132px;
}
div.mt_vteaser div.video span {
	font-size:10px;
}
div.mt_vteaser div.whois {
	float:right;
	position:relative;
	width: 150px;
}
div.mt_vteaser div.whois p { padding-top: 3px; }
div.mt_vteaser div.whois a { position: absolute; bottom: 3px; }

div.mt_vteaser div.video img {
	border: 1px solid #383838;
	display: block;
	margin-bottom: 3px;
}

div.column638 {
    float: left;
    margin: 0 10px 0 0;
    width: 638px;
}
