/*MEDIA QUERY*/
@media (min-width:320px) {
    .titlebar {
        margin-bottom: 10px;
    }

        .titlebar h1 span, .titlebar h1 a {
            font-size: 18px;
        }

            .titlebar h1 span.sep {
                padding: 0 5px;
            }

    /*TOPHOMESTORY*/
    .tophomestory-first {
        float: none;
        width: auto;
        padding: 0 10px;
    }

        .tophomestory-first a.avatar {
            height: 215px;
        }

    .tophomestory-other {
        float: none;
        width: auto;
        padding: 0 10px;
    }

        .tophomestory-other ul {
            margin-top: 10px;
            padding-top: 10px;
            background: url(images/dotline.png) repeat-x center top;
        }

            .tophomestory-other ul li a.avatar {
                display: block;
            }

    /*HOMEHEADLINE*/
    .homeheadline h1 span, .homeheadline h1 a {
        padding: 7px 10px;
    }

    .homeheadline ul li a {
        padding: 0 0;
    }

    .homeheadline-i {
        padding: 0 10px;
    }

    /*HOMETEASER*/
    .hometeaser-other {
        margin-top: 10px;
    }

    .hometeaser, .homeawardstory, .homeawardvideo, .homeawardaudio, .homeawardphoto {
        min-height: initial;
    }

        .homeawardstory a.avatar, .homeawardvideo-other a.avatar, .homeawardaudio a.avatar, .homeawardphoto a.avatar,
        .topstory a.avatar, .lateststory a.avatar, .gallerybox a.avatar {
            margin-right: 10px;
        }

    /*GALLERYBOX*/

    /*.zonebar {
        padding: 0 10px;
    }*/

    /*.zoneteaser {
        padding: 10px 10px;
    }*/

    .zoneteaser a.avatar {
        width: 150px;
        margin-right: 10px;
    }

    .zoneteaser li.sep {
        height: 20px;
    }

    /*.storydetail {
        padding: 10px 10px;
    }*/

    .story_body img {
        max-width: 100%;
    }

    .story_body table {
        max-width: 100%;
    }

        .story_body table.tblImage {
            width: 100%;
            margin: 0 auto 10px;
            max-width: 100%;
        }

            .story_body table.tblImage img {
                width: 100%;
                max-width: 100%;
            }

            .story_body table.tblImage td {
                text-align: center;
            }

            .story_body table.tblImage p {
                padding: 0;
                margin: 0;
            }

    .story_avatar_l {
        clear: none;
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 0 10px 0;
    }

    .story_avatar_r {
        clear: none;
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 0 10px 0;
    }

    .story_avatar_t img, .story_avatar_b img {
        width: 100%;
    }

    /*.storyothers {
        padding: 0 10px;
    }*/


    .storyothers-first a.avatar {
        max-height: 110px;
    }


    /*.storydlg {
        width: 100%;
        height: 100%;
    }*/

    .dialogbox.storydlg {
        width: 100%;
        height: 100%;
        max-height: 100%;
    }

    .dialogbox {
        border: 0;
    }

        .dialogbox div.field {
            float: none;
        }

        .dialogbox div.bfield {
            float: none;
        }

        .dialogbox label {
            clear: none;
            float: none;
            width: auto;
        }

        .dialogbox img {
            margin-left: 0;
        }

        .dialogbox .textbox {
            width: 98%;
        }

        .dialogbox .submit {
            margin-left: 0;
        }


    .commentform li label {
        float: none;
        width: auto;
    }

    .commentform img {
        margin-left: 0;
    }

    .commentform li input, .commentform li textarea {
        width: 100%;
    }

    .searchform li label {
        float: none;
        clear: both;
        width: auto;
        margin-right: 0;
    }

    .searchform li .textbox {
        width: 100%;
    }

    .searchform li .selectbox {
        width: 100%;
    }

    .searchform li .zonebox {
        width: 100%;
    }

    .searchform li .datebox {
        width: 88%;
    }

    .searchform li.btns {
        padding-top: 10px;
        padding-left: 0;
    }

    .sitestatistic h1 span, .sitestatistic h1 a {
        padding: 7px 10px;
    }

    .sitestatistic-i {
        margin: 0 0;
    }

    /*EMBED MEDIA*/
    .embed-video {
        width: 100%;
        height: 215px;
    }

    .embed-photo a.avatar img {
        width: 100%;
    }

    /*SPONSORBOX*/
    .sponsorbox ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
    }

    .sponsorbox li {
        clear: both;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .sponsorbox-i {
        padding: 10px 10px;
    }
}

@media (min-width:481px) {

    .tophomestory-first a.avatar {
        height: 290px;
    }

    .storyothers-first a.avatar {
        max-height: 150px;
    }

    /*EMBED MEDIA*/
    .embed-video {
        width: 100%;
        height: 290px;
    }

    .embed-photo a.avatar img {
        width: 100%;
    }
}

@media (min-width:641px) {
    .tophomestory-first a.avatar {
        height: 380px;
    }

    .storyothers-first a.avatar {
        max-height: 200px;
    }

    /*.homeawardvideo-first .video-player {
        height: auto;
    }*/

    /*EMBED MEDIA*/
    .embed-video {
        width: 100%;
        height: 380px;
    }

    .embed-photo a.avatar img {
        width: 100%;
    }
}

