@charset "iso-8859-15";
@import url(reset.css);
@import url(defaults.css);


/* Page-Layout and default settings */

body {
    font: 12px/1.2  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    text-align: left;
    background: #f6f6f7 url(../pics/body_bg_grad.png) repeat-x 0 0;
}

a:link,
a:visited {
    color: #333;
    text-decoration: underline;
}

a:hover,
a:focus {
    text-decoration: underline;
}

h1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
    word-spacing: -1px;
}
    h1.fullpage {
        font-size: 20px;
        font-weight: bold;
        line-height: 26px;
        color: #333;
        word-spacing: -1px;
    }


h2 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

h2 a:link,
h2 a:visited {
    color: #333;
    text-decoration: none !important;
}

h2.large {
    font-size: 15px;
}

h2 span {
    font-weight: normal;
}
h2.red_upper {
    font-size: 12px;
    color:#ab1b1a;
    text-transform:uppercase;
    padding: 7px 0px;
}

h2.ahinweis {
    font-size: 13px;
}
h2.app {
    font-size: 14px;
}

h3 {
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

h3.large {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    word-spacing: -1px;
}

h4, h5 {
    font-weight: bold;
    color: #333;
}

p {
    margin-bottom: 6px;
    line-height: inherit;
}
p.smalltext {
    font-size: 11px;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

small {
    font-size: 10px;
    line-height: 1.6;
    display: block;
    padding: 3px 0;
}

.neg_spaced {
    word-spacing: -1px;
}

img {
    border: none;
}

img.block {
    display: block;
}

img.middle {
    vertical-align: middle;
}

hr {
    background: #cfcece;
    color: #cfcece;
    clear: both;
    float: none;
    height: 1px;
    margin: 10px;
    border: none;
}

.inner hr {
    margin: 10px 0;
}

.span_1 hr, .span_2 hr, .span_3 hr, .span_4 hr, .span_5 hr, .span_6 hr, .span_7 hr, .span_8 hr {
    margin: 20px 0;
}

.auto-height {
    height: auto !important;
}

blockquote {
    font-style: italic;
    margin-bottom: 27px;
}
    blockquote .source {
        font-weight: bold;
        margin-top: -6px;
    }

li ul, li ol { margin:0 18px; }
ul, ol { margin: 0 0 18px 16px; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }

sup {
    font-size: 10px;
    vertical-align: top;
    line-height: .5;
}


/* Classes */

.clear {
    clear: both;
}

.pointer {
    cursor: hand;
    cursor: pointer;
}

.important {
    font-weight: bold;
}

.indent {
    padding-left: 10px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.fleft {
    float: left;
    margin: 0px 10px 10px 0;
}

.fright {
    float: right;
    margin: 0px 0 10px 10px;
}

.text_right {
    text-align: right;
}
.text_center {
    text-align: center;
}

.text_block {
    text-align: left;
}

.smaller {
    font-size: 11px;
}

.nowrap {

    white-space: nowrap;
}

.two_elements {
    overflow: hidden;
}
    .two_elements .el_1,
    .two_elements .el_1fwidth {
        float: left;
        overflow: hidden;
    }
    .two_elements .el_1fwidth {
        width: 325px;
    }

    .two_elements .el_2 {
        float: right;
        overflow: hidden;
    }

    .two_elements a.more {
        width: auto !important;
        margin: 0;
        font-weight: bold;
    }

    .two_elements .pager {
        padding-top: 0;
    }

.two_blocks {
    overflow: hidden;
}
    .two_blocks .bl_1,
    .two_blocks .bl_2 {
        float: left;
        width: 50%;
    }

.divide_dot {
    border-top: 1px dotted #cfcece;
}

.nota {
    color: #CC0000;
    font-weight: bold;
}
.nota a {
    background: #C3CBD7;
    font-variant: small-caps;
    color: #CC0000;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

.gap_top {
    padding-top: 20px !important;
    display: block;
}
.gap_bottom {
    padding-bottom: 20px !important;
    display: block;
}

.gap_top_10 {
    padding-top: 10px !important;
    display: block;
}
.gap_bottom_10 {
    padding-bottom: 10px !important;
    display: block;
}
.gap_top_5 {
    padding-top: 5px !important;
    display: block;
}
.gap_bottom_5 {
    padding-bottom: 5px !important;
    display: block;
}

.lift_top {
    margin-top: -20px !important;
}
.lift_top_15 {
    margin-top: -15px !important;
}
.lift_top_10 {
    margin-top: -10px !important;
}

.shy {
    color: #919191;
}

.upper {
    text-transform: uppercase;
}

.middle{
    vertical-align: middle;
}

a.more {
    display: block;
    color: #F51041 !important;
    margin-top: 15px;
    font-weight: bold;
    background: url(../pics/navigation/arrow_more.png) no-repeat 0 5px;
    padding-left: 10px;
    text-decoration: none !important;
}

.morelinks a {
    color: #d61c18 !important;
}

.more_divide {
    padding-top: 5px;
    border-top: 1px dotted #cfcece;
    text-align: right;
    margin-top: 10px;
}
    .more_divide a.more{
        margin-top: 0 !important;
        display: inline !important;
        position: static !important;
    }

.more_divide_bottom {
    padding-bottom: 10px;
    border-bottom: 1px dotted #cfcece;
    text-align: right;
    margin-bottom: 10px;
}
    .more_divide_bottom a.more {
        margin-top: 0 !important;
        display: inline !important;
        position: static !important;
    }

a.plus, .plus {
    font-weight: bold;
    background: url(../pics/navigation/plus_red.png) no-repeat 0 50%;
    padding-left: 20px;
}

a.minus, .minus {
    font-weight: bold;
    background: url(../pics/navigation/minus_red.png) no-repeat 0 50%;
    padding-left: 20px;
}

a.enlarge {
    display: block;
    color: #9d0f0d !important;
    font-weight: bold;
    background: url(../pics/navigation/enlarge.png) no-repeat 0 0;
    padding: 5px 0 0 28px;
    text-decoration: none !important;
}

a.close {
    color: #9d0f0d !important;
    background: url(../pics/navigation/icon_close.png) no-repeat 100% 50%;
    padding-right: 23px;
    text-decoration: none !important;
}

a.video {
    background: url(../pics/navigation/icon_video.png) no-repeat 0 2px;
    padding-left: 20px;
}

a.foto {
    background: url(../pics/navigation/icon_foto.png) no-repeat 0 2px;
    padding-left: 20px;
}

a.chart {
    font-weight: bold;
    background: url(../pics/buttons/button_chart.png) no-repeat 0 60%;
    padding-left: 23px;
    line-height: 16px;
    text-decoration: none !important;
}

a.zoom {
    display: block;
    width: 23px;
    height: 18px;
    overflow: hidden;
    background: url(../pics/icons/zoom.png);
    text-indent: -999em;
}

.zoomean {
    display: block;
    width: 43px;
    height: 12px;
    overflow: hidden;
    background: url(../pics/icons/ean.png);
    text-indent: -999em;
}

a.topanchor {
    padding-right: 8px;
    background: url(../pics/navigation/arrow_top.gif) no-repeat center right;
    color: #909090 !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

span.download_pdf,
a.download_pdf {
    padding-left: 20px;
    background: url(../pics/icons/export_pdf.png) no-repeat 0 50%;
}

span.download_xls,
a.download_xls {
    padding-left: 20px;
    background: url(../pics/icons/export_xls.png) no-repeat 0 50%;
}

span.download_show,
a.download_show {
    padding-left: 20px;
    background: url(../pics/icons/export_show.png) no-repeat 0 50%;
}

.by {
    font-weight: normal;
    font-size: 11px;
    padding-right: 15px;
    color: #333;
}

    .by img {
        margin-right: 2px;
    }

    .by span {
        font-weight: normal;
    }

.marker {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background: url(../pics/icons/marker.png) no-repeat 50% 50%;
    text-indent: -999em;
}

    div.tab_area a.marker,
    div.article_view a.marker {
        width: auto;
        overflow: none;
        background: url(../pics/icons/marker.png) no-repeat right 50%;
        text-indent: 0;
        padding-right: 25px;
        float: right;
    }

.kalender {
    display: block;
    width: 19px;
    height: 15px;
    overflow: hidden;
    background: url(../pics/__/kalender.png) no-repeat 0 0;
    text-indent: -999em;
}

a.button_archiv {
    display: block;
    width: 98px;
    height: 26px;
    overflow: hidden;
    background: url(../pics/buttons/zum_archiv.png) no-repeat 0 0;
    text-indent: -999em;
}

a.button_newsarchiv {
    display: block;
    width: 134px;
    height: 26px;
    overflow: hidden;
    background: #333;
    color: white;
    background: url(/news/pics/buttons/zum_newsarchiv.png) no-repeat 0 0;
    text-indent: -999em;
}

a.button_abstimmen {
    display: block;
    width: 103px;
    height: 26px;
    overflow: hidden;
    background: url(../pics/buttons/button_abstimmen.png) no-repeat 0 0;
    text-indent: -999em;
}

a.button_zumarchiv {
    display: block;
    width: 106px;
    height: 26px;
    overflow: hidden;
    background: url(../pics/buttons/zum_archiv_grau.png) no-repeat 0 0;
    text-indent: -999em;
}

a.button_werbung {
    display: block;
    width: 146px;
    height: 25px;
    overflow: hidden;
    background: url(../pics/buttons/button_werbung.jpg) no-repeat 0 0;
    text-indent: -999em;
    margin-left: 150px;
}
a.button_speichern {
    display: block;
    width: 97px;
    height: 27px;
    overflow: hidden;
    background: url(../pics/buttons/speicher_button.png) no-repeat 0 0;
    text-indent: -999em;
}
a.button_suchagent {
    display: block;
    width: 158px;
    height: 26px;
    overflow: hidden;
    background: url(../pics/buttons/button_suchagent.png) no-repeat 0 0;
    text-indent: -999em;
}
a.button_loeschen {
    display: block;
    width: 86px;
    height: 26px;
    overflow: hidden;
    background: url(../pics/buttons/button_loeschen.png) no-repeat 0 0;
    text-indent: -999em;
}
a.button_bearbeiten {
    right:10px;
    bottom: 8px;
    display: block;
    width: 152px;
    height: 24px;
    overflow: hidden;
    background: url(../pics/buttons/button_bearbeiten.gif) no-repeat 0 0;
    text-indent: -999em;
}
a.button_starten {
    margin-top:-5px;
    display: block;
    width: 120px;
    height: 22px;
    overflow: hidden;
    background: url(../pics/buttons/button_starten.png) no-repeat 0 0;
    text-indent: -999em;
}

a.button_back {
    margin-top: 2px;
    display: block;
    width: 77px;
    height: 26px;
    overflow: hidden;
    background: url(../pics/buttons/button_back.png) no-repeat 0 0;
    text-indent: -999em;
}
a.button_confirm {
    margin-bottom: 0px;
    margin-top: 2px;
    display: block;
    width: 104px;
    height: 26px;
    overflow: hidden;
    background: url(../pics/buttons/button_confirm.png) no-repeat 0 0;
    text-indent: -999em;
}

.color_film {
    color: #1f4b95 !important;
}

.color_video {
    color: #dd0066 !important;
}

.color_games {
    color: #29b429 !important;
}

.color_musik {
    color: #e9920f !important;
}

.pdf_info {
    display: block;
    height: 27px;
    overflow: hidden;
    background: url(../pics/icons/file_pdf_large.png) no-repeat 0 0;
    padding: 10px 0 5px 43px;
}
.pdf_info span {
    display: block;
    font-weight: normal;
}


/* -- plain List without bullets -- */
ul.plainlist {
    list-style: none;
    margin: 0;
}

ul.plainlist li {
    list-style: none;
    margin-bottom: 3px;
}

div.pager {
    color: #333;
    padding: 8px 0 4px 0;
    text-align: right;
}
div.pager a {
    text-decoration: none !important;
    font-weight: normal !important;
    padding-left: 3px;
    padding-right: 3px;
}
div.pager strong {
    padding-left: 3px;
    padding-right: 3px;
}

div.pager a.pager_arrow {
    padding:0;
}

div.pager a.active {
    font-weight: bold !important;
}

/* -- different widths -- */

.w_auto {
    width: auto !important;
}

.w_8 {
    width:8px !important;
}

.w_30 {
    width:30px;
}

.w_40 {
    width: 40px !important;
}

.w_45 {
    width: 45px;
}

.w_50 {
    width: 50px;
}

.w_60 {
    width: 60px;
}

.w_80 {
    width: 80px !important;
}

.w_81 {
    width: 81px !important;
}

.w_90 {
    width: 90px;
}

.w_95 {
    width: 95px;
}

.w_100 {
    width: 100px;
}

.w_110 {
    width: 110px;
}

.w_115 {
    width: 115px;
}

.w_125 {
    width: 125px !important;
}

.w_136 {
    width: 136px !important;
}

.w_138 {
    width: 138px !important;
}

.w_140 {
    width: 140px;
}

.w_150 {
    width: 150px;
}

.w_160 {
    width: 160px;
}

.w_170 {
    width: 170px !important;
}

.w_248 {
    width: 248px !important;
}

.w_348 {
    width: 348px !important;
}

.w_471 {
    width: 471px !important;
}

.w_180 {
    width: 180px !important;
}

.w_203 {
    width: 203px;
}

.w_205 {
    width: 205px;
}

.w_215 {
    width: 215px;
}

.w_230 {
    width: 230px;
}

.w_235 {
    width: 235px;
}

.w_291 {
    width: 291px !important;
}

.w_305 {
    width:305px;
}

.w_328 {
    width:328px;
}

.w_395 {
    width:395px;
}

.w_409 {
    width:409px;
}

.w_467 {
    width: 467px !important;
}

/* -- different heights -- */

.h_1 {
    height: 1px !important;
}

.h_8 {
    height: 8px !important;
}

.h_15 {
    height: 15px !important;
}

.h_16 {
    height: 16px !important;
}

.h_22 {
    height: 22px !important;
}
.h_30 {
    height: 30px !important;
}

.h_70 {
    height: 70px;
}

.h_80 {
    height: 80px;
}

.h_110 {
    height: 110px;
}

.h_140 {
    height: 140px;
}
.h_250 {
    height: 250px;
}
.h_260 {
    height: 260px;
}


/* -- different line-heights -- */

.lh_17 {
    line-height: 1.7;
}


/* -- different paddings -- */

.p-0, .p_0 {
    padding: 0 !important;
}

.p-10, .p_10 {
    padding: 10px !important;
}

.pr_5 {
    padding-right: 5px !important;
}

.pr_10 {
    padding-right: 10px !important;
}

.pr_15 {
    padding-right: 15px !important;
}

.pr_20 {
    padding-right: 20px !important;
}

.pr_25 {
    padding-right: 25px !important;
}

.pl_0 {
    padding-left: 0 !important;
}

.pl_5 {
    padding-left: 5px !important;
}

.pl_10 {
    padding-left: 10px !important;
}

.pl_12 {
    padding-left: 12px !important;
}

.pl_16 {
    padding-left: 16px !important;
}

.pl_20 {
    padding-left: 20px !important;
}

.pl_25 {
    padding-left: 25px !important;
}

.pl_30 {
    padding-left: 30px !important;
}

.pl_31 {
    padding: 10px !important;
    background-color: #f6f4f5;
    border:1px solid #d6d4d5;
}
.pt_0 {
    padding-top: 0px !important;
}
.pt_3 {
    padding-top: 3px !important;
}
.pt_5 {
    padding-top: 5px !important;
}
.pt_10 {
    padding-top: 10px !important;
}
.pt_20 {
    padding-top: 20px !important;
}

.pb_0 {
    padding-bottom: 0px !important;
}
.pb_5 {
    padding-bottom: 5px !important;
}
.pb_10 {
    padding-bottom: 10px !important;
}


/* -- different margins -- */

.m-0 {
    margin: 0 !important;
}
.m_10 {
    margin: 10px !important;
}
.m_428 {
    margin: 4px 2px 8px !important;
}
.m_1310 {
    margin: 1px 3px 1px 0 !important;
}

.mt-3 {
    margin-top: -3px !important;
}
.mt-4 {
    margin-top: -4px !important;
}
.mt-5 {
    margin-top: -5px !important;
}
.mt-10 {
    margin-top: -10px !important;
}
.mt-15 {
    margin-top: -0px !important;
}
.mt-35 {
    margin-top: -35px !important;
}
.mt_0 {
    margin-top: 0px !important;
}
.mt_2 {
    margin-top: 2px !important;
}
.mt_5 {
    margin-top: 5px !important;
}
.mt_7 {
    margin-top: 7px !important;
}
.mt_8 {
    margin-top: 8px !important;
}
.mt_10 {
    margin-top: 10px !important;
}
.mt_13 {
    margin-top: 13px !important;
}
.mt_15 {
    margin-top: 15px !important;
}
.mt_20 {
    margin-top: 20px !important;
}
.mt_30 {
    margin-top: 30px !important;
}
.mt_45 {
    margin-top: 45px;
}
.mt_50 {
    margin-top: 50px !important;
}
.mt_70 {
    margin-top: 70px !important;
}
.mt_80 {
    margin-top: 80px !important;
}
.mt_95 {
    margin-top: 95px !important;
}
.mt_110 {
    margin-top: 110px !important;
}
.mt_130 {
    margin-top: 130px !important;
}
.mt_160 {
    margin-top: 160px !important;
}
.ml194 {
       margin-top: 194px !important;
}

.mb_0 {
    margin-bottom: 0px !important;
}
.mb_5 {
    margin-bottom: 5px !important;
}
.mb_10 {
    margin-bottom: 10px !important;
}
.mb_12 {
    margin-bottom: 12px !important;
}
.mb_15 {
    margin-bottom: 15px !important;
}
.mb_20 {
    margin-bottom: 20px !important;
}
.mb_32 {
    margin-bottom: 32px !important;
}
.mb_55 {
    margin-bottom: 55px !important;
}
.mr_0 {
    margin-right: 0 !important;
}

.mr_5 {
    margin-right: 5px !important;
}
.mr_10 {
    margin-right: 10px !important;
}
.mr_14 {
    margin-right: 14px !important;
}
.mr_15 {
    margin-right: 15px !important;
}
.mr_22 {
    margin-right: 22px !important;
}

.ml-5 {
    margin-left: -5px !important;
}
.ml-10 {
    margin-left: -10px !important;
}
.ml_0 {
    margin-left: 0 !important;
}
.ml_2 {
    margin-left: 2px !important;
}
.ml_5 {
    margin-left: 5px !important;
}
.ml_6 {
    margin-left: 6px !important;
}
.ml_8 {
    margin-left: 8px !important;
}
.ml_10 {
    margin-left: 10px !important;
}
.ml_20 {
    margin-left: 20px !important;
}
.ml_25 {
    margin-left: 25px !important;
}
.ml_28 {
    margin-left: 28px !important;
}
.ml_30 {
    margin-left: 30px !important;
}
.ml_37 {
    margin-left: 37px !important;
}
.ml_38 {
    margin-left: 38px !important;
}
.ml_45 {
    margin-left: 45px !important;
}
.ml_88 {
    margin-left: 88px !important;
}
.ml-164 {
    margin-left: 164px !important;
}
.ml-178 {
    margin-left: 178px !important;
}
.ml-225 {
    margin-left: 225px; !important;
}

.mr-5 {
    margin-right: -5px !important;
}
.mr-10 {
    margin-right: -10px !important;
}
.mr_190 {
    margin-right: 190px !important;
}
.mr_195 {
    margin-right: 195px !important;
}


/* -- different positions -- */

.posabs {
    position: absolute !important;
}
.post_5 {
    top:5px !important;
}
.post-14 {
    top:-14px !important;
}
.posr_5 {
    right: 5px !important;
}
.posr_10 {
    right: 10px !important;
}
.posb_5 {
    bottom: 5px !important;
}
.posb_12 {
    bottom: 12px !important;
}
.posl_5 {
    left: 5px !important;
}
.posrel {
    position: relative !important;
}


/* -- shift line -- */

.sl_up {
    margin-top: -15px !important;
}

.sl_down {
    margin-top: 15px !important;
}


/* -- gradient-bottom -- */

.w_grad {
    background: url(../pics/grey_grad.png) repeat-x 0 100%;
}


/* Framework */

#adsWrapper {
    position: relative;
}

div#paper {
    width: 970px;
    margin: 0;
    padding: 0 3px 0 0;
    /*text-shadow: 0 0 0 #fff;*/
    position: relative;
    overflow: hidden;
    background: url(../pics/paper_back.png) repeat-y 0 0;
}
    div#paper_top {
        height: 12px;
    }

    div#paper_bottom {
        height: 13px;
    }

    div#paper_top,
    div#paper_bottom {
        overflow: hidden;
        line-height: 1;
        width: 973px;
        background: url(../pics/paper_top.png) no-repeat 0 0;
    }
    div#paper_bottom{
        margin: 0 0 7px 0;
        background: url(../pics/paper_bottom.png) no-repeat 0 0;
    }
    /* to avoid underlines in ad link crap */
    div#paper_top a{
        text-decoration: none;
    }

/* Header */
div#header {
    height: 190px;
    overflow: hidden;
}

    div#header div#logoarea {
        display: flex;
        position: relative;
    }
    div#header div#logoarea .logo img[title="Games.Markt"] {
        max-height: 86px;
    }
    div#header div#logoarea .logo img{
        max-height: 100%;
        max-width: 100%;
    }
    div#header div#logoarea #left-logo{
        height: 50px;
        display: inline-block;
    }
    .games div#header div#logoarea #left-logo{
        height: 50px;
        margin-botton: 10px;
    }
    div#header div#logoarea #right-logo{
        height: 25px;
        display: inline-block;
    }
    div#header div#logoarea .logged-in .top-left{
        float: right;
    }
    div#header div#logoarea .logged-out .top-left{
        float: left;
    }
    div#header div#logoarea .top-right{
        height: 15px;
        padding-top: 2px;
        text-align: right;
    }

    div#header div.left-wrapper {
        display: inline-block;
        padding: 20px 0 40px 20px;
        flex: 2;
    }
div#header div.right-wrapper {
    display: inline-block;
    flex: 1;
    padding: 20px 15px 0 25px;
}
div#header div.right-wrapper .fieldset-loginGroup{
    margin-left:30px;
}

    div#header div#searcharea {
        width: 438px;
        height: 30px;
        padding-left: 28px;
        overflow: hidden;
        position: absolute;
        top: 55px;
        left: 26px;
    }

    div#header div#logoarea #beta {
        float:right;
        margin-right: 74px;
        margin-top: 7px;
    }

    div#header div#searcharea div {
        float: left;
        margin: 4px 0px 0 0;
    }
    div#header div#searcharea button {
        float: right;
    }

    div#header div#searcharea .placeholder {
        color: #7F7F7F;
        font-size: 10px
    }

    ::-webkit-input-placeholder {
        color: #7F7F7F!important;
        font-size: 10px!important
    }

    :-moz-placeholder {
        color: #7F7F7F!important;
        font-size: 10px!important
    }

    div#header div#searcharea #header_search_submit {
        width: 77px;
        height: 22px;
        line-height: 22px;
        background: url(../pics/buttons/top_button.png) no-repeat;
        margin-top: 4px;
        color: #fff;
        text-indent: 0
    }

    div#header div#searcharea #header_search_submit:hover {
        background: url(../pics/buttons/top_button_a.png) no-repeat;
        color: #fff!important
    }

    div#header div#searcharea div.styled .ui-selectmenu-button {
        float:left
    }

    div#header div#searcharea .ui-state-default {
        background: none
    }

    div#header div#searcharea .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 0.1em 0.1em 0.1em 0.4em;
        font-size: 12px;
        color: #333;
    }

    .ui-selectmenu-menu ul#searchCategories-menu {
        width: 155px
    }

    div#header div#searcharea #searchCategories, div#header div#searcharea #searchCategories-button {
        height:20px;
        width: 125px
    }

    div#header div#loginarea {
        width: 350px;
        overflow: hidden;
    }

div#header div#loginarea button{
    margin: 0;
}
div#header div#loginarea input#username,
div#header div#loginarea input#password{
    background-color: white;
    border: 1px solid black;
    height: 28px;
    padding-left: 5px;
    width: 125px;
}
div#header div#loginarea button{
    background: url(../pics/submit.png) no-repeat;
    background-size: cover;
    border: none;
    height: 30px;
    width: 30px;
    vertical-align: top;
}
div#header div#loginarea button.logout{
    background: none;
    border: none;
    height: auto;
    width: auto;
    vertical-align: top;
    text-decoration: underline;
    color: #7f7f7f;
    margin-top: 2px;
}

div#header div#loginarea .welcome-msg {
    color: #F51041;
    font-size: large;
    height: 25px;
}

div#header div#loginarea .welcome-msg img{
    margin-right: 15px;
}

div#header div#loginarea #fieldset-loginGroup {
    margin-top: 30px;
}

div#header div#loginarea #fieldset-logoutGroup {
    text-align: right;
    position: absolute;
    bottom: -28px;
    right: 17px;
    z-index: 1000;
}

div#header div#loginarea #fieldset-logoutGroup p {
    display: inline-block;
}


    /*    div#header div#loginarea fieldset {
            width: 188px;
            float: left;
            display: inline;
            border-right: 1px solid #c9c7c7;
            margin-right: 6px;
            padding: 0 6px 5px 0;
        }

        div#header div#loginarea fieldset label {
            float: left;
            clear: left;
            width: 62px;
            line-height: 22px;
            margin-bottom: 2px;
            color: #7f7f7f;
        }

        div#header div#loginarea fieldset span {
            color: #7f7f7f;
            position: relative;
            top: -3px;
            left: 5px;
        }

        *+html div#header div#loginarea fieldset span {
            color: #7f7f7f;
            position: relative;
            top: -8px;
            left: 5px;
        }

        div#header div#loginarea fieldset div {
            margin-bottom: 2px;
        }

        div#header div#loginarea button {
            margin: 0 0px 7px 0;
            float: right;
        }

        div#header div#loginarea div#inhouse {
        /*position: absolute;
            top: 30px;
            left: 205px;*
        }*/

    div#header a#mobilapp {
        height: 24px;
        padding-left: 42px;
        position: absolute;
        z-index: 1;
        right: 12px;
        top: 75px;
        line-height: 30px;
    }

    div#header a:link,
    div#header a:visited {
        color: #7f7f7f;
        text-decoration: none;
    }


