@charset 'utf-8';

/*
=================================================================== */
/* Video Box */
#icontainer .content-wrap .video-box {
	background: #fff;
	display: block;
	height: 168px;
	width: 176px;
	margin-left: 10px;
	text-decoration: none;
}
#icontainer .content-wrap .video-box span.video-thumbnail {
	display: block;
	height: 100px;
	width: 176px;
	background-position: left top;
	background-repeat: no-repeat;
}
#icontainer .content-wrap .video-box span.video-description {
	display: block;
	color: #333;
	padding: 6px 4px 0 4px;
	line-height: 1.3em;
}
#icontainer .content-wrap .video-box span.video-channel,
#icontainer .content-wrap .video-box span.video-date,
#icontainer .content-wrap .video-box span.video-views {
	display: block;
	color: #999;
	padding: 1px 4px 0 12px;
	line-height: 1.3em;
	background:url(/css/img/background-video-list-channel-span.gif) no-repeat 4px 0.45em;
}
#icontainer .content-wrap .video-box span.video-date { float: left; }
#icontainer .content-wrap .video-box span.video-views { float: right; }

/*
=================================================================== */
/* Video Box Mittlere Spalte */
#icontainer .content-wrap .content-middle-col .video-box {
	padding:6px;
	width: 164px;
	height: auto;
	margin: 0 0 20px 0;
	position: relative;
}
#icontainer .content-wrap .content-middle-col .video-box span.video-thumbnail {
	display: block;
	height: 97px;
	width: 164px;
	background-position: left top;
	background-repeat: no-repeat;
}
#icontainer .content-wrap .content-middle-col .video-box span.video-description,
#icontainer .content-wrap .content-middle-col .video-box span.video-title {
	display: block;
	padding: 4px 4px 0 4px;
	line-height: 1.3em;
}
#icontainer .content-wrap .content-middle-col .video-box span.video-channel,
#icontainer .content-wrap .content-middle-col .video-box span.video-date {
  
}
#icontainer .content-wrap .content-middle-col .video-box span.video-subtitle {
	line-height: 1.3em;
	padding: 1px 4px 0 12px;
}

#icontainer .content-wrap .content-middle-col .video-box.video-live-event {
  background: #960000 !important;
}
#icontainer .content-wrap .content-middle-col .video-box.video-live-event span.video-subtitle {
	color: #e6a0a0;
	background:url(/css/img/background-video-list-channel-span-red.gif) no-repeat 4px 0.45em;
}

#icontainer .content-wrap .content-middle-col .video-box.video-of-the-day {
  background: #333333 !important;
}
#icontainer .content-wrap .content-middle-col .video-box.video-of-the-day span.video-subtitle {
  color: #BBB;
	background:url(/css/img/background-video-list-channel-span.gif) no-repeat 4px 0.45em;
}



/*
=================================================================== */
/* Video List */ 
#icontainer .content-wrap .content-left-col .video-list {
	border-bottom: 7px solid #ccc;
	margin-bottom: 15px;
}
#icontainer .content-wrap .content-left-col .video-list .video-box {
	float: left;
}

#icontainer .content-wrap .content-left-col .video-list-headline {
	position: relative;
	padding: 4px 0 2px 0;
	line-height: 1.7em;
	height: 29px;
	top:0;
}
#icontainer .content-wrap .content-left-col .video-list-headline span {
	float:left;
	position: absolute;
}
#icontainer .content-wrap .content-left-col .video-rubrik-link {
	position: absolute;
	margin: 15px 0 0 390px;
	width: 90px;
	text-align: right;
	display: block;
	top:0;
	line-height: 1.3em;
	color: #B20000;
	text-decoration: none;
}
#icontainer .content-wrap .content-left-col .video-rubrik-link:hover {
	color: #333;
}
#icontainer .content-wrap .content-left-col .video-list ul {
	width: 548px;
	height: 158px;
	padding-top:10px;
	border-top: 1px solid #ccc;
}
#icontainer .content-wrap .content-left-col .video-list ul li {
	width: 558px;
	overflow: hidden;
	height: 168px;
	padding: 0;
	margin: 0;
}
#icontainer .content-wrap .video-list .video-box:hover {
	background: #EFEFEF;
}
#icontainer .content-wrap .video-list .first {
	margin-left: 0;
}
#icontainer .content-wrap .video-list-controls {
	position: absolute;
	margin: -24px 0 0 496px;
}
#icontainer .content-wrap .video-list-controls .v-prev {
	text-indent: -1000em;
	display: inline-block;
	float: left;
	height: 19px;
	width: 26px;
	background: url(/css/img/background-v-prev-next.gif) no-repeat left top;
}
#icontainer .content-wrap .video-list-controls a.v-prev:hover {
	background-position: left bottom;
}
#icontainer .content-wrap .video-list-controls .v-next {
	text-indent: -1000em;
	display: inline-block;
	float: left;
	height: 19px;
	width: 26px;
	background: url(/css/img/background-v-prev-next.gif) no-repeat right top;
}
#icontainer .content-wrap .video-list-controls a.v-next:hover {
	background-position: right bottom;
}

