body {
    height: auto;
}

@font-face{
    font-family: '20Minuten';
    src: url(/2010/font/20-minuten-bold.eot);
    src: url(/2010/font/20-minuten-bold.eot?#iefix) format('embedded-opentype'), url(/2010/font/20-minuten-bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}
#min_monsterboard img {
    width: 470px!important;
    height: 470px!important
}
.title0 {
    font-family: "20Minuten", Arial, Helvetica, sans-serif;
    font-size: 44px;
    line-height: 120%;
    margin: 0;
    color: #222
}
.title1 {
    font-family: "20Minuten", Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 120%;
    margin: 10px 0 0;
    color: #222
}
.title2 {
    font-family: "20Minuten", Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 120%;
    margin: 10px 0 0;
    color: #222
}
.title3 {
    font-family: "20Minuten", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 125%;
    margin: 10px 0 0;
    color: #222
}
#mobileHint {
    margin: 7px 0;
    padding: 4px 0 4px 8px;
    position: relative;
    font-size: 11px;
    width: 986px
}
#leaderboard {
    text-align: center;
    background-color: #FFF
}
#lang_box {
    padding: 20px;
    background-color: #044ca0;
    color: white;
    opacity: 1;
    transition: opacity 0.6s;
    margin-bottom: 15px;
    font-family:verdana;
    margin: 15px 21px 15px 21px;
    width: 910px;
    display:none;
}
#lang_box a {
    font-weight:bold;
    color: white;
}
#lang_box a:hover {
    color: #70A5E5;
    text-decoration:underline;
}
#lang_box .close_btn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
#lang_box .close_btn:hover {
    color: #70A5E5;
}
#lang_ribbon {
    background: url(/2010/img/main/lang_ribbon_right_blue_fr.png) -32px 0 no-repeat;
    height: 170px;
    width: 30px;
    position: absolute;
    left: -25px;
    top: 350px
}
div#lang_ribbon:hover {
    background-position: 0 0
}
#lang_ribbon a {
    display: block;
    height: 170px;
    width: 30px
}
.x43 .teaser_title h2,
.x44 .teaser_title h2,
.x45 .teaser_title h2,
.x46 .teaser_title h2 {
    font-size: 30px;
    line-height: 120%
}
.x41 .teaser_title h2,
.x42 .teaser_title h2 {
    font-size: 22px;
    line-height: 120%
}
.x21 .teaser_title h2,
.x22 .teaser_title h2,
.x23 .teaser_title h2,
.x24 .teaser_title h2 {
    font-size: 16px;
    line-height: 125%
}
.box.x41 .teaser_head .teaser_title h2,
.box.x42 .teaser_head .teaser_title h2 {
    font-size: 22px;
    line-height: 120%
}
.box .breakingnews .teaser_title h2 {
    font-size: 30px;
    line-height: 120%
}

/* Story */

.story .story_head h2, .story .story_head h4 {
    text-transform: uppercase;
}

/* story teaser banner (action-icon) */

.box .leser,
.box .exklusiv,
.box .update,
.box .leser,
.box .live,
.box .breakingnews_action,
.box .newsTicker,
.box .infografik,
.box .video,
.box .video_buzz,
.box .diashow,
.box .fitness,
.box .promi,
.box .vite_lu,
.box .wirtschaft {
    height: auto
}