/* Content */
div#content {
    min-height: 190px;
    overflow: hidden;
    padding: 10px 0 0 10px;
}

    div#content div#full_col {
        width: 948px;
    }

    div#content div#main_col,
    div#content div#sub_col {
        width: 469px;
        float: left;
        display: inline;
    }

    div#content div#sub_col {
        float: right;
        margin: 0 10px -10px 0;
    }

    div#content div#full_col div#sub_col {
        margin-right: 0;
    }

    #content .smallgrey {
        color: #878787;
    }

.section {
    margin: 0;
    position: relative;
    padding: 0 0 20px 0;
}

    .span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7 {
        margin: 0 20px 0 0;
        float: left;
        display: inline;
    }

    .innerbox .span_1, .innerbox .span_2, .innerbox .span_3, .innerbox .span_4, .innerbox .span_5, .innerbox .span_6, .innerbox .span_7 {
        padding-bottom: 0;
    }

    /* Use these classes to set the width of a column. */
    .span_1 { width: 100px;}
    .span_2 { width: 220px;}
    .span_3 { width: 340px;}
    .span_4 { width: 460px;}
    .span_5 { width: 580px;}
    .span_6 { width: 700px;}
    .span_7 { width: 820px;}
    .span_8 { width: 940px;}

    .last { margin-right: 0;}
    .innerbox .last { margin-left: -20px; margin-right: 0;}


    /* Add these to a column to append empty cols. */
    .append_1 { padding-right: 120px;}
    .append_2 { padding-right: 240px;}
    .append_3 { padding-right: 360px;}
    .append_4 { padding-right: 480px;}
    .append_5 { padding-right: 600px;}
    .append_6 { padding-right: 720px;}
    .append_7 { padding-right: 840px;}


    /* Add these to a column to prepend empty cols. */
    .prepend_1 { padding-left: 120px;}
    .prepend_2 { padding-left: 240px;}
    .prepend_3 { padding-left: 360px;}
    .prepend_4 { padding-left: 480px;}
    .prepend_5 { padding-left: 600px;}
    .prepend_6 { padding-left: 720px;}
    .prepend_7 { padding-left: 840px;}


    /* Use these classes on an element to push it into the
       next column, or to pull it into the previous column.  */

    .pull_1 { margin-left: -120px;}
    .pull_2 { margin-left: -240px;}
    .pull_3 { margin-left: -360px;}
    .pull_4 { margin-left: -480px;}
    .pull_5 { margin-left: -600px;}
    .pull_6 { margin-left: -720px;}
    .pull_7 { margin-left: -840px;}
    .pull_8 { margin-left: -960px;}

    .pull_1, .pull_2, .pull_3, .pull_4, .pull_5, .pull_6, .pull_7, .pull_8 {float:left;position:relative;}


    .push-1 { margin: 0 -120px 0 120px;}
    .push-2 { margin: 0 -240px 0 240px;}
    .push-3 { margin: 0 -360px 0 360px;}
    .push-4 { margin: 0 -480px 0 480px;}
    .push-5 { margin: 0 -600px 0 600px;}
    .push-6 { margin: 0 -720px 0 720px;}
    .push-7 { margin: 0 -840px 0 840px;}
    .push-8 { margin: 0 -960px 0 960px;}

    .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8 {float:right;position:relative;}


/* Navigation */


/* -- Mainnav -- */
ul#mainnav {
    height: 78px;
    position: relative;
}

ul#mainnav,
ul#mainnav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul#mainnav li {
        float: left;
        display: inline;
        margin-left: 5px;
    }

    ul#mainnav li ul.second_level,
    ul#mainnav li ul.second_level_meta,
    ul#mainnav li ul.third_level {
        display: none;
    }

    ul#mainnav li.active ul.second_level,
    ul#mainnav li.active ul.second_level li.active ul,
    ul#mainnav li.active ul.second_level_meta,
    ul#mainnav li.active ul.second_level_meta li.active ul{
        display: block;
        padding-top: 6px;
    }

    ul#mainnav li ul.second_level a:link,
    ul#mainnav li ul.second_level a:visited {
        color: grey;
        float: left;
        font-size: 15px;
    }

    ul#mainnav li ul.second_level_meta a:link,
    ul#mainnav li ul.second_level_meta a:visited{
        color: #4285EF;
        float: left;
        font-size: 15px;
        margin-right: 10px;
    }


    ul#mainnav li ul.second_level li.active a,
    ul#mainnav li ul.second_level_meta li.active a{
        font-weight: bold;
    }

    ul#mainnav li ul.second_level li.active li a
    ul#mainnav li ul.second_level_meta li.active li a{
        font-weight: normal;
    }

    ul#mainnav li a.tab {
        width: 90px;
        height: 30px;
        display: block;
        text-align: center;
        color: white;
        background-color: grey;
        text-transform: uppercase;
        font-size: 17px;
        padding-top: 5px;
    }

    ul#mainnav li ul.second_level {
        height: 25px;
        width: 958px;
        padding: 0 0 0 12px;
        position: absolute;
        top: 30px;
        left: 0px;
        background: #333333;
    }
    ul#mainnav li ul.second_level_meta {
         height: 30px;
         padding: 0 12px 0 12px;
         position: absolute;
         top: 30px;
         right: 0px;
     }

    ul#mainnav li ul.second_level li {
        /*border-left: 1px solid grey; */
        padding-left: 10px;
        margin-left: 0;
        padding-right: 10px;
    }

    ul#mainnav li ul.second_level li img {
        margin-top: -2px;
        position: relative;
    }

    ul#mainnav li ul.second_level li.active a {
        height: 20px;
    }

    ul#mainnav li ul.second_level li.active li a,
    ul#mainnav li ul.second_level li.no-child a {
        height:auto;
    }

    ul#mainnav li ul.second_level li:first-child,
    ul#mainnav li ul.second_level li.first-child,
    ul#mainnav li ul.second_level ul li {
        background: none;
        padding-left: 10px;
        margin-left: 0;
        border: none;
    }

    ul#mainnav li ul.second_level li.active a{
        color: white;
    }

    ul#mainnav li ul.third_level {
        height: 20px;
        width: 960px;
        padding: 0 0 0 10px;
        position: absolute;
        line-height: 19px;
        top: 28px;
        left: 0px;
    }

    ul#mainnav li ul.third_level li {
        margin-right: 16px;
    }
    ul#mainnav li ul.third_level {
        background: #e3e3e3;
    }

    ul#mainnav li ul.second_level ul.third_level li a {
        color: #000;
    }

    ul#mainnav li ul.second_level ul.third_level li.active a {
        font-weight: bold;
    }

    /* Home */
    ul#mainnav li a.tab {  }
    ul#mainnav li.active a.tab,
    ul#mainnav li a.tab:hover,
    ul#mainnav li a.tab:focus { background-color: #333333; }

    /* Jobbörse */
    ul#mainnav li#jobmarket a.tab { background-color: #F51041; }


/* -- Footernav -- */

div#footer {
}
    #footernav {
        width: 720px;
        padding-bottom: 30px;
        padding-left: 125px;
        padding-top: 20px;
    }

    #footersubnav {
        width: 970px;
        padding-bottom: 14px;
    }

    div#footernav,
    div#footersubnav {
        text-align: center;
        color: #7b7b7b;
    }
        div#footernav a:link,
        div#footernav a:visited {
            color: #7b7b7b;
        }

        div#footersubnav,
        div#footersubnav a:link,
        div#footersubnav a:visited {
            color: #acacac;
        }

    .footer-logo{
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
    }

div#footer-print {
    display: none;
}


/* Special */

div.meta_head {
    color: #7f7f7f;
    border-bottom: 1px solid #cfcece;
    margin: 0 0 15px;
    padding: 0 10px;
    font-size: 10px;
    line-height: 20px;
    position: relative;
}

    div.meta_head span.cat {
        position: absolute;
        right: 10px;
        top: 4px;
        line-height: 1;
        text-transform: uppercase;
    }

/* Article-View */

div.article_view {
    padding: 10px;
    border: 1px solid #cfcece;
}

    div.article_view div.meta {
        color: #7f7f7f;
        border-bottom: 1px solid #cfcece;
        margin: -10px -10px 15px;
        padding: 0 10px;
        font-size: 10px;
        line-height: 20px;
        position: relative;
    }

        div.article_view div.meta span.cat {
            position: absolute;
            right: 10px;
            top: 4px;
            line-height: 1;
        }

    div.article_view span.extra {
        clear: none;
        display: block;
        font-size: 11px;
        float: none;
        margin: 0 0 10px 0;
    }
        div.article_view span.extra img {
            vertical-align: top;
        }

        div.article_view h1,
        div.article_view div.img_w_legend span.legend,
        div.article_view div.info_box,
        div.article_view table {
            text-align: left;
        }

    div.article_view p {
        display: block;
        margin: 14px 0;
        line-height: 1.3;
    }

    /* some news may have invalid markup (without ul) */
    div.article_view li {
        margin-left: 10px;
    }

    div.article_view div.article_show ul li {
        margin-left: 0;
    }

    div.article_view p.source {
        color: #6e6e6e;
    }

    div.article_view p a:link,
    div.article_view p a:visited {
        color: #000;
    }

    div.article_view h1 {
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 9px;
        border-bottom: 1px dotted #cfcece;
        line-height: 19px;
        background: #fff;
        margin-bottom: 10px;
    }

    div.article_view h2 {
        font-size: 12px;
        text-transform: uppercase;
        margin: 20px 0 15px;
    }

    div.article_view p.intro {
        color: #333;
        font-weight: bold;
    }

    div.article_view div.info_box {
        margin-top: 10px;
    }

    div.article_show {
        margin-bottom: 20px;
    }

        div.article_show div.head {
            margin-bottom: 5px;
            position: relative;
        }

        div.article_show div.head h3 span {
            font-weight: normal;
        }

        div.article_show div.head a.close {
            position: absolute;
            right: 0;
            top: 0;
        }

        div.article_show div.legend {
            padding: 10px 10px 12px !important;
            background-position: 0 0 !important;
            background-color: #f1f1f1;
        }

            div.article_show div.legend p {
                color: #000;
                font-size: 11px;
                margin: 0;
            }

            div.article_show div.legend p span.source {
                color: #6e6e6e;
            }

    .info_box_block {
        display:block;
    }

    div.info_box_block {
        background:#ECEBEB none repeat scroll 0 0;
        border:medium none;
        display:none;
        padding:10px;
        position:absolute;
        right:0;
        width:193px;
        z-index:1;
    }

    div.info_box {
        padding: 10px;
        border: 1px solid #cfcece;
    }

        div.info_box h3 {
            text-transform: uppercase;
            margin-bottom: 5px;
        }

        div.info_box ul.link_list{
            margin: 0 0 -5px 0;
            list-style: none;
            overflow: hidden;
        }

            div.info_box ul.link_list li {
                margin: 0 0 5px 0;
                padding: 0 0 0 10px;
                background: url(../pics/navigation/arrow_more.png) no-repeat 0 5px;
                font-weight: bold;
            }

            div.info_box ul.two_col li {
                width: 190px;
                float: left;
            }
            div.info_box ul.two_col li.odd {
                width: 215px;
                margin-right: 10px;
            }

            div.info_box ul.link_list li a:link,
            div.info_box ul.link_list li a:visited {
                color: #9d0f0d !important;
                text-decoration: none !important;
                display: block;
                padding: 0;
                background-position: 100% 0;
            }

            div.info_box ul.link_list li a.video:link,
            div.info_box ul.link_list li a.video:visited,
            div.info_box ul.link_list li a.foto:link,
            div.info_box ul.link_list li a.foto:visited {
                padding: 0 16px 0 0;
            }


/* Vote-Result-View */

div.vote_view {
    padding: 10px;
    border: 1px solid #cfcece;
}
    div.tab_area.vote_view ul.nav {
        overflow: hidden;
        list-style: none;
        padding: 10px 0 5px 0px;
        margin: 0 0 1px 0;
        border-bottom: 1px solid #e9e9e9;
    }

    div.vote_view form label {
        display: inline;
    }

    div.vote_view p {
        color: #6e6e6e;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    div.vote_view p.vote_question {
        color: #000;
        font-weight: bold;
    }

    div.vote_view p.vote_status {
        color: #000;
        font-weight: bold;
    }

    div.vote_view h1 {
        font-size: 16px;
        font-weight: bold;
        line-height: 19px;
        background: #fff;
        margin-bottom: 10px;
    }

    div.vote_view ul.vote_result_list {
        list-style: none;
        padding: 0px 0px;
        margin: 0 0 -15px 0;
        font-size: 12px;
        line-height:15px;
    }
    div.vote_view ul.vote_result_list li {
        padding: 5px 0 10px;
    }
    div.vote_view ul.vote_result_list li div.vote_balken {
        background: url(../pics/__/progress_bar.png) no-repeat;
        width: 171px;
        padding: 2px;
        height: 14px;
        margin: 2px 0 7px;
        position: relative;

        margin-right:10px;
        float:left;
    }
    div.vote_view ul.vote_result_list li div.vote_balken div.vote_level {
        background: url(../pics/__/progress_level.png) repeat-x 0 0;
        height: 14px;
    }
    div.vote_view ul.vote_result_list li div.vote_result {
        margin-top: 5px;
        width:45px;
        color: #000;
        font-weight: bold;
        float:left;
    }

    div.tab_area ul.vote_result_list li.button_link_holder {
        padding: 10px;
        margin: 0;
        overflow: hidden;
    }

        div.tab_area ul.vote_result_list li.button_link_holder a.button {
            float: right;
            margin: 0;
        }


/* Fotoshow */

div.fotoshow,
div.videoshow {
    width: 447px;
    overflow: hidden;
    position: relative;
}

    div.fotoshow div.count {
        text-align: center;
        margin: 160px 0 0 0;
    }

    div.fotoshow a.zoom {
        position: absolute;
        top: 134px;
        left: 314px;
    }

    div.fotoshow ul.show {
        margin: 0;
        overflow: hidden;
        list-style: none;
        position: absolute;
        left: 0;
    }

        div.fotoshow ul.show li {
            float: left;
            background: #b8b8b8;
            height: 153px;
            overflow: hidden;
            text-align: center;
        }

        div.fotoshow ul.show li img {
            margin: 0 !important;
        }

        div.fotoshow ul.show li.active {
            width: 228px;
        }

        div.fotoshow ul.show li.first,
        div.fotoshow ul.show li.last {
            width: 228px;
        }

        div.fotoshow div.prev_layer,
        div.fotoshow div.next_layer {
            width: 110px;
            height: 153px;
            position: absolute;
            top: 0;
            left: 0;
            background: url(../pics/fff_trans.png);
        }

        div.fotoshow div.next_layer {
            left: auto;
            right: -1px;
        }

        div.fotoshow a.prev,
        div.fotoshow a.next{
            display: block;
            text-indent: -999em;
            width: 39px;
            height: 39px;
            position: absolute;
            top: 58px;
            left: 62px;
            background: url(/mediathek/pics/buttons/fotoshow_prev_next.png) no-repeat 0 -39px;
            z-index: 10;
        }

        div.fotoshow a.next {
            left: auto;
            right: 64px;
            background-position: 0 0;
        }

        a.fsnext, a.fsprevious {
            display: block;
            text-indent: -999em;
            width: 39px;
            height: 39px;
            position: absolute;
            top: 30px;
            left: 2px;
            background: url(/mediathek/pics/buttons/fotoshow_prev_next.png) no-repeat 0 -39px;
            z-index: 10;
        }

        a.fsnext {
            left: auto;
            right: 0px;
            background-position: 0 0;
        }

        div.fotoshow div.legend,
        div.videoshow div.legend {
            background: url(../pics/grey_grad.png) repeat-x 0 100%;
            padding: 20px 10px;
        }

        div.fotoshow div.legend h2,
        div.videoshow div.legend h2 {
            font-size: 14px;
            margin-bottom: 15px;
        }

div.media_slider_1 {
    position: relative;
    background: #e3e3e3;
    padding: 16px 0 16px 27px;
    width: 420px;
}

    div.media_slider_1 a.prev,
    div.media_slider_1 a.next {
        position: absolute;
        left: -1px;
        top: 0;
        width: 23px;
        height: 77px;
        background: #a52523 url(/mediathek/pics/buttons/slider_next_prev.png) no-repeat 0 50%;
        text-indent: -999em;
    }

    div.media_slider_1 a.next {
        left: auto;
        right: -1px;
        background-position: -23px 50%;
    }

    div.media_slider_1 ul.slide_content {
        overflow: hidden;
        list-style: none;
        margin: 0 -25px 0 0;
    }

        div.media_slider_1 ul.slide_content li {
            float: left;
            padding: 3px 1px 0 1px;
            height: 41px;
            overflow: hidden;
            width: 64px;
            margin-right: 0px;
            position: relative;
            background: url(/mediathek/pics/media_slider_thumb_back.png) no-repeat 0 0;
        }

        div.media_slider_1 ul.slide_content li:hover,
        div.media_slider_1 ul.slide_content li:focus,
        div.media_slider_1 ul.slide_content li.hover,
        div.media_slider_1 ul.slide_content li.active {
            background-position: 0 -44px;
            position: relative;
            z-index: 1;
        }

        div.media_slider_1 ul.slide_content li img {
            margin: 0 auto;
            display: block;
        }

            div.media_slider_1 ul.slide_content li img.play_pause {
                position: absolute;
                left: 14px;
                top: 4px;
            }

        div.media_slider_1 span.help {
            position: absolute;
            left: 0;
            bottom: 2px;
            text-align: center;
            width: 100%;
            font-size: 11px;
        }

div.media_slider_2 {
    position: relative;
    background: #e3e3e3;
    padding: 11px 0 16px 23px;
}
    div.media_slider_2 a.prev,
    div.media_slider_2 a.next {
        position: absolute;
        left: 0px;
        top: 0;
        width: 23px;
        height: 209px;
        background: #a52523 url(../pics/buttons/slider_next_prev.png) no-repeat 0 50%;
        text-indent: -999em;
    }
    div.media_slider_2 a.next {
        left: auto;
        right: 0px;
        background-position: -23px 50%;
    }

    div.media_slider_2 ul.slide_content {
        overflow: hidden;
        list-style: none;
        margin: 0 -25px 0 0;
    }
        div.media_slider_2 ul.slide_content li {
            float: left;
            width: 140px;
            padding: 6px 3px 9px 31px;
            height: 20px;
            overflow: hidden;
            margin: 0px 10px 0px 10px;
            background: url(../pics/icons/audio.png) no-repeat 10px 5px;
            border: 3px solid #e3e3e3;
        }
        div.media_slider_2 ul.slide_content li.nobg
        {
            background: none;
        }
        div.media_slider_2 ul.slide_content li:hover,
        div.media_slider_2 ul.slide_content li:focus,
        div.media_slider_2 ul.slide_content li.hover,
        div.media_slider_2 ul.slide_content li.active {
            border: 3px solid #A52523;
        }

        div.media_slider_2 ul.slide_content li.last {
            margin-right: 0;
        }
        div.media_slider_2 ul.slide_content li.itemclear{
            width: 100%;
            line-height: 0px;
            height: 0px;
            float: none;
            padding: 1px 0px 0px 0px;
            margin: 0px;
            overflow: hidden;
            border: 0px;
        }

        div.media_slider_2 ul.slide_content li a{
            font-weight: normal;
            text-decoration: none;
        }

/* slider 3 big icons for clipthumbs*/
div.media_slider_3 {
    position: relative;
    background: #e3e3e3;
    padding: 5px 0 5px 27px;
}

    div.media_slider_3 a.prev,
    div.media_slider_3 a.next {
        position: absolute;
        left: -1px;
        top: 0;
        width: 23px;
        height: 82px;
        background: #a52523 url(/mediathek/pics/buttons/slider_next_prev.png) no-repeat 0 50%;
        text-indent: -999em;
    }

    div.media_slider_3 a.next {
        left: auto;
        right: -1px;
        background-position: -23px 50%;
    }

    div.media_slider_3 ul.slide_content {
        overflow: hidden;
        list-style: none;
        margin: 0 -25px 0 0;
    }

        div.media_slider_3 ul.slide_content li {
            float: left;
            padding: 3px 3px 0;
            height: 69px;
            overflow: hidden;
            width: 92px;
            margin-right: 0px;
            position: relative;
            background: url(/mediathek/pics/media_slider_thumb_back_big.png) no-repeat 3px 1px;
        }

        div.media_slider_3 ul.slide_content li:hover,
        div.media_slider_3 ul.slide_content li:focus,
        div.media_slider_3 ul.slide_content li.hover,
        div.media_slider_3 ul.slide_content li.active {
            background-position: 3px -70px;
            position: relative;
            z-index: 1;
        }

        div.media_slider_3 ul.slide_content li img {
            margin: 0 2px;
            display: block;
        }

            div.media_slider_3 ul.slide_content li img.play_pause {
                position: absolute;
                left: 33px;
                top: 19px;
            }

        div.media_slider_3 span.help {
            position: absolute;
            left: 0;
            bottom: 2px;
            text-align: center;
            width: 100%;
            font-size: 11px;
        }

div.audioplayer h3 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 0px 29px 20px;
    background: #f3f3f3;
}

div.audio_slider {
    height: 118px;
    overflow: hidden;
    position: relative;
    background: #b8b8b8;
}

    div.audio_slider div.player {
        margin: 0px 0px 0px 30px;
        width: 385px;
    }

    div.audio_slider ul.show {
        margin: 10px 0px 0px 30px;
        list-style: none;
        left: 0;
    }
