/* --------- 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 */
/* param:<#classBody#> */
.VODbody
{color:#000}
/*Linkfarbe im teaser*/
.VODbody a,.VODbody a:hover
{color:#e20074}

/* breadcrumb definitions */
/* param:<#classBreadcrumb#> */
.VODbc
{height:20px;margin-left:0;}
.VODbc,.VODbc a,.VODbc a:hover
{color:#fff;background:#e20074} 

/* header definitions */
/* param:<#classPageHeaderBackground#> */
#VODheaderRow2
{background:#fff}

/* footer definitions*/
/* param:<#classFooterRow2#> */
#VODfooterRow2
{height:5px;background:#fff}
/* param:classFooterRow1, classFooterRow3 */
#VODfooterRow3
{text-align:right;color:#fff;background:#e20074;height:19px}
#VODfooterRow3 a
{color:#fff}
/* param:<#classFooterLink#> */
a.VODlf
{font-size:12px;font-weight:bold;color:#fff}
.VODlf a:hover
{color:#e20074}

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

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

/* product teaser definitions */
/* param:<#classProductTableBackground#> */
.VODproductTable
{background:#666}
.VODproductTableLine
/* param:<#classProductTableLinesColor#> */
{background:#f60}
/* --- END: Area VOD --- */

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

/* body color and text color set in area specific body classes */
body
{margin:0}
td
{vertical-align:top}
body,td
{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:#fff;font-size:1px}

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

/* moduleheader definitions */
.mh2
{color:#fff;margin:1px 0 0 4px}
/*Modulheader Linkfarbe*/
a.mh2
{color:#fff}

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

.buttonsBottom
{margin:0 2px 1px 2px;font-size:6px}
.votingButton
{margin:0;height:16px}

/* for pagination module */
a.page
{color:#333}

/* --- START: Navigation definitions --- */
.tlink2
{color:#333;font-weight:bold;text-decoration:none}
a.tlink2
{color:#333}
a.tlink2:hover
{color:#fff}
.tlink2act
{color:#fff;font-weight:bold;text-decoration:none}
a.tlink2act
{color:#fff}
a.tlink2act:hover
{color:#333}
.navigationTable
{background:#e0e0e0}
.navigationTableHeader
{background:#767676;color:#fff;font-weight:bold}
.navigationTableRow
{color:#333;font-weight:bold;text-decoration:none;background:#e0e0e0;cursor:pointer}
.navigationTableRowInactive
{color:#333;font-weight:bold;text-decoration:none;background:#e0e0e0;cursor:default}
.navigationTableRowAct
{color:#fff;font-weight:bold;text-decoration:none;background:#a1a1a1;cursor:pointer}
.navigationTableRowLevelA
{margin:1px 0 1px 9px}
.navigationTableRowLevelB
{margin:1px 0 1px 1px}
.navigationTableRowLevelC
{margin:1px 0 1px 20px}
.navigationTableLine
{background:#999}
.navigationTableFooter
{background:#999;color:#fff;font-weight:bold;margin:1px 0 1px 20px}
/* --- END: Navigation definitions --- */

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

/* header definitions */
#headerRow1
{}
#headerRow3
{background:#e20074}

/* --- 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:545px;height:131px;margin:4px 0 10px 0}
#trContainer
{position:absolute;width:480px;height:131px;left:32px;top:0;overflow:hidden}
#trContent
{position:absolute;width:480px;height:125px;left:0;top:3px;background:#1f1f1f}
#trArrowL
{position:absolute;left:0;top:0;width:32px;height:131px;cursor:hand;cursor:pointer}
#trArrowR
{position:absolute;left:512px;top:0;width:33px;height:131px;cursor:hand;cursor:pointer}
.filmBox
{width:160px}
/* --- END: M19_Trommel --- */

/* --- START: M17_Szenenauswahl --- */
#scMaster
{position:absolute;width:568px;height:110px;left:0;top:467px; background:#000}
#scContainer
{position:absolute;width:528px;height:110px;left:20px;top:0;overflow:hidden}
#scContent
{position:absolute;width:528px;left:0;top:15px}
#scArrowL
{position:absolute;left:0;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 0 0}
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 0 0 0}
div.archiveText ,div.archiveTextPrice
{width:61px;overflow:hidden}
div.archiveTextPrice
{height:80px}
/* --- END: M20 TrommelArchiv --- */