﻿
@media (min-width:808px) and (max-width:1010px) {
    #rightcont {
        position: relative;
        margin-left: 10px;
        width: 100%
    }

    #raad, div#raad .bottomcolumn {
        width: 100% !important
    }

    #raad {
        height: 115px;
        overflow: hidden;
        right: auto !important;
        z-index: 9999;
        background: #fff;
        position: fixed !important;
        top: auto !important;
        bottom: 0
    }

    .topcontent {
        width: 100% !important
    }

    #bigphoto {
    }

    .smallphoto {
    }

    #bottomleft {
        width: 100% !important
    }



    div.smallphoto.fotoseries {
        width: 100% !important
    }

    #content, inzetafbeelding {
        width: 100%
    }
     

    #content {
        padding-top: 15px
    }

    #mobilenav {
        display: block !important;
        padding: 11px !important;
        position: absolute !important;
        background-color: #FFF
    }
    #mobilemenu2 {
        display: block !important;
    } 
    
    #ac160600 {
        width: 33% !important;
        margin-right: 10px;
        margin-left: 20px
    }

    #stickycontents {
        margin-left: 13px
    }

    #midfooter {
        min-height: 150px;
        margin-left: 2%;
        margin-right: 2%;
        float: left;
        width: 27%;
        color: #FFF;
        text-align: left
    }

    #ac160600 .bottomcolumn {
        max-width: 300px !important
    }

    #bcov.bottomcolumn {
        display: none !important
    }
}

.showForPrint_block {
    display: none;
}

@media print {

    .us_shortcode {
        display:none !important;
    }
    .showForPrint_block {
        display: block !important;
    }

  
}


@media only screen and (min-width:808px) and (max-width:1030px) {
    div.bottomcolumn.npage {
        width: 500px !important;
    }
}

/* s
@media only screen and (min-width:1030px) and (max-width:1128px) {
    #rightcont {
      
    }

    #topcontent {
        margin-left: 14px !important;
    }

    .bottomcolumndouble {
        margin-right: 25px !important;
        width: 365px;
    }

    .topcontent {
        min-width: 974px !important;
    }

    #bigphoto {
        width: 388px !important;
        height: 360px;
    }

    #mobilemenu2 {
        display: none !important;
    } 

    #rightcont {

    }

    .leaderboarddiv {
        padding-top: 0px !important;
        margin-top: 0 !important;
        width: 693px !important;
    }

    #content {
        padding-top: 0 !important;
        width: 690px !important
    }

    .topcontent {
        width: 690px;
        min-height: 335px;
        float: none;
        margin: 4px 4px 8px 0;
    }

    div.bottomcolumn.npage {
        width: 390px !important;
    }

    .offer-row {
        width: 390px !important;
    }

    .offerbmedia {
        width: 22% !important;
    }
}
*/
@media (min-width: 1128px) {
    #bottomcontent, #container, .centercontainer {
        max-width: 1128px !important
    }

    #content {
        padding-top: 0 !important;
        width: 790px !important
    }
    #mobilemenu2 {
        display: none !important;
    } 

    div.bottomcolumn.npage {
        width: 500px !important;
    }
}