div.audio_slider  ul.show li {
    float: left;
    background: #e3e3e3;
    height: 70px;
    width: 346px;
    overflow: hidden;
    text-align: center;
    padding: 10px 0px 0px 39px;
    border-bottom: 1px solid #b8b8b8;
}
div.audio_slider  ul.show li div.imageholder {
    float: left;
    width: 56px;
    background: #fff;
    margin-right: 12px;
}
div.audio_slider  ul.show li p {
    float: left;
    text-align: left;
}
div.audio_slider  ul.show li p span {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

div.audio_slider a.prev,
div.audio_slider a.next{
    display: block;
    text-indent: -999em;
    width: 39px;
    height: 39px;
    position: absolute;
    top: 24px;
    left: 11px;
    background: url(../pics/buttons/fotoshow_prev_next.png) no-repeat 0 -39px;
    z-index: 10;
}

div.audio_slider a.next {
    left: auto;
    right: 11px;
    background-position: 0 0;
}

/*Musikguide */

li.musicguide {
    overflow:hidden;
}

li.musicguide div.linkespalte{
    float:left;
    width:223px;
    overflow:hidden;
    padding-right:10px;
    border-right: 1px solid #D7D5D6;

}

li.musicguide div.rechtespalte {
    float:left;
    width:203px;
    overflow:hidden;
    margin-left:10px;

}

li.musicguide div.metainfo {
    margin-top:10px
}


li.musicguide div.rechtskasten {
    height:187px;
    width: 203px;
}

/* musicguide_player ist das swf samt JS aussenrum */
li.musicguide div.musicguide_player div.swfmguide {
    border-top: 1px solid #CFCDCE;
    height:26px;
}

li.musicguide div.musicguide_player {
    height: 68px;
    position: relative;
    border: 1px solid #CFCDCE;
    width: 200px;
    font-size:13px;
    font-weight:thin;
    line-height:15px;
    margin-left:8px
}
li.musicguide div.musicguide_player  div.show  {
    text-align: left;
    margin: 7px 0px 0px 35px;
    height:34px;
    width:140px;
}

li.musicguide div.musicguide_player a.prev,
li.musicguide div.musicguide_player a.next{
    display: block;
    text-indent: -999em;
    width: 39px;
    height: 39px;
    position: absolute;
    top: 1px;
    left: -10px;
    background: url(../pics/buttons/fotoshow_prev_next.png) no-repeat 0 -39px;

}
li.musicguide div.musicguide_player a.next {
    left: auto;
    right: -10px;
    background-position: 0 0;
}

/* Rating */

div.rating {
    float: left;
    display: inline;
    width: 220px;
    margin-right: 0;
}

    div.rating a:link,
    div.rating a:visited {
       display: block;
       width: 96px;
       height: 18px;
       line-height: 18px;
       overflow: hidden;
       float: left;
       background: url(../pics/__/rating_buttons.png) no-repeat 0 0;
       font-weight: bold;
       color: #fff;
       text-decoration: none;
       text-indent: 44px;
       text-transform: uppercase;
       margin-top: 6px;
    }

    div.rating a:link.up,
    div.rating a:visited.up {
       background-position: 0 -18px;
       text-indent: 52px;
       margin-right: 13px;
    }


/* Percentage-Bar */
div.result {
    font-size: 11px;
    float: right;
}

    div.progress_bar {
        background: url(../pics/__/progress_bar.png) no-repeat;
        width: 171px;
        padding: 2px;
        height: 14px;
        margin-top: 7px;
        position: relative;
    }
        div.progress_bar div.level {
           background: url(../pics/__/progress_level.png) repeat-x 0 0;
           height: 14px;
        }

        div.progress_bar span {
            position: absolute;
            width: 100%;
            text-align: center;
            font-weight: bold;
            font-size: 12px;
            color: #fff;
            top: 2px;
            left: 0;
        }


/* -- Title-Info (Cover & Table) -- */

div.title_info {
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 1px;
}

    div.title_info div.img_credits {
        float: left;
        width: 142px;
    }

    div.title_info div.img_credits img.square {
        padding: 29px 0;
    }

    div.title_info table {
        float: right;
        width: 290px;
    }

    div.title_info table.fullpage {
        width: 440px;
    }

    div.title_info table a:link,
    div.title_info table a:visited{
        font-weight: bold;
    }

    div.title_info table th {
        width: 100px;
        vertical-align: top;
    }

    div.title_info table.th35 th {
        width: 35%;
    }

    div.title_info table th,
    div.title_info table td {
        padding: 8px 5px 7px 10px;
    }


/* -- Title navigation -- */

div.title_navigation {
}

div.title_navigation div.toggleall_accordion {
    margin: 13px 10px;
}

div.title_navigation a.toggleall_accordion {
    line-height: 20px;
}


/* -- Image with Credits -- */

div.img_credits {
    border: 1px solid #c4c4c5;
    background: #c4c4c5;
    position: relative;
}

    div.img_credits img {
        display: block;
        background: #8f8f8f;
    }

    div.img_credits div {
        border-top: 1px solid #c4c4c5;
        height: 18px;
        padding-left: 5px;
        line-height: 18px;
        color: #fff;
    }

    div.img_credits a.zoom,
    div.img_credits a.zoomDisabled {
        position: absolute;
        right: 0;
        bottom: 0;
        display: block;
        width: 100%;
        /* height: 100%; Do not set height, see Mantis #295. Set height within template to image height */
        overflow: hidden;
        background: url(../pics/icons/zoom.png) no-repeat bottom right;
        text-indent: -999em;
    }

    div.img_credits a.zoomDisabled {
        background: url(../pics/icons/zoom-disabled.png) no-repeat bottom right;
    }

    div.img_credits a.zoomNoimg {
        position: absolute;
        right: 0;
        bottom: 0;
        display: block;
        width: 100%;
        /* height: 100%; Do not set height, see Mantis #295. Set height within template to image height */
        overflow: hidden;
        background: url(../pics/transparent.gif);
        text-indent: -999em;
    }


/* -- Image with legend -- */

    div.img_w_legend div.img_credits img {
        border: none;
    }

    div.img_150,
    div.img_150 div.img_credits {
        width: 150px;
    }

    div.img_405,
    div.img_405 div.img_credits {
        width: 405px;
    }

    div.img_w_legend span.legend {
        color: #494949;
        font-size: 11px;
        line-height: 16px;
        display: block;
        padding-top: 5px;
    }


/* -- Top-Title -- */

div.top_title {
    overflow: hidden;
    margin-bottom: 10px;
}
    div.top_title div.title_1,
    div.top_title div.title_2{
        overflow: hidden;
        width: 207px;
        height: 275px;
        padding: 10px 6px 10px 10px;
        float: left;
        background: #e5e4e2;
    }
    div.top_title div.title_2{
        float: right;
    }

    div.top_title h2 {
        line-height: 1;
        font-size: 14px;
        padding-bottom: 14px;
    }

    div.top_title a {
        display: block;
        font-weight: bold;
    }

    div.top_title img {
        display: block;
        padding: 0 4px 4px 0;
        background: url(../pics/__/top_title_back.png) no-repeat 100% 100%;
        margin: 0 auto 12px;
    }


/* -- Tab-Area -- */
div.tab_area,
div.content_area {
    border: 1px solid #cfcece;
}

div.tab_area.article {
    border-bottom: none;
    padding-bottom: 10px;
}

    div.tab_area div.pager {
        padding: 8px 10px 5px 0;
    }

    div.tab_area ul.nav {
        overflow: hidden;
        list-style: none;
        padding: 10px 0 5px 10px;
        margin: 0 0 1px 0;
        border-bottom: 1px solid #e9e9e9;
    }

    div.tab_area ul.no_padd {
        padding-left: 0;
    }

    div.tab_area ul.no_top_padd {
        padding-top: 0;
    }

    .no_bord {
        border: none !important;
    }

        div.tab_area ul.nav li {
            height: 25px;
            line-height: 25px;
            float: left;
            display: inline;
            margin: 0 5px 0 0;
            position: relative;
            z-index: 1;
        }

        div.tab_area ul.nav li.last {
            margin-right: 0px;
        }

        div.tab_area ul.tabs-3 li {
            width: 93px;
        }

        div.tab_area ul.tabs-3 li.large_160 {
            width: 160px;
        }

        div.tab_area ul.tabs-3 li.large_180 {
            width: 180px;
        }

        div.tab_area ul.tabs-5 li {
            width: 85px;
        }

        div.tab_area ul.tabs-5 li.large {
            width: 129px;
        }

        div.tab_area ul.branchen li.all   {width: 64px}
        div.tab_area ul.branchen li.film  {width: 47px}
        div.tab_area ul.branchen li.video {width: 107px}
        div.tab_area ul.branchen li.games {width: 57px}
        div.tab_area ul.branchen li.musik {width: 60px}

        div.tab_area ul.premiumdb li.all   {width: 99px}
        div.tab_area ul.premiumdb li.film  {width: 44px}
        div.tab_area ul.premiumdb li.video {width: 48px}
        div.tab_area ul.premiumdb li.games {width: 53px}
        div.tab_area ul.premiumdb li.musik {width: 48px}
        div.tab_area ul.premiumdb li.firmen {width: 55px}
        div.tab_area ul.premiumdb li.community {width: 90px}

        div.tab_area ul.nav li a:link,
        div.tab_area ul.nav li a:visited {
            color: #717171;
            height: 25px;
            display: block;
            text-transform: uppercase;
            text-align: center;
            font-weight: bold;
            background: #e3e3e3;
            text-decoration: none;
        }

        div.tab_area ul.nav li.w_padd a {
            padding: 0 10px;
            float: left;
        }

        div.tab_area ul.nav li.film  a {color: #3366bb;}
        div.tab_area ul.nav li.video a {color: #dd0066;}
        div.tab_area ul.nav li.games a {color: #29b429;}
        div.tab_area ul.nav li.musik a {color: #f18613;}
        div.tab_area ul.nav li.firmen a,
        div.tab_area ul.nav li.community a {color: #828da4;}

        div.tab_area ul.nav li a:hover{
            text-decoration: none;
            background: #aaa;
            color: #fff;
        }

        div.tab_area ul.nav li.active a,
        div.tab_area ul.nav li.active a:hover,
        div.tab_area ul.nav li.active a:focus {
            color: #fff !important;
            background: #494949 !important;
        }

            div.tab_area ul.tabs-3 li.tab-rss {
            color: #494949;
            width: 155px;
            text-align: right;
        }

        div.tab_area ul.tabs-3 li.tab-rss a,
        div.tab_area ul.tabs-3 li.tab-rss a:hover,
        div.tab_area ul.tabs-3 li.tab-rss a:link,
        div.tab_area ul.tabs-3 li.tab-rss a:focus{
            text-align: right;
            color: #494949;
            background: #ffffff !important;
        }

        div.tab_area ul.tabs-3 li.tab-rss a span {
            float:left;
            margin-left: 107px;
        }

    ul.switch_nav {
        overflow: hidden;
        list-style: none;
        margin: 0;
    }

        ul.switch_nav li {
            font-weight: bold;
            display: inline;
            padding-left: 17px;
        }

        ul.switch_nav li a:link,
        ul.switch_nav li a:visited{
            text-decoration: none;
        }

        ul.switch_nav li a:link.active,
        ul.switch_nav li a:visited.active, ul.switch_nav li a.active {
            text-decoration: underline;
        }

        ul.switch_nav li a.calendar_view,
        ul.switch_nav li a.list_view{
            padding-left: 24px;
            background: url(/termine/pics/icons/kalender_333.png) no-repeat 0 50%;
            line-height: 18px;
        }
        ul.switch_nav li a.list_view{
            background-image: url(../pics/icons/list_333.png);
        }

    div.box_nav_holder-logo {
    }

        div.box_nav_holder-logo div.logo {
            width: 220px;
            padding: 5px 0;
            text-align: center;
        }

        div.box_nav_holder-logo div.box_nav_holder {
            margin: 5px 0 0 0;
        }

    div.box_nav_holder {
        overflow: hidden;
        padding: 0 0 8px 0;
        margin: 10px 0 0 7px;
        background: url(/firmen/pics/box_nav_back.png) no-repeat 0 100%;
    }

    ul.box_nav {
        overflow: hidden;
        width: 446px;
        padding: 1px 4px 0 3px;
        list-style: none;
        margin: 10px 0 0 7px;
        margin: 0 0 -1px 0;
        background: url(/firmen/pics/box_nav_back.png) no-repeat 0 0;
    }

    ul.box_nav li {
        float: left;
        width: 25%;
        height: 32px;
        background: url(/firmen/pics/box_nav_box.png) no-repeat 100% 100%;
        margin-right: -1px;
        margin-left: 1px;
    }

    ul.box_nav li a {
        display: block;
        height: 31px;
        margin: 0 1px 1px 0;
        line-height: 30px;
        font-weight: bold;
        text-indent: 19px;
        color: #9d0f0d !important;
        background: url(../pics/navigation/arrow_more.png) no-repeat 10px 50%;
        text-decoration: none !important;
    }

    ul.box_nav li a.disabled {
        color: #aaa !important;
        background: url(../pics/navigation/arrow_more_gray.png) no-repeat 10px 50%;
    }

    ul.box_nav li.active a {
        background: #bbbab9 url(/firmen/pics/box_nav_active.png) repeat-x 0 0;
        color: #333 !important;
    }

    div.tab_area ul.anchor_nav {
        overflow: hidden;
        width: 681px;
        list-style: none;
        margin: 20px 0 0 0;
    }

    div.tab_area ul.anchor_nav li {
        float: left;
        width: 198px;
        height: 24px;
        padding-left: 29px;
        overflow: hidden;
        background: url(../pics/navigation/arrow_close.png) no-repeat scroll 12px 45%;
    }

    div.tab_area ul.anchor_nav li a {
        display: block;
        height: 24px;
        margin: 0 1px 1px 0;
        overflow: hidden;
        line-height: 24px;
        font-weight: bold;
        text-decoration: none !important;
        text-transform: uppercase;
    }

    ul.content {
        list-style: none;
        overflow: hidden;
        margin: 0;
    }

        ul.content li {
            padding: 10px 0;
            margin: 0 10px;
            overflow: hidden;
            border-top: 1px solid #cfcece;
            vertical-align: bottom;
            margin-top: -1px;
            position: relative;
        }
        ul.content li.adTag {
            border: none;
            padding: 0;
            margin: 0 10px 0 10px;
        }

        div.inner ul.content li {
            margin-left: 0;
            margin-right: 0;
        }

        .inner {
            padding: 10px;
        }

        .inner_lr {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .inner_20 {
            padding: 20px 20px;
        }

        .inner_lr_20 {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        div.tab_area h1.lonely,
        div.tab_area h1.inner {
            padding: 15px 10px 5px 10px;
        }

        div.tab_area h1.lonely {
            border-bottom: 1px solid #e9e9e9;
        }

        div.tab_area .inner_two {
            padding: 15px 10px 5px 10px;
        }

        div.tab_area .inner_two a.more {
            margin-top: 4px;
        }

        div.inner_lr {
            padding: 0 10px;
        }

        ul.content li.no_padd {
            padding: 0;
            margin-left: 0;
            margin-right: 0;
        }

        ul.content li.no_bord {
            border-color: #fff;
        }

        div.tab_area ul.content li.buttonholder {
            padding: 11px 10px 13px 10px;
            background: #f0eeee;
            margin: 0;
        }

            div.tab_area ul.content li.buttonholder a {
                margin: 0 auto;
            }

        div.tab_area ul.content li.button_link_holder {
            padding: 10px;
            margin: 0;
            background: #f0eeee;
            overflow: hidden;
        }

            div.tab_area ul.content li.button_link_holder a.more {
                float: left;
                margin: 6px 0 0;
                position: static;
            }

            div.tab_area ul.content li.button_link_holder a.button {
                float: right;
                margin: 0;
            }

        ul.content li li {
            padding: 0;
            overflow: visible;
            border: none;
        }

        ul.content li div.metainfo {
            overflow: hidden;
            margin-bottom: 4px;
        }

            ul.content li div.metainfo span.date {
                float: right;
                margin: 0 5px 0 0;
                font-size: 11px;
                color: #7f7f7f;
                line-height: 16px;
            }

            ul.content li div.metainfo span.by {
                float: left;
            }

            ul.content li div.metainfo span.extra {
                font-size: 11px;
                float: right;
                margin: 0 5px 0 0;
            }

            div.box ul.content li div.metainfo span.extra {
                clear: none;
                display: inline;
            }

            ul.content li div.metainfo span.extra img {
                vertical-align: top;
            }

        ul.content li div.previewIntro {
            margin-bottom: 15px;
        }

        ul.content li img.newsimage {
            float: left;
            margin-right: 10px;
        }

        div.tab_area ul.content li p.landscape.non-circumfluent {
            width: 315px;
            float: left;
        }

        div.tab_area ul.content li p.portrait.non-circumfluent {
            width: 355px;
            float: left;
        }

        ul.content li br.non-circumfluent {
            line-height: 0;
        }

        div.tab_area ul.content li br.non-circumfluent {
            clear: left;
        }

        ul.content li div.topnews {
            margin-top: 1px;
            border: 1px solid #cfcece;
            background: #f0eeee;
            color: #000;
        }

        .content .topnews.border-blue {
            border: 2px solid #0058a3;
        }

        div.tab_area ul.content li div.topnews .boxheader {
            margin-bottom: 5px;
            text-transform: uppercase;
        }
        .tab_area .content .topnews .ad-info {
            padding: 7px 10px 4px;
            margin-bottom: 5px;
        }

        div.tab_area ul.content li div.topvideo {
            margin-top: 10px;
            background: #f6f6f7;
            color: #333;
            position: relative;
        }

            div.tab_area ul.content li div.topvideo div.inner {
                padding: 0 10px 1px 10px;
            }

            div.tab_area ul.content li div.topvideo div.videoholder {
                margin: 0 -10px 15px -10px;
            }
            div#fNewsBox-clip div.videoholder {
                margin: 0 0 15px;
            }
                div#fNewsBox-clip div.videoholder a.videoholder-dummy,
                div#fNewsBox-clip div.videoholder span.videoholder-play,
                div#fNewsBox-clip div.videoholder span.videoholder-bar {
                    display: block;
                    width: 446px;
                    height: 271px;
                    overflow: hidden;
                    position: relative;
                    cursor: pointer;
                }
                div#fNewsBox-clip div.videoholder span.videoholder-play {
                    background: url(/mediathek/pics/clipPlay.png) center 108px no-repeat;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
                div#fNewsBox-clip div.videoholder span.videoholder-bar {
                    background: url(/mediathek/pics/videoholder-playbar-446.png) 0 bottom no-repeat;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

        ul.content li a.more {
            width: auto !important;
            font-size: 12px;
            position: absolute;
            bottom: 10px;
            right: 10px;
            text-decoration: none !important;
        }

        ul.content li div.text_right a.more {
            position: static;
            display: inline;
        }


        ul.content li p {
            margin-bottom: 0;
        }

        div.box ul.content li p {
            font-size: 11px;
        }

        ul.content li h2 {
            margin-bottom: 4px;
            line-height: 1;
        }
        ul.content li a.reader_icon{
            margin: 0px 8px 0px 0px;
            padding: 0px 0px 10px 0px;
            display:block;
            width: 99px;
            height: 20px;
            float: left;
        }
        ul.content li a.reader_icon.last{
            margin-bottom: 10px;
        }
        ul.content li a.rss_icon{
            display: block;
            margin: 6px 5px 0px 0px;
            float: left;
        }
        ul.content li a.rss_label{
            margin: 8px 0px 0px 0px;
            display: block;
        }



/* -- Actions -- */
ul.actions, ul.cal_actions {
    overflow: hidden;
    padding: 0px 10px;
    border: 1px solid #cfcece;
    border-width: 1px;
    margin: 0;
    list-style: none;
}


    ul.actions li {
        display: inline;
        float: left;
        height: 21px;
        padding-top:8px !important;
        width: 95px;
        text-align: left;
        margin: 0;
    }

    ul.actions li a.active, ul.cal_actions li a.active {
        color: #6e6e6e;
    }

    ul.cal_actions li {
        display: inline;
        float: left;
        height: 21px;
        padding-top:8px !important;
        width: 20%;
        text-align: left;
        margin: 0;
    }

    ul.balanced li {
        text-align: center;
        width: 30%;
    }

    ul.balanced li.first {
        text-align: left;
        width: 20%;
    }
    ul.three_actions li {
        width: 60%;
    }

    ul.balanced li.last {
        text-align: right;
        width: 20%;
    }

    ul.two_actions li {
        width: 50%;
    }

    ul.actions li a, ul.cal_actions li a {
        padding-left: 16px;
        color: #333;
        font-weight: bold;
        background: url(../pics/navigation/actions.png) no-repeat 0 0;
        text-decoration: none !important;
        display: block;
        cursor: pointer;
        line-height: 12px;
    }

    ul.actions li a.bookmark {background-position: 0 1px;}
    ul.actions li a.send {background-position: 0 -19px;}
    ul.cal_actions li a.send {background-position: 0 -19px;}
    ul.actions li a.feedback {background-position: 0 -37px;}
    ul.cal_actions li a.feedback {background-position: 0 -37px;}
    ul.actions li a.print {padding-left: 20px; background-position: 0 -59px;}
    ul.cal_actions li a.print {padding-left: 20px; background-position: 0 -59px;}
    ul.actions li a.searchagent_add {padding-left: 18px; background-position: 0 -80px;}
    ul.actions li a.searchagent {padding-left: 18px; background: url(../pics/icons/icon_suchagent.png) no-repeat 0 -2px}
    ul.actions li a.bookmark_delete {padding-left: 18px; background: url(../pics/icons/icon_merkliste_delete.png) no-repeat 0 -2px}
    ul.cal_actions li a.addToCalendar {background-position: 0 -100px;}
    ul.cal_actions li a.removeFromCalendar {background-position: 0 -120px;}
    ul.cal_actions li.communityCalendar {width: 285px;}

    ul.actions li a.export_pdf {padding-left: 20px; background: url(../pics/icons/export_pdf.png) no-repeat 0 50%;}
    ul.actions li a.export_xls {padding-left: 22px; background: url(../pics/icons/export_xls.png) no-repeat 0 50%;}


/* -- Actions & Rating -- */

div.actions_rating {
    padding: 3px 10px 10px 10px;
    border: 1px solid #cfcece;
    overflow: hidden;
}

    div.actions_rating ul.actions {
        padding: 0;
        margin-bottom: 8px;
        border-width: 0 0 1px 0;
    }

        .boxheader {
            padding: 5px 10px;
            background: #f0eeee;
            line-height: 20px;
            font-weight: bold;
            margin: 0 !important;
        }

        div.tab_area ul.content li div.topnews div.inner {
            padding: 0 10px 10px;
            position: relative;
        }
        .tab_area .topnews.border-blue .inner {
            padding: 0 10px 10px;
            position: relative;
            clear: both;
        }

        div.tab_area ul.content li div.topnews div.imageholder {
            position: relative;
            margin: 0 -10px 8px;
        }

            div.tab_area ul.content li div.topnews div.imageholder img {
                display: block;
            }

            div.tab_area ul.content li div.topnews div.imageholder img.icon {
                position: absolute;
                left: 0;
                top: 0;
            }

        div.tab_area ul.content li div.topnews div.metainfo span.date {
            font-size: 11px;
            color: #333;
            float: left;
        }

        div.tab_area ul.content li div.topnews h2,
        div.tab_area ul.content li div.topnews h2 a:link,
        div.tab_area ul.content li div.topnews h2 a:visited,
        div.tab_area ul.content li div.topnews p {
            color: #000;
        }

        div.tab_area ul.content li div.topnews h2{
            word-spacing: -1px;
        }

        div.tab_area ul.content li div.topvideo h2,
        div.tab_area ul.content li div.topvideo h2 a:link,
        div.tab_area ul.content li div.topvideo h2 a:visited,
        div#fNewsBox-clip h2,
        div#fNewsBox-clip h2 a:link,
        div#fNewsBox-clip h2 a:visited {
            font-size: 14px;
            margin: 4px 0 8px 0;
        }

        div.tab_area ul.content li div.topnews p {
            margin-bottom: 12px;
        }

        div.tab_area ul.content li div.topvideo p,
        div#fNewsBox-clip p {
            margin-bottom: 12px;
        }

        div.tab_area ul.content li div.topnews a.more {
            margin-top: 0px;
        }

        div.tab_area ul.content li div.topnews a.more {
            position: absolute;
            right: 10px;
            bottom: 10px;
        }

        div.tab_area ul.content li div.topnews a.fotolink {
            position: absolute;
            right: 10px;
            bottom: 10px;
            color: #0058a3;
            text-decoration: none;
        }

        div.tab_area ul.content li div.topvideo a.more {
            position: absolute;
            right: 10px;
            bottom: 13px;
        }


/* -- Media-Slider -- */

div#mediathekFoto.fullpage,
div#mediathekVideo.fullpage,
div#mediathekAudio.fullpage {
    padding-left: 115px;
}

div.media_slider {
    position: relative;
    padding: 0 0px 8px 33px;
    margin-top: 9px;
}

    div.media_slider a.prev,
    div.media_slider a.next {
        position: absolute;
        left: -1px;
        top: 0;
        width: 23px;
        height: 83px;
        background: #a52523 url(/mediathek/pics/buttons/slider_next_prev.png) no-repeat 0 50%;
        text-indent: -999em;
    }

    div.media_slider a.next {
        left: auto;
        right: -1px;
        background-position: -23px 50%;
    }

    div.media_slider ul.slide_content {
        overflow: hidden;
        list-style: none;
        margin: 0;
    }

        div.media_slider ul.slide_content li {
            float: left;
            width: 124px;
            margin: 0 5px 0 0;
        }

        div.media_slider ul.slide_content a img {
            display: block;
        }

        div.media_slider ul.slide_content span.by {
            margin: 8px 0 3px;
            display: block;
        }

        div.media_slider ul.slide_content li h4 {
            color: #2f2f2f;
            font-size: 11px;
            font-weight: normal;
            margin-bottom: 4px;
        }

        div.media_slider ul.slide_content li h5 {
            font-size: 11px;
            line-height: 13px;
            margin: 2px 0 0;
            font-weight: bold;
        }

        div.media_slider ul.slide_content li span.date {
            font-size: 10px;
            line-height: 1;
            color: #7f7f7f;
        }


/* -- Big-Slider -- */

div.big_slider {
    position: relative;
    background: url(../pics/__/big_slider_back.png) no-repeat 0 0;
    padding: 12px 28px 25px 27px;
    height: 190px;
    overflow: hidden;
}

    div.big_slider a.prev,
    div.big_slider a.next {
        position: absolute;
        left: -1px;
        top: 71px;
        width: 23px;
        height: 65px;
        background: url(../pics/buttons/button_prev.png) no-repeat 0 0;
        text-indent: -999em;
    }

    div.big_slider a.next {
        left: auto;
        right: -1px;
        background-image: url(../pics/buttons/button_next.png);
    }

    div.big_slider ul.slide_content {
        list-style: none;
        color: #000;
        margin: 0 0 0 7px;
        height: 190px;
        position: relative;
    }

        div.big_slider ul.slide_content img.topimg {
            margin-top: 3px;
            border: 0;
        }

        div.big_slider ul.slide_content a.more {
            position: absolute;
            right: 7px;
            bottom: 0;
        }

/* -- Calendar Teaserbox -- */
div.cal_bigbox {
    position: relative;
    background-color: #fff;
    padding: 6px 12px 31px 11px;
    height: 190px;
    overflow: hidden;
}

/* -- Short-List -- */
ul.shortlist {
    list-style: none;
    padding: 0;
    margin: 0 0 -17px 0;
}

    ul.shortlist li {
        margin-bottom: 17px;
        color: #000;
    }

    ul.shortlist li div.head {
        overflow: hidden;
    }
        ul.shortlist li div.head a {
            color: #000;
        }

        ul.shortlist li div.head img.icon{
            float: left;
            margin-right: 3px;
        }

        ul.shortlist li div.head span.date {
            font-size: 10px;
            line-height: 1;
            margin-top: -1px;
            display: block;
        }

        ul.shortlist li h2 {
            font-size: 12px;
        }

/* -- News-List -- */

ul.newslist {
    list-style: none;
    padding: 10px;
    margin: 10px 0 10px 0;
    font-size: 11px;
}

ul.newslist.no_padd {
    padding: 0;
}

    ul.newslist li {
        margin-bottom: 15px;
        padding-left: 20px;
        position: relative;
    }

        ul.newslist li p {
            padding-top: 2px;
        }

        ul.newslist li img.icon{
            position: absolute;
            left: 0;
            top: 2px;
        }

        ul.newslist li span.meta {
            font-size: 11px;
            line-height: 1;
            position: absolute;
            right: 0;
            top: 2px;
        }

/* -- Kalender-List -- */

ul.kalenderlist {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
}

    ul.kalenderlist li {
        border-top: 1px solid #cfcece;
        margin-top: -1px;
        padding: 5px 10px 7px 50px;
        overflow: hidden;
        position: relative;
        height: 40px;
        vertical-align: bottom;
    }

        ul.kalenderlist li h4 {
            padding-bottom: 2px;
        }

        ul.kalenderlist li span.loc {
            font-size: 11px;
            line-height: 1;
            display: block;
        }

        ul.kalenderlist li div.date {
            height: 36px;
            width: 30px;
            text-align: center;
            background: #494949 url(/termine/pics/icons/kalender_icon.png) no-repeat;
            position: absolute;
            left: 10px;
            top: 7px;
            padding-top: 1px;
        }

        ul.kalenderlist li div.date span {
            display: block;
            text-align: center;
        }

        ul.kalenderlist li div.date span.month {
            color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            padding-top: 1px;
        }

        ul.kalenderlist li div.date span.day {
            color: #584d55;
            font-size: 14px;
            font-family: Helvetica, Arial, sans;
            padding-top: 3px;
            text-decoration: none;
        }

        ul.kalenderlist li.film div.date {background-color: #30579c;}
        ul.kalenderlist li.video div.date {background-color: #ad0d57;}
        ul.kalenderlist li.games div.date {background-color: #2b8f29;}
        ul.kalenderlist li.musik div.date {background-color: #f2a227;}

/* -- Chart-List -- */
ul.chartlist {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
}

    ul.chartlist li {
        border-top: 1px solid #cfcece;
        margin-top: -1px;
        padding: 5px 4px 3px 75px;
        overflow: hidden;
        position: relative;
        height: 45px;
        vertical-align: bottom;
    }

    ul.chartlist li.linked {

        border: none;
        padding: 0;
        height: 18px;
    }

        ul.chartlist li div.thumb {
            height: 37px;
            width: 56px;
            text-align: center;
            background: transparent;
            position: absolute;
            left: 10px;
            top: 8px;
            overflow: hidden;
        }

        ul.chartlist li p {
            margin: -1px 0 0 0;
            line-height: 13px;
        }

        ul.chartlist li div.text {
            margin: -2px 22px 0 0;
        }

            ul.chartlist li div.text h4 {
                width: 125px;
            }

        ul.chartlist li a.more{
            margin: 0;
        }

        ul.chartlist li span.rank {
            position: absolute;
            color: #fff;
            font-weight: bold;
            right: 4px;
            top: 4px;
            padding: 0 2px;
            background: #494949;
        }

        ul.chartlist li.film span.rank {background: #30579c;}
        ul.chartlist li.video span.rank {background: #ad0d57;}
        ul.chartlist li.games span.rank {background: #2b8f29;}
        ul.chartlist li.musik span.rank {background: #f2a227;}


/* -- Chart-List Single-Channel -- */

        ul.single_channel li {
            border: none;
            padding-bottom: 2px;
        }


/* -- Community-List -- */

ul.communitylist {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
}

    ul.communitylist li {
        border-top: 1px solid #cfcece;
        margin-top: -1px;
        padding: 5px 10px 7px 76px;
        overflow: hidden;
        position: relative;
        height: 40px;
        vertical-align: bottom;
    }

    ul.communitylist li div.thumb {
            height: 37px;
            width: 56px;
            text-align: center;
            background: #b8b8b8;
            position: absolute;
            left: 10px;
            top: 7px;
            overflow: hidden;
        }

        ul.communitylist li h4 {
            padding-bottom: 2px;
        }

        ul.communitylist li p {
            line-height: 13px;
        }


/* -- Programmplaner -- */

ul#planner {
    list-style: none;
    margin-left: 5px;
    margin-right: 5px;
}

    ul#planner div.pager {
        padding: 8px 0 4px;
    }

ul.programmplaner {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
}

ul.programmplaner li {
    border-top: 1px solid #cfcece;
    margin-top: -1px;
    padding: 10px 10px 10px 52px;
    overflow: hidden;
    position: relative;
    vertical-align: bottom;
}

ul.programmplaner li img.icon {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #494949;
}

ul.programmplaner li.film img.icon {background: #30579c;}
ul.programmplaner li.video img.icon {background: #ad0d57;}
ul.programmplaner li.games img.icon {background: #2b8f29;}
ul.programmplaner li.musik img.icon {background: #f2a227;}

ul.programmplaner li div.programmtext {
    float: left;
    width: 200px;
    position: relative;
}
ul.programmplaner.slender li div.programmtext {
    width: 170px;
}

ul.programmplaner li h4 {
    padding-bottom: 3px;
}

ul.programmplaner li div.statistik {
    float: right;
    width: 198px;
}

ul.programmplaner.slender li div.statistik {
    width: 170px;
    margin-top: 5px;
}

ul.programmplaner li div.statistik dl {
    overflow: hidden;
}

ul.programmplaner li div.statistik dl dt {
    float: left;
    clear: left;
}

ul.programmplaner li div.statistik dl dd {
    float: right;
    clear: right;
}

ul.programmplaner li p,
ul.programmplaner li dl {
    line-height: 13px;
    margin-bottom: 0;
}

ul.programmplaner a.more {
    margin: 0;
}

/* Programplanner 1col */
ul.programmplaner.one-col div.programmtext {
    width: 230px !important;
}
ul.programmplaner.one-col a.more {
    padding-left: 0;
    text-transform: uppercase;
    background: none;
}

/* -- Article-List -- */

ul.article_list {
    list-style: none;
    padding: 0;
    margin: 0;
}
    ul.article_list li {
        overflow: hidden;
        padding: 5px;
        vertical-align: bottom;
    }

    ul.article_list img {
        float: left;
    }

    ul.article_list div.text {
        padding: 0 0 6px 88px;
        position: relative;
    }

    ul.article_list div.text a.more {
        margin: 0;
        position: absolute;
        bottom: -6px;
        right: 0;
    }

    ul.article_list div.text img {
        float: none;
    }

    ul.article_list div.metainfo{
        font-size: 11px;
        overflow: hidden;
        margin-top: -2px;
    }

        ul.article_list div.metainfo span.date {
            float: right;
            margin: 0;
            font-size: 10px;
        }

        ul.article_list div.metainfo span.cat {
            float: left;
        }


/* -- Comment-List -- */

ul.comment_list {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #cfcece;
}
    ul.comment_list li {
        border-bottom: 1px solid #cfcece;
        vertical-align: bottom;
        padding: 10px 0 6px 160px;
        position: relative;
        min-height: 62px;
    }

    * html ul.comment_list li {
        height: 62px;
    }

    ul.comment_list img.avatar {
        position: absolute;
        left: 0;
        top: 10px;
    }

    ul.comment_list div.comment_info {
        position: absolute;
        left: 45px;
        top: 10px;
        width: 100px;
    }

        ul.comment_list div.comment_info a {
            display: block;
        }

    ul.comment_list a.more {
        margin: 0;
        position: absolute;
        bottom: 6px;
        right: 0;
    }

    ul.comment_list p{
        margin: 0;
        color: #333;
    }


/* -- Product-List -- */

ul.product_list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
    ul.product_list li {
        border-right: 1px solid #cfcece;
        vertical-align: bottom;
        width: 205px;
        float: left;
        margin: 10px 20px 0 0;
        padding: 0 16px 5px 0;
        position: relative;
    }

    ul.product_list li.second {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }

    ul.product_list li.itemclear {
        width: 100%;
        line-height: 0px;
        height: 0px;
        float:none;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
    }

    ul.product_list div.thumb {
        width: 80px;
        height: 53px;
        overflow: hidden;
        background: transparent;
        float: left;
        margin-right: 10px;
    }

        ul.product_list div.thumb img {
            display: block;
            margin: 0 auto;
        }

    ul.product_list div.title {
        float: left;
        width: 114px;
    }

        ul.product_list div.title a {
            display: block;
            font-weight: bold;
        }

    ul.product_list div.info {
        clear: left;
        padding-top: 10px;
    }

/* -- Media-List -- */

ul.media_list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

    ul.media_list li {
        border-right: 1px solid #cfcece;
        vertical-align: bottom;
        width: 205px;
        float: left;
        margin: 10px 20px 0 0;
        padding: 0 16px 5px 0;
        position: relative;
    }

    ul.media_list li.second {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }

    ul.media_list li.itemclear {
        width: 100%;
        line-height: 0px;
        height: 0px;
        float:none;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
    }

    ul.media_list div.thumb {
        width: 80px;
        height: 53px;
        overflow: hidden;
        background: transparent;
        float: left;
        margin-right: 10px;
    }

        ul.media_list div.thumb img {
            display: block;
            margin: 0 auto;
        }

    ul.media_list div.thumb img.play_pause {
        position: absolute;
        left: 22px;
        top: 9px;
    }

    ul.media_list div.title {
        float: left;
        width: 114px;
    }

        ul.media_list div.title a {
            display: block;
            font-weight: bold;
        }

    ul.media_list div.info {
        clear: left;
        padding-top: 10px;
    }


/* -- People-List -- */

ul.people_list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

    ul.people_list li {
        vertical-align: bottom;
        width: 90px;
        height: 110px;
        float: left;
        margin: 10px 29px 0 0;
    }

    ul.people_list li.last {
        margin-right: 0;
    }

    ul.people_list li.itemclear{
        width: 100%;
        line-height: 0px;
        height: 0px;
        float:none;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
    }

    ul.people_list img {
        display: block;
        margin: 0 0 10px;
    }

    ul.people_list a {
        display: block;
        font-weight: bold;
    }

/* -- Company-List -- */

ul.company_list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
    ul.company_list li {
        border-right: 1px solid #cfcece;
        vertical-align: bottom;
        width: 205px;
        float: left;
        margin: 10px 29px 0 0;
    }

    ul.company_list li.last {
        margin-right: 0;
        border: none;
    }

    ul.company_list li.itemclear {
        width: 100%;
        line-height: 0px;
        height: 0px;
        float:none;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
    }

    ul.company_list a {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
    }


/* -- Rating-List -- */

ul.rating_list {
    list-style: none;
    padding: 10px;
    margin: 0 0 -15px 0;
    font-size: 11px;
}

    ul.rating_list li {
        margin-bottom: 20px;
        padding-left: 0;
        position: relative;
    }
        ul.rating_list li p{
            padding-top: 2px;
            margin-bottom: 4px;
        }

        ul.rating_list li img.icon{
            margin-right: 5px;
        }

        ul.rating_list li span.meta {
            font-size: 10px;
            line-height: 1;
            position: absolute;
            right: 0;
            top: 2px;
            text-transform: uppercase;
        }

        ul.rating_list li .progress_bar{
            margin-top: 0;
        }

        ul.rating_list li a.more{
            position: absolute;
            right: 0;
            bottom: 2px;
        }


/* -- Box -- */

div.box {
    border: 1px solid #cfcece;
    margin-bottom: 10px;
    background: #f0eeee;
    color: #333;
    position: relative;
}

div.w_tabs  {
    border: none;
    background: none;
}

    div.w_tabs div.box_content {
        border: 1px solid #cfcece;
        background: #f0eeee;
    }

div.box a:link, div.box a:visited { color: #333; text-decoration: underline; }

div.box a.more:link, div.box a.more:visited { text-decoration: none; }
div.box a.more:hover, div.box a.more:focus { text-decoration: underline; }

div.ad_box {
    font-size: 11px;
    background: #fff;
    color: #333;
}
div.ad_box p {
    margin-bottom: 6px !important;
}

div.w_196 {
    width: 194px;
    font-size: 11px;
}

div.ad_box_right {
    float: right;
    margin: -5px 0 10px 5px;
}


div.white {
    background: #fff;
    color: #333;
}

div.two_boxes {
    margin: 0 -7px 10px 0;
    overflow: hidden;
    width: 476px;
}

div.two_boxes .box {
    margin: 0 7px 0 0;
    width: 229px;
    height: 248px;
    overflow: hidden;
    float: left;
}

    div.box ul.box_tabs {
        margin: 0;
        padding-bottom: 5px;
        list-style: none;
        overflow: hidden;
    }

    div.box ul.box_tabs li {
        text-transform: uppercase;
        padding: 0;
        margin-right: 5px;
        color: #717171;
        background: #e3e3e3;
        position: relative;
        float: left;
        overflow: hidden;
        font-weight: bold;
    }

    div.box ul.box_tabs li a:link,
    div.box ul.box_tabs li a:visited {
        display: block;
        height: 20px;
        line-height: 21px;
        padding: 0 10px;
        color: #717171;
        border: 1px solid #e3e3e3;
        float: left;
        text-decoration: none;
    }

    div.box ul.box_tabs li.active a:link,
    div.box ul.box_tabs li.active a:visited {
        color: #fff;
        border-color: #cfcece;
        background: #333333;
    }

    div.box h3 {
        text-transform: uppercase;
        height: 20px;
        line-height: 20px;
        border-bottom: 1px solid #cfcece;
        padding: 0 5px 0 10px;
        color: #fff;
        background: #333333;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

    div.box h3 .icon {
        position: absolute;
        right: 2px;
        top: 2px;
    }

    div.box h3 .marker {
        top: 0;
    }
/*
    div.box h3.home,
    div.box ul.box_tabs li.active a.home:link,
    div.box ul.box_tabs li.active a.home:visited {
        background: #333333 !important;
    }

    body.film div.box h3,
    div.box h3.film,
    body.film div.box ul.box_tabs li.active a:link,
    body.film div.box ul.box_tabs li.active a:visited,
    div.box ul.box_tabs li.active a.film:link,
    div.box ul.box_tabs li.active a.film:visited {
        background: #6AC9C9 !important;
        color:black;
    }

    body.video div.box h3,
    div.box h3.video,
    body.video div.box ul.box_tabs li.active a:link,
    body.video div.box ul.box_tabs li.active a:visited,
    div.box ul.box_tabs li.active a.video:link,
    div.box ul.box_tabs li.active a.video:visited {
        background: #6AC9C9 !important;
        color:black;
    }
*/
    body.games div.box h3,
    div.box h3.games,
    body.games div.box ul.box_tabs li.active a:link,
    body.games div.box ul.box_tabs li.active a:visited,
    div.box ul.box_tabs li.active a.games:link,
    div.box ul.box_tabs li.active a.games:visited {
        background: #79E68D !important;
        color:black;
    }
/*
    body.musik div.box h3,
    div.box h3.musik,
    body.musik div.box ul.box_tabs li.active a:link,
    body.musik div.box ul.box_tabs li.active a:visited,
    div.box ul.box_tabs li.active a.musik:link,
    div.box ul.box_tabs li.active a.musik:visited {
        background: #EFE48A !important;
        color:black;
    }

    body.academy div.box h3,
    div.box h3.academy,
    body.academy div.box ul.box_tabs li.active a:link,
    body.academy div.box ul.box_tabs li.active a:visited,
    div.box ul.box_tabs li.active a.academy:link,
    div.box ul.box_tabs li.active a.academy:visited {
    }

    html body div.box h3.mediabiz,
    div.box ul.box_tabs li.active a.mediabiz:link,
    div.box ul.box_tabs li.active a.mediabiz:visited {
        background: #960805 !important;
        padding-left: 27px;
    }

    div.box ul.box_tabs li.active a.special:link,
    div.box ul.box_tabs li.active a.special:visited {
        background: #960805 !important;
    }

    div.box h3.special {
        background: #960805 !important;
        text-transform: none;
        padding: 0 0 0 2px;
        word-spacing: -2px;
        color: #fff;
    }
*/
   div.white h3 {
        color: #000;
        background: #fff;
    }

    div.box a.box_more {
        position: absolute;
        bottom: 6px;
        right: 10px;
        font-size: 11px;
    }

    div.box div.box_block {
        border-top: 1px solid #cfcece;
    }

    div.box div.first {
        border-top: none;
    }

    div.box div.even {
        background-color: #e6e4e4;
    }

    div.box div.box_block h4 {
        text-transform: uppercase;
    }


/* -- Daily Newsletter Teaser Box-- */

div.box div.daily-newsletter {
    padding: 10px;
    height: 120px;
}

div.box div.daily-newsletter div.el_1 {
    border-right: 1px dotted #cfcece;
    margin: 0;
    padding: 0;
}

div.box div.daily-newsletter p.boxheadertext {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

div.box div.daily-newsletter_subnews {
    padding: 10px;
    height: 98px;
    background-color:#ffffff;
    color:#333;
}

/* Redesinged nl-boxes in right column on channels */
div.box div.daily-newsletter.redesigned {
    padding: 0;
}

.daily-newsletter.redesigned > .leftCol {
    float: left;
}
.daily-newsletter.redesigned > .rightCol {
    float: right;
    padding-right: 10px;
}
.daily-newsletter.redesigned > .leftCol {
    width: 229px;
}
.article_view .daily-newsletter.redesigned > .leftCol {
    width: 215px;
}

.daily-newsletter.redesigned > .rightCol {
    width: 219px;
}

.article_view .daily-newsletter.redesigned .rightCol p {
    margin: 0 0 6px 0;
    line-height: inherit;
}

.daily-newsletter.redesigned .description-title {
    padding-top: 7px;
    font-size: 1.4em;
    font-weight: bold;
}
.article_view .daily-newsletter.redesigned .description-title {
    line-height: inherit;
}

.daily-newsletter.redesigned .separator {
    border-top: 1px dotted #333;
}


/* redesigned teaser for newsletter on homepage and livepaper */


.box_teaser_v2 {
    height: 172px;
}


.box_teaser_v2 .description-title {
    font-size: 14px;
    padding-top: 0px;
    text-transform: uppercase;
    font-weight: bold;
}

.box_teaser_v2 > .leftCol {
    width: 185px;
    float: left;
}

.box_teaser_v2 > .rightCol {
    width: 280px;
    float: right;
}


.box_teaser_v2 .nl-teaser-list {
    font-size: 11px;
}

.box_teaser_v2 .rightCol span {
    font-size: 11px;
    font-weight: bold;
}

.box_teaser_v2 .rightCol .button {
    position: absolute;
    right: 10px;
}

.box_teaser_v2 .rightCol .button:hover{
    background: #00a1cd;
    background-gradient: none;
    border: 1px solid #00a1cd;
    color: #fff !important;
}

.box_teaser_v2 .rightCol .button:active{
    -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.3);
    background: #03a0cd;
    border-color: #999;
}




/* livepaper-teaser */


.box_teaser_v2.livepaper .description-title {
    text-transform: none;
    font-size: 15px;
}

.box_teaser_v2.livepaper .leftCol {
    background-image: url("../pics/livepaper_teaser/sprite.png");
    background-repeat: no-repeat;
    overflow: hidden;
    height: 172px;
    cursor: pointer;
}

.box_teaser_v2.livepaper .leftCol div.img_container {
    position: absolute;
    top: 87px;
    left: 113px;
}

.box_teaser_v2.livepaper .leftCol div.img_container_overlay1 {
    background-image: url("../pics/livepaper_teaser/sprite.png");
    background-repeat: no-repeat;
    position: absolute;
    left: 103px;
    top: 128px;
    overflow: hidden;
    height: 45px;
    width: 85px;
}

body.film .box_teaser_v2.livepaper .leftCol div.img_container_overlay1 {
    background-position: -183px -107px;
}
body.games .box_teaser_v2.livepaper .leftCol div.img_container_overlay1 {
    background-position: -183px -277px;
}
body.musik .box_teaser_v2.livepaper .leftCol div.img_container_overlay1 {
    background-position: -183px -436px;
}
body.video .box_teaser_v2.livepaper .leftCol div.img_container_overlay1 {
    background-position: -183px -596px;
}

.box_teaser_v2.livepaper .leftCol div.img_container_overlay2 {
    background-image: url("../pics/livepaper_teaser/sprite.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 145px;
    left: 165px;
    overflow: hidden;
    height: 32px;
    width: 32px;
}

body.film .box_teaser_v2.livepaper .leftCol div.img_container_overlay2 {
    background-position: -286px -123px;
}
body.games .box_teaser_v2.livepaper .leftCol div.img_container_overlay2 {
    background-position: -286px -293px;
}
body.musik .box_teaser_v2.livepaper .leftCol div.img_container_overlay2 {
    background-position: -286px -452px;
}
body.video .box_teaser_v2.livepaper .leftCol div.img_container_overlay2 {
    background-position: -286px -123px;
    /* background-position: -286px -612px; */
}

body.film .box_teaser_v2.livepaper .leftCol {
    background-position: 0 0;
}

body.games .box_teaser_v2.livepaper .leftCol {
    background-position: 0 -170px;
}

body.musik .box_teaser_v2.livepaper .leftCol {
    background-position: 0 -330px;
}

body.video .box_teaser_v2.livepaper .leftCol {
    background-position: 0 -490px;
}


/* list in livepaper-teaser */

div.teaser_v2-list-wrapper {
    margin-top: 10px;
    margin-left: 4px;
}

ul.teaser_v2-list {
    margin: 0 0 4px -2px;
    padding: 0;
    width: 360px;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    list-style: none;
}

ul.teaser_v2-list li {
    padding-left: 16px;
    background-repeat: no-repeat;
    background-image: url("../pics/livepaper_teaser/haken.png");
    background-position: 0px 8px;
}


.btn.btn-green {
    clear: both;
    width: 110px;
    margin: 7px 0 0 0;
    padding: 1px 0px;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
    border: 0 none;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #4eba00;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6bd400), color-stop(100%, #4eba00));
    background: -ms-linear-gradient(top, #6bd400 0%, #4eba00 100%);
    background: -moz-linear-gradient(center top, #6bd400 0%, #4eba00 100%);
    background: -o-linear-gradient(#4eba00, #6bd400);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4eba00', endColorstr='#6bd400', GradientType=0);
}
.btn.btn-green:hover {
    color: #ffffff !important;
    -webkit-box-shadow: 0 0px 2px #666666;
    -moz-box-shadow: 0 0px 2px #666666;
    box-shadow: 0 0px 2px #666666;
    background: #4eba00;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4eba00), color-stop(100%, #6bd400));
    background: -ms-linear-gradient(top, #4eba00 0%, #6bd400 100%);
    background: -moz-linear-gradient(center top, #4eba00 0%, #6bd400 100%);
    background: -o-linear-gradient(#6bd400, #4eba00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bd400', endColorstr='#4eba00', GradientType=0);
}


.box_teaser_v2.livepaper .btn.btn-green {
    width: 235px;
    text-transform: uppercase;
    font: bold 15px/20px "oswaldlight", arial narrow, sans-serif;
    margin-left: 16px;
    padding: 2px 0px 3px 0px;
}

.box_teaser_v2.livepaper .btn.btn-green:active {
    color: #ffffff;
}

.box_teaser_v2.livepaper .btn.btn-green img.icon {
    position: relative;
    top: 1px;
    margin-right: 2px;
}



/* -- Vote and Quote -- */

div.box div.box_content p.boxheadertext {
    padding: 0px 10px 10px 10px;
    margin:0px;
    font-size: 12px;
    font-weight: bold;
    line-height:18px;
}

div.box div.box_content ul.voteandquote {
    list-style: none;
    padding: 0px 10px;
    margin: 0 0 -15px 0;
    font-size: 12px;
    line-height:18px;
}

div.box div.box_content ul.voteandquote li  {
    display: block;
    margin-bottom: 5px;
}

div.box div.box_content ul.voteandquote li input {
    margin: 2px 10px 0px 0px;
    float: left;
}

div.box div.box_content ul.voteandquote li label {
    width: 90%;
}

div.box div.box_content ul.voteandquote li.button_link_holder {
    margin: 0;
    background: #f0eeee;
    overflow: hidden;
}

div.box div.box_content ul.voteandquote li.button_link_holder a.more {
    float:left;
    margin: 6px 0 0;
    position: static;
}

div.box div.box_content ul.voteandquote li.button_link_holder a.button {
    float: right;
    margin: 0;
}


/* -- Table Charts -- */

table.charts {}

table.charts td,
table.charts th {
    padding-left: 5px;
    padding-right: 5px;
}

table.charts .rank,
table.charts .rank_pw {
    width: 32px;
    text-align: center;
}

table.charts th.rank_pw { text-align: left;}

table.charts .title {
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
}

    table.charts .title img.cover{
        float: left;
        margin: 0 4px 10px 0;
    }

    table.charts .title img{
        vertical-align: middle;
    }

    table.charts .title div.sellings {
        padding-top: 4px;
    }

    table.charts .title div.content {
        width: 192px;
        float: left;
    }

    table.charts .title div.audio_video {
        width: 38px;
        clear: both;
        margin-right: -3px;
    }

table.charts .label {
    padding-left: 4px;
    padding-right: 4px;
    width: 62px;
    font-weight: bold;
}

table.charts .hist,
table.charts .week {
    width: 23px;
    text-align: center;
}

table.charts .hist img {
    display: block;
    margin: 6px auto 0 auto;
}

table.charts .hp {
    width: 15px;
    text-align: center;
}

/* -- Table Database -- */

table.db_table { margin: 0;}

table.db_table td.voe {
    width: 50px;
    text-align: center;
}

table.db_table .start_film {
    width: 95px;
}

table.db_table th.start_film span {
    width: 45px;
}

table.db_table .title {
    width: 153px;
}
table.db_table .film {
    width: 120px;
}
table.db_table th.title span{
    width: 50px;
}

    table.db_table .title div.thumb {
        width: 56px;
        line-height: 37px;
        text-align: center;
        background: #b8b8b8;
        margin-bottom: 10px;
    }

    table.db_table .title strong {
        display: block;
    }

    table.db_table .title div.sellings {
        padding-top: 4px;
    }

    table.db_table .title div.content {
        position: relative;
    }

        table.db_table td.title div.content span {
            display: block;
            padding-right: 23px;
        }

    table.db_table .title div.audio_video {
        position: absolute;
        right: 0;
        top: 0;
    }

    table.db_table .right_info_box {
        float:right;
        margin-bottom:5px;
        margin-left:2px;
        margin-right:2px;
    }

table.db_table .actors {
    width: 106px;
}

table.db_table .label {
    padding-left: 4px;
    padding-right: 4px;
    width: 62px;
    font-weight: bold;
}

table.db_table .hist,
table.db_table .week {
    width: 23px;
    text-align: center;
}

table.db_table .hist img {
    display: block;
    margin: 6px auto 0 auto;
}

table.db_table .hp {
    width: 15px;
    text-align: center;
}

table.th25 th {
    width: 25%;
    text-align: left;
}

table.th35 th {
    width: 35%;
    text-align: left;
}


/* -- Table Planer -- */

table.planer_table { margin: 0;}

table.planer_table th {
    white-space: nowrap;
}

table.planer_table th,
table.planer_table td {
    padding-left: 4px;
    padding-right: 4px;
}

table.planer_table td.voe {
    text-align: center;
}

table.planer_table .date {
    padding-right: 0;
}

table.planer_table .film {
    padding-right: 0;
}
table.planer_table .title div.thumb {
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: #b8b8b8;
    overflow: hidden;
    margin-bottom: 10px;
}

table.planer_table .title div.thumb_vert {
    height: 56px;
    text-align: left;
    overflow: hidden;
    margin-bottom: 10px;
}

table.planer_table .title strong {
    display: block;
}

table.planer_table .title div.sellings {
    padding-top: 4px;
}

table.planer_table .title div.content {
    position: relative;
    overflow: hidden;
}

table.planer_table .title div.content div.thumb_img{
    float: left;
}

table.planer_table .title div.content div.text_content{
    float: left;
    padding-left: 6px;
}

table.planer_table .title div.audio_video {
    position: absolute;
    right: 0;
    top: 0;
}

table.planer_table .genre{
    padding-right: 0;
}

table.planer_table .label {
    padding-left: 4px;
    padding-right: 0;
}

table.planer_table .rating {
    white-space: nowrap;
    padding-right: 0;
}

table.planer_table td.rating strong {
    display: inline;
}
table.planer_table td.rating {
    letter-spacing: -1px;
}


/* -- Table Calendar -- */

div.calendar_wrapper {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #cfcece !important;
    overflow: hidden;
}

table.calendar {
    margin: 0 0 -1px 0;
    border: none ;
    background: #f4f4f4;
}

    table.calendar tr.film th {
        background: #4875c2;
    }
    table.calendar tr.video th {
        background: #AD0D57;
    }
    table.calendar tr.games th {
        background: #2B8F29;
    }
    table.calendar tr.musik th {
        background: #F2A227;
    }

    table.calendar th,
    table.calendar td {
        padding: 5px 10px;
        border: 1px solid #f4f4f4;
        width: 14%;
    }

    table.calendar td {
        padding-right: 5px;
        border-width: 0 1px 1px 0;
    }
    table.calendar th {
        border-width: 0 1px 1px 0;
    }

    table.calendar .termin {
        width: 110px;
    }

    table.calendar th span.date {
        float: left;
        font-weight: bold;
    }

    table.calendar th span.day {
        float: right;
        font-weight: normal;
        text-transform: uppercase;
    }

    table.calendar th span.date_d_m {
        text-align: center;
        display: block;
        font-weight: bold;
        text-transform: uppercase;
    }

    table.calendar tr.cat_1 td,
    table.calendar td.cat_1 {
        background: #bdbdbd;
    }
    table.calendar tr.cat_2 td,
    table.calendar td.cat_2 {
        background: #cccbcb;
    }
    table.calendar tr.cat_3 td,
    table.calendar td.cat_3 {
        background: #e3e2e2;
    }

    table.calendar td div.content {
        position: relative;
    }

    table.list_view td div.content {
        width: 170px;
        min-height: 29px;
    }

    table.list_view td div.action {
        position: absolute;
        width: 20px;
        right: 5px;
        top: -2px;
    }
    table.list_view td div.action img {
        margin: 4px 0;
    }

    table.calendar span.start,
    table.calendar span.end {
        position: absolute;
        left: -9px;
        top: 2px;
        background: url(/termine/pics/date_start.png) 0 0;
        height: 9px;
        width: 5px;
        overflow: hidden;
        text-indent: -999em;
        display: block;
    }
    table.calendar span.end {
        left: auto;
        right: -4px;
        background: url(/termine/pics/date_end.png) 0 0;
    }

div.bottom_links a:link,
div.bottom_links a:visited {
    font-weight: bold;
    padding: 0 15px;
    position: relative;
}

    div.bottom_links a:link img,
    div.bottom_links a:visited img {
        left: 0;
        top: 4px;
        position: absolute;
    }


/* -- Table Actions -- */

ul.table_actions {
    overflow: hidden;
    padding: 4px 10px;
    border: 1px solid #cfcece;
    border-width: 1px 0;
    margin: 0;
    list-style: none;
}

    ul.table_actions li {
        display: inline;
        padding-right: 23px;
    }
    ul.table_actions li {
        display: inline;
        padding-right: 23px;
    }

    ul.table_actions li a {
        padding-left: 16px;
        background: url(../pics/navigation/table_actions.png) no-repeat 0 0;
        text-decoration: none !important;
    }

    ul.table_actions li a.bookmark {background-position: 0 3px;}
    ul.table_actions li a.subscribe {background-position: 0 -17px;}
    ul.table_actions li a.print {background-position: 0 -37px;}
    ul.table_actions li a.pdf {padding-left: 20px; background-position: 0 -58px;}
    ul.table_actions li a.xls {padding-left: 20px; background-position: 0 -78px;}


/* -- Table Legend -- */
div.table_legend {
    line-height: 2;
    margin-bottom:10px;
}

    div.table_legend img{
        vertical-align: middle;
    }

    div.table_legend sup{
        line-height: 1.3;
    }


/* -- Accordion -- */

dl.accordion {
    margin: 10px 0;
}

    dl.accordion dt {
        background: #efedee url(../pics/navigation/arrow_close.png) no-repeat 5px 45%;
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        font-weight: bold;
        padding-left: 20px;
        color: #7f7f7f;
        cursor: pointer;
        margin-bottom: 5px;
    }

    dl.accordion dt img {
        float: left;
        display: block;
        margin: 2px 5px 0 0;

    }

    dl.accordion dt.open {
        background-image: url(../pics/navigation/arrow_open.png);
    }

    dl.accordion dd {
        padding: 5px 0 15px 0;
        position: relative;
        font-size: 11px;
        display: none;
    }

    dl.accordion dd.last {
        padding-bottom: 0;
    }

    dl.accordion dd.open {
        display: block;
    }

    dl.accordion dd img.icon {
        float: left;
        margin: 1px 8px 3px 0;
    }

    dl.accordion dd.close {
        display: none;
    }
        dl.accordion dd .inner {
            padding: 0 5px;
        }

        dl.accordion dd a:link,
        dl.accordion dd a:visited {
            font-weight: bold;
            color: #000;
            overflow: hidden;
            padding-bottom: 1px;
        }
        dl.accordion dd a:link span,
        dl.accordion dd a:visited span,
        dl.accordion dd a:link.more,
        dl.accordion dd a:visited.more {
            font-weight: normal;
        }

        dl.accordion dd a:link.more,
        dl.accordion dd a:visited.more {
            font-weight: normal;
            text-align: right;
            width: 96%;
        }

        dl.accordion dd ul {
            margin: 0;
            list-style: none;
        }

            dl.accordion dd ul li img{
                vertical-align: middle;
                margin-left: 5px;
            }

            dl.accordion dd ul.level_1 li{
                padding: 4px 0 4px 20px;
                margin: -4px 0;
                position: relative;
            }

            dl.accordion dd ul.level_1 li.with_child{
                padding-left: 0;
            }

            dl.accordion dd ul.level_1 h3 {
                padding: 20px 0 4px 20px;
                font-weight: normal;
                color: #000;
            }

            dl.accordion dd ul.level_1 li.first h3 {
                padding-top: 0;
            }

            dl.accordion dd ul.level_2{
                padding-bottom: 10px;
            }
            dl.accordion dd ul.level_2 li{
                padding-left: 35px;
            }

            dl.accordion dd ul.level_2 li a:link,
            dl.accordion dd ul.level_2 li a:visited {
                width: 193px;
            }

            dl.accordion dd ul.level_1 li .info_box {
                display: none;
                width: 213px;
                padding: 6px 10px;
                background: #ecebeb;
                right: 0;
                z-index: 1;
                position: absolute;
                border: none;
            }

            dl.accordion dd ul.level_1 li .info_box a,
            dl.accordion dd ul.level_1 li .info_box a:link {
                width: auto !important;
            }

            dl.accordion dd ul.level_1 li.selected {
                background: #ecebeb;
            }

            dl.accordion dd ul.level_1 li.selected .info_box{
                display: block;
            }

        div.info_box div.cover_sample,
        div.info_box_block div.cover_sample {
            overflow: hidden;
            margin-bottom: 4px;
            padding-top: 1px;
        }
        div.info_box div.cover_sample img.cover,
        div.info_box_block div.cover_sample img.cover {
            float: left;
            margin: -1px 5px 0 0;
        }

        div.info_box div.cover_sample a img,
        div.info_box_block div.cover_sample a img {
            float: left;
            margin: 0 3px 0 0;
        }

        div.info_box div.cover_sample a.shy,
        div.info_box div.cover_sample a.shy:link,
        div.info_box div.cover_sample a.shy:visited,
        div.info_box_block div.cover_sample a.shy,
        div.info_box_block div.cover_sample a.shy:link,
        div.info_box_block div.cover_sample a.shy:visited {
            color: #908e8f;
            padding-bottom: 2px;
        }

        div.info_box_block a:link,
        div.info_box_block a:visited {
            text-decoration: none;
        }


/* -- Accordion -- */

dl.accordion_v2 {
    margin: 10px 0 -10px 0;
}

    dl.accordion_v2 dt {
        background: #e3e3e3 url(../pics/navigation/arrow_close.png) no-repeat 12px 45% ;
        line-height: 24px;
        height: 24px;
        overflow: hidden;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        margin: 10px 0;
        text-transform: uppercase;
    }

      /* -- für Assistenten -- */
      dl.accordion_v2 dt#togglebar_rss3a_opener,
      dl.accordion_v2 dt#togglebar_twitter3a_opener,
      dl.accordion_v2 dt#togglebar_ipad1_opener {
          height: 33px;
          line-height: 16px;
          padding: 5px 0;
      }

          div.assistent dl.accordion_v2 dt a:link,
          div.assistent dl.accordion_v2 dt a:visited {
              color: #808080;
          }

          div.assistent dl.accordion_v2 dd a:link,
          div.assistent dl.accordion_v2 dd a:visited {
              font-weight:normal;
          }

          dl.accordion_v2 dd ul.advantages {
            margin-left:17px;
            list-style-type:disc;
        }
        /* -- Ende für Assistenten -- */


        dl.accordion_v2 dt a.topanchor:link,
        dl.accordion_v2 dt a.topanchor:visited,
        dl.accordion_v2 dt a.topanchor:hover,
        dl.accordion_v2 dt a.topanchor:active {
            text-transform: lowercase;
            display: block;
            float: right;
            margin-right: 10px;
        }

        dl.accordion_v2 dt a:link,
        dl.accordion_v2 dt a:visited,
        dl.accordion_v2 dt a:hover,
        dl.accordion_v2 dt a:active {
            display: block;
            padding-left: 29px;
        }

        dl.accordion_v2 dt span {
            font-weight: normal;
        }

        dl.accordion_v2 dt img {
            float: left;
            display: block;
            margin: 2px 5px 0 0;

        }

    dl.accordion_v2 dt.open {
        background-image: url(../pics/navigation/arrow_open.png);
    }

    dl.accordion_v2 dt.disabled {
        color: #aaa;
    }

        dl.accordion_v2 a:link,
        dl.accordion_v2 a:hover,
        dl.accordion_v2 a:visited {
            text-decoration: none;
        }

    dl.accordion_v2 dd {
        padding: 0 0 10px;
        display: none;
    }

    dl.accordion_v2 dd.last {
        padding-bottom: 0;
    }

    dl.accordion_v2 dd.open {
        display: block;
    }

    dl.accordion_v2 dd img.icon {
        float: left;
        margin: 1px 8px 3px 0;
    }

    dl.accordion_v2 dd.close {
        display: none;
    }

        dl.accordion_v2 dd a:link,
        dl.accordion_v2 dd a:visited {
            font-weight: bold;
            overflow: hidden;
            text-decoration: underline;
        }
        dl.accordion_v2 dd a:link span,
        dl.accordion_v2 dd a:visited span {
            font-weight: normal;
        }

        dl.accordion_v2.pressreleases dd ul li a:link,
        dl.accordion_v2.pressreleases dd ul li a:visited,
        dl.accordion_v2.pressreleases dd ul li a:hover,
        dl.accordion_v2.pressreleases dd ul li a:active {
            display: block;
            padding-bottom: 5px;
        }

        dl.accordion_v2 dd ul {
            margin: 0;
            list-style: none;
        }


            dl.accordion_v2 dd ul li img {
                vertical-align: middle;
                margin-left: 5px;
            }

            dl.accordion_v2 dd ul.level_1 li {
                padding: 4px 0 4px 29px;
                margin: -4px 0;
                position: relative;
            }

            dl.accordion_v2 dd ul.level_1 li.with_child {
                padding-left: 0;
            }

            dl.accordion_v2 dd ul.level_1 li a:link,
            dl.accordion_v2 dd ul.level_1 li a:visited {
                width: 210px;
            }

            dl.accordion_v2 dd ul.level_1 h3 {
                padding: 20px 0 4px 20px;
                font-weight: normal;
                color: #000;
            }

            dl.accordion_v2 dd ul.level_1 li.first h3 {
                padding-top: 0;
            }

            dl.accordion_v2 dd div.leftCol {
                width: 205px;
            }

            dl.accordion_v2 dd div.rightCol {
                width: 225px;
            }

            dl.accordion_v2 dd ul.level_2 {
                padding-bottom: 10px;
            }
            dl.accordion_v2 dd ul.level_2 li {
                padding-left: 35px;
            }

            dl.accordion_v2 dd ul.level_2 li a:link,
            dl.accordion_v2 dd ul.level_2 li a:visited {
                width: 193px;
            }

/* Accordion V3 */

dl.accordion_v3 {
    margin: 10px 0 -10px 0;
}

    dl.accordion_v3 dt {
        background: #F0EEEE;
        height: 32px;
        overflow: hidden;
        padding: 8px;
        color: #333;
        cursor: pointer;
        margin: 0px 0px 10px 0px;
    }
    dl.accordion_v3 dt input {
        float: left;
        display: block;
    }

    dl.accordion_v3 dt label {
        float: left;
        display: block;
        font-weight: bold;
        width: 115px;
        margin: 4px 0px 0px 10px;
    }
    dl.accordion_v3 dt div {
        float: left;
        display: block;
        margin-top: 0px;
        line-height: 17px;
    }

    dl.accordion_v3 dt a:link,
    dl.accordion_v3 dt a:visited {
        font-weight: bold;
        overflow: hidden;
        text-decoration: underline;
    }

    dl.accordion_v3 dd {
        padding: 0 0 10px;
        display: none;
    }

    dl.accordion_v3 dd.open {
        display: block;
    }

    dl.accordion_v3 dd {
        padding: 0px 10px;
    }
    dl.accordion_v3 dd input {
        float: left;
        margin: 0px;
        padding: 0px;
    }

    dl.accordion_v3 dd label {
        float: left;
        font-weight: bold;
        width: 120px;
        height: 25px;
        margin: 0px 0px 0px 10px;
    }
    dl.accordion_v3 dd div.item {
        height: 36px;
        padding: 0px;
        margin: 0px;
    }
    dl.accordion_v3 dd div.item div {
        line-height: 17px;
        display: block;
    }
    dl.accordion_v3 dd a:link,
    dl.accordion_v3 dd a:visited {
        font-weight: bold;
        overflow: hidden;
        text-decoration: underline;
    }

a.toggleall_accordion {
    text-transform: uppercase;
}


/* -- More-Box -- */

div.more_box {
    border: 1px solid #cfcece;
    overflow: hidden;
    padding: 7px 10px;
}

    div.more_box strong{
        float: left;
    }
    div.more_box a.more{
        float: right;
        margin: 0;
    }


/* -- Overlay -- */

div#chart_overlay {
    padding: 0 3px 9px 4px;
    background: url(/charts/pics/chart_overlay_shadow.png) no-repeat 0 0;
}

div#overlay {
    border: 1px solid #d8d7d6;
    background: #fff;
}

div#overlay div.head {
    position: relative;
    padding: 5px;
    border-bottom: 1px solid #d8d7d6;
    background: #e8e9e8;
}

    div#overlay div.head h3 {
        margin-right: 30px;
    }

    div#overlay div.head .close_button {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 24px;
        height: 22px;
        line-height: 0;
        text-indent: -999em;
        background: url(../pics/buttons/button_close.png) no-repeat;
        cursor: pointer;
    }


/* -- Filter-Bar -- */

div.filter {
    border: 1px solid #CFCECE;
    border-width: 1px 0;
    padding: 8px 10px 6px;
    margin-bottom: 5px;
    font-weight: bold;
}

    div.filter label {
        margin-right: 5px;
    }

    div.filter label input {
        vertical-align: middle;
    }

    div.filter form a,
    div.filter form a:link,
    div.filter form a:visited,
    div.filter form a:hover,
    div.filter form a:active {
        text-decoration: none;
    }


/* -- Media-List -- */

div.medialist_holder {
    background: url(../pics/grey_grad.png) repeat-x 0 100%;
    margin-bottom: 10px;
}

div.medialist_holder div.pager {
    color: #333;
    padding: 0px 10px 5px 0;
    text-align: right;
}
div.medialist_holder div.pager a {
    color: #333 !important;
}

ul.medialist {
    overflow: hidden;
    list-style: none;
    margin: 1px -1px 0 0;
    padding-bottom: 20px;
}

    ul.medialist li {
        width: 50%;
        border-top: 1px solid #cfcece !important;
        float: left;
        display: inline;
        margin: -1px 0 1px 0;
    }

    ul.medialist li div.content {
        margin: 0 0 0 10px;
        padding: 10px 0 10px 90px;
        height: 53px;
        overflow: hidden;
        position: relative;
    }

    ul.medialist li.active div.content {
        background: #f1f1f1;
    }

    ul.medialist li h3 {
        padding-bottom: 2px;
        margin-top: -2px;
    }

    ul.medialist li h3 img {
        position: relative;
        top: 2px;
    }

    ul.medialist li img.thumb {
        position: absolute;
        left: 0px;
        top: 10px;
    }

    ul.medialist li img.play_pause {
        position: absolute;
        left: 22px;
        top: 19px;
    }

    ul.medialist li a {
        text-decoration: underline;
        color: #333;
    }


/* -- Teasertext -- */

div.teasertext {
    overflow: hidden;
    padding: 5px 0 15px 0;
}

    div.teasertext p {
        margin-bottom: 20px;
    }

    p.teasertext {
        width: 447px;
    }


/* -- Search-Results -- */
div.result_block {
    margin-top: 10px;
    padding-bottom: 18px;
    position: relative;
}

div.last {
    padding-bottom: 0;
}

    .result_head {
        font-size: 16px;
        font-weight: bold;
        border-bottom: 1px dotted #cfcece;
        line-height: 36px;
        background: #fff;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
    }

        .result_head span {
            font-weight: normal;
        }

    ul.result_list {
        border-bottom: 1px dotted #cfcece;
        overflow: hidden;
        list-style: none;
        margin: 0;
        position: relative;
    }

        ul.content li ul.result_list li,
        ul.result_list li {
            border-top: 1px solid #cfcece;
            margin: -1px 0 1px 0;
            padding: 10px 10px 10px 20px;
            position: relative;
        }

        ul.with_thumb li,
        ul.result_list li.with_thumb {
            padding-left: 110px;
            min-height: 53px;
        }

        ul.result_list li img.icon,
        ul.result_list li img.thumb {
            position: absolute;
            left: 0;
            top: 10px;
            margin: 0;
        }

        ul.with_thumb li img.icon,
        ul.result_list li.with_thumb img.icon {
            left: 90px;
        }

        ul.result_list li div.head {
            font-size: 11px;
            margin: 1px 0 3px 0;
            position: relative;
        }

            ul.result_list li div.head span.date {
                position: absolute;
                right: 0;
                top: 0;
            }

        ul.result_list li a {
            font-weight: bold;
        }

        ul.result_list li .head a {
            font-weight: normal;
        }

        ul.result_list li h3 {
            font-size: 14px;
            color: #333;
            margin-bottom: 5px;
            font-weight: bold;
        }
        ul.result_list li h3 span {
            font-weight: normal;
        }

        ul.result_list li p {
            font-size: 11px;
            min-height: 26px;
            margin: 0;
        }

        ul.result_list li span.cat {
            text-transform: uppercase;
            margin: 0 0 3px 0;
            display: block;
        }

        ul.result_list li.with_thumb h3,
        ul.with_thumb li h3,
        ul.result_list li.small_headline h3,
        ul.small_headline li h3 {
            font-size: 12px;
            margin: 0 0 3px 0;
            font-weight: normal;
        }

        ul.result_list li.with_thumb p,
        ul.with_thumb li p {
            min-height: 0;
        }
        ul.result_list li a.button_subtract {
            right: 10px;
            display: block;
            height: 14px;
            overflow: hidden;
            position: absolute;
            text-indent: -999em;
            top: 14px;
            width: 14px;
        }

    div.result_block a.more,
    ul.result_list a.more {
        width: auto !important;
        font-size: 11px;
        position: absolute;
        right: 0;
        bottom: 0;
        text-decoration: none !important;
    }

    ul.result_list a.more {
        font-size: 12px;
        bottom: 8px;
        right: 10px;
    }

    div.result_block .result_end {
        padding-top: 10px;
    }
        div.result_block .result_end a.more {
            position: static;
        }

        div.result_block .result_end div.pager {
            color: #333;
            padding: 0;
        }
            div.result_block .result_end div.pager a {
                color: #333 !important;
            }


/*** Calendar-Views ***/

div.calendar_head {
    padding: 15px 10px 10px 10px;
    position: relative;
    border-bottom: 1px solid #cfcece;
}

    div.calendar_head ul.switch_nav {
        position: absolute;
        right: 10px;
        top: 18px;
    }

div.calendar_range {
    height: 25px;
    overflow: hidden;
    line-height: 24px;
    background: #e3e3e3;
    padding: 0 10px;
}
    div.w_nav {
        padding-left: 70px;
        position: relative;
    }

    div.calendar_range a.prev,
    div.calendar_range a.next {
        display: block;
        text-indent: -999em;
        width: 21px;
        height: 22px;
        position: absolute;
        top: 2px;
        left: 10px;
        background: url(/termine/pics/buttons/next_prev_round.png) no-repeat 0 0;
    }

    div.calendar_range a.next {
        left: 40px;
        background-position: 0 -22px;
    }

    div.calendar_range .range {
        font-size: 16px;
        font-weight: bold;
    }


/*** Overlay ***/

html, body {
    height: 100%;
}

div.mb_overlay,
div.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 30;
    -moz-opacity: .5;
    opacity: .5;
}

div.mb_outer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 32px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div.mb_inner {
    position: relative;
    width:100%;
    height:100%;
    background: #fff;
}

div.mb_content {
    position: relative;
    margin: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

div.mb_div {
    background: #fff;
    border: 3px solid #cfcece;
    padding: 10px 15px 10px 15px;
}

div.mb_close {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 16px;
    width: 18px;
    background: url(../pics/buttons/button_close_small.png) top left no-repeat;
    cursor: pointer;
    z-index: 181;
}
div#mb_close_red {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 16px;
    width: 18px;
    background: url(/_assets/pics/icons/icon_close.png) top right no-repeat;
    cursor: pointer;
    z-index: 181;
}
div#mb_close_red_label {
    position: absolute;
    font-weight: bold;
    color: #9d0f0d !important;
    top: 8px;
    right: 8px;
    height: 16px;
    padding-left: 18px;
    background: url(/_assets/pics/icons/icon_close.png) top left no-repeat;
    cursor: pointer;
    z-index: 181;

}

div.mb_bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
}

div.mb_bg {
    position: absolute;
    display: block;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
}

div.mb_bg_n {
    top: -18px;
    width: 100%;
    height: 18px;
    background: transparent url(../pics/mb_shadow_n.png) repeat-x;
}

div.mb_bg_ne {
    top: -18px;
    right: -13px;
    width: 13px;
    height: 18px;
    background: transparent url(../pics/mb_shadow_ne.png) no-repeat;
}

div.mb_bg_e {
    right: -13px;
    height: 100%;
    width: 13px;
    background: transparent url(../pics/mb_shadow_e.png) repeat-y;
}

div.mb_bg_se {
    bottom: -18px;
    right: -13px;
    width: 13px;
    height: 18px;
    background: transparent url(../pics/mb_shadow_se.png) no-repeat;
}

div.mb_bg_s {
    bottom: -18px;
    width: 100%;
    height: 18px;
    background: transparent url(../pics/mb_shadow_s.png) repeat-x;
}

div.mb_bg_sw {
    bottom: -18px;
    left: -13px;
    width: 13px;
    height: 18px;
    background: transparent url(../pics/mb_shadow_sw.png) no-repeat;
}

div.mb_bg_w {
    left: -13px;
    height: 100%;
    width: 13px;
    background: transparent url(../pics/mb_shadow_w.png) repeat-y;
}

div.mb_bg_nw {
    top: -18px;
    left: -13px;
    width: 13px;
    height: 18px;
    background: transparent url(../pics/mb_shadow_nw.png) no-repeat;
}

div.mb_title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}

div.mb_barcode span {
    font-size: 18px;
    display: block;
    line-height: 1;
    margin-bottom: 10px;
}

div.mb_innercontent {
    overflow: hidden;
}

dl.searchagent dd.open .inner {
    padding-top: 0px;
    padding-bottom: 0px;
}

dl.searchagent dd.open .inner form {
    margin-bottom: 10px;
}

dl.searchagent dd.open .inner form.no_bottom_margin {
    margin-bottom: 0px !important;
}

dl.searchagent dd.open .inner .result_block h2.result_head{
    line-height:26px;
    font-size: 14px;
}

dl.searchagent dd.open .inner form span.subtitle {
    width:350px;
    color: #767676;
}

dl.searchagent dd.open .inner form .two_elements {
    margin: 8px 0px 10px 0px;
    padding: 13px 0px 0px 0px;
    border-top: 1px dotted #cfcece;
}

dl.searchagent dd.open .inner form .two_elements .el_1{
    width: 215px;
}

dl.searchagent dd.open .inner form .two_elements .el_1 label{
    margin: 6px 0px 2px 0px;
}

dl.searchagent dd.open .inner form .two_elements .el_1 .two_blocks .bl_1 {
    width: 115px;
}

dl.searchagent dd.open .inner form .two_elements .el_1 .two_blocks .bl_2 {
    width: 100px;
}

dl.searchagent dd.open .inner form .two_elements .el_2 .two_blocks .bl_1 {
    padding-top: 22px;
    padding-bottom: 1px;
    width: 30px;
}

dl.searchagent dd.open .inner form .two_elements .el_2 .two_blocks .bl_2 {
    padding-top: 7px;
    padding-bottom: 0px;
    width: 185px;
}

dl.searchagent dd.open .inner form .subbox{
    margin: 2px 0px 7px 20px;
}

dl.searchagent dd.open .inner form .subbox input{
    height:15px;
    float: left;
}

dl.searchagent dd.open .inner form .subbox label{
    margin:4px 0px 5px 5px;

}

div.inner.searchagent_add label{
    width: 154px;
    padding-left: 15px;
}

div.inner.searchagent_add .two_elements{
    margin:5px 0px 0px 0px;
}

div.inner.searchagent_add .two_elements.bottom_border {
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cecece;
}

div.inner.searchagent_add .two_elements .el_1 {
    float: left;
    display: block;
    width: 120px;
}

div.inner.searchagent_add .two_elements .el_1 label {
    width: 120px;
}

div.inner.searchagent_add .two_elements .el_2 {
    width: 305px;
}
div.inner.searchagent_add .two_elements .el_2 label {
    padding: 0px;
    width: 265px;
}
div.inner.searchagent_add .two_elements .el_2 .subbox{
    margin: 2px 0px 7px 20px;
}
div.inner.searchagent_add .two_elements .el_2 .subbox input{
    height:15px;
    float: left;
}
div.inner.searchagent_add .two_elements .el_2 .subbox label{
    width:240px;
    margin:4px 0px 5px 5px;
}
div.inner.searchagent_add .two_elements .el_2 .two_blocks .bl_1 input,
div.inner.searchagent_add .two_elements .el_2 .two_blocks .bl_2 input{
    height:15px;
    float: left;
}
div.inner.searchagent_add .two_elements .el_2 .two_blocks .bl_1 label,
div.inner.searchagent_add .two_elements .el_2 .two_blocks .bl_2 label{
    margin:4px 0px 5px 5px;
    width:125px;
}


div.termin_detail {
    overflow: hidden;
}

div.termin_detail img.image{
    float: left;
    margin-right: 10px;
}

div.termin_detail h3{
    padding-bottom: 12px;
}

div.termin_detail ul.termin_actions{
    margin: 0;
    list-style: none;
    overflow: hidden;
}

    div.termin_detail ul.termin_actions li{
        float: left;
        width: auto;
        height: 18px;
    }
    div.termin_detail ul.termin_actions li a:link,
    div.termin_detail ul.termin_actions li a:visited{
        vertical-align: middle;
        font-weight: bold;
        text-decoration: none;
    }


/*** Footer-Overlay ***/

div.trans-overlay-nogradientoverlay {
    height: 72px;
}

div.trans-overlay-placeholder {
    position: relative;
    height: 5px;
}

div.trans-bottom-overlay {
    width: 930px;
    height: 46px;
    background: url(../pics/trans_verlauf.png) repeat-x;
    position: absolute;
    padding: 26px 10px 0px 10px;
    bottom: 5px;
}

div.trans-bottom-overlay p {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}


/*************************
* Abo upgrade redesign
*************************/
.l-redesign h2 {
    font-size: 2em !important;
    font-weight: normal;
    line-height: 2em;
}

.l-redesign p {
    margin-bottom: 15px;
}
.l-redesign form > p {
    margin-bottom: 6px;
}

.l-form {
    position: relative;
}

/* error msg */
.l-form label.error {
    position: absolute;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: none;
    left: 480px;
    top: -31px;
    width: 275px;
    padding: 8px 0px 7px 40px;
    color: #ffffff;
    font-size: 14px;
    background-image: url('/_assets/pics/icons/icon_exclamation_mark.png');
    background-repeat: no-repeat;
    background-position: 7px 4px;
    background-color: #c50103;
}
.l-form label[for="username"] {
    top: 46px;
}
.l-form label[for="password"] {
    top: 89px;
}

.l-form {
    margin-top: 10px;
    height: 220px;
}
.modal .l-form {
    background-color: #fff;
    border: none;
    margin-top: 30px;
}

.l-form .l-form-element {
    margin: 0 6px 12px 0;
}
.l-form .headline {
    margin: 10px;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 2em;
}
.l-form .icon {
    float: left;
    margin-right: 20px;
}

.l-form form {
    padding-left: 50px;
    width: 414px;
}

.modal .l-form form {
    padding-left: 20px;
}

.l-form input {
    margin: 0;
    padding: 0 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border: 1px solid #cccccc;
    height: 25px;
    font: 18px/25px "oswaldregular", arial narrow, sans-serif;
}

.l-form select {
    width: 250px;
}

.l-form .size-l {
    float: left;
    width: 219px !important;
}
.l-form .size-s {
    float: left;
    width: 85px !important;
}
.l-form .size-s.right,
.l-form .size-l.right {
    margin: 0 0 10px 8px;
}

.l-form #password,
.l-form #username {
    background-image: url('/_assets/pics/icons/icon_user.png');
    background-repeat: no-repeat;
    background-position: 380px 5px;
}
.l-form #password {
    background-image: url('/_assets/pics/icons/icon_lock.png');
}

.l-form .autologin {
    float: left;
    top: 25px;
    position: relative;
}
.l-form .submit {
    float: right;
    position: relative;
    top: 15px;
}

/* overrule uniform.css */
.l-form input.error {
    background-color: #fff !important;
    color: #333 !important;
    border-color: #c7cbca !important;
}
.l-redesign input.uniform-input {
    height: 23px;
    width: 390px;
}
.modal .l-form .uniform-input {
    width: 330px;
}
.l-redesign input.uniform-input:active {
    border-color: #999 !important;
}

/* colors */
.l-redesign .light-gray {
    background-color: #F6F6F6;
}
.l-redesign .dark-gray {
    background-color: #E3E3E3;
}
.gray-box {
    background-color: #F6F6F6;
    border: 1px solid #E2E2E2;
}

/* Layout */
.l-abo-upgrade {
    background-color: #323232 !important;
    min-height: 1000px;
}

.l-redesign .trans-bottom-overlay {
    padding: 16px 10px 10px;
}
.l-redesign .trans-bottom-overlay p {
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1.2em;
}

.l-redesign .upgrade-content {
    background-color: #fff;
    color: #444;
    font-weight: normal;
    font-size: 1em;
    margin: 10px;
    padding: 10px;
    min-height: 970px;
}

#decision-header {
    height: 100px;
}
.l-redesign .read,
.l-redesign .login {
    width: 50%;
    float: left;
    list-style-type: none;
    margin: 0;
}
.l-redesign .read {
    text-align: left;
}
.l-redesign .login {
    text-align: right;
    padding-top: 10px
}

.l-redesign .question {
    font-size: 3.5em;
}
.l-redesign .description {
    font-size: 1.2em;
    line-height: 1.2em;
}

.l-redesign .info {
    font-size: 1.1em;
    color: #999;
    padding: 7px 7px 0 0;
}

.l-table {
    text-align: center;
    border: 1px solid #E2E2E2;
    background: #fff;
    width: 100%;
}

.l-table td {
    padding: 0px 5px 5px 10px;
}
.l-table.small td {
    padding: 0px 5px 0px 10px;
}

.l-table.no-border {
    border: 0;
}
.l-table.no-border.buttons td {
    padding: 10px 0px;
}
.l-table td {
    border: 0;
}

.l-redesign .bg-blue {
    background-color: #0058a3;
}
.l-redesign .bg-orange {
    background-color: #E88817;
}
.l-redesign .bg-pink {
    background-color: #be0159;
}
.l-redesign .bg-green {
    background-color: #35a132;
}
.l-redesign .bg-mediabiz {
    background-color: #bc071b;
}

.l-redesign .font-blue,
.topnews.border-blue h3,
.topnews.border-blue .ad-info {
    color: #0058a3;
}
.l-redesign .font-orange {
    color: #E88817;
}
.l-redesign .font-pink {
    color: #be0159;
}
.l-redesign .font-green {
    color: #35a132;
}
.l-redesign .font-mediabiz {
    color: #bc071b;
}


.l-redesign thead td,
.l-redesign tfoot td {
    padding: 0;
    font-size: 1.5em;
}

.l-redesign tr td:not(:first-of-type) {
    width: 18%;
}
.l-redesign td:not(:last-of-type) {
    border-right: 1px solid #fff;
}

.l-redesign thead td > *,
.l-redesign tfoot td > *{
    display: inline-block;
    width: 100%;
    padding: 7px 0;
}
.l-redesign tfoot td > *{
    padding: 17px 0;
}

.l-redesign .row-description-head,
.l-redesign .row-description-with-icon.text {
    margin-left: 23%;
    width: 77%;
    text-align: left;
    padding: 13px 0px;
}

.modal .modal-dialog {
    width: 784px;
}

.film .modal-dialog {
    margin-left: 390px;
}

.modal .row-description-head {
    margin-left: 0%;
    width: 100%;
    padding: 0 0 10px 10px;
    font-size: .9em;
}

.l-redesign .row-description.text,
.l-redesign .row-description-with-icon.text {
    font-size: 1.2em;
}
.l-redesign .row-description.text {
    line-height: 1.2em;
}
.l-redesign .row-description.text.short {
    width: 50%;
}
.row-description.text.short p {
    width: 242px;
}

.row-description.text.short button {
    float: right;
}

.l-redesign .modal-header .description {
    font-size: 1.1em;
    line-height: 1.5em;
}

.l-redesign .text.big {
    display: inline-block;
    font-size: 1.6em;
}
.l-redesign .modal-header .text.big {
    font-size: 2.2em;
}

.l-redesign .column-title {
    color: #070707;
    font-weight: bold;
}
.l-redesign .abolevel {
    color: #fff;
}

.l-redesign .terms {
    color: #999;
    font-size: .7em;
}
.l-redesign.modal .terms {
    bottom: 0;
    float: left;
    font-size: 1em;
    margin: 10px;
    position: relative;
}

.l-redesign .phone-call {
    font-size: 1.1em;
    text-align: justify;
}


/* abo-upgrade */

.l-redesign .upgrade-content.abo_upgrade {
    padding: 0px;
}

.l-redesign .upgrade-content.abo_upgrade div.upselling_visual .read {
    width: 100%;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 10px;
}

.l-redesign .upgrade-content.abo_upgrade div.upselling_visual.film {
    background-image: url('/_assets/pics/abo_upgrade/BF_upselling_main_visual.png');
    background-repeat: no-repeat;
    height: 393px;
    width: 929px;
}

.l-redesign .upgrade-content.abo_upgrade div.upselling_visual.video {
    background-image: url('/_assets/pics/abo_upgrade/VM_upselling_main_visual.png');
    background-repeat: no-repeat;
    height: 393px;
    width: 929px;
}

.l-redesign .upgrade-content.abo_upgrade div.upselling_visual.games {
    background-image: url('/_assets/pics/abo_upgrade/GM_upselling_main_visual.png');
    background-repeat: no-repeat;
    height: 393px;
    width: 929px;
}

.l-redesign .upgrade-content.abo_upgrade div.upselling_visual.musik {
    background-image: url('/_assets/pics/abo_upgrade/MW_upselling_main_visual.png');
    background-repeat: no-repeat;
    height: 393px;
    width: 929px;
}


.l-redesign .upgrade-content.abo_upgrade .bottom_container {
    padding: 12px;
}

.l-redesign .upgrade-content.abo_upgrade .bottom_container .order_head {
    font-weight: bold;
    font-size: 15px;
}

.l-redesign .upgrade-content.abo_upgrade .bottom_container .order_head div {
    font-size: 20px;
    padding-bottom: 7px;
}

.l-redesign .upgrade-content.abo_upgrade .bottom_container .order_confirm_box_checker {
    float: left;

}

.l-redesign .upgrade-content.abo_upgrade .bottom_container .order_confirm_box {
    float: left;
    width: 435px;
    padding-right: 10px;
    border-right: 1px solid #999;
}

.l-redesign .upgrade-content.abo_upgrade .bottom_container .order_form_box {
    float: right;
    width: 435px;
}

.l-redesign .upgrade-content.abo_upgrade .bottom_container .order_form_box div.formcontainer {
    padding-left: 10px;
    width: 430px;
}


.l-redesign .upgrade-content.abo_upgrade .l-form input.email {
    width: 398px;
}

.l-redesign .upgrade-content.abo_upgrade input.telephone {
    width: 285px;
    margin-right: 8px;
}

.l-redesign .upgrade-content.abo_upgrade .btn.btn-green {
    width: 250px;
}

.l-redesign .upgrade-content.abo_upgrade div.submit {
    margin-right: 15px;
}

.l-abo-upgrade.l-redesign.mainBoxBorder {
    min-height: 740px;
}

.l-redesign .upgrade-content.abo_upgrade  {
    min-height: 740px;
}

.l-redesign .upgrade-content.abo_upgrade .info {
    margin-top: 50px;
    margin-bottom: 0px;
}

.l-redesign .upgrade-content.abo_upgrade .l-form-element input {
    background-image: none !important;
}


/*************************
* Error message redesign
*************************/
.l-redesign .statusMsg {
    margin: 0;
}

.error-msg {
    position: absolute;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: none;
    right: 0;
    bottom: -305px;
    width: 290px;
    padding: 6px 10px 6px 42px;
    color: #ffffff;
    font-size: 14px;
    background: #e30613 url(/fachmagazin/blickpunktfilm/testabo/img/sprite.png) 13px -296px no-repeat;
}
.l-redesign.medium.modal .error-msg {
    bottom: -205px;
}
.l-redesign.small.modal .error-msg {
    bottom: -152px;
}

.upgrade-content.abo_upgrade .error-msg {
    bottom: 15px;
    right: 10px;
    /* width: 220px;*/
}



.welcome-circle .error-msg {
    bottom: 15px;
    right: 5px;
    width: 220px;
}



.global-error,
.global-success {
    border: 2px solid #e30613;
    background: url('/_assets/pics/icons/abo_upselling/icon_error.png') no-repeat 10px #fce6e7;
    padding: 15px 15px 15px 50px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold;
}
.global-success {
    border: 2px solid #5dc800;
    background: url('/_assets/pics/icons/abo_upselling/icon_success.png') no-repeat 10px #eef9e5;
}


/*************************
* Icons
*************************/
.l-redesign .icon {
    float: left;
    position: relative;
    top: 30px;
}
.l-redesign .icon.centered {
    left: 60px;
    top: 37px;
}
.l-redesign .icon.text {
    float: none;
    top: 3px;
}
.l-redesign button .icon {
    top: 3px;
    left: 3px;
}

.l-redesign .row-description.icon {
    width: 20%;
}


/*************************
* Login page redesign
*************************/
.login-area {
    color: #5B5B5B;
}
.login-area a,
.login-area .required {
    color: #919191;
}


/*************************
* Button redesign
*************************/
.l-redesign .btn.btn-grey,
.l-redesign .btn-green,
.l-redesign .btn-orange,
.l-redesign .btn.btn-green.big {
    clear: both;
    width: 158px;
    padding: 7px 10px;
    margin: 0;
    border: 1px solid #bbb;
    border-radius: 2px;
    color: #767676;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font: bold 15px/20px "oswaldlight", arial narrow, sans-serif;
    background: #d7d7d7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
}
.l-redesign .btn.btn-green,
.l-redesign .btn.btn-green.big {
    border: 1px solid #4db900;
    color: #fff;
    background: #71da00;
    padding: 5px 0px 4px !important;
}
.l-redesign .btn.btn-green.big,
.l-redesign .btn.btn-orange.big {
    width: 215px !important;
}
.l-redesign .btn.btn-orange,
.l-redesign .btn.btn-orange.big {
    border: 1px solid #db8514 ;
    color: #fff;
    background: #faa41d;
    padding: 5px 0px 4px !important;
}
.l-redesign .btn.btn-grey:hover  {
    background-color: #c0c0c0;
    border: 1px solid #aaa;
    color: #767676 !important;
}
.l-redesign .btn.btn-green:hover
.l-redesign .btn.btn-orange:hover,{
    background: #61cb20;
    background-gradient: none;
    border: 1px solid #39a91c;
    color: #fff !important;
    box-shadow: none;
}
.l-redesign .btn.btn-orange:hover {
    background: #fa921d;
    background-gradient: none;
    border: 1px solid #fa7f1d;
    color: #fff !important;
    box-shadow: none;
}
.l-redesign .btn.btn-grey:focus {
    color: #767676 !important;
}
.l-redesign .btn.btn-green:focus {
    color: #fff !important;
    box-shadow: none;
}


/*************************
* Modal
*************************/
.l-redesign .modal-header {
    border: none;
}
.l-redesign .modal-body {
    padding: 15px 0px;
    height: 615px;
}
.l-redesign.modal.medium .modal-body {
    height: 515px;
}
.l-redesign.modal.small .modal-body {
    height: 460px;
}

.l-redesign .modal-body .two_col {
    min-height: 420px;
}

.l-redesign .modal-footer {
    border: none;
    height: 90px;
}

.l-redesign.modal .selector.error {
    border: 1px solid #c00;
}
.l-redesign.modal input {
    background-image: none !important;
}

.l-redesign button {
    background-color: transparent;
    border: none;
    vertical-align: bottom;
}
.l-redesign .modal-header button {
    float: right;
}
.l-redesign .ad-request {
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: -295px;
    left: -365px;
}
.l-redesign.modal.medium .ad-request {
    bottom: -215px;
}
.l-redesign.modal.small .ad-request {
    bottom: -160px;
}

.l-redesign .ad-request label {
    color: #999 !important;
    font-size: 1em;
    text-align: justify;
    float: right;
    width: 90%;
}

.l-redesign.modal .btn.btn-green,
.l-redesign.modal .btn.btn-orange{
    width: 260px !important;
}

.l-redesign .submit {
    float: right;
}
.l-redesign.modal .submit {
    position: absolute;
    top: 600px;
    right: 0px;
}
.l-redesign.modal.medium .submit {
    top: 515px;
}
.l-redesign.modal.small .submit {
    top: 455px;
}

.l-redesign.modal .submit button {
    position: relative;
    top: 50px;
}

.l-redesign.modal .l-table {
    min-height: 460px;
}


/*************************
* Customer Service redesign
*************************/
.customer-service ul {
    padding: 0;
    margin: 0;
}
.customer-service li {
    list-style-type: none;
}
.customer-service dt {
    float: left;
    width: 140px;
    margin-right: 10px;
}

.games .customer-service dt,
.video .customer-service dt
{  /* image without frame workaround */
    float: left;
     width: 100px;
     margin-right: 10px;
}

.customer-service .sign,
.customer-service .contact {
margin-top: 20px;
}

.games .customer-service .sign,
.video .customer-service .sign
{   /* image without frame workaround */
    margin-top: -15px;
}

.note button {
position: absolute;
right: 15px;
}

.telephone.l-form {
height: 50px;
margin: 10px 0;
border-bottom: 1px solid #E2E2E2;
}

.telephone form {
padding: 0px;
width: auto;
}

.telephone .l-form-element:first-of-type {
width: 250px;
float: left;
}
.telephone .l-form-element:last-of-type {
margin-right: 0px;
}

.telephone .l-form-element.submit {
top: 0px;
float: left;
}

/* overrule uniform.default.css */
.telephone input.uniform-input {
    width: 200px;
}

#reorder {
    float: inherit;
    margin-left: 15px;
}


/*************************
* Welcome circle redesign
*************************/
.welcome-circle #form-submit {
    margin: 20px 0;
}


/*** More-Overlay ***/

div.more_stage {
    text-align: left;
}

div.more_stage_outer {
    z-index: 64;
    padding: 0 4px 10px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div.ms_inner {
    position: relative;
    width:100%;
    height:100%;
    background: #fff;
}

div.ms_content {
    position: relative;
    margin: 0;
    z-index: 63;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}
div.ms_content_wrap {
    position: relative;
    margin: 0;
    z-index: 63;
    width: 100%;
    height: 100%;
    white-space: normal;
}

div.ms_div {
    background: #fff;
    border: 1px solid #cfcece;
    padding: 10px 10px 15px;
}

div.ms_chart {
    background: #fff;
    border: 1px solid #cfcece;
}

div.ms_chart div.head {
    background:#E8E9E8;
    border-bottom:1px solid #D8D7D6;
    padding:5px;
}

div.ms_close,
span.ms_close {
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    height: 16px;
    width: 18px;
    background: url(../pics/buttons/button_close_small.png) top left no-repeat;
    cursor: pointer;
    z-index: 65;
}
div.ms_close_red {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 16px;
    width: 18px;
    background: url(../pics/icons/icon_close.png) top right no-repeat;
    cursor: pointer;
    z-index: 65;
}
div.top_right {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 16px;
    width: 18px;
    background: url(../pics/icons/icon_close.png) top right no-repeat;
    cursor: pointer;
    z-index: 65;
}

div.ms_div.even {
    background: #f0eeee;
}

div.ms_div div.two_elements.bookmarks {
    position: relative;
    padding: 10px 0px 0px 0px;
}

div.ms_div div.two_elements.bookmarks_delete,
div.ms_div div.two_elements.versenden,
div.ms_div div.two_elements.feedback,
div.ms_div div.two_elements.feedback_ok,
div.ms_div div.two_elements.feedback_ok {
    position: relative;
    padding: 0px 0px 0px 0px;
}

div.ms_div div.versenden,
div.ms_div div.feedback,
div.ms_div div.feedback_ok2 {
    width:410px;
    white-space: normal;
}

div.ms_div div.two_elements.bookmarks div.el_1.width_280 {
    width: 280px;
    white-space: normal;
}

div.ms_div div.two_elements.bookmarks a.bookmark_icon{
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 12px;
    border: 1px solid #cecece;
}

div.ms_div div.two_elements.bookmarks_delete p,
div.ms_div div.two_elements.versenden p,
div.ms_div div.two_elements.feedback p,
div.ms_div div.two_elements.feedback_ok p,
div.ms_div div.two_elements.feedback_ok2 p {
    margin: 2px 0px 5px 0px;
    color: #333;
    line-height: 15px;
}

div.ms_div div.two_elements.bookmarks a.more {
    float: right;
    margin-top: -10px;
}

div.ms_div div.two_elements.newsletter input {
    height: 13px;
    width: 13px;
    margin: 0px 8px 8px 0px !important;
    padding: 0px;
    float: left;
}
div.ms_div div.two_elements.newsletter p {
    margin: 0px 0px 16px 0px;
    padding: 0px;
}
div.ms_div div.two_elements.newsletter span {
    margin: 0px 0px 0px 21px;
    padding: 0px;
}
div.ms_div div.two_elements.versenden label {
    margin-top:6px;
}
div.ms_div div.two_elements.versenden select {
    margin: 2px 0px 0px 0px;
}
div.ms_div div.two_elements.versenden textarea {
    width: 395px;
    height: 70px;
    margin:7px 0px 7px 0px;
}
div.ms_div div.two_elements.versenden .el_1,
div.ms_div div.two_elements.versenden .el_2 {
    width: 203px;
}
div.ms_div div.two_elements.versenden .el_2 span {
    white-space: none;
}


div.ms_div div.two_elements.feedback label {
    width: 111px;
    line-height: 15px;
    height: 22px;
    padding: 3px 0px 5px 0px;
    float: left;
}
div.ms_div div.two_elements.feedback span.charcounter {
    margin-left:112px;
}

div.ms_div div.two_elements.feedback textarea {
    width: 275px;
    height: 70px;
    margin-bottom: 5px;
}
div.ms_div div.two_elements.feedback form {
    margin: 4px 0px 0px 0px;
}
div.ms_div div.two_elements.feedback_ok2 form {
    margin: 13px 0px 0px 0px;
}

div.ms_div div.two_elements.feedback form div.msg {
    width: 285px;
    margin-top: -5px;
}

div.ms_div.searchagent_add form .two_elements {
    margin:5px 0px 0px 0px;
}
div.ms_div.searchagent_add .two_elements label {
    padding: 0px;
    width: 99px;
}
div.ms_div.searchagent_add .two_elements .el_1 {
    float: left;
    display: block;
    width: 100px;
}
div.ms_div.searchagent_add .two_elements .el_1 label {
    width: 100px;
}

div.ms_div.searchagent_add .two_elements .el_2 {
    margin-top:2px;
    width: 300px;
}
div.ms_div.searchagent_add .two_elements .el_2 p {
    white-space: none;
}
div.ms_div.searchagent_add .two_elements .el_2 label {
    padding: 0px;
    width: 200px;
}
div.ms_div.searchagent_add .two_elements .el_2 .subbox{
    margin: 2px 0px 7px 20px;
}
div.ms_div.searchagent_add .two_elements .el_2 .subbox input{
    height:15px;
    float: left;
}
div.ms_div.searchagent_add .two_elements .el_2 .subbox label{
    width:240px;
    margin:4px 0px 5px 5px;
}
div.ms_div.searchagent_add .two_elements .el_2 .two_blocks .bl_1 input,
div.ms_div.searchagent_add .two_elements .el_2 .two_blocks .bl_2 input{
    height:15px;
    float: left;
}
div.ms_div.searchagent_add .two_elements .el_2 .two_blocks .bl_1 label,
div.ms_div.searchagent_add .two_elements .el_2 .two_blocks .bl_2 label{
    margin:4px 0px 5px 5px;
    width:125px;
}


div.ms_bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 60;
    border: 0;
    padding: 0;
    margin: 0;
}

div.ms_bg_bg {
    position: absolute;
    display: block;
    z-index: 60;
    border: 0;
    padding: 0;
    margin: 0;
}

div.ms_bg_ne {
    top: 0;
    right: -4px;
    width: 4px;
    height: 10px;
    background: transparent url(../pics/ms_shadow_ne.png) no-repeat;
}

div.ms_bg_e {
    right: -4px;
    top:0;
    height: 100%;
    width: 4px;
    background: transparent url(../pics/ms_shadow_e.png) repeat-y;
}

div.ms_bg_se {
    bottom: -10px;
    right: -4px;
    width: 4px;
    height: 10px;
    background: transparent url(../pics/ms_shadow_se.png) no-repeat;
}

div.ms_bg_s {
    bottom: -10px;
    width: 100%;
    height: 10px;
    background: transparent url(../pics/ms_shadow_s.png) repeat-x;
}

div.ms_bg_sw {
    bottom: -10px;
    left: -4px;
    width: 4px;
    height: 10px;
    background: transparent url(../pics/ms_shadow_sw.png) no-repeat;
}

div.ms_bg_w {
    left: -4px;
    height: 100%;
    width: 4px;
    background: transparent url(../pics/ms_shadow_w.png) repeat-y;
}

div.ms_bg_nw {
    top: 0;
    left: -4px;
    width: 4px;
    height: 10px;
    background: transparent url(../pics/ms_shadow_nw.png) no-repeat;
}

div.ms_title,
div.ms_subtitle {
    font-weight: bold;
    margin-bottom: 12px;
    white-space: normal;
    margin-right: 35px;
}

div.ms_subtitle {
    margin: 12px 0 0 0;
}

div.show_more {
    text-align: right;
    position: relative;
    padding-top: 2px;
}

.chart_holder {
    position: relative;
    z-index: 10;
}


/* -- Iconhead -- */

.iconhead {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
}

    .iconhead img.icon{
        margin: 0 5px 0 0 !important;
    }


/* -- Info-Box-List -- */

ul.info_box_list {
    margin: 0;
    list-style: none;
}

ul.info_box_list li {
    padding: 4px 0 4px 20px !important;
    margin: 0;
    position: relative;
}

d.accordion_v2 ul.info_box_list li {
    padding-left: 10px !important;
}

ul.info_box_list li a {
    overflow: hidden;
    font-weight: bold;
    display: inline; /* for ie mouseout */
}

ul.info_box_list li img.icon{
    float: left;
    margin:1px 8px 3px 0;
}

ul.info_box_list li.with_child{
    padding-left: 0 !important;
}

ul.info_box_list li a:link,
ul.info_box_list li a:visited {
    width: 210px;
}

ul.info_box_list li a.more{
    margin: 0;
}

ul.info_box_list h3 {
    padding: 20px 0 4px 20px;
    font-weight: normal;
    color: #000;
}

ul.info_box_list li.first h3 {
    padding-top: 0;
}


ul.info_box_list li .info_box_block {
    display: none;
    width: 193px;
    padding: 10px;
    background: #ecebeb;
    right: 0;
    position: absolute;
    border: none;
}

ul.info_box_list li .info_box_block a,
ul.info_box_list li .info_box_block a:link {
    width: auto !important;
}

ul.info_box_list li.selected {
    background: #ecebeb;
    margin-bottom: 5px;
    margin-right: 10px;
    z-index: 5;
}

ul.info_box_list li.selected a.more{
    background: none;
    padding: 0;
    color: #333 !important;
}

ul.info_box_list li.selected .info_box_block{
    display: block;
}

    ul.info_box_list ul.level_2{
        padding-bottom: 10px;
        margin: 0 0 0 20px;
        list-style: none;
    }
    ul.info_box_list ul.level_2 li{
        padding-left: 15px;
    }

    ul.info_box_list ul.level_2 li a:link,
    ul.info_box_list ul.level_2 li a:visited {
        width: 193px;
    }

ul.info_box_list.form_with_calendar li.selected .left {
    width: 50%;
}
ul.info_box_list.form_with_calendar li.selected .right {
    width: 49%;
}
ul.info_box_list.form_with_calendar li.selected input {
    float: left;
    margin: 0px 10px 0px 0px;
}
ul.info_box_list.form_with_calendar li.selected label {
    line-height:15px;
    width: 150px;
    white-space: normal;
    float: left;
    padding-bottom:7px;
}

div.form_with_calendar.calenderbox {
    margin: 0px;
    padding: 10px 10px 10px 20px;
    background: #fff;
    margin-bottom: -4px;
    margin-top: -120px;
    margin-left: -20px;
    position: absolute;
}
div.form_with_calendar.calenderbox input {
    float: left;
    margin: 0px 8px 0px 0px;
}
div.form_with_calendar.calenderbox label {
    line-height:15px;
    width: 140px;
    white-space: normal;
    float: left;
    padding-bottom:7px;
}
div.form_with_calendar.calenderbox div {
    margin-left: 20px;
}
div.form_with_calendar.calenderbox div label {
    width: 23px;
    height: 20px;
}
div.form_with_calendar.calenderbox div input {
    margin: 0px 5px 0px 0px;
}
div.form_with_calendar.calenderbox div img {
    margin: 2px 0px 0px 0px !important;
}

/* -- Person-Info -- */

div.person_info {
    overflow: hidden;
    margin: 3px 0 10px;
}

    div.person_info .name{
        float: left;
        width: 144px;
    }

    div.person_info .contact_data{
        float: left;
        width: 280px;
    }
div.inner.newsletter-detail span {
    padding-left: 15px;
}

div.inner.newsletter-detail div.content {
    margin: 5px 0px 0px 0px;
}
div.inner.newsletter-detail div.content div.imageholder {
    float: left;
    width: 100px;
    display: block;
    margin-right: 10px;
}
div.inner.newsletter-detail div.content div.contentholder {
    width: 330px;
    float: left;
    display: block;
    margin: 0px;
}
div.inner.newsletter-detail div.content div.contentholder p {
    line-height: 15px;
    margin: 0px 0px 13px 0px;
    float: none;
}

div.tab_area.newsletter-archiv ul.content li h3 {
    padding-bottom:4px;
}

div.tab_area.newsletter-archiv ul li a.more{
    right: 0px;
}
div.tab_area.newsletter-archiv ul li ul.search-result-list {
    list-style-type: none;
    margin: 6px 0px 0px 0px;
    padding: 0px;
}
div.tab_area.newsletter-archiv ul li ul.search-result-list li {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #CFCECE;
}
div.tab_area.newsletter-archiv ul li ul.search-result-list li p {
    display: block;
    margin-bottom: 1px;
}
div.tab_area.newsletter-archiv ul li ul.search-result-list li img {
    float: left;
    margin-right: 10px;
}
div.tab_area.newsletter-archiv ul li ul.search-result-list li a.more{
    display: block;
    bottom: 4px;
}


/* Forms */

form dl.form {
    overflow: hidden;
}

    form dl.form dt {
        float: left;
        width: 100px;
        padding: 6px 0 6px 10px;
        background: none;
        text-transform: none;
        height: auto;
        line-height: 1.2;
        margin: 0;
        font-weight: normal;
    }

    form dl.no_indent dt {
        padding-left: 0;
    }

    form dl.form dt label {
        display: block;
        padding-top: 2px;
    }

    form dl.form dd {
        padding: 6px 0 6px 110px;
        display: block;
        border: none !important;
    }

    form dl.narrow dt {
        float: left;
        width: 70px;
    }

    form dl.narrow dd {
        padding-left:0px;
        margin-left:80px;
    }

    form dl.form dd.ltp {
        padding-top: 3px;
    }

    form dl.form dd.ntp {
        padding-top: 0;
    }

    form dl.form dd label {
        padding-bottom: 8px;
    }

    form dl.form dd.even {
        background: none;
    }

form dl.with_sep {
    padding: 0 0 20px 10px;
    margin-bottom: 18px;
    border-bottom: 1px solid #fff;
}

.loader img {
    vertical-align: middle;
    margin-top: -2px;
}

form#database_search {
    padding: 6px 5px 8px 16px;
    overflow: hidden;
}

    form#database_search div.searchbar {
        overflow: hidden;
        margin-left: -6px;
        padding-bottom: 8px;
        padding-top: 4px;
    }

    form#database_search div.searchbar input {
        float: left;
    }
    form#database_search div.searchbar button {
        float: right;
        margin: -3px 3px 0 0;
    }

    form#database_search label {
        padding-right: 18px;
    }

    form#database_search .two_blocks label {
        padding-top: 5px;
        display: block;
    }

    form#database_search .two_blocks .bl_1 {
        width: 38%;
    }

    form#database_search .two_blocks .bl_2 {
        width: 62%;
    }

    form#database_search .two_elements {
        margin: 14px 5px 0 0;
    }

