@charset 'UTF-8';

/* DON'T EDIT THIS GENERATED FILE! Changes will be lost. */

/* überschüssiges </ADAPTIVE-LAYOUT> entfernt ... bitte die Ursache dieses Bugs suchen */

#container {
    width: 682px;
}
#sepResp1 { display: block; }
#sepResp2 { display: none; }
#newsOverview>div {
    width: 300px;
}
h\:section>.r3,
h\:section>.r4 {
    width: 620px;
}

    #mainnav {
        margin-left: 176px;
        max-width: 344px;
    }
    .rect321 #mainnav {
        margin-left: 166px;
    }
    #mainnav > ul > li > a {
        padding-right: 8px;
        padding-left: 8px;
    }

    #weather {
        top: 26px;
        width: 123px;
        padding-left: 39px;
        padding-top: 7px;
        background: url(//img.ui-portal.de/homepage/img/gmx/icons/weather-small.png) no-repeat 0px 0px;
    }
    #weather .weathertype {
        width: 32px;
        height: 25px;
    }
    #weather .today .temp {
        font-size: 18px;
        line-height: 18px;
    }
    #weather .tomorrow,
    #weather .dayAfter {
        display: none;
    }

    .rect321 .channel-list h\:nav { width: 454px; }
    .channel-list h\:nav { width: 464px; }

    .channel-list ul { height: auto; }

    .seo .content.first { margin-bottom: 10px; }

#topper { min-width: 670px; }
#topper .topper-content .message a span:first-child { display: none; }
#topper .topper-content .message a span:first-child + span { display: inline; }

.notification { min-width: 750px; }
.notification > div:first-child > span:first-child { display: none; }
.notification > div:first-child > span:first-child + span { display: inline; }

    .form-login .login-username,
    .form-login .login-password { width: 155px; }
    .form-login input[type=text],
    .form-login input[type=password] { width: 131px; }

    #loginsearch-search { right: 30px; width: 220px; }
    #inpSearchText      { 
        width: 121px;
        background-position: 69px -300px;
        background-position: 69px -300px, 0 0;
    }
    #inpSearchText + .placeholder             { font-size: 13px; }
    #inpSearchText::-webkit-input-placeholder { font-size: 13px; }
    #inpSearchText:-moz-placeholder           { font-size: 13px; padding-top: 5px; padding-bottom: 7px }
    #inpSearchText::-moz-placeholder          { font-size: 13px; padding-top: 5px; padding-bottom: 7px }
    #inpSearchText:-ms-input-placeholder      { font-size: 13px; }

    #loginsearch-ad { 
        right: 30px;
        width: 220px;
    }

    [lang|="DE"] .loginFixed #loginsearch { width: 680px; }
    #loginsearch-login li a.hasIcon { background-image: none; padding-left: 15px; }
    .loginFixed #loginsearch-login li a.hasIcon { background-image: none; padding-left: 15px; }

    .login-loggedin {
        width: 380px;
    }
    .loggedin-layer {
        width: 213px;
    }
    .loggedin-layer h\:header .name {
        max-width: 190px;
    }

#adBgRight { margin-left: 241px; }

.rect321 #container { width: 662px; }

.rect321 .loginFixed #loginsearch { width: 660px; }

.rect321 #loginsearch-ad     { right: 20px; }
.rect321 #loginsearch-search { right: 20px; }

#adBillboard { width: 650px; }

