/* PROGRAMM-DETAILSEITE (program_detail) */

/* Trailerbox Top */

table.top td {
 background-color: #77797C;
 border-top: 1px solid white;
}

table.top th.left {
 background-image: url(../i/e/g_lo22.gif);
 background-repeat: no-repeat;
}

table.top th.right {
 background-image: url(../i/e/g_ro22.gif);
 background-repeat: no-repeat;
}

/* Trailerbox Header mit Überschriften */

table.trailerboxheader td {
  background-color: #77797C;
}

table.trailerboxheader td.left {
 border-left: 1px solid white;
}

table.trailerboxheader td.right {
 border-right: 1px solid white;
}

/* Überschrift 20px bei weniger als 70 Zeichen in Headline */
table.trailerboxheader tr td h1 {
 margin: 0px 0px 9px 0px;
 padding: 0;
 color: white;
 font-family: Arial, helvetica, sans-serif;
 font-size: 20px;
}

/* Überschrift 15px bei mehr als 70 Zeichen in Headline */
table.trailerboxheader tr td h2 {
 margin: 0px 0px 9px 0px;
 padding: 0;
 color: white;
 font-family: Arial, helvetica, sans-serif;
 font-size: 15px;
}

table.trailerboxheader tr td h3 {
 margin: 0px 0px 3px 1px;
 padding: 0;
 color: white;
 font-family: Arial, helvetica, sans-serif;
 font-size: 11px;
}

/* Trailerbox Content */

table.trailerboxcontent {
 margin: 0;
 padding: 0;
 background-color: #77797C;
 border: solid 1px white;
}

table.trailerboxcontent td.white {
 background-color: #ffffff;
}

table.trailerboxcontent td.background {
 background-image: url(../i/trailer/trailerbox-bg.gif);
}

table.trailerboxcontent table.infos {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 14px;
 color: white;
}

table.trailerboxcontent table.infos th div {
 padding: 3px 10px 3px 0px;
}

table.trailerboxcontent table.infos td div {
 padding: 3px 10px 3px 10px;
}

table.trailerboxcontent table.infos tr th {
 vertical-align: top;
 text-align: right;
 border-top: solid 1px white;
}

table.trailerboxcontent table.infos tr td {
 vertical-align: top;
 border-top: solid 1px white;
}

table.trailerboxcontent table.infos a {
 text-decoration: none;
 color: white;
}

table.trailerboxcontent table.infos ul {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 16px;
 margin: 0px 0px 15px 0px;
 padding-left: 16px;
 list-style-type: disc;
}


table.trailerboxcontent tr td.picture {
 background-color: black;
 text-align: center;
 vertical-align: middle;
}

table.trailerboxcontent tr td table.genre,
table.trailerboxcontent tr td table.genre a {
 font-family: Arial, Helvetica, sans-serif;
}

table.trailerboxcontent tr td table.genre tr td {
 font-family: Arial, Helvetica, sans-serif;
 padding: 3px 10px 0px 10px;
 font-size: 11px;
 font-weight: bold;
 color: white;
 border: none;
}

table.trailerboxcontent tr td table.genre tr td.remark {
 font-family: Arial, Helvetica, sans-serif;
 background-color: #ff6614;
 border-left: solid 1px white;
}


/* Trailerbox Footer */

table.trailerboxfooter {
 margin: 0;
 padding: 0;
 font-size: 11px;
 color: white;
}

table.trailerboxfooter,
table.trailerboxfooter a {
 font-family: Arial, helvetica, sans-serif;
}

table.trailerboxfooter tr th {
 vertical-align: middle;
 text-align: center;
}

table.trailerboxfooter tr td {
 font-weight: bold;
 text-align: left;
 vertical-align: middle;
 background-color: #77797C;
 background: url(../i/trailer/trailerfooter-bg.gif) bottom left repeat-x;
}

table.trailerboxfooter th a {
 color: white;
 text-decoration: none;
 padding: 0px 5px 0px 5px;
}

table.trailerboxfooter td a {
 color: white;
 text-decoration: none;
 padding: 0px 5px 0px 5px;
}

table.trailerboxfooter td.white {
 background: none;
 background-color: white;
}

