/* Hover colour on blue links: #0076d3 */

.hidden{
    /* hide for visual agents, the text in the hidden element should still
     * be read for non-visual agents, such as screen-readers. If it shouldn't
     * use 'display: none' instead. */
    display: block; position: absolute; left: -9999px;
}

body {
	font-family:  Arial, Helvetica, Tahoma, Trebuchet MS, Verdana, Georgia, sans-serif;
	font-size:12px; color: #004276;
	line-height:16px;
	background: #f2f2f2 url('/img/bg-nyhederne.jpg') no-repeat scroll center top;
	margin-bottom: 15px;
}

a {
	color: #004276;
	text-decoration: none;
}
a:hover {
    color: #0076D3;
}

.grid {
    background-color: white;
}

#wrapper-breaking {
    position: relative;
    margin: 0 auto; width: 999px; left: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

    #wrapper-breaking .breaking-bar {
        float: left;
    }

#portal-navigation ol.tabs,
#portal-navigation ol.tabs li.active {
    border: none;
    text-align: left;
}

#wrapper-page, #wrapper-top {
    background-color: white;
    width: 999px;
    margin: 0 auto;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

    #wrapper-page{
        margin-top: 10px; padding-top: 10px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        clear: both;
    }

    #wrapper-top {
		height: 190px;
        -moz-border-radius-bottomleft: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -webkit-border-bottom-right-radius: 8px;
        border-bottom-right-radius:8px;
        border-bottom-left-radius: 8px;
    }

.line {
    border-bottom: 3px solid #b62421;
    position: relative;
    height: 1px;
    background-color: #e08380;
}

.spacer {
    height: 10px;
}


.hide {
    display: none;
}

#content-teaser-image .teaserText {
    display: none;
}


/* Awsome box */
#aBox, #aOverlay {
    z-index: 9999 !important;
}


/* Login box */
.login img, .login form br { display: none; }
.login h2.gfxheader { background-position: 0px -2380px; }
.login form { float: left; width: 133px; border: 1px solid #CACACA; border-top: none; padding: 7px; background-color: #F6F6F6; }
.login form table .loginText { font-size: 12px; font-family: Arial; width: 140px; }
.login form table .loginText input[type=text], .login form table .loginText input[type=password] { float: left; width: 130px; height: 12px; border-color: #CBCBCB; }
.login form table .loginText input.loginButton { position: relative; left: -52px; top: 18px; width: 52px; }
.login form table .loginCheckbox { margin-bottom: 14px; }
.login table .loginArrow { background: transparent url(http://tv2.dk/css/g/icons/listBullet.gif) no-repeat 0 4px; margin-bottom: 5px; margin-left: 5px; }
.login form table .loginArrow a { color: #004276; }
.login form table .loginArrow a:hover { color: #0076D3; }
.login form table label.loginLink { float: left; height: 30px; }

/* Norwegian banner container */
.com-sponsorat-sektion-398x80 { margin-top: 10px; }
/*
.norwegian-container {
    padding-top: 10px; padding-bottom: 5px;
    float: left; overflow: hidden; margin-top: 10px;
    background: transparent url(/img/annonce.gif) no-repeat right top;
}

.norwegian-container.w315 { width: 313px; }
.norwegian-container.w398 { width: 396px; }
.norwegian-container.w334 { width: 332px; }
*/

/* DK Kort - Regioner */
#dkmap .gfxheader {
    background-position: 0px -900px;
}
div.dkmap-wrapper {
    padding-top: 15px;
    padding-left: 20px;
    padding-bottom: 15px;
    background: transparent url(/img/regioner/dkkort-samlet-stor-gradient.png) repeat-x left top;
}
#dkmap-container {
    height: 318px;
    width: 262px;
    background: transparent url(/img/regioner/dkkort-samlet-stor.png) no-repeat 0px 0px;
}
#dkmap-container.nord       { background-position: 0px -1272px; }
#dkmap-container.midtvest   { background-position: 0px -2544px; }
#dkmap-container.oestjylland{ background-position: 0px -954px; }
#dkmap-container.syd        { background-position: 0px -636px; }
#dkmap-container.fyn        { background-position: 0px -318px; }
#dkmap-container.oest       { background-position: 0px -2226px; }
#dkmap-container.lorry      { background-position: 0px -1590px; }
#dkmap-container.bornholm   { background-position: 0px -1908px; }
#dkmap-mapping { position: relative; height: 100%; }
#dkmap-mapping a { width: 100%; height: 100%; display: block; }
#dkmap-mapping li { position: absolute; }
#dkmap-mapping .nord        { width: 110px; height: 130px; left: 70px; }
#dkmap-mapping .midtvest    { width: 90px; height: 145px; top: 60px; }
#dkmap-mapping .oestjylland { width: 90px; height: 100px; left: 75px; top: 100px; }
#dkmap-mapping .syd         { width: 110px; height: 148px; top: 170px; }
#dkmap-mapping .fyn         { width: 65px; height: 90px; top: 205px; left: 95px; }
#dkmap-mapping .oest        { width: 95px; height: 135px; top: 175px; left: 160px; }
#dkmap-mapping .lorry       { width: 55px; height: 60px; top: 160px; left: 200px; }
#dkmap-mapping .bornholm    { width: 50px; height: 43px; left: 220px; }

#dkmap-list {
    margin-top: 3px;
}
#dkmap-list li {
    height: 30px;
    padding-left: 2px;
    background: transparent url(/img/tv-gradient.gif) repeat-x left bottom;
}
#dkmap-list li:hover {
    background-position: left top;
}
#dkmap-list li a {
    background: transparent url(/img/regioner/regionslogoer.png) no-repeat left top;
    float: left;
    padding-left: 55px;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 19px;
    width: 100%;
    margin-top: 5px;
}
#dkmap-list li.nord a       { background-position: 0px -57px; }
#dkmap-list li.midtvest a   { background-position: 0px -133px; }
#dkmap-list li.oestjylland a{ background-position: 0px -38px; }
#dkmap-list li.syd a        { background-position: 0px -19px; }
#dkmap-list li.oest a       { background-position: 0px -114px; }
#dkmap-list li.lorry a      { background-position: 0px -76px; }
#dkmap-list li.bornholm a   { background-position: 0px -95px; }