@media (min-width:769px) {
    .tophomestory-first a.avatar {
        height: 460px;
    }

    .storyothers-first a.avatar {
        max-height: 200px;
    }

    /*EMBED MEDIA*/
    .embed-video {
        width: 100%;
        height: 460px;
    }

    .embed-photo a.avatar img {
        width: 100%;
    }
}


@media (min-width:981px) {

    .titlebar {
        margin-bottom: 15px;
    }

        .titlebar h1 span, .titlebar h1 a {
            font-size: 20px;
        }

            .titlebar h1 span.sep {
                padding: 0 10px;
            }

    /*TOPHOMESTORY*/
    .tophomestory-first {
        float: left;
        padding: 0 0;
        width: 440px;
    }

        .tophomestory-first a.avatar {
            height: 250px;
        }

    .tophomestory-other {
        float: right;
        padding: 0 0;
        width: 200px;
    }

        .tophomestory-other ul {
            margin-top: 0;
            padding-top: 0;
            background: none;
        }

            .tophomestory-other ul li a.avatar {
                display: none;
            }

    /*HOMEHEADLINE*/
    .homeheadline h1 span, .homeheadline h1 a {
        padding: 7px 10px;
    }

    .homeheadline ul li a {
        padding: 0 10px;
    }

    .homeheadline-i {
        padding: 0;
    }

    /*HOMETEASER*/
    .hometeaser-other {
        margin-top: 0;
    }

    .hometeaser, .homeawardstory, .homeawardvideo, .homeawardaudio, .homeawardphoto {
        min-height: 320px;
    }

        .homeawardstory a.avatar, .homeawardvideo-other a.avatar, .homeawardaudio a.avatar, .homeawardphoto a.avatar,
        .topstory a.avatar, .lateststory a.avatar, .gallerybox a.avatar {
            margin-right: 15px;
        }

    /*.zonebar {
        padding: 0;
    }*/

    /*.zoneteaser {
        padding: 10px 0;
    }*/

    .zoneteaser li.sep {
        height: 30px;
    }

    .zoneteaser a.avatar {
        width: 200px;
        margin-right: 15px;
    }

    /*.storydetail {
        padding: 10px 0;
    }*/

    .story_body img {
        max-width: 100%;
    }

    .story_body table {
        max-width: 100%;
    }

        .story_body table.tblImage {
            width: 100%;
            margin: 0 auto 10px;
            max-width: 100%;
        }

            .story_body table.tblImage img {
                width: auto;
                max-width: 100%;
            }

            .story_body table.tblImage td {
                text-align: center;
            }

            .story_body table.tblImage p {
                padding: 0;
                margin: 0;
            }

    .story_avatar_l {
        clear: none;
        float: left;
        width: 250px;
        padding: 0;
        margin-right: 10px;
    }

    .story_avatar_r {
        clear: none;
        float: right;
        width: 250px;
        padding: 0;
        margin-left: 10px;
    }

    .story_avatar_t img, .story_avatar_b img {
        width: auto;
    }

    /*.storyothers {
        padding: 0 0;
    }*/

    .storyothers-first a.avatar {
        max-height: 120px;
    }

    .dialogbox.storydlg {
        width: 500px;
        height: 400px;
    }

    .dialogbox {
        border: #CCCCCC 1px solid;
    }

        .dialogbox div.field {
            float: left;
        }

        .dialogbox div.bfield {
            float: left;
        }

        .dialogbox label {
            clear: none;
            float: left;
            width: 120px;
        }

        .dialogbox img {
            margin-left: 120px;
        }

        .dialogbox .textbox {
            width: 250px;
        }

        .dialogbox .submit {
            margin-left: 120px;
        }


    .commentform li label {
        float: left;
        width: 120px;
    }

    .commentform img {
        margin-left: 120px;
    }

    .commentform li input, .commentform li textarea {
        width: 250px;
    }

    .searchform li label {
        float: left;
        width: 120px;
        margin-right: 10px;
    }

        .searchform li label.tac {
            text-align: center;
        }

    .searchform li .textbox {
        width: 300px;
    }

    .searchform li .selectbox {
        width: 180px;
    }

    .searchform li .zonebox {
        width: 300px;
    }

    .searchform li .datebox {
        width: 180px;
    }

    .searchform li.btns {
        padding-top: 10px;
        padding-left: 130px;
    }

    .sitestatistic h1 span, .sitestatistic h1 a {
        padding: 7px 10px;
    }

    .sitestatistic-i {
        margin: 0 0;
    }

    /*EMBED MEDIA*/
    .embed-video {
        width: 640px;
        height: 360px;
    }

        .embed-video iframe {
            width: 640px;
            height: 360px;
            border: 0;
        }

    .embed-photo a.avatar img {
        width: 500px;
    }

    /*SPONSORBOX*/
    .sponsorbox ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
        overflow: hidden;
    }

    .sponsorbox li {
        clear: none;
        float: left;
        width: 20%;
        margin-bottom: 0;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .sponsorbox-i {
        padding: 15px 15px;
    }
}

@media (min-width:1201px) {
    .titlebar {
        margin-bottom: 20px;
    }

    .hometeaser, .homeawardstory, .homeawardvideo, .homeawardaudio, .homeawardphoto {
        min-height: 350px;
    }
}