body{ 
    background: #d4d4d4;
}

#tv2tv2 {
    overflow: hidden;
    clear: both;
    padding-top: 10px;
    background: #fff;
    width: 999px; margin: 0 auto;
}

    #tv2tv2 .breaking-bar {
        position: relative; left: 10px;
    }

.theme-prime{
    background: #d4d4d4;
}

.theme-late-prime{
    background: #1e1e1e;
}


#wrapper-page{ 
    background: url('http://tv2.dk/css/g/sitebg/bg.gif') repeat-y bottom center; 
    padding-bottom: 10px;
}

#content-program-oversigt{ margin-bottom: 21px; }
#content-program-oversigt h2{
    background: #222 url('/css/mainsite/g/style09/overskrifter.png') no-repeat 0px 0px;
    color: #eee;
    padding: 3px 0;    
    font-weight: bold;
    text-indent:-9999px;
}
#content-program-oversigt .nav-context{
    position: relative;
    line-height: 21px;
}
    #content-program-oversigt .nav-context h3{ text-indent: -9999px;}
    #content-program-oversigt .nav-context ul{ 
        position: absolute; top: 0; right: 3px;
        float: right; 
    }
    #content-program-oversigt .nav-context li{
        float: left;
    }

    #content-program-oversigt .nav-context a{
        display: block;
        padding-left: 8px; margin-left: 12px;
        background: url('/css/mainsite/g/style09/linkpil.png') no-repeat left center;
        color: #de3d3a;
    }

/**************************************************************************
*  Featured program sites
***************************************************************************/

#content-featured-program { height: 567px; margin-bottom: 20px; }
#content-featured-program .content { margin-top: 91px; }
#content-featured-program .content .articles .big { margin-left: 18px; height: 389px; width: 300px; }
#content-featured-program .content .articles .big .entry-title { font-size: 18px; color: #891814; width: 295px; margin-top: 3px; display: block; line-height: 20px;}
#content-featured-program .content .articles .big .entry-summary { color: #FFFFFF; margin-top: 3px; }
#content-featured-program .content .articles img { height: 315px; width: 300px; clear: right; }
#content-featured-program .content .articles .list .link { margin-left: 5px; }
#content-featured-program .content .articles .list .link a { background-color: white; opacity: 0.2; filter: alpha(opacity=20); display: block; position: relative; height: 20px; margin-top: -20px;}
#content-featured-program .content .articles .list .link a:hover { opacity: 0.4; filter: alpha(opacity=40); }
#content-featured-program .content .articles .list .link p { color: #FFFFFF; position: relative; height: 20px;}
#content-featured-program .content .teasers .small { height: 148px; width: 112px; float:  left; 
                                                     margin-right: 17px; padding-bottom: 19px; }
#content-featured-program .content .teasers img { height: 148px; width: 112px; }
#content-featured-program .content .teasers .top { height: 389px; }
#content-featured-program .content .teasers .bottom .small { height: 57px; width: 112px; float: right; margin-top: 7px; }
#content-featured-program .content .teasers .bottom .small a { display: block; height: 57px; width: 112px; }
#content-featured-program .content .teasers .bottom .small a:hover { background-position: 0 -57px; }

#content-featured-program .content .nav-context {
    float: right;
    padding: 3px 0;
}
#content-featured-program .content .nav-context ul li {
    display: inline;
}
#content-featured-program .content .nav-context ul li a {
    background: transparent url('/css/mainsite/g/style09/linkpil.png') no-repeat scroll left center;
    color: #891814;
    margin-left: 12px;
    padding-left: 8px;
}
    
/***************************************************************************
*  Latest
****************************************************************************/
#content-latest{ padding-bottom: 21px; }

#content-latest .widget-itemlist .col-4{ position: relative; }
#content-latest .widget-itemlist li.topitem{ padding-bottom: 21px; min-height: 0; }
#content-latest .widget-itemlist .title{ padding-top: 7px; }
#content-latest li.latest{ position: static; border-top: 1px solid #ccc;}
#content-latest li.latest h4{
    float: right; height: 0; width: 0;
    text-indent: -9999px;
}


#content-latest .nav-context{ float: right; }

#content-latest .nav-context h3{
    float: right; height: 0; width: 0;
    text-indent: -9999px;
}