/*
=================================================================== */
/* Web TV Partner */
#icontainer .content-wrap .web-tv-partner {
	width: 176px;
	margin-bottom: 20px;
	background: #101010;
}
#icontainer .content-wrap .web-tv-partner .first {
	border-top: 1px solid #262626;
}
#icontainer .content-wrap .web-tv-partner .partner-logo {
	display: block;
	height: 66px;
	width: 176px;
	background: url(/css/img/background-partner-logo.png) no-repeat left top;
}
#icontainer .content-wrap .web-tv-partner:hover .partner-logo {
	background-position: left -66px;
}
#icontainer .content-wrap .web-tv-partner .partner-lead {
	color: #999;
	padding: 4px 4px 9px 9px;
	line-height: 1.3em;
}
#icontainer .content-wrap .web-tv-partner .web-tv-item {
	display: block;
	text-decoration: none;
	background: #262626;
	border-top: 1px solid #666;
	padding: 9px;
	color: #999;
	line-height: 1.3em;
}
#icontainer .content-wrap .web-tv-partner .web-tv-item:hover {
	background: #494949;
}

#icontainer .content-wrap .web-tv-partner .onair,
#icontainer .content-wrap .web-tv-partner .onair:hover {
	background-image: url('/images/onair.png');
	background-repeat: no-repeat;
	background-position: 132px 10px;
	text-align: left !important;
}

#icontainer .content-wrap .web-tv-partner .web-tv-channel {
	display: block;
	text-decoration: none;
	background: #101010 url(/css/img/background-web-tv-zumkanal.gif) no-repeat 9px 1.25em;
	border-top: 1px solid #666;
	padding: 10px 9px 9px 19px;
	color: #fff;
	line-height: 1.3em;
	filter: alpha(opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;
}
#icontainer .content-wrap .web-tv-partner .web-tv-channel:hover {
	background-color: #494949;
}
#icontainer .content-wrap .web-tv-partner .web-tv-theme {
	display: block;
	color: #fff;
}

/*
=================================================================== */
/* Video l List */
#icontainer .content-wrap .video-l-list ul li {
	float: left;
	border-bottom: 1px solid #ccc;
	margin: 0 10px 20px 0;
}
#icontainer .content-wrap .video-l-list ul li .video-box {
	margin: 0 0 0 0;
	height: 160px;
}
#icontainer .content-wrap .video-l-list ul li .video-box:hover {
	background: #EFEFEF;
}