form#calendar_search {
    padding: 10px;
    overflow: hidden;
}

    form#calendar_search label {
        padding-right: 15px;
    }

div.quick_search_line {
    border-bottom: 1px solid #cfcece;
    padding: 20px 0 5px;
}

form#chartsfinder {
    padding: 12px 5px 3px 10px;
    overflow: hidden;
}

    form#chartsfinder label {
        padding-right: 17px;
    }

    form#chartsfinder div.searchfields {
        overflow: hidden;
        padding-bottom: 8px;
    }

    form#chartsfinder div.searchfields label {
        padding-left: 0;
        padding-right: 0;
    }

    form#chartsfinder div.searchfields .w_214 {
        width: 220px;
        padding-top: 10px;
    }
    form#chartsfinder div.searchfields .left {
        clear: left;
    }
    form#chartsfinder div.searchfields .right {
        clear: right;
    }

    form#chartsfinder button {
        float: right;
        margin: 0 3px 7px 0;
    }

form.chartselector {
    padding: 8px 10px 10px 20px;
    overflow: hidden;
    border: 1px solid #cfcece;
    border-width: 1px 0;
}

    form.chartselector div.searchfields {
        overflow: hidden;
    }

    form.chartselector div.searchfields .holder {
        float: left;
        margin-right: 10px;
    }

    form.chartselector div.searchfields label {
        display: block;
        padding: 0 0 2px 2px;
    }

    form.chartselector div.searchfields .w_220 {
        width: 220px;
    }

    form.chartselector button {
        float: right;
        margin: 16px 0 0 0;
    }