/* Common top-story list stylesheet */
/* The featured top story, to the left of the top story table of contents */
.topstory .content-news-topstory-featured{ float: left; }

.topstory .content-news-topstory-featured .entry-title{
    padding: 4px 0 0 4px;
}
    .topstory .content-news-topstory-featured .entry-title span.value {
        display: block; padding: 5px 0 2px 0; font-weight: bold;
        font-size: 18px; line-height: 27px; text-indent: 5px;
    }


.topstory .content-news-topstory-featured .entry-summary{
    margin-bottom: 1.5em;
}
    .topstory .content-news-topstory-featured .entry-summary p{
        color: black;
        font-size: 14px;
        padding: 0 5px 0 10px;
    }

/*******/
.topstory .content-news-listing li {
    background-position: 0px 6px;
    font-size: 13px; line-height: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}
.topstory .content-news-listing li a {
    display: block; padding-right: 8px;
    font-size: 14px;
}
.topstory .seemore{ margin-bottom: 5px; float: right; }
.topstory .seemore a {
    margin-top: 3px;
    margin-right: 3px;
    padding-right: 5px;
}

/** jQuery tabs **/
#paatv-tabs {
    margin-top: 4px;
}
#paatv-tabs ul.ui-tabs-nav {
    margin-top: 3px;
}
#paatv-tabs ol.ontv, #tab-tvlist-nyhederne ol.ontv {
    float: left;
    margin-bottom: 5px;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #d19405;
    background: #fece2f;
    font-weight: bold;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #655e4e;
    font-weight: bold;
}


.ui-tabs .ui-tabs-nav li {
    position: relative; float: left;
    border-bottom-width: 0;
    margin: 0 .2em -1px 0; padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
    float: left; text-decoration: none; padding: .5em 1em;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li a{ cursor: pointer; }
.ui-tabs .ui-tabs-hide { display: none; }

.ui-tabs {
    padding: 0;
}
.ui-tabs .ui-tabs-nav {
    float: right;
    z-index: 1;
    padding-top: 0px;

}
.ui-widget-header {
    border: none;
    background: transparent;
}
.ui-widget-content {
    border: 0;
    background: transparent;
}
.ui-tabs .ui-tabs-panel {
    float: left;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
    height: 19px;
    border-color: #C8C8C8;
    margin-right: 5px;
    background: transparent url(/img/tab-white.png) repeat-x left top;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover {
    background-position: left bottom;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border-color: #B11A17;
    background: transparent url(/img/tab-red.png) repeat-x left top;
}
.ui-tabs .ui-tabs-nav li a {
    height: 18px;
    color: black;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0px 10px;
    padding-top: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: white;
    background: transparent url(/img/bottom-arrow.gif) no-repeat center bottom;
    height: 28px;
    padding-top: 1px;
    margin-bottom: -11px;
}
.ui-tabs .ui-corner-top {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: default;
}


/* Most seen video */
.mostseen-video img {
    float: left;
    padding-right: 8px;
}
.mostseen-video .teaser {
    float: left;
    width: 100%;
    padding: 6px 0px 7px 0px;
    border-bottom: 1px dotted gray;
}
.mostseen-video .teaserText {
    font-weight: bold;
}
.mostseen-video .time {
    color: #525252;
}
.mostseen-video .seemore a {
    background: transparent url(http://tv2.dk/css/g/icons/listBullet.gif) no-repeat scroll left center;
    padding-left: 9px;
}


/* site navigation */

#site-nav {
    position: relative;
    line-height: 18px;
    margin-bottom: 20px;
}

    #site-nav #nav-topmenu{
        position: absolute; right: 17px;
    }
        /* If the user resize the text, the z-index will ensure that the menu
         * will stay on top of the site title, and thus be accessible.
         *
         * The background on the top menu will ensure the menu is readable,
         * in the scenario where the menu will go on top of the site title.
         */
        #site-nav .site-title{
            float: left; z-index: 1;
        }
            #site-nav .site-title a{
                background: #fff url('/img/logo+tagline.gif') no-repeat top left;
                display: block; width: 261px; height: 32px;
                text-indent: -9999px;
            }
            #site-nav .site-title a:hover {
                background-position: bottom left;
            }

        #site-nav #nav-topmenu{
            z-index: 2; background: #fff;
        }

    #nav-topmenu li:first-child a{
        padding-left: 0; margin-left: 0; border-left: none;
    }

    #nav-topmenu li a{
        padding-left: 11px; margin-left: 8px;
        border-left: 2px solid #00709d;
        line-height: 32px;
    }


/* General spacing layout rules */

.space-40 {
    padding-bottom: 40px;
}

.space-20 {
    margin-bottom: 20px;
}

.space-10 {
    padding-bottom: 10px;
}



/* content news list */
.content-news-listing {
}

	h2.header {
		color:#9B2C2A;
		font-size:20px;
		font-weight:bold;
		text-transform:uppercase;
		padding-bottom:2px;
		margin:5px 0 0 0;
	}
	
	.redline {
		border-bottom: 3px solid rgb(182, 36, 33);
		position: relative;
		height: 1px;
		background-color: rgb(224, 131, 128);
	}

  .seemore a {
        float: right;
        font-size:12px;
        line-height:16px;
    }

    .content-news-listing .seemore a {
        width: 100px;
    }

    .content-news-listing .seemore.col-4 a,
    .content-news-listing .seemore.col-5 a {
        width: auto;
    }

    .seemore.space {
        padding-right: 8px;
    }
	
    .content-news-listing span.highlight {
        color:#9B2C2A;
    }

    .content-news-listing h2.title2 {
        border-bottom: 1px solid #C9C6C5;
        padding-bottom: 3px;
        padding-top: 6px;
        padding-left: 2px;
        font-size: 12px;
        font-weight: bold;
        color: black;
        width: 100%;
        float: left;
    }


