/*#########################################*/
/* Format: Videoseiten (Mediacenter und �bersichtsseiten */

body {  
  background-color: #f2f2f2;/*[1:OK]*/  /* Fallback Hintergrundfarbe */
}

#p7_cw { /* Kachel fuer den Hintergrund, Teaserpage */
background:transparent url(/img/video/bg_kachel_2-1_video.jpg) repeat-x scroll left top;
}

#p7_cw_contentpage  { /* Kachel fuer den Hintergrund, Contentpage */
background:transparent url(/img/video/bg_kachel_2-1_video.jpg) repeat-x scroll left top;
}

#p7_bglayer { /* Hintergrund, nicht gekachelt Teaserpage  */
background:transparent url(/img/video/bg_3-1_video.jpg) no-repeat scroll -120px 0;
}

#p7_cw_contentpage #p7_bglayer { /* Hintergrund, nicht gekachelt Contentpage  */
background:transparent url(/img/video/bg_3-1_video.jpg) no-repeat scroll -120px 0;
}

#p7_main, #p7_cw_contentpage #p7_main { /* Hintergrund Teaserpage und Contentpage, Inhaltsteil, gekachelt */
background:transparent url(/img/video/bg_4_video.jpg) repeat-y scroll 0 19px;
}

.arrow {
  background: transparent url(/img/video/bg_link_arrow_video.gif) no-repeat scroll left 4px;
}

#nav-sub ul li a, #nav-sub ul li a:visited, #nav-sub ul li a:link { /* Sub-Navigation link */
  color: #4a4a4a;/*[10:OK]*/
}

#nav-sub ul li a:hover, #nav-sub ul li a:active { /* Sub-Navigation link highlight */
  color: #ffffff;/*[11:OK]*/
  background-color: #d1001c;/*[12:OK]*/
}

#nav-sub ul li a:hover, #nav-sub ul li a.activenavigation {
  color: #ffffff;/*[11:OK]*/
  background-color: #d1001c;/*[12:OK]*/
}

/* HeaderOverlay */
/* Text fuer Version "Image Vertical, Text" */
.header-overlay .body .text-v01,
.header-overlay .body .text-v02 {
  color: #ffffff;/*[13:OK]*/ /* Schriftfarbe Headeroverlay */
}

/* Flash-Teaser-Fallback */

#teaser-container-flash {
}

.flash-teaser-fallback .teaser-text h2 { /* headline Flash-Teaser-Fallback */  
  color: #000000;/*[16:OK]*/
}

.flash-teaser-fallback .teaser-text h3,
.flash-teaser-fallback .teaser-more h3 { /* Subline Flash-Teaser-Fallback */
	color: #ffffff;/*[17:OK]*/
}

.flash-teaser-fallback .teaser-text h4 { /* Subline2 Flash-Teaser-Fallback Next Broadcast*/
  color: #ffffff;/*[17:OK]*/
}

.flash-teaser-fallback .teaser-text p a {
  color: #ffffff;/*[18:OK]*/
  background-color:#600a19;/*[19:OK]*/ /* eigene Hintergrundfarbe fuer buttonartige Links */
}

.flash-teaser-fallback .teaser-thumb a.thumb-link a {
  color: #222;
  background: transparent url(/img/video/bg_link_arrow_video.gif) no-repeat scroll left top;
}

.flash-teaser-fallback .teaser-flashinfo p {
  color: #333;
  background-color: #ababab; /* eine Farbe aus dem Hintergrund */
}

/* Ende Flash-Teaser-Fallback */

.module-title {
  background: #e7e7e7/*[25:OK]*/ url(/img/video/module_title_video.gif) repeat-y scroll left top;

}

.module,
.modulefix,
.on {
  background: #dbdbdb/*[26:OK]*/ url(/img/video/module_background_video.gif) repeat-y scroll left top;
}

.module-footer {
  background: #e7e7e7/*[25:OK]*/ url(/img/video/module_title_video.gif) repeat-y scroll left top;
  color: #333;
}

.off,
div.pg-nav {
  background: #adadad/*[27:OK]*/ url(/img/video/module_off_video.gif) repeat-y top left;
}

/* Farbgebung Tabs */

.module-tabs li a {
  color: #ffffff;/*[20:OK]*/ /* Schriftfarbe inaktiver Tab */
}

.module-tabs ul {
  background-color: #540b18;/*[21:OK]*/ /* Hintergrundfarbe inaktiver Tab */  
}

/* aktiver Tab */

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
background-color:#c2c7c8;/*[23:OK]*/
color:#ffffff;/*[22:OK]*/
}

/* Farbgebung Textfeld auf Teaserbild */

.module-caption div {
  background-color: #e5e6e6;/*[24:OK]*/ /* Hintergrundfarbe fuer Textfeld ueber Teaserbild */
}