form#newsletter_archive_search {
    padding: 0px;
    margin: 0px;
}
form#newsletter_archive_search dl {
    padding: 0px;
    margin: 0px;
}
form#newsletter_archive_search dl dt {
    margin: 5px 0px 5px 0px;
    padding: 0px;
    font-weight: bold;
}
form#newsletter_archive_search dl dd {
    margin: 2px 0px 5px 0px;
    padding: 0px;
    font-weight: bold;
}

form#archive_search {
    border-bottom: 1px solid #cfcece;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

    form#archive_search .two_elements,
    form#premiumdb_search .two_elements {
        line-height: 24px;
        padding: 10px;
        margin-bottom: 10px;
    }

    form#premiumdb_search .two_elements {
        margin-bottom: 0;
    }
.content_area .inner h3.small {
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom:5px;
}

/****************************/
/***  styles deaktiviert ****/
/***  by kolibo  ************/
/****************************
form#newsletter_personal {
    padding-top: 9px;
}
form#newsletter_personal .holder {
    float:left;
    width:220px;
}
form#newsletter_personal button {
    float: left;
}
form#newsletter_personal label{
    padding: 0px 0px 2px 0px;
}
form#newsletter_personal label.geschlecht{
    padding: 1px 0px 4px 0px;
}

form#newsletter_personal input.agb {
    float: left;
    margin: 0px 10px 0px 0px;
}
form#newsletter_personal p.agb {
    display: block;
    float: left;
    width: 420px;
}
*****************************/

