@charset 'utf-8';
/* ----------------------------------------------------- Screen */
/* Autor: Joachim Dörr
/* HinderlingVolkart AG
/*
/* Basis Container
/* Header
/* Keyvisit
/* Content Wrapper
/* 		Pagination
/* 		Commentar Liste
/* 		Statistik
/* 		Inline Content
/* Footer
/* 		Typen
/* 		Extra Links
/*
=================================================================== */
/* Basis Container */
#container {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	width: 970px;
/*	background: #fff url(/css/img/background-body.jpg) repeat-x top; */
}
/* iContainer */
#icontainer {

}

/*
=================================================================== */
/* Header */
#header-wrap {
	height: 91px;
	display: block;
}
/* Header - Logo iTv */
#header-wrap .itv-logo-img {
  display: block;
	margin: 24px 0 0 0;
	border: none;
	position: absolute;
}

/* SSF Logo */


#ssf-wrap {
	height: 50px;
	display: block;
}

.ssf-partner {
  display: block;
  margin: 0 0 0 0;
  border: none;
	position: absolute;
	text-decoration: none;
}
.ssf-partner img {
  display: block;
  float: left;
  margin-right: 7px; 
}

.ssf-partner span {
  display: block;
  width: 200px;
  color: #666;
  font-size: 9px;
  line-height: 1.05em;
  padding: 1px 0 0 0;
  
}

#header-wrap .header-right-col .head-breadcrumb {
  position: absolute;
  right:200px;
  height: 24px;
  line-height:24px;
  color:#999;
}

#header-wrap .header-right-col .head-breadcrumb a {
  color:#999;
  text-decoration: none;
  margin-right:5px;
  margin-left:5px;
  font-family: Lucida-Grande, "Lucida Grande", Arial, sans-serif;	
}
#header-wrap .header-right-col .head-breadcrumb span {
  margin-left:5px;
}
#header-wrap .header-right-col .head-breadcrumb a.root {
  color:#B20000;
}

#header-wrap .header-right-col .head-breadcrumb a:hover {

  text-decoration:underline;
}

/* Header - Rechte Spalte */
#header-wrap .header-right-col {
	float: right;
	width: 500px;
	padding: 29px 0 0 0;
}
/* Header - Suche */
#header-wrap .header-right-col .search {
	position: absolute;
	right: 0;
	background: transparent url(/css/img/background-search.gif) no-repeat right top;
	width: 190px;
	height: 24px;
}
#header-wrap .header-right-col .search:hover {
	background-position: right bottom;
}
#header-wrap .header-right-col .search .isearch {
	margin: 0;
	padding: 0;
}
#header-wrap .header-right-col .search .isearch .search-in {
	width: 135px;
	background: transparent;
	line-height: 22px;
	padding-left: 10px;
}
#header-wrap .header-right-col .search .isearch .search-send {
	color: #ccc;
	width: 35px;
}
#header-wrap .header-right-col .search .isearch .search-in,
#header-wrap .header-right-col .search .isearch .search-send {
	height: 22px;
	float: left;
	border: none;
}
#header-wrap .header-right-col .search .isearch .search-send {
	height: 24px;
	text-indent: -1000em;
	background: transparent;
	line-height: 15px;
	cursor: pointer;
}
#header-wrap .header-right-col .search .isearch .search-send:hover {
	cursor: pointer;
}

/*
=================================================================== */
/* Keyvisit */
#icontainer #keyvisit {
	clear: both;
  border-left:10px solid #fff;
  border-right:10px solid #fff;
	height: 340px;
	/*background: #E5E5E5 url(/css/img/background-keyvis.jpg) repeat-x left top;*/
}

/*
=================================================================== */
/* Content Wrapper */
#icontainer .content-wrap {
	min-height: 600px;
	background: #fff url(/css/img/background-content-wrap.jpg) repeat-x top;
	padding-top: 36px;
  width:950px;
  border-left:10px solid #fff;
  border-right:10px solid #fff;
}
#icontainer .content-wrap .content-left-col {
	float: left;
	width: 558px;
	margin: 0 0 0 10px;
	padding-bottom: 106px;
}
#icontainer .content-wrap .itext {
	float: left;
	width: 543px;
	margin: 0 0 0 25px;
	padding-bottom: 106px;
}
#icontainer .content-wrap .content-middle-col {
	float: left;
	width: 176px;
	margin: 0 0 0 10px;
	padding-bottom: 106px;
}
#icontainer .content-wrap .content-right-col {
	float: left;
	width: 160px;
	border:8px solid #DBDBDB;
	margin: 0 0 0 10px;
	padding: 0;
}

/*
=================================================================== */
/* Pagination */
.pagination {
	padding-top: 8px;
	width: 548px;
	position: relative;
	height: 18px;
}
.pagination ul {
	position: absolute;
	right: 0;
}
.pagination ul li {
	float: left;
	margin: 0 0 0 9px;
}
.pagination ul li a {
	text-decoration: none;
}
.pagination ul li a.current,
.pagination ul li a:hover {
}

.pagination ul li .sb,
.pagination ul li .next {
        display: inline-block;
        width: 6px;
        height: 9px;
}
.pagination ul li .m-sb {
        display: inline-block;
        width: 10px;
        height: 9px;
}
.pagination ul li .sb em,
.pagination ul li .m-sb em,
.pagination ul li .next em {
        display: none;
}