/* Farbgebung Scrollbar (nur Griff) */

.jScrollPaneDrag {
  background-color:  #640d1c;/*[14:OK]*/
}

/* Farbgebung Scrollbar (Rest) */

.jScrollPaneTrack {
  background-color: #53545a;/*[15:OK]*/
}

a.jScrollArrowUp {
  background:transparent url(/img/video/scrollpane_arrow_up_video.gif) repeat-x scroll 0 0;
}

a.jScrollArrowDown {
  background:transparent url(/img/video/scrollpane_arrow_down_video.gif) repeat-x scroll 0 0;
}


/* Spezielle Einstellungen */

/* Charts */
.module-charts .module-body .order {
  background-color: #ebebeb;
  color: #999999;  
}

.module-charts .module-body .red  {
  background-color: #C80026;
  color: #ffffff;
}

.on td {
  border-color: #b9b9b9;
}

.off td {
  border-color: #b9b9b9;
}

.module-body td {
  border-color: #b9b9b9;
}

.module-charts .module-body div{
  border-color: #b9b9b9;
}

.module-charts .module-body div.unit {
  background-color: #adadad;/*[27:OK]*/
  color: #B0AEAF;
}

.module-charts .module-body div.unit a {
  color: #999999;
}

/* Gallery und Pager */
#lightbox-topContainer {
  background: transparent url(/img/video/galerie_zoom_header_video.jpg) repeat scroll 0 0
}

.module-gallery .unit {
  background: #d1d1d1 url(/img/video/module_off_video.gif) repeat-y top left;
}

/*#############################################################################
# fixes
##############################################################################*/

.module-body a, .module-body a:visited, .module-body a:link {
   color: #000000; /*[28:OK]*/
}
.module-body a:hover, .module-body a:active {
   color: #ff0000;/*[29:OK]*/ 
}
.module-footer a, .module-footer a:visited, .module-footer a:link {
   color: #ffffff;/*[30:OK]*/
}
.module-footer a:hover, .module-footer a:active {
   color: #ff0000;/*[31:OK]*/ 
}

.innertext h4{
	color: #662C36;
}

.unit .link a, .unit .link a:visited, .unit .link a:link {
   color: #211D1A;
}

.unit .link a:hover, .unit .link a:active {
   color: #ff0000;/*[29:OK]*/ 
}

div.video_mirroring {
  height: 24px;
  width: 818px;
}

div.video_mirroring img {
  height: auto;
  margin-bottom: 0;
}

/*############################################################################
# fixes for rectangle background
############################################################################*/
#ad-teaser {
  min-height: 260px;
  height: 260px !important;
  padding: 10px 0 0 10px;
  margin: 0 0 24px 0;
  background: #211d1a;
}

/*############################################################################
# fixes for shopping tips ad
############################################################################*/
#ad-performanceBox1 {
    margin:10px 0 0 0;
}

/*############################################################################
# Episoden 
##############################################################################*/

.episode .episode {
  width: 380px;
  float: left;
  margin: 10px 0 30px 0;
}

.episode .episode h3 {
  padding: 0;
  color: #222222;
  margin: 0 0 10px 0;
}

.episode .episode-text,
.episode .module-caption {
  float: left;
}

.episode .module-caption {
  margin-right: 10px;
}

.episode .episode-text {
  width: auto;
  float: none;
}

.episode div.module_videoclip {
  width: 100%;
  height: auto;
  margin: 0;
  padding-bottom: 10px;
}

.module_videoclip_overview h3.episode-shortclips {
  margin-bottom: 0;
  margin-right: 5px;
  border-top: 1px solid;
}

.episode .module_videoclip_footer {
  background: none;
  float: left;
  padding: 0;
  margin: 0;
}

.episode .module_videoclip_footer h4,
.episode .episode-text p {
  margin-left: 0;
}

.episode .episode-navigation.prev {
  background: url('/img/module/episode-paging-left.png') transparent no-repeat;
  cursor: pointer;
  float: left;
}

.episode .episode-navigation.prev.disabled {
  background: url('/img/module/episode-paging-left_disabled.png') transparent no-repeat;
  cursor: default;
}

.episode .episode-navigation.next {
  background: url('/img/module/episode-paging-right.png') transparent no-repeat;
  cursor: pointer;
  float: right;
}

.episode .episode-navigation.next.disabled {
  background: url('/img/module/episode-paging-right_disabled.png') transparent no-repeat;
  cursor: default;  
}

.episode .episode-navigation{
  width: 30px;
  height: 61px;
  margin: 45px 10px 30px 10px;
  padding: 0;  
}

.module_videoclip.module-image-text-teaser.episode-shortclip {
  padding-bottom: 0;
}