/**
 *
 * Pokito CSS-File
 * (c) RTL2 Fernsehen GmbH & Co. KG
 *
**/
div#serie-field
{
    height:310px;
    position:relative;
}
div#serie-conFloat
{
    background-repeat:repeat-y;
    width:627px;
}
div#serie-content,
div#serie-content-start
{
    background-position:0 0;
    background-repeat:no-repeat;
    width:627px;
    min-height:350px;
    height:auto!important;
    height:350px;
}
/* Seriennavigation */
ul#nav-serie
{
    list-style-type:none;
    position:absolute;
    bottom:0;
    width:604px;
    left:34px;
    overflow:hidden;
    height:88px;
}
ul#nav-serie li
{
    float:left;
    display:inline;
    height:88px;
    width:83px;
}
ul#nav-serie li a
{
    height:100%;
    display:block;
    background-position:top center;
    background-repeat:no-repeat;
    cursor:pointer;
    text-indent:-2000px;
    width:83px;
}
div#serie-left
{
    width:360px;
    float:left;
                                  /*  padding-left:siehe unten: Linksbuendigkeit */
}

div#serie-left a.fliessTextLink
{
    color:#e6000e;
    font-weight:bold;
}
div#serie-left a.fliessTextLink:hover { color:#000; }

div#serie-right
{
    width:206px;
    float:left;
    margin-left:10px;
    overflow:hidden;
}
div#serie-right h2 { margin-left:0; }
div#serie-right a#downloadsLst,
div#serie-right a#gamesLst { display:block; }
div#serie-right ul#linksUL,
div#serie-right p,
div#serie-right a#downloadsLst,
div#serie-right a#gamesLst,
div#serie-right a.gewinnBoxRechts
{
    color:#fff;
    padding:0 20px 30px 10px;
    background-position:center bottom;
    background-repeat:no-repeat;
    width:179px;
    font-weight:bold;
}
div#serie-right ul#linksUL li a { color:#FFF; }
div#nav-serie p { padding: 180px 0pt 0pt 38px; }
div#serie-right ul#linksUL { padding-bottom:50px; }
div#serie-right a
{
    text-decoration:underline;
    color:#fff;
}
div#serie-right a.gewinnBoxRechts
{
    display:block;
    background-position:160px bottom;
    background-repeat:no-repeat;
}
div#serie-right h2
{
    text-indent:-2000px;
    height:45px;
    line-height:45px;
    width:209px;
    background-position:0 0;
    background-repeat:no-repeat;
}
div#serie-content h3
{
    font-size:13px;
    font-weight:bold;
    padding:20px 0;
}




/* ul#staffel                     { padding-left:siehe unten: Linksbuendigkeit  } */

ul#staffel li
{
    display:inline;
    float:left;
    line-height:23px;
    padding-right:5px;
}
ul#staffel li a
{
    font-size:10px;
    text-indent:5px;
    display:block;
    width:23px;
    height:23px;
    background-position:left top;
    background-repeat:no-repeat;
    overflow:hidden;
}
div#einzelEpisodeColLeft
{
    float:left;
                                  /*  padding-left:siehe unten: Linksbuendigkeit */
    width:190px;
    margin-top:40px;
}

ul#paging     /* Global CSS ueberschreiben */
{ 
    height:20px;
    float:none;
    width:auto;
}

div#einzelEpisodeColRight
{
    height:200px;
    width:360px;
    float:left;
    margin-top:40px;
}
/** Abschluss einer Serienseite (nach dem Content) **/
img.bttombar
{
    width:627px;
    height:60px;
    display:block;
    background-position:0 0;
    background-repeat:no-repeat;
}
/** Layoutvarianten fuer Serienseiten **/
div#serie-left img { margin-bottom:10px; }
div#serie-left img.noRMargin { margin-right:0; }