/***
 ***
 ***
 ***
 ***
 ***
 ***
 ***
 ***/

 .content-news-listing ol{
     float: left;
 }
 .content-news-listing li{
     font-size: 16px; padding-left: 8px;
     background: transparent url('http://tv2.dk/css/g/icons/listBullet.gif') no-repeat 0px 12px;
 }

     .content-news-listing .seemore {
         border-top: 1px solid #ccc;
         float: right;
         width: 100%;
     }

     .content-news-listing li a span.published{
         font-size: 12px; color: #6F6F6F; line-height: 1;
     }
     .content-news-listing li a:focus { color: blue; }
     .content-news-listing li a:hover span.published{ color: #aaa; }

 .content-news-listing .title{
     background-image: url('/img/headers.png');
     background-repeat: none;
     text-indent: -9999px;
     height: 20px;
     margin: 0px 0 3px 0;
 }



 .con-1 .content-news-listing hr{ width: 66px; }
 .con-2 .content-news-listing hr{ width: 149px; }
 .con-3 .content-news-listing hr{ width: 232px; }
 .con-4 .content-news-listing hr{ width: 315px; }
 .con-5 .content-news-listing hr{ width: 398px; }
 .con-6 .content-news-listing hr{ width: 481px; }
 .con-7 .content-news-listing hr{ width: 564px; }
 .con-8 .content-news-listing hr{ width: 647px; }
 .con-9 .content-news-listing hr{ width: 730px; }
 .con-10 .content-news-listing hr{ width:813px; }
 .con-11 .content-news-listing hr{ width:896px; }
 .con-12 .content-news-listing hr{ width:979px; }


 ol.scroller{ width: 9999px; position: relative; }

 li.panel{ float: right; }
 li.panel .title{ display: none; }

 .content-news-listing{
     display: block; position: relative;
     z-index: 2;
 }
 .content-news-listing .nav{
     position: absolute; top: 4px; right: 17px;
     height: 20px;
     padding: 0 20px; /* padding should be as wide as the pagination buttons */
 }

 .content-news-listing .nav .pagination{
     position: absolute;
     background-image: url('pile.png');
     background-repeat: none;
     background-color: transparent;
     height: 20px;
 }
     .content-news-listing .nav .next{
         left: 0; background-position: top left;
     }
     .content-news-listing .nav .previous{
         right: 0; background-position: bottom left;
     }
     .content-news-listing .nav .previous:hover,
     .content-news-listing .nav .next:hover{
         background-position-x: center;
     }
     .content-news-listing .nav .disabled,
     .content-news-listing .nav .disabled:hover {
         background-position-x: right;
     }

 .content-news-listing .nav button{
     opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);
     border: 0; width: 20px; height: 20px;
 }

 .content-news-listing .nav .label{
     display: block; float: left;
     text-align: center;
     line-height: 20px;
 }

/***
 ***
 ***
 ***
 ***
 ****/

#krimibrevkasse li a, #politikbrevkasse li a {
    font-size: 14px;
    padding-right: 10px;
}

#latestnews li a, #bagsiden li a {
    font-size:16px;
    line-height:29px;
}

#latestnews.frontpage li a {
    font-size: 14px;
}

#politikbrevkasse ol > li, #krimibrevkasse ol > li {
    border-top: 1px dotted #CDCDCD;
    padding-top: 3px;
    padding-bottom: 3px;
    background-position: 0px 8px;
}

#politikbrevkasse ol > li:first-child, #krimibrevkasse ol > li:first-child {
    border-top: none;
}

#politikbrevkasse ul, #krimibrevkasse ul {
    float: left;
    border-top: 1px dotted #CDCDCD;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
}

#politikbrevkasse ul > li.seemore-item, #krimibrevkasse ul > li.seemore-item {
    background: url("http://tv2.dk/css/g/icons/listBullet.gif") no-repeat scroll 0 7px transparent;
    float: right;
    padding-right: 8px;
}

#politikbrevkasse ul > li.seemore-item > a, #krimibrevkasse ul > li.seemore-item > a {
    font-size: 12px;
}

/* Set I Tv teaser */

.content-teaser-single {
    border: 1px solid #ccc;
    padding: 5px;
    width: 302px;
    height: 56px;
}

.content-teaser-single img {
    width: 100px;
    height: 56px;
}

.content-teaser-single .teaserImage, .content-teaser-single .teaserText {
    float: left;
}

.content-teaser-single .teaserText {
    width: 200px;
    margin-left: 5px;
    height: 40px;
}

.content-teaser-single {
    font-size: 14px;
    font-family: arial;
    line-height: 19px;
}

.content-teaser-single .redtext a {
    color: #9b2c2a;
    font-weight: bold;
}