@media (max-width: 1128px) {
    .youtube-popup-middlesection {
        max-width: 694px;
    }

        .youtube-popup-middlesection iframe {
            width: 694px;
            max-width: 694px;
        }
}

 
    @media (min-width:1030px) {

        /*
        #bottomleft, .topcontent {
            width: 840px
        }   

	    */
        #digikrant {
            display: none !important;
        }
        .menuItemMobileOnly {
            display: none !important;
        }

        #logoContDiv {
            display: none !important;
        }


        .pbph div {
            width: auto !important
        }

        .pbph .blocker {
            width: 100% !important
        }

        .open2, .popbox .open {
            width: 100% !important
        }

        .vpfloat img, .youtube-popup iframe {
            width: 260px !important
        }

        .youtube-popup iframe {
            height: 180px !important
        }

        .youtube-popup {
            height: auto !important
        }

        #rightcont img {
            max-width: 258px
        }

        #rightcont, #rightcont button, #rightcont div {
            max-width: 260px
        }

        #adbar {
            min-width: 260px
        }


        #topcontent {
            margin-left: 19px;
            margin-right: 25px;
            margin-top: 0
        }
    }

    @media (max-width:1030px) {

        #logoContDiv {
            /* z-index: 9999999999; /* fixed een lelijke scroll  bug bij deze fix  $("#barcontainer").css('top', 0);
        //Maar zorgt ervoor dat het mobielee menu het niet meer doet
            */
        }

        #mobilemenu2 {
            display: block !important;
        } 

        #persgroepsocials {
            display: none !important;
        }

        #barcontainer, #navcontainer {
            background-color: #fff !important;
        }

        #vaandel {
            display: none !important;
        }


        .menuItemMobileOnly {
            display: block !important;
        } 
        #digikrant{
            display: block !important;
        } 
        
        #logoContDiv {
            width: auto !important;
            text-align: center !important;
        }

        #nav {
            height: 51px !important;
        }

        #logoCont img {
            max-width: 55%; /* percentages werken beter */ 
        }

        #search {
            z-index: 9999;
        }

        #logoContDiv img {
            max-height: 42px;
        }

        #logoContDiv:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 100%;
        }


        #logoCont {
            display: inline;
            margin: 0 auto;
            /* z-index: 9999999999 !important; verwijderd want zit t zoekvakje in de weg op mobiel! */
        }

           

        #mobilemenutop {
            position: fixed !important;
        }

        #container {
            top: 47px;
            height: 100%;
            padding-top: 0;
            background-color: #FFF;
            margin: 0 auto;
        }

        #barcontainer {
            position: fixed;
            z-index: 5;
            height: 51px;
            width: 100%;
            background-color: #fff;
            margin-top: -4px !important;
            top: 0px;
        }

        .offer-row {
            width: 100% !important;
            margin-right: 25px;
        }

        #leftbar {
            width: 30%;
        }

        .nav > li > a {
            padding: 0 8px;
        }

        #search, .topcontent {
            float: none;
        }

        #bar, #bottomcontent, #container, .centercontainer {
            width: 100%;
        }

        #mobilenav, .dropdown {
            position: absolute !important;
        }
 

        .npage {
            padding-left: 5px;
            padding-right: 5px;
        }

        .dropdown {
            z-index: 9999999999;
            top: 0;
            display: block !important;
        }

        #rightnav {
            min-width: 56px;
        }

        #searchbutton {
        }

        #navcontainer {
            border-bottom: none !important;
            /* waarom?
        background: 0 0 !important;*/
            box-shadow: none;
        }

            #navcontainer ul li a {
                color: #454545 !important;
            }

        #rightnav, #search {
        }

        #search {
            border-left: 0 solid #e1e3de;
            border-right: 0 solid #e1e3de;
        }

        #content {
            margin-top: 0;
            padding-top: 10px;
        }




        .topcolumn {
            margin-top: 0;
        }

        #topcontent {
            margin-top: 0 !important;
        }

        .logotxt {
            display: none !important;
        }

        #logo {
            margin-top: -45px !important;
            width: 300px;
            z-index: 1;
            margin-left: 4% !important;
        }

        #wnpsm {
            margin-top: 4px !important;
        }

        #bar {
            margin-left: 0;
            margin-bottom: -1px;
            height: auto !important;
            padding: 0;
        }

        #mobilenav {
            display: block !important;
            background-color: #FFF;
            padding: 19px 10px 10px 15px;
        }

        #searchbutton {
            height: 100% !important;
        }

        #bar ul {
            border-bottom: 1px solid gray;
        }

        #logobalk, #logocontainer, #mobilemenutop .open, #newsocial, .hideformobile, #bar ul, #social {
            display: none;
        }

        .berichtencontent td, tr {
            border: none !important;
        }

        #leftbar .catsidebar #zoekterm {
            width: 68% !important;
            margin-left: 10px !important;
        }
    }

    @media (min-width:808px) {

    


        #ac160600, #ac160600 .bottomcolumn {
            width: 300px !important
        }

        .catsidebar {
            width: 260px !important;
            margin-top: 0 !important
        }

        .fotoseries {
            width: 300px !important
        }

        .smallphoto {
            width: 310px !important;
            height: 177px;
            margin-bottom: 6px
        }

        #bigphoto {
            width: 484px;
            height: 360px
        }

        #agendaintro {
            max-width: 100% !important
        }


        .ccmobile {
            display: inline !important
        }

        #ac160600 {
            /*
        width: 180px !important*/
        }

        #navMenu > ul > li.collapsed {
            display: inline-block !important;
            zoom: 1
        }

        #navMenu > ul ul li.collapsed {
            display: block !important
        }

        /* 
	.topcontent {
        min-width: 1024px
    }
	*/

        .topcenter .highlighter {
         }

        .contentbar_item {
            width: 146px
        }

        .catsidebar {
            width: 250px !important;
            margin-top: 0 !important;
        }
    }

@media (max-width:808px) {

    #bcoverview .rubriekkop {
        margin-bottom: 18px !important;
    }


        .c-bg-grey .open {
            width: 100%;
        }

        .intro-tekst-kop {
            font-size: 24px !important;
        }

        #mailform input, #mailform textarea {
            
            width: 82% !important;

        }


        #search {
            min-width: unset !important;
        }
        .formcontents {
            padding: 26px !important;
        }

        .exclusiefLabel:before, .premiumlabel {
            width: 32px !important;
            height: 50px;
        }





    body, html {
        margin: 0px !important;
        /* overflow-x: hidden !important; seems to break bredavandaag */
        }

    /*

        #rightcont {
            display:none !important;
        }
            */
        .site-footer p {
            line-height: 1.4;
        }

        #extranew .open {
            font-size: 14px !important;
            padding-left: 24px !IMPORTANT;
            padding-right: 24px !important;
            margin-right: 4px;
        }

        #extranew {
            height: 120px !important;
            padding: 14px !important;
            padding-top: 18px !important;
            margin-bottom: 24px;
        }
            #extranew div {
                font-size: 14px !important;
                line-height: 1.4;
            }

        .extranew_subscribe {
            clear: both;
            display: block;
            margin-top: 20px;
        }

        .mobileshare {
            max-width: 60px;
            margin-left: 15px !important;
        } 
        
        .streamer {
            margin-right: 100% !IMPORTANT;
            margin-top: 0px !important;
        }
            .streamer:before {
                margin-top: -55px !important;
                margin-left: -12px !important;
                margin-right: 12px !important;

            }


        #infobar {
            left: 0px !important;
            right: auto !important;
        } .topcontent {
            float: none !important;
        }

        .kolom468 {
            margin-left: 0px !important;
        }

            .showmobileBlock {
            display: inline-block !important;
        }
        #articleShared {
            padding-top: 56px !important;
            padding-bottom: 100px !important;
            height: 90px !important;
            line-height: 2 !important;
        }



        .pass-graybar {
            width: 100% !important;
        }

        .pass-strength-visible {
            width: 100% !important;
        }



        #mobilemenu2 {
            display: block !important;
        }
        #infotos {
            display: none;
        }
        .kop {
            margin-left: 15px;
        }

        #topbanner {
            display: none !important
        }

        div.bottomcolumn.npage {
            width: 90% !important;
        }

        .portalitem {
            width: 94% !important
        }

       #rightcont {
            margin-top: 10px;
            position: relative;
            right: auto;
            top: auto;
        }

        .berichtenstroom {
            /*
        margin-left: 25px !important;*/
        }

        #bigphoto, .smallphoto {
            background-size: 110% auto !important;
        }

        .actionbutton {
            max-width: 100% !important;
        }

        .moremessages {
            max-width: 90% !important;
            margin-left: 10px;
        }

        #adbar, #adbar2, #rightcont {
            /*display: none !important;*/
        }
            #rightcont .bottomcolumn {
                text-align: center !important;
            }

            #ac160600 .bottomcolumn, #rightcont #adbar, .mpcontainer {
                max-width: 100% !important;
            }

            #rightcont .paperitems a {
                margin-bottom: 0 !important;
            }

        .pagination:first-child {
            padding: 0px;
        }

        .pagination a {
            /*
        padding: 8px;*/
        }

        .artfoto {
            width: 48%;
            float: left !important;
        }

        #leftbar .catsidebar #zoekterm {
            width: 75% !important;
        }

        #leftbar .catsidebar .actionbutton {
            width: 100% !important;
        }

        #topcontent {
            padding-left: 0 !important;
            min-width: 0 !important;
            margin-top: 0;
        }

        #editor div {
            max-width: 240px !important;
        }

        .newspad {
            font-size: 90% !important;
            padding: 6px 15px;
        }

        .topcenter .highlighter {
            font-size: 12px;
        }

        #Altprijs, #Prijs {
            width: 75px !important;
        }

        #contentbar_container {
            max-height: 42px;
            width: 100%;
            overflow-y: hidden;
            overflow-x: auto;
        }

        #rightcont {
            /* margin-left: 3px !important;*/
            margin-left: 0px !important;
            float: none !important;
            display: block;
            max-height: none;
            top: 0 !important;
            max-width: none !important;
        }

        .marktitem ul {
            margin-left: 153px;
        }

            .marktitem ul li {
                float: right;
            }

        .imgof, .martkitem img {
            max-width: 84px !important;
        }

        #Altprijs {
            margin-left: 2px;
        }

        #cke_Omschrijving {
            float: left;
            margin-bottom: 10px;
            width: 310px !important;
        }


        .smallphoto .newspad {
            padding-bottom: 8px;
        }


        #foot {
            margin-top: 50px;
        }

        .pad p {
            padding-left: 10px;
            padding-right: 10px;
        }

        .sizefilter img {
            max-height: none !important;
        }

        #searchfield {
            max-width: 135px !important;
        }

        .pad {
            padding-left: 0;
            padding-right: 0;
        }

        .lirubriekm {
            display: block;
        }

        .catsidebar ul li {
            width: 100%;
            font-size: 14px !important;
            height: 28px !important;
            line-height: 26px !important;
        }

        .catsidebar {
            margin-bottom: 20px;
        }

        .actionbutton, input[type=password], input[type=text] {
            width: 100% !important;
        }

        #navcontainer {
            border-bottom: 0 !important;
        }

        .nounder .paddingbottom {
            width: 90px !important;
            margin-right: 12px;
        }

        #wnpsm {
            margin-top: -60px;
            display: none;
        }

        .adv180_150 {
            margin-right: 4px;
        }

        #rightcont button, #rightcont div, #rightcont img {
            max-width: 100%;
        }

        .dotdotdot {
            margin-bottom: 5px;
        }

        .us_shortcode {
            margin-right: -5px;
        }

        #rightcont .adv img {
            max-width: 150px;
            height: auto;
        }

        #rightcont a {
            float: none !important;
            clear: both !important;
            margin-bottom: 6px;
        }

        .txtAImg {
            float: left !important;
        }

        .pbph a, .pbph div, .pbph h3, .pbph span {
            width: 100% !important;
            text-align: left !important;
            max-width: 100% !important;
        }

        #bottomleft, #bottomright {
            float: none;
            width: auto;
        }

        .bottomcolumn {
            margin-bottom: 16px;
            min-height: inherit !important;
        }

        #bigphoto {
            height: auto;
        }

            #bigphoto img, .smallphoto img {
                height: auto !important;
            }

        .topcontent h1 a {
            padding: 6px 8px;
        }

        .commentscount img, .newspad img {
            width: 16px !important;
        }

        .smallphoto {
            width: 50% !important;
            height: 135px !important;
            max-height: 135px;
        }

        .topcontent {
            min-height: 1px !important;
            width: 100%;
            overflow: hidden;
            float: none;
            margin: 0;
        }

        .pbph {
            margin: 0 auto;
        }

        .fotoseries {
            width: 100% !important;
            height: 180px !important;
        }

         

        #logoCont, #search {
            position: relative;
        }

        .nbImg {
            width: 90px;
            height: 57px;
        }

        .showmobile {
            display: inline;
        }

        .martkitem, .mpcontainer {
            text-align: left;
        }

        #emailadres, #subscribeform {
            width: 142px !important;
        }

        #subscrbutton {
            width: 156px !important;
        }

        #fbtw {
            height: 182px;
            clear: both;
        }

        .topcolumn {
            min-height: initial !important;
            float: left;
            padding-bottom: 10px;
        }

        #raad {
            height: 115px;
            overflow: hidden;
            z-index: 9999999;
            background: #fff;
            position: fixed !important;
            bottom: 0 !important;
        }

        div#raad .contenttext {
            padding-left: 10px;
        }

        #footerlinks {
            clear: both;
            margin-left: 10px !important;
        }



        .archiefkrantlink {
            margin-top: 30px !important;
        }

        #leaderboardMOBILE {
            width: 100%;
            position: relative;
            bottom: 0;
            margin-top: -20px;
            margin-bottom: 15px;
            left: 0;
            top: 0;
            z-index: 99999;
        }

        #nieuwscontent {
            margin-left: 0;
        }

        .MainNieuwsheader a {
            font-size: 18px;
        }

        .smallphoto h1 {
            font-size: 15px;
        }

        .LaatsteNieuwsKop {
            max-width: none;
        }

        .bmedia .rubriektc .rubriekthumb {
            width: 100%;
            margin: -12% 0 0;
        }

        .bottomcolumndouble .rubriekthumb {
            float: left;
            width: 100%;
            margin-top: -12%;
        }

        .bmedia .rubriektc {
            overflow: hidden;
            max-height: 80px;
            margin-bottom: 0;
            width: 100%;
            float: none;
        }

        .maxpad {
            max-height: none !important;
            height: auto !important;
        }

        .c2 {
            padding: 0 10px;
        }

        .bottomcolumnfull {
            width: 94% !important;
        }

        #bottomcontainer {
            margin-top: 0 !important;
        }

        #nieuwscontent li {
            padding: 10px;
        }

        #NieuwsDw {
            margin-top: 20px;
        }

        .kkadv {
            width: 140px !important;
        }

        .adv140_80 img, .adv180_150 {
            width: 140px;
            margin-left: 5px;
        }



        .adv140_80 {
            width: 140px;
        }

        body {
            overflow-x: hidden;
        }

        #rightnav {
            top: 0;
            z-index: 9999999999;
        }

        .offerbmedia {
            width: 45% !important;
        }

        #toggleKnop {
            margin-right: 25px !important;
        }

        .bmedia {
            float: left;
            width: 45% !important;
            margin-right: 15px;
            margin-bottom: 10px;
        }

            .bmedia:nth-of-type(even) {
                float: right;
                margin-right: 0;
            }

        #ac160600, .maxpad, #leftbar, #ac160600 .bottomcolumn, .catsidebar, .offer-row, #bigphoto, #rightcont, .bottomcolumn, .bottomcolumndouble, .youtube-popup, #KrantMail, #fbtw, #raad, #bottomcontent, .fullcontent, .mainartph {
            width: 100% !important;
        }

            #ac160600 > .bottomcolumn > div {
                text-align: center;
            }

            #ac160600 .nbImg, .fb-comments, .fb-comments iframe[style], .fb_iframe_widget > span[style] {
                width: 260px !important;
            }

        .berichtencontent {
            margin: 15px;
        }

        .archieftekst {
            padding: 15px;
        }

        .portrait_mode, .nounder {
            margin-left: 10px;
        }

        .smallphotometa, #nieuwscontent .mobilenli, #navuser, .lirubriek, #adbar .paperHolder, #wnpsm, .kkaotxy, #nieuwscontent .articleShort, #rightcont h3, #subscribetxt, .hidemobile, #bottomlinks, #footcontent .contenttext, #infotos, .extramedia .bmedia:nth-of-type(2n+0) {
            display: none;
        }

        .paperitem h3, #bcalbums a:nth-child(n+4), #bcpoll h3, #nbselector, #agendalist .LaatsteNieuwsKop, #agendalist .contenttext, #krantbar, #leaderboardMOBILE {
            display: block;
        }

        #nieuwscontent img, #raad h3 {
            margin-bottom: 2px;
        }

        .topcenter h1, #newsphoto h1 {
            font-size: 22px;
        }

        #morecnt .pad, .threecwide {
            margin-left: 0 !important;
        }

        #rightcont .contenttext, .smallphoto .MainNieuwsheader a, .contenttext, .contenttext2 {
            font-size: 14px;
        }

        .kkaot, #bcov, #leaderboard, .kkaotx {
            display: none !important;
        }

        #container, #foot, #leaderboardMOBILE img, #nieuwscontent, #topcontent, .topcolumn, #nounder, .smallphoto h1, .topcontent h1, #footcontent, #content, .articleimage {
            width: 100%;
        }

        .npage {
            width: 93% !important;
        }

        .catsidebar {
            width: 95% !important;
            margin-left: 15px;
        }

            .catsidebar ul li {
                width: 94% !important;
                background-color: #fff;
                color: #000 !important;
            }

        #searchComp {
            width: 250px !important;
        }
    }

  
    @media  (max-width: 1030px) {
        #adspacer {
            padding-top: 50px;
        }
        .sea {
            top: 0px;
        }
    }


    @media (min-width: 660px) {
        #barcontainer { /* Dit was de logobalk.. maar we willen de hele breedte */
            border-top: 1px solid #ebebeb;
        }
    }



    @media only screen and (max-width: 1128px) {

        .smallphoto:hover, .etalage-photo-img:hover {
            background-size: 125% auto !important
        }

        .smallphoto, .etalage-photo-img {
            background-size: 120% auto !important
        }

        .etalage-photo {
            max-width: 246px;
        }
    }