table.trailerboxfooter td.radiotext {
 vertical-align: top;
 padding-top: 5px;
}

table.trailerboxfooter th.play {
 text-align: center;
 vertical-align: top;
 background-image: url(../i/trailer/trailerbox_lu25.gif);
 background-repeat: no-repeat;
}

table.trailerboxfooter th.play-dark {
 text-align: center;
 vertical-align: top;
 background-image: url(../i/trailer/trailerbox_dunkel_lu25.gif);
 background-repeat: no-repeat;
 cursor: pointer;
}

table.trailerboxfooter td.stop {
 text-align: center;
 vertical-align: top;
 background: url(../i/trailer/trailerfooter-bg.gif) bottom left repeat-x;
}

table.trailerboxfooter td.stop-dark {
 text-align: center;
 vertical-align: top;
 background: url(../i/trailer/trailerfooter-bg-dark.gif) bottom left repeat-x;
 cursor: pointer;
}

table.trailerboxfooter td.zurueck {
 padding-top: 5px;
 vertical-align: top;
 text-align: left;
 background: url(../i/trailer/trailerfooter-bg.gif) bottom left repeat-x;
}

table.trailerboxfooter td.zurueck-dark {
 padding-top: 5px;
 vertical-align: top;
 text-align: left;
 background: url(../i/trailer/trailerfooter-bg-dark.gif) bottom left repeat-x;
}

table.trailerboxfooter td.liste {
 padding-top: 5px;
 vertical-align: top;
 text-align: center;
}

table.trailerboxfooter td.liste-dark {
 padding-top: 5px;
 vertical-align: top;
 text-align: center;
 background: url(../i/trailer/trailerfooter-bg-dark.gif) bottom left repeat-x;
}

table.trailerboxfooter th.weiter {
 padding-top: 5px;
 vertical-align: top;
 text-align: right;
 background-image: url(../i/trailer/trailerbox_ru25.gif);
 background-repeat: no-repeat;
}

table.trailerboxfooter th.weiter-dark {
 padding-top: 5px;
 vertical-align: top;
 text-align: right;
 background-image: url(../i/trailer/trailerbox_dunkel_ru25.gif);
 background-repeat: no-repeat;
}

table.trailerboxfooter a img {
 margin: 0px 5px 0px 5px;
}

input.tradio {
  margin: 0px 0px 0px 13px;
  border: none;
}

#slidercasing {
	padding:0px;
	background-color:#77797C;
	width:300px;
	height:24px;
	position: absolute;
	top:0px;
	left:0px;
	z-index:4;
	font-size: 1px;
	cursor: pointer;
}


#slidertrack {
	padding:0px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 1px;
	height: 1px;
	width: 300px;
	left: 0px;
	top: 11px;
	z-index:5;
	cursor: pointer;
}


#sliderbar {
	position:absolute;
	background-color:#FF6614;
	width:6px;
	padding:0px;
	height:14px;
	top:5px;
	font-size: 1px;
	z-index:6;
}

#slidercasing-footage {
	padding:0px;
	background-color:#77797C;
	width:289px;
	height:24px;
	position: absolute;
	top:0px;
	left:0px;
	z-index:4;
	font-size: 1px;
	cursor: pointer;
}


#slidertrack-footage {
	padding:0px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 1px;
	height: 1px;
	width: 289px;
	left: 0px;
	top: 11px;
	z-index:5;
	cursor: pointer;
}


#sliderbar-footage {
	position:absolute;
	background-color:#FF6614;
	width:6px;
	padding:0px;
	height:14px;
	top:5px;
	font-size: 1px;
	z-index:6;
}

#slidercasing-casestudy {
	padding:0px;
	background-color:#77797C;
	width:289px;
	height:24px;
	position: absolute;
	top:0px;
	left:0px;
	z-index:4;
	font-size: 1px;
	cursor: pointer;
}


#slidertrack-casestudy {
	padding:0px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 1px;
	height: 1px;
	width: 289px;
	left: 0px;
	top: 11px;
	z-index:5;
	cursor: pointer;
}


#sliderbar-casestudy {
	position:absolute;
	background-color:#FF6614;
	width:6px;
	padding:0px;
	height:14px;
	top:5px;
	font-size: 1px;
	z-index:6;
}