div#serie-left img.singlePicRowTxtRow
{
    width:348px;
    /*height:197px;*/
    margin-top:30px;
    margin-bottom:20px;
}
div#serie-left img.singlePicLandscape,
div#serie-left img.twoPicsLandscape     /* Wo wird die twoPics eingesetzt??? */
{
    width:170px;
/*    height:96px; *//* trotz 16:9-Verabredung auf Anforderung von Katharina herausgenommen [s. Mail 20081213-11:17] */
}
div#serie-left img.singlePicPortrait,
div#serie-left img.twoPicsPortrait,     /* Wo wird die twoPics eingesetzt? */
div#serie-left img.threePicsPortrait    /* Wo wird die threePics eingesetzt? */

{
      width:96px;
 /*   height:170px; *//* trotz 16:9-Verabredung auf Anforderung von Katharina herausgenommen [20081112-18:15] */
}
div#serie-left img.singlePicLandscape,
div#serie-left img.twoPicsLandscape,
div#serie-left img.singlePicPortrait,
div#serie-left img.twoPicsPortrait
{
    margin-right:10px;
    float:left;
}
/* download- und andere listen */
div.listBG1,
div.listBG2
{
    width:340px;
    margin-bottom:5px;
    padding:5px;
}

div#serie-left h4 { margin-top:10px; }

div.listBG1 img,
div.listBG2 img
{
    width:68px;
    height:38px;
    float:left;
    margin-right:5px;
}
div.listBG1 p,
div.listBG2 p { float:left; }
div.listBG1 p.limited,
div.listBG2 p.limited { width:150px; }
div.listBG1 p.dllinks,
div.listBG2 p.dllinks
{
    width:95px;
    padding:0 0 10px 10px;
}
div.listBG1 p.dllinks a,
div.listBG2 p.dllinks a
{
    font-size:9px;
    padding-left:20px;
    display:block;
    background-position:left;
    background-repeat:no-repeat;
}
/** Subnavigation auf der rechten Seite wie z.B. bei Songtexten, Charakteren etc. **/
div#serie-right ul#subnav li
{
    font-weight:normal;
    padding:2px 20px 2px 0;
    background-position:right 5px;
    background-repeat:no-repeat;
    line-height:20px;
    height:20px;
    overflow:hidden;
}
div#serie-right ul#subnav li a
{
    display:block;
    text-decoration:none;
    width:100%;
    background-position:2px 5px;
    background-repeat:no-repeat;
    text-indent:20px;
}
.doppelpfeil
{
    background-position:bottom right;
    background-repeat:no-repeat;
}
.hakenpfeil /* "downloadpfeil" */
{
    background-position:210px 30px;
    background-repeat:no-repeat;
}
/* Bildergalerie */
div.bilderGalerie { padding-bottom:60px; }
p.intro { padding-bottom:10px; }
div.bilderGalerie img
{
    width:68px;
    height:38px;
    float:left;
    margin-right:2px;
}
div.bilderGalerie a.doppelpfeil
{
    width:130px;
    height:45px;
    display:block;
    float:left;
}
p.copyr
{
    margin-left:30px;
}
h2.karakter 
{ 
    padding:3px 0;
    text-indent:0;
    margin-left:0;
    margin-top:-2px;
    height:auto;
}

/* Serien: Videos */
div#content div#serie-conFloat div#serie-content h3.serienvideos { padding-left:45px; }
h4.serienvideos { padding:10px 0 0 5px; }
div.serienvideos { padding-left:40px; }
p.serienvideos { padding:5px;width:540px; }

div#content div#serie-conFloat div#serie-content div.serienvideos p.serienvideos a
{
    text-decoration:none;
    font-weight:bold;
    color:#FFF;
}
div#content div#serie-conFloat div#serie-content div.serienvideos p.serienvideos a:hover { color:#000; }

/****************************/
/******Linksbuendigkeit******/
/****************************/

/* global.css ueberschreiben */
div.h4PicNavi div { padding-left:0; }

ul#nav-serie { left:34px; }

div#serie-left,
p#copyrightNote,
div#serie-content h3#serienLeft,
ul#paging,
div#einzelEpisodeColLeft,
ul#staffel,
div.h4PicNavi{ padding-left:45px; }
/****************************/