.info_box_block form {
    padding: 0;
    overflow: hidden;
}

    .info_box_block form div.searchfields {
        overflow: hidden;
        padding-top: 10px;
    }

    .info_box_block form div.searchfields .holder {
        float: left;
        margin-right: 5px;
    }

    .info_box_block form div.searchfields label {
        display: block;
        padding: 0 0 2px 2px;
    }

    .info_box_block form div.searchfields .w_60{
        width: 55px;
    }

    .info_box_block form div.searchfields .w_100 {
        width: 100px;
    }

    .info_box_block form button {
        margin-top: 6px;
    }

div.formblock {
    overflow: hidden;
}

    div.two_col {
        float: left;
        width: 49%;
    }

    div.formblock h4 {
        padding-right: 25px;
    }

    div.formblock h4,
    div.formblock div.forms {
        float: left;
    }


input,
select,
select option,
textarea,
button {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 12px;
    padding: 0;
}

input.styled {
    border: none;
    margin: 1px 5px 0px 5px;
    vertical-align: middle;
    background-color: transparent;
    background-position: 100% 0;
    background-repeat: no-repeat;
    height: 19px;
    line-height: 17px;
}

div.styled {
    vertical-align: middle;
    background-color: transparent;
    background-position: right top;
    background-repeat: no-repeat;
    height: 20px;
}