/* defaults.css ab zeile 206 ersetzten (links zu den images beachten -> css/ entfernen wenn in dateien */
.pagination ul li .next {
        background: url(/css/img/background-pagination-next.gif) no-repeat left top;
}
.pagination ul li .prev {
        background: url(/css/img/background-pagination-prev.gif) no-repeat left top;
}
.pagination ul li .m-next {
        background: url(/css/img/background-pagination-m-next.gif) no-repeat left top;
}
.pagination ul li .m-prev {
        background: url(/css/img/background-pagination-m-prev.gif) no-repeat left top;
}

/*
=================================================================== */
/* Commentar Liste */
.art-comments li {
	position: relative;
	float: left;
	width: 520px;
	margin-bottom: 11px;
	padding-top: 11px;
	padding-bottom: 20px;
}
#icontainer .content-wrap .content-left-col .art-comments li p {
	width: 385px;
}

#icontainer .content-wrap .content-left-col .art-comments .art-comments-message .lead {
	margin-bottom: 10px;
}
.name {

}
.art-comments li .top {
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	width: 520px;
}
.art-comments li .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 27px;
	width: 520px;
}
.art-comments-message {
	float: left;
	width: 385px;
	min-height: 82px;
}
.art-comments-user-i {
	display: inline-block;
	float: left;
	width: 74px;
	height: 69px;
	margin: 0 10px 0 13px;
}
.user-image {
	display: block;
	height: 52px;
	width: 52px;
	margin: 5px 0 0 5px;
}

/*
=================================================================== */
/* Statistik */
.statistik {
	margin-bottom: 20px;
}
.statistik li {
	padding: 11px 3px 10px 52px;
	text-align: center;
}
.statistik li.playing {
	background: #E5E5E5 url(/css/img/background-li-play.gif) no-repeat left top;
}
.statistik li.favorit {
	background: #E5E5E5 url(/css/img/background-li-favorit.gif) no-repeat left top;
}
.statistik li.comments {
	background: #E5E5E5 url(/css/img/background-li-comments.gif) no-repeat left top;
}
.statistik li span {
	display: block;
}


/*
=================================================================== */
/* Footer */
#icontainer .footer {
	clear: both;
	height: 40px;
	background: transparent url(/css/img/background-footer.jpg) no-repeat center top;
  margin-top:-1px;
	padding: 15px 0 0 20px;

}
#icontainer .footer a,
#icontainer .footer ul li a:link {
	text-decoration: none;
}
#icontainer .footer a:hover {

}

/*
=================================================================== */
/* Typen */

h2.video-list-headline {
	margin-bottom:0;
}

h2.bottom0 {
	margin-bottom:0;
}
h2 {
	margin-bottom: 25px;
}

#icontainer .content-wrap p.lead {
  color: #333;
  margin: 0 0 9px 0;
	padding-left: 8px;
	clear: both;
	position: relative;

}

#icontainer .content-wrap .content-middle-col p.lead {
  height:19px;
  display:block;
	color: #CCC;
  border-top:1px solid #D9D9D9;
  line-height:19px;
  padding-top:2px;
  background: #333 url(/css/img/background-middle-col_lead.png) repeat-x ;
  margin-bottom: 0px;
}
#icontainer .content-wrap .content-left-col p {
	line-height: 19px;
	width: 450px;
	margin: 0 0 25px 0;
	color: #333;
}
#icontainer .content-wrap .content-left-col p.channel-lead {

}
#icontainer .content-wrap .content-left-col p.lead {
	margin: 0 0 4px 0;
	padding: 0;
}

#icontainer .content-wrap p a,
#icontainer .content-wrap p a:link {
	text-decoration: none;
	color: #B40000;
}
#icontainer .content-wrap p a:hover {
	color: #000;
}

/*
=================================================================== */
/* Extra Links */
/* Twitter Button */
#icontainer .content-wrap .banner-button {
	clear: both;
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 1.4em;
	padding: 9px 40px 9px 9px;
	margin: 0 0 20px;
}

#icontainer .content-wrap .banner-button.twitter {
	background: #6AD8F5 url(/css/img/socials/twitter_32.png) no-repeat 135px center;
}

#icontainer .content-wrap .banner-button.facebook {
	background: #5779af url(/css/img/socials/facebook_32.png) no-repeat 135px center;
}

span.video-extra-content a {
  padding-left: 10px;
  background: url(/css/img/background-a-ll.gif) no-repeat left 0.35em;
}

a.ll {
	padding-left: 10px;
	background: url(/css/img/background-a-ll.gif) no-repeat left 0.35em;
}


/*
=================================================================== */
/* Video Box Event Title */
#icontainer .content-wrap .content-middle-col .video-title-event {
  background: #960000;
}
#icontainer .content-wrap .content-middle-col .video-title-event:hover {
  background: #6D0000;
}

/*
=================================================================== */
/* Video Box des Tages */
#icontainer .content-wrap .content-middle-col .video-of-day {
  background: #2A0000;
}
#icontainer .content-wrap .content-middle-col .video-of-day:hover {
  /*background: #6D0000;*/
}

.channel-navigation li a,
.accordion a,
#icontainer .content-wrap .content-middle-col .video-box span.video-description,
#icontainer .content-wrap .content-middle-col .video-box span.video-title {
  color: #fff;
}
#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-views {
  color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
}
#icontainer .content-wrap .content-middle-col .video-box span.video-subtitle {
  color:#fff;
}


#icontainer .content-wrap .abo-channel-button {

  clear: both;
  display: block;
  background: #BCBCBC url(img/background-channel-button.png) no-repeat right top;
  color: #424242;
  text-decoration: none;
  line-height: 115%;
  padding: 7px 9px 7px 49px;
  margin: 0 0 20px 0;
  height: auto !important;
  height: 32px;
  min-height: 32px;
}