#aanmelden form.logo_upload { background-color:#fff;}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    /* snelkoppeling webapp op mobiel*/
    .hide_home_content_mobiel { display:none;}
    .wrap_text_photo_data.koppel { top: 0; padding-top: 0;}
    .flex_tekst_koppeling { width: 100%; margin:  0 0 0; }
    /* ///*/
    .contact-home.hide {display:none;}
    .content_pages header, .contentblock_inner.left header {  font-size: 1.8em!important; }
    .contentblock_inner.left { padding-left: 8%!important; width: 37%!important;}
    .fa-phone-office, .fas.fa-mailbox {display:none;}
    .content_home {  width : 96%;  padding-top: 3%; padding-left: 2%; padding-right:2%;}
    .content_home.vacaturebank_alles { margin-left: 0;margin-right: 0; width: 95%; padding-left: 3%; padding-right: 2%;}
    .vacaturebank.alle-vacatures { float:left; width: 62%;}
    .fb-like:before { display:none;}
    .contact-home.desktop {padding: 10px 5px;}
    .vacaturebank, .vacaturebank.alle-vacatures, .vw_academie { float:left; width: 63%;}
    .vw_academie.talentenscan { width: 90%!important; margin: 0 5%;}
}

@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (orientation : landscape) {
    .vw_aanmelden_bottom {width: 96%;padding: 2% 3%;margin: 0 ;  }
    .vw_aanmelden_top {width: 86%;padding: 2% 5%;margin: 0 0 0 3% ;    }
    .inloggen_form.login_unknown .aanmelden_rechts label {width: 32%;font-size: 14px;  }
    .profiel_top { width: 100%;}
    .vacature_details, .academie_details {padding-top: 2%;width: 96%;padding-left: 2%;padding-right: 2%;
        margin: 1% 0!important;    }
    .history_back_before { width: 81%;    }
    .content_home {  width : 96%;  padding-top: 3%; padding-left: 2%; padding-right:2%;}
    .contact-home.hide {display:none;}
    .content_pages header, .contentblock_inner.left header {  font-size: 1.8em!important; }
    .contentblock_inner.left { padding-left: 8%!important; width: 37%!important;}
    .fa-phone-office, .fas.fa-mailbox {display:none;}

    .fb-like:before { display:none;}
    .contact-home.desktop {padding: 10px 5px;}
    .vacaturebank, .vacaturebank.alle-vacatures, .vw_academie { float:left; width: 60%;}
    .vw_academie.talentenscan { width: 90%!important; margin: 0}
    #content_talentenscan {padding: 1% 5%;width: 90%!important;  }
}