/* First row teasers */

    .content-teaser-main .line {
		border-bottom: 3px solid #b62421;
		position: relative;
		height: 1px;
		background-color: #e08380;
	}

	.content-teaser-main .spacer {
	    height: 10px;
	}
	
    .content-teaser-main .teaser {
        border-top: 1px dotted gray;
        padding-top: 10px;
    }

    .content-teaser-list .teaser:first-child, .content-teaser-large .teaser {
        padding: 0;
        border: 0;
    }

    .content-teaser-list img, .content-teaser-list .teaserImage {
        width: 100px;
        float: left;
    }

    .content-teaser-list div div{
        float:left;
        min-height: 65px;
        height: auto !important;
        height: 65px;
    }
    .content-teaser-list .teaserText {
        width: 288px;
        float: left;
    }
    .teaserText p a {
        color: black;
    }
    .content-teaser-list .teaser:first-child p {
        display: none;
    }
    .content-teaser-list .teaser .teaserText span {
        color: #6F6F6F;
    }

    .content-teaser-main .title {
        display: block;
        font-weight: bold;
        font-size: 14px;
        padding-bottom: 3px;
    }
    .content-teaser-main p {
        font-size: 14px;
        color: #000000;
        line-height: 19px;
    }

    .content-teaser-list .teaser:first-child .title {
        font-size: 18px;
        line-height: 24px;
    }

    .content-teaser-large .teaserImage {
        padding-bottom: 6px;
    }

    .content-teaser-large .teaserImage img {
        width: 232px;
    }

    .content-teaser-large .title {
        float: left;
        font-size: 24px;
        font-weight: bold;
        line-height: 27px;
        padding-bottom: 6px;
    }

    .content-teaser-large p {
        font-size: 14px;
        line-height: 19px;
    }

    .content-teaser-main .teaserImage {
        padding-right: 10px;
    }

    .content-teaser-main span.highlight {
		color:#9B2C2A;
	}
	
	
/* 1 2 3 4 teaser */
	
    .seemore1234 {
        float: right;
        font-size: 12px;
        line-height: 16px;
        padding-left: 9px;
        margin-top: 3px;
    	background: transparent url('http://tv2.dk/css/g/icons/listBullet.gif') no-repeat left center;
        margin-bottom: 40px;
    }
    .bottomLine {
        border-bottom: 1px solid #CCC;
    }
	
/* horizontal listing */
.content-teaser-horizontal {
    background: transparent url('/img/vidaekker.gif') no-repeat;
    font-size: 12px;
}
    .content-teaser-horizontal .header {
        display: block; float: left;
        padding: 2px 10px 0 8px; margin: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 12px;

    }

    .content-teaser-horizontal ol {
        float: left;
        margin-left: -9px;
    }

        .content-teaser-horizontal li {
            padding: 0 14px 0 18px;
            display: block; float: left;
            line-height: 21px;
            margin-bottom: 4px;
            background-position: left center;
            background-repeat: no-repeat;
        }
            .content-teaser-horizontal li {
                background-image: url('/img/vi-daekker-seperator.png');
            }
            .content-teaser-horizontal ol li:first-child{
                padding-left: 24px;
                background: none;
            }

/* Mest sete teaser list */

#mestsete-tabcnt-0, #mestsete-tabcnt-1 {
    margin-top: 10px;
}

.content-teaser-popular div div{
    padding-bottom: 5px;
    float: left;
}

.content-teaser-popular .teaserCount {
    font-size: 18px;
    font-weight: bold;
    line-height: 17px;
    color: #000;
    padding-right: 5px;
    width: 28px;
    float: left;
    text-align: center;
}

.content-teaser-popular .teaserText {
    font-size: 14px;
    line-height: 17px;
    float: left;
    width: 282px;
}
	
	#content-regioner li .title{
	    display: inline;
	    float:left;
	    font-size:12px;
	    width: 265px;
	    padding: 0;
	    margin: 0;
	    line-height:16px;
	}


/* Nyhederne overalt teaser list */
#nyhederneoveralt {
    float: left;
    margin-top: 1px;
}
.content-teaser-newsplatform .line{
    margin-bottom: 10px;
}
.content-teaser-newsplatform ol li {
    height: 20px; margin-bottom: 5px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0;
}
    .content-teaser-newsplatform .col-2 ol li {
        background-image: url('/img/nyhederneoveraltbaggrund2.GIF');
    }
    .content-teaser-newsplatform .col-3 ol li {
        background-image: url('/img/nyhederneoveraltbaggrund.gif');
    }
    .content-teaser-newsplatform .col-4 ol li {
        background-image: url('/img/nyhederneoveraltbaggrund4.gif');
    }


.content-teaser-newsplatform ol li:hover {
    background-position: left bottom;
}
.content-teaser-newsplatform ol li a {
    width: 100%; height: 100%;
    display: block;
    line-height: 20px;
    padding-left: 30px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
}


/* Facebook Activity feed */
.fbactivity h2.gfxheader { background-position: 0px -2460px; margin-top: 16px; }
.fbactivity iframe { margin-top: -1px; }