#content-latest .nav-context a{
    padding-left: 8px; margin-left: 12px;
    font-weight: bold;
    background: url('g/icons/listBullet.gif') no-repeat left center;   
}
    #content-latest .nav-context .subscribe a{ 
        height: 21px;
        padding-left: 0; margin-left: 0; background: url('g/icons/rss.gif') no-repeat left center;
    }


/***************************************************************************
*  Stories
****************************************************************************/
#content-stories{ padding-bottom: 21px; }
#content-stories h2{ 
    float: right; height: 0; width: 0;
    text-indent: -9999px;
}
#content-stories .title{
    padding-top: 1em;
    font-size: 14px; font-weight: bold; line-height: 14px;
    padding-left: 5px;
}
#content-stories .title img{ margin-left: -5px;}
#content-stories .summary{ padding: 0 5px;}

#content-stories .col-4{
    background: url('g/storybg.gif') repeat-x left bottom;
}

.meta{
    margin: 1px 0px 1px 0px !important;   
}

.meta .vignette{
    margin-bottom: 5px;
}


.vignette, .com-label{
    color: #de3d3a !important;
}

.tv2section{ float: left;}
.tv2breadcrumb{ float: left; width: 100%; z-index: 2; }
.tv2breadcrumb li{ float: left;}

.tv2section { position: absolute; top: 3px; right: 0; z-index: 1; }
.tv2section li{ float: right; }


/***************************************************************************
* Top menu
****************************************************************************/
#ident{ 
    position: relative;
    background: #383838 url('/css/mainsite/g/style09/top.png') no-repeat 0px -22px;
    margin-bottom: 7px;
}

#ident h1{
    float: left;
    line-height: 38px;
    text-indent: -9999px;
}

#ident ul{ 
    position: absolute; bottom: 10px; left: 290px;
}

#ident li{ 
    float: left; 
    font-weight: bold; 
    font-size: 12px;
    border-right: 2px solid #000;
    text-transform: uppercase;
}
#ident a{ 
    display: block;
    padding: 0 7px; 
    
    margin: 0px 8px 0px 0;
    min-width: 60px; 
    text-align: center;

} 

#ident a:hover{
}

    #ident a span{
        color: #000;
        padding: 0px 3px 0px 10px;
        display: block;
        
    
    } 
#ident a:hover span{
    color: #de3d3a;
}

#ident a.current{ 
    display: block;
    
    margin: 0 8px 0 0;

} #ident a.current:hover{}

#ident a.current span{ 
    display: block;
    color: #de3d3a;
    padding: 0px 3px 0px 10px; 
    
}

#home-link {
    height: 38px;
    width: 230px;
    float: left;
}


/***************************************************************************
* TV tids visning
****************************************************************************/
.content-programguide .epo{
    /* make the content overflow */
    position: relative; overflow: hidden;
}

    .content-programguide .epo a{
        display: block; overflow: hidden;
        white-space: nowrap;
    }   
    
    /* the station */     
    .content-programguide .channels{
        float: left;
        border-top: 1px solid #a6a6a6;
    } 

    .content-programguide .venue{ 
        position: relative; float:left; clear: both;
        background-position: center left; background-repeat: no-repeat;
        
        border-bottom: 1px solid #efefef;
        width: 10000px;
    }
        .content-programguide a.location{ 
            display: block; float:left; clear: none;
            position: relative; top: 0; left: 0;
            height: 30px; width: 82px; margin-right: 0;
            background-repeat: no-repeat; background-position: 11px 5px;
            text-indent: -9999px;
        }

        .content-programguide li.channel-tv2 a.location{
            background-image: url(/css/mainsite/g/style09/tv2logo.png); 
        }

    /* the stations programe */
    .content-programguide ol{
        display: block;
        float: left; clear: right;
        position: relative; top: 0;
    }

    .content-programguide .epo .venue{      
        /* the gray stroke between the channels */
        border-bottom: 1px solid #a6a6a6;
        
        background: url('g/epo/channelbg.gif') top left;
    }
        .content-programguide .epo .programme{ 
            width: 9000px;
            /* off air */
            background: url('g/epo/offair.gif');
        }

        .content-programguide ol li{
            clear: none; float: left;
            border-left: 1px solid #a6a6a6;    
        }
         
        .content-programguide ol li.offair{
            text-indent: -9999px;
            line-height: 34px;
        }

        .content-programguide ol li a, .content-programguide .air{
            float: left; display: block;
            
            padding: 3px 0;
            
            font-size: 10px; font-weight: normal; color: #000;

            overflow: hidden;

            background: url('g/epo/airtime.gif');

            position: relative;
        }
            .content-programguide .epo a:hover,
            .content-programguide .epo a:focus{
                background-image: url('g/epo/selection.gif');
            }

        .content-programguide ol li .summary{
            display: block; clear: right;
            font-size: 12px; font-weight: bold;
            padding-left: 4px;
        }                                    

        .content-programguide ol li .dtstart{
            padding-left: 4px;
        }

        .content-programguide .air{ padding-right: 17px; }