@media only screen and (max-width:60em) {
     /*new - from wassenaardoet - */
    .hide_home_content_mobiel { display:none;}
       ul.slimmenu > li.hide, .hide, .hide_subnav { display:none;}
    .show { display:block;}
    .banner {background-position: center; background-size: auto 100%;height: 130px;    }
    /* snelkoppeling webapp op mobiel*/
    .wrap_text_photo_data.koppel { top: 0; padding-top: 0;}
    .wrap_text_photo_data { width: 96%; margin-top: 1%; padding: 5% 2% 0; height: 90%;   }
    .wrap_text_photo_data a { color: #fff; width: 30%; }
    .wrap_text_photo_data.koppel { top: 0px; padding-top: 0;}
    .flex_tekst_koppeling a { background-color:#ea6604; color:#fff; margin-top: 7px; margin-right: 10px;padding: 2px 5px; font-size: 9px; float:right;}
    .flex_tekst_koppeling { width: 100%; margin:  0 0 0; }
    .tooltip_snelkoppel header {text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000; -moz-text-shadow: 1px 1px #000;}
    .tooltip_snelkoppel ul { width: 48%; float:left; padding-left: 4px;}
    .tooltip_snelkoppel header { font-weight: bold; font-size: 15px; color:#fff; text-shadow: 1px 1px #000;-webkit-text-shadow: 1px 1px #000;        -moz-text-shadow: 1px 1px #000;    }

    .home_banner { width: 100%; display:inline-flex; height: auto; align-items: center; justify-content: space-between;}
    .home_banner_img { width: 20%; height: 250px;
        /* schaduw aan de binnenkant, links */
        position: relative; overflow:hidden;
    }
    .home_banner_img::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 20px;              /* breedte van de schaduwlaag */
        box-shadow: inset -10px 0 10px -5px rgba(0,0,0,0.6);
        pointer-events: none;     /* overlay niet klikbaar */
    }
    .home_banner_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display:block;
    }

    /* tooltip webapp */
    .flexslider .tooltip_snelkoppel li { padding: 0 5% 0 0; width: 95%!important; margin-left: 1%; list-style-type: disc;}
    a.tooltip.tooltip_mob span:after {content: '';position: absolute;top: 50%;right: 100%;margin-top: -18px;width: 0; height: 0;border-right: 8px solid #fff;border-top: 8px solid;
        border-bottom: 8px solid transparent;    }
    a:hover.tooltip.tooltip_mob span {visibility: visible;left: -218px;
        margin-top: -100px;z-index: 999999;    }
    a.tooltip.tooltip_mob span { position: absolute; width:325px; color: #FFFFFF;background: #ea6604;height: auto;padding: 15px;line-height: 20px;font-size: 14px;text-align: center;visibility: hidden;border-radius: 8px;       box-shadow: 0 2px 4px rgba(0,0,0,0.5);    }
    a:hover.tooltip.tooltip_mob span.tooltip_snelkoppel, a.tooltip.tooltip_mob span.tooltip_snelkoppel { margin-top: 14px!important;margin-left: 0;left: -230px;background-color: #44446b!important;font-size: 12px;text-align: left!important;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;box-shadow: 3px 3px 40px #fff;  }
    a.tooltip.tooltip_mob  {  position: relative; display: inline; z-index: 9999999;}

    /* FOOTER*/
    footer.mobiel { text-align: center; padding-bottom: 300px;}
    footer.mobiel div { display:inline-block; }
    footer.mobiel { margin: 0; color:#fff; background-color:#07077c;}
    .main-tekst .footer_menu li {text-align:center;  }
    footer.mobiel address { padding: 0 2%;}
    footer.mobiel .copyright {   padding: 5% 0; width: 90%;}
    footer.mobiel a {  color: #9da5ba;}
    .mobiel_bottom { background-color: #a2bce6;}
    .mobiel_bottom_center {background-color: #07077c; text-align: center;}
    .mobiel_footer { padding: 0;}
    .mobiel_footer a { font-size: 11px; color: #abc6f3!important;}
    .mobiel_bottom, .mobiel_bottom_center, .mobiel_footer { padding:3% 5%;width: 90%; font-size: 10px; height: 500%;display:inline-block; overflow:hidden;}
    footer.mobiel label, footer.mobiel a { padding: 0% 1%; width: auto!important; float:left; font-size: 12px; display:inline-block;}
    .footer.mobiel.social a.facebook_btn:after, .footer.mobiel.social a.twitter_btn:after, .footer.mobiel.social a.linkedin:after, .footer.mobiel.social a.googleplus:after {  color: #fff!important;}
    .adres { width: 100%;display:inline-block; padding:0 0 0}
    .footer.mobiel.adres { position: relative; display: -webkit-flex; display: flex; justify-content: center; }
    .footer.mobiel.social { text-align: center; width: 100%; padding-top: 2%;display:inline-block;
        position: relative; display: -webkit-flex; display: flex; justify-content: center; width: 100%;    }
    .footer.mobiel.social a { display:none; }
    footer .wrap.onder a:before { color:#fff;}
     /* end new */
     #maincontent_login_org, #maincontent_login_vwl {text-align: center;}
    .hide_logo { display:none; width: 20%; float:left;}
    .logo { font-size:15px; width: 75%; padding: 0 0 0 5%;}
    #logo {
        height: 60px;
        width: 100%;
        background-size: contain;
        background-position: 0;
        margin-top: 0;
        margin-left: 0;
    }
    #logo_mob  { font-size: 16px; float: left; background-color: #a9065e; width: auto;  overflow: hidden; display: block; font-weight: bold; line-height: 20px; padding: 4% 0 0 8%;}
    #logo_mob h1 a {color: #fff;display: inline-block;}
    .profiel_box.top.mobiel { display:none!important;}
    .profiel_box.top.mobiel fieldset.show_on_mobile { display:none!important;}
    .aanmelden_links.vrwllgr .workshop_logo, .profiel_box.dashboard label.afbeelding { display:none!important;}
    .show_on_mobile { display:block!important;}
    .show_on_mobile legend { margin-top: 0!important;}
    .profiel_box.dashboard fieldset.hide_on_mobile { display:none!important;}
    .profiel_top a.profiel_part.profiel_uitloggen { display:inline-block;}
    .social-media.mobiel { position: absolute; top: 5px; right: 0px;  }
    .social.insta:after, .social.twitter:after, .social.linked:after, .social.fb:after { color:#fff!important;}

    /* BANNER HOME */
    .footer_menu.right {width:100%; padding-top: 5%;}
    .contact-home.desktop { display:none;}
    .contact-home.mobiel  { margin: 1% 0 3%; color:#fff;}
    .contact-home.mobiel, .contact-home.mobiel a  { font-size: 15px;}
    .wrap-contact-home-mobiel { width: 95%; height: auto; padding: 2% 2% 2% 3%;  border-radius: 0;
        background: linear-gradient(to left, rgba(241, 136, 21), rgba(255, 205, 0));}
    .fa-mailbox:before, .fa-phone-office:before { padding-right:6px;}
    .banner, .banner.bekijk_overzicht_hulpvragen, .banner.inloggen, .banner.aanmelden, .banner.afbeelding_paginas, .banner.organisaties, .banner.evenementen {
        width: 85%;
        height: 85px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .banner.home { width: 100%; padding: 20px 0 60px ;  background-image: url(../images/banner-home-img-3.png); background-position: right -30px top; background-size: cover; background-repeat:no-repeat; position: relative;}
    .banner_home_links h2 {  display: block; padding: 1% 0 2% 1%; width: 99%;  }
    .cat.three.mobile {width: 90%; position: relative;  height: auto; display:inline-block; padding: 6% 0 6% 10%; margin: 0;background-color:#028cbd; }
    .cat.three:after {width: 300px; height: 100px;}
    #logo h1 a { height: 50px;  width: 100%; display:inline-block;}
    #logo h1 { height: 50px;}
    .profiel_box.top.organ.naw { display:none;}
    .content_home.buurthulpvragen .subnavigatie { padding-bottom: 5px;}
    .content_pages header { font-size: 1.2em;}
    .contentblock_inner.left header { /*display:none; kan hier niet want dan worden alle titels van pagina's verwijderd, ook waar bijv. topteksten instaan.*/}
    .contentblock.info h3 { line-height: 27px; font-size: 1.1em; font-weight: normal;!important;}
    .contentblock_inner p { line-height:normal; }
    .contentblock h2 { line-height: 27px;  font-weight: bold;}
    .cat_banner h2 { font-weight: normal;}
    /* nieuws home*/
    .actueel_left {  width: 100%; }
    .actueel_right {display:none; }
    .nieuws-home-tekst, .agenda-home-tekst { background-color:#fff;width: 90%;padding : 2% 5%; margin: 5% 0; overflow:hidden;}
    .nieuws-home-img { width: 90%;}
    .nieuws-home.left { padding-top: 5%;}
    .actueel { width: 85%; padding:5% 7%;}
    li.nieuws-li { width: 100%; list-style-type: none;}
    .form_to_right , .reageer_vacature.vac header h3 { display:none;}
    .history_back_before {width: 100%; }
    .breadcrumb.vac.small { width: 84%;}
    .contentblock.home { font-size: 1.2em; width: 100%;text-align: center;  line-height: 30px; background-image: url(../images/banner_home/Agezelschap.jpg); }
    .contentblock.info:after, .contentblock.home:after { display: none;
        content: "";  position: absolute; top: 0; right: 0; width: 300px; height: 50px; background-size: cover;
        background-image:  url(../images/logo-vwt-transparant.png);    }
    .midden { width: 96%; padding: 0 2%; margin: auto; height: auto;}
    #content_vervolg, .content_main, .content_main.home.middle  {padding: 0 5%; margin: 0 ; width: 90%; background-color: #fff;}
    .content_main.home  {padding: 0; margin: 0 ; width: 100%; background-color: #fff;}
    .content_main img, .content_main iframe { max-width: 100%!important; height: auto!important;}
    #content_vervolg { padding: 3% 4%; width: 92%;}
    #content_vervolg #beheer { padding: 3% 0;}
    .content_home {padding: 3% 3%; margin: 0 ; width: 94%; }
    .content_home.buurthulpaanbod, .content_home.buurthulpvragen, .content_home.vacaturebank_alles {}
    .vacs_nieuwste { padding: 5px 0 5px ;}
    select#volgorde { margin-top: 0; padding: 6px; width: 40%;}
    .rubrieken_menu {  margin-bottom: 0; padding-bottom: 0; }
    #content_talentenscan { padding: 2% 5%;  width: 90%;}
    .maincontent_home { padding: 2% 2% 3%; margin-bottom: 30px;        width: 96%;    }
    .filter_menu { background-color:#eee; padding: 7px 3% 3% 3%; width: 94%; overflow:hidden; margin-bottom: 5px;}
    .vw_academie.talentenscan { width: 95%; padding: 0 2% 0 3%;}
    #extra_menu:before { content: none;}
    .wrap_beheer .aanmelden_links {width: 100%; }
    .wrap_beheer .aanmelden_rechts {width: 100%; }
    .aanmelden_links { width: 100%; }
    .subnav-organisaties {display:none;}
    .org_info {
        width: 91%;
        padding: 2% 5%;
        min-height: 100px;
        border: 1px solid #bbd4e3;
        border-radius: 7px;
    }
    .subnavigatie aside {
        margin: 0 3% 15px 4%;
        border-radius: 7px;
    }
    .aanmelden_rechts { width: 100%; margin-top: 30px; }
    #wrap_functies { display:none;}
    .zoeken fieldset {
        height: 30px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .hide, .zoeken.hide { display:none; }
    .zoeken input.zoek {  float:left; padding: 10px 5px 7px 10px!important;  }
    .vrijwilligers-vacatures {  text-align: center; }
    .vrijwilligers-vacatures.right { background-color: #a8ccd9; }
    .vrijwilligers-vacatures h3 {display:none!important; color: #028cbd; padding: 3% 0 1%; border-bottom: 1px dotted #028cbd; width: auto!important; }
    .vrijwilligers-vacatures.right h3 { padding: 3% 0 2%;}
    .contentblock.home, .maincontent_home.blauw { position: relative; z-index: 1000000;}
    /* banner academie */
    .banner.burenhulp, .banner.organisaties, .banner.vacaturebank, .banner.vrijwilligerswerk, .banner.vrijwilligersvinden, .banner_talentenscan {padding-top: 0!important;}
    .banner.hoewerkthet, .banner, .banner.account_aanmelden {  background-position: top left; background-size: auto 120%; }
    .banner, .contentblock { padding: 2% 8% 2% 7%  ; width: 85%;}
    /* Box font vergroten */
    #socialbuttons { top: 55%;}
    #socialbuttons {width: auto; height: auto; }
    .sluit_soc_box { margin-top: 10px; margin-bottom: 15px;}
    a.sluit_soc_box { padding: 12% 0 7% 12px ;}
    #extra_menu {display:none;}
    #extra menu
    .show_extra_menu { display: block; }
    .aanmelden.desktop { padding: 15px 10px 5px 0; margin-left: 0; text-align: right;}
    a.mailto { font-size: 15px;}
    .mobiel_extra_i.mobiel { padding-top: 11px; display:inline-block; width: 100%; text-align:right; }
    .social {  padding: 1% 10px 0 0; width: auto; float:right; }
    .social_ic { font-size: 0;}
    .socialmedia {width: auto; float:left; padding-right: 15px;}
    .logo h1 a img { width: 80%; height: auto;}
    .logo h1 a {  color: #fff; display:block;}
    .logo h1 {padding: 6% 0 6% 0 }
    .inner_collor.rose.home { display:none;}
    .vac_home_titel a:after, .bhulp_home_titel a:after  { font-weight: bold; font-size: 110%; line-height: 24px; width: 90%; margin: 0 5% 0 5%; padding: 5px 0 1% 0; height: auto;  display:inline;}
    .vac_home_titel a:after, .bhulp_home_titel a:after { font-family: FontAwesome; display:inline; content: "\f105"; font-size: 14px; }
    .vac_home_titel a {color: #028cbd;}
    .bhulp_home_titel a {color:#028cbd;}
    .wrap_leesverder_home, a.vac_home_org { display:none;}
    a .vac_home_titel, a .bhulp_home_titel { padding-bottom: 10px; text-transform: uppercase;}
    .maincontent_home .recent_vacs_home {
        padding: 0 0 5%;
        width: 96%;
        margin: 2% 2% 8%;
        list-style-type: none;
        border-bottom: 1px solid #c7c7f1;
    }

    .maincontent_home.nieuws .kopje_actueel, .kopje_actueel, .kopje_activiteiten { line-height: 25px;}
    .alle_items a.vacature_plaatsen, .alle_items a.bhlpvraag_plaatsen { color:#028cbd;}
    .alle_items.bhlp, .alle_items.vac { text-align: center; background-color: #028cbd; border-top: none; width: 100%; overflow:hidden;}
    .recent_vacs.bhulp, .recent_vacs.vac {   background-color:#fff;}
    .alle_items.bhlp.show, .alle_items.vac.show { display:block; width: 100%; height: 40px; overflow:hidden; }
    a.vacature_plaatsen, .vacature_plaatsen.show  {  overflow:hidden; display:inline-block; width: 100%; height: 30px;}
    .alle_items.vac.show a { display:inline-block; width: 100%; overflow:hidden;}
    .alle_items.bhlp { text-align: center;  background-color: #028cbd;  }
    .alle_items a:after { content:"\f105"; display:none; font-family: FontAwesome; padding-left: 7px; font-size: 20px;}
    .alle_items.vac a { color:#fff;  padding: 9px 0 4px; border-top: 1px solid #55c4d4; border-bottom: 1px solid #028cbd; background-color:#028cbd; width: 100%; display:inline-block; height: 30px; font-size: 20px; }
    .alle_items.vac a.vacature_plaatsen { background-color: #028cbd;}
    .alle_items.bhlp a { overflow: hidden;  width: 100%;display:inline-block; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin: 0  ; padding: 10px 0  ; /*background-color: #b7a5c9;*/  color:#fff;}
    .alle_items.bhlp a.bhlpvragen { background-color: #028cbd; border-top: 1px solid #00b8d1;}
    .alle_items.bhlp a.bhlpaanbod { padding: 5px 0!important;}
    .vrijwilligers-vacatures.right h3 { display:none!important;color: #028cbd; }
    .bhulp_home_titel a  {color: #028cbd; }
    a.bhlpvragen { border-bottom: 1px solid #028cbd;}
    a.bhlpvraag_plaatsen { background-color: #028cbd; border-top: 1px solid #028cbd; }
    header#top { width: 100%;display:inline-block; }
    .show_logo { padding-left: 10px;  width: 45%; float: left;  display: inline-block;}
    .social a, .social.insta:after, .social.twitter:after, .social.linked:after, .social.fb:after {
        color:#028cbd;}
    .beheerpanel a.mobiel:after, a.mobiel_extra_i.mobiel:after {  display:inline-block; font-family: FontAwesome;  color:#028cbd;}
    .beheerpanel a.mobiel:after { content: "\f007";  padding: 2px 6px 0 0 ;font-size: 15px;}
    .submenu_beheren_butt .wijzigen:before { display:none!important;}
    a.mobiel_uitloggen:hover { color:#000;}
    #extra_menu a.left { float: left; width:auto;display:block;padding: 4px 0 3px 10px; margin: 0 0 2px 10px; border-bottom: 1px dotted #ccc; border-left:1px solid!important}
    #extra_menu a.center {  width: 95%;display:block; padding: 4px 0; text-align: center; border-left: 1px solid #360!important}
    #extra_menu a:hover {  color: #000!important;}
    /*} accolade weggehaald */
    .beheerpanel { width:auto; padding: 0 0 0 ;}
    #wrap_nav { margin-bottom: -7px;}
    .zoeken.show { display:inline-block; padding: 2% 3% ;  width: 94%;  border-radius: 0!important;}
    .contentblock { text-align: center;}
    .contentblock.info { width: 96%; padding: 4% 2% 5% 2%; margin-top: -6px;}
    a.leesverder { width: 94%; text-align: center;}
    #bottom { top: -3px;}
    .history_back_before:after { padding-right: 5px;}
    .content_pages header, .contentblock_inner.left header {display:none;   }
    .vwwerk_org_img, .vwwerk_anderen_img, .vwwerk_bhlpplaatsen_img, .vwwerk_bhlpplaatsen_img, .vwwerk_bhlpaanbod_img,
    .vwwerk_org_weten_img, .vwwerk_weten_img, .vwwerk_vac_img, .vwwerk_bhulp_img, .vwwerk_inschr_img, .vwwerk_afspraak_img, .vwwerk_info_img {background-image:none; width: 100%;}
    .vwwerk_org_weten_img h3, .vwwerk_weten_img h3 { width: 100%; text-align: center; font-size: 1.2em; color:#028cbd;}
    .vwwerk_org_weten_img:after {color:#028cbd!important;     content: "\f105"; font-family: "FontAwesome", sans-serif;display: inline;font-size: 25px;float: right;padding-right: 5%;position: relative;top:18px;}
    .block.vwwerk a, .block.vwvinden a  { width: 100%;  border-bottom: 1px solid #8dc0c7; padding: 10px 0 15px; background-color:#028cbd; font-size: 16px; line-height: 33px;  margin-bottom: 0;   display: inline-flex;}
    .block.vwwerk a:after, .block.vwvinden a:after { content: "\f105"; font-weight: bold; float:right; font-family: "FontAwesome", sans-serif; color:#fff; position: relative; display:inline; padding-right: 25px; font-size: 30px;}
    h6 { line-height: 30px;}
    .hoofdstuk { padding-bottom: 10px;}
    .block a header h3 { width: auto; display:inline; float:left; margin-left: 18px;}
    .block.vwvinden header {color: #333;  padding: 2% 0 2%; height: auto; text-align: center; font-weight: bold; line-height: 25px;font-size: 150%!important;}

    a .cat   {  display:inline-block; font-size: 1.3em; line-height: 24px; font-weight: normal!important; color:#fff; text-align: center;}
    .block.vwvinden .inner_collor.rose, .block.vwwerk .inner_collor.rose, .block.bhlp .inner_collor.rose { display:none;}
    #org_aanmelden_form label.leeg, label.leeg { display:none;}
    .vacaturebank header, .vw_academie header { width: 100%; padding: 10px 0 0 !important; color:#028cbd;}
    .workshop_logo { margin-bottom: 25px;}
    .workshop.uitgelicht img, .workshop_logo img {  max-height: 100px; max-width: 300px; width: auto;}
    .alle_vacs_vac { margin: 10px 0;}
    .alle_vacs_vac h4 { margin-bottom: 10px;}
    .mobiel_extra_menu { width: auto; padding: 5px 0 0 25px; }
    .vw_logo { font-size:19px;}
    .tom_logo { font-size: 28px;}
    li.eerste_menu_home{ display:none!important;}
    .topnav ul#menu { width:100%!important;}
    .banner_demo_inner { width: 80%; padding: 0 10%;}
    .banner.beheer_profiel, .banner.banner_talentenscan { width: 100%!important; height: auto; padding-top: 3%; padding-bottom: 3%; display:none;}
    .banner.beheer_profiel:after, .banner.beheer_profiel_bh:after , .banner.beheer_profiel_vwg:after { font-size: 16px;}
    .verplicht { font-size: 13px;}
    .verbergen, .gebruiker.hulpvrager, .gebruiker.organisatie {display:none; }
    .profiel_top a { margin-bottom: 10px; padding: 5px 5px 5px 10px; margin-right: 6px;}
    .mijn_profiel { background-color: #d8f0f7; padding: 4% 2% 2% 6%; overflow:hidden;}
    .profiel_part.profiel_uitloggen .verbergen  { display: block; font-size: 11px!important;}
    .profiel_part.profiel_uitloggen {   padding-right: 10px;}
    .toevoegen.rose, a.wijzigen.rose { margin-top: 6px;}
    .wijzigen.profiel {margin-top: 6px;}
    .profiel_part.profiel_verwijderen  { padding-right: 8px;}
    .menu_overig { display:none;}
    #content div.status { width: 15%!important}
    .block_half { width: 100%; margin-right: 0; }
    .hulpfuncties_phone { }
    .hide_topmenu { display:none; }
    #topnav.mobiel { width : 100%;}
    #topnav { padding: 3px 0 0; transition: 0.4s; }
    .hide_adres { display:block;}
    a.vacature-hide, .hide_nieuws { display:none;}
    .vw_academie.nieuws .afbeelding:after { display:none;}
    .vw_academie.nieuws .afbeelding { height: auto!important;}
    .vw_academie.nieuws .afbeelding { width: 100%; height: 100px; background-size: 100%; }
    .show_adres { display:none; }
    .functies_left {width:100%;padding:0 5px 0 ;}
    #toolbar { margin-left: 10px;}
    .extra_inloggen {float: right;}
    .midden_top { width: 97%; margin: auto;padding: 0 20px 0 0; }
    #wrapper { width : 100%; margin-top: -4px;}
    .contentblock, .actueel.agenda  { width: 100%; height: auto;  margin-bottom: 0; }
    .contentblock.left { border-bottom: 1px dotted #ccc; margin-bottom: 15px;}
    .contentblock_inner {  padding: 0 6% 0; font-weight: normal;}
    .contentblock_inner.right { padding-bottom: 15px;}
    .contentblock.info header, .contentblock.home header { margin: 0 0 10px ; }
    .contentblock.home .contentblock_inner { background-color: #028cbd;
        background: rgba(0, 152, 173, 0.88);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;}
    .alg_info_wrap, .vw_werk.zoeken, .vw_werk.vinden, .block.vwvinden { padding: 0; }
    article.block.alg_info, article.block.vwwerk, article.block.vwvinden { background-image:none; overflow:hidden;  position: relative; padding: 0;}
    a article.block.alg_info, a article.block.bhlp, a article.block.vwwerk , a article.block.vwvinden {border-bottom: 1px solid #8dc0c7; }
    a .block.vwvinden h3 { text-align: center; padding: 4% 2% ;  width: 87%; float:left;  display:inline-block; overflow:hidden;}
    a .block.vwwerk h3 { text-align: center; padding: 4% 2%;  width: 87%; float:left;  display:inline-block; overflow:hidden;}
    a .block.alg_info h3,  a .block.bhlp h3 { text-align: center; padding: 3% 2% 4%;  width: 87%; float:left;  display:inline-block; overflow:hidden;}
    a .block.alg_info h3.hide { display:none;}

    .alginfo_img.vwverzekering:after, .alginfo_img.partpremie:after, .alginfo_img.overig:after, .vwwerk_bhlpplaatsen_img:after, .vwwerk_bhlpvragen_img:after, .vwwerk_bhlpaanbod_img:after, .vwwerk_org_img:after, .vwwerk_anderen_img:after, .vwwerk_info_img:after, .vwwerk_afspraak_img:after, .vwwerk_vac_img:after, .vwwerk_inschr_img:after
    { content: "\f105"; font-family: "FontAwesome", sans-serif; display:inline; font-size: 25px; float:right; padding-right: 5%;  position: relative; top: 10px;}
    .wrap { padding: 0;}
    .intro { padding: 5% 5%; font-size: 17px;  overflow:hidden; line-height: 25px;}
    .contentblock .home_button { width: 96%; display:inline-block; text-align: center; background-color: #028cbd; color:#fff; font-size: 30px; font-weight: bold; padding: 3% 2%;}
    .vrijwilligers-vacatures li { width: 100%; }
    .vrijwilligers-vacatures.right li { width: 100%; border-bottom: 1px solid #a8ccd9;}
    .content_home.home_banner { padding: 0; width: 100%; }
    a.cat { display: inline-flex;}
    #maincontent_vw_login, #maincontent {width : 100%; }
    #aanmelden form#login_vwl { margin-bottom: 20px;}
    #content {width : 100%; margin: 0 0 0 0;}
    .infopagina { width: 100%; margin: auto; }
    #aanmelden, #overzicht_beheer_org { width: 100%; margin: 15px 0 0 0; padding:0 0;}
    #maincontent_org_login #aanmelden { padding: 0; margin: 0; width: 100%;}
    .linkerkolom_login, .linkerkolom_info, .linkerkolom, .linkerkolom_org, .linkerkolom_form  {  width: 100%; min-height: 0!important}
    .linkerkolom_info.inloggen { display:none;}
    #header {  padding: 0 0 ;overflow:hidden; }
    .tekst-vrijwilligers { width: 90%; padding: 10px 30px 0 0;}
    .beheer_menu { margin: 0 0 0 20px;}
    .box_beheer ul {   margin: 0 0 0 20px;}
    #overzicht_beheer_org ul {  column-count: 1;}
    .box ul.white a { float:left; height: auto; }
    .logo_wdt.hide_on_mobile, .logo_vcw.hide_on_mobile {display: none;}

    .logos_vcw_wdt {
        width: 70%;
        text-align: center;
        display: inline-flex;
        justify-content: space-evenly;
        padding: 15px 15%;
    }
    .footer_menu.menu li:after { display:none;}
    .website a, #footer a { width: 100%; display:block; margin: 5px 0;}
    .btn_zoeken:after { font-family: "FontAwesome", sans-serif; display:inline; position: relative; z-index: 0; font-size: 17px; content: "\f002"; background-color:#fff; padding: 0 3px;margin-left: -25px; top: 3px; color:#028cbd;}
    #talentenscan label.left { width: 90%; padding-left: 15px; margin-bottom: 10px;}
    #talentenscan fieldset { border-bottom: 1px solid #dedcdc;}
    #talentenscan label { width: 30%;padding: 0 15px; float:left;}
    .profiel_beheren li, .vacatures_beheren li { padding: 5px 2% 0;}
    label.label_plaats { text-align: left;}
    select.select_plaats { width: 100%;}
    #aanmelden form { padding:  2% 3% ; width: 94%; }
    #inschrijven_form .aanmelden_rechts input, #inschrijven_form .aanmelden_rechts textarea {width: 94%;}
    #talentenscan fieldset { padding: 2% 0 4%;}
    #inschrijven_form form#org_aanmelden_form fieldset{  width: 90%!important; display: inline-block;}
    form input.plaats, form input.woonplaats, form input.straatnaam, input[type="text"].adres {
        width: 67%!important;}
    form input.huisnr, form input.pc { width: 14%!important;}
    select { padding: 2% ; width: 98%;}
    input, textarea {padding: 2% 2% 1% !important; width: 88%; }
    textarea.omschrijving { width: 93%!important;}
    input[type="radio"], input[type="checkbox"]{ width: 5%;}
    #aanmelden #maincontent_login_vwl form, #aanmelden #maincontent_login_org form  { padding: 3% 2% 3% 4%;}
    #overzicht_beheer_org form, #org_aanmelden_form { padding: 0; }
    .form_vac_organisatie form { padding: 3%!important; width: 94%!important;}
    .form_vac_organisatie form#org_aanmelden_form legend,
    .form_vac_organisatie form#org_aanmelden_form fieldset { width: 90%!important; }
    input[type="text"].zoek {width:88%;}
    input[type="url"], input[type="text"] {width: 96%!important;}
    textarea { padding-bottom: 5px; display:inline-block; }
    #aanmelden .beschikbaarheid_vrijwilliger .besch_row_lef li { padding: 8px 0 5px;}
    .beschikbaarheid_vrijwilliger li { padding-top: 5px; padding-left: 0;}
    .filter_menu .beschikbaarheid_vrijwilliger.t_vacafrontend { width: 100%; }
    .beschikbaarheid_vrijwilliger .beschikbaar_links { float:left; width: 15%;}
    .beschikbaarheid_vrijwilliger .beschikbaar_rechts {float:left; width: 80%;}
    .beschikbaarheid_vrijwilliger ul.besch_row.bold li { padding: 5px 0 0 3px;}
    .beschikbaarheid_vrijwilliger ul.besch_row. li { padding: 5px 0 5px 3px;}
    #inschrijven_form input[type="checkbox"] {margin:6px 0 ;}
    #inschrijven_form ul.veel_checkboxes input[type="checkbox"] {margin:6px  ;}
    .clt_details, label {  padding-bottom: 0; width: 98%; display:inline-block; }
    .vac_card_left {  width:98%; padding-bottom: 8px; color:#333;}
    label.vac_card_left {font-size: 15px; font-weight: bold; color:#2c2c2c;}
    label.vac_card_left.vc_mob{ width: 40%; float:left;}
    label.vac_card_left,
    .vacaturebank .clt_details,
    .vac_card, .vac_card_left.large { margin-bottom: 4px;}
    .clt_details.crop {line-height: 23px;}
     .clt_details.vc_mob { float:left; width: 50%; padding-top: 3px;}
    .vac_card_left.large { margin-top: 4px;}
    .contact_label { width: 25%;}
    #beheer { padding: 1% 0 3%;}
    .profiel_box.dashboard { padding: 6px 0 10px;}
    .vw_aanmelden_top { width: 90%; padding:  5%;   background-color: #ededed; border-radius: 8px;}
    .vw_aanmelden_bottom { width: 100%; }
    .vw_aanmelden_bottom legend.header_klein.bordermargin, .vw_aanmelden_bottom header { margin-top: 25px; color:#000;
        position: relative; top: 10px}
    fieldset.kleur-mobiel { display:block;}
    .reageer_vacature #aanmelden form {width: 100%; padding: 0; border:none;}
    .reageer_vacature.vac, .reageer_vacature #aanmelden #inschrijven_form { width: 100%;}
    .reageer_vacature.vac #aanmelden { margin-top: 0;}
    .login_box {margin: 0 2% 0 3%; font-size: 14px; line-height: 23px; width: 95%; padding: 0 0 20px;   height: auto; }
    .login_box.org, .login_box.vw { padding: 3% 5%;width: 90%; margin: 0; }
    .inloggen_form fieldset { padding: 4% 0 0; width: 92%;}
    .btn_login_geen.reset { display:block; padding: 2% 4% 4%; margin-top: 2%; margin-bottom: 20px; border: 1px solid #028cbd; background-color:#fff; color:#000; }
    #maincontent_org_login .btn_login_geen header { display:none;}
    #aanmelden .login_box.org h3, #aanmelden .login_box.vw h3 { margin-bottom: 5px;font-size: 1em;}
    .talentenscan_img { width: 91%; margin: 2% 4% 0 ; display:inline-block; height: 150px; background-size: 100% 100%; background-repeat:no-repeat; }
    .beschikbaarheid_vrijwilliger ul.besch_row li { width: 23px;}
    .beschikbaarheid_vrijwilliger .div_breed { margin-left: 0 ;}
    .beschikbaarheid_vrijwilliger .besch_row_lef, .beschikbaarheid_vrijwilliger .besch_row.bold { font-size: 10px;}
    #aanmelden .beschikbaarheid_vrijwilliger .beschikbaar_rechts .besch_row.bold li { margin-left: 10px;}
    .beschikbaarheid_vrijwilliger { margin-bottom: 15px; padding: 5px;  background-color: #d0e3ea;  }
    .workshop {	  padding: 5%;  background-color: #fff;  margin: 0 0 35px; width: auto; overflow:hidden; border-radius:8px;}
    .workshop .workshop_logo {display:none; position: relative; }
    .workshop.burenhulp {  border: 1px solid #eee; background-color:#f9f9f9;}
    .workshop.uitgelicht { display:block; border: 1px solid #57bde3;}
    .workshop_logo { display:none; padding: 4% 2%;display: inline-block;overflow: hidden;display: flex;justify-content: center;background-color: #e4f0f5;    }
    .workshop.burenhulp .workshop_logo { background-color: #fff;}
    .workshop_logo img { max-width: 200px; }
    table#tableUitgelicht  { padding-top: 2%;}
    table#tableWorkshop { padding-top: 2%; }
    table#tableWorkshop .ws_info_small { width: 100%}
    .clt_details.crop { margin-bottom: 10px;}
    fieldset.rubrieken_menu_top.categ { width: 95%;  display:inline;}
    #inschrijven_form .besch_checkbox input[type="checkbox"]  { width: 20px;}
    .profiel_hulpvraag_left_left,  .profiel_hulpvraag_left_right { width: 100%; }
    aside.video { width: 100%; display:inline-block;}
    aside.video iframe { width: 100%!important; height: auto!important;}
    /* nog toevoegen aan portrait */
    ul.dashboard_overzichten {padding-top: 0; margin-top: 0;}
    ul.dashboard_overzichten li { padding: 4% 2% 4% 4%; border: none; margin-bottom: 10px;
        -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; background-color:#f9f9f9; width: 94%;}
    a.db_titel { font-weight: bold; font-size: 16px; width: 100%; display: inline-block; height: auto; padding: 5px  0;}
    .wrap_activeren, .submenu_beheren_butt { min-width: 99%; margin-right: 0!important;  }
    .dashboard_overzichten a, .dashboard_overzichten div { margin-right: 2%; margin-bottom: 7px;}
    ul.dashboard_overzichten { padding: 1% 0;}
    .advertentie_plaatsen { width: 94%;}
    .profiel_top.border { width: 100%;}
    .banner.beheer_profiel_vwg:after, .banner.website:after, .banner.beheer_profiel:after, .banner.beheer_profiel_bh:after {
        font-weight: bold;font-size: 25px; color: #fff;    }
    #beheer header h4 { padding-bottom: 4px; margin-bottom: 8px; border-bottom: 1px dotted #028cbd028cbd;}
    .subnavigatie .categorien{ padding: 2% 0 0 0;}
    .burenhulpvragen header h3 {  height: 30px;}
    section.burenhulpvragen { padding: 2% 0 0;}
    section.burenhulpvragen header { padding: 0 2% 0 0; margin-bottom: 0; margin-top: 2%;}
    .burenhulpvragen .workshop.burenhulp header { margin-bottom: 0; margin-top: 10px; line-height: 16px!important;}
    section.burenhulpvragen .alle_vacs_vac header { padding: 0;}
    .rubrieken_menu.bhlp { background-color:#fff; }
    .rubrieken_wrap.bhlp fieldset.rubrieken_menu_top {border-bottom: 1px solid #a8ccd9; }
    .categorien.workshops { display:none!important;}
    .dropdownwrap .rubrieken_wrap.bhlp fieldset.rubrieken_menu_top { background-color: #e1f5ff; width: 93%; padding: 3% 2% 3% 5%;}
    .submit_desktop {display:none;}
    .agenda_filter .submit_desktop {display: block;}
    .dropdownwrap .rubrieken_wrap { width: 100%;}
    .wrap_flexslider { margin-top: 0;}
    .clt_details, #wrap_nav, .rubrieken_wrap, .contentblock.home .contentblock_inner, .org_kort, .banner, .wrap_flexslider, #content, #wrapper, .alle_items.bhlp, .alle_items.vac {    -moz-border-radius: 0;    -webkit-border-radius: 0;    border-radius: 0;}
    .alle_items.vac a, .alle_items.bhlp a,  article.block.vwwerk, article.block.vwvinden, .alle_items.bhl,p a.alle_items.vac a, .vrijwilligers-vacatures, #wrap_nav { -webkit-border-radius: 0 ;-moz-border-radius: 0 ;border-radius: 0 ;}
    .subnavigatie { position: relative; }
    .subnavigatie.hide { display:none;}
    .subnavigatie.show { display: block}
    .vacaturebank .bedrijfsinfo h3 { color:#0b7f9d!important; line-height: 31px;}
    .btn_reageren.print { margin-top: 10px;}
    .vw_reageren { width: 100%; display:inline-block;}
    aside.mobile { padding: 0 5%;}
    .clt_details a { font-weight: normal;}
    .clt_details { padding-bottom: 0; margin-bottom: 0;  display:inline-block; }
    .vac_card_left {font-size: 13px; font-weight: bold;}
    .vac_card { width: 94%;}
    .bedrijfsinfo { padding: 0 4%;}
    #maincontent_vw_login header, .linkerkolom_login header, .main-tekst header.groen { font-size: 1.3em; margin: 10px 0 20px;}
    .linkerkolom_login .tekst_box.blauw { margin-top: 20px!important;}
    .agenda_filter {  width: 100%; margin-top: 5px;}
    .datum_agenda { width: 100%; display:inline-block; margin-bottom: 7px;}
    .rubrieken_menu_top.zoekoptie .rubriekkopje { float:left;}
    .btn.float_right, .float_right {float: left;  }
    .event_content { padding: 3% 4%;}
    label.agenda_left, span.lokatie, span.org { width: 100%; padding: 3px 0 5px;}
    #maincontent_login_org header h4 { margin: 0; font-size: 1.2em;}
    .floatright .ga_verder { display:none;}
    .vacaturebank { padding: 3% 0 3% ;}
    .g-recaptcha  { width: 100%!important; float:none;}
    .vac_kort, .org_kort, .bhlp_kort{ width: 90%; margin: auto; text-align: center; padding: 3% 5%;}
    .banner.burenhulp_details, .banner.kort { height:auto ;}
    .addthis_inline_share_toolbox { height: auto; display:inline-block; width: 100%; }
    .fb_iframe_widget iframe, .fb-like.floatright { width: 100%!important;}
    .fb_iframe_widget_fluid span { width: 225px!important;}
    .fb_iframe_widget iframe, .fb_iframe_widget span { height: 35px!important;}
    #beheer .label_right {  padding: 0 ; width: 100%;   word-break: break-all;}
    .profiel_box.dashboard fieldset { width: 100%; padding: 0; display:inline!important; }
    .fb-like.floatright:before  { content: "\f082"; font-family: "FontAwesome", sans-serif; display:inline-block; overflow:hidden; height: 26px;font-size: 33px; position: relative; color: #155a78; padding-right: 5px; padding-top: 7px; margin-top: 4px;}
    .fb-like.floatright { padding-top: 0; margin-bottom: 15px; height: 35px; float:left; }
    .fb-like .inlineBlock._2tga._3e2a{ width: 35px!important;}
    button.inlineBlock._2tga._3e2a  { height: 35px!important;}
    .org_info_hoofd .org_kopje, .org_info_extra, .org_info_hoofd, .org_kopje_extra, .org_logo { margin-bottom: 0; padding-bottom: 0;}
    .reageer_vacature.vac { border-top: 1px solid #fff;}
    #beheer .reageer_vacature.vac header h4 { border-bottom: none;}
    .linkerkolom_org.show { display:block; border-top: 1px solid #ddd;}
    .linkerkolom_org.hide { display:none;}
    .subnavigatie header.categorien.workshops {	display: block;}
    .profiel_box.dashboard label.afbeelding { width: 100%;}
    .banner.beheer_profiel, .banner.beheer_profiel_vwg,.banner.beheer_profiel_bh { padding: 2% 0 1%; display:none;}
    .profiel_top.nav_profiel_org { margin: 0;}
    .tekst_box { margin: 5px 0 15px;}
    #inschrijven_form { margin-top: 5px;}
    #org_aanmelden_form label.label_lang { padding: 5px 0;}
    .wslink { margin-top: 5px; width: 100%;}
    .user_icon.small, .user_icon.small.org, .hulpvraag_lokatie {width: 100%; display:inline-block;}
    .workshop_logo img { float:left;}
    .bhlp_reactie_form legend { margin-top: 15px; margin-bottom: 5px;}
    .form_mobile form { padding: 3%!important; width: 94%!important; }
    .hide_filter, .hide_subnav_butt { display:none;}
    .show_filter { width: auto; float:right;}
    #subnav_buttons { padding-top: 15px; }
    .hide_subnav { overflow:hidden;}
    .rubrieken_menu.bhlp input.btn {  padding: 10px; font-weight: bold;}
    .submit_mob input[type=submit] { font-size: 18px!important;}
    .rubrieken_menu.bhlp #resetFilter { margin: 0 5px 10px;}
    .clt_details.crop {   max-height: 72px;min-height: 72px; overflow: hidden;
        display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
    .org_info label { color:#5e5e5e; font-size: 17px;}
    /*a.mobiel_extra_i:before { content: ""; font-family: FontAwesome; display:inline; font-size: 20px;}*/
    .mobiel_uitloggen .fa.fa-sign-out { display:inline-block!important; color: #8dc0c7; font-size: 20px; padding-right: 18px; float:right; position: relative;}
    .mobiel_inloggen.icon_login .fa.fa-sign-in { display:inline-block!important; color: #8dc0c7; font-size: 20px; padding-right: 18px; float:right; position: relative;}
    ul.slimmenu.collapsed li a.mobiel_inloggen { padding-left: 5%!important; }
    ul.slimmenu.collapsed li a.mobiel_uitloggen { padding-left: 10%!important; }
    li.recent_vacs_home.uitgelicht { display:block;}
    .subnavigatie aside header { font-size: 1em;}
    .banner.news, .subnav_nieuws { display:none;}
    .vacaturebank a.btn_reageren { margin-bottom: 10px;}
    .history_back_before, a.back, a.forward, input.history_back { background-color:#fff!important; }
    a.back, a.forward, input.history_back {border: 1px solid #fff;]}
    .button_alg.niet_ok { margin-left: 15px;}
    .breadcrumb.vac.show { padding: 1% 2%; width: 96%;display:inline-block;}
    /*.contentblock_inner.academie { display:none;}*/
    /* uitklaptekstjes voordelen */
    #voordeel { width: 90%; height: auto; line-height: 25px; transition: all 1s ease; }
    a.a_voordeel:before {
        content: " - lees meer \f107";
        font-family: FontAwesome;
        float: right;
        font-size: 20px;
        margin-right: 4px;
        position: relative;
        top: 0;
        color: #fff;
    }
    a.a_voordeel:focus {color:#333;}
    a.a_voordeel {width: 97%;
        display: inline-block;
        transition: all 1s ease;
    }
    /*h3.kopje_voordelen:after { font-family: FontAwesome; display:inline; content: "\f107"; padding-left: 7px;}*/
    .voordeel_statement { width: 95%;  transition:all 1s ease;}
    /*end*/
    /* home grote buttons 'vacatures' en ' organisaties */
    .mobiel_home { color:#fff; width: 90%;}
    .mobiel_home a { color:#fff;}
    .wrap_mobiel_account, .wrap_mobiel_home_tekst { width: 100%; display:inline-block; height: auto;}
    .main-tekst.toptekst, .product.hulpvragers, .product.buurthulp { display:none!important;}
    .mobiel_home.vragen { background-color:#ea6604; padding: 3% 5% 4%; }
    .mobiel_home.aanbod { background-color:#07077c; padding: 4% 5% 6%; }
    .mobiel_home_titel { font-weight: bold; font-size: 27px; padding: 5px 5%; width: auto;}
    .mobiel_home_tekst { font-weight: normal; font-size: 15px; padding: 5px 0 5px 5%; width: 80%; display:inline-block;}

    }