p.seemore a{
    display: block;
    padding-left: 8px;
    margin-top: 4px;
    background: transparent url(http://tv2.dk/css/g/icons/listBullet.gif);
    background-repeat: no-repeat;
    background-position: left center;
}


/* REGIONER NEWSLIST */
#content-regioner {
    float: left;
    position:relative;
    background: transparent url('/img/regioner/dkkort.gif') no-repeat bottom right;
    /* fix position in ie,
     * understood by safari and ie, but not firefox */
    background-position-x: 640px;
    margin-bottom: 20px;
}
    body.page-regionerne #content-regioner{
        padding-bottom: 20px;
        background: none;
    }

    #content-regioner p.seemore {
        position: absolute; bottom: 0; right: 0;
        display: block;
    }

    #content-regioner .region{
        position: relative; /* for positioning of the weather */
    }

    #content-regioner .region .list {
        float: left;
        border-top:1px solid #CCC;
    }

    /** Region headers **/
    #content-regioner .region h2 a{
        float:left;
        margin: 14px 0 2px 0;
        font-size:18px; line-height:26px; font-weight:bold;

        padding-left: 55px; /* clear the background image */
        background-image: url('/img/regioner/regioner2.png');
        background-repeat: no-repeat;
    }
        #content-regioner .region .fyn a { background-position: 0 -97px; }
        #content-regioner .region .north a { background-position: 0 -197px; }
        #content-regioner .region .east a { background-position: 0 -247px; }
        #content-regioner .region .south a { background-position: 0 -347px; }
        #content-regioner .region .lorry a { background-position: 0 -147px; }
        #content-regioner .region .west a { background-position: 0 -397px; }
        #content-regioner .region .eastjutland a { background-position: 0 -297px; }
        #content-regioner .region .bornholm a { background-position: 0 -47px; }

    /** Region weather **/
    #content-regioner .region .weather {
        position: absolute; top: 8px; right: 0;
        background-image: url('/img/regioner/regioner2.png');
        background-repeat: no-repeat;
    }

    #content-regioner .region .weather span {
        display: block; float: left;
        font-weight: bold;
        color: black;
        padding: 10px 0 5px 52px;
        line-height: 20px;
    }

    #content-regioner .region .weather.hagl {
        background-position: 0 -450px;
    }
    #content-regioner .region .weather.islag {
        background-position: 0 -500px;
    }
    #content-regioner .region .weather.letregnsky {
        background-position: 0 -550px;
    }
    #content-regioner .region .weather.letskyet {
        background-position: 0 -600px;
    }
    #content-regioner .region .weather.overskyet {
        background-position: 0 -650px;
    }
    #content-regioner .region .weather.regn {
        background-position: 0 -700px;
    }
    #content-regioner .region .weather.regnsortskyet {
        background-position: 0 -750px;
    }
    #content-regioner .region .weather.skyet {
        background-position: 0 -800px;
    }
    #content-regioner .region .weather.skyfrit {
        background-position: 0 -850px;
    }
    #content-regioner .region .weather.slud {
        background-position: 0 -900px;
    }
    #content-regioner .region .weather.sludsort {
        background-position: 0 -950px;
    }
    #content-regioner .region .weather.sneogsnefygning {
        background-position: 0 -1000px;
    }
    #content-regioner .region .weather.sneogsnybyger {
        background-position: 0 -1050px;
    }
    #content-regioner .region .weather.snevejrogsol {
        background-position: 0 -1100px;
    }
    #content-regioner .region .weather.snevejrogsort {
        background-position: 0 -1150px;
    }
    #content-regioner .region .weather.sologregn {
        background-position: 0 -1200px;
    }
    #content-regioner .region .weather.sologtorden {
        background-position: 0 -1250px;
    }
    #content-regioner .region .weather.taage {
        background-position: 0 -1300px;
    }
    #content-regioner .region .weather.torden {
        background-position: 0 -1350px;
    }


    #content-regioner ol, #regioner ul {
        list-style-image:none;
        list-style-type:none;
        padding: 0;
        margin: 0;
    }
    #content-regioner ol { border-bottom: 1px solid #ccc; }
    #content-regioner ol li {
        border-top:1px dotted #ccc;
        padding: 4px 0;
        float:left;
        line-height:16px;
    }
    #content-regioner ol li.date, #newslist ol li.date {
        width: 100%;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #CCCCCC;
        font-weight: bold;
        color: #3b3b3b;
        padding-top: 8px;
        margin-bottom: -1px;
    }
    #content-regioner ol li.date:first-child {
        padding-top: 4px;
        border-top: 0px;
    }

    #content-regioner li .time, #newslist li.time {
        border-right: 1px solid #ccc;
        color: #6f6f6f;
        display: block;
        float: left;
        font-size: 10px;
        line-height: 12px;
        margin: 2px 4px;
        width: 30px;
    }

    #content-regioner li .title, #newslist li. title {
        font-size: 12px; line-height: 16px;
        width: 275px;
        padding: 0; margin: 0;
    }

/* Gallery */

   #content-gallery h3 {
        font-size: 14px;
        font-weight: bold;
   }

   #content-gallery p {
        font-size: 10px;
        color: #6F6F6F;
   }

   #content-gallery ul {
       float: left;
       margin-bottom: 10px;
   }

/* On tv listning */

.content-tvlisting ol.ontv li {
    background-color: #ccc;
    line-height: 28px;
    float: left;
    background-image: url('/img/list.png');
    background-position: 0px 0px;
}

.content-tvlisting ol.ontv li.active {
    background-color: #fff;
    background-position: 0px 30px;
}

.content-tvlisting ol.ontv li a {
    background: transparent url(http://tv2.dk/css/g/icons/listBullet.gif) no-repeat 0px 4px;
    font-size: 16px;
    padding-left: 10px;
    height: 20px;
    margin-left: 10px;
}

.content-tvlisting .wrapper{
    width: 315px;
    padding: 0px;
}

.content-tvlisting .image{
    float: left;
    position: relative;
    background: none;
    width: 315px;
    height: 200px;
}

.content-tvlisting .description {
    position: absolute;
    bottom: 0;
    width: 275px;
    overflow: hidden;
    margin-bottom: 30px;
}

.content-tvlisting .category {
    position: absolute; top: 0;
    line-height: 1337; /* gausby leet hack */
    z-index: 1;
    text-indent: -9999px;
    background: white;
    width: 300px;
    opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);
}

.content-tvlisting .title {
    position: relative;
    z-index: 9999 !important;
    padding: 8px 10px;
}

.content-tvlisting .title p {
    color: black;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
}


.content-tvlisting .title, .category{
    width: 250px;
}


/* tabs */
ol.tabs {
list-style: none;
text-align: right;
margin-top: -15px;
}

ol.tabs li {
position: relative;
display: inline;
line-height: 15px;
}


ol.tabs li.active {
border: 1px solid red;
}


/* Ads and Banners */
/** jobzonen */
#jobzonen {
    padding: 10px;
    margin-top: 30px;
    border: 1px solid #c9c9c9;
    background-color: #f8f8f8;
}

#jobzonen img {
    border-bottom: 1px solid #cecece;
    padding-bottom: 5px;
}

#jobzonen span {
    padding-bottom: 5px;
    line-height: 16px;
}

#jobzonen li {
    padding-top: 5px;
    padding-bottom: 5px;
   border-bottom: 1px solid #ccc;
}

#jobzonen span:first-child {
    display: block;
    font-weight: bold;
    border-bottom: 0px;
    padding-bottom: 1px;
}