/*
=================================================================== */
/* Video Slider */
#video-slider {
	background: #B3B3B3 url(/css/img/background-video-slider.jpg) repeat-x top;
	height: 117px;
  border-left:10px solid #fff;
  border-right:10px solid #fff;
}
#video-slider h3 {
	float: left;
	width: 71px;
	font-size: 15px;
	line-height: 17px;
	margin: 0 17px 0 0px;
	padding-left:14px;
	padding-top: 40px;
}
.i-v-slider {
	float: left;
	position: relative;
	width: 854px;
	padding-top: 16px;
}
#video-slider .v-smal {
	padding-top: 47px;
}
/* Video Box */
#video-slider .video-box {
	background: #666;
	display: block;
	height: 84px;
	width: 117px;
	margin-left: 1px;
	text-decoration: none;
	float: left;
	color: #fff;
}
#video-slider .v-smal .video-box {
	height: 67px;
}
#video-slider .video-box:hover {
	cursor: pointer;
}
#video-slider .video-box span.title {
	display: none;
	position: absolute;
	height: 62px;
	line-height: 14px;
	width: 102px;
	background-color: #292521;
	padding: 5px 7px 0 8px;
}
#video-slider .current span.title,
#video-slider .video-box:hover span.title {
	display:block;
}
#video-slider .video-box span.video-thumbnail {
	display: block;
	height: 67px;
	width: 117px;
	background-position: left top;
	background-repeat: no-repeat;
}
#video-slider .video-box span.video-time {
	display: block;
	color: #fff;
	padding: 1px 0 0 0;
	line-height: 1.3em;
	text-align: center;
}
.activpf {
	display: none;
	position: absolute;
	margin-top:-23px;
	width: 117px;
	z-index: 15;
	height: 15px;
	background: url(/css/img/background-activepf.gif) no-repeat center top;
}
.onair {
	display: none;
	color: #fff;
	padding: 1px 0 0 0;
	line-height: 1.3em;
	text-align: center;
	text-transform: uppercase;
}
#video-slider .current .activpf,
#video-slider .current .onair {
	display: block;
}
#video-slider .current span.video-time {
	display: none;
}
#video-slider .current {
	background-color: #B40000
}

#video-slider ul {
	width: 827px;
	height: 87px;
}
#video-slider ul li {
	width: 827px;
	overflow: hidden;
	height: 87px;
	padding: 0;
	margin: 0;
}
.video-slider-controls {
	position: absolute;
	left:0;
}

.video-slider-controls .v-prev {
	position: absolute;
	z-index: 5;
	margin: 45px 0 0 90px;
	text-indent: -1000em;
	display: inline-block;
	height: 23px;
	width: 23px;
	background: url(/css/img/background-a-video-slider.png) no-repeat left top;
}
.video-slider-controls a.v-prev:hover {
	background-position: left bottom;
}
.video-slider-controls .v-next {
	position: absolute;
	z-index: 5;
	margin: 45px 0 0 918px;
	text-indent: -1000em;
	display: inline-block;
	height: 23px;
	width: 23px;
	background: url(/css/img/background-a-video-slider.png) no-repeat right top;
}
.video-slider-controls a.v-next:hover {
	background-position: right bottom;
}

/* Just another Carousell CSS */

.jacbox {
	width:780px; 
	padding-left:30px;
	float:left;
}

.jac
{
   	height:90px; /* default height */
   	position:relative;
   	margin:0 0 0 0;
}
   
.jac .carousel 
{
   	position:absolute;
   	top:0;
   	left:0;
   	margin:0;
   	padding:0;
   	list-style-type:none;
}

.jac .arrow-left, .jac .arrow-right {
   	float:left;
}
   
.jac .carousel .jac-content
{
   	float:left;
}
  
.jac ul {
   	display:inline;
}

.jac ul li {
   	float:left !important;
}

.jac ul li.default {
	float:left !important;
	width:118px !important;	
}
   
   
.myJac .arrow-left, .myJac .arrow-right
{
    position:absolute;
    top:31px;
    z-index:5;
    height:50px;
    width:40px;
}

.myJac .arrow-left a, .myJac .arrow-right a
{
    display:block;
    height:50px;
    width:40px;
    text-indent:-999em;
}

.myJac .arrow-left a:focus, .myJac .arrow-right a:focus
{
    outline:none;
}

.myJac .arrow-left
{
    left:-12px;
   	height: 23px;
  	width: 23px;
  	overflow:hidden;
  	background-image: url(/css/img/background-a-video-slider.png);
   	background-repeat: no-repeat; 
   	background-position: 0px 0px;
}

.myJac .arrow-right
{
    right:-12px;
   	height: 23px;
   	width: 23px;
   	overflow:hidden;
   	background-image: url(/css/img/background-a-video-slider.png);
   	background-repeat: no-repeat;
   	background-position: -34px 0px;
}