/* --------- START: Area Dependent Classes --------- */
/*
The following styles are grouped by the area in which they are used. For example
the body class for a page displayed in OnUnterhaltung is "TOVBody", and for the same page
displayed in OnSport it is "TOVSBody". Parameters have been defined for these classes
next to the style declarations below. These parameters eg: < #classBody#> have been placed
in all commented HTML fragments so that the correct style can be easily identified.
Prefixes for each area:
- Startpage (TOV)
- OnNachrichten (TOVN)
- OnSport (TOVS)
- OnUnterhaltung (TOVU)
- VOD (VOD)
- Erotic Lounge (EL)
*/

/* --- START: Area VOD --- */

/* body definitions */
.VODbody { /* param: <#classBody#> */
color: #FFF;
background-color:#000;
}
.VODbody A {
color:#FFF;
}
.VODbody A:hover {
color:#E20074;
}

/* breadcrumb definitions */
.VODbc { /* param: <#classBreadcrumb#> */
Xmargin-left:12px;
color:#FFF;
}
.bct{background-color:#000}
#bcna{width:631px}
#bcbc{vertical-align:middle}

/* header definitions */
#VODheaderRow2 { /* param: <#classPageHeaderBackground#> */
background-color:#F60;
}

/* footer definitions*/
#VODfooterRow2 { /* param: <#classFooterRow2#> */
background-color:#333;
}
#VODfooterRow1, #VODfooterRow3 { /* param: classFooterRow1, classFooterRow3 */
text-align:right;
background-color:#F60;
}
a.VODlf { /* param: <#classFooterLink#> */
font-size:11px;
font-weight:bold;
color:#333;
}

/* module header definitions */
.VODmh { /* param: <#classModuleHeader#> */
font-weight:bold;
color:#FFF;
height:17px;
background-color:#F60;
}
.VODmh A {
color:#FFF;
text-decoration: none;
}
.VODmh A:hover {
color:#333;
}

/* grid cell definitions */
.VODmc { /* param: <#classCellBackground#> */
background-color:#333;
}

/* chooser definitions */
.VODchooser { /* param: <#classChooser#> */
width:237px;
font-size:12px;
}
.VODchooserBody { /* param: <#classChooserBody#> */
}

/* product teaser definitions */
.VODproductTable { /* param: <#classProductTableBackground#> */
background-color:#666666;
}
.VODproductTableLine { /* param: <#classProductTableLinesColor#> */
background-color:#F60;
}
/* --- END: Area VOD --- */

/* --------- END: Area Dependent Classes --------- */

body { /* body color and text color set in area specific body classes */
margin:0px;
font-family: Arial,Helevtica,Sans-Serif;
font-size: 12px;
}
td {
vertical-align:top;
font-family: Arial,Helevtica,Sans-Serif;
font-size: 12px;
}

/* height of grid-rows */
.rowHeight{
width: 1px;
height: 142px;
}
.containerWidth{
width: 478px;
height: 1px;
}
.containerHeight{
width: 1px;
height: 267px;
}
.containerRowHeight{
width: 1px;
height: 133px;
background-color: #FFF;
font-size: 1px;
}

/* width of the module-columns */
.colSpace {
width:5px;
}
.colSpace4 {
width:4px;
}
.colSpaceKat {
height:1px;
background-color: #FFF;
font-size: 1px;
line-height:1px;
}
.gridCol1 {
width:237px;
}
.gridCol2 {
width:258px;
}

/* moduleheader definitions */
.mh2 {
margin:1px 0px 0px 4px;
}

/* modulecontent definitions */
.head {
margin:0px 2px 0px 3px;
font-weight:bold;
font-size:18px;
}
.headsmall {
font-weight:bold;
}
.price {
font-weight:bold;
}
.textIndent {
margin:0px 0px 0px 3px;
}
.textIndentTop5Liste {
margin:5px 0px 10px 3px;
}