/* Topstory sections */

.content-news-topstory img {
    height: 220px;
    width: 395px;

}

.content-news-topstory li {
    padding-top: 4px;
    padding-left: 4px;
    font-size: 14px;
}

.content-news-topstory p {
    font-size: 18px;
    padding-bottom: 7px;
}


.content-news-topstory div {
    margin-top: 10px;
    margin-left: 7px;
}


/* Graphic headers */

.gfxheader {
    background: transparent url('/img/headers.png') no-repeat 0px 20px;
    width: 100%;
    height: 20px;
    margin-bottom: 3px;
}
    /* I'm trying to removing the unnecessary wrapper around the headline,
     * please use <h2 class="gfxheader"> from now on. */
    h2.gfxheader{ text-indent: -9999px; height: 20px; }

.gfxheader h2.header {
    position: relative;
    left: -1000px;
}

#mestsete-tabs {
    margin-top: 12px;
}

#mestsete-tabs .gfxheader {
    background-position: 0px 0px;
}

#aktuelt .gfxheader {
    background-position: 0px -2500px;
}

#latestnews .gfxheader {
    background-position: 0px -64px;
    margin-bottom: -1px;
}

#vianbefaler .gfxheader {
    background-position: 0px -181px;
}

#En234 .content-teaser-large {
    width: 200px;
}

#En234 .gfxheader {
    background-position: 0px -290px;
}

#krimibrevkasse .gfxheader, #politikbrevkasse .gfxheader {
    background-position: 0px -1610px;
    margin:10px 0 0 0;
    height: 30px;
}

#krimibrevkasse .gfxheader.col-4 {
    background-position: 0px -328px;
}

/* extra height */
#En234 .gfxheader,
#bagsiden .gfxheader, #nyhederneoveralt .gfxheader {
    margin-top:7px;
    height: 30px;
}

#bagsiden .gfxheader {
    background-position: 0px -370px;
}

#nyhederneoveralt .gfxheader {
    background-position: 0px -411px;
}

#politikbrevkasse {
    float: left;
}

#politikbrevkasse .gfxheader {
    background-position: 0px -490px;
}

#content-gallery .gfxheader {
    background-position: 0px -541px;
}

#content-regioner .gfxheader {
    background-position: 0px -580px;
}

.tv2vote .gfxheader {
    background-position: 0px -1700px;
}

.content-tema-main .gfxheader {
    background-position: 0px -97px;
}

#commentsHeader.gfxheader {
    background-position:0 -2540px;
}

/*************************************************************************
 * Theme stuff
 *************************************************************************/
.tema-small .gfxheader span { font-size: 14px; }

.content-tema-main {
    background: transparent url('/img/temabaggrund.gif') no-repeat 0px 27px;
}

.content-tema-main .tema-teaser-top { margin-left: 3px; }

.content-tema-main .tema-teaser-top span.entry-title {
    display: block; width: 220px; padding-top: 3px;
    padding-bottom: 10px; font-size: 14px; font-weight: bold;
}

.content-tema-main .tema-teaser-top span.updated { display: none; }

.content-tema-main ol {
    margin-left: 3px;
    padding-top: 3px;
    padding-bottom: 5px;
}

/* Big tema ol */
.content-tema-main ol.con-8 { padding-bottom: 20px; }

.tema .content-tema-main .tema-teaser-small .hentry {
    margin-right: 14px;
}

.tema .content-tema-main .tema-teaser-top ol {
    width: 220px;
    border-bottom: 1px solid #474747;
    border-top: 1px solid #474747;
}

.content-tema-main ol li.link {
    padding: 3px 0;
    background-image:url('http://tv2.dk/css/g/icons/listBullet.gif');
    background-repeat: no-repeat;
    background-position: 0px 7px;
}
.content-tema-main ol li.link a {
    float: left;
    padding-right: 10px;
    padding-left: 8px;
    font-weight: bold;
}

.content-news-list{ position: relative; }
.content-stories .line{ margin-bottom: 10px; }

.content-news-list .hentry:first-child, .content-news-list .hentry.focus-headline { border: none; padding-top: 0;}
.content-news-list .hentry{
    float: left;
    position: relative;
    min-height: 56px;
    padding-top: 10px; margin-bottom: 10px; border-top: 1px dotted #ccc;
}

    .content-news-list .hentry img{
        position: absolute; /* to .content-news-list .hentry */
        top: 10px; left: 0;
        width: 100px;
    }
        .content-news-list .hentry:first-child img, .content-news-list .hentry.focus-headline img { top: 0;}

.content-news-list .hentry span.entry-title {
    display: block; margin-top: -4px;
}

.content-news-list h3,
.content-news-list h4,
.content-news-list .entry-summary{
    padding-left: 108px;
    font-size: 14px;
    line-height: 19px;
}

.content-news-list h3,
.content-news-list h4{
    font-weight: bold;
}
    .content-news-list h3 .updated,
    .content-news-list h4 .updated{
        font-size: 12px;
        font-weight: normal;
        color: rgb(111, 111, 111);
    }

