@charset 'utf-8';

/*
=================================================================== */
/* Video Box */
#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: 166px;
	height: auto;
	margin: 0 0 2px 0;
	position: relative;
}
#icontainer .content-wrap .content-middle-col .video-box span.video-thumbnail {
	display: block;
	height: 97px;
	width: 166px;
	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 article.video-list {
	border-bottom: 7px solid #ccc;
	margin-bottom: 15px;
}
#icontainer .content-wrap .content-left-col article.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 article.video-list .video-box:hover {
	background: #EFEFEF;
}
#icontainer .content-wrap article.video-list .first {
	margin-left: 0;
}

#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;
}

/*
=================================================================== */
/*
=================================================================== */
/* 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;
}

.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;
}
#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-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 */



p.votd_head {
    width: 170px;
}