#adSitebar { margin-left: 681px; }

    .multi-news.hero > .r2 {
        width: 300px;
    }
    .multi-news.hero .teaser-content {
        width: 300px;
        height: 250px;
    }
    .multi-news.hero .teaser-text {
        right: 0;
        padding: 7px 15px 13px 15px;
        width: 270px;
    }
    .multi-news.hero .teaser-text h\:header {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 2px;
    }
    .multi-news.hero .teaser-text p span.subline {
        max-width: 230px;
    }
    .multi-news.hero .slider .teaser-img {
        width: 300px;
        overflow: hidden;
        text-align: center;
    }
    *+html .multi-news.hero .slider .teaser-img {
        width: auto;
        overflow: visible;
    }
    *+html .multi-news.hero .slider .teaser-img img { width: 300px; }
    .multi-news.hero .teaser-img span.video {
        left: 124px;
    }
    .multi-news.hero .slider .teaser-img img { 
        margin-left: -160px; 
        height: auto;
        width: auto;
    }
    .multi-news.hero .slider .teaser-img img.small-img { margin-left: 0; }
    .multi-news.hero .slider-container[data-active-slide="1"] .slider { left: 0px; }
    .multi-news.hero .slider-container[data-active-slide="2"] .slider { left: -300px; }
    .multi-news.hero .slider-container[data-active-slide="3"] .slider { left: -600px; }
    ..multi-news.hero .slider .teaser-content {
        width: 300px;
    }
    .multi-news.hero .news-list {
        padding: 6px;
        background-color: rgba(32,32,32,0.7);
        overflow: visible;
        background-repeat: repeat;
        position: absolute;
        display: block;
        z-index: 99;
    }
    *+html .multi-news.hero .news-list {
        background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/news_bg.png);
    }
    .multi-news.hero .news-list {
        background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/news_bg.png)\9;
    }
    :root .multi-news.hero .news-list {
        background-image: none;
    }
    .multi-news.hero .news-list li,
    .multi-news.hero .news-list li.first,
    .multi-news.hero .news-list li.last {
        display: block;
        margin: 0 6px 0 0 ;
        float: left;
    }
    *+html .multi-news.hero .news-list li {
        clear: none;
    }
    .multi-news.hero .news-list li.last {
        margin-right: 0;
    }
    .multi-news.hero .news-list li .news-list-teaser {
        padding: 0;
        overflow: hidden;
        background-color: transparent;
        border: 1px solid #FFF;
        width: 10px;
        height: 10px;
    }
    .multi-news.hero .news-list li .news-list-teaser img { display: none; }
    .multi-news.hero .news-list li .news-list-teaser h\:figcaption,
    .multi-news.hero .news-list li a:hover .news-list-teaser h\:figcaption,
    .multi-news.hero .news-list li a:focus .news-list-teaser h\:figcaption,
    .multi-news.hero .news-list li.active .news-list-teaser h\:figcaption {
        display: none;
    }
    .multi-news.hero .news-list li .news-list-teaser a {
        display: block;
        height: 10px;
        width: 10px;
    }
    .multi-news.hero .news-list li .news-list-teaser h\:figcaption a span,
    .multi-news.hero .news-list li .news-list-teaser a h\:figcaption span,
    .multi-news.hero .news-list li .news-list-teaser h\:figcaption a span.placeholder,
    .multi-news.hero .news-list li .news-list-teaser a h\:figcaption span.placeholder {
        display: none;
    }
    .multi-news.hero .news-list li.active .news-list-teaser,
    .multi-news.hero .news-list li .news-list-teaser:hover {
        border: 1px solid #2269C3;
    }

    .jsEnabled #omsFirst.empty {
        height: 250px;
        width: 320px;
    }
    #omsFirst > .r4 {
        width: 320px;
        height: 250px;
        overflow: hidden;
    }
    #omsFirst .ad {
        margin-bottom: 20px;
    }
    #omsFirst .ad .r1 {
        width: 300px;
    }
    #omsFirst .ad .oms-content-small {
        display: block;
    }
    #omsFirst .ad .oms-content-large {
        display: none;
    }

    #loginsearch-ad .ad .oms-content.oms-content-large {
        display: none;
    }
    #loginsearch-ad .ad .oms-content.oms-content-small {
        display: block;
    }

    #loginsearch-ad .ad + .ad { display: none;}

    
    .footer-links .r4 ul:first-child li { width: 140px; margin: 0 15px 0 0; }
    *:first-child+html .footer-links .r4 ul:first-child { margin-right: 110px; }
    .rect321 .footer-links script:first-child + h\:section + script + h\:section + script + h\:section + script + h\:section { margin-right: 0px; }
    .rect321 .footer-links script:first-child + h\:section + script + h\:section + script + h\:section + script + h\:section + script + h\:section { margin-left: 0px; }
    .rect321 #footer .sep-line               { margin-left: 0px; margin-right: 0px; }