.content-news-list .entry-summary,
.content-theme-collection .entry-summary{ color: #000; }

/* focus headline mode */
.content-news-list .focus-headline h3,
.content-news-list .focus-headline h4{
    display: block;
    font-size: 18px; line-height: 24px;
}

.content-tema-main .focus-headline .entry-summary,
.content-news-list .focus-headline .entry-summary,
.focus-image .entry-summary{
    position: absolute; left: -9999px; height: 0;
}


/* Feature */
.content-news-list .feature{
    float: right;
}

    .content-news-list .feature:first-child{ border: none; }

    .content-news-list .feature img{
        position: static;
        width: 100%;
        margin-bottom: 5px;
    }

    .content-news-list .feature h3,
    .content-news-list .feature h4,
    .content-news-list .feature .entry-summary{
        padding: 0;
    }
        .content-news-list .feature h3,
        .content-news-list .feature h4{
            font-size: 24px; line-height: 27px;
            display: block;
            padding-bottom: 8px;
        }

/* show time */
.content-theme-collection h3 .updated,
.content-news-list h3 .updated,
.content-news-list h4 .updated{ display: none; }

.content-theme-collection h3 .show-time,
.content-news-list h3 .show-time,
.content-news-list h4 .show-time{ display: inline; }

.content-theme-collection h3 .highlight,
.content-news-list h3 .highlight,
.content-news-list h4 .highlight{ color: rgb(155,44,42); }


/* Tema */
.content-tema-main .entry-summary { margin-left: 3px; }
.content-tema-main,
.content-tema-main a,
.content-tema-main .entry-summary {
    color: #fff;
}
.content-tema-main a:hover { color: #CCC; }

.content-tema-main .gfxheader{;
    text-indent: -9999px; height: 24px;
    position:relative; background-color: white;
}
.content-tema-main .gfxheader span{
    display: block; position: absolute; /* to .content-tema-main .gfxheader */
    text-indent: 0;
    top: 8px;

    color: black;
    /* clear the text in the background graphic */
    left: 78px;
    /* reset to non-uppercase letters */
    text-transform: none;
    /* should not break into two lines */
    white-space: nowrap;
}

.content-theme-collection .focus-headline h3{
    font-size: 14px; line-height: 20px; font-weight: bold;
}
.content-theme-collection .focus-headline .entry-title{
    display: block;
    padding-top: 0px;
    margin-bottom: 5px;
    line-height: 16px;
}
.focus-image .entry-title,
.focus-image .updated{
    position: absolute; left: -9999px;
}


/******************************************
 * Styles specific for the themes islands */
.content-theme-collection{
    float: left;
}

.content-theme-collection .related-stories{
    margin-top: 5px; padding-top: 3px;
    border-top: 1px dotted rgb(71, 71, 71);
    float: right;
}
    .content-theme-collection .related-stories .title{
        font-weight: bold; line-height: 18px; font-size: 14px;
    }

.content-theme-collection .entry-title{
    font-size: 18px; font-weight: bold; line-height: 20px;
    display: block;
    padding: 3px 0 5px 1px;
}

.content-theme-collection .focus-headline .entry-title{
    font-size: 12px;
}

/** Theme end ***********************************************************/


/* QUICKPOLL STYLES */

.tv2vote * {
    color: black;
    font-weight: bold;
}

.tv2vote .votebox {
    float: left;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    border-right: 1px solid #cecece;
    padding-left: 6px;
    padding-right: 7px;
}

.tv2vote {
    float: left;
    width: 100%;
}

.tv2vote ol {
    float: left;
    padding-bottom: 20px;
    width: 217px;
}

.tv2vote li {
    padding-top: 10px;
    padding-bottom: 10px;
}

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

.tv2vote .votebox ol {
    padding-bottom: 5px;
    padding-top: 3px;
}

.tv2vote li:first-child {
    font-size: 14px;
}

.tv2vote button {
    float: right;
}

.tv2vote .results span {
    float: right;
    clear: both;
}

.tv2vote .results span:first-child {
    float: left;
}

.tv2vote .results ol .text {
    padding-top: 0px;
    padding-bottom: 0px;
}

.tv2vote .results ol .bar {
    float: left;
    height: 10px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
}

.tv2vote .tv2votestotal {
    width: 100%;
}

.tv2vote li .line {
    border-bottom: 5px solid #B62421;
}

.tv2vote .tv2votesubmitbutton {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Article styles */
.breaking, .breaking-bar { color: black; }
#live-update-cnt ol li p { width: 300px; }
#live-update-header h2 { font-weight: bold; line-height: 26px; }
#live-update-header h3 { height: 30px; line-height: 22px; }
#live-update-cnt ol { width: 315px; }
#live-update-cnt ol li, #live-update-cnt ol li p { width: 282px; }
#live-update-header { width: 310px; }


.article-breaking-title, .cDate, .uDate, .author {
    float: left;
    margin-top: 5px;
}

.cDate {
    padding-right: 10px;
}

.author, .uDate {
    border-left: 1px solid #cecece;
    padding-left: 10px;
    padding-right: 10px;
}

.article-breaking-title {
    -moz-background-clip: border;
    -moz-background-inline-policy:c ontinuous;
    -moz-background-origin: padding;
    background: transparent url('http://common.tv2.dk/img/breaking/breaking.gif') no-repeat scroll left bottom;
    display: block;
    float: left;
    height: 17px;
    margin: 0 5px 0 0;
    padding-top: 5px;
    padding-right: 10px;
    text-indent: -999px;
    width: 124px;
}

/**/
#content-ugens-tophistorier{
    margin-top: 12px;
    float:left
}



/* Pullout quotes*/
.content-pullout-quote{
    border-top: 1px solid #c9c6c5;
    padding: 5px 0 10px 0;
}
    .content-pullout-quote blockquote{
        display: block; float: left; width: 100%;
        /* flip this comment to display end quotation-mark * /
        background-image: url('/img/quoteend.png');
        background-repeat: no-repeat;
        background-position: bottom right;
        padding-bottom: 22px;
        /*/
        padding-bottom: 5px;
        /**/
    }

        .content-pullout-quote blockquote p{
            background-image: url('/img/quotestart.png');
            background-repeat: no-repeat;
            background-position: top left;
            padding-top: 22px;
            font-weight: bold;
        }

        .content-pullout-quote blockquote a{
            display: block;
            padding: 0 5px;
        }

    .content-pullout-quote cite{
        display: block;

        padding-right: 2px;
        text-align: right;
        color: #777; font-size: 11px; font-style: normal;
    }

.content-category-teaser-list .gfxheader{
    text-indent: -9999px;
}
    .content-category-teaser-list.setitv .gfxheader{
        background-position: 0 -2140px;
    }
    .content-category-teaser-list.krimiefterlyser .gfxheader{
        background-position: 0 -2180px;
    }
    .content-category-teaser-list.sundheditv .gfxheader{
        background-position: 0 -2220px;
    }
    .content-category-teaser-list #content-teaser-main{
        padding-top: 5px;
    }


/* commercial styles */
.com-oax-article .com-oax-article,
.com-rektangel-artike .com-rektangel-artike,
.com-rektangel-artikel-top .com-rektangel-artikel-top,

.com-oax-list .com-oax-list,
.com-oax-front .com-oax-front,
.com-rektangel-forsid .com-rektangel-forsid,
.com-rektangel-forside-bund .com-rektangel-forside-bund,
/* Norwegian */
.com-sponsorat-sektion-315x80 .com-sponsorat-sektion-315x80,
.com-sponsorat-sektion-398x80 .com-sponsorat-sektion-398x80,
/* for a-b testing*/
.com-rektangel-forside-a .com-rektangel-forside-a,
.com-rektangel-forside-b .com-rektangel-forside-b,
.com-sponsorat-forside > .com-Sponsorat_940x30
{
    padding: 10px 0;
    border: 1px solid #c9c9c9;
    background: url('/img/annonce.gif') no-repeat top right;
    text-align: center;
}

.com-megaboard-forside-wide
{
    padding: 10px 0;
    border: 1px solid #c9c9c9;
    background: url('/img/annonce.gif') no-repeat top right;
    text-align: center;
	width: 976px;
}

.com-megaboard-forside-wide > iframe{
	margin: 0 auto;
}

.com-sponsorat-forside {
    padding: 0px 10px 10px 10px;
}

/* com-oax-article needs hidden overflow */
.com-oax-article .com-oax-article {
    overflow: hidden;
}

.com-sky-right.rendered{
    position: absolute; right: -130px; top: 0; width: 130px; text-align: left;
}

.com-sky-left.rendered{
    position: absolute; left: -130px; top: 0; width: 130px; text-align: right;
}

.com-vinkeltop-forside,
.com-vinkeltop-artikel{
    min-height: 180px;
	padding-bottom: 0px;
    background: none;
    
}

.com-vinkeltop-forside.rendered,
.com-vinkeltop-artikel.rendered{
	background: url('/img/annonce999x190.gif') no-repeat bottom left;
	padding-bottom: 10px;
	-moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius:8px;
    border-bottom-left-radius: 8px;
}

.com-vinkeltop-forside.stand-alone,
.com-vinkeltop-artikel.stand-alone{
    text-align: center;
    padding-bottom: 10px;
}

.com-megaboard-top {
    width: 999px;
}

/* =Google ad sense*/
.com-google-ad-sense .com-google-ad-sense{
    border: 1px solid #c9c9c9;
    background-color: #f8f8f8;
    line-height: 16px;
}
    .com-google-ad-sense .list span{ color: #000; }
    .com-google-ad-sense .list a span { color: #004276; }
    .com-google-ad-sense .list a span:hover { color: #0076D3; }

    .com-google-ad-sense .tv2adtext, .com-google-ad-sense .list {
        padding-left: 5px;
        padding-right: 5px;
    }

    .com-google-ad-sense .tv2adtext {
        padding-top: 5px;
    }

    .com-google-ad-sense .listitem {
        margin-bottom: 5px;
        padding-top: 5px;
        border-top: 1px dotted #ccc;
    }

    .com-google-ad-sense .listitem:first-child {
        border-top: 0px;
    }

/* Comments */

#articleComments {
    display: none;
}

.articleCommentList {
    margin-top: 10px;
    float: left;
    width: 481px;
}

.commentEntry .commentTop {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.commentEntry span {
    font-weight: bold;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}

.commentEntry .commentAuthor {
    background: url('/img/kommentar-ikon2.png') no-repeat;
    padding-left: 18px;
}
.commentEntry span.commentReport {
    font-weight: normal;
    background: url('/img/kommentar-ikon1.png') no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}

.articleCommentList li {
    border-bottom: 1px dotted #cecece;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 10px;
}

.articleCommentList li:last-child {
    border-bottom: 1px solid #cecece;
}

.commentText {
    font-size: 14px;
    line-height: 19px;
    margin-top: 5px;
    font-weight: normal;
}

.articleCommentList ol {
    font-size: 12px;
    font-weight: bold;
    padding-left: 38px;
    list-style-type: decimal;
}

#articleCommentForm fieldset {
    float: left;
    text-align: right;
    width: 480px;
}

#articleCommentForm fieldset legend {
    border-bottom: 1px solid #A8A8A8;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 10px;
    width: 100%;
}

#articleCommentForm fieldset label {
    float: left;
    font-size: 12px;
    margin-top: 10px;
    width: 150px;
    text-align: right;
}

#articleCommentForm fieldset input {
    border: 1px solid #A8A8A8;
    margin-top: 8px;
    width: 315px;
}

#articleCommentForm fieldset textarea {
    border: 1px solid #A8A8A8;
    height: 155px;
    margin-top: 10px;
    width: 315px;
}

#articleCommentForm .articleCommentSubmit {
    border: default;
    text-align: center;
    width: 120px;
}

.commentsLoginNotice, #comment-fail {
    color: #B62421;
}

#comment-ok, #comment-fail {
    font-size: 15px;
    font-weight: bold;
}

.content-article .videoclip p, .news-article .videoclip p {
    color: #797979;
    font-size: 13px;
}

h2.header-category {
    background: url("/img/headers.png") no-repeat 0px -2625px transparent;
    color: black;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0 0;
    padding-bottom: 2px;
    text-transform: uppercase;
    text-indent: 137px;
}

.topstory-list .hentry span.entry-title { 
    margin-top: 0px;
}

.station2-teasers {
    float: right;
}

.col-4.station2-teasers #content-teaser-image {
    margin-top: 0px;
}