div#mediabizde_app {
    /*mediabiz.de/app: background shadeeffect*/
    background-image:url(/static/pics/app/bg.jpg);
    background-repeat:no-repeat;
    }

div.grey {
    background-color:#cccccc;
    }

div.input {
    height: 20px;
}

    input.input_65 {
        width: 55px;
    }
    div.input_65 {
        width: 65px;
        background-image: url(../pics/input_65.png);
    }

    input.input_74 {
        width: 64px;
    }
    div.input_74 {
        width: 74px;
        background-image: url(../pics/input_74.png);
    }

    input.input_99 {
        width: 89px;
    }
    div.input_99 {
        width: 99px;
        background-image: url(../pics/input_99.png);
    }

    input.input_105 {
        width: 95px;
    }
    div.input_105 {
        width: 105px;
        background-image: url(../pics/input_105.png);
    }

    input.input_136 {
        width: 126px;
    }
    div.input_136 {
        width: 136px;
        background-image: url(../pics/input_136.png);
    }

    input.input_125 {
        width: 115px;
    }
    div.input_125 {
        width: 125px;
        background-image: url(../pics/input_125.png);
    }

    input.input_147 {
        width: 137px;
    }
    div.input_147 {
        width: 147px;
        background-image: url(../pics/input_147.png);
    }

    input.input_151 {
        width: 141px;
    }
    div.input_151 {
        width: 151px;
        background-image: url(../pics/input_151.png);
    }

    input.input_172 {
        width: 162px;
    }
    div.input_172 {
        width: 172px;
        background-image: url(../pics/input_172.png);
    }

    input.input_182 {
        width: 172px;
    }
    div.input_182 {
        width: 182px;
        background-image: url(../pics/input_182.png);
    }

    input.input_203 {
        width: 193px;
    }
    div.input_203 {
        width: 203px;
        background-image: url(../pics/input_203.png);
    }

    input.input_208 {
        width: 198px;
    }
    div.input_208 {
        width: 208px;
        background-image: url(../pics/input_208.png);
    }

    input.input_214 {
        width: 204px;
    }
    div.input_214 {
        width: 214px;
        background-image: url(../pics/input_214.png);
    }

    input.input_228 {
        width: 218px;
    }
    div.input_228 {
        width: 228px;
        background-image: url(../pics/input_228.png);
    }

    input.input_285 {
        width: 275px;
    }
    div.input_285 {
        width: 285px;
        background-image: url(../pics/input_285.png);
    }

    input.input_305 {
        width: 295px;
    }
    div.input_305 {
        width: 305px;
        background-image: url(../pics/input_305.png);
    }

    input.input_328 {
        width: 318px;
    }
    div.input_328 {
        width: 328px;
        background-image: url(../pics/input_328.png);
    }

    input.input_357 {
        width: 347px;
    }
    div.input_357 {
        width: 357px;
        background-image: url(../pics/input_357.png);
    }

    input.input_405 {
        width: 395px;
    }
    div.input_405 {
        width: 405px;
        background-image: url(../pics/input_405.png);
    }

    input.input_425 {
        width: 415px;
    }
    div.input_425 {
        width: 425px;
        background-image: url(../pics/input_425.png);
    }

    input.input_446 {
        width: 446px;
    }
    div.input_446 {
        width: 446px;
        background-image: url(../pics/input_446.png);
    }

    span.textarea_bg {
        background-image: url(/_assets/pics/textarea_305x120.png);
        display: block;
        height: 120px;
        position: relative;
        width: 305px;
    }

    textarea.textarea_305x120 {
        border: 0 none;
        height: 110px;
        left: 5px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 5px;
        width: 295px;
    }

input.text,
select,
input.file,
textarea {
    border: none;
    padding: 3px 5px 4px 5px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #cfcfcf;
    width: 328px;
}

label {
    color: #333;
    display: inline-block;
}
th label {
    color: #fff;
}

label img {
    vertical-align: middle;
    margin: -4px 0 0 0px;
}

label input {
    vertical-align: middle;
    margin: -3px 2px 0 0;
}

label.multi_line input {
    float: left;
    margin: 10px 10px 0px 0;
}

input.radio,
input.checkbox {
    vertical-align: middle;
    margin: 0 3px 0 0;
    padding: 0;
}

textarea {
    height: 120px;
    vertical-align: top;
    overflow: auto;
}


input.short {
    width: 88px;
    margin-right: 17px;
}

input.medium {
    width: 208px;
    margin-right: 17px;
}

input.error,
textarea.error,
input:hover.error,
textarea:hover.error,
input:focus.error,
textarea:focus.error {
    border-color: #e84d26 !important;
}

select {
    padding: 0 2px;
    width: 340px;
    height: 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

select option {
    padding: 0px 5px;
}

select.full {
    width: 100%;
}

select.sel_65 {
    width: 61px;
}

select.sel_70 {
    width: 66px;
}

select.sel_84 {
    width: 80px;
}

select.sel_100 {
    width: 96px;
}

select.sel_115 {
    width: 115px;
}

select.sel_122 {
    width: 122px;
}

select.sel_194 {
    width: 194px;
}

select.sel_200 {
    width: 196px;
}

select.sel_203 {
    width: 203px;
}

select.sel_213 {
    width: 213px;
}

select.sel_220 {
    width: 216px;
}

select.sel_145 {
    width: 141px;
}

select.sel_172 {
    width: 172px;
}

select.sel_285 {
    width: 285px;
}

select.sel_305 {
    width: 305px;
}

select.sel_446 {
    width:446px;
}

button {
    padding-left: 5px;
    padding-right: 5px;
    line-height: 18px;
    margin: 18px 0;
    vertical-align: middle;
}
button.styled {
    padding: 0;
    line-height: 26px;
    height: 26px;
    margin: 0;
    border: none;
    display: block;
    background: #333;
    cursor: pointer;
    color: white;
}

    button.ok {
        width: 33px;
        background: url(../pics/buttons/button_ok.png) no-repeat;
    }

    button.abo {
        width: 51px;
        background: url(../pics/buttons/button_abo.png) no-repeat;
    }

    button.login {
        width: 81px;
        background: url(../pics/buttons/button_login.png) no-repeat;
    }

    button.logout {
        width: 81px;
        background: url(../pics/buttons/button_logout.png) no-repeat;
    }

    button.send {
        position: absolute;
        bottom: 8px;
        right: 8px;
        width: 92px;
        background: url(../pics/buttons/button_send.png) no-repeat;
    }

    button.senden {
        width: 77px;
        background: url(../pics/buttons/button_senden.png) no-repeat;
    }

    button.search {
        width: 80px;
    }

    button.button_speichern {
        width: 97px;
        background: url(../pics/buttons/speicher_button.png) no-repeat;
    }

    button.anwenden {
        width: 100px;
        background: url(../pics/buttons/button_anwenden.png) no-repeat;
    }

    button.abstimmen {
        display: block;
        width: 103px;
        height: 26px;
        overflow: hidden;
        background: url(../pics/buttons/button_abstimmen.png) no-repeat 0 0;
        text-indent: -999em;
    }

    button.anwenden_grey {
        width: 100px;
        background: url(../pics/buttons/button_anwenden_grey.png) no-repeat;
    }

    button.weiter {
        width: 81px;
        background: url(../pics/buttons/button_weiter.png) no-repeat;
    }

    button.weiter_grey {
        width: 81px;
        background: url(../pics/buttons/button_weiter_grey.png) no-repeat;
    }

    button.button_keine_personalisierung {
        width: 200px;
        background: url(../pics/buttons/button_keine_personalisierung.gif) no-repeat;
    }

    button.button_personalisierung {
        width: 237px;
        background: url(../pics/buttons/button_personalisierung.gif) no-repeat;
    }

    button.button_newsletterbestellen {
        width: 167px;
        background: url(../pics/buttons/button_newsletterbestellen.gif) no-repeat;
    }

    button.button_outlookkalender {
        width: 209px;
        background: url(../../account/pics/button_download.png) no-repeat;
    }

    button.button_anfordern {
        width: 175px;
        background: url(../img/button_anfordern.png) no-repeat;
    }

    button.film_nl {
        width: 22px;
        background: url(/account/pics/icons/newsletter/arrow_film_nl.gif) no-repeat;
    }

    button.video_nl {
        width: 22px;
        background: url(/account/pics/icons/newsletter/arrow_video_nl.gif) no-repeat;
    }

    button.games_nl {
        width: 22px;
        background: url(/account/pics/icons/newsletter/arrow_games_nl.gif) no-repeat;
    }

    button.musik_nl {
        width: 22px;
        background: url(/account/pics/icons/newsletter/arrow_musik_nl.gif) no-repeat;
    }

button.flex,
a.flex:link,
a.flex:visited  {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 12px !important;
    display:-moz-inline-box !important;
    display: inline-block !important;
    width: auto !important;
    background: url(../pics/buttons/button_flex.png) no-repeat 100% 50%;
    padding-right: 8px;
    font-weight: bold !important;
    color: #fff !important;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
}

button.flex span,
a.flex span {
    padding: 0;
    margin: 0px 0 0 -3px;
    line-height: 26px;
    height: 26px;
    position:relative;
    display: -moz-inline-box;
    display: inline-block;
    white-space: nowrap;
    background: url(../pics/buttons/button_flex.png) no-repeat 0 0;
    padding-left: 10px;
    font-weight: bold !important;
    cursor: pointer;
}
a.flex span {
    margin: 0;
}

button.flex_grey,
a.flex_grey:link,
a.flex_grey:visited,
button.flex_grey span,
a.flex_grey span {
    background-image: url(../pics/buttons/button_flex_grey.png);
}

a.flex:hover,
a.flex:focus,
a.flex:hover span,
a.flex:focus span {
        color: #363636 !important;
        text-decoration: none;
    }

button[disabled] {
    opacity: .4;
    cursor: default;
}

    button:hover,
    button:focus {
        color: grey !important;
    }

div.content_area.passwort-vergessen .inner,
div.content_area.passwort-new .inner,
div.content_area.customer-service .inner,
div.content_area.determine-community .inner {
        padding-bottom: 5px;
}

div.content_area.passwort-vergessen h1,
div.content_area.passwort-new h1,
div.content_area.customer-service h1,
div.content_area.determine-community h1 {
    border-bottom:1px solid #CFCECE;
    color: #ab1b1a;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 3px 2px;
}

div.content_area.determine-community table {
    width: 100%;
}

div.content_area.determine-community textarea {
    width: 295px;
    height: 110px;
}

div.content_area.determine-community input.cancel {
    background: transparent url(../../../community/pics/buttons/abbrechen_red.png) no-repeat scroll 0 0;
    width: 88px;
    height: 22px;
    border: 0;
    margin: 0 0 0 10px;
    overflow: hidden;
    text-indent: -999em;
}

div.content_area.determine-community input.send {
    background: transparent url(../../../community/pics/buttons/button_basismitgliedschaft_beenden.png) no-repeat scroll 0 0;
    width: 205px;
    height: 22px;
    border: 0;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -999em;
}

div.content_area.passwort-new label {
    line-height:21px;
}

div.content_area.passwort-vergessen button,
div.content_area.passwort-new button {
    float:left;
}

div.content_area.passwort-vergessen button,
div.content_area.passwort-new button {
    margin: -3px 0px 0px 5px;
}

div.content_area.profil {
    padding: 0px;
    margin: 0px;
}
div.content_area.profil .inner h1 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
div.content_area.profil .inner h1 span {
    font-size: 12px;
    color:#ab1b1a;
    text-transform:uppercase;
    padding: 7px 0px;
}
div.content_area.profil .inner div.data {
    float: left;
    width: 260px;
    line-height: 18px;
}
div.content_area.profil #companyLogo {
    float: right;
    margin-left: 45px;
}
div.content_area.profil #description {
    width: 630px;
}
div.content_area.profil .greybox {
    position: relative;
    padding: 0px;
    margin: 0px;
    background: #efedee;
}
div.content_area.profil .greybox .inner {
    padding:10px 0px 10px 10px;
}
div.content_area.profil .greybox .inner .two_elements h3 {
    color:#000;
    text-transform: none !important;
    font-size:12px;
    margin:0px !important;
    padding:0px !important;
}
div.content_area.profil .greybox .inner .two_elements h3 img {
    float: left;
    display: block;
    margin-right: 5px;
}
div.content_area.profil .greybox .inner .two_elements .el_1{
    width: 338px;
}
div.content_area.profil .greybox .inner .two_elements .el_1 div {
    display: block;
    float: left;
    width: 100px;
    margin: 6px 10px 0px 0px;
    font-weight: bold;
    text-align: center;
}
div.content_area.profil .greybox .inner .two_elements .el_1 div.inactive {
    position: relative;
    color: #7F7F7F;
}
div.content_area.profil .greybox .inner .two_elements .el_1 div.inactive div {
    position: absolute;
    top:-5px;
    left: 0px;
    color: #000;
}
div.content_area.profil .greybox .inner .two_elements .el_1 div img {
    margin-bottom: 5px;
}
div.content_area.profil .greybox .inner .two_elements .el_2{
    width: 595px;
}
div.content_area.profil .greybox .inner .two_elements .el_2 ul.service-tabs{
    width: 144px;
    margin: 6px 0px 0px 0px;
    padding: 0px;
    float: left;
}
div.content_area.profil .greybox .inner .two_elements .el_2 ul.service-tabs li{
    margin: 0px 0px 5px 0px;
    padding: 8px 0px 0px 10px;
    float: left;
    background: #CECECE;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    font-weight: bold;
    height: 28px;
    width: 134px;
}
div.content_area.profil .greybox .inner .two_elements .el_2 ul.service-tabs li.active{
    margin-bottom: 0px;
    background-color: #ffffff;
}
div.content_area.profil .greybox .inner .two_elements .el_2 ul.service-tabs li.active-footer{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background: url(/verlag/pics/boxbg_x.jpg) repeat-x left center;
    border: 0px;
    line-height: 5px;
    height: 5px;
    width: 144px;

}
div.content_area.profil .greybox .inner .two_elements .el_2 ul.service-tabs li.notavailable{
    background-image: url(../pics/icons/icon_kreuz.gif);
}
div.content_area.profil .greybox .inner .two_elements .el_2 div.service-content{
    position: relative;
    margin: 6px 0px 0px 0px;
    padding: 0px;
    display: block;
    float: left;
    width: 447px;
    background: #fff url(/verlag/pics/boxbg_y.jpg) repeat-y top right;
}
div.content_area.profil .greybox .inner .two_elements .el_2 div.service-content .inner  {
    padding: 10px 20px 20px 10px;
}
div.content_area.profil .greybox .inner .two_elements .el_2 div.service-content .inner h3 {
    margin-bottom:5px !important;
}
div.content_area.profil .greybox .inner .two_elements .el_2 div.service-content .inner img {
    float: left;
    margin:0px 10px 10px 0px;
}
div.content_area.profil .greybox .inner .two_elements .el_2 div.service-content .inner input {
    float: left;
    margin: 0px;
    padding: 0px;
}
div.content_area.profil .greybox .inner .two_elements .el_2 div.service-content .inner label {
    float: left;
    margin: 0px 0px 0px 8px;
    padding: 0px;
    display: block;
    width: 390px;
}

div.content_area.profil .greybox .inner .two_elements .el_2 div.service-content .box_footer{
    position:absolute;
    bottom: -1px;
    right: 0px;
    background: url(/verlag/pics/boxbg_x.jpg) repeat-x bottom left;
    line-height: 10px;
    overflow:hidden;
    width: 100%;
    text-align:right;
    clear:both;
}


div.content_area.profil .inner .accordion_v2 dd .two_blocks{
    padding: 0px 15px 0px 30px;
}
div.content_area.profil .inner .accordion_v2 dd .two_blocks .bl_1{
    width: 46%;
}
div.content_area.profil .inner .accordion_v2 dd .two_blocks .bl_2{
    float:right;

}
    div.content_area.profil .inner .accordion_v2 dd div.holder {
        width: 214px;
        float: left;
        padding-right: 0px;
    }
    div.content_area.profil .inner .accordion_v2 dd label {
        display: block;
        font-weight: bold;
        margin: 6px 0 0 5px;
    }
    div.content_area.profil .inner .accordion_v2 dd input,
    div.content_area.profil .inner .accordion_v2 dd select,
    div.content_area.profil .inner .accordion_v2 dd textarea {
        margin-top: 3px;
    }
    div.content_area.profil .inner .accordion_v2 dd .two_blocks .bl_1 input {
        float: left;
        display: block;
        margin: 2px 3px 0px 0px;
        padding: 0px;
        height: 20px;
    }
    div.content_area.profil .inner .accordion_v2 dd .two_blocks .bl_1 label {
        float: left;
        line-height: 15px;
        font-weight: bold;
        color: #7F7F7F;
    }
    div.content_area.profil .inner .accordion_v2 dd .two_blocks .bl_1 label.active {
        color: #333;
    }
    div.content_area.profil .inner .accordion_v2 dd select {
        margin-bottom: 2px;
    }
    div.content_area.profil .inner .accordion_v2 dd form p {
        margin-left: 0;
    }
    div.content_area.profil .inner .accordion_v2 dd form label {
        font-weight: normal;
        width: 180px;
    }


/* -- sebastian -- */

div.news_klein {
    width: 200px;
    position: relative;
    float:left;
    margin: 0px;
}

div.news_klein2 {
    width: 200px;
    position: relative;
    float:left;
}

