img {
    max-width: 100%;
    height: auto;
}

ul.menu li:focus-within ul {
    display: block;
    position: absolute;
    top: 165px;
    left: 237px;
    min-height: 188px;
    min-width: 169px;
    background: url(../images/main_sprite.png) 0 -400px no-repeat;
    padding-left: 0;
}

@media (max-width: 1020px) {
    #all {
        width: 100%;
        margin: 20px auto 0;
    }

    #header {
        width: 100%;
    }

    #body {
        width: auto;
        margin: -48px 20px 0;
        padding: 1px 20px 10px;
    }

    #content,
    #footer {
        width: auto;
    }

    .center {
        max-width: 100%;
    }

    #footer {
        margin: -25px 40px 5px;
    }

    #klebestreifen_oben,
    #klebestreifen_unten {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (max-width: 760px) {
    #all {
        margin-top: 0;
    }

    #header_pic {
        width: auto;
        max-width: 567px;
        margin-left: 20px;
        margin-right: 20px;
    }

    #headline_pic {
        margin-left: 40px;
    }

    #menu_background {
        position: relative;
        margin: 20px auto 0;
    }

    #navi {
        margin: 12px 0 0 40px;
    }

    #klebestreifen_oben {
        margin-top: -18px;
    }

    #body {
        margin-top: -48px;
    }

    .weather_table,
    .sun_table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
}