/***************************************************************************
*  Image galleries
****************************************************************************/
#content-gallerier{
    padding-bottom: 21px;
}

.content-image-galleries h2{
    margin-bottom: 5px;
}
.content-image-galleries ol{ 
    padding-bottom: 16px;
}
.content-image-galleries li{
    position: relative;
    background: url('g/gallery/boxbg.gif') repeat-x 0 110px;
}

.content-image-galleries .vignette{
    position: absolute; top: 0;
}
.content-image-galleries .title {
    font-size: 12px; padding-top: 1.25em;
    margin-bottom: 5px;
}
.content-image-galleries .title img{
    /* fixing the position of the image */
    margin-top: -1px;
}

.content-image-galleries .title a{ 
    color: #000; 
}
.content-image-galleries .title a:hover{
    color: #555;
}


/**************************************************************************
*
***************************************************************************/
.content-video-player{
    background: url('g/videoguide/bg.gif') no-repeat;
}

    /* general behaviour of video-player containers; normally these will contain
     * a teaser image for the video, or a flash player */
    .content-video-player .video-player{
        overflow: hidden;
        position: relative;                 
        width: 100%;
    }

        .content-video-player .video-player img{
            position: absolute; top: 0; left: 0;
            cursor: pointer;
        }

        .content-video-player .video-player .video-play-button{
            position: absolute; top: 0; left: 0;
            display: block; cursor: pointer;
            z-index: 2;
        }

        .col-4 .video-player{ height: 180px; }
        .col-4 .video-play-button{
            width: 315px; height: 180px;
            background: url('g/videoguide/play.png') no-repeat;
        }
    
    .content-video-player h3, #content-tvtid-onair h3{
        /* hiding vignettes for graphical user agents
         * todo, collect all these and excecute them all in one go */
        height: 0; overflow: hidden; clear: both; position: absolute; border: 0;
    }

    .content-video-player .video-playlist .title{
        font-size: 14px; font-weight: bold;
    }

    .content-video-player .video-playlist img{
        display: none;
    }

    /* !hack alert */
    .content-video-player .video-playlist{
        /* set this element to the reference point for further positions */
        position: relative; left: 0;
     }
    
    .content-video-player .video-playlist li{
        /* hide the non-current elements in the menu;
         * floating the element to the right causes it disappear because of the
         * grids overflow:hidden policy.
         * 
         * Height:0 is for a Safari 3 special case, otherwise the current
         * description will not be at the top (adds air around elm without) */
        float: right; height: 0; width: 0;
        text-indent: -9999px;
    }
    .content-video-player .video-playlist li.current{
        /* The element is the current selection ... reset the rules above */
        float:left; text-indent: 0;
        
        /* 'overflow:auto', not the best solution, but way better than the whole
         * page jumping a couple of pixels, if the current element is bigger
         * than the previous element ... this _will add arrows if there is too
         * much text in the box_! */
        min-height: 120px;  /* used to be 85px high */

        /* clearing space for the mystery meat menu to the east */
        width: 220px;

        padding: 0 5px 0 7px; margin-top: 3px; border-right: 1px solid #a5a5a5;
    }

    /* Video select buttons, the numeric mystery meat menu, next to the video 
     * description of the current video. */
    .content-video-player a{
        display: block; height: 22px; width: 22px;
        position: absolute;
        text-indent: -9999px;

        background: url('g/videoguide/menu.gif') no-repeat;
    }    
        /* highlight the current selection 
         * 
         * map;
         *  v1  v2  v3
         *  v4  v5  v6
         *  v7  v8  v9
         */
        .content-video-player a.v1{ top:  3px; right: 72px; }
        .content-video-player a.v2{ top:  3px; right: 47px; }
        .content-video-player a.v3{ top:  3px; right: 22px; }
        .content-video-player a.v4{ top: 28px; right: 72px; }
        .content-video-player a.v5{ top: 28px; right: 47px; }
        .content-video-player a.v6{ top: 28px; right: 22px; }
        .content-video-player a.v7{ top: 53px; right: 72px; }
        .content-video-player a.v8{ top: 53px; right: 47px; }
        .content-video-player a.v9{ top: 53px; right: 22px; }

        /* Placement of the background tile, in the four different states;
         * focus, hover, current and notactive */
        .content-video-player a.v1{ background-position: -22px 0; }
        .content-video-player a.v1:hover,
        .content-video-player a.v1:focus{ background-position: -22px -22px; }
        .content-video-player .current a.v1{ background-position: -22px -44px; }

        .content-video-player a.v2{ background-position: -44px 0; }                  
        .content-video-player a.v2:hover,
        .content-video-player a.v2:focus{ background-position: -44px -22px; }
        .content-video-player .current a.v2{ background-position: -44px -44px; }

        .content-video-player a.v3{ background-position: -66px 0; }
        .content-video-player a.v3:hover,
        .content-video-player a.v3:focus{ background-position: -66px -22px; }
        .content-video-player .current a.v3{ background-position: -66px -44px; }

        .content-video-player a.v4{ background-position: -88px 0; }
        .content-video-player a.v4:hover,
        .content-video-player a.v4:focus{ background-position: -88px -22px; }
        .content-video-player .current a.v4{ background-position: -88px -44px; }
        
        .content-video-player a.v5{ background-position: -110px 0; }                                                                
        .content-video-player a.v5:hover,
        .content-video-player a.v5:focus{ background-position: -110px -22px; }
        .content-video-player .current a.v5{ background-position: -110px -44px; }
    
        .content-video-player a.v6{ background-position: -132px 0; }                                                                 
        .content-video-player a.v6:hover,
        .content-video-player a.v6:focus{ background-position: -132px -22px; }
        .content-video-player .current a.v6{ background-position: -132px -44px; }

        .content-video-player a.v7{ background-position: -154px 0; }
        .content-video-player a.v7:hover,
        .content-video-player a.v7:focus{ background-position: -154px -22px; }
        .content-video-player .current a.v7{ background-position: -154px -44px; }
    
        .content-video-player a.v8{ background-position: -176px 0; }
        .content-video-player a.v8:hover,
        .content-video-player a.v8:focus{ background-position: -176px -22px; }
        .content-video-player .current a.v8{ background-position: -176px -44px; }
    
        .content-video-player a.v9{ background-position: -198px 0; }
        .content-video-player a.v9:hover,
        .content-video-player a.v9:focus{ background-position: -198px -22px; }
        .content-video-player .current a.v9{ background-position: -198px -44px; }

    /* I know! I overwrite some of the previous state rules here; if it's a
     * demand, that the hover state display the number instead of the play icon,
     * this will be as easy as to comment out the following two rules. */
    .content-video-player .video-playlist li a:focus,
    .content-video-player .video-playlist li a:hover{
        background-position: 0 -22px;
    }

    .content-video-player .video-playlist .current a:focus,
    .content-video-player .video-playlist .current a:hover{
        background-position: 0 -44px;
    }
    /* binary out comment block end */
    
    #content-video{ float: left; }
    #content-video .video-type-large{ 
        float: left; background: url('g/video/boxbg.gif') repeat-x top left; overflow: hidden; 
        padding-bottom: 8px;
    }

    #content-video .video-description .title{ font-size: 18px; }

    #content-video .video-description p,#content-video .video-description .title{
        padding: 8px 9px 0 9px;
    }
        #content-video .video-description img, 
        #content-video .video-description a{ display: none; }
        
        