div.tab_area ul.content li div.topnews div.inner.two-news {
    margin: 0px;
    padding: 0px;
}

div.tab_area ul.content li div.topnews div.inner.one-news-flat {
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

    div.tab_area ul.content li div.topnews div.inner.one-news-flat div.imageholder {
        float: left;
        position: relative;
        margin: 0 0 10px 0px;
    }

    div.tab_area ul.content li div.topnews div.one-news-flat p.landscape.non-circumfluent {
        width: 240px;
        float: left;
    }

    div.tab_area ul.content li div.topnews div.one-news-flat p.portrait.non-circumfluent {
        width: 295px;
        float: left;
    }

    div.tab_area ul.content li div.topnews div.inner div.news_klein {
        padding: 0 10px 10px;
        position: relative;
        float: left;
        border-right: 1px solid #cecece;
    }

    div.tab_area ul.content li div.topnews div.inner div.news_klein div.imageholder {
        position: relative;
        margin: 0 0px 8px;
    }

    div.tab_area ul.content li div.topnews div.inner div.news_klein div.metainfo span.by  {
        float: none;
    }

    div.tab_area ul.content li div.topnews div.inner div.news_klein2 {
        padding: 0 10px 10px;
        position: relative;
        float:left;
    }

    div.tab_area ul.content li div.topnews div.inner div.news_klein2 div.imageholder {
        position: relative;
        margin: 0 0px 8px;
    }

    div.tab_area ul.content li div.topnews div.inner div.news_klein2 div.metainfo span.by  {
        float: none;
    }


/* accessstatus disabled style */
a.disabled {
    color: #aaa !important;
}

/* Print Link Style */
div#printLink {
    visibility: hidden;
    display: none;
}

table.db_meine {
    margin: 0;
}
table.db_meine.no_outer_border {
    border: 0px;
}
table.db_meine .no_left_border{
    border-left:0px;
}
table.db_meine .no_right_border{
    border-right:0px;
}

table.db_meine td {
border-color:#d4d4d4;
}

table.db_meine td.voe {
    width: 50px;
    text-align: center;
}



table.db_meine .title {
    padding: 0px;
    margin: 0px;
}

table.db_meine .dunkelgrau {

    height: 20px;
    background: #8f8f8f;
}

table.db_meine .hellgrau {
    background: #ecebeb;
}
table.db_meine .hellgrau2 {
    background: #ecebeb;
}
table.db_meine .hellgrau3 {
    background: #f6f4f5;
}
table.db_meine .hellgrau4 {
    background: #f6f4f5;
}

table.db_meine .width_110 {
    width: 110px;
}

table.db_meine .title .content strong {
    display: block;
}


table.db_meine .title div.sellings {
    padding-top: 4px;
}

table.db_meine .title div.content {
    margin: 5px 0px 0px 10px;
    color:#fff;
}
table.db_meine .title.dunkelgrau div.content,
table.db_meine .title.dunkelgrau div.content2 {
    white-space: nowrap;
}

table.db_meine .title div.content2 {
    margin: 5px 0px 5px 10px;
    color:#000;
}
table.db_meine .title div.content2 span{
    width: 60px !important;
    line-height: 20px;

}
table.db_meine .title div.audio_video {
    position: absolute;
    right: 0;
    top: 0;
}

table.db_meine .actors {
    width: 145px;
}

table.db_meine .label {
    padding-left: 4px;
    padding-right: 4px;
    width: 62px;
    font-weight: bold;
}

table.db_meine .hist,
table.db_meine .week {
    width: 23px;
    text-align: center;
}

table.db_meine .hist img {
    display: block;
    margin: 6px auto 0 auto;
}

table.db_meine .hp {
    width: 15px;
    text-align: center;
}

div.price-two-cols {
    margin:12px 0px 16px 6px;
}
div.price-two-cols span.pad_top_12 {
    padding-top:12px;
}
.fueller{ height:20px;}

.wtf {float:right;}

div.inner dl.accordion_v2 dd.open form div.pl_20 {bg-color: #000;}

.default_col_width {
    width: 469px;
}

div#content div#main_col_3_4 {
    display: inline;
    float: left;
    width: 703px;
}

    div#content div#main_col_3_4 div.trans-bottom-overlay {
        width: 661px;
    }

    div#content div#main_col_3_4 div.mt_50.planner div.trans-bottom-overlay {
        width: 447px;
        margin-left: -10px;
    }

div#sub_col_1_4 {
    display: inline;
    float: left;
    width: 235px;
    margin-left: 10px;
}
div#sub_col_left {
    display: inline;
    float: left;
    width: 230px;
    margin-right: 10px;
}
div#sub_col_right {
    display: inline;
    float: left;
    width: 230px;
    margin: 0 10px;
}

div#container_sky {
     margin-top:3px;
     position: fixed;
     left:980px;
     z-index: 20;
}



div#main {
     float:left;
     width:980px;
     overflow:hidden;
}

div#container_fs {
    padding-top:8px;
    width:970px;
    text-align: center;
}

.redtext, a.redtext {
    color: #9d0f0d;
    text-decoration: none;
}

#toolbarResponse {
    display: none;
    border: 1px solid red;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    margin: 10px;
}

.statusMsg {
    padding: 15px;
    margin: 10px;
    font-weight: bold;
    border: 1px solid red;
    text-align: center;
}

.FeedbackBox {
    display: block;
    padding: 5px;
    margin-bottom: 4px;
    text-indent: 36px;
    font-weight: bold;
}

.FeedbackBox.error {
    background: #AB1B1A url(/_assets/pics/icons/feedback_error.png) no-repeat 10px 2px;
    color: #ffffff;
}

.FeedbackBox.success {
    background: transparent url(/_assets/pics/icons/feedback_success.png) no-repeat 10px 2px;
    color: #000000;
}

ul.contactlist li.last {
    border: none;
}

ul.contactlist li p  {
    margin-left: 43px;
}

#ivwPixel {
    position: absolute;
    left: -20px;
    top: -20px;
}

/******************/
/*** google ads ***/
div#googleads a {
    text-decoration: none;
}

div#googleads a:active,
div#googleads a:hover {
    text-decoration: underline;
}


/* Assistenten Social Media */

div.assistent div.linkespalte {
    width: 130px;
    float: left;
}

div.assistent div.rechtespalte {
    width: 300px;
    margin-left:140px;
}

div.assistent a.link {
    font-size: 12px;
    text-decoration: none !important;
    color: #9D0F0D !important;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
}

div.assistent hr {
    height: 1px;
    color: #cfcece;
    background-color: #cfcece;
    margin-top: 15px;
    margin-bottom: 15px;
}

ul.cal_actions li.addthis_button {
    width: 140px;
    padding: 0;
}
ul.table_actions li.addthis_button,
ul.actions li.addthis_button {
    float: right;
    width: 140px;
    padding: 0;
}
ul.cal_actions li.addthis_button a,
ul.table_actions li.addthis_button a,
ul.actions li.addthis_button a {
    margin-top:-2px;
    padding-left: 0;
    background: none;
}

#welcomecircle label {
    margin-left: 6px;
}

#welcomecircle input {
    margin-left: 30px;
}

img.cast-mbcommunity {
    float: right;
    margin: 0 5px 5px 0;
}

div.app-blackberry {
    width: 130px;
}
div.app-iphone {
    width: 162px;
}

/* overlay: "multiple logins disallowed"-overlay */
div#multipleLoginOverlay {
    position: absolute;
    top: 55px;
    left: 655px;
    z-index: 99;
}

/*************************
* academy part
*************************/
table.workshop textarea {
    width: 319px;
}
table.additionalInfos textarea {
    width: 319px;
    height: 30px;
}
table.additionalInfos {
    margin-top: 15px;
    width: 480px !important;
}
table.additionalInfos th {
    width: 83px;
}
div.btn {
    text-align: right;
    width: 480px;
}
div.newFsDoc,
div.newFsDocu {
    float: left;
    width: 480px;
}
div.fsDoc label {
    font-weight: bold;
    color: #fff;
    vertical-align: top;
    background: #8f8f8f;
    float: left;
    width: 83px;
}
div.fsDoc div.desc {
    padding: 5px 5px 4px 10px;
    border: 1px solid #cfcece;
    background-color: #ECEBEB;
    float: left;
    margin-bottom: 2px;
    width: 330px;
}
div.fsDoc div.desc input {
    color: #cfcece;
}
div.fsDoc div.file {
    padding: 5px 5px 4px 10px;
    border: 1px solid #cfcece;
    background-color: #ECEBEB;
    float: left;
    margin-bottom: 2px;
    width: 330px;
}
div.w_tabs.academy {
    width: 439px !important;
}
div.academyPreview div.metainfo span.title {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    padding-right: 15px;
}
div.academyPreview div.metainfo span.date {
    float: left !important;
    color: #333333 !important;
}
div.academyPreview div.metainfo span.location {
    float: left !important;
    color: #333333 !important;
}
div.academyPreview div.metainfo span.url a:link {
    color: #3888BC;
    margin-left: 5px;
}
div.academyPreview img {
    margin: 0 400px 10px 0 !important;
}
div.academyPreview.edit h3 {
    background: none;
    border: none;
    line-height: 14px !important;
    height: auto;
    padding: 10px 0px 0px;
    text-transform: none !important;
    color: #333333 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}
div.box.teaser img {
    padding: 0 10px 10px;
    float: left;
}
div.box.teaser div.text {
    padding-left: 10px;
}

/****************************/
/* Alerter                  */
/****************************/
ul#mainnav li#community a.tab span.alerter.small,
ul#mainnav li#community a.tab span.alerter.medium,
ul#mainnav li#community a.tab span.alerter.large {
    color: white;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: -4px;
    font-size: 12px;
}

ul#mainnav li#community.active a.tab span.alerter.small,
ul#mainnav li#community a.tab:hover span.alerter.small,
ul#mainnav li#community.active a.tab span.alerter.medium,
ul#mainnav li#community a.tab:hover span.alerter.medium,
ul#mainnav li#community.active a.tab span.alerter.large,
ul#mainnav li#community a.tab:hover span.alerter.large {
    color: white;
    font-weight: bold;
    position: absolute;
    text-align: right;
    top: -10px;
    font-size: 12px;
}
ul#mainnav li#community a.tab span.alerter.small,
ul#mainnav li#community.active a.tab span.alerter.small {
    left: 562px;
    height: 18px;
    width: 18px;
}
ul#mainnav li#community a.tab span.alerter.medium,
ul#mainnav li#community.active a.tab span.alerter.medium {
    left: 557px;
    height: 18px;
    width: 23px;
}
ul#mainnav li#community a.tab span.alerter.large,
ul#mainnav li#community.active a.tab span.alerter.large {
    left: 551px;
    height: 18px;
    width: 28px;
}


/***********************/
/***  advertisement  ***/
/***********************/
div.nointelliTXT.debugBox {
    margin: 20px 20px 20px 25px;
    width: 920px;
    position: relative;
    float: left;
}
div.nointelliTXT.debugBox table {
    background-color: white;
    font-family: arial;
    border: 1px solid #CDCDCD;
    border-collapse: collapse;
    width: 100%;
}
div.nointelliTXT.debugBox table:hover {
    -moz-box-shadow:    0px 0px 5px 0 #CCCCCC;
    -webkit-box-shadow: 0px 0px 5px 0 #CCCCCC;
    box-shadow:         0px 0x 5px 0 #CCCCCC;
}
div.nointelliTXT.debugBox table tr:hover {
    background-color: lightyellow;
}
div.nointelliTXT.debugBox table tr.headline {
    color: red;
    font-size: 0.8em;
}
div.nointelliTXT.debugBox table tr.headline:hover {
    background-color: white;
}
div.nointelliTXT.debugBox table td {
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #CDCDCD;
}
div.nointelliTXT.debugBox table tr td a {
    float: right;
    color: #A1141C;
}

div.clearfix {
    clear: both;
    height: 0px
}

#container_left {
    float: left;
    position: absolute;
    margin-top: 158px;
}
#container_right {
    position: absolute;
    left: 980px;
    margin-top: 3px;
}

#container_fs {
    padding-top: 8px;
    width: 970px;
    text-align: center;
}

#main.centered {
    margin-left: 307px;
    width: 978px;
}
#main.centered #paper_top,
.games #paper_top {
    height: 12px;
}
div.trans-overlay-placeholder {
    height: 6px;
}


/**************************/
/***  semantic clearfix ***/
/***  added by kolibo   ***/
/**************************/
.group:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
*:first-child+html .group {
    min-height: 0;
}
* html .group {
    height: 1%;
 }

/**************************/
div.column {
    float: left;
}
/**************************/

/**************************/
/***  newsletter       ****/
/***  added by kolibo  ****/
/**************************/
body.newsletter div.teaser_area {
    padding: 6px 0 0 15px;
    height: 340px;
    color: #FFF;
}
body.mediabiz.newsletter div.teaser_area {
    padding: 6px 0 0 25px;
    background: url("../pics/newsletter/newsletter-teaser_mediabiz.png") no-repeat;
}
body.film.newsletter div.teaser_area {
    background: url("../pics/newsletter/newsletter-teaser_film.png") no-repeat;
}
body.video.newsletter div.teaser_area {
    background: url("../pics/newsletter/newsletter-teaser_video.png") no-repeat;
}
body.games.newsletter div.teaser_area {
    background: url("../pics/newsletter/newsletter-teaser_games.png") no-repeat;
}
body.musik.newsletter div.teaser_area {
    background: url("../pics/newsletter/newsletter-teaser_musik.png") no-repeat;
}
body.newsletter div.teaser_area h2 {
    margin: 0;
    font-size: 23px;
    text-transform: uppercase;
    color: #FFF;
}
body.mediabiz.newsletter div.teaser_area h2 {
    font-size: 32px;
}
body.newsletter div.teaser_area h3 {
    margin: 0;
    font-size: 15px;
    font-weight: normal;
    color: #FFF;
}
body.mediabiz.newsletter div.teaser_area h3 {
    font-size: 21px;
}
div.nl-teaser-list-wrapper {
    margin-top: 10px;
    margin-left: 4px;
}
body.mediabiz.newsletter div.nl-teaser-list-wrapper {
    float: right;
    margin: 0;
    width: 355px;
}
ul.nl-teaser-list {
    margin: 8px 3px;
    padding: 0;
    width: 360px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    list-style: none;
}
body.mediabiz.newsletter ul.nl-teaser-list {
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}
ul.nl-teaser-list li {
    margin-bottom: 5px;
    padding-left: 32px;
    background-repeat: no-repeat;
}
body.mediabiz.newsletter ul.nl-teaser-list li {
    margin-bottom: 11px;
}
ul.nl-teaser-list li.li-1 { background-image: url("../pics/newsletter/newsletter-icon_news.png"); }
ul.nl-teaser-list li.li-2 { background-image: url("../pics/newsletter/newsletter-icon_time.png"); }
ul.nl-teaser-list li.li-3 { background-image: url("../pics/newsletter/newsletter-icon_knowledge.png"); }

body.mediabiz.newsletter ul.nl-teaser-list li.li-1 { background-image: url("../pics/newsletter/newsletter-icon_news.png"); }
body.mediabiz.newsletter ul.nl-teaser-list li.li-2 { background-image: url("../pics/newsletter/newsletter-icon_brandnew.png"); }
body.mediabiz.newsletter ul.nl-teaser-list li.li-3 { background-image: url("../pics/newsletter/newsletter-icon_knowledge.png"); }
body.mediabiz.newsletter ul.nl-teaser-list li.li-4 { background-image: url("../pics/newsletter/newsletter-icon_time.png"); }

body.newsletter div.content_area {
    border-top: none;
}
body.mediabiz.newsletter div.content_area {
    border-color: #000;
}
body.newsletter div#full_col div.inner {
    padding: 16px 18px;
}
body.newsletter hr {
    margin: 20px 0;
    height: 0;
    background: #FFF;
    border-top: 1px dashed #000;
}
body.newsletter div.form-area hr {
    background: #dedede;
}
body.newsletter div.content_area h3 {
    margin-bottom: 12px;
    font-size: 14px;
}
body.newsletter div.content_area h3.extra-large {
    font-size: 23px;
    text-transform: uppercase;
}
body.mediabiz.newsletter div.content_area h3.extra-large {
    font-size: 18px;
    text-transform: none;
}
form#newsletter_collection input.text {
    width: auto;
}
div#newsletter_selection {
    float: left;
    width: 550px;
}
body.musik.newsletter div#newsletter_selection {
    float: none;
    width: auto;
}
div#newsletter_selection div.checker {
    margin-top: -52px;
}
*+html div#newsletter_selection div.checker {
    margin-top: -36px;
}
body.musik.newsletter div#newsletter_selection div.checker {
    margin-top: -85px;
}
*+html body.musik.newsletter div#newsletter_selection div.checker {
    margin-top: -52px;
}
div#newsletter_selection div.field-group {
    float: left;
    height: 70px;
}
div#newsletter_selection div.field-group.newsletter_daily_bf,
div#newsletter_selection div.field-group.newsletter_daily_vm {
    width: 180px;
}
div#newsletter_selection div.field-group.newsletter_daily_mw,
div#newsletter_selection div.field-group.newsletter_livedaily {
    width: 181px;
}
body.musik.newsletter div#newsletter_selection div.field-group.newsletter_livedaily {
    float: right;
    margin-right: 1px;
}
body.musik.newsletter div#newsletter_selection div.field-group.newsletter_daily_mw,
body.musik.newsletter div#newsletter_selection div.field-group.newsletter_livedaily{
    width: auto;
}
div#newsletter_selection div.field-group.newsletter_daily_gm {
    width: 160px;
}
div#newsletter_selection label {
    padding-top: 32px;
    background-image: url("../pics/newsletter/newsletter-selection_sprite.gif");
    background-repeat: no-repeat;
}
div#newsletter_selection label#label_newsletter_daily_bf {
    background-position: 0 0;
}
div#newsletter_selection div.newsletter_daily_bf div.checker.disabled.refused ~ label#label_newsletter_daily_bf {
    background-position: 0 -400px;
}
div#newsletter_selection label#label_newsletter_daily_vm {
    width: 115px;
    background-position: 0 -100px;
}
div#newsletter_selection div.newsletter_daily_vm div.checker.disabled.refused ~ label#label_newsletter_daily_vm {
    background-position: 0 -500px;
}
div#newsletter_selection label#label_newsletter_daily_gm {
    width: 130px;
    background-position: 0 -200px;
}
div#newsletter_selection div.newsletter_daily_gm div.checker.disabled.refused ~ label#label_newsletter_daily_gm {
    background-position: 0 -600px;
}
div#newsletter_selection label#label_newsletter_daily_mw,
div#newsletter_selection label#label_newsletter_livedaily {
    width: 120px;
    background-position: 0 -300px;
}
body.musik.newsletter div#newsletter_selection label#label_newsletter_daily_mw,
body.musik.newsletter div#newsletter_selection label#label_newsletter_livedaily {
    width: auto;
}
div#newsletter_selection div.newsletter_daily_mw div.checker.disabled.refused ~ label#label_newsletter_daily_mw {
    background-position: 0 -700px;
}
body.mediabiz.newsletter div#newsletter_selection div.field-group.newsletter_livedaily div.checker {
    margin-top: 0;
}
body.mediabiz.newsletter div#newsletter_selection label#label_newsletter_livedaily {
    padding-top: 6px;
    background: none;
}
form.newsletter-form label {
    margin-left: 2px;
    font-size: 14px;
    background-repeat: no-repeat;
}
body.musik.newsletter div#email-address {    
    margin-top: 20px;
}
form.newsletter-form div#email-address label {
    margin-top: 5px;
    font-size: 18px;
    font-weight: bold;
}
body.mediabiz.newsletter form.newsletter-form div#email-address label {
    margin-top: 0;
    margin-right: 6px;
    vertical-align: middle;
}
form#newsletter_personal.newsletter-form div#email-address label {
    float: left;
}
form.newsletter-form div#email-address input.uniform-input {
    float: right;
    width: 266px;
    height: 23px;
    background: #f5f5f5;
    border-color: #999;
}
form#newsletter_collection.newsletter-form div#email-address input.uniform-input {
    float: none;
}
form.newsletter-form div.form-area {
    margin-top: 20px;
    padding: 20px 10px 15px;
    background: #dedede;
}
form.newsletter-form div.form-area h3 {
    line-height: 18px;
}
form.newsletter-form div#gender_details {
    margin-bottom: 15px;
}
form#newsletter_collection div#gender_details label {
    margin-right: 10px;
}
form#newsletter_personal div#contact_details div.field-group {
    width: 210px;
}
form#newsletter_collection div#contact_details div.column {
    width: 25%;
    margin-left: 0;
}
form.newsletter-form div#contact_details input {
    margin: 4px 0 8px;
    width: 190px;
}
form#newsletter_collection.newsletter-form div#contact_details input {
    width: 195px;
}
form.newsletter-form div#contact_details input#hausnummer,
form.newsletter-form div#contact_details input#plz {
    display: block;
    width: 50px;
}
form#newsletter_collection div#contact_details input#strasse,
form#newsletter_collection div#contact_details input#ort {
    width: 138px;
}
form#newsletter_collection div#contact_details input#hausnummer,
form#newsletter_collection div#contact_details input#plz {
    width: 32px;
}
form#newsletter_collection div#contact_details div.strasse {
    float: left;
    margin-right: 12px;
    width: 154px;
}
form#newsletter_collection div#contact_details div.hausnummer {
    float: left;
    width: 48px;
}
form#newsletter_collection.newsletter-form div#contact_details div.plz {
    float: left;
    margin-right: 12px;
    width: 48px;
}
form#newsletter_collection div#contact_details div.ort {
    float: left;
    width: 154px;
}
form#newsletter_collection div.form_agb div.checker {
    margin-top: -102px;
}
*+html form#newsletter_collection div.form_agb div.checker {
    margin-top: -63px;
}
form#newsletter_collection div.form_agb {
    float: left;
}
form#newsletter_collection div.form_agb label {
    width: 600px;
}
form#newsletter_personal input#agb {
    position: absolute;
}
form#newsletter_personal div.form_submit label {
    margin: -17px 0 0 25px;
    width: 400px;
}
form#newsletter_collection div.form_submit {
    float: right;
}
form.newsletter-form div.form_submit p {
    margin: 0 0 12px;
    font-size: 14px;
}
form#newsletter_personal div#uniform-yesPersBtn {
    float: right;
    margin-top: 20px;
}
body.newsletter div.errorMsg, body.newsletter div.successMsg {
    margin: 0 0 10px;
    padding: 12px;
}
body.newsletter div.errorMsg {
    color: #cd0000;
    background: #fae4e6;
    border: 1px solid #cd0000;
}
body.newsletter div.successMsg {
    color: #0e731e;
    background: #e5efe7;
    border: 1px solid #0e731e;
}
body.newsletter div.errorMsg p, body.newsletter div.successMsg p {
    margin: 0;
    font-size: 15px;
}
body.newsletter div.errorMsg strong, body.newsletter div.successMsg strong {
    text-transform:  uppercase;
}



/* ####  ADS ##### */


/* ADS-SKIN mediabiz START */
/*
body.mediabiz {
    background: #b6275b;
}

body.mediabiz #main {
    margin-left: 307px;
    width: 978px;
    margin-top: -3px;
}

body.mediabiz #container_left {
    float: left;
    position: absolute;
    margin-top: 158px;
    margin-left: 0px;
}

body.mediabiz #container_fs {
    padding-top: 0px;
    width: 970px;
    text-align: center;
    margin-left: 307px;
}

body.mediabiz #container_right {
    margin-left: 0px;
    margin-top: 0px;
    left: 970px;
}
*/

/* ADS-SKIN mediabiz END */


/* ADS-SKIN Film START */
/*
body.film {
    background: #c62e61;
}

body.film #main {
    margin-left: 307px;
    width: 978px;
    margin-top: -3px;
}

body.film #container_left {
    float: left;
    position: absolute;
    margin-top: 158px;
    margin-left: 0px;
}

body.film #container_fs {
    padding-top: 8px;
    width: 970px;
    text-align: center;
    margin-left: 307px;
}

body.film #container_right {
    margin-left: 0px;
    margin-top: 0px;
    left: 970px;
}

/* ADS-SKIN Film END */


/* ADS-SKIN video START */
/*
body.video {
    background: #c62e61;
}

body.video #main {
    margin-left: 307px;
    width: 978px;
    margin-top: -3px;
}

body.video #container_left {
    float: left;
    position: absolute;
    margin-top: 158px;
    margin-left: 0px;
}

body.video #container_fs {
    padding-top: 8px;
    width: 970px;
    text-align: center;
    margin-left: 307px;
}

body.video #container_right {
    margin-left: 0px;
    margin-top: 0px;
    left: 970px;
}
*/
/* ADS-SKIN video END */


/* ADS-SKIN Games START */
/*
body.games {
    background: #c62e61;
}

body.games #main {
    margin-left: 307px;
    width: 978px;
    margin-top: -3px;
}

body.games #container_left {
    float: left;
    position: absolute;
    margin-top: 158px;
    margin-left: 0px;
}

body.games #container_fs {
    padding-top: 8px;
    width: 970px;
    text-align: center;
     margin-left: 307px;
}
body.games #container_right {
    margin-left: 0px;
    margin-top: 0px;
    left: 970px;
}
*/
/* ADS-SKIN Games END */


/* ADS-SKIN musik START */
/*
body.musik {
    background: #c62e61;
}

body.musik #main {
    margin-left: 307px;
    width: 978px;
    margin-top: -3px;
}

body.musik #container_left {
    float: left;
    position: absolute;
    margin-top: 158px;
    margin-left: 0px;
}

body.musik #container_fs {
    padding-top: 8px;
    width: 970px;
   text-align: center;
    margin-left: 307px;
}

body.musik #container_right {
    margin-left: 0px;
    margin-top: 0px;
    left: 970px;
}
*/
/* ADS-SKIN musik END */


/* news: ad-teaser */

.box.adteaser h3 span.authorname{
    float: left;
    text-transform: uppercase;
}

.box.adteaser h3 span.admarker{
    float: right;
}



.box.adteaser img {
    float: left;
    width: 110px;
    display: inline;
    margin: 10px;
}

.box.adteaser .news_text {
    float: right;
    width: 335px;
    margin-bottom: 20px;
}

.box.adteaser .news_text a {
text-decoration:none;
}

.box.adteaser .news_text h2{
    margin-bottom: 5px;
    margin-top: 5px;
}

.box.adteaser a.box_more {
    /*
    position: relative;
    float: right;
    */
}