.box .teaser_head .teaser_image .banner {
    position:absolute;
    top:0;
    left:0;
    width: auto;
    height: 28px;
    font-family: "20Minuten",Arial,Helvetica,sans-serif;
    font-size: 17px;
    line-height: 26px;
    padding: 0 10px;
    color: #FFF;
    /* background-color: #044ca0; */
    background-color: #000;
    background-image: none;
}
.box .dossier .teaser_head .teaser_image .banner,
.box .leser .teaser_head .teaser_image .banner,
.box .exklusiv .teaser_head .teaser_image .banner,
.box .update .teaser_head .teaser_image .banner,
.box .leser .teaser_head .teaser_image .banner,
.box .live .teaser_head .teaser_image .banner,
.box .breakingnews_action .teaser_head .teaser_image .banner,
.box .newsTicker .teaser_head .teaser_image .banner,
.box .infografik .teaser_head .teaser_image .banner,
.box .video .teaser_head .teaser_image .banner,
.box .video_buzz .teaser_head .teaser_image .banner,
.box .fitness .teaser_head .teaser_image .banner,
.box .diashow .teaser_head .teaser_image .banner,
.box .audio .teaser_head .teaser_image .banner,
.box .promi .teaser_head .teaser_image .banner,
.box .vite_lu .teaser_head .teaser_image .banner,
.box .wirtschaft .teaser_head .teaser_image .banner{
    display: block;
}
.box.x21 .teaser_head .teaser_image .banner,
.box.x22 .teaser_head .teaser_image .banner,
.box.x23 .teaser_head .teaser_image .banner,
.box.x24 .teaser_head .teaser_image .banner,
.box.x41 .teaser_head .teaser_image .banner,
.box.x42 .teaser_head .teaser_image .banner {
    height: 24px;
    font-size: 15px;
    line-height: 22px;
    padding: 0 10px;
}

.box .live .teaser_head .teaser_image .banner,
.box .newsTicker .teaser_head .teaser_image .banner,
.box .breakingnews_action .teaser_head .teaser_image .banner,
.box .exklusiv .teaser_head .teaser_image .banner {
    background-color: #cb0000;
}
.box .leser .teaser_head .teaser_image .banner,
.box .infografik .teaser_head .teaser_image .banner,
.box .dossier .teaser_head .teaser_image .banner {
    background-color: #044ca0;
}
.box .vite_lu .teaser_head .teaser_image .banner {
    background-color: #1c5ea8;
}
.box .wirtschaft .teaser_head .teaser_image .banner {
    background-color: #D6A600;
}
.box .promi .teaser_head .teaser_image .banner {
    background-color: #BA4996;
}
.box .fitness .teaser_head .teaser_image .banner {
    background-color: #692a5b;
}

.box .video .teaser_head .teaser_image .banner,
.box .diashow .teaser_head .teaser_image .banner,
.box .audio .teaser_head .teaser_image .banner {
    width: 45px;
    height: 65px;
    background-image: url(/2010/img/main/video-banner.png);
    background-repeat: no-repeat;
    background-color: transparent;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    background-size: 65px 65px;
}

.box .diashow .teaser_head .teaser_image .banner {
    background-image: url(/2010/img/main/diashow-banner.png);
}

.box .audio .teaser_head .teaser_image .banner {
    background-image: url(/2010/img/main/audio-banner.png);
}

/* promotion teaser */

.box.x41 .promotion .teaser_head .teaser_title h3,
.box.x42 .promotion .teaser_head .teaser_title h3 {
    padding-top: 8px
}
.box.x22 .promotion,
.box.x42 .promotion {
    height: 230px
}
.box.x23 .promotion {
    height: 350px
}
.box.x24 .promotion {
    height: 470px
}
.teaser_title h2 {
    font-family: "20Minuten", Arial, Helvetica, sans-serif;
    margin: 0 0 4px
}
.teaser_thematiclinks h4 {
    font-family: "20Minuten", Arial, Helvetica, sans-serif
}
.teaser_thematiclinks ul li a {
    color: #555;
    font-weight: 400
}
.teaser_head .teaser_title h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    text-transform: uppercase
}
.box .promotion .teaser_head .teaser_image .banner {
    font-family: Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase
}

/* footer */

#footer,
#footer-center {
    height: 150px
}
#footer-center .left {
    height: 120px
}
#footer-center .logo {
    position: absolute;
    top: 20px;
    left: 880px;
    width: 100px
}

/* In-read */
.story_text #inside-half {
    margin-bottom: 24px;
}
.story_text .inside-half-float {
    float: right;
}

/* center leaderboard */
#tatm-inside-full-top {
    text-align: center;
}

/* overlay ad */
#eyeDiv {
    height: 480px !important;
    left: 50% !important;
    text-align: left !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 640px !important;
}

/* Sponsor orange */
#header .color22 #banderole .active {
    background-color: #ff7900;
}
#header .color22 #subnavigation {
    background-color: #ff7900;
}

/* Flowplayer */
.flowplayer {
    margin: 0 0 24px 0;
}

/* Iframes inside story */
.story .story_content iframe{
    padding-bottom:24px;
    display: block;
}