.buttonsBottom {
margin:0px 2px 1px 2px;
font-size: 6px;
}
.votingButton{
margin:0px;
height:16px;
}
a.page { /* for pagination module */
color:#333;
}
/* --- START: Navigation definitions --- */
.tlink2
{
color:#333;
font-weight:bold;
text-decoration:none;
}
a.tlink2
{
color:#333333;
}
a.tlink2:hover
{
color:#ffffff;
}
.tlink2act
{
color:#FFF;
font-weight:bold;
text-decoration:none;
}
a.tlink2act
{
color:#ffffff;
}
a.tlink2act:hover
{
color:#333333;
}
.navigationTable {
background-color:#E0E0E0;
}
.navigationTableHeader {
background-color:#767676;
color:#FFF;
font-weight:bold;
}
.navigationTableRow {
color:#333;
font-weight:bold;
text-decoration:none;
background-color:#E0E0E0;
cursor:pointer;
}
.navigationTableRowInactive {
color:#333;
font-weight:bold;
text-decoration:none;
background-color:#E0E0E0;
cursor:default;
}
.navigationTableRowAct {
color:#FFF;
font-weight:bold;
text-decoration:none;
background-color:#A1A1A1;
cursor:pointer;
}
.navigationTableRowLevelA {
margin:1px 0px 1px 9px;
}
.navigationTableRowLevelB {
margin:1px 0px 1px 1px;
}
.navigationTableRowLevelC {
margin:1px 0px 1px 20px;
}
.navigationTableLine {
background-color:#999;
}
.navigationTableFooter {
background-color:#999;
color:#FFF;
font-weight:bold;
margin:1px 0px 1px 20px;
}
/* --- END: Navigation definitions --- */

/* --- START: Image definitions --- */
.iconLow{ /* for display of icon next to text */
margin-bottom:-2px;
}
/* --- END: Image definitions --- */

/* header definitions */
#headerRow1 {
/*
Background color taken from body color
background-color:#FFF;
*/
}
#headerRow3 {
/*
Background color taken from body color
background-color:#FFF;
*/
}

/* --- START: Misc --- */
.counter, .ll {
font-weight:bold;
}
.vu {
color:#000;
}
.vt {
font-size:2px;
line-height:5px;
}
/* --- END: Misc --- */

/* --- START: M19_Trommel --- */
#trMaster { position:relative;top:0;width:545;height:131;margin: 4px 0px 10px 0px; }
#trContainer { position:absolute;width:480;height:131;left:32;top:0;overflow:hidden; }
#trContent { position:absolute;width:480;height:125;left:0;top:3;background-color:#1F1F1F; }
#trArrowL { position:absolute;left:0;top:0;width:32;height:131;cursor:hand;cursor: pointer; }
#trArrowR { position:absolute;left:512;top:0;width:33;height:131;cursor:hand;cursor: pointer; }
.filmBox { width:160; }
/* --- END: M19_Trommel --- */

/* --- START: M17_Szenenauswahl --- */
#scMaster { position:absolute;width:568px;height:110px;left:0px;top:467px; background-color:#000000; }
#scContainer { position:absolute;width:528px;height:110px;left:20px;top:0px;overflow:hidden; }
#scContent { position:absolute;width:528px;left:0px;top:15px }
#scArrowL { position:absolute;left:0px;top:15px;width:20px;height:48px;cursor:hand;cursor: pointer; }
#scArrowR { position:absolute;left:548px;top:15px;width:20px;height:48px;cursor:hand;cursor: pointer; }
.scElement { width:88px;height:48px;cursor:hand;filter:Alpha(opacity=70, finishopacity=70, style=0);;cursor:hand;cursor: pointer; }
div.scElement div { width:78px; text-align:right; font:bold 24px Impact; margin:-33px 6px 0px 0px; }
tr#rowContent td { width:88px; }
div#scContent table { height:48px; }
/* --- END: M17_Szenenauswahl --- */

/* --- START: M20 TrommelArchiv --- */

div.alphabet, div.aSep { padding:4px;font-size:14px;font-weight:bold;text-align:center;color:#666;float:left; }
div.alphabet a { color:#999;text-decoration:none; }
a.alphabetActive { color:#FFF; }
#nrOfFilms { font-weight:bold; }
#archiveIFrame { height:298px;width:825px; }
div.archiveTeaser { width:155px;height:160px;float:left;margin: 2px 0px 0px 0px; }
div.archiveText ,div.archiveTextPrice {width:61px;overflow:hidden}
div.archiveTextPrice {height:80px}
/* --- END: M20 TrommelArchiv --- */