﻿/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina (portrait) */
/*oa: iPhone 4s portrait;*/
@media only screen and (min-width : 100px)
{
    /*.whitebackgroundarea{ border: 5px solid Lime;}*/
    .portalname h1
    {
        font-weight: normal!important;
        font-size: 13px!important;
        letter-spacing: normal;
        width: 100%;
        top: -8px;
        position: relative;
    }

    .skin_width .portalname
    {
        height: 69px;
        padding-top: 20px;
        padding-left: 57px;
    }

    .sub .skin_width .portalname
    {
        padding-top: 30px;
    }

    #Search
    {
        margin-right: 15px!important;
    }

    #dnn_dnnSEARCH_txtSearch
    {
        width: 136px!important;
    }

    .fixedtop
    {
        position: relative!important;
        height: 261px;
    }

    #mobile_nav
    {
        top: 90px!important;
    }

    .mobilemenuwrapper
    {
        display: inline-block;
        width: 100%!important;
        background-color: #ffffff;
    }

    .mobilemenuwrapper2
    {
        display: table!important;
        width: 100%;
    }

    .mobilemenu
    {
        display: inline-block!important;
        width: 100%!important;
    }

    .simple_skin,
    .fixedtop,
    .scrollablecontent,
    .skin_width
    {
        min-width: 320px!important;
    }

    .scrollablecontent,
    .scrollablecontenthome
    {
        position: relative!important;
        top: -30px!important;
    }

    #ctaMenu
    {
        margin-bottom: 0px!important;
    }

        #ctaMenu li
        {
            margin-right: 10px;
        }

    #mainqlMenu
    {
        position: inherit!important;
        z-index: 10;
        width: 100%;
    }

    .DnnForgeLatestArticle .summary a img
    {
        margin-left: 0px;
        float: inherit;
        width: 100%!important;
        display: block;
    }

    h4.noimagecontent a img,
    h6.agenda a img,
    h5.events a img,
    h4.datelabelnoimage a img,
    .DnnForgeLatestArticle h3 a img,
    .DnnForgeLatestArticle h4 a img
    {
        width: inherit!important;
    }

    h4.noimagecontent,
    h6.agenda,
    h5.events,
    h4.datelabelnoimage
    {
        padding-top: 10px;
    }

    .skin_top_content_wrapper
    {
        top: 36px;
        box-shadow: 0 0px 0px #333333;
    }

    .newsarticleslatestheader
    {
        display: flexbox!important;
        display: -webkit-box!important;
    }

    .nallaatstenieuws
    {
        width: 100%!important;
        min-height: inherit!important;
        overflow-x: hidden;
    }

    .carouFredSel_nav
    {
        padding: 9px 60px 9px 60px!important;
    }

    .datelabelnoimagecontent
    {
        width: 100%;
        margin-top: 10px;
    }

    .carouFredSel_text
    {
        padding-top: 0px;
    }

    .caroufredsel_wrapper
    {
        padding-left: 55px;
        padding-right: 55px;
        padding-bottom: 20px;
    }

    .cleannopadding
    {
        width: 100%!important;
    }

    textarea
    {
        max-width: 270px;
    }

    .skin_top,
    .skin_width
    {
        height: 60px!important;
    }

    .skin_width
    {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .contact_style
    {
        display: inline-block!important;
    }

    #navheader
    {
        display: none;
    }

    #Header1
    {
        height: 120px;
    }

    .PagingTable .NormalDisabled
    {
        display: none;
    }

    .PagingTable td
    {
        padding-right: 15px;
    }

    .module-header h2
    {
        padding-top: 15px;
    }

    .datelabelnoimagecontent,
    .eventscontent
    {
        display: inline;
    }

    h1, h2, h3, h4, h5, h6
    {
        margin-top: 0px!important;
        margin-bottom: 5px!important;
    }

    .module-header h2
    {
        margin-bottom: 20px;
    }

    h3.carouFredSel,
    h3.carouFredSel a
    {
        font-size: 14px!important;
    }

    h3.carouFredSel
    {
        line-height: 16px!important;
    }

    .skin_width .portalname
    {
        padding-left: 16px!important;
        padding-right: 15px!important;
        text-align: center;
    }

    .graybackgroundpane .module-header h2
    {
        padding-left: 15px;
    }

    .cleannopadding,
    .graycontainerbackground .modulecontainer,
    .graycontainerbackground .twitter-timeline
    {
        width: 100%!important;
    }

    ul.searchSkinObjectPreview
    {
        width: 300px!important;
    }

    .skin_main
    {
        position: absolute!important;
    }

    .site_logo
    {
        margin-right: 0px!important;
        display: inline-block!important;
        text-align: center;
        padding-top: 0px!important;
    }

    /* .venvnskin .site_logo {width: 147px!important;}
    .venvnskin .site_logo img {width: 140px;}*/
    .registerskin .site_logo img
    {
        max-width: none;
    }

    .shadowhider
    {
        display: none;
    }

    .skin_header_footer
    {
        background-color: #ffffff;
        height: 69px;
    }

    .portalnamewrapper
    {
        height: 69px!important;
    }

    .skin_top_content
    {
        padding-top: 0px!important;
    }

    .articleheaderwrapper
    {
        min-height: 74px!important;
        max-height: 94px!important;
    }

    .caroufredselimg
    {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .megamenu
    {
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%!important;
        height: 50px;
    }

    .skin_main
    {
        width: 100%!important;
    }

    .breadcrumbwrapper
    {
        padding-left: 15px!important;
        padding-bottom: 0px!important;
        padding-top: 10px!important;
    }

    .breadcrumbwrapperhomeTrue
    {
        padding-top: 0px!important;
    }

    #dnn_ContentPane #ctaMenu
    {
        margin-top: 4px;
        margin-bottom: 0px!important;
        height: 40px;
        display: inline-block;
        width: 100%;
    }

        #dnn_ContentPane #ctaMenu ul
        {
            margin-bottom: 0px!important;
            height: 40px;
            display: inline-block;
            width: 100%;
        }

            #dnn_ContentPane #ctaMenu ul a
            {
                margin-bottom: 0px!important;
            }

            #dnn_ContentPane #ctaMenu ul li
            {
                height: 40px!important;
            }

    .top_contact
    {
        top: 0px;
        padding: 34px 15px 0!important;
    }

    .footer_left
    {
        padding: 10px 0px 10px 0px!important;
        text-align: left!important;
    }

        .footer_left a:first-child
        {
            padding-left: 0px!important;
        }

    .footer_right
    {
        width: 100%;
        padding: 10px 0px 10px 0px!important;
        text-align: left!important;
    }

        .footer_right a:first-child
        {
            padding-left: 0px!important;
        }

    .copyright_bar
    {
        margin-top: 20px;
    }

    .skin_top_right
    {
        width: 100%;
    }

    #ctaMenu
    {
        display: none!important;
    }

    .editmodeTrue .Social-Links,
    .editmodeTrue .top_contact
    {
        display: none;
    }

    header .logo_style
    {
        height: 70px!important;
        text-align: center;
        min-height: 70px;
    }

    .mobile_nav
    {
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        right: 10px!important;
        bottom: 8px!important;
    }

    .menu_box_full
    {
        display: none!important;
        z-index: 100;
    }

    .menu_box
    {
        z-index: 100;
    }

    #spacer
    {
        background-color: #ffffff;
        height: 20px;
        width: 100%;
    }

    .hometab
    {
        padding-left: 15px;
    }

    /*portal.css vsregsiter*/
    .venvnskin .site_logo
    {
        width: auto !important;
        width: /*147px!important*/ initial !important;
    }

        .venvnskin .site_logo img
        {
            width: auto !important;
            width: /*140px*/ initial !important;
        }

    div.registerskin header .megamenu, div.venvnskin header .megamenu
    {
        /*width: 620px !important;*/
        width: auto !important;
        width: initial !important;
    }


    #dnn_ctr1794_DynamicViews_dlReport
    {
        margin-top: 25px;
    }
    /*FAQ*/
    .panel h3.minimize
    {
        display: block;
        background: url(img/icon_min.png) no-repeat right 13px;
    }
    /* FAQ in footer*/
    #footer .navenvn_listingitem_content
    {
        padding-left: 0;
    }

    #footer .ui-accordion .ui-accordion-header
    {
        padding: 0;
    }

    #footer ul.accordeonlist
    {
        padding: 0;
        margin: 0;
    }

        #footer ul.accordeonlist li
        {
            list-style-type: disc;
            padding: 0;
            margin: 0;
        }

    #footer .nalistingheader
    {
        margin-top: 0;
    }

    #footer .ui-accordion .ui-accordion-content
    {
        padding: 0;
    }

    #footer ul.accordeonlist
    {
        line-height: 18px;
    }

    #footer .ui-accordion .ui-accordion-header
    {
        border-bottom: 0;
    }


    #footer .ui-state-default, #footer .ui-widget-content .ui-state-default, #footer .ui-widget-header .ui-state-default,
    #footer .ui-state-active, #footer .ui-widget-content .ui-state-active, #footer .ui-widget-header .ui-state-active
    {
        background: none;
    }

    #footer .accordion2 > h3
    {
        font-size: 14px !important;
        line-height: 18px;
        margin-bottom: 0 !important;
    }

    #footer .navenvn_listingitem_wrapper
    {
        margin-bottom: 0;
    }

    #footer .ui-accordion .ui-accordion-header
    {
        line-height: 18px;
    }

    #footer .navenvn_listingitem_articlewrapper
    {
        width: 95%;
    }

    #footer .accordion2 p, #footer .panelcontent
    {
        font-size: 14px;
        line-height: 18px;
    }
}
/*vsregsiter zoekresultatenlijst*/

.resultContainer[ng-controller="RegisterSubscriptionsCtrl"] .resulttable
{
    display: table;
    width: 100%;
    padding: 10px;
}

    .resultContainer[ng-controller="RegisterSubscriptionsCtrl"] .resulttable:nth-child(odd)
    {
        background-color: #ececec;
    }

    .resultContainer[ng-controller="RegisterSubscriptionsCtrl"] .resulttable .resultrow
    {
        display: table-row;
        padding: 10px 5px;
    }

        .resultContainer[ng-controller="RegisterSubscriptionsCtrl"] .resulttable .resultrow .result
        {
            display: table-cell;
        }

            .resultContainer[ng-controller="RegisterSubscriptionsCtrl"] .resulttable .resultrow .result:first-child
            {
                width: 150px;
                font-weight: bold;
            }


/*iPad*/
@media only screen and (min-width : 768px)
{
    /*.whitebackgroundarea{ border: 5px solid orange;}*/
    .fixedtop
    {
        /* border: 1px solid lime;*/
    }

    #dnn_mobilemenu
    {
        margin-bottom: 10px!important;
    }

    header .logo_style
    {
        float: none!important;
        padding-left: 5px!important;
        min-height: 60px;
        height: 60px;
    }

    .skin_top,
    .skin_width
    {
        height: 30px!important;
    }

    .scrollablecontent,
    .scrollablecontenthome
    {
        top: 35px!important;
    }

    .top_contact
    {
        top: 4px;
        padding: 0px!important;
        padding-left: 15px !important;
    }

    .footer_left
    {
        padding: 10px 0px 10px 0px!important;
    }

    .footer_right
    {
        width: 220px;
        padding: 10px 0px 10px 0px!important;
    }

    .copyright_bar
    {
        margin-top: 0px;
    }

    .skin_top_right
    {
        float: right;
        width: inherit;
    }

    .skin_header_footer
    {
        height: 99px;
    }

    .menu_box_full
    {
        display: block !important;
        height: 70px;
    }

    ul.megamenu li .sub
    {
        position: absolute!important;
        min-height: 70px;
        margin-top: 0px!important;
        top: 170px;
        z-index: 10;
        padding: 0px 0px 0px 0px!important;
        width: 100%!important;
    }

    .megamenu
    {
        height: 99px!important;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    ul.megamenu a
    {
        padding: 7px 1px 27px 0px!important;
    }

    .aaa
    {
        position: relative;
        padding-left: 9px;
        width: 740px!important;
        height: 99px;
    }

    .bbb
    {
        width: 740px;
        margin: 0px auto;
        height: 99px;
    }

    #megamenu li.subheader
    {
        margin: 0px 0px 3px 0px!important;
        display: inline-block!important;
        min-width: 180px;
        max-width: 180px;
        width: 180px;
        overflow: hidden;
    }

        #megamenu li.subheader a
        {
            display: inline-block!important;
            border: 0px solid #FFFFFF!important;
            width: 180px;
        }

    .megamenu
    {
        padding-left: 8px!important;
    }

    .megamenusubcontent
    {
        width: 100%!important;
        height: 79px!important;
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }

    .skin_top_content_wrapper
    {
        top: 0px;
        box-shadow: 0 0px 0px #333333;
    }

    .mobilemenuwrapper
    {
        display: none!important;
    }

    .portalname h1
    {
        font-weight: normal!important;
        font-size: 18px!important;
        letter-spacing: normal;
        width: 450px;
    }

    .skin_width .portalname
    {
        height: 99px;
        padding-top: 20px;
        padding-left: 57px;
    }

    .portalnamewrapper
    {
        height: 113px!important;
    }

    #Header1
    {
        height: 170px;
    }

    .eventswrapper .summary
    {
        display: table;
    }

    .eventswrapper h5.events
    {
        display: inline;
    }

    #dnn_ContentPane #ctaMenu
    {
        margin-top: 18px!important;
        display: inline-block!important;
    }

    #navheader
    {
        display: inline;
    }
}









/* Large Devices, Wide Screens */
@media only screen and (min-width : 1140px)
{
    /*.whitebackgroundarea{ border: 5px solid aqua;}*/
    header .logo_style
    {
        float: left!important;
        padding-left: 10px!important;
        padding-top: 0px;
        min-height: 70px;
    }

    .fixedtop
    {
        /*border: 1px solid blue;*/
        position: fixed!important;
        height: 93px;
    }

    ul.megamenu li .sub
    {
        position: absolute!important;
        min-height: 99px;
        margin-top: 0px!important;
        top: 69px;
        z-index: 10;
        width: inherit!important;
    }

    .mobilemenuwrapper
    {
        display: none!important;
    }

    ul.megamenu li .sub
    {
        padding: 0px 0px 0px 0px!important;
    }

    .simple_skin,
    .fixedtop,
    .scrollablecontent,
    .skin_width
    {
        min-width: 1140px!important;
    }

    .simple_skin,
    .fixedtop,
    .scrollablecontent
    {
        max-width: 100%!important;
    }

    .cleannopadding
    {
        width: 100%!important;
    }

    textarea
    {
        max-width: 470px;
    }

    #Header1
    {
        padding-top: 10px;
        padding-bottom: 10px;
        height: 79px;
    }

    .skin_top_content_wrapper
    {
        box-shadow: 0 1px 4px #333333;
    }

    .graycontainerbackground .cleannopadding,
    .graycontainerbackground .modulecontainer
    {
        width: 292px!important;
    }

    .nallaatstenieuws
    {
        width: inherit!important;
        min-height: inherit!important;
    }

    #ctaMenu li
    {
        margin-right: 17px;
        width: 220px;
    }

    h3.carouFredSel,
    h3.carouFredSel a
    {
        font-size: 18px!important;
    }

    h3.carouFredSel
    {
        line-height: 22px!important;
    }

    .top_contact,
    .PagingTable .NormalDisabled
    {
        display: inherit;
    }

    .PagingTable td
    {
        display: inline;
    }

    .carouFredSel_nav
    {
        padding: 19px 60px 9px 60px!important;
    }

    .skin_width .portalname
    {
        padding-left: 16px!important;
        padding-right: 0px!important;
        text-align: left;
    }

    .datelabelnoimagecontent,
    .eventscontent
    {
        display: table-cell;
    }

    h4.noimagecontent,
    h6.agenda,
    h5.events,
    h4.datelabelnoimage
    {
        padding-top: 0px;
    }

    .skin_main
    {
        position: inherit!important;
    }

    .skin_top
    {
        height: 30px!important;
    }

    #mainqlMenu
    {
        width: inherit!important;
    }

    .scrollablecontent,
    .scrollablecontenthome
    {
        top: 190px!important;
    }

    #mainqlMenu
    {
        margin-right: 37px;
    }

    ul.megamenu
    {
        padding-top: 17px!important;
    }

        ul.megamenu li
        {
            padding: 0px!important;
        }

        ul.megamenu a
        {
            padding: 0px 1px 27px 1px!important;
        }

    .caroufredsel_wrapper
    {
        padding-left: 55px;
        padding-right: 55px;
        padding-bottom: 20px;
    }

    .articleheaderwrapper
    {
        max-height: 94px!important;
    }

    .caroufredselimg
    {
        margin-top: 10px;
        margin-bottom: 20px;
        min-height: 193px;
    }

    .megamenu
    {
        overflow-x: hidden;
        overflow-y: hidden;
        width: 730px!important;
        height: 69px;
    }

    #mainqlMenu ul
    {
        float: right;
    }

    #mainqlMenu
    {
        float: right;
    }

    .site_logo
    {
        padding-left: 7px!important;
    }

    #Search
    {
        margin-right: 42px!important;
    }

    #dnn_dnnSEARCH_txtSearch
    {
        width: 206px!important;
    }

    .breadcrumbwrapper
    {
        padding-left: 15px!important;
        padding-bottom: 20px!important;
        padding-top: 10px!important;
    }

    .breadcrumbwrapperhomeTrue
    {
        padding-top: 0px!important;
    }

    #dnn_ContentPane #ctaMenu
    {
        padding-bottom: 0px;
    }

        #dnn_ContentPane #ctaMenu ul a
        {
            margin-bottom: 0px!important;
        }

    #dnn_ContentPane #ctaMenu
    {
        margin-top: 5px!important;
        margin-bottom: 7px!important;
        height: inherit;
        display: inherit!important;
        width: inherit;
    }

        #dnn_ContentPane #ctaMenu ul
        {
            margin-bottom: 0px!important;
            height: inherit;
            display: inherit!important;
            width: inherit;
        }

            #dnn_ContentPane #ctaMenu ul a
            {
                margin-bottom: 0px!important;
            }

            #dnn_ContentPane #ctaMenu ul li
            {
                height: inherit!important;
            }

    #ctaMenu
    {
        display: block!important;
    }

    .editmodeTrue .top_contact
    {
        display: block;
    }

    .menu_box_full
    {
        display: block!important;
    }

    .menu_box
    {
        display: none;
        height: 69px;
    }

    .aaa
    {
        max-width: 1140px;
        margin: 0 auto;
        position: relative;
        padding-left: 189px;
        width: 950px!important;
        height: 99px;
    }

    .registerskin .aaa
    {
        padding-left: 273px;
        width: 1000px!important;
    }

    .bbb
    {
        width: 100%;
        margin: 0px auto;
        height: 99px;
    }

    #megamenu li.subheader
    {
        margin: 0px 10px 3px 0px!important;
        min-width: 180px;
        max-width: 180px;
        width: 180px;
    }

        #megamenu li.subheader a
        {
            width: 180px;
        }

    .megamenu
    {
        margin-right: 50px;
        padding-left: 30px!important;
    }

    .megamenusubcontent
    {
        width: 100%!important;
        height: 79px!important;
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }

    .portalname h1
    {
        width: 450px;
    }
    /*vsregister*/
    /*div.registerskin header .megamenu {
        width: 600px!important;
    }
    div.registerskin header .megamenu, div.venvnskin header .megamenu
    {
        width: 620px !important;
    }*/

    .megamenu
    {
        padding-left: 24px!important;
    }

    ul.megamenu li .sub
    {
        width: auto !important;
        width: inherit !important;
    }

    .bbb
    {
        width: 740px;
    }
}
@media print { 
 /* All your print styles go here */
 .fixedtop, .skin_top, .skin_header_footer, #ControlBar_ControlPanel,  .iframe, .ModDnnForgeNewsSearchC, .coloredbackgroundarea, .coloredbackgroundpane  { display: none !important; }
    .skin_width, .skin_main
    {
        width:99%
       
    }
    a[href]:after {
    content: none !important;
  }
}