/**************************************************************************
* 
***************************************************************************/
.widget-itemlist{
    position:relative;
}

    .widget-itemlist .col-4{
        padding: 0 0 16px 0;
    }
    .widget-itemlist .latest{ 
        position: relative; float: left; width: 100%;
    }

    .widget-itemlist .nav-context h3, .widget-itemlist .nav-context h4,
    .widget-itemlist .topitem h4{
        /* hiding section headlines for visual agents; add further headlines
         * here if needed be */
        height: 0; overflow: hidden; clear: both; position: absolute;
        border: 0;
     }

    .widget-itemlist .subscribe{
        position: absolute; top: 4px; right: 0;
    }
        .widget-itemlist li.subscribe a{
            display: block;
            text-indent: -9999px;
            width: 37px; height: 21px;
            background: url('g/icons/rss.gif') no-repeat left center;
        }

    .widget-itemlist h2{
        font-size: 14px; font-weight: bold;
        border-bottom: 1px solid #ccc;
        padding: 1px 0;
    }

    .widget-itemlist h3{
        font-size: 18px; font-weight: bold;
        padding-bottom: 4px;
    }
        .widget-itemlist h3 a{ color: #000; }

    .widget-itemlist h4{
        /* todo, try fooling around with the letter-spacing */
        font-weight: 570; font-size: 14px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 2px;
    }

    .widget-itemlist .topitem{
        _height: 198px; min-height: 198px; /* hack: makes min-height work in ie */
    }

    .widget-itemlist ol{ background: url('g/list-gradient.gif') repeat-x top left;}
        .widget-itemlist ol li{ border-bottom: 1px dotted #ccc; padding: 2px 0; }

        .widget-itemlist ol a{
            color: #000; 
            line-height: 16px;
        }

        .widget-itemlist ol span{
            /* Align the timestamp */
            display: block; float:left; width: 3em;
            color: #555; border-right: 1px solid #ccc;
            font-size: 10px; line-height: 12px; margin: 2px 4px;
        }
        .widget-itemlist ol a.source{
            display: block;
            font-size: 10px; line-height: 12px;
            float: right;
        }

    .widget-itemlist .nav-context{ padding: 3px 0;}
    .widget-itemlist .nav-context ul li{ display: inline; }

    .widget-itemlist .nav-context a{ 
        padding-left: 8px; margin-left: 9px;
        background: url('g/icons/listBullet.gif') no-repeat left center;
    }
    
/**************************************************************************
* 
***************************************************************************/
#content-sputnik .summary{ display: none; }

#content-sputnik .news-story .title{ 
    padding-top: 1em;
    font-size: 14px; font-weight: bold; line-height: 14px; 
}



/**************************************************************************
* Aktuelle program sites
***************************************************************************/

#content-aktuelle-programsites ul{
    position: relative;
    height: 232px;
    margin-top: 7px;
    background: url('/css/mainsite/g/style09/widgetbg.png') no-repeat;
}

#content-aktuelle-programsites li{
    position: absolute;
    
}

    #content-aktuelle-programsites li.item-0{  left: 0;     top: 0; }
    #content-aktuelle-programsites li.item-1{  left: 83px;  top: 0; }
    #content-aktuelle-programsites li.item-2{  left: 166px; top: 0; }
    #content-aktuelle-programsites li.item-3{  left: 249px; top: 0; }
    #content-aktuelle-programsites li.item-4{  left: 0;     top: 83px; }
    #content-aktuelle-programsites li.item-5{  left: 83px;  top: 83px; }
    #content-aktuelle-programsites li.item-6{  left: 166px; top: 83px; }
    #content-aktuelle-programsites li.item-7{  left: 249px; top: 83px; }
    #content-aktuelle-programsites li.item-8{  left: 0;     top: 166px; }
    #content-aktuelle-programsites li.item-9{  left: 83px;  top: 166px; }
    #content-aktuelle-programsites li.item-10{ left: 166px; top: 166px; }
    #content-aktuelle-programsites li.item-11{ left: 249px; top: 166px; }
        
#content-aktuelle-programsites ul a{
    display: block; 
    width: 66px; height: 66px;
    text-indent: -9999px;
}

/**************************************************************************
* Aktuelle program sites
***************************************************************************/
#content-bulletinboard{ float:right; }

#content-bulletinboard .nav-context{ float: right;}

#content-bulletinboard .nav-context h3{
    float: right; height: 0; width: 0;
    text-indent: -9999px;
}

#content-bulletinboard .nav-context a{
    padding-left: 8px; margin-left: 12px;
    background: url('/css/mainsite/g/style09/linkpil.png') no-repeat left center;
    color: #de3d3a;
}
    #content-bulletinboard .nav-context .subscribe a{ 
        padding-left: 0; margin-left: 0; background: url('g/icons/rss.gif') no-repeat left center;
        height: 21px;
    }


/**************************************************************************
*  Aktuelle program sites
***************************************************************************/    
#content-largebulletinboard{ float: left;}

#content-largebulletinboard .widget-itemlist .col-4{ position: relative; }
#content-largebulletinboard .widget-itemlist li.topitem{ padding-bottom: 21px; min-height: 190px;}
#content-largebulletinboard .widget-itemlist .title{ padding-top: 7px; }
#content-largebulletinboard li.latest{ position: static; border-top: 1px solid #ccc; }
#content-largebulletinboard .nav-context .subscribe a{ 
    height: 21px;
    padding-left: 0; margin-left: 0; background: url('g/icons/rss.gif') no-repeat left center;
}

/**************************************************************************
*  Aktuelle program sites
***************************************************************************/
#content-oldsites{ float:left; }

#content-oldsites ul{ padding: 7px 0; }

#content-oldsites li{ position: relative; }
#content-oldsites li a{ 
    padding: 0px 0 0px 83px; display: block; float: left; width: 100%; 
    background: url('g/gradient-liste.gif') repeat-x bottom left;
}
#content-oldsites li img{ 
    position: relative; left: -83px; top: 5px; float: left; padding-bottom:10px;
}
#content-oldsites li span{ 
    display: block; position: relative; left: -70px; top: 15px; 
    padding-bottom: 3px; color: #080808;
}
    #content-oldsites li .title{ font-weight: bold; }

/**************************************************************************
*  Special styles on headlines
***************************************************************************/
#content-latest h2, .content-image-galleries h2, #content-sputnik h2,
#content-aktuelle-programsites h2, #content-bulletinboard h2,#content-images h2,
#content-largebulletinboard h2, #content-oldsites h2, .content-video-player h2,
#content-other-programs h2, h1.tv2header, #content-article-aside h2{
    font-size: 14px; font-weight: bold; line-height: 21px; 
    background: #f5f5f5 url('g/headlinebg.gif') repeat-x bottom left;
    padding: 1px 0;
    text-indent: 3px;
    margin-bottom: 3px;
}

#content-latest .widget-itemlist h2{
    background: #f5f5f5 url(/css/mainsite/g/style09/overskrifter.png) no-repeat 0px -25px;
    text-indent: -9999px;
}

#content-aktuelle-programsites h2{
    background: #f5f5f5 url(/css/mainsite/g/style09/overskrifter.png) no-repeat 0px -50px;
    text-indent: -9999px;
}

#content-images h2{
    background: #f5f5f5 url(/css/mainsite/g/style09/overskrifter.png) no-repeat 0px -75px;
    text-indent: -9999px;
}

#content-bulletinboard h2{
    background: #f5f5f5 url(/css/mainsite/g/style09/overskrifter.png) no-repeat 0px -150px;
    text-indent: -9999px;
}

#free-video h2{
    background: #f5f5f5 url(/css/mainsite/g/style09/overskrifter.png) no-repeat 0px -100px;
    text-indent: -9999px;
}

#sputnik-video h2{
    background: #f5f5f5 url(/css/mainsite/g/style09/overskrifter.png) no-repeat 0px -125px;
    text-indent: -9999px;
}

#content-programsites h2{
    background: #f5f5f5 url(/css/mainsite/g/style09/overskrifter.png) no-repeat 0px -175px;
    text-indent: -9999px;
}

#content-other-programs h2{
    background: #f5f5f5 url(/css/mainsite/g/style09/overskrifter.png) no-repeat 0px -200px;
    text-indent: -9999px;
}

#content-oldsites h2{
    background: #f5f5f5 url(/css/mainsite/g/style09/overskrifter.png) no-repeat 0px -225px;
    text-indent: -9999px;
}

#content-cast h2{
    background: #f5f5f5 url(/css/mainsite/g/style09/overskrifter.png) no-repeat 0px -250px;
    text-indent: -9999px;
}

#content-looking h2{
    background: #f5f5f5 url(/css/mainsite/g/style09/overskrifter.png) no-repeat 0px -275px;
    text-indent: -9999px;
}
/**************************************************************************
*  Special styles on headlines
***************************************************************************/
#content-programsites ol li{
    margin-bottom: 10px;
}

#content-programsites .title{ padding-top: 3px;}
#content-other-programs .title { padding-top: 7px; font-size: 14px;}

/**************************************************************************
*  Teaser carousel
***************************************************************************/
#content-program-teasers{ margin-bottom: 21px; }

.teaser-carousel{
    position: relative;
    float: left;

/* @todo, make a 996px wide version of the background gradient */
/*/    background: url('g/topteaser/widgetbg.gif') repeat-x top right; /* */

}
.teaser-carousel .item-display{ 
    position:relative; top: 0; 
    left: -332px; /* 83 (width of a grid unit) times four */
    height: 364px;
    
    cursor: pointer; /* we add a clickhandler via javascript */
}
    .teaser-carousel .item-display .item-info{
        position: absolute; 
        bottom: 0; 
        left: 0;
        width: 100%; 
        padding-bottom: 7px;
        height: 364px;
        background: url('/css/mainsite/g/style09/overlay-teaser.png') no-repeat 0px 7px;
    }

    .teaser-carousel .item-display .item{
        position: absolute; 
        top: 0;
        height: 100%; 
        width: 100%; 
        background-position: -66px;
    }

    .teaser-carousel .item-display h3{ 
            margin-bottom: 5px;
            margin-top: 275px;
    }
        .teaser-carousel .item-display h3 strong{
            display: block;
            font-weight: bold;
            color: #de3d3a;
            font-size: 16px; 
            line-height: 24px;
            height: 24px;
            text-align: left; 
            padding-right: 70px;
            padding-left: 60px;
            text-transform: uppercase;
        }

        .teaser-carousel .item-display .item-description{
            color: #000;
            margin-bottom: 5px; 
            padding: 0px 70px 0px 60px;
            font-weight: bold;
            font-size: 12px; 
            line-height: 18px;
            height: 70px;
        }

.teaser-carousel .item-queue{ 
    float: left;
    position:relative; top: 0; 
    left: 647px; /* 83 (width of a grid unit) times eight */
}

    .teaser-carousel .item-queue ul li{ 
        position: relative; 
        height: 82px;
        margin-top: 7px;
    }

    .teaser-carousel .item-queue p{ 
        position: absolute; 
        height: 66px; width: 66px;
        top: 8px; left: 24px;
        text-indent: -9999px;
        line-height: 0;

        cursor: pointer; /* we add a clickhandler via javascript */
    }

    .teaser-carousel .item-queue a{
        display: block; height: 82px;
        background: url('g/topteaser/listitembg.gif') no-repeat;
        background-position: 0 -82px;
        color: #333;
        font-size: 16px; line-height: 24px;
        font-weight: bold;
        z-index: 2;
    }

    .teaser-carousel .item-queue a:hover,
    .teaser-carousel .item-queue .current a{
        display: block; height: 82px;
        background-position: 0 -164px;
        color: #111;
    }
        .teaser-carousel .item-queue .current a{
            background-position: 0 0;
        }
        .teaser-carousel .item-queue a span{
            display: block;
            padding: 10px 4px 0 100px;
            z-index: 3;
        }
        



/***************************************************************************
*  Article
****************************************************************************/
#content-article { 
    float: left;
}

#content-article-aside{ float: right; }

.articleTitle{
    font-weight: bold;
    font-size: 16px; line-height: 24px;

}

p.articleDateTime{
    color: #777;
    padding: 6px 0;
}

p.articleBody{
/* 7 units in the grid */
    line-height: 18px; font-size: 12px;
    padding-bottom: 21px;
    padding-right: 83px;
}
    #content-article p.articleBody strong{
        font-weight: bold;
    }

div.frameboxRight{
    float: right; width: 232px; /* 3 units in the grid */
    margin-left: 17px; margin-bottom: 21px;
}
    div.linksbox, div.textbox{ 
        padding: 3px; line-height: 21px; 
        background: url('g/storybg.gif') repeat-x bottom left;
    }
        div.linksbox a{
            padding-left: 8px; margin-left: 8px;
            background: url('g/icons/listBullet.gif') no-repeat left center;
            color: #333;
        }
        div.linksbox a:hover{ color: #b60000; }
        div.textbox strong{ font-weight: bold; }
    
.imageTop{ margin-bottom: 21px; }

    .imageCaption{ font-size: 10px; width: 100%; float: left;}
    .imageRight { float: right; margin-left: 17px; margin-bottom: 21px; }
    .imageLeft { float: left; margin-right: 17px; margin-bottom: 21px; }
    
    .com-article{ width: 300px; margin: 0 auto; padding: 21px 0; }
    .com-article-wrapper{  text-align: center; }

    /* cross promotion */
    #content-article-aside h1.tv2header{ 
        width: 315px;
        background: #222 url('/css/mainsite/g/style09/overskrifter.png') no-repeat 0px -300px;
        text-indent: -9999px;
    }
    
    .tv2cpad{ 
        padding: 5px 0;
        width: 149px; margin: 3px 17px 21px 0; float: left; background: #eee;
    }
        .tv2cpad p,.tv2cpad a, .tv2cpad h3{ padding: 4px; }
            .tv2cpad p a{ padding: 0; }

        .tv2cpad img{ text-align: center;}        
        .tv2cpad a{ color: #111; }
        .tv2cpad h3{ font-weight: bold;}
        .tv2cpad .tv2readmore{ text-align: right; }

#content-article-aside #aside-galleries { padding-bottom: 21px; }
#content-article-aside .news-story .summary{ display: none; }

#content-article-aside .news-story .title{ 
    font-size: 14px; font-weight: bold;
    padding-top: 7px; margin-bottom: 7px;
}
    #content-article-aside .news-story .title a{ color: #111;}
    
#content-article-aside .news-story .col-4{ padding-bottom: 0; }




#aside-galleries{ float:left; }

#aside-galleries ul{ padding: 7px 0; }

#aside-galleries li{ position: relative; }
#aside-galleries li a{ 
    padding: 0px 0 0px 83px; display: block; float: left; width: 100%; 
    background: url('g/gradient-liste.gif') repeat-x bottom left;
}
#aside-galleries li img{ 
    position: relative; left: -83px; top: 5px; float: left; padding-bottom:10px;
}
#aside-galleries li span{ 
    display: block; position: relative; left: -70px; top: 15px; 
    padding-bottom: 3px; color: #080808;
}
    #aside-galleries li .title{ font-weight: bold; }

#sputnik-content-video{display: none;}

/* Article Toolbar (share, bookmark etc) */
div.articleToolbar a.fb_share_link {
    padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left;
    color: #3B5998; text-decoration: none; cursor: pointer;
}
div.articleToolbar {
    float: right;
}

#newsletterform {
    padding: 0px 10px 0px 10px;
    margin: 10px 95px 10px 0px;
    height: 65px;
    width: 608px !important;
    background: #000 url(http://common.tv2.dk/img/newsletterform/480x65_newsletterform_bg.gif) repeat-x scroll top left;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Sans-serif;
}

#newsletterform form {

}
#newsletterform form#nyhedsbrev {
    padding-top: 10px;
}
#newsletterform input#email {
    color: #cecece;
    width: 310px;
    height: 16px;
    border: 1px solid #000;
    background-color: #fff;
    font-size: 11px;
    font-style: italic;
    float: right;
}

#newsletterform input#email:active, #newsletterform input#email:focus {
    color: #000;
    font-style: normal;
}

#newsletterform a{
    font-size: 10px;
    text-decoration: none;
    color: #fff;
    display: block;
    float: left;
    background: transparent url(http://common.tv2.dk/img/newsletterform/white_arrow.gif) no-repeat scroll center left;
    padding-left: 5px;
    margin-right: 15px;
    margin-top: 12px;
}

#newsletterform a:hover{
    text-decoration: underline;
}

#newsletterform a#newsletterPath{
    width: 130px;
}

#newsletterform a#screensaverPath{
    width: 140px;
}

#newsletterform #emailSubmit{
    background: transparent url(http://common.tv2.dk/img/newsletterform/tilmeld_btn.gif) no-repeat top left;
    width: 62px;
    height: 19px;
    border: none;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    float: right;
}

#newsletterform #emailSubmit:hover{
    background: transparent url(http://common.tv2.dk/img/newsletterform/tilmeld_btn.gif) no-repeat bottom left;
}

.content-news .latest h2{
    background: #222 url('/css/mainsite/g/style09/overskrifter.png') no-repeat 0px -325px !important;
    text-indent: -9999px !important;
}

#aside-galleries h2{
    background: #222 url('/css/mainsite/g/style09/overskrifter.png') no-repeat 0px -350px !important;
    text-indent: -9999px !important;
}

.aside-sputnik h2{
    background: #222 url('/css/mainsite/g/style09/overskrifter.png') no-repeat 0px -375px !important;
    text-indent: -9999px !important;
}

/***************************************************************************
*  Newlist
****************************************************************************/

.featurelist li .time {
    color: #6F6F6F;
}

.featurelist li .highlight {
    color: #9B2C2A;
}

.featurelist ol li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.featurelist ol li.date {
    color: black;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 30px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

.featurelist ol li.date:first-child {
    margin-top: 0px;
}
.featurelist ol li .title a {
    font-size: 16px;
    color: black;
}




.sputnik {
    margin-top: 20px; 
}