/* CSS Document VRIJWILLIGERSPLATFORM */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
blockquote, q { 	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { 	content: '';	content: none;}

strong { font-weight: 900!important; }
.wit { color: #a9065e; width: 10px; height: 5px;float: left; border-right: 1px dotted #fff;}
p.comments { color: #fff; font-size: 0;}

header, h3, h4 { font-family:"League Spartan", sans-serif; font-size: 1.3em; }
html {  padding: 0; margin: 0; width: 100%;height: 100%; overflow-y: scroll; font-family:"League Spartan", sans-serif; letter-spacing: 1px; font-size: 1em; line-height: 1.5em; text-rendering: auto;   }
body { padding: 0; margin: 0;  color: #00112a ; font-family:"League Spartan", sans-serif; font-weight: 500;  font-size: 0.9em; height: 100%; width: 100%; line-height: 21px;  }
em { font-style: italic!important;}

label .error { font-weight: normal; font-size: 14px;}
.error { color:#c00;}
/* form styles */
select, input, textarea {	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px; margin: 4px 0;padding: 8px ;  border: 1px solid #bdc6eb;}
input, textarea { width: 50%;}
select { width: 46%;}
input[type=checkbox], input[type=radio] { width: 6%!important;border: 1px solid #bdc6eb!important;}
fieldset, form { width: 100%;}
input[type="checkbox"], input[type="radio"] {	margin: 4px 5px 8px 0;}
textarea { padding: 4px 10px;}
.comments_form {float: right;width: 70%;padding-right: 3%;font-size: 14px;font-style: italic;color: #4d628b;top: -15px;
    position: relative;}
#aanmelden .commentaar li { list-style-type: circle; padding: 0; ; }
textarea.watdoet_aanmelden { min-height: 95px; max-height: 95px;}
input.datepicker { width: 100px; background-image: url(../images/calender.jpg); background-position: right 4px top 4px; background-repeat: no-repeat; background-size: 20%; }
input[type=date]{width: 100px;}
select.minuut, select.uur { width: 50px!important}
select {  width: auto;}
input, textarea, select { border: 1px solid #e7ddc4; border-radius: 8px;}
textarea { padding: 4px 10px;}
    /* end forms*/

#beheer .aanmelden_rechts  .error { width: 100%!important;}
#beheer .error { width: 60%;
}
.center_form .error { width: 100%!important; display:inline-block;text-align: left; }
div.error { display:inline-block;}
.error.message_top { margin: 5px 0 15px;}
.inloggen_form.login_unknown .error { font-size: 11px; width: 99%; margin:0 0 0; padding: 0 0 2px ; display:inline-block;}
.inloggen_form.login_known .error{ display:block;}
.spacer { width: 100%; height: 15px; display: block; overflow:hidden;}
.spacer.lijn { width: 100%; display:block; padding: 10px 0 0; border-top: 1px solid #e2e2e2; margin: 20px 0 0;}
hr { width: 100%; border:none;	height:1px;	margin: 0 0 10px 0; display:block; }
img { border: none;}
h5 { font-family: 'Overpass', sans-serif!important; font-size: 1.6em!important; font-weight: 900!important; color:#00112a!important;}
h6 { font-family: 'Overpass', sans-serif!important; font-size: 1.4em; font-weight: 900; color:#00112a;}
h4, h6 { margin: 0;	padding: 0;	font-weight:bold;}
h3 { margin: 0;	padding: 0;	font-weight:bold;	}
h2 { margin: 0; padding: 0;}

a {color: #00112a;text-decoration : none; }
a:hover {color: #fea4ce;text-decoration : none ;}

i { font-style: italic!important;}

.textfloatright { text-align: right!important;}
.textfloatleft { text-align: left!important;}
.floatright {  overflow:hidden; color:#717171; padding-top: 5px;}
.floatleft { float:left!important;}

.clearfix { 	clear: both;	height: 1px;	width: 100%;}
.clearboth {	clear:both;	height: 1px;	width: 100%;}
.clearleft {	clear:left;	height: 1px;	width: 100%;}
.naam_org { color: #003399; font-weight: bold; }
.lijn_dotted { width: 100%; border-bottom: 1px dotted #ccc; height: 1px;}

.block_half { width: 45%; margin-right: 40px; }
.devider { width: 100%; height: 1px; display:inline-block;}

.top_page {display:inline-block; position: absolute; border: 1px solid #cc0000;}

#logo {  display:inline-block;  background-image: url(../images/Logo_BM010_Black.png) ;  background-repeat: no-repeat; }
#logo h1 {   margin: 0;  width: 100%; display:inline-block;}

/*.wrap_logo_zoeken { width: auto; float:left; padding: 0 0 0 3%; display:inline-block;}*/
.wrap_logo_zoeken {
    width: 100%;
    padding: 0 ;
    display: inline-block;
}
.alg_info { width:100%; padding: 0; display:inline-block;}
.alginfo_img {width: 100%;   background-size: 100% 100%;}
.block.alg_info a header h3 {font-size: 1em; line-height: 35px;}
.block.alg_info { overflow:hidden;}
.block.alg_info a header { width: 100%;}
.block.alg_info a header {  vertical-align: middle;   text-align: center;
    font-weight: bold;
    -webkit-text-shadow: 0px 0px 10px #333;
    text-shadow: 1px 5px 10px #00112a;
    -moz-text-shadow: 0px 0px 10px #333;
    -o-text-shadow: 0px 0px 10px #333;
    -ms-text-shadow: 0px 0px 10px #333;
    -khtml-text-shadow: 0px 0px 10px #333;
}
.block.alg_info h3:after { font-family: FontAwesome; display:inline; font-size: 35px; position: relative; content: ""; padding-left: 7px;}

.titel_pages, .inhoud_extra_pages { display:none!important;}
.contentblock_inner.left.colorradius strong { font-weight: 1000!important;}
.content_home.pages .subnavigatie { display:none!important;}
.content_home.pages {width: 100%;  padding: 10px 0 0; margin: 0 0 -10px;}
.contentblock_inner.right   { border-radius: 0!important; border-radius: 0!important;}

.content_pages .contentblock_inner.left.colorradius { text-align: left;padding-top: 5.5%;}
.content_pages .contentblock_inner.left { padding-top: 4.5%;}
.content_pages .contentblock_inner.right   { padding-top: 5%;}
.contentblock_inner.right.colorradius { background: linear-gradient(180deg, #0079ad, #5abbcc); color:#fff;
}

.contentblock_inner.right.colorradius legend { color:#fff; font-weight: normal; font-size: 1.3em; margin-bottom: 0; padding-top: 15px; display:inline-block; }
.font-weight-normal { font-weight: normal}
.contentblock_inner.right.colorradius header { color:#fff;}
div.strong, span.strong { font-weight: bold;}
div.strong { margin-bottom: 10px;}
.padding-t { padding: 5px 0 0;}
.content_home.meerover_vrijwilligerswerk .contentblock_inner.left, .content_home.meerover_vrijwilligerswerk .contentblock_inner.right { margin-top: 10px;}
.inhoud_vcacademie_extra_top { display:inline-block;}
.inhoud_vcacademie_extra { display:none;}
.vrijwilligersacademie li.recent_vacs_home { list-style-type: none; }
ul.vca_themas { justify-content: center; display: flow;}
.vrijwilligersacademie .vac_img { height: 250px;}
.vrijwilligersacademie a .vac_home_titel {height: 55px; text-align:  left;  font-size: 20px; padding: 4% 3% 4% 7%; vertical-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: -4px;    background: linear-gradient(90deg, #0079ad, #5abbcc); line-height: 28px;
}
span.fa-regular:after { content: "\f105"; display:inline; padding: 0 4px; font-family: FontAwesome; top: 2px;
    position: relative; color:#00112a;}
.text-green-banner {  float:left; width: 90%; height: 100%; display: flex;      align-items: center;}
.far.fa-arrow-circle-right {float:right; font-size: 27px; width: 10%; height: 100%; display: flex;    align-items: center;}
.fa-arrow-circle-right:before { float:right!important; position: relative; right:0;}
fieldset.input_left { padding-top: 10px;}
.privacy-en-akkoord { font-weight: normal; line-height: 20px; float:left; width: 90%;}
/* VRIJWILLIGERSWERK ZOEKEN/VINDEN / BURENHULP BLOKKEN */
/*.alg_info_wrap, .vw_werk.zoeken, .vw_werk.vinden { width:100%; padding: 1% 0; display:inline-block;}*/
/*.vwwerk_bhlpplaatsen_img, .vwwerk_bhlpplaatsen_img, .vwwerk_bhlpaanbod_img,*/
/*.vwwerk_vac_img,.vwwerk_bhulp_img,.vwwerk_inschr_img,.vwwerk_afspraak_img,.vwwerk_info_img {*/
/*    width: 98%;}*/
/*.block.vwvinden a header h3 {font-size: 1em; line-height: 35px;}*/
/*.block.vwwerk a header h3 {font-size: 1.4em; }*/
/*.block a header h3 {color: #fff!important; position: relative; top: 0; z-index:99999;}*/
/*.block.bhlp , .block.vwwerk, .block.vwvinden { overflow:hidden;}*/
/*.block.bhlp a header, .block.vwwerk a header, .block.vwvinden a header { width: 100%;}*/
/*.block.vwvinden a header, .block.bhlp a header,*/
/*.block.vwwerk a header {  vertical-align: middle;   text-align: center;*/
/*    font-weight: bold;*/
/*    -webkit-text-shadow: 0px 0px 10px #333;*/
/*    text-shadow: 1px 5px 10px #00112a;*/
/*    -moz-text-shadow: 0px 0px 10px #333;*/
/*}*/
/*.block.vwvinden h3:after { font-family: FontAwesome; display:inline; font-size: 35px; position: relative; content: ""; padding-left: 7px;}*/
/*.vwwerk_vac_img, .vwwerk_bhulp_img ,*/
/*.vwwerk_inschr_img, .vwwerk_afspraak_img, .vwwerk_info_img, .vwwerk_org_img, .vwwerk_anderen_img ,*/
/*.vwwerk_org_weten_img, .vwwerk_weten_img,*/
/*.alginfo_img.vwverzekering, .alginfo_img.partpremie,*/
/*.alginfo_img.vwcontract,*/
/*.alginfo_img.overig { background-size: 60%; background-repeat: no-repeat; background-position: center; border: 1px solid #dadada; width: 98%;}*/

/*.vac_img { background-color:#fff; width: 100%; background-image: url(../images/vac_img.jpg);  background-position: center; background-repeat: no-repeat; height: 175px;*/
/*}*/
/*.vac_img.ik-doe-mee {background-image: url(../images/ik-doe-mee-vwv.jpg); background-size: 100%  ; }*/
/*.vac_img.informatie_vw_org {background-image: url(../images/informatie-1.jpg); background-size: 100%  ; }*/
/*.vac_img.projecttalent {background-image: url(../images/projecttalentMDT.jpg); background-size: 100%  ; }*/
/*.vac_img.inloopspreekuur { background-size: 100%  ; background-position: bottom left; }*/
/*.vac_img.vrijwilliger-in-beeld {background-image: url(../images/vrijwilligers-in-beeld-1.jpg); background-size: 110%  ; }*/
/*.vac_img.teylingerprijs {background-image: url(../images/trofee-uitreiking-3.jpg); background-size: 100%  ; background-position: top center; }*/
/*.vac_img.vacature {background-image: url(../images/vrijwilligersvacatures-1.jpg); background-size: 130% ;background-position: center }*/
/*.vac_img.aanbod {background-image: url(../images/hele-aanbod-1.jpg); background-size: 100%  ; }*/
/*.vac_img.e-learning {background-image: url(../images/e-learning-1.jpg); background-size: 100%  ; }*/
/*.vac_img.organisaties {background-image: url(../images/organisaties-1.jpg); background-size: 130%  ; }*/
/*.vac_img.aanmelden {background-image: url(../images/aanmelden-1.jpg); background-size: 220%; margin: 0; padding: 0; background-color:#fdfdfd; background-position: center;}*/

.maincontent_home ul.recent_vacs.evnt {border-left: 28px solid  #cccccc;}
.maincontent_home ul.recent_vacs.vac { border-right: 28px solid #fde4a9;}
.aanmelden_rechts header { font-weight: bold; }
.topmenu_hidden { margin-left: -380px; position: absolute; left: 50%; top: 19%; background-color:#fff;}
ul.slimmenu li ul#menu li.has-submenu > a { display:none;}
#maincontent.login_org { width: 50%; float:left;}

input.input_small {width: 30px!important; margin-bottom: 30px!important; float:left;}
.noborder.nopadding { padding: 20px 0!important;}
a.contact  {margin: 10px 0; font-weight: bold; display:block; width:190px; background-color: #00112a; padding: 7px 10px; font-size: 14px; color: #fff; -moz-border-radius: 4px ;-webkit-border-radius: 4px; border-radius: 4px; }
a.contact:hover { background-color: #c7d1eb; color: #00112a !important; }
.org_info span { float: left; }

#inschrijven_form input.small.vol, #inschrijven_form input.small.wachtlijst { width: 15px; float:left; top: 4px;}
fieldset.checkboxes label.breder { float:left!important; width: auto!important; margin: 0 10px 0 0!important; padding: 0!important;}{ float:left!important; width: auto!important;}

.donkergroen { color: #007282;}
.lichtgroen { color: #00112a;}
#aanmelden select#dag_uitvoer {max-width: 55px!important; min-width: 55px!important; }
#aanmelden select#maand_uitvoer { max-width: 55px!important; min-width: 55px!important;}
#aanmelden select#jaar_uitvoer {  max-width: 60px!important; min-width: 60px!important;}

/* ////// BANNERS ////// */
.banner.account_aanmelden, .banner.inloggen, .banner.website, .banner.aanmelden, .banner.website, .banner.beheer_profiel, .banner.beheer_profiel_vwg, .banner.beheer_profiel_bh, .banner.organisaties {
    position: relative;
    content: "";
    background-color:#fbc340;
}
.banner.aanmelden_vw {
    position: relative;
    content: "";
    background-color:#00112a;
}
.banner.account_aanmelden, .banner.inloggen_vwg .banner-tekst,.banner.inloggen .banner-tekst, .banner.website .banner-tekst,  .banner.organisaties .banner-tekst, .banner.beheer_profiel .banner-tekst, .banner.aanmelden_vw .banner-tekst, .banner.aanmelden .banner-tekst, .banner.aanmelden_vw .banner-tekst:after { align-items: center; justify-content: center!important; display: flex;}

.banner.account_aanmelden .banner-tekst:after, .banner.inloggen .banner-tekst:after, .banner.website .banner-tekst:after, .banner.organisaties .banner-tekst:after, .banner.beheer_profiel .banner-tekst:after, .banner.beheer_profiel_vwg .banner-tekst:after, .banner.beheer_profiel_vwg:after,
.banner.aanmelden_vw .banner-tekst:after, .banner.aanmelden .banner-tekst:after { color: #fff; font-weight: bold; align-items: center; justify-content: center!important; }

.banner.aanmelden_vw .banner-tekst:after { content: "Aanmelden vrijwilliger"}
.banner.aanmelden .banner-tekst:after  { content: "Ik zoek hulp: Aanmelden.";}
.banner.beheer_profiel .banner-tekst:after { content: "Beheer organisaties";}
.banner.beheer_profiel_vwg:after {content: "Vrijwilligersprofiel"; }
.banner.organisaties .banner-tekst:after { content: "Organisaties" }
.banner.website.contact .banner-tekst:after {content: "Contact"; }
.banner.inloggen.organ .banner-tekst:after,
.banner.inloggen.vwg .banner-tekst:after,
.banner.inloggen.alg .banner-tekst:after,
.banner.inloggen .banner-tekst:after { content: "Aanmelden/inloggen"; display:inline;}
 /*////////*/
.banner.account_aanmelden.vrijwilliger:after { content: "Vrijwilliger"; display:inline; color:#fff; font-weight: bold;  font-size: 1.5em;   position: relative; }
.banner.website, .banner.account_aanmelden,
.banner.inloggen, .contentblock.info, .contentblock.home { text-align:center;
    color:#fff;}
.vacaturebank li { margin-left: 18px;}
.banner.account_aanmelden,
/* /////// END BANNERS*/
.aanmelden_naam_workshop label { width: 100%;}
/* zoeken */
.vacaturebank.zoekresultaat ul { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc;}
::placeholder { font-size: 16px;/* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c1c1c1;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { font-size: 16px; /* Internet Explorer 10-11 */
    color: #c1c1c1;
}
::-ms-input-placeholder {  font-size: 16px;/* Microsoft Edge */
    color: #c1c1c1;
}

.zoeken fieldset { padding: 0 0 1%; border: 1px solid #fbc340;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.zoeken input { padding: 11px 5px 6px; margin: 0;font-size: 80%;  }
input:focus {  outline: none!important; background-color:#eee;}
input.btn_zoeken { width: 30px; padding: 7px 0 0; height: 28px;background-color:rgba(255, 255, 255, 0.1); border: none!important; cursor: pointer;margin-left: -30px; z-index: 999999; position: absolute;}
span.btn_zoeken { display:inline; float:right; width: auto; }
.zoeken input.btn:before { font-family: FontAwesome; display:inline; content: "/f105"; color: #00112a; font-size: 20px;}
.zoeken form { margin: 0; padding: 0;  background-color:#fff; border:none!important;  -moz-border-radius: 4px ; -webkit-border-radius: 4px; border-radius: 4px; }
.zoeken input.btn { padding: 5px 7px 6px!important; margin: 0; background-color:#fff; color:#ccc!important; border:none!important;}
.zoeken input {border: none;}
.zoeken input:focus { border: 1px solid #fbc340!important; padding-bottom: 10px;background-color:#fff;}
.zoek { }
/* zoekresultaten pagina */
.vacaturebank.zoekresultaat li  { padding: 3px 0; border-bottom: 1px solid #eee; margin-bottom: 4px;}
.vacaturebank.zoeken li { margin: 0 0 5px; oveflow:hidden; list-style-type:none; }
.vacaturebank.zoeken li a { cursor: pointer; padding: 5px 5px 5px 0; display:inline-block;}
.vacaturebank.zoeken li a:before { padding-right: 5px; content: ">"; display:inline; font-size: 11px;}

.header_hidden { display:none;}
.button_submit { height: auto;display: block;	color: #fff;border: none;background-color: #00112a;		cursor: pointer;}
.btn.hulpvraag { font-size: 20px; padding: 10px 15px!important;}
#extra_menu, #extra_menu a, a.mobiel_extra_c, #extra_menu .aanmelden a  { font-family: europa, sans-serif!important;  }
.subnav-organisaties { height: 250px; background-color: #bddae4; text-align: center;}
.subnav-organisaties .fas.fa-hand-heart:before { font-size: 200px!important; margin: auto; margin-top: 20%; color: #a8cbd5}

a.mailto { color:#fff!important;}
#wrap_nav .hide {     transition: 0.4s;}
.contentblock_inner.right h2, .contentblock_inner.right h2 span, .contentblock_inner.right h2 p { font-size: 1em!important; line-height: 30px;  font-family: europa, sans-serif!important;}
.content_pages header, .contentblock_inner.left header {  font-weight: 600;  color:#00112a; line-height: 50px;}
.content_pages.third header { margin-bottom: 35px;}
#tableWorkshop, #vacaturesTable { padding-top: 10px;}
.content_home.home_banner {  padding: 0 0 0 0; width : 100%;   margin:  0 0 0 0; background-color:#eee;}

/*/////////////*/
@media screen and (min-width:60em) and (max-width:79.9999em) {
    nav#nav { width: 99%!important; padding-left: 1%!important;}
    .hide_extra_menu, .beheerpanel a, #wrap_functies a, .hide_extra_menu a, .contact-home { font-size: 80%; }
    #wrap_functies {   width: 22%!important; margin-left: 3%!important;}
}
#extra_menu a.mailto { color:#fff!important;font-size: 110%;}
.home_tekst {font-size: 18px;text-align: center;line-height: 23px;}
.top_tekst {font-size: 14px; width: 95%; }
.top_tekst p {margin-left: 0!important;}
hr.hr_blauw {border-top: 1px solid #c2d7e3; width: 80%; margin: 10px auto;}
.top_tekst ul li { list-style-type: none;}
.beheer_contact a.wijzigen, .beheer_contact span.wijzigen {border: 1px solid #00112a;  background-color: #00112a!important; color: #fff!important; -moz-border-radius: 4px ; -webkit-border-radius: 4px; border-radius: 4px;   word-break: keep-all;}
.beheer_contact a.wijzigen:hover, .beheer_contact span.wijzigen:hover {border: 1px solid #888888;  background-color: #888888!important; -moz-border-radius: 4px ; -webkit-border-radius: 4px; border-radius: 4px;   word-break: keep-all;}
/*a.wijzigen, span.wijzigen {  background-color: #c7d1eb!important; color: #00112a!important; -moz-border-radius: 4px ; -webkit-border-radius: 4px; border-radius: 4px;   word-break: keep-all;}*/
/*a.wijzigen:hover, span.wijzigen:hover, .wijzigen:hover { background-color: #00112a!important; color:#fff!important;}*/
/*a.verwijderen:hover, a.wijzigen.rose:hover, .toevoegen.rose:hover { background-color: #c7d1eb!important; color: #00112a!important; }*/
span.verwijderen {    color: #fff;    background-color: #00112a;   -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px;    display: inline-block;}

/* nieuwe default styles */
.profiel_hulpvraag label { color: #7498d7;}
ul.profiel_hulpvraag li { width: 97%;height: auto;padding: 15px 25px 25px;margin: 16px 0 20px;line-height: 30px;
    overflow: hidden;background-color: #fff;border-radius: 5px;}
.wijzigen.hulpvraag { background-color: #ea6604; margin-right: 15px;}
.profiel_hulpvraag_right .bekijken.reacties, .profiel_hulpvraag_right .wijzigen.hulpvraag {  width: 80%;}
.hulpvraag_main_top { padding: 0 0 ; overflow:hidden;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #fde4a9;  display:flex;}

/* FOOTER */
.footer_menu li a, .adres a, .adres { color: #fff; line-height: 26px; }
.footer_desktop { width: 100%; box-sizing: border-box; padding:  5%;background-color:#00112a; height: auto; display:inline-block; text-align: center;}
footer, footer a { color:#fff;}
footer a:hover {color:#fea4ce}
address  { width: 100%; padding: 0 ; margin: auto;  color:#fff;}
address, .adres a, .adres, .main-tekst.bottom.center { color:#fff;}
.main-tekst .footer_menu li { list-style-type: none; margin: 0; padding: 0; display:inline-block; width: 100%;}
.footer_menu.adres li  { list-style-type:none; padding: 4px 0; margin: 0; padding: 0; width: 100%;}
.footer_menu ul#menu { float:none; width: 100%;}
.twitter_box { background-color:#fff; border: 5px solid #eee; margin-top: 10px;}
.footer_menu li { list-style-type: none; width: auto; float:left;}
.footer_menu li:before { content: " | "; padding: 0 10px 0 15px}
address { width: 100%; display:inline-block;}
.footer_menu { width: 100%;}
.copyright { width: 100%; margin-top: 10px;}
.footer_menu ul { width: 100%; margin: 10px 0;  display:inline-flex; justify-content: center; align-items: center;}
/* socials */
a.insta:after {font-family: FontAwesome; content: "\f16d";}
a.linked:after {font-family: FontAwesome; content: "\f08c";}
a.faceb:after {font-family: FontAwesome; content: "\f09a";}
.insta:after,  .linked:after, .faceb:after {color:#fff; padding-left: 10px; font-size: 19px;}
.maincontent_home { margin-top: -6px;}
.maincontent_home,
.maincontent_home.light-grey {background-color:#fbc340;
}
.maincontent_home.blauw { background-color:#fbc340;}
.content_main.home { background-color:#ede5d1}
.home_banner { background-color:#fbc340; }
/* //////////////////////*/
@media screen and (min-width:60em) {
    .banner.detail_vacature, .banner.vraag-aan-org, .banner.inloggen, .banner.detail_evenement, .banner.detail_vacature, .banner.website, .banner.afbeelding_paginas, .banner.aanmelden_vw,  .banner.aanmelden, .banner.website, .banner.beheer_profiel, .banner.beheer_profiel_vwg, .banner.beheer_profiel_bh, .banner.vraag-aan-org, .banner.overzicht_vacatures, .banner.organisaties, .banner.evenementen {
        height: auto;}
    .banner-tekst {line-height: 48px; }
    #topnav {
        padding-top: 43px;
    }

    .hulpvragen.main form {
        overflow: hidden;
        width: 66%;
        float: right;
        display: inline-block;
    }

    .hulpvraag_main_top {
        border-right: 38px solid #fde4a9;
        margin-right: 38px;
    }

    .inloggen_form.login_unknown textarea {
        width: 51%;
    }

    .banner.aanmelden_vw .banner-tekst:after {        font-size: clamp(40px, 5vw, 40px);
        padding: 4% 20% 3%;
        width: 60%;
        justify-content: center;
        display: flex;}
    .banner.aanmelden .banner-tekst:after {        font-size: clamp(40px, 5vw, 40px);
        padding: 4% 20% 0;
        width: 60%;
        justify-content: center;
        display: flex;}

    .banner.website.contact .banner-tekst:after, .banner.inloggen_vwg .banner-tekst:after, .banner.vraag-aan-org .banner-tekst:after, .banner.inloggen .banner-tekst:after, .banner.website .banner-tekst:after, .banner.afbeelding_paginas .banner-tekst:after, .banner.vraag-aan-org .banner-tekst, .banner.overzicht_vacatures .banner-tekst:after, .banner.organisaties .banner-tekst:after, .banner.evenementen .banner-tekst:after, .banner.detail_vacature .banner-tekst:after, .banner.detail_evenement .banner-tekst:after, .banner.beheer_profiel .banner-tekst:after, .banner.beheer_profiel_vwg .banner-tekst:after, .banner.beheer_profiel_vwg:after {
        font-size: clamp(40px, 5vw, 40px);
        padding: 4% 20%;
        width: 60%;
        justify-content: center;
        display: flex;
    }

    .banner.beheer_profiel, .banner.vraag-aan-org, .banner.detail_vacature, .banner.overzicht_vacatures, .banner.organisaties, .banner.evenementen {
        width: 100%;
    }

    .mobiel_home.vragen, .mobiel_home.aanbod {
        display: none;
    }

    /* beheer - overzicht activiteiten / aanbod */
    .profiel_hulpvraag_left {
        width: 75%;
        float: left;
    }

    .profiel_hulpvraag_right {
        width: 25%;
        float: left;
    }

    .profiel_hulpvraag label {
        width: 30%;
    }

    .label_right {
        text-align: left;
        width: 55%;
        float: left;
    }

    .rubrieken_menu {
        border: 1px solid #cddae3;
    }

    .rubrieken_menu fieldset {
        padding: 0 4%;
        box-sizing: border-box
    }

    /*buttons in homebanner */
    article.main-tekst.toptekst {
        padding: 3% 2% 1%;
        width: 96%;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 2%;
        top: 40%;
    }

    .product.hulpvragers, .product.buurthulp {
        margin: 0 5% auto;
        padding: 0 0 0;
        position: relative;
        width: 25%;
        float: left;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .webapp a, .plaats_vragen a, .bekijk_vragen a {
        min-width: 90%;
        border-radius: 5px;
        display: inline-block;
        color: #fff;
        padding: 20px 5% 25px;
        box-shadow: 2px 2px 10px #333;
        margin-top: 10px;
        font-size: 30px;
        font-weight: normal;
        letter-spacing: 2px;
        text-align: center;
    }

    .bekijk_vragen a {
        background-color: #000112;
    }

    .plaats_vragen a {
        background-color: #fbc340;
    }

    .home_tekst {
        padding: 2% 20% 0;
        width: 60%;
    }

    .home_tekst header {
        font-size: 23px;
        margin: 0 0 15px;
    }

    .main-tekst.products.recent_home header {
        font-size: 25px;
        text-align: center;
        padding: 7px 20px 20px;
        color: #fbc340;
        letter-spacing: 0.02em;
        font-width: bold;
    }

    .leftcolum {
        width: 30%;
        float: left;
        margin-right: 4%;
    }

    .leftcolum_calendar {
        width: 25%;
        float: left;
        margin-right: 3%;
    }

    /* desktop styles snelkoppeling webapp op mobiel*/
    .hide_home_content_mobiel {
        width: 100%;
        height: auto;
        display: inline-block;
    }

    /* */
    .profiel_box.top.organ {
        padding: 3% 0 0;
        width: 96%;
        border-bottom: 1px dotted #ccc;
    }

    .aanmelden_rechts .profiel_box.top.organ {
        margin: 0 3% 21px;
        width: 94%;
        border-radius: 0;
    }

    /*///*/
    #login_org input[type=email], .login_org input[type=password], input[type=password], #login_vwl input[type=email] {
        width: 50%;
        padding: 8px;
        text-align: left;
    }

    .wrap_gegevens {
        width: 99%;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        display: inline-block;
    }

    #inschrijven_form input[type="checkbox"] {
        margin: 6px 5px;
    }

    .inloggen_form fieldset {
        padding: 5px 0 20px !important;
    }

    /* BANNER ACADEMIE */
    .contentblock_inner.right.colorradius {
        width: 50%;
        padding: 3% 10% 5% 2%;
    }

    .content_pages header, .contentblock_inner.left header {
        font-size: 2.2em;
    }

    .contentblock.info header, .contentblock.home header {
    }

    .wrap-contact-home-mobiel {
        display: none;
    }

    .cat_inner {
        width: 99.7%;
        height: 100%;
    }

    .categorieen {
        width: 400px;
        color: #429938;
    }

    .banner.academie .cat {
        width: 20%;
        height: 100%;
        float: right;
        background-position: left top;
    }

    .cat_inner {
        width: 99.7%;
        height: 80%;
        padding-top: 20%;
        display: inline-block;
    }

    .cat.six .show {
        color: #f9f9f9;
        padding: 10px 25px;
    }

    .cat_inner a, .cat_inner.space a {
        font-family: "League Spartan", sans-serif;
        color: #fff;
    }

    .cat_inner.space, .cat_inner {
        color: #fff;
        display: inline-block;
        text-align: center;
        line-height: 27px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .banner.academie {
        width: 100%;
        height: 300px;
        background-image: url(../images/banner-home-img.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-color: #f9f9f9;
        background-size: 100%;
    }

    .aanmelden.mobiel {
        display: none;
    }

    #extra_menu a:hover {
        color: #3c9dd8 !important;
    }

    nav#nav {
        display: block;
        position: fixed;
        z-index: 1999999;
        padding: 0 2%;
        top: 0;
        width: 96%;
        background-color: #fff;
        transition: 0.4s;
        box-shadow: 0 5px 15px rgba(3, 23, 9, 0.3);
    }

    .linkerkolom_info {
        display: none;
    }

    .show_logo {
        display: none;
    }

    .hide_logo {
        display: inline-block;
        width: 20%;
        float: left;
    }

    #logo {
        height: 80px;
        width: 325px;
        background-size: contain;
        margin: 16px 12px;
    }

    #logo h1 a img {
        width: 90%;
        height: auto;
        color: #fff;
    }

    #logo h1 a {
        color: #9f9f9f;
        display: inline-block;
        width: 100%;
        height: 80px;
    }

    header#top {
        background: linear-gradient(to left, rgba(241, 136, 11), rgba(255, 205, 0));
        width: 100%;
        padding: 0 0 0;
        position: fixed;
        z-index: 19999999;
        top: 0;
        margin-top: 0;
        right: 0;
        min-height: 45px;
        height: auto;
        transition: 0.4s;
    }

    #header {
        width: 100%;
        padding: 3px 0 0 0;
        display: inline-block;
    }

    #wrapper {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        width: 100%;
    }

    .btn_login_geen.reset {
        display: block;
        padding: 2% 4% 4%;
        margin-top: 2%;
        margin-bottom: 20px;
        border: 1px solid #00112a;
        background-color: #fff;
        color: #00112a;
    }

    .contact_label {
        width: 20% !important;
    }

    .address-field {
        float: left;
        width: 80%;
    }

    .content_pages {
        width: 100%;
        padding: 0 0 5%;
    }

    .content_pages.third {
        width: 50%;
        padding: 0 25% 5%;
    }

    .contentblock.pages {
    }

    .contentblock.pages h3,
    .contentblock.info h3 {
        font-weight: bold !important;
        font-size: 1.3em;
        margin-bottom: 10px;
    }

    .contentblock.pages {
        min-height: 56px;
    }

    .contentblock h2,
    .contentblock h2 p,
    .contentblock.home h2 p {
        font-weight: bold !important;
        font-size: 1em;
        line-height: 30px;
    }

    .aanmelden_rechts.vrwllgr .profiel_box.topmobiel {
        padding: 3%;
    }

    .show_on_mobile {
        display: none;
    }

    .hide_on_mobile {
        display: block;
    }

    a#dropdown {
        display: none;
    }

    .dropdownwrap {
        display: inline-block;
    }

    section.organisaties {
        width: 60%;
        float: left;
    }

    .aanmelden_rechts legend, .aanmelden_links legend {
        display: inline-block;
        width: 95%;
    }

    /*.label_right { display:inline-block; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;   }*/
    .fb-like:before {
        content: "\f082";
        font-family: FontAwesome;
        display: inline-block;
        overflow: hidden;
        height: 27px;
        font-size: 35px;
        position: relative;
        color: #4267b2;
        padding-right: 5px;
        padding-top: 5px;
        top: 1px;
    }

    .fb-like {
        padding-top: 0;
        height: 35px;
    }

    .fb-like .inlineBlock._2tga._3e2a {
        width: 35px !important;
    }

    button.inlineBlock._2tga._3e2a {
        height: 35px !important;
    }

    .fb_iframe_widget_fluid span {
        width: 225px !important;
    }

    .fb_iframe_widget iframe, .fb_iframe_widget span {
        height: 35px !important;
    }

    .linkerkolom_org.show {
        display: none
    }

    .linkerkolom_org.hide {
        display: block;
    }

    .zoeken fieldset {
        height: 26px;
    }

    .btn_zoeken:after {
        font-family: FontAwesome;
        display: inline;
        position: relative;
        z-index: 0;
        font-size: 14px;
        content: "\f002";
        background-color: #fff;
        padding: 0;
        margin-left: -25px;
        right: 7px;
        top: 7px;
        color: #fbc340;
    }

    .subnavigatie.show {
        display: none;
    }

    ul.slimmenu li.hide {
        display: none;
    }

    #bottom {
        width: 1100px;
    }

    #content {padding-top: 66px;
        width: 100%;
    }

    .content_main.home {
        width: 100%;
        margin: 0;
        border-radius: 0;
        padding: 0 0 0px;
    }

    .content_main.home.middle {
        justify-content: center;
        display: flex;
    }

    .content_main {
        line-height: 31px;
        padding-top: 0;
        width: 90%;
        padding-left: 2%;
        margin-left: 4%;
        margin-right: 4%;
        margin-top: 3%;
    }

    .maincontent_home.blauw {
        padding-bottom: 2%;
    }

    #aanmelden form {
        padding: 3% 4%;
        width: 92%;
    }

    #aanmelden form.small {
        padding: 2% 4%;
        width: 42%;
    }

    #beheer #aanmelden #org_aanmelden_form {
        padding: 1% 4%;
        width: 92%;
    }

    .beheer_front {
        width: 98%;
        padding: 0 0 0 2%;
    }

    #maincontent_login_org, #maincontent_login_vwl {
        width: 40%;
        padding: 2% 2% 0 2%;
        border: 1px solid #e6ebf3;
        border-radius: 16px;
        background-color: #fff;
    }

    .text_left {
        float: left;
        width: 44%;
        padding-right: 6%;
    }

    .text_right {
        float: left;
        width: 47%;
        padding-right: 3%;
    }

    .block.vwwerk {
        width: 30%;
        margin-right: 2%;
        float: left;
        height: auto;
    }

    .block.bhlp a header, .block.vwvinden a header, .block.vwwerk a header {
        margin: 0 0 0;
        padding-top: 25%;
    }

    a .block.alg_info h3, a .block.bhlp h3, a .block.vwvinden h3, a .block.vwwerk h3 {
        color: #008092;
    }

    .vw_werk.zoeken h3 {
        padding: 25% 15% 20%;
        font-weight: bold;
        line-height: 30px;
        text-align: center;
        display: inline-block;
        width: 70%;
        height: 60%;
        margin: auto;
    }

    .alg_info_wrap h3 {
        padding: 30% 8% 10%;
        font-weight: bold;
        line-height: 30px;
        text-align: center !important;
        display: inline-block;
        width: 84%;
        height: 60%;
        margin: auto;
    }

    .alg_info_wrap h3:hover, .vw_werk.zoeken h3:hover {
        background: rgba(68, 120, 125, 0.37);
    }

    .block.vwvinden header {
        color: #00112a;
        padding: 5% 0% 4%;
        height: auto;
        text-align: center;
        font-weight: bold;
        line-height: 25px;
        font-size: 150% !important;
    }

    .hulpvraag_main_right {
        width: 58%;
        float: left;
        padding: 3% 3%;
    }

    .hulpvraag_main_left {
        width: 25% !important;
        padding-right: 5%;
        float: left;
        display: inline-block;
        height: 100px;
    }

    a.db_titel {
        width: 35% !important;
    }

    .wrap_activeren {
        width: 19%;
        margin-right: 0;
        float: left;
        display: inline-block;
    }

    .submenu_beheren_butt {
        width: 43%;
        margin-right: 0;
        float: left;
    }

    .banner_demo_inner {
        width: 82%;
        padding: 0 9%;
    }

    .infopagina {
        width: 70%;
    }

    .hide_extra_menu a {
        display: inline-block;
    }

    .show_extra_menu, .mobiel_extra_1 {
        display: none;
    }

    .mobiel_extra_menu {
        width: 100%;
        padding: 5px 0;
        float: right;
    }

    .maincontent_home {
        width: 100%;
        box-sizing: border-box;
        display: inline-flex;
        padding: 1% 11% 2%;
    }

    .maincontent_home.vac_event {
        flex-direction: column;
    }

    /*.maincontent_home.nieuws {  background-color: #fff !*#effbff*!; border-top: 1px solid #e3eef2; border-bottom: 1px solid #e3eef2; height: auto; background-image: url(../images/banner_nieuws.jpg); background-position: bottom right; background-size: 100% auto; }*/
    .vw_logo {
        font-size: 21px;
    }

    .tom_logo {
        font-size: 33px;
    }

    .block_half {
        width: 45%;
        margin: 0 20px 0 0;
        float: left;
    }

    .hulpfuncties_phone {
        display: none;
    }

    .show {
        display: none;
    }

    .hide_adres {
        display: none;
    }

    .show_adres {
        display: none;
        width: 50%;
        float: left;
    }

    #print {
        width: 15%;
        float: left;
    }

    .zoeken.show {
        display: none;
    }

    .functies_left {
        width: auto;
        padding: 0 5px 0;
    }

    .functies_right {
        width: auto;
        float: right;
    }

    .midden_top {
        width: auto;
        height: auto;
        overflow: hidden;
    }

    .beheerpanel a.mobiel:before {
        content: "\f061";
        display: inline;
        padding-right: 5px;
        font-family: FontAwesome;
    }

    #extra_menu .beheerpanel a.mobiel_uitloggen {
        margin-left: 7px;
    }

    .menu_overig {
        padding-right: 1%;
        width: auto;
    }

    #maincontent {
        width: 70%;
    }

    #maincontent_vw_login {
        width: 55%;
        float: left;
    }

    .linkerkolom_login {
        width: 35%;
        float: left;
        margin-right: 10%;
    }

    .inloggen_form.login_unknown.vw_voorkant {
        padding: 2% 10%;
        width: 80%;
    }

    .vw_aanmelden_top {
        width: 64%;
        padding: 2% 8%;
        margin: 0 10%;
        background-color: #fff;
        border-radius: 8px;
    }

    .vw_aanmelden_bottom {
        width: 80%;
        padding: 2% 8%;
        margin: 0 2%;
    }

    form.inloggen_form.login_unknown.vw_voorkant label {
        width: 35%;
    }

    .event_content {
        padding: 0 3%;
        margin-left: 5%;
        width: 53%;
        float: left;
    }

    .subnavigatie, .subnavigatie.agenda_ovz {
        width: 31%;
        min-height: 150px;
        margin: 0 20px 0 0;
        padding-right: 2%;
        float: left;
    }

    .subnav-organisaties {
        width: 29%;
        min-height: 150px;
        margin: 0 3% 0 0;
        padding-right: 2%;
        float: left;
    }

    .content_home.pages .subnavigatie {
        border-right: 1px dotted #d9d9d9;
    }

    .sub_cont {
        padding: 0 0 0 0;
        margin: 5px 0px 10px 0;
        overflow: hidden;
    }

    #aanmelden {
        margin: 0 0 0 45px;
        padding: 10px 0 20px 0;
    }

    #overzicht_beheer_org {
        width: 100%;
        padding: 20px;
        margin: 15px 0 0 0;
        background-color: #f9edf9;
    }

    .linkerkolom_org.talentenscanner, .linkerkolom, .linkerkolom_form {
        width: 25%;
        min-height: 250px;
        margin: 0 10px 0 0;
        padding-right: 4%;
        float: left;
    }

    .linkerkolom_org {
        width: 33%;
        min-height: 250px;
        margin: 0 10px 0 0;
        padding-right: 2%;
        float: left;
    }

    .tekst-vrijwilligers {
        width: 59%;
        padding: 10px 3% 20px;
    }

    #beheer {
        padding: 20px;
    }

    #overzicht_beheer_org ul {
        column-count: 2;
    }

    .box ul.white a {
        float: left;
        height: 30px;
    }

    .eerste_menu {
        float: left;;
    }

    /*home */
    .contentblock, .contentblock p {
        font-size: 16px;
        -webkit-font-smoothing: antialiased;
        font-weight: normal;
    }

    /* Style the logo */
    #topnav {
        width: auto;
        padding: 55px 0 0 5%;
        transition: 0.4s;
        display: inline-flex;
    }

    #wrap_functies {
        float: left;
        position: relative;
        height: 40px;
        z-index: 9999999;
        display: inline-block;
    }

    .hide_extra_menu {
        display: inline-block;
        width: 16%;
        float: left;
    }

    .beheerpanel.ingelogd {
        width: 100%;
    }

    .zoeken.hide {
        width: 27%;
        margin-top: 10px;
        margin-left: 2%;
        float: right;
        height: 35px;

    }

    .contact-home {
        float: right;
        display: inline-block;
        width: auto;
        padding: 10px 10px;
        color: #fff;
        margin: 0 0 4px 0;
        font-size: 90%;
        font-weight: 400;
    }

    /*a.mobiel_extra_i {font-size: 95%; font-weight: normal;}*/
    /*#wrap_functies a,  a.mobiel_extra_c, a.mobiel_extra_i { color: #fff; padding: 11px 0 3px ; margin:0 4% 4px 0;  }*/
    .textarea_blank {
        float: left;
        width: 60%;
        height: auto;
        display: inline-block;
    }

    .aanmelden a {
        color: #fff;
        font-size: 95% !important;
    }

    /*.aanmelden, .aanmelden a, #extra_menu .beheerpanel a, #wrap_functies a, #extra_menu a.mobiel_extra_c, #extra_menu a.mobiel_extra_i*/
    /*{font-size: 85%; font-weight: 500;text-transform: uppercase;  }*/
    #extra_menu .beheerpanel a {
        display: inline-block;
        width: auto;
    }

    .fas.fa-phone-office {
        margin-right: 7px;
        font-weight: 400;
        font-size: 16px;
        top: 2px;
        position: relative;
    }

    .fas.fa-mailbox {
        margin-right: 7px;
        font-weight: 500;
        font-size: 18px;
        top: 2px;
        position: relative;
    }

    .fas.fa-sign-in-alt {
        font-weight: 500;
        font-size: 18px;
        padding-right: 6px;
        color: #c00;
        top: 2px;
        position: relative;
    }

    .fal, .fas, .far, .fa {
        font-style: normal !important;
    }

    .zoek {
        width: 100%;
        float: left;
        height: auto;
        margin: 0;
        padding: 5px 4px 6px;
        border: none !important
    }

    i.far.fa-hands-helping {
        width: 75%;
        margin: 15px auto;
        max-height: 115px;
    }

    /*////*/
    .wrap {
        padding: 3px 0;
    }

    .intro {
        padding: 3% 10%;
        font-size: 15px;
        overflow: hidden;
        line-height: 25px;
    }

    .maincontent_home ul.recent_vacs .textbox.home {
        width: 55%;
    }

    a.tomindebuurt {
        float: left;
        width: 35%;
    }

    .home_button {
        width: 96%;
        display: inline-block;
        text-align: left;
        color: #666;
        font-weight: bold;
        font-size: 1.7em;
        margin-bottom: 10px;
        padding: 10px 0;
    }

    /* dashboard */
    .profiel_box.dashboard {
        padding-top: 15px;
    }

    .aanmelden_rechts.account {
        width: 40%;
        padding-left: 8%;
        float: left;
    }

    .aanmelden_links.account {
        width: 52%;
        padding-right: 0;
        float: left;
    }

    .pasfoto {
        width: 90%;
        float: right;
        height: auto;
        margin-bottom: 10px;
        overflow: hidden;
        min-height: 100px;
    }

    .profiel_box {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .profiel_beheren {
        width: 100%;
    }

    .profiel_top a {
        padding: 10px;
        margin-right: 15px;
    }

    .profiel_top {
        padding-bottom: 20px;
    }

    .profiel_box label {
        width: 25%;
    }

    .profiel_hulpvraag_left .label_right {
        text-align: left;
        width: 57%;
        float: left;
    }

    .aanmelden_links .label_right, .aanmelden_rechts .label_right {
        text-align: left;
        width: 53%;
        float: left;
    }

    .profiel_hulpvraag label {
        width: 38%;
        padding-right: 2%;
        float: left;
    }

    .aanmelden_rechts label {
        width: 43%;
        font-size: 14px;
    }

    .leesverder.right, .wijzigen.login.right, .toevoegen.plushulpvraag.right, .wijzigen.profiel.right {
        float: right;
    }

    .form_col2_row.mijn_profiel #hulpvrager {
        margin-bottom: 10px;
    }

    .account_wijzigen, .afbeelding_toevoegen {
        border: 1px solid #eeeeee;
        padding: 15px;
    }

    .profielfoto {
        width: 50%;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .profiel_beheren .profiel_box.top .rubrieken li, .rubrieken li {
        width: 47%;
        margin-right: 10px;
        margin-bottom: 0;
    }

    #aanmelden .rubrieken.advertentie.bhlp ul {
        width: 59%;
        float: left;
        border: 1px dotted #ccc;
        padding: 1%;
        margin-bottom: 10px;
    }

    #org_aanmelden_form .rubrieken.advertentie.bhlp label.label_adv_bhlp {
        width: 80%;
    }

    #aanmelden .rubrieken.advertentie ul, .rubrieken.advertentie ul {
        padding: 8px 0;
        height: auto;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .hulpvragen.main form {
        margin: 35px 0;
        padding: 40px 0 20px 0;
    }

    fieldset.margintop {
        margin-top: 5px;
    }

    .rubriek_desktop {
        width: 45%;
        float: left;
    }

    .kolommen {
        column-count: 2;
        column-gap: 100px;
    }

    .profiel_beheren fieldset {
        width: 100%;
    }

    .profiel_beheren fieldset.hulpvraag_plaatsen {
        width: 97%;
    }

    .product_text_inhoud {
        min-height: 185px;
    }

    .mijn_advertenties {
        font-size: 1.3em;
    }

    #aanmelden form#inloggen_form {
        width: 40%;
        margin-left: 5% !important;
        margin-right: 5% !important;
    }

    #inschrijven_form form#inloggen_form {
        width: 60%;
        padding: 1% 2%;
    }

    #inschrijven_form form#inloggen_form input {
        width: 30%;
        float: left;
        padding: 9px;
        margin-left: 1%;
    }

    #inschrijven_form form#inloggen_form label {
        font-weight: bold;
        color: #00112a;
        font-size: 19px;
    }

    #inloggen_form label, .aanmelden_links label {
        width: 43%;
    }

    input[type="text"].huisnr {
        width: 6% !important;
    }

    input[type="text"].huisnr_extra {
        width: 3% !important;
    }

    form input.pc, input.antispam {
        width: 10% !important;
    }

    form input.straatnaam, input[type="text"].adres {
        width: 35% !important;
    }

    form input.plaats, form input.woonplaats {
        width: 37% !important;
    }

    textarea {
        min-height: 175px;
        width: 52%;
        box-sizing: border-box;
    }

    #inschrijven_form input#hulpvraag {
        width: 90%;
        margin-bottom: 20px;
    }

    .select_datum {
        padding-left: 10px;
    }

    .aanmelden_links input[type="text"], .aanmelden_links input[type="email"], .aanmelden_links input[type="website"], .aanmelden_links input[type="tel"], .aanmelden_rechts input[type="text"], .aanmelden_rechts input[type="email"], .aanmelden_rechts input[type="tel"], .aanmelden_rechts input[type="password"],
    .inloggen_form.login_unknown input {
        width: 48%;
    }

    #inloggen_form label, .aanmelden_links label, .aanmelden_rechts label {
        float: left;
    }

    .aanmelden_links .hulpvraag_plaatsen label {
        width: 45%;
    }

    #aanmelden .form_small {
        width: 35%;
        padding: 1% 3%;
    }

    #beheer {
        width: 90%;
        padding: 1% 5% 3%;
        margin: auto;
        background-color: #eee;
    }

    .org_info.org label {
        float: left;
        width: 150px;
    }

    .org_info label {
        float: left;
        width: 30%;
        padding-right: 10px;
    }

    ul.veel_checkboxes {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    #aanmelden ul.checkboxes_FloatLeft.column3 {
        width: 100%;
        margin-bottom: 25px;
        -webkit-column-gap: 40px;
        -webkit-column-count: 3;
        -moz-column-gap: 40px;
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
        column-gap: 40px;
        border: none !important;
        margin-top: 10px;
        border-bottom: 1px solid #c7d1eb;
    }

    #beheer #aanmelden #inschrijven_form #org_aanmelden_form input,
    #beheer #aanmelden #inschrijven_form #org_aanmelden_form textarea {
        width: 60%;
    }

    #org_aanmelden_form label {
        width: 32%;
        padding-right: 2%;
        float: left;
    }

    .label_smaller label {
        width: 30% !important;
        padding-right: 4% !important;
        color: #00112a;
    }

    #org_aanmelden_form input {
        width: 45%;
    }

    #beheer #inloggen_form_org form, #beheer #inloggen_form_vrijw form {
        width: 50% !important;
    }

    label.leeg, label {
        width: 43%;
        float: left;
    }

    .wsinfo {
        width: 43%;
        float: left;
    }

    #inschrijven_form input, #inschrijven_form textarea {
        width: 60%;
    }

    select.select_small {
        width: 5%;
    }

    .talentenscan_img {
        float: left;
        width: 29%;
        margin: 1% 6% 0 2%;
        display: inline-block;
        height: 115px;
    }

    .talentenscan_vraag {
        float: left;
        width: 62%;
        display: flex;
    }

    #talentenscan label.left {
        width: 55%;
        padding: 3% 5% 0 0;
    }

    .talentenscan_img {
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    #talentenscan label {
        width: 12%;
        padding: 3% 15px 0 0;
        float: left;
    }

    #talentenscan fieldset {
        padding: 2% 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #alle_vacs ul {
        -moz-column-count: 2;
        -moz-column-gap: 50px;
        -webkit-column-count: 2;
        -webkit-column-gap: 50px;
        column-count: 2;
        column-gap: 50px;
    }

    .login_box {
        margin: 0 4%;
        font-size: 14px;
        line-height: 23px;
        width: 33%;
        padding: 1% 4%;
        height: auto;
        float: left;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    #aanmelden ul.besch_row_lef.top, #aanmelden ul.besch_row_lef {
        margin-right: 25px;
    }

    .wsinfo.detail {
        width: 55%;
        display: inline-block;
        overflow: hidden;
        height: inherit;
    }

    .hulpvraag_main_top label {
        width: 135px;
        float: left;
    }

    #aanmelden ul.ul_float_left {
        float: left;
        width: 60%;
        padding: 0 0 0 0;
    }

    #aanmelden ul.ul_float_left li {
        float: left;
        padding: 0 2% 0 0;
    }

    .ul_float_left .cke_skin_kama {
        width: 100%;
    }

    .categorie_mobiel {
        width: auto;
        float: left;
    }

    .profiel_hulpvraag_left_left {
        width: 45%;
        float: left;
        padding-right: 2%;
        margin-right: 3%;
        border-right: 1px solid #eeeeee;
    }

    .profiel_hulpvraag_left_right {
        width: 49%;
        float: left;
    }

    .vac_home_org {
        height: auto;
    }

    .beheerpanel {
        width: 100%;
        display: inline-block;
        padding-top: 10px
    }

    #org_aanmelden_form.login {
        width: 50%;
    }

    aside {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        display: inline-block;
        width: 90%;
    }

    .aside_right:before {
        content: "";
        display: inline;
    }

    .db_titel {
        width: 40%;
    }

    .db_titel:after {
        display: inline-block;
        content: ".";
        font-size: 1px;
    }

    ul.dashboard_overzichten {
        width: auto;
        background-color: #fff;
        border: 1px solid #e7e6ee;
        min-height: 200px;
    }

    ul.dashboard_overzichten li {
        width: 98%;
        padding-right: 1%;
        padding-left: 1%;
    }

    .dashboard_overzichten a, .dashboard_overzichten div {
        margin-right: 1%;
    }

    .form_smaller label {
        width: 25%;
    }

    span#cke_agenda_intro, span#cke_agenda_content {
        width: 50%;
        float: left;
    }

    .cke_skin_kama {
        clear: none !important;
    }

    label.label_ckeditor {
        height: 100px;
    }

    .contentblock_inner.right.home {
        padding: 11.5% 17% 8% 2%;
    }

    .contentblock_blue_home_transparent_wrap {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .contentblock_blue_home_transparent {
        height: 80px;
        background-color: #e6e6e6;
        opacity: 0.5;
        padding: 0 13.5% 0 2%;
        margin-bottom: 2%;
        width: 40%;
        float: right;
        border-radius: 0;
    }

    .contentblock_inner.right {
        width: 40%;
        padding: 12.5% 17% 8% 2%;
        float: left;
        background-color: #f0f0f0;
    }

    .contentblock_inner.left {
        background-color: #fff;
        padding: 11% 2% 8% 15%;
        width: 30%;
        float: left;
        height: 100%;
        display: inline-block;
        text-align: right;
    }

    .inhoud_vcacademie_extra {
        width: 65%;
        padding: 3% 17% 3% 18%;
        display: inline-block;
    }

    .vrijwilligersacademie {
        width: 65%;
        padding: 0 17% 0 22%;
        display: inline-block;
    }

    .vrijwilligersacademie .recent_vacs_home {
        width: 44%;
        float: left;
        margin: 0 1% 3% 1%;
        text-align: center;
    }

    .vw_werk.zoeken {
        margin-top: -8%;
    }

    .workshop {
        margin: 0 0 15px 0;
        min-height: 150px;
        width: 92%;
        padding: 30px 3% 2% 4%;
    }

    .workshop.uitgelicht {
        width: 92%;
        padding: 2% 3% 2% 4%;
        background-color: #eefaff;
        border: 1px solid #bde0ef;
    }

    .workshop.burenhulp {
        border: 1px solid #00112a !important;
    }

    .ws_info_small {
        padding-right: 2%;
        float: left;
        width: 65%;
        min-height: 180px;
    }

    .vacaturebank .workshop_logo, #vacatures .workshop_logo, .burenhulpvragen .workshop_logo, .workshop.burenhulp .workshop_logo {
        float: right;
        position: relative;
        width: 28%;
    }

    .workshop.burenhulp .workshop_logo.filtered {
        margin-left: 3%;
    }

    .vac_card_left {
        float: left;
        width: 30%;
        padding-bottom: 8px;
    }

    .workshop.burenhulp label.vac_card_left {
        width: auto !important;
        padding-right: 10px;
    }

    .vac_card_left.large {
        margin: 16px 0 0;
    }

    .clt_details {
        width: 65%;
        padding: 6px 0 8px;
        float: left;
        display: inline;
    }

    .content_home.vacaturebank_alles .clt_details {
        width: 65%;
    }

    .burenhulp .clt_details {
        width: auto;
    }

    .hulpvraag_lokatie {
    }

    .inloggen_form.login_unknown .error.plaats {
        float: right;
    }

    .inloggen_form.login_unknown .aanmelden_rechts label.leeg {
        width: 43%;
    }

    .inloggen_form.login_unknown .aanmelden_links label.leeg {
        width: 42%;
    }

    .intro_tekst.event {
        width: 55%;
        padding-left: 5%;
        float: left;
        display: inline-block;
    }

    .nieuws_img img, .activiteiten_img img {
        width: auto;
        height: 325px;
    }

    .vw_academie.nieuws article {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .intro_tekst.event h4, .intro_tekst.nieuws h4 {
        width: auto;
        float: left;
    }

    .intro_tekst.nieuws {
        padding: 5px 0;
    }

    .intro_tekst.nieuws {
        width: 100%;
        display: inline-block;
    }

    .vw_academie.nieuws .afbeelding {
        display: none;
        width: 15%;
        float: left;
        height: 200px;
        background-size: 100%;
    }

    .vw_academie.nieuws {
        padding: 0 0;
        margin: 0 20%;
        width: 60%;
    }

    /*.intro_tekst.nieuws { width: 70%; padding-left: 5%; float:left;display:inline-block;}*/
    .intro_tekst.event.nieuws h4 {
        width: 95%;
        padding-bottom: 2%;
        padding-right: 5%;
        float: left;
    }

    .intro_tekst.nieuws h4 {
        width: auto;
        padding-right: 5%;
        float: left;
    }

    label.small {
        width: 10%;
    }

    .intro_tekst a.leesverder {
        float: right;
        margin-top: 0;
    }

    .logintekst {
        width: 100%;
        display: inline-block;
        margin-bottom: 15px;
    }

    .btn_login_geen {
        padding: 2% 4% 4%;
        border: 2px dashed #c7d1eb;
        margin: 0 0;
    }

    a.btn_login_org, a.btn_login_vw {
        margin-bottom: 20px;
    }

    #aanmelden .login_box.org h3, #aanmelden .login_box.vw h3 {
        margin: 15px 0 10px;
        font-size: 1em;
    }

    /*.inloggen_form.login_unknown fieldset { border: 1px solid #eee; padding: 20px;}*/
    .inloggen_form.login_unknown .aanmelden_links label {
        width: 46%;
        font-size: 14px;
    }

    .agenda_filter {
        width: 100%;
    }

    /* AANGEPASTE BANNERS met justify-content center - ook de 'after' styles bijwerken tot 0 padding en justify-content center */
    .wrap_flexslider {
        width: 100% !important;
    }
    .home_banner {
        width: 100%;
        display: inline-flex;
        height: 436px;
        align-items: center;
        justify-content: space-between;
    }
    .home_banner_img {
        width: 100%;
        height: 430px;
        background-size: 100%;
        background-image: url("../images/230623_Budgetmaatjes0219-scaled.jpg");
        background-position: center left;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
        border-bottom-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        -moz-border-radius-bottomright: 20px;
    }
    .home_banner_img header {
            padding: 14% 0 0 14%;
            text-align: left;
            color: #ffffff;
            text-shadow:1px 1px 43px #0e1229;
    }
    .BMcredo-top {font-size: 76px; display:inline-block; line-height: 96px;}
    .BMcredo-bottom {font-size: 56px;}

    .home_banner_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
        border-bottom-right-radius: 20px;
    }

    .flex_tekst_koppeling {
        display: none;
    }

    /* tonen van tekst app toevoegen aan startscherm */
    .contentblock_inner {
        padding-top: 20px;
        justify-content: center;
        align-items: center;
        display: inline-block;
        font-size: 16px !important;
        font-weight: normal !important;
        width: 70%;
        margin: auto;
    }

    .contentblock.pages, .contentblock.info {
        font-weight: bold;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    /*.banner.kort, .banner.kleur, .banner.website, .banner.beheer_profiel_bh, .banner.aanmelden,  .banner.account_aanmelden, .banner-talentenscan, .contentblock, .banner.burenhulp_details, .banner.reactie,  .contentblock.pages, .contentblock.info, .banner.website, .banner.news, .banner.events{ width: 100%;  padding: 3% 0 ;  justify-content: center; align-items: center; display:inline-block;  }*/
    .vac_bank {
        display: flex;
        width: 100%;
        justify-content: center;
        font-weight: bold !important;
        font-size: 1.1em;
        color: #fff;
    }

    /* AFTER EN BEFORE */
    .banner.reactie .vac_bank:before, .banner.reactie.vac:before, .banner.reactie.vwa:before, .vwa_kort:before, .vac_kort:before, .org_kort:before, .bhlp_kort:before {
        display: inline;
        font-weight: bold;
        color: #fff;
        font-size: 1.6em;
    }

    .banner.website:before, .banner.news:before, .banner.events:before,
    .banner.account_aanmelden_vrijwilliger:before, .banner.account_aanmelden:before,
    .banner.aanmelden_vw:before, .banner.aanmelden:before, .banner.reactie:after, .banner.kort:after, .banner.beheer_profiel_vwg:before, .banner.beheer_profiel:before, .contentblock.info:before, .contentblock.home:after {
        width: 600px;
        height: 170px;
    }

    .banner-talentenscan:after {
        width: 500px;
        height: 125px;
    }

    .banner.beheer_profiel:after, .banner.beheer_profiel_bh:after {
        font-size: 35px;
    }

    /* AANGEPASTE BANNER tot hier */
    .subnavigatie header.categorien.workshops {
        display: block;
        padding-bottom: 17px;
    }

    label.label_plaats, select.select_plaats {
        float: left;
    }

    label.label_plaats {
        text-align: left;
    }

    .ga_verder1:after {
        content: "\f061";
        display: inline;
        font-weight: bold;
        font-family: fontawesome;
        font-size: 13px;
        color: #00112a;
        margin-left: 10px;
        position: relative;
    }

    .aanmelden_links.vrwllgr .workshop_logo {
        width: 90% !important;
        margin-top: 15px;
        display: inline-block;
        padding: 1% 5%;
    }

    .aanmelden_links.vrwllgr .workshop_logo img {
        margin-right: 50px;
    }

    .workshop.uitgelicht img, .workshop_logo img {
        max-height: 145px;
        max-width: 200px;
        width: auto;
    }

    .worshop_logo img {
        max-height: 115px;
    }

    .workshop.burenhulp .ws_info_small {
        min-height: 120px;
    }

    .wrap_vac {
        width: 100%;
    }

    .workshop_logo {
        min-height: 110px;
    }

    .hulpvraag_lokatie {
        max-width: 100%;
        display: inline-block;
    }

    .user_icon.small, .user_icon.small.org {
        width: 100%;
    }

    .datum_agenda .datum {
        width: 22%;
        padding: 1% 1%;
    }

    a.leesverder {
        margin-top: 15px;
    }

    .vac_card {
        width: 100%;
        display: inline-block;
    }

    .wslink {
        width: auto;
        margin-top: 25px;
    }

    .vac_card_left.large, .clt_details.large {
        margin-top: 35px;
        float: none;
        width: 100% !important;
        display: inline-block;
        color: #5f5f5f;
        margin-bottom: 5px;
    }

    .reageer_vacature #aanmelden form {
        border: 1px solid #eee;
        background-color: #f9f9f9;
        padding: 20px 5% 30px;
        margin-top: 10px;
    }

    .reageer_vacature #aanmelden form {
        width: 95%;
    }

    .wijken_leeuwarden ul {
        width: 100%;
        margin-bottom: 25px;
        -webkit-column-gap: 40px;
        -webkit-column-count: 3;
        -moz-column-gap: 40px;
        -moz-column-count: 3;
        column-count: 3;
        column-gap: 40px;
        border-top: 1px solid #c7d1eb;
        display: inline-block;
        margin-top: 10px;
        border-bottom: 1px solid #c7d1eb;
    }

    .wijken_leeuwarden label {
        width: 20%;
    }

    .clt_details.crop {
        width: 100% !important;
        margin-bottom: 10px;
        max-height: 70px;
        line-height: 25px;
    }

    .alle_vacs_vac h4 {
        margin-bottom: 10px;
    }

    .alle_vacs_vac h5 {
        margin-bottom: 20px;
    }

    .burenhulpvragen header h3 {
        height: 40px;
        width: 100%;
        display: inline-block;
    }

    .submit_mob {
        display: none;
    }

    .hide_subnav {
        width: 100%;
    }

    .show_filter, .show_subnav_butt {
        display: none;
    }

    .hide_filter {
        width: auto;
        float: right;
    }

    .rubrieken_menu.bhlp #resetFilter {
        margin: 5px 5px 10px;
    }

    .breadcrumb.vac.show, .breadcrumb.bhlp.show {
        display: none;
    }

    #inschrijven_form input#rubriek {
        margin-bottom: 10px;
        float: left;
    }

    .dashboard_overzichten .submenu_beheren_butt a {
        float: right !important;
    }

    .vac_card_left.large {
        font-weight: bold;
    }

    #wrap_functies {
        width: 19%;
        margin-left: 7%;
        display: flex;
        justify-content: left;
    }

    #content_vervolg {
        padding-top: 2%;
        width: 87%;
        padding-left: 2%;
        padding-right: 2%;
        margin-left: 4%;
        margin-right: 4%;
        margin-top: 1%;
    }

    .content_home {
        width: 94%;
        padding-top: 2%;
        padding-left: 3%;
        padding-right: 3%;
    }

    .content_home.evenement {
        width: 90%;
        padding: 3% 5%;
    }

    .content_home.vacaturebank_alles {
        width: 92%;
        padding-top: 3%;
        padding-left: 5%;
        padding-right: 3%;
    }

    .vulling_footermenu {
        padding-top: 60px;
    }

    .logo_vcw.mob, .logo_wdt.mob {
        display: none;
    }

    .vacature_details, .academie_details {
        padding-top: 2%;
        width: 87%;
        padding-left: 3%;
        padding-right: 2%;
        margin-left: 4%;
        margin-right: 4%;
        margin-top: 1%;
    }

    .reageer_vacature, .vw_academie, .vacaturebank, .burenhulpvragen, .tekst-vacature {
        width: 60%;
        padding-left: 3%;
        padding-bottom: 5%;
        margin: 0;
        float: left;
    }

    .vw_academie.talentenscan {
        width: 90%;
        padding: 0 5%;
    }

    #content_talentenscan {
        padding: 1% 10%;
        width: 80%;
    }

    .floatright {
        float: right !important;
    }

    .aanmelden_rechts legend, .aanmelden_links legend {
        font-size: 20px;
    }

    .alginfo_img {
        height: 240px;
    }

    /* Toegevoegd uit min-width 80em  */
    .alg_info_wrap h3.show {
        display: none;
    }

    .alg_info_wrap h3.hide {
        display: inline-block;
        font-size: 1.4em;
    }

    #extra_menu {
        text-align: right;
        font-weight: bold;
        min-width: auto;
        position: relative;
        float: right;
        padding: 9px 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    #extra_menu .ingelogd {
        display: inline;
        width: auto;
    }

    #extra_menu .ingelogd a {
        color: #fbc340;
    }

    #extra_menu a {
        color: #00112a;
        padding: 0 0 0 10px;
    }

    #wrap_nav {
        height: auto;
        width: 100%;
    }

    .aanmelden_rechts {
        width: 45%;
        padding-left: 3%;
        padding-top: 2%;
        float: left;
        background-color: #ffffff;
        border-radius: 12px;
    }

    .wrap_beheer .aanmelden_rechts {
        width: 49%;
        padding-left: 0%;
        padding-top: 2%;
        float: left;
    }

    .aanmelden_links {
        width: 40%;
        padding: 2%;
        margin-right: 2%;
        float: left;
        background-color: #ffffff;
        border-radius: 12px;
    }

    .wrap_beheer .aanmelden_links {
        width: 46%;
        padding-right: 1%;
        float: left;
    }

    .contentblock.home, .maincontent_home.blauw {
        position: relative;
    }

    .vw_reageren {
        width: 60%;
    }


    .vw_aanmelden_bottom legend.header_klein {
        font-size: 20px !important;
        color: #00112a;
    }

    .vw_aanmelden_bottom legend.header_klein.bordermargin {
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #badadd;
        width: 100%;
        color: #00112a;
    }

    .vw_aanmelden_top header {
        text-align: center;
    }

    .vw_aanmelden_bottom header {
        margin-bottom: 15px;
        font-weight: bold;
        font-size: 30px;
        text-align: center;
    }

    .aanmelden_links ul li {
        padding: 2px 0;
    }

    .aanmelden_links ul {
        margin-bottom: 6px;
    }

    .profiel_top {
        display: inline-block;
    }

    .spacer_long {
        height: 900px;
        width: 100%;
        display: inline-block;
    }
}
    /* ////// END MEDIA QUERIES ////*/
    .fas.fa-sign-in-alt {
        font-weight: 500;
        padding-right: 6px;
        color: #c00;
        top: 2px;
        position: relative;
    }

    i.far.fa-hands-helping:before {
        font-weight: 500;
        font-size: 75px;
        color: #999999;
    }

    .banner.website:before, .banner.website:before, .banner.beheer_profiel:before, .banner.account_aanmelden:before {
        top: -13px;
        height: 137px;
    }

    .fa-light.fa-calendar-star {
        font-family: "Font Awesome 6 Pro";
        font-size: 75px;
        color: #999999;
        font-style: normal !important;
    }

    .banner.news:before, .banner.events:before,
    .banner.aanmelden_vw:before, .banner.aanmelden:before, .banner.reactie:after, .banner.kort:after, .banner.beheer_profiel_vwg:before, .contentblock.info:before, .contentblock.home:after {
        top: 120px;
        height: 137px;
    }

    .banner.beheer_profiel_vwg:before {
        display: none;
    }

    .logo-background-transparant {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        background-size: 92%;
        background-repeat: no-repeat;
        background-position: 74px -309px;
    }

    .org_info li.org_number, .org_info li.org_name, .org_info li.org_address, .org_info .org_zipcode {
        padding: 0;
    }

    .org_info li.org_number label, .org_info li.org_name label, .org_info li.org_address label, .org_info .org_zipcode label {
        padding: 0 10px 0 0;
    }

    .org_info .org_name .clt_details, .org_info .org_address .clt_details, .org_info .org_zipcode .clt_details {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .advertentie_plaatsen select.select_plaats {
        margin-bottom: 0 !important;
    }

    #beheer .form_to_right {
        margin: 10px 0;
        width: auto;
        text-align: left;
    }

    #beheer .form_to_right a {
        color: #00112a !important;
    }

    #beheer .form_to_right a:after {
        content: "\f061";
        font-family: FontAwesome;
        display: inline;
        padding-left: 7px;
    }


    #beheer .error {
        margin: 4px 0 6px;
        padding: 8px 8px 8px 0;
    }

    #beheer #aanmelden #inschrijven_form #org_aanmelden_form select {
        margin: 4px 0 6px;
    }

    #beheer #aanmelden #inschrijven_form #org_aanmelden_form label {
        margin: 4px 0;
    }

    #beheer #aanmelden #inschrijven_form #org_aanmelden_form input[type=checkbox] {
        width: auto !important;
    }

    .bhlp_reactie_form .error {
        width: 100%;
        display: inline-block;
        font-weight: normal !important;
    }

    .tekst_box.inloggen {
        width: 90% !important;
        border-top: 1px solid #cccccc;
        padding-top: 15px;
    }

    .vw_academie.nieuws .afbeelding:after {
        display: none;
        height: 125px;
        content: "";
        font-family: FontAwesome;
        background-image: url(../images/news.jpg);
        background-repeat: no-repeat;
        background-size: 50%;
        color: #eee;
        font-size: 50px;
        width: 200px;
        opacity: 0.4;
    }

    .workshop_informatie legend {
        color: #00112a;
    }

    #inschrijven_form .aanmelden_rechts input, #inschrijven_form .aanmelden_rechts textarea {
        width: 100%;
    }

    .profiel_beheren .aanmelden_rechts header {
        font-size: 1.1em !important;
        color: #00112a !important;
    }

    /* itjes bij categorieën */
    .voorbeeld_categorieën > #show {
        cursor: pointer;
        color: #00112a;
        font-size: 12px;
        font-weight: bold;
    }

    .voorbeeld_categorieën {
        display: inline-block;
    }

    .contentblock_inner li {
        width: auto !important;
    }

    .selectbutton.pink {
        background-color: #00112a;
        color: #00112a;
        border: 1px solid #00112a;
    }

    .selectbutton.pink .arrow_down:after {
        font-family: FontAwesome;
        display: inline;
        content: "\f107";
        color: #fff !important;
        font-weight: bold;
        position: relative;
        float: right;
    }

    select#volgorde {
        margin-bottom: 8px;
    }

    #cke_korte_tekst {
        width: 60% !important;
        float: left;
    }

    .cke_editable {
        word-wrap: break-word !important;
    }

    #supplier_list0 {
        color: #c00;
    }

    a.db_titel {
        line-height: 35px;
    }

    .profiel_beheren .wijken_leeuwarden #supplier_list0 {
        margin-top: 10px;
    }

    .wijken_leeuwarden #supplier_list0 {
        display: inline-block;
        width: 100%;
        margin-top: 10px;
    }

    .wijken_leeuwarden #supplier_list0 {
        width: 100%;
        color: #00112a !important;
        display: inline-block;
    }

    .wijken_leeuwarden #supplier_list0 li {
        text-align: left;
        border-bottom: 1px dotted #e3e4f3;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .wijken_leeuwarden label {
        text-align: left;
        font-weight: bold;
    }


    #resetFilter a {
        color: #fff !important;
    }

    #resetFilter {
        padding: 5px 10px;
        background-color: #00112a;
        color: #fff;
        display: inline-block;
        cursor: pointer;
        float: right;
    }

    .vacs_nieuwste #resetFilter {
        float: right;
    }

    .rubrieken_menu.bhlp #resetFilter {
        background-color: #00112a !important;
    }

    .rubrieken_menu.bhlp input.btn {
        background-color: #00112a !important;
        border: 1px solid #00112a !important;
    }

    /* burenhulpkleuren */
    .content_home.bhlp_ovz .history_back_before {
        background-color: #c7d1eb !important;
        border: 1px solid #8c90bd !important;
    }

    .content_home.bhlp_ovz .history_back_before a,
    .content_home.bhlp_ovz .user_icon.small.org,
    .content_home.bhlp_ovz .user_icon.small.org:before,
    .content_home.bhlp_ovz .history_back_before:before,
    .content_home.bhlp_ovz .clt_details a:hover,
    .content_home.buurthulpaanbod .user_icon.small.org:before,
    .content_home.buurthulpaanbod .user_icon.small.org,
    .content_home.bhlp_ovz aside.menu a:before {
        color: #00112a !important;
    }

    .content_home.buurthulpvragen .filter_menu label {
        color: #00112a !important;
    }

    .content_home.bhlp_ovz .pink, .content_home.bhlp_ovz label,
    .content_home.bhlp_ovz aside header,
    .content_home.bhlp_ovz .history_back_before a {
        color: #00112a !important;
    }

    .content_home.bhlp_ovz aside.menu {
        background-color: #f3f3f3 !important;
        border: 1px solid #e4e4e4 !important;
    }

    .content_home.bhlp_ovz .bhlp_reactie_form .tekst_opvallend,
    .content_home.bhlp_ovz .bhlp_reactie_form label,
    .content_home.bhlp_ovz .hulpvraag_main_top label,
    .content_home.bhlp_ovz .clt_details a {
        color: #00112a !important;
    }

    .vacaturebank .content_home {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .filter_menu .beschikbaarheid_vrijwilliger.t_vacafrontend .besch_row li {
        padding-bottom: 10px;
    }

    .filter_menu .beschikbaarheid_vrijwilliger.t_vacafrontend .besch_row.bold li {
        padding-top: 5px;
        padding-bottom: 0;
        border-bottom: 1px solid #ccc;
    }

    .filter_menu .beschikbaarheid_vrijwilliger.t_vacafrontend .besch_row_lef.bottom {
        padding-top: 0px !important;
        font-size: 11px;
    }

    .filter_menu .beschikbaarheid_vrijwilliger.t_vacafrontend .dagdeel {
        font-size: 11px;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .rubrieken.advertentie li {
        display: inline-block;
    }

    header .required_field, .required_field {
        font-weight: normal !important;
        font-size: 12px;
    }

    .subnavigatie label {
        font-weight: normal;
    }

    .hulpvraag_main_left .pasfoto.main.org {
        width: 100% !important;
        float: none;
        padding-right: 0;
    }

    #maincontent_login_org, #maincontent_login_vwl {
        margin: auto;
        position: relative;
    }

    #inschrijven_form .rubrieken.advertentie ul input[type=radio], .rubrieken.advertentie ul input[type=radio] {
        margin: 3px 10px 7px 0 !important;
        float: left;
        position: relative;
    }

    #inschrijven_form .rubrieken.advertentie input[type=text] {
        width: 90% !important;
    }

    textarea.memo_hulpvraag {
        max-height: 145px;
    }

    .btn_uitgebreid_zoeken {
    }

    .uitgebreid_zoeken ul {
        border: 1px solid #eee;
        padding: 3% 3% 3% 7%;
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
    }

    .uitgebreid_zoeken li {
        list-style-type: none;
        padding: 3px 0;
    }

    .uitgebreid_zoeken header {
        width: 100%;
        text-align: center;
        font-weight: bold !important;
        margin: 18px 0;
        font-size: 1.4em;
    }

    .btn_uitgebreid_zoeken, input.button, input.btn {
        font-size: 14px;
        -moz-border-radius: 4px 4px 4px 4px;
        webkit-border-radius: 4px;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
        padding: 7px 15px 10px !important;
        width: auto !important;
    }

    .btn_uitgebreid_zoeken {
        font-weight: bold;
        display: inline-block;
    }

    .btn_uitgebreid_zoeken:after {
        display: inline;
        font-family: FontAwesome;
        content: "\f002";
        font-size: 17px;
        padding-left: 8px;
    }

    .aanmelden_rechts textarea {
        width: 95%;
    }

    #aanmelden .rubrieken.advertentie ul, .rubrieken.advertentie ul {
        margin: 10px 0 0;
    }

    #aanmelden form#kandidaten header {
        margin: 0 0 25px;
    }

    #aanmelden #kandidaten ul {
        padding-top: 0;
        margin-top: 0;
    }

    #kandidaten ul li {
        border-bottom: 1px dotted #ccc;
    }

    #kandidaten .tekst_box {
        background-color: #007282;
        color: #fff;
        padding: 4px 10px;
    }

    .sector {
        display: inline-block;
        border: 1px solid #c7d1eb;
        background-color: #c7d1eb;
        padding: 5px 12px;
        margin: 0 5px 8px 2px;
        color: #00112a;
        float: left;
    }

    .aanbod_overzicht {
        font-weight: bold;
    }

    a.arrow:before {
        content: "\f105";
        position: relative;
        padding-right: 6px;
        font-size: 15px;
        display: inline;
        font-family: FontAwesome;
    }

    #kandidaten .row {
        display: inline-block;
    }

    /*//// SOCIAL BAR ///*/
    .social {
        padding: 5px 10px 0 0;
        width: auto;
        float: left;
    }

    .social_ic {
        font-size: 0;
    }

    /* end float bottom wide */
    /* float bottom right small */
    .tekst_opvallend {
        color: #00112a;
        font-weight: normal !important;
    }

    .tekst-home form.bhlp_reactie_form .tekst_opvallend, .hulpvragen.main form .tekst_opvallend {
        line-height: 38px;
        font-style: italic;
    }

    .social {
        color: #fff;
        font-size: 10px;
        height: auto;
        overflow: hidden;
    }

    .social_ic {
        float: left;
        padding: 0 0 5px 0;
    }

    .socialmedia {
        width: 100%;
        padding: 2px 0 4px;
        display: inline-block;
    }

    /* algemene styles font-size vergroten */
    #socialbuttons {
        border: 1px solid #e74c3c;
        left: 0;
        display: inline-block;
        overflow: hidden;
        background-color: #e74c3c;
        position: fixed;
        z-index: 99999999999;
        text-align: center;
        padding: 6px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }

    /*.socialmedia h4 { font-size: 11px; padding-left: 8px;}*/
    a.sluit_soc_box {
        display: inline-block;
        line-height: 8px;
        cursor: pointer;
        color: #fff;
        margin-right: 6px;
        font-size: 17px;
        display: inline-block;
        width: auto;
    }

    a.not_hover.sluit_kruisje:hover,
    a.sluit_soc_box:after {
        top: 2px;
        position: relative;
        padding-right: 4px;
        font-size: 17px;
        display: inline;
        font-family: FontAwesome;
        content: "\f067"
    }

    #sluit_socialbox input[type=button] {
        background-color: #e97a7a;
        width: 50%;
        color: #fff;
        padding: 6px 4px;
        border: 1px solid #e97a7a;
        margin: auto auto 10px;
        cursor: pointer;
    }

    #sluit_socialbox {
        width: auto;
        height: 100%;
        padding: 20px 0 12px 0;
        border-top: 1px dotted #e64b5e;
        overflow: hidden;
    }

    #toolbar, .AplusToolWMOMO {
        font-size: 100%;
        color: #fff;
    }

    .AplusToolWMOMO {
        width: 70%;
        background-color: #e64b5e;
        padding: 5px;
        right: 0;
        border: none;
        display: inline-block;
    }

    #toolbar {
        width: 90%;
    }

    .col.left {
        width: 15%;
    }

    .col {
        display: table-cell;
        padding: 5px 0 !important;
    }

    .col-wrap {
        display: table;
        width: 100%;
        padding: 7px 0;
    }

    .intro {
        min-height: 215px;
        max-height: 215px;
    }

    .contentblock.pages, .contentblock.info {
        box-shadow: inset 0 -3px 7px rgba(147, 176, 185, 0.2);
    }

    .banner.reactie .vac_bank:before {
        content: "Vacaturebank"
    }

    .banner.reactie.vwa:before {
        content: "Vrijwilligersacademie"
    }

    .vac_kort:before, .vwa_kort:before, .org_kort:before {
    }

    .vac_kort:before {
        content: "Vacaturebank"
    }

    .vwa_kort:before {
        content: "Vrijwilligersacademie"
    }

    .org_kort:before {
        content: "Organisaties"
    }

    .bhlp_kort:before {
        content: "VoorElkaar"
    }

    ul.veel_checkboxes {
        overflow: hidden;
        width: 98%;
    }

    #beheer ul.veel_checkboxes li {
        padding: 0 !important;
    }

    #inschrijven_form .select_datum.voor_wie input[type=checkbox] {
    }

    .comments {
        font-size: smaller;
        font-style: italic;
    }

    .comment_light {
        font-size: 12px;
        color: #999;
    }

    .form_box_padding {
        margin: 10px 0 15px;
        width: 100%;
    }

    .workshop_aanmelden {
        display: inline-block
    }

    .wsinfo {
        margin: 5px 0;
    }

    .wsinfo.detail {
        font-size: 1em;
        font-weight: normal;
    }

    .pagination {
        display: inline-block;
        width: 100%;
    }

    .pagination ul {
        padding: 10px 0;
    }

    .pagination li {
        float: left;
        width: auto;
        padding-right: 35px;
        list-style-type: none;
        color: #00112a;
        padding: 2px 0;
    }

    .pagination li:before {
        content: "-";
        padding: 0 3px 0 0;
    }

    .pagination li a {
        border: 1px solid #e3e4f3;
        padding: 0px 5px;
        margin-right: 10px;
        display: inline-block;
    }

    form.aanmelden_workshop .aanmelden_naam_workshop input[type="text"] {
        width: 0;
    }

    .aanmelden_naam_workshop input {
        background-color: #fff;
        border: 1px solid #fff;
        color: #888888;
        padding: 0;
        margin: 0;
        font-size: 1em;
        cursor: none;
        line-height: 25px;
    }

    .aanmelden_naam_workshop label:before {
        font-family: fontawesome;
        display: inline;
        content: "\f19d";
        color: #00112a;
        width: 100%;
        font-size: 17px;
    }

    .aanmelden_naam_workshop label {
        color: #00112a;
        font-size: 1.4em;
        margin-bottom: 10px;
    }

    input.workshop_pc {
        width: 10% !important;
    }

    input.workshop_woonplaats {
        width: 33.4% !important;
    }

    .aanmelden_workshop textarea, .aanmelden_workshop input {
        width: 45%;
    }

    .prominent {
        font-size: 15px;
        font-weight: bold;
        color: #00112a;
        line-height: 35px;
        margin: 10px 0;
    }

    .wrap_plaats.small {
        width: 46%;
    }

    .wrap_plaats {
        width: 100%;
        padding-top: 10px;
    }

    #beheer fieldset.breed {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
    }

    fieldset.fieldset_beheer {
        border-bottom: 1px dotted #ccc;
        padding: 0 0 1%;
    }

    #aanmelden form.vacature_media {
        padding: 0 0 0 0;
        width: 100%;
    }

    .login_box.right {
        padding: 0 2% 2%;
    }

    .breadcrumb .rubrieken_menu_top.pink {
        background-color: #fff;
        padding: 0 0 10px 0 !important;
    }

    .login_box.org, .login_box.vw, .login_box.bh {
        background-color: #ffffff;
    }

    .login_box.org header h3, .login_box.vw header h3, .login_box.bh header h3 {
        font-size: 1.1em;
    }

    #aanmelden .login_box.vw header, #aanmelden .login_box.org header {
        margin: 5px 0;
    }

    .login_box.org p, .login_box.vw p {
        margin: 10px 0;
    }

    #inschrijven_form input[type=radio] {
        width: auto !important;
        margin-right: 10px;
        margin-left: 10px;
    }

    .input_cat {
        float: left;
        width: 90%;
    }

    #maincontent_org_login {
        width: 100%;
        padding-top: 25px;
    }

    .categorie_wrap {
        margin-bottom: 7px;
        overflow: hidden;
    }

    .checkboxes_vacature {
        width: 100%;
    }

    #aanmelden .checkboxes_vacature ul li {
        display: inline-block;
        overflow: hidden;
        width: 100%;
        padding-top: 0;
    }

    .menu.toelichting {
        color: #00112a;
        padding: 0 1% 0 5% !important;
        margin-top: 5px;
        overflow: hidden;
    }

    #org_aanmelden_form label.label_lang {
        width: 100%;
        color: #00112a;
        padding: 20px 0 10px;
        display: inline-block;
    }

    #org_aanmelden_form label.label_highlight {
        width: 100%;
        display: inline-block;
        color: #00112a;
        overflow: hidden;
        padding: 10px 0 20px;
    }

    .profiel_box.dashboard .workshop_logo {
        float: left !important;
        width: 80%;
    }

    .hulpvraag_main_top.aanbod .user_icon.large {
        border: none !important;
    }

    .breadcrumbs {
        padding-bottom: 8px;
    }

    .breadcrumbs a {
        color: #a6a6a6;
        padding: 0 0 10px 0 !important;
        font-size: 12px;
    }

    .breadcrumbs a:before {
        font-size: 10px;
        font-family: FontAwesome;
        display: inline;
        content: "\f101";
        color: #666;
        padding-right: 6px;
    }

    .video li {
        list-style-type: none;
        margin: 20px 0;
    }

    .video li iframe {
        width: 100% !important;
    }

    .video header {
        font-weight: bold;
    }

    aside.filter_news {
        margin: 0;
        padding: 0;
        width: auto;
        display: inline;
    }

    aside {
        overflow: hidden;
        padding-top: 4%;
        padding-bottom: 4%;
    }

    aside.menu, aside.tags {
        padding-left: 5%;
        padding-right: 3%;
    }

    .subnavigatie aside header {
        width: auto;
        margin-bottom: 8px;
        padding: 0 0 10px;
        font-weight: bold !important;
        font-size: 1.2em;
    }

    .vw_academie.nieuws .header_section {
        margin: 0 5%;
        font-size: 2.2em;
        font-weight: 600;

        color: #00112a;
        line-height: 50px;
    }

    .header_section {
        font-weight: bold;
        color: #00112a;
        padding-bottom: 10px;
        margin: 0 0 15px 0;
        font-size: 1.3em;
        font-weight: bold;
        overflow: hidden;
        border-bottom: 1px solid #eee;
        width: 100%;
    }

    .header_aside {
        font-size: 1em;
        font-weight: bold;
        color: #00112a
    }

    aside.blank.top label.aside_right {
        color: #00112a;
        font-weight: normal;
        margin-top: 3px;
        word-break: break-word;
    }

    aside.blank.top label {
        width: 100%;
        font-weight: bold;
        margin-top: 9px;
        float: none;
        display: inline-block;
    }

    aside.blank header {
        font-weight: bold;
        font-size: 1.2em;
        color: #00112a;
    }

    .subnavigatie aside {
        margin: 0 0 15px;
    }

    .aside_inner {
        padding: 0;
    }

    .content_home.bhlp_ovz .blank.top {
        border: 1px solid #eee;
        background-color: #F5F5F5;
    }

    .content_home.bhlp_ovz .aside_inner {
        color: #00112a !important;
    }

    aside h3 {
        padding: 5px 0;
    }

    aside h3 a {
        font-weight: normal;
        font-size: 0.9em !important;
        color: #00112a !important;
    }

    aside h3:before {
        font-family: fontawesome;
        display: inline;
        content: "\f105";
        color: #ccc;
        font-size: 12px;
        font-weight: normal;
        padding-right: 4px;
    }

    a.button_alg.vraag_organisatie:after {
        content: "\f059";
        display: inline;
        font-family: FontAwesome;
        font-size: 18px;
        padding-left: 6px;
    }

    a.button_alg.niet_ok:after {
        content: "\f165";
        display: inline;
        font-family: FontAwesome;
        font-size: 18px;
        padding-left: 6px;
    }

    a.button_alg {
        display: inline-block;
        padding: 4px 10px;
        background-color: #888888;
        color: #fff;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    a.button_alg:hover {
        background-color: #00112a;
        color: #fcfcfc;
    }

    .button_alg.vraag_organisatie {
        margin-top: 20px
    }

    aside.video {
        width: 100%;
        padding: 2% 0 2%;
        margin-bottom: 2%;
        background-color: #fff;
        border-bottom: 1px dashed #ccc;
    }

    aside.afbeelding {
        padding: 2% 0 2%;
        width: 100%;
        margin-bottom: 2%;
        background-color: #fff;
        border-bottom: 1px dashed #ccc;
    }

    aside.menu {
        border: 1px solid #ececf2;
        background-color: #f1f4fa;
    }

    aside.menu li {
        list-style-type: none;
    }

    aside.tags {
        border: 1px solid #eee;
        background-color: #f9f9f9;
    }

    aside.blank {
        background-color: #fff;
    }

    aside.blank.tags.border, aside.blank.top.border, aside.blank.border {
    }

    aside.blank.top {
        padding-left: 5%;
        padding-right: 3%;
        padding-top: 4%;
        padding-bottom: 4%;
        border: 1px solid #ececf2;
        background-color: #f1f4fa;
        color: #00112a;
    }

    /*aside.blank.top.vacs { background-color: #fbbed0 !important; border: 1px solid #c7d1eb; }*/
    aside.blank.top.vacs header, aside.blank.top.vacs h3 a {
        color: #00112a !important;
    }

    aside.blank.top.vacs h3 a:hover {
        color: #00112a !important;
    }

    aside.blank.top.vacs h3:hover {
        border-bottom: 1px solid #e3e4f3 !important;
    }

    aside.blank.top.vacs h3 {
        border-bottom: 1px dotted #e3e4f3 !important;
        margin-bottom: 5px;
        font-size: 17px;
    }

    aside.blank.top.vacs h3:before {
        content: "\f105";
        font-family: FontAwesome;
        dislpay: inline;
        padding-right: 5px;
        color: #00112a !important;
        font-size: 18px;
        font-weight: bold;
    }

    aside.blank.top.vacs h3:hover:before {
        color: #00112a !important;
    }

    aside.blank.top header.pink {
        color: #00112a !important;
    }

    aside.blank.top header {
        font-size: 1.2em;
        font-weight: bold;
        padding: 0px 0 10px;
        color: #305970;
        width: 100%;
    }

    aside.blank.top header.margin {
        margin: 20px 0 10px;
        display: inline-block;
    }

    .tags a {
        display: inline-block;
        border: 1px solid #eee;
        background-color: #ebebeb;
        padding: 5px 12px;
        margin: 0 5px 8px 2px;
        color: #00112a;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .tags a:hover {
        border: 1px solid #d3d3d3;
        background-color: #eaeaea;
        color: #a5a5a5;
    }

    aside.menu a {
        display: inline-block;
        border-bottom: 1px solid #eee;
        padding: 5px 12px 5px 0;
        color: #00112a;
    }

    aside.menu a:hover {
        color: #00112a;
    }

    aside.menu a:before {
        color: #00112a;
        font-family: FontAwesome;
        display: inline;
        content: "\f101";
        padding-right: 6px;
    }

    aside.afbeelding img {
        width: auto;
        max-width: 100%;
    }

    /*//// Pagina Alle VACATURES/-HULPVRAGEN/-WORKSHOPS */
    .workshop_logo {
        margin: 0px 0 !important;
        display: flex;
        align-items: center;
    }

    .workshop_logo img {
        max-width: 90%;
        height: auto;
    }

    .workshop {
        overflow: hidden !important;
        background-color: #fff;
        border: 1px solid #cddae3;
        border-right: 38px solid #fde4a9;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        height: auto;
    }

    .vac_uitgelicht {
        color: #00112a;
        font-weight: bold;
        margin-bottom: 10px;
        display: block;
        width: 100%;
    }

    .wrap_vac {
        height: auto;
        overflow: hidden;
    }

    .ws_info_small .alle_vacs_vac {
        line-height: 25px;
    }

    .ws_info_small {
        line-height: 18px;
    }

    .alle_vacs_vac.filtered {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .alle_vacs_vac {
        margin-bottom: 10px;
    }

    .wslink.menu {
        float: left;
    }

    .wslink {
        display: inline-block;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .wslink a {
        display: inline-block;
        color: #fff !important;
        padding: 7px 15px;
        background-color: #00112a;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .burenhulp .alle_vacs_vac h4 a {
        color: #495472 !important;
        font-weight: bold;
        font-size: 1.2em !important;
    }

    .alle_vacs_vac h5, .alle_vacs_vac h5 p, .alle_vacs_vac p, .burenhulp .alle_vacs_vac h4, .burenhulp .alle_vacs_vac h4 p, .burenhulp .alle_vacs_vac h4 p strong {
        line-height: 19px;
        color: #495472 !important;
        font-weight: normal !important;
    }

    .alle_vacs_organisatie h2 {
        color: #888;
        font-size: 16px;
    }

    .alle_vacs_vac h3 a {
        color: #00112a;
        font-size: 25px;
        font-weight: bold;
        margin: 5px 0 10px;
        line-height: 25px;
    }

    .ws_info_small .alle_vacs_vac header a {
        color: #00112a;
    }

    .vacaturebank.alle-vacatures header h3 {
        color: #ea6604;
        text-transform: unset !important;
    }

    .vacaturebank .alle_vacs_vac h4 a, .ws_info_small .alle_vacs_vac header a {
        font-size: 1.2em;
        font-weight: bold;
        margin: 5px 0 10px;
        line-height: 25px;
        color: #41588d;
        display: inline-block;
    }

    .user_icon.small {
        display: inline-block;
    }

    .user_icon.small:before {
        font-family: FontAwesome;
        display: inline;
        content: "\f007";
        font-size: 20px;
        color: #00112a;
        padding-right: 8px;
        padding-bottom: 10px;
    }

    .user_icon.small.org {
        color: #00112a;
        margin-top: 10px;
    }

    .user_icon.small.org:before {
        font-family: FontAwesome;
        display: inline;
        content: "\f19c";
        color: #00112a;
        font-size: 20px;
        padding-right: 8px;
    }

    .user_icon.ico_organisatie {
        width: 100%;
        height: 100px;
    }

    .user_icon.large {
        width: 100%;
        height: 100px;
    }

    .pasfoto.main .user_icon.large {
        border: 1px solid #eee;
        min-height: 150px;
    }

    .pasfoto.main .user_icon.large:before {
        margin: auto;
        top: 40%;
    }

    .user_icon.large:before {
        font-family: FontAwesome;
        display: inline;
        content: "\f007";
        font-size: 100px;
        position: relative;
        top: 40%;
        left: 0;
        color: #00112a;
    }

    .user_icon.ico_organisatie:before {
        font-family: FontAwesome;
        display: inline;
        content: "\f19c";
        font-size: 100px;
        position: relative;
        top: 40%;
        left: 0;
        color: #ccc;
    }

    .workshop.burenhulp .workshop_logo {
        position: relative;
        min-height: 100px;
        height: 100%;
        padding: 10px;
        border: 1px solid #eee;
    }

    .workshop.burenhulp .workshop_logo img {
        text-align: center;
        vertical-align: baseline;
    }


    .hulpvraag_lokatie:before {
        font-family: FontAwesome;
        display: inline;
        content: "\f041";
        font-size: 25px;
        color: #00112a;
        padding-right: 8px;
        padding-bottom: 24px;
        float: left;
    }

    .hulpvraag_lokatie {
        padding: 10px 0;
    }

    /* vrijwilligerspassen */
    .workshop.passen {
        background-color: #fff;
        border-bottom: 2px solid #ccc;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        border-radius-topleft: 10px;
        border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        border-radius-bottomleft: 0px;
        border-radius-bottomright: 0px;
    }

    .workshop.passen .alle_vacs_vac h3 {
        color: #ccc;
        font-size: 28px;
        font-weight: normal;
        margin: 5px 0 10px;
        line-height: 28px;
    }

    .workshop.passen .workshop_logo {
        position: relative;
        min-height: 170px;
        height: 100%;
        background-color: #00112a;
        padding: 1%;
        border: 1px solid #00112a;
    }

    .workshop.passen .workshop_logo img {
        border: 10px solid #fff;
        vertical-align: center;
    }

    .workshop.passen .vac_card {
        float: none;
        padding-top: 10px;
        line-height: 21px;
    }

    .voucher {
        color: #00112a;
        font-size: 35px;
        font-weight: bold;
        margin: 5px 0 10px;
        line-height: 35px;
    }

    .voucher:before {
        font-family: fontawesome;
        display: inline;
        content: "\f184";
        color: #00112a;
        width: 100%;
        font-size: 35px;
        padding-right: 6px;
    }

    .voucher_adres {
        color: #00112a;
        text-transform: capitalize;
        padding-bottom: 10px;
    }

    .voucher_tel {
        font-weight: bold;
        padding-bottom: 11px;
    }

    .voucher_plaats {
        text-transform: uppercase;
    }

    /* end vrijwilligerspassen */
    .vw_academie p {
        padding: 10px 0;
    }

    small {
        color: #00112a !important;
    }

    big {
        color: #00112a !important;
    }

    span.marker {
        padding: 8px 15px;
        background-color: #00112a;
        color: #fff !important;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    span.marker a {
        color: #fff !important;
    }

    span.marker a:after {
        content: "\f105";
        font-family: FontAwesome;
        display: inline;
        font-weight: bold;
        font-size: 25px;
        position: relative;
        padding-left: 10px;
        top: 2px;
    }

    .agenda_blok {
        padding: 0;
    }

    .agenda_blok a {
        font-size: 1.3em;
        color: #5f5f5f !important;
    }

    .agenda_blok #subnav ul li {
        padding: 5px 0;
    }

    .agenda_blok_li {
        padding: 4% 0;
    }

    .subnavigatie .agenda_blok header {
        padding: 8% 5%;
        background-position: bottom;
    }

    .subnavigatie.agenda_ovz {
    }

    .subnavigatie header {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .content_pages.third ul.subs {
        width: 100%;
        text-align: center;
        display: inline-block;
        overflow: hidden;
    }

    ul.subs {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    ul.subs li {
        padding-right: 15px;
        border-right: 1px solid #00c8e4;
    }

    ul.subs li, ul.subs {
        font-family: europa, sans-serif;
        font-weight: normal;
    }

    ul.subs li {
        list-style-type: none;
        float: left;
    }

    .subs li a {
        color: #fff;
    }

    .breadcrumb_pages {
        width: 86%;
        padding: 2% 8% 0 6%;
    }

    .hoofdstuk {
        font-weight: bold;
        width: auto;
        display: inline-block;
    }

    .fas.fa-angle-double-right {
        padding-left: 7px;
        padding-right: 10px;
        top: 2px;
        position: relative;
    }

    .actueel_blok {
        padding: 0;
    }

    .actueel_blok a {
        font-size: 0.9em;
        color: #5f5f5f !important;
    }

    .actueel_blok #subnav ul li {
        padding: 5px 0;
    }

    .actueel_blok_li {
        padding: 4% 0;
    }

    .subnavigatie .actueel_blok header {
        padding: 8% 5%;
        background-position: bottom;
    }

    .header_actueel, .header_actueel a {
        background-color: #00112a;
        padding: 3px 7px;
        border-radius: 4px;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: normal !important;
    }

    .agenda_blok header a:before {
        font-family: FontAwesome;
        display: inline;
        content: "\f101";
        padding-right: 6px;
    }

    .vw_academie.nieuws article {
        margin-bottom: 20px;
        padding: 10px 0 10px;
        border-bottom: 1px solid #eee;
        overflow: hidden;
    }

    .vw_academie.nieuws li {
        list-style-type: none;
        padding: 5px 0;
        display: inline-block;
        width: 100%;
    }

    .vw_academie.nieuws article h3 {
        font-size: 1.3em;
    }

    .vw_academie.nieuws article h3 a {
        color: #505050;
        margin: 10px 0 0;
        width: auto;
        display: inline;
    }

    .vw_academie a {
        color: #00112a;
    }

    .intro_tekst.event h4, .intro_tekst.nieuws h4 {
        padding-bottom: 10px;
        display: inline-block;
        width: 100%;
    }

    .agenda_img {
        width: 80%;
        height: 160px;
        border: 1px solid #eee;
        margin-bottom: 5%;
    }

    .agenda_img:after {
        content: "\f1c5";
        position: relative;
        top: 50%;
        left: 1%;
        padding: 5px 20px;
        display: inline;
        font-family: "FontAwesome";
        font-size: 120px;
        color: #ccc;
    }

    legend.paginatitel {
        color: #fbc340;
        font-size: 21px;
    }

    .paginatitel {
        font-weight: bold;
        margin-bottom: 15px;
    }

    .agenda_content h4, .vw_academie.nieuws h4 {
        font-weight: normal;
        font-size: 15px;
    }

    .agenda_article {
        padding-bottom: 15px;
        margin-bottom: 65px;
        border-bottom: 1px solid #eee;
        overflow: hidden;
    }

    .agenda_article h4 {
        font-size: 15px;
        color: #505050;
        margin-bottom: 15px;
        font-weight: normal;
    }

    .agenda_article h3 {
        font-size: 23px;
        color: #505050;
        line-height: 25px;
        margin-bottom: 15px;
    }

    .event_content header {
        margin: 10px 0 20px;
        font-size: 1.2em;
        font-weight: bold;
    }

    label.agenda_left {
        width: 20%;
        padding: 0 1% 0 0;
    }

    .event_content h3 {
        font-weight: normal;
        padding: 20px 0 10px 0;
        font-size: 1em;
        line-height: 26px;
    }

    .event_content h2 {
        font-size: 1.5em;
        padding: 5px 0 0;
    }

    .event_content h4 {
        font-weight: normal;
        padding-bottom: 10px;
    }

    .datum_agenda a.leesverder {
        margin: 0;
        padding: 0;
        font-weight: normal;
        font-size: 15px;
        background-color: #fff !important;
        color: #00112a;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    .datum_agenda.lees {
        padding: 10px 0;
        margin-bottom: 25px;
    }

    .date-news {
        width: 100%;
        display: inline-block;
        font-size: 15px;
        font-family: 'Nova Square', cursive;
        padding: 20px 0;
    }

    .datum_agenda .datum {
        color: #00112a !important;
    }

    .datum_agenda .datum,
    .datum_nieuws .datum {
        line-height: 25px;
        float: left;
        font-family: 'Nova Square', cursive;
        width: auto;
        margin-bottom: 8px;
        display: inline;
        font-size: 16px;
        padding: 0;
        color: #fff;
    }

    .datum_nieuws {
        width: 100%;
        display: inline-block;
    }

    .datum_agenda.lees .datum {
        width: auto !important;
    }

    .datum_nieuws .datum, .datum_agenda .datum {
    }

    .event_content h2 {
        color: #00112a !important;
    }

    aside.video li:before {
        display: none !important;
    }

    .event_content ul, .content_agenda ul, .content_pages.third ul {
        padding: 15px 0;
    }

    .event_content li, .content_agenda li {
        margin-left: -3px;
        display: inline-block;
        justify-content: flex-start;
        width: 95%;
        padding: 4px 0 4px 5px;
    }

    .clt_details li, .content_pages.third li {
        list-style-type: none;
        margin-left: -3px;
        display: inline-flex;
        justify-content: flex-start;
        width: 95%;
        padding: 0 0 0px 5px;
        align-items: baseline;
    }

    .clt_details li:before, .content_pages.third li:before {
        position: relative;
        top: 1px;
    }

    .clt_details li span, .content_pages.third li span {
        line-height: 16px;
    }

    .event_content li br, .content_pages.third li br {
        display: inline !important;
        float: left !important;
        width: 1px !important;
    }

    .clt_details li:before, .agenda_content li:before, .event_content li:before, .content_pages.third li:before {
        font-family: "FontAwesome", sans-serif;
        display: inline;
        content: "\f105";
        float: left;
        padding-right: 10px;
    }

    .cke_toolgroup a.cke_button.cke_button__save cke_button_off {
        display: none !important;
        width: 1px !important;
        box-sizing: unset;
        font-size: 0 !important;
        white-space: normal !important;
    }

    .datum_nieuws .datum:before, .datum_agenda .wanneer:before, .datum_agenda .org:before, .datum_agenda .lokatie:before, .datum_agenda .datum:before {
        font-family: "FontAwesome";
        display: inline;
        font-size: 12px;
    }

    .datum_agenda label.small {
        padding-right: 2%;
    }

    .datum_agenda .lokatie:before {
        content: "\f124";
        padding-right: 10px;
        height: 40px;
        display: inline-block;
        width: auto;
        float: left;
    }

    .datum_agenda .org:before {
        content: "\f19c";
        padding-right: 6px;
    }

    .agenda_content {
        padding-bottom: 15px;
    }

    .datum_agenda .datum:before {
        content: "\f073";
        font-size: 30px;
        top: 3px;
        bottom: 4px;
        left: 1px;
        display: inline;
        right: 2%;
        position: relative;
        color: #00112a !important;
    }

    .vw_academie.nieuws .afbeelding:before {
        display: none;
    }


    input.datum_ws, label.datum_ws, .datum_ws_aanmeldform {
        border: 1px solid #fff;
        width: auto;
        font-weight: bold;
        margin: 0;
        padding: 0 5px 0 0;
        line-height: 21px;
        cursor: none;
    }

    #beheer input.datum_ws_aanmeldform {
        border: 1px solid #fff;
        width: auto;
        font-weight: bold;
        margin: 0 0 0 0 !important;
        padding: 8px 5px 0 0;
        line-height: 21px;
        cursor: none;
    }

    form.aanmelden_workshop .datum_ws {
        width: auto !important;
        margin-bottom: 15px;
    }

    form.aanmelden_workshop .datum_ws:before {
        font-family: fontawesome;
        display: inline;
        content: "\f133";
        color: #00112a;
        width: 100%;
        font-size: 17px;
        padding-right: 13px;
    }

    label.breed {
        width: 100% !important;
        display: inline-block;
        padding: 7px 0;
    }

    #inschrijven_form label.breed input[type="checkbox"] {
        float: none !important
    }

    .wrap {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    /* PASSEN //*/
    /*//////// VACATUREBANK ///////*/
    .wsinfo:after {
        content: ".";
        color: #fff;
    }

    .doelgroep_box.noborder {
        border-bottom: 1px solid #fff;
    }

    .doelgroep_box, .doelgroep_box p, .doelgroep_box span {
        font-size: 16px !important;
        overflow: hidden;
        width: 98%;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-top: none;
        border-right: none;
        border-left: none;
    }

    .doelgroep_box legend {
        padding: 0;
        color: #00112a;
        font-size: 1.2em;
        font-weight: bold;
    }

    .doelgroep_box.top legend {
        padding: 0;
    }

    .doelgroep_box.top {
        overflow: hidden;
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 15px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-box-shadow: none;
    }

    .doelgroep_box.top .wsinfo.detail, .ws.extrainfo {
        font-size: 0.9em;
    }

    header.aanbod_organisatie {
        font-weight: normal;
        font-size: 14px;
        color: #888;
    }

    header.aanbod_organisatie a {
    }

    .website_organisatie {
        font-weight: normal;
        font-size: 14px;
        color: #888;
        width: 100%;
    }

    .website_organisatie a {
        color: #00112a;
        text-decoration: underline;
    }

    .wrap_extrainfo {
        width: 100%;
        overflow: hidden;
    }

    .korte_vac_info {
        padding: 15px 0;
    }

    .vw_academie header {
        color: #5f5f5f;
    }

    .vacaturebank header, .burenhulpvragen header {
        color: #5f5f5f;
    }

    section.organisaties header, .vacaturebank header, .vw_academie header {
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 2px;
        overflow: hidden;
        font-size: 19px;
        display: inline-block;
        line-height: 30px;
        width: 100%;
    }

    .burenhulpvragen header {
        font-weight: bold;
        margin-top: 2px;
        overflow: hidden;
        font-size: 19px;
        display: inline-block;
        width: 100%;
    }

    .vw_academie.nieuws header {
        margin-bottom: 0;
    }

    workshop_aanmelden {
        width: 100%;
        display: inline-block;
    }

    a.button_vw_academie {
        color: #fff;
        background-color: #00112a;
        padding: 4px 15px 6px;
        display: block;
        border-radius: 5px;
    }

    .linkerkolom_org.talentenscanner header {
        font-weight: bold;
        color: #888;
        margin-bottom: 10px;
        overflow: hidden;
        font-size: 1.2em;
        display: inline-block;
        line-height: 30px;
        width: 100%;
    }

    .div_breed {
        width: 100%;
        padding: 4px 0;
        margin: 4px 0;
        display: inline-block;
    }

    /* DAGDELEN SJABLOON IN MENU VACATURES*/
    .beschikbaarheid_vrijwilliger.frontend {
        width: 94% !important;
        padding: 1% 3%;
        margin: 0 0 15px 0;
        background-color: #fff;
        border: 1px solid #eee;
    }

    .beschikbaarheid_vrijwilliger.frontend .beschikbaar_links .besch_row_lef li {
        padding-bottom: 5px;
        margin-bottom: 0 !important;
    }

    .dagdeel {
        padding: 5px 0 0px;
    }

    .beschikbaarheid_vrijwilliger.frontend .besch_row_lef.bottom li {
        padding: 5px 0 11px;
    }

    .besch_cell {
        float: left;
        width: auto;
        padding: 0 0 0 5px;
        font-size: 12px;
    }

    .beschikbaarheid_vrijwilliger.frontend .rubrieken_menu ul.besch_row {
        margin-bottom: 0;
    }

    .veel_checkboxes li {
        list-style-type: none;
        padding: 4px 0;
        display: inline-block;
        width: 100%;
    }


    /* landscape tablet and normal monitor */
    @media screen and (min-width: 60em) {
        .logos_vcw_wdt,
        .alle-nieuws-show {
            display: none;
        }

    }


    /*//// SUBNAVS //////*/
    .subnav_agenda, .subnav_nieuws {
        border: 1px solid #eee;
        background-color: #f6f6f6;
        margin: 0 0 15px;
        padding-left: 5%;
        padding-right: 3%;
        overflow: hidden;
        padding-top: 4%;
        padding-bottom: 2%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .hide_subnav li a:hover {
        color: #00112a;
    }

    .hide_subnav li a {
        color: #00112a;
        font-size: 1em;
        display: inline-block;
        padding: 7px 5% 0 0;
        margin-bottom: 7px;
        width: 95%;
    }

    #subnav {
        height: auto;
        margin-bottom: 15px;
    }

    #subnav a, #subnav a:visited, #subnav a:active {
        color: #00112a;
        text-decoration: none;
    }

    #subnav a:hover {
        color: #ef417c;
        padding-left: 0;
    }

    #subnav li a:before {
        font-family: FontAwesome;
        display: inline;
        content: "\f101";
        padding-right: 6px;
        padding-bottom: 15px;
        position: relative;
        float: left;
    }

    #subnav a:hover:before {
        font-family: FontAwesome;
        display: inline;
        content: "\f101";
        padding-right: 6px;
    }

    #titel_subnav {
        float: left;
        width: 190px;
        height: auto;
        margin: 5px 0 0 0;
        font-weight: bold;
        color: #fff;
    }

    #subnav ul li {
        list-style-type: none;
        width: auto;
    }

    #submenu li {
        padding: 3%;
        color: #fff !important;
    }

    label.ct {
        width: 20%;
        float: left;
        color: #666;
    }

    .submenu {
        display: block;
        padding: 10px 0 15px 0;
    }

    .sub {
        margin-bottom: 25px;
    }

    /*/// SUBNAV_BUTTONS ////*/
    #subnav_buttons li {
        list-style-type: none;
    }

    #subnav_buttons {
    }

    #subnav_buttons a {
        color: #00112a;
        font-size: 1em;
        padding: 8px 20px 8px 0;
        display: inline-block;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0px;
        width: 70%;
    }

    #subnav_buttons a:before {
        content: "\f101";
        display: inline;
        font-family: FontAwesome;
        padding-right: 8px;
        font-size: 17px;
        color: #00112a;
    }


    #content_vervolg .wrap_extrainfo.form {
        width: 96%;
        padding: 4px 10px;
        margin: 5px 0;
        background-color: #e9f1f8;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        display: inline-block;
        float: none;
    }

    #content_vervolg .wrap_extrainfo.form:before {
        display: inline;
        content: "";
    }

    .rubrieken_wrap {
        width: 95%;
        display: inline-block;
        background-color: #e3e4f3;
        margin-bottom: 10px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
    }


    fieldset.rubrieken_menu_top.categ {
    }

    fieldset.rubrieken_menu_top.pink {
        margin: 0 !important;
    }

    fieldset.rubrieken_menu_top ul {
        width: 97%;
        display: inline-block;
        overflow: hidden;
    }

    fieldset.rubrieken_menu_top {
        font-size: 14px;
        line-height: 18px;
        padding: 0 10px 25px 0;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .rubrieken_menu_top.sorteer {
        background-color: #fff;
        border-bottom: 1px solid #00112a;
        padding: 0;
    }

    .rubrieken_menu_top.sorteer select {
        width: auto;
        float: left;
        margin-top: 0;
        background-color: #00112a;
        border: 1px solid #00112a;
        color: #fff !important;
    }

    .rubrieken_menu_top.sorteer input.zoeken {
        float: left;
    }

    .rubrieken_menu_top.sorteer input.btn.blauw {
        margin-left: 10px;
        background-color: #ccc !important;
        border: 1px solid #ccc !important;
        color: #00112a !important;
        font-weight: normal;
    }

    .vacaturebank header.aanbod_zoeken {
        width: auto !important;
        float: left;
        font-size: 19px;
    }

    .sorteren {
        padding-bottom: 10px;
        width: auto;
        float: right
    }

    .sorteren form {
        float: right;
        padding-right: 10px;
    }

    .sorteren input.btn.blauw {
        background-color: #ccc !important;
        border: 1px solid #ccc !important;
        padding: 4px 10px 4px !important;
    }


    .rubrieken_wrap.bhlp fieldset.rubrieken_menu_top {
        background-color: #e3e4f3;
        border-bottom: 1px dotted #00112a;
    }

    .rubrieken_wrap.vac fieldset.rubrieken_menu_top {
        background-color: #eee;
    }

    .rubrieken_wrap.vac fieldset.rubrieken_menu_top.sorteer {
        background-color: #00112a;
        color: #fff !important;
    }

    .rubrieken_wrap fieldset.rubrieken_menu_top {
        color: #00112a;
    }

    .rubrieken_wrap fieldset.rubrieken_menu_top select {
        width: 99%;
    }

    .rubrieken_wrap.bhlp fieldset.rubrieken_menu_top {
        color: #5f5f5f;
    }

    fieldset.rubrieken_menu_top.pink.blue {
        background-color: #00112a;
        padding: 5px 10px 0 25px;
    }

    fieldset.rubrieken_menu_top.pink {
        background-color: #00112a;
        padding: 5px 10px 0 25px;
    }

    .comments.blauw {
        color: #ffffff;
        font-size: 16px;
        padding: 5px 0 10px;
    }

    .leftcolum li a.menu_cat_alle {
        color: #495472;
    }

    i.fa-square-right {
        float: left;
        font-size: 27px;
        position: relative;
        color: #ea6604;
        padding-right: 4px;
        margin-right: 2px;
        margin-left: 4px;
        font-style: normal !important;
    }

    .rubrieken_menu_top.pink a {
        color: #fff;
        margin-bottom: 10px;
        display: inline-block;
    }

    .rubrieken_menu {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .rubrieken_menu.bhlp {
        background-color: #fff;
    }

    .rubrieken_menu ul {
        padding: 15px 0;
    }

    .rubriekkopje.light:before {
        content: "\f054";
        font-size: 9px;
        padding-bottom: 3px;
        padding-right: 6px;
        font-family: FontAwesome;
        display: inline;
    }

    .rubrieken_wrap.vac .rubriekkopje.light {
        color: #00112a;
        font-size: 18px;
    }

    .rubrieken_wrap.bhlp .rubriekkopje.light, .rubrieken_wrap.bhlp label.breed {
        color: #006775;
    }

    .rubrieken_menu_top legend {
        margin: 10px 0;
    }

    . {
        -webkit-text-shadow: 0px 0px 10px #00112a; /* for chrome */
        text-shadow: 0px 0px 10px #0b7f9d; /* same as above*/
        -moz-text-shadow: 0px 0px 10px #0b7f9d; /* for firefox */
        -o-text-shadow: 0px 0px 10px #0b7f9d; /* for opera */
        -ms-text-shadow: 0px 0px 10px #0b7f9d; /* for ie 9+ */
        -khtml-text-shadow: 0px 0px 10px #0b7f9d; /* for gecko based browser*/
    }

    .submenu_aanbod {
        padding-left: 20px;
    }

    fieldset.submit_desktop {
        text-align: right;
    }

    ul.rmli_2 li {
        width: 100% !important;
        margin-bottom: 0;
        padding: 5px 5px 0;
    }

    .rubrieken_wrap.bhlp .rubrieken_menu li {
        width: 100%;
        padding: 5px;
        margin-bottom: 3px;
        list-style-type: none;
        font-size: 1.2em;
        color: #076491;
    }

    .rubrieken_wrap.vac .rubrieken_menu li {
        width: 100%;
        padding: 5px;
        margin-bottom: 3px;
        list-style-type: none;
        font-size: 1.2em;
        color: #007282;
    }

    .AplusToolWMOMO input[type="radio"] {
        transform: scale(2);
        margin: 0 15px 15px 0;
        display: inline-block;
        border: 1px solid #e64b5e !important;
    }

    fieldset.selectdatum.groen {
        border: none;
        background-color: #c7d1eb;
        padding: 20px 10px 20px 14px;
        moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    fieldset.selectdatum.blauw {
        border: none;
        background-color: #c7d1eb;
        padding: 20px 10px 20px 14px;
        moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .rubriekkopje.groen {
        color: #00112a !important;
    }

    .reageer_vacature input[type="text"], .reageer_vacature input[type="tel"], .reageer_vacature input[type="email"], .reageer_vacature textarea {
        width: 90%;
    }

    .reageer_vacature.vac #aanmelden h4, .reageer_vacature.vac #aanmelden form input.vacature_name {
        color: #00112a
    }

    .rubriekkopje.blauw {
        color: #076491;
    }

    .reageer_vacature .btn {
        background-color: #888888 !important;
        border-color: #888888 !important;
    }

    .rubriekkopje {
        font-weight: bold;
        margin: 5px 0 0;
        width: 100%;
        font-size: 18px;
        height: 30px;
    }

    .rubriekkopje.small {
        width: auto;
        float: left;
    }

    .selectdatum label.breed {
        width: 100%;
        color: #00112a;
        font-size: 16px;
        display: inline-block;
        margin: 0 0 5px;
    }

    .rubrieken_wrap.vac .rubrieken_menu .btn {
        background-color: #00112a !important;
        border: 1px solid #00112a;
    }

    .rubrieken_wrap.vac .rubrieken_menu .btn:hover {
        background-color: #00112a !important;
    }

    .rubrieken_wrap.bhlp .rubrieken_menu .btn {
        background-color: #00112a !important;
        border: 1px solid #00112a;
    }

    .rubrieken_wrap.bhlp .rubrieken_menu .btn:hover {
        background-color: #7f98b1 !important;
        color: #00112a !important;
    }

    .subnavigatie header.categorien.workshops,
    #flip, #flip2, #flip3, #flip4, #flip5, #flip6, #flip7,
    section.organisaties header, .vacaturebank header, .vw_academie header {
    }

    #panel, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7 {
        font-family: europa, sans-serif;
    }

    .compleet_aanbod_wrap ul {
        width: 90%;
    }

    .rubrieken_menu_top.bottom {
        border-bottom: none;
        padding-top: 5px;
    }

    label {
        font-weight: 400;
    }

    .compleet_aanbod_wrap.blauw li a {
        color: #00112a;
        font-size: 1.2em !important;
        padding-bottom: 10px;
    }

    .compleet_aanbod_wrap.groen li a {
        color: #00112a;
    }

    .compleet_aanbod_wrap li a {
        padding: 5px 10px 0px 0px;
        font-size: 17px;
        display: block;
    }

    .compleet_aanbod_wrap li a:before {
        content: "\f105";
        font-family: fontawesome;
        display: inline;
        padding-right: 7px;
        color: #999;
    }

    .hide_subnav li a.compleet_aanbod {
        font-weight: bold;
    }

    a.compleet_aanbod:before {
        content: "\f105";
        font-family: fontawesome;
        display: inline;
        padding-right: 7px;
        color: #c4076d;
    }

    ul.sub_cont a::before {
        content: "\f054";
        color: #ccc;
        padding-right: 15px;
        display: inline;
        font-family: "fontawesome";
        font-size: 10px;
    }

    .categorien.workshops .filteren {
        color: #00112a;
    }

    .filteren {
        font-size: 19px !important;
        color: #00112a;
    }

    .filteren:after {
        content: "\f078";
        font-family: fontawesome;
        display: inline;
        padding-left: 7px;
        color: #999;
        font-size: 25px;
    }

    .header-activiteit {
    }

    .leftcolum.menu_cat header {
        background-color: #fbc340;
        padding: 10px 0 10px 3%;
        color: #fff;
        width: 97%;
        font-weight: bold;
        border-radius: 0;
    }

    .leftcolum li a.menu_cat_alle {
        color: #00112a;
    }

    .rubrieken_menu input[type="checkbox"] {
        float: left;
        margin: 0 10px 0 0;
        width: 20px;
        height: 24px;
    }

    /* CUSTOM CHECKBOXES */
    .rubrieken_menu li {
        width: 100%;
        padding: 10px 0 0;
        list-style-type: none;
        font-size: 100%;
        overflow: hidden;
    }

    .filter_menu label {
        padding: 0px 4px 2px 0;
        width: 100%;
    }

    .sector_naam {
        padding-top: 6px;
        display: inline-block;
        width: auto;
        float: left;
    }

    .sector_naam.l_anders {
        width: 80%;
    }

    .filter_menu .rubrieken_menu_top.categ label {
        width: 100%;
        padding: 0 4px 0 0;
    }

    ul.sub_cont {
        margin: 0 0 10px 0;
        padding-left: 0;
        padding-bottom: 10px;
        height: 100%;
    }

    fieldset.padding20 {
        padding: 0 20px 20px;
    }

    /*/////////////////*/
    /* oogje in password veld */
    .show_ww {
        float: right;
        display: inline;
        width: auto;
    }

    /*.password-wrapper {*/
    /*    position: relative;*/
    /*    display: inline-block;*/
    /*}*/
    /*.password-wrapper input {*/
    /*    padding-right: 30px; !* ruimte voor het oogje *!*/
    /*}*/
    /*.toggle-eye {*/
    /*    position: absolute;*/
    /*    right: 8px;*/
    /*    top: 50%;*/
    /*    transform: translateY(-50%);*/
    /*    cursor: pointer;*/
    /*    font-size: 18px;*/
    /*    color: #666;*/
    /*}*/
    /* end oogje */
    .afbeelding_agenda {
        width: 100%;
        height: auto;
        border-top: 1px solid #eee
    }

    .afbeelding_agenda img {
        width: auto;
        max-height: 160px;
        min-height: 160px;
        margin: 15px 0 20px;
    }

    .aanmelden_links .vac_info {
        width: 75% !important;
        padding-right: 2%;
    }

    .vac_info .clt_details {
        float: left;
    }

    .inloggen_form.login_unknown {
        background-color: #fff;
        border-radius: 12px;
        display: inline-block;
        padding-left: 2%;
    }

    .inloggen_form.login_vrijwilliger {
        background-color: #fff;
        border-radius: 12px;
        display: inline-block;
        width: 49%;
        padding: 1% 2% 2% 3%;
        margin-top: 20px;
    }

    fieldset.centerform {
        width: 100%;
        text-align: center;
        padding-top: 15px;
        margin-top: 15px;
        border-top: 1px solid #eee;
    }

    .inloggen_form .vac_info label {
        width: 25% !important;
        float: left;
    }

    .mijn_advertenties .wijzig_login {
        font-size: 20px;
        line-height: 25px;
    }

    .wijzig_login:before {
        content: "\f090";
        font-size: 30px;
        margin-right: 10px;
        color: #00112a;
        font-family: fontawesome;
        float: left;
    }

    .afbeelding:before {
        content: "";
        font-size: 30px;
        margin-right: 10px;
        color: #00112a;
        font-family: fontawesome;
        float: left;
    }

    .profiel_box.dashboard .afbeelding:before {
        content: "";
    }

    .geen_hulpvraag {
        width: 100%;
        height: auto;
    }

    .gereageerd_op li {
        padding: 10px 0 0 !important;
    }

    .gereageerd_op li a {
        color: #00112a !important;
        font-size: 20px;
        width: auto;
    }

    .gereageerd_op li a:hover {
    }

    .gereageerd_op li a:before {
        content: "\f007";
        font-family: fontawesome;
        padding-right: 10px;
        display: inline;
        font-size: 20px;
        color: #00112a;
    }

    #beheer .vac_info {
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        background-color: #f5f5f5;
        color: #00112a;
        width: 95%;
        height: auto;
        padding: 15px 2% 15px 3%;
        margin: 15px 0 20px;
        border: 1px solid #e3e4f3;
        line-height: 30px;
        overflow: hidden;
    }

    #beheer .vac_info.bericht_op_vacature label {
        width: 100% !important;
    }

    /* DASHBOARD NIEUW */
    /* opmaak hulpvragen */
    .vraag_kort label {
        width: 5% !important;
    }

    .vraag_kort .label_right {
        width: 37% !important;
        float: left;
        margin-right: 1%;
    }

    ul.filter_resultaat {
        width: 100%;
        overflow: hidden;
        margin: 10px 0 20px;
    }

    .filter_resultaat li {
        padding: 0 0 5px;
    }

    .hvi.categorie, .hvi.anders, .hvi.vraag, .hvi.naam, .hvi.datum {
        width: 100%;
        margin-bottom: 4px;
        padding: 0;
        display: inline-block;
    }

    .hulpvraag_plaatsen label, .hulpvraag_plaatsen label.breed, .aanbod_plaatsen label, .aanbod_plaatsen label.breed {
        font-size: 15px;
        display: inline-block;
        margin-bottom: 4px;
    }

    .profiel_hulpvraag label.breed {
        width: 100%;
    }

    /*.label_right:before { display:inline-block; content: "";}*/
    .profiel_hulpvraag .label_right {
        color: #00112a;
        line-height: 21px;
    }

    .profiel_hulpvraag .label_right.first {
        border-top: none;
    }

    .hvi label {
        border-bottom: 1px dotted #ddd;
        padding-bottom: 4px !important;
        margin-right: 3% !important;
    }

    /*.label_right:before {display:inline-block; content:"."; color:#f5f5f5; font-size: 0px;float:left;position: relative;}*/
    .profiel_hulpvraag label {
        overflow: hidden;
        vertical-align: top;
        color: #00112a;
        line-height: 18px;
        margin-bottom: 0;
        padding-bottom: 3px;
    }

    .label_right.org {
        line-height: 19px;
    }

    .label_right strong {
        font-weight: normal;
    }

    /* aanmelden / inloggen */
    .aanmelden_links header.header_klein, .aanmelden_rechts header.header_klein {
        font-size: 18px;
        font-weight: bold;
        width: 100%;
        padding: 0 0 5px;
    }

    .wrap_aanmelden header.groen {
        margin-bottom: 25px;
    }

    .aanmelden_rechts legend.aanmelden_legend {
        padding: 10px 0;
        font-size: 18px !important;
    }

    legend {
        font-weight: bold;
        margin: 0 0 15px 0;
    }

    legend.aanmelden_legend:before {
        font-family: fontawesome;
        display: inline;
        content: "\f090";
        font-size: 18px !important;
        color: #00112a;
        margin-right: 10px;
    }


    /* menu */
    .profiel_top.border {
        display: inline-block;
        border: none !important;
    }

    label.label_plaats {
        width: 100%;
    }

    #aanmelden .profiel_top.nav_profiel_org h4 {
        width: auto !important;
        float: left;
        display: inline;
        padding-right: 25px;
    }

    .profiel_top.nav_profiel_org a.btn_nav.profiel_verwijderen {
        background-color: #c7d1eb;
        color: #2f329b;
    }

    .profiel_top.nav_profiel_org a.btn_nav.profiel_verwijderen:after {
        content: "X";
        color: #c00;
        font-weight: bold;
        padding-left: 10px;
    }

    .profiel_top.nav_profiel_org {
        width: 100%;
        overflow: hidden;
        margin: 0 0 20px;
    }

    .profiel_top.nav_profiel_org a {
        background-color: #888888;
    }

    .profiel_top.nav_profiel_org a:hover {
        background-color: #bcc8da;
        color: #888888 !important;
    }

    .profiel_top a {
        background-color: #888888;
        color: #fff;
        float: left;
        width: auto;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .profiel_top a:hover {
        background-color: #bcc8da;
        color: #888888 !important;
    }

    .profiel_part.profiel_verwijderen:before, .profiel_part.profiel_uitloggen:before {
        font-size: 20px;
        font-family: fontAwesome;
        display: inline-block;
        font-weight: bold;
        padding-right: 2px;
    }

    /* BEGIN particulier dashboard */
    .aanmelden_rechts.vrwllgr .profiel_box.top, .aanmelden_links.vrwllgr .profiel_box.top, .advertentie_plaatsen {
    }

    .profiel_top a.profiel_part.profiel_verwijderen:hover {
        background-color: #a3acd3 !important;
    }

    .profiel_top a.profiel_part.profiel_verwijderen {
        display: none;
    }

    /*.profiel_top a.profiel_part.prof_verwijderen,*/
    /*.profiel_top a.profiel_part.profiel_verwijderen { background-color: #c7d1eb !important; color: #007282 !important;}*/
    .profiel_top a.profiel_part.profiel_afbeelding, .aanmelden_links.vrwllgr span.verwijderen, span.wijzigen, .profiel_top a.profiel_part {
        background-color: #888888 !important;
    }

    .paginatitel a.profiel_part.profiel_wijzigen {
        background-color: #888888 !important;
    }

    .aanmelden_links.vrwllg .profiel_box.top {
        border: 1px dashed #888888;
    }

    .btn.groen:hover, .aanmelden_links.vrwllgr a.db_bekijken:hover, .verwijderen:hover {
        background-color: #c7d1eb !important;
        color: #888888 !important;
        border: 1px solid #c7d1eb;
    }

    .aanmelden_links.vrwllgr .workshop_logo {
        color: #00112a !important;
    }

    .aanmelden_links.vrwllgr .workshop_logo img, .aanmelden_links.vrwllgr .workshop_logo a {
        float: left;
    }

    .aanmelden_links.vrwllgr .workshop_logo a {
        margin: 5px 0 0 5px;
    }

    .aanmelden_links.vrwllgr .workshop_logo img {
        margin-bottom: 15px;
    }

    /*.aanmelden_links.vrwllgr a.toevoegen.rose, .aanmelden_rechts.vrwllgr a.wijzigen.rose {background-color: #c4d06a!important; color: #909104!important;}
.aanmelden_links.vrwllgr a.toevoegen.rose:hover, .aanmelden_links.vrwllgr a.wijzigen.rose:hover {background-color: #909104!important; color: #c4d06a!important;}*/
    /*.aanmelden_links.vrwllgr .box_opvallend.margin, .aanmelden_links.vrwllgr .box_opvallend, .aanmelden_rechts.vrwllgr .box_opvallend  {background-color: #dfeb99 !important; color: #909104!important;}*/
    .profiel_top a.profiel_part:hover, .paginatitel a.profiel_part.profiel_wijzigen:hover, a.wijzigen:hover, .wijzigen:hover, .aanmelden_links.vrwllgr a.btn_reageren:hover, .aanmelden_links.vrwllgr span.bekijken:hover {
        background-color: #c7d1eb !important;
        color: #00112a !important;
    }


    .profiel_part.profiel_uitloggen, .aanmelden_links.vrwllgr .wijzigen.profiel, .aanmelden_rechts.vrwllgr .toevoegen.plushulpvraag {
        background-color: #00112a !important;
        color: #fff !important;
        border: 1px solid #00112a;
    }

    .aanmelden_rechts.vrwllgr .toevoegen.plushulpvraag:hover, .aanmelden_links.vrwllgr .toevoegen.plushulpvraag:hover, .aanmelden_links.vrwllgr .bekijken.reacties:hover, .aanmelden_rechts.vrwllgr .bekijken.reacties:hover, .aanmelden_links.vrwllgr .wijzigen.profiel:hover, .aanmelden_rechts.vrwllgr .toevoegen.plushulpvraag:hover {
        background-color: #c7d1eb !important;
        color: #00112a !important;
    }

    .aanmelden_rechts.vrwllgr legend, .aanmelden_links.vrwllgr legend {
    }

    /* END particulier dashboard */
    .btn_nav.org_afbeelding:before {
        content: "\f1c5";
        color: #fff;
        font-size: 16px;
        font-family: fontAwesome;
        display: inline-block;
        font-weight: bold;
        padding-right: 5px;
    }

    .paginatitel a.profiel_part.profiel_wijzigen, a.beheer_overzicht_wijzig {
        background-color: #00112a;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        padding: 10px 10px 5px !important;
        color: #69a7c3;
        font-size: 15px;
        font-weight: normal;
        margin-left: 20px;
    }

    .paginatitel a.profiel_part.profiel_wijzigen:hover, a.beheer_overzicht_wijzig:hover {
        background-color: #c7d1eb;
        color: #00112a !important;
    }

    .profiel_top a.profiel_part.prof_verwijderen:before,
    .paginatitel .profiel_part.mijn_profiel:before, .profiel_part.profiel_wijzigen:before, .profiel_part.profiel_afbeelding:before, .profiel_top .profiel_part.mijn_profiel:before, .profiel_top .profiel_org:before, .beheer_overzicht_wijzig:before {
        font-size: 20px;
        font-family: fontAwesome;
        display: inline-block;
        font-weight: bold;
        padding-right: 5px;
    }

    .profiel_top .profiel_org.vwlgr_zoeken:before {
        content: "\f002";
        color: #fff;
        font-size: 16px;
        font-family: fontAwesome;
        display: inline-block;
        font-weight: bold;
        padding-right: 3px;
    }

    .paginatitel .profiel_part.mijn_profiel:before {
        font-size: 20px !important;
    }

    .profiel_top .profiel_part.mijn_profiel:before, .profiel_top .profiel_org.org:before {
        content: "\f007";
    }

    .profiel_top .profiel_org.org_verwijder:before {
        content: "X";
        color: #fff;
    }

    .profiel_top a.profiel_part.prof_verwijderen:before, .profiel_top .profiel_part.profiel_verwijderen:before {
        content: "X";
        color: #cc1640;
    }


    .profiel_part.profiel_wijzigen:before, .profiel_top .profiel_org.org_wijzig:before {
        content: "\f040 ";
    }

    .profiel_top .profiel_part.profiel_afbeelding:before, .profiel_top .profiel_org.org_afbeelding:before {
        content: "\f1c5";
    }

    .profiel_part.profiel_uitloggen:before, .profiel_top .profiel_org.org_uitloggen:before {
        content: "\f08b";
        color: #fbc340;
    }


    .profiel_beheren a.beheer_overzicht_wijzig {
        float: left;
        color: #fff !important;
        display: inline-block;
        width: auto !important;
    }

    .profiel_beheren a.beheer_overzicht_verwijder {
        float: left;
        color: #fff !important;
        display: inline-block;
    }

    .beheer_overzicht_wijzig:before {
        content: "\f040 ";
    }

    .beheer_overzicht_verwijder:before {
        content: "X";
    }

    a.beheer_overzicht_verwijder {
        background-color: #e7b3be;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        padding: 10px 10px 5px !important;
        font-size: 15px;
        font-weight: normal;
        margin-left: 20px;
    }

    a.beheer_overzicht_verwijder:hover {
        background-color: #e15e61;
    }

    .beheer_overzicht_verwijder:before {
        font-size: 25px;
        font-family: fontAwesome;
        display: inline-block;
        color: #cc1640;
        font-weight: bold;
        padding-right: 10px;
    }

    .profiel_beheren a.beheer_overzicht_verwijder:hover {
        color: #fff !important;
    }

    .profiel_top a.profiel_org.org_verwijder,
    .profiel_top a.profiel_part.profiel_verwijderen {
        background-color: #00112a;
        color: #fff;
    }

    .profiel_top a.profiel_part.prof_verwijderen:hover,
    .profiel_top a.profiel_org.org_verwijder:hover,
    .profiel_top a.profiel_part.profiel_verwijderen:hover {
        background-color: #c7d1eb;
        color: #00112a !important;
    }

    .profiel_top a.profiel_org.org_uitloggen:hover,
    .profiel_top a.profiel_part.profiel_uitloggen:hover {
        background-color: #2f329b;
        color: #fff !important;
    }

    .profiel_top a.profiel_part.profiel_uitloggen, .profiel_top a.profiel_org.org_uitloggen {
        background-color: #c7d1eb !important;
        border: 1px solid #c7d1eb;
        color: #2f329b !important;
        display: inline-block;
    }

    .profiel_top a.profiel_org.org_uitloggen:hover, .profiel_top a.profiel_part.profiel_uitloggen:hover {
        background-color: #008092;
        color: #00112a;
    }

    /* ========== */
    .wrap_beheer {
        width: 100%;
        overflow: hidden;
    }

    .selectbutton, .profiel_beheren .selectbutton {
        float: left;
    }

    .selectbutton.day {
        background-color: #00112a;
        border: 1px solid #00112a;
    }

    .selectbutton.day.blauw, .selectbutton.month.blauw, .selectbutton.year.blauw, .selectbutton.sex.blauw {
        background-color: #008092;
        border: 1px solid #008092;
        color: #fff !important
    }

    .selectbutton.day.groen, .selectbutton.month.groen, .selectbutton.year.groen, .selectbutton.sex.groen {
        background-color: #008092;
        border: 1px solid #00112a;
        color: #fff !important
    }

    .selectbutton {
        cursor: pointer;
        background: #00112a;
        border: 1px solid #00112a;
        height: 35px;
        margin: 0 5px 5px 0;
        overflow: hidden;
        -moz-box-shadow: 2px 2px 3px #ccc;
        -webkit-box-shadow: 2px 2px 3px #ccc;
        box-shadow: 2px 2px 3px #ccc;
        -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=4, OffY=4, Color='#ccc)";
    }

    select.select.sex, select.select.month, select.select.year, select.select.day, select.select.wijk, select.select.rubriek {
        height: 30px;
        background: transparent none repeat scroll 0 0;
        border: 0 none;
    }

    .leftcolum select.select {
        cursor: pointer;
        background: transparent none repeat scroll 0 0;
        border: none;
        color: #fff;
        font-size: 19px;
        margin: 0;
        padding: 2px 0 7px 7px;
    }

    .selectbutton .select option {
        padding: 3px 7px;
        border: none;
        font-size: 13px;
    }

    .particulier .option, .sex .option, .day .option, .month .option, .year .option, .wijk .option {
        background-color: #fff;
        color: #666;
        border: 3px solid #fff;
    }

    .select_datum {
        width: 55%;
        float: left;
    }

    .selectbutton.day {
        width: 19% !important;
    }

    select.select.day {
        width: 100% !important;
    }

    .selectbutton.month {
        width: 31% !important;
    }

    select.select.month {
        width: 100% !important;
    }

    .selectbutton.year {
        width: 35%;
        margin-right: 0 !important;
    }

    select.select.year {
        width: 100% !important;
    }

    select.select.sex {
        width: 130% !important;
    }

    .selectbutton.sex {
        width: 80px !important;
    }

    .selectbutton.particulier {
        width: 220px;
        margin-bottom: 10px;
    }

    .option.particulier {
        padding: 0 5px 10px !important;
        font-weight: bold !important;
        font-size: 15px !important;
    }

    select.select.particulier {
        width: 120%;
        height: 30px;
        background: transparent none repeat scroll 0 0;
        border: 0 none;
    }

    .particulier {
        color: #00112a;
    }

    select.select {
        cursor: pointer;
        background: transparent none repeat scroll 0 0;
        border: none;
        color: #fff !important;
        font-size: 15px;
        font-weight: bold;
    }

    .selectbutton.particulier {
        margin-top: 10px;
    }

    .commentaar.breed {
        width: 100%;
    }

    .commentaar {
        display: inline-block;
        font-size: 11px !important;
        width: 90%;
        background-color: #e3e4f3;
        padding: 5px 10px;
        margin: 5px 0 10px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

    label.commentaar {
        width: 50%;
    }

    .commentaar.blauw {
        padding: 0;
        background-color: #fff;
        color: #1a45a1;
        border: 1px solid #fff;
        font-size: 15px;
        font-style: italic;
    }

    .border_beheer_rechts .commentaar.blauw {
        background-color: #f0f7ff;
        border: 1px solid #f0f7ff;
    }

    .profiel_box li {
        list-style-type: none;
        margin: 0 0 5px 0;
        padding: 0 0 5px 0;
        width: 100%;
    }

    .profiel_box.volgend {
        margin-left: 20px;
    }

    .profiel_box.top, .advertentie_plaatsen {
        display: inline-block;
        width: 90%;
        background-color: #ffffff;
        padding: 3% 5% 0;
        line-height: 30px;
    }

    .profiel_box {
        width: 93%;
        display: inline-block;
        padding: 0;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .profiel_box .box {
        padding: 2% 4%;
        width: 92%;
    }

    .box_opvallend {
        float: none;
        margin: 1% 0 2%;
        padding: 1%;
        width: 97%;
        display: inline-block;
        background-color: #fbd4df;
        color: #cc568a;
        border: 1px solid #e3b0c5;
        line-height: 19px;
        font-size: 13px;
    }

    .gereageerd_op, .interesse_org {
        background-color: #f7eaea;
        padding: 10px;
        border-radius: 7px;
    }

    .empty:empty {
        border: 1px dashed #ccc;
        width: 25%;
    }

    .interesse_org li a:before {
        content: "\f1ad";
        font-family: fontawesome;
        padding-right: 10px;
        display: inline;
        font-size: 20px;
        color: #00112a;
    }

    .box_opvallend.nomargin {
        margin: 0 0 !important;
    }

    .box_opvallend.auto {
        width: auto;
        display: inline;
        padding: 1% 1% 2%;
    }

    .hulpvraag_plaatsen .box_opvallend.margin {
        margin: 0;
    }

    .profiel_beheren .hulpvraag_plaatsen legend.paginatitel {
        margin-bottom: 0;
    }

    .box_opvallend.margin {
        margin-bottom: 20px;
    }

    .box_opvallend.bold {
        margin: 2% 0 0;
        padding: 0 1%;
        background-color: #e3deed;
        font-size: 1.2em;
        overflow: hidden;
    }

    .box_opvallend.bold header {
        color: #00112a;
        font-weight: normal;
        font-size: 1em !important;
    }

    ul.profiel_hulpvraag {
        width: 99%;
    }

    fieldset.border_light {
        border-bottom: 1px dotted #c7d1eb;
        padding-bottom: 15px;
    }

    .profiel_beheren fieldset.border_smallpadding {
        border: 1px solid #e7e7e7;
        padding: 1% 3%;
    }

    #beheer #inloggen_form_org form, #beheer #inloggen_form_vrijw form {
        background-color: #fff;
    }

    .profiel_box, .profiel_beheren {
        display: inline-block;
    }

    .profiel_beheren .selectbutton {
        float: left;
    }

    #beheer .profiel_box header, .profiel_beheren header {
        color: #00112a;
        font-size: 1.3em;
        font-weight: bold;
        margin: 0 0;
        padding: 5px 0;
        display: inline-block;
        width: 100%;
    }

    label.leeg {
        color: #fff;
    }

    label.leeg:before {
        display: inline-block;
        content: "";
    }

    input.image_bladeren {
        width: auto !important;
        background-color: #c7d1eb;
    }

    .tekst_box.inloggen {
        color: #00112a;
    }

    .tekst_box.inloggen a {
        font-weight: bold;
        color: #00112a;
    }

    .beheer_website .profiel_box {
        width: auto;
        background-color: #eaf0f6;
    }

    .beheer_website .profiel_box.dashboard {
        background-color: #fff;
    }

    .berichten_beheren a {
        color: #fff;
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px dotted #c7d1eb;
    }

    .profiel_box.dashboard {
        border: none !important;
        padding: 0 0 10px 0;
        width: 100%;
    }

    .textarea-left {
        float: left;
        width: 62%;
        border-radius: 7px;
    }

    .cke_chrome {
        border-radius: 8px;
    }

    label > .comments_form {
        width: 100%;
        display: inline-block;
        padding: 20px 0 0 10px;
        line-height: 19px;
    }

    .advertentie_plaatsen, .account_wijzigen {
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        display: inline-block;
    }

    .advertentie_plaatsen, .account_wijzigen, .profiel_box.top label {
        color: #00112a;
    }

    .aanmelden_links.account {
        padding-right: 0%;
    }

    .border_beheer_links,
    .border_beheer_rechts {
        height: auto;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
    }

    .profiel_beheren a.aanbevolen, a.aanbevolen {
        color: #00112a !important;
        font-size: 19px;
    }

    a.aanbevolen:before {
        font-family: FontAwesome;
        content: "\f105";
        display: inline;
        padding-right: 7px;
        color: #00112a;
        top: 2px;
        position: relative;
    }

    fieldset.fieldset_rubrieken {
        width: 95%;
        background-color: #f0f7ff;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        padding: 10px 10px 10px 20px !important;
    }

    .kopjeBlauw {
        color: #00112a;
        font-weight: bold;
    }

    .kopjeBlauwGroot {
        color: #00112a;
        font-size: 17px;
        font-weight: bold;
        padding: 10px 0 20px;
    }

    /*//////////////*/
    .contactpagina header {
        font-weight: bold;
        font-size: 1.4em;
        margin-bottom: 25px;
    }

    .contactpagina h3 {
        font-size: 16px;
        font-weight: normal;
    }

    .contactpagina {
        width: 100%;
        height: auto;
    }

    .contactinfo {
        line-height: 27px;
    }

    .contactinfo header {
        font-weight: bold;
        font-size: 1.2em;
        margin: 9px 0 20px;
    }

    /* overzichtorganisatiepagina //*/
    .reageer_vacature h3 .vacature_name {
        border: 1px solid #fff;
    }

    .reageer_vacature.vac header h4 .vacature_name {
        border: 1px solid #fff;
        width: auto !important;
        font-weight: bold;
        font-size: 1.1em;
        line-height: 17px !important;
        margin: 0 !important;
        color: #00112a;
        padding: 0 !important;
    }

    #beheer .reageer_vacature.vac header h4 {
        float: left;
        width: auto !important;
        line-height: 17px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .reageer_vacature.vac header h3 {
        float: left;
        padding-right: 10px;
        width: auto !important;
    }

    .vacaturebank .bedrijfsinfo h3 {
        margin: 0 0 30px 0;
        color: #00112a !important;
        font-size: 1.3em;
        font-weight: bold;
    }

    .vacaturebank a.btn_reageren {
        background-color: #00112a;
    }

    .vacaturebank a.btn_reageren:after {
        content: "\f061";
        display: inline;
        font-family: fontawesome;
        padding-left: 10px;
    }

    .burenhulpvragen a.btn_reageren {
        background-color: #00112a;
    }

    .bedrijfsinfo h3 {
        margin: 0 0 15px 0;
        font-size: 19px;
        color: #00112a;
    }

    .org_kopje_hoofd {
        width: 100%;
        font-weight: bold;
        color: #00112a;
        font-size: 16px;
        margin: 0 20px 10px 0;
        padding: 0 50px 10px 0;
        border-bottom: 1px dotted #007282;
    }

    .kopje_vac_label {
        font-weight: bold;
        color: #007282;
        font-size: 16px;
        margin: 0 10px 0 0;
    }

    .kopje_vac {
        font-weight: bold;
        color: #00112a;
        font-size: 18px;
    }

    .org_kopje_extra, .org_kopje {
        width: 100%;
        font-weight: bold;
        color: #00112a !important;
        font-size: 16px;
        margin: 10px 0 10px 0;
        padding: 0 0 5px 0;
    }

    .org_kopje.bericht {
        font-size: 1.5em;
        color: #00112a !important;
    }

    #logo h1, label.clt_details, .contentblock h2 p, label.aside_right {
        font-family: 'Exo', sans-serif;
    }

    .left_org_kopje {
        width: 100%;
        font-weight: bold;
        color: #888888;
        font-size: 15px;
        margin: 0 0 10px 0;
        padding: 3px 0 11px 0;
        border-bottom: 1px solid #d6ecf3;
    }

    .left_orgs {
        width: 100%;
    }

    .left_orgs a {
        display: block;
        margin: 0 0 5px 0;
        padding: 0 0 5px 0;
    }

    .left_orgs a:before {
        content: "";
    }

    .org_info {
        width: 100%;
        min-height: 100px;
    }

    .org_info ul {
        margin: 0 0 20px;
        padding: 0 0 6px 0;
    }

    .org_info li {
        margin: 0;
        padding: 3px 0 3px;
        list-style-type: none;
        overflow: hidden;
    }

    .org_info .clt_details {
        font-weight: normal;
        line-height: 25px;
    }

    .org_info li.minderhoog {
        margin: 0;
        padding: 0;
        line-height: 21px;
    }

    .minderhoog .clt_details, .minderhoog label, .minderhoog label.leeg {
        padding-top: 0;
    }

    #aanmelden #maincontent_login_vwl header, #aanmelden #maincontent_login_org header {
        margin-bottom: 20px;
    }

    .linkerkolom_info {
        display: none;
    }

    .info_bedrijf {
        font-weight: bold;
        margin-bottom: 20px;
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
        width: auto !important;
        display: inline-block;
    }

    .bedrijfsnaam {
        font-size: 16px;
        color: #00112a;
        margin: 0px 0;
        padding: 5px 0 10px
    }

    .info_vac {
        width: 100%;
        font-weight: bold;
        color: #00112a;
        font-size: 16px;
        margin: 5px 0 15px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px dotted #00112a;
    }

    .vw_reageren {
        display: block;
        overflow: hidden;
        border-bottom: 1px solid #eee;
        float: none !important
    }

    .org_info_hoofd {
        width: 100%;
        padding: 0 0 10px 0;
    }

    .org_info_hoofd label {
        width: 100%;
    }

    .organisatie {
        font-size: 15px;
        line-height: 21px;
    }

    /*////////////////*/
    .vw_reageren {
        display: block;
        overflow: hidden;
        border-bottom: 1px solid #eee;
        float: none !important
    }

    .box {
        height: auto;
        margin: 10px 0;
        width: 100%;
    }

    .box ul {
        margin: 0;
        padding: 0;
        height: auto;
        clear: both;
    }

    .box li {
        width: 93%;
        list-style-type: circle;
        padding: 5px 0;
        margin: 0 0 0 0px;
        overflow: hidden;
    }

    .box ul.rubriek_aangemeld li:before {
        content: "\f105";
        display: inline-block;
        font-family: fontawesome;
        padding-right: 5px;
    }

    .kopjeDasboard {
        color: #00112a;
        font-size: 13px;
        font-weight: bold;
        height: auto;
        margin: 0 0 10px;
        padding: 0 0 5px 0;
        width: 100%;
        border-bottom: 1px dotted #ccc;
    }

    .profiel_beheren {
        width: 100%;
        line-height: 22px;
        margin: 0 0 30px 20px;
        height: auto;
        padding: 0;
    }

    .profiel_beheren a {
        padding: 0 0 15px 0;
        font-weight: normal;
        text-decoration: none;
        color: #00112a !important
    }

    .profiel_beheren a:hover {
        color: #00112a !important
    }

    .profiel_beheren .profiel_box.top li, .vacatures_beheren li {
        list-style-type: none;
        padding: 5px 0 5px;
        margin: 0 0 10px;
        overflow: hidden;
        width: 98%;
        border-bottom: 1px solid #eeeeee;
    }

    .rubrieken ul li, ul.rubrieken li {
        border-bottom: none;
    }

    .profiel_beheren .profiel_box.top .rubrieken li {
        margin: 0;
    }

    .profiel_beheren .profiel_box.top .rubrieken li {
        border-bottom: none;
        padding: 0;
    }

    .profiel_beheren .profiel_box.top .rubrieken ul {
        border: none;
        padding: 0;
    }

    .rubrieken input[type="checkbox"] {
        padding: 2px 5px;
        margin: 0 10px 0 5px;
        transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -o-transform: scale(1.4);
    }

    .profiel_beheren .rubrieken {
        margin-top: 15px;
        width: 100%;
        display: inline-block;
        margin-bottom: 15px;
    }

    a .bold:hover {
        color: #00112a;
    }

    .beheer_contact {
        width: 100%;
        display: inline-block;
    }

    .profiel_logo_label {
        float: left;
        width: 32%;
        margin-right: 15px;
    }

    .profiel_logo {
        width: 100%;
    }

    .profiel_logo_img {
        width: 56%;
        height: 100px;
        display: inline-block;
        float: left;
    }

    .profiel_logo_img img {
        object-fit: contain;
        object-position: left;
        width: 90%;
        padding: 0 5%;
        max-height: 100px;
        border: 1px solid #eee;
        border-radius: 8px;
    }

    .beheerpanel_wijzig li a {
        width: 100%;
        display: block;
        color: #00112a;
    }

    .beheerpanel_wijzig li a:hover {
        border-bottom: 1px dotted #00112a;
    }

    .profiel_box {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        display: inline-block;
        padding-top: 15px;
    }

    #aanmelden .beheer_aanmelden {
        padding-top: 0 !important;
    }

    .profiel_beheren fieldset {
        padding: 20px 0 0;
        margin: 0 0 15px 0;
        border-bottom: 1px dotted #eeeeee;
        display: inline-block;
    }

    #aanmelden fieldset.hulpvraag_plaatsen {
        padding-top: 0;
        margin-bottom: 0;
    }

    .profiel_beheren legend {
        font-size: 1.3em;
        color: #00112a;
        padding-top: 10px;
    }

    .profiel_beheren legend.paginatitel.wijzigen:before {
        content: "\f044 ";
        display: inline;
        font-family: fontAwesome;
        font-size: 23px;
        padding-right: 10px;
    }

    .profiel_beheren legend.paginatitel.wijzigen {
        margin-bottom: 15px !important;
    }

    .profiel_box.top .paginatitel {
        margin: 0 0 20px 0;
        padding-left: 0;
        font-weight: bold;
    }

    .profiel_beheren legend.paginatitel {
        margin: 0 0 0px 0;
        padding-left: 0;
        font-weight: bold;
    }

    .profiel_box.top .paginatitel {
        font-size: 1.3em;
        color: #00112a;
        width: 100%;
        display: inline-block;
    }

    .profiel_beheren .aanmelden_rechts legend, #beheer .profiel_box header.klein,
    #beheer .profiel_box .aanmelden_rechts header {
        font-size: 1.1em;
        margin: 0 !important;
    }

    /*// gebruiker / inloggen ///*/
    .gebruiker:before {
        margin: 0 40px 10% 0;
        width: 25px;
        height: 20px;
        overflow: hidden;
        font-family: fontawesome;
        display: inline-block;
        text-align: center;
        color: #fff;
        position: relative;
        float: left;
        padding: 34px 45px 45px 30px;
        -moz-border-radius: 58px;
        -webkit-border-radius: 58px;
        border-radius: 58px;
        line-height: 28px;
        background-color: #007282;
    }

    .gebruiker {
        overflow: hidden;
    }

    .gebruiker.hulpvrager, .gebruiker.organisatie {
        float: left;
        width: 10%;
        padding: 2% 5%;
    }

    .gebruiker_rechts {
        float: left;
        width: 80%;
    }

    .gebruiker.hulpvrager:before {
        content: "\f007";
        font-size: 50px;
    }

    .gebruiker.hulpaanbieder:before {
        content: "\f007";
        font-size: 50px;
    }

    .gebruiker.organisatie:before {
        content: "\f19c";
        font-size: 40px;
    }

    .button.pink {
        background-color: #00112a;
        border: 1px solid #00112a !important;
    }

    button.pink:before {
        content: "X";
        display: inline;
        color: #fff;
    }


    .inloggen_form.login_known .btn.inloggen, .inloggen_form.login_unknown .btn.inloggen {
        border: 1px solid #00112a;
    }

    .btn_inloggen_reeds {
        font-weight: bold;
    }

    .btn_inloggen_reeds:before {
        content: "\f105";
        font-family: fontawesome;
        display: inline;
        padding: 0 5px 0;
    }

    .inloggen_mobiel {
    }

    .inloggen_form legend {
        padding: 0;
        margin: 10px 0;
        color: #00112a;
        font-size: 18px;
    }

    .inloggen_form.login {
        border: 1px solid #eee;
        margin-top: 15px;
        padding: 2% 6%;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .inloggen_form.login_unknown fieldset.noborder {
        margin-top: 0;
        border: none;
    }

    label.leeg {
        display: inline-block;
        content: " ";
    }

    .main-tekst header.groen .header_klein {
        font-size: 17px;
    }

    .inloggen_form.login_unknown legend {
        font-size: 16px;
        margin: 10px 0 0;
    }

    .account_aanmelden {
        overflow: hidden;
        width: 100%;
        height: auto;
        margin: 0 0;
    }

    .inloggen_form.kwijt {
        border: 1px solid #eee;
        margin-top: 15px;
        padding: 15px;
        background-color: #f9f9f9;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .button_aanmelden {
        margin: 15px 0;
    }

    .beheerpanel.uitgelogd {
        padding-top: 0;
    }

    .aanmelden_rechts .rubrieken li {
        padding: 0;
        margin: 0 0 8px 0;
    }

    .aanmelden_links p {
        display: block;
    }

    /* gekleurde en opgemaakte selectbuttons */
    .selectbutton.month.pink, .selectbutton.year.pink, .selectbutton.volgorde.pink {
        background-color: #00112a;
        border: 1px solid #00112a;
    }

    .pink {
        color: #00112a;
    }

    .rubrieken_menu_top.zoekoptie .selectbutton {
        float: left;
    }

    .rubrieken_menu_top.zoekoptie .selectbutton.month {
        width: 20% !important;
    }

    .rubrieken_menu_top.zoekoptie .selectbutton.year {
        width: 15% !important;
    }

    .rubrieken_menu_top.zoekoptie .selectbutton.volgorde {
        width: 10% !important;
    }

    .rubrieken_menu_top.zoekoptie .selectbutton {
        float: left;
        font-weight: bold;
        cursor: pointer;
        background: #ccc;
        border: 1px solid #bababa;
        height: 29px;
        margin: 0 5px 0px 0;
        padding-bottom: 2px;
        overflow: hidden;
        -moz-box-shadow: 2px 2px 3px #ccc;
        -webkit-box-shadow: 2px 2px 3px #ccc;
        box-shadow: 2px 2px 3px #ccc;
        -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=4, OffY=4, Color='#ccc)";
    }

    .rubrieken_menu_top.zoekoptie select:focus {
        border: 1px solid #00112a;
    }

    .rubrieken_menu_top.zoekoptie select.select {
        cursor: pointer;
        background: transparent none repeat scroll 0 0;
        border: none;
        color: #fff;
        font-size: 19px;
        margin: 0;
        padding: 2px 0 7px 7px;
    }

    .rubrieken_menu_top.zoekoptie .selectbutton .select option {
        padding: 3px 7px;
        border: none;
        font-size: 13px;
    }

    .rubrieken_menu_top.zoekoptie .selectbutton.month {
        width: 21% !important;
    }

    .rubrieken_menu_top.zoekoptie select.select.month {
        width: 100% !important;
        color: #00112a !important
    }

    .rubrieken_menu_top.zoekoptie .selectbutton.year {
        width: 15%;
        margin-left: 5px;
    }

    .rubrieken_menu_top.zoekoptie select.select.year {
        width: 100% !important;
        color: #00112a !important
    }

    .rubrieken_menu_top.zoekoptie select.select.volgorde {
        width: 100% !important;
        color: #00112a !important
    }

    .rubrieken_menu_top.zoekoptie .selectbutton.volgorde {
        width: 25% !important;
        margin-left: 5px !important;
    }

    .rubrieken_wrap .rubrieken_menu_top.zoekoptie select {
        padding: 2px 4px;
        margin: 2px 0 0;
        background: transparent none repeat scroll 0 0 !important;
        color: #888;
        width: 100% !important;
        font-size: 15px;
        font-weight: bold;
        border: 1px solid #ccc !important;
    }

    .agenda_filter .btn.blauw {
        float: left;
    }

    .agenda_filter select {
        padding: 10px 4px;
        margin: 0 0 10px 0;
        background: #e0e0e0 none repeat scroll 0 0 !important;
        color: #888;
        width: 100% !important;
        font-size: 15px;
        font-weight: bold;
        border: 1px solid #ccc !important;
    }

    option.select_arrow:after {
        font-family: fontawesome;
        display: inline;
        content: "\f107";
        font-size: 40px;
        font-weight: bold;
        right: 15px;
        cursor: pointer;
        color: #007282;
    }

    .rubrieken_menu_top.zoekoptie select:focus, .rubrieken_menu_top.zoekoptie select:active, .rubrieken_menu_top.zoekoptie select:visited, .rubrieken_menu_top.zoekoptie select:hover {
        outline: none
    }

    /* END selectbuttons */
    /*/// agenda filter */
    .agenda_filter {
        text-align: right;
        display: inline-block;
        border-radius: 6px;
        -webkit-border-radius: 6px;
    }

    .rubrieken_menu_top.zoekoptie input.btn.blauw, .rubrieken_menu_top.zoekoptie div {
        width: auto !important;
        float: left;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
    }

    .rubrieken_menu_top.zoekoptie .selectbutton select.month {
        width: 35%;
    }

    fieldset.rubrieken_menu_top.zoekoptie {
        display: inline-block;
        padding: 2%;
        width: 96%;
        margin-bottom: -10px;
        background-color: #e3e4f3 !important;
    }

    .rubrieken_menu_top.zoekoptie li {
        width: 100%;
        overflow: hidden;
    }

    .rubrieken_menu_top label {
        width: 80%;
        overflow: hidden;
    }

    .rubrieken_menu_top .rubriekkopje {
        font-size: 15px;
    }

    .rubrieken_menu_top.zoekoptie input.btn.blauw {
        background-color: #00112a !important;
        border: 1px solid #00112a !important;
        -moz-box-shadow: 2px 2px 3px #ccc;
        -webkit-box-shadow: 2px 2px 3px #ccc;
        box-shadow: 2px 2px 3px #ccc;
        -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=4, OffY=4, Color='#ccc)";
    }

    .rubrieken_menu_top.zoekoptie .rubriekkopje {
        padding: 7px 7px 0 0;
    }

    /*/// end agenda filter */
    .rubrieken_menu_top.zoekoptie ul.rmli_2 li select {
        background-color: #00112a !important;
        color: #fff;
        border: none;
        width: 100% !important;
    }


    a.contact_toevoegen, a.leesverder, .wijzigen.login, .toevoegen.plushulpvraag, .wijzigen.profiel, .wijzigen.hulpvraag, .bekijken.reacties, .profiel_beheren a.contact_toevoegen {
        margin: 0 0 10px 0;
        width: auto;
        color: #fff !important;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    a.contact_toevoegen, a.leesverder, .toevoegen, .wijzigen, .bekijken, .wijzigen, .verwijderen, .profiel_beheren a.contact_toevoegen {
        display: inline-block;
        color: #fff;
        padding: 5px 10px;
    }

    .profiel_box.top.organ a.contact_toevoegen {
        background-color: #00112a;
        color: #fff !important;
    }

    .profiel_box.top.organ a.contact_toevoegen:hover {
        background-color: #c7d1eb;
        color: #00112a !important;
    }

    .profiel_box.top.organ a.contact_persoon .verwijderen {
        background-color: #fbc340;
        border: 1px solid #fbc340;
        color: #fff !important;
    }

    .profiel_box.top.organ a.contact_persoon .verwijderen:hover {
        background-color: #00112a !important;
        border: 1px solid #00112a !important;
        color: #fff !important;
    }

    .profiel_box.top.organ profiel_beheren a.contact_toevoegen,
    .profiel_box.top.organ .bekijken.reacties,
    .profiel_box.top.organ.wijzigen.hulpvraag {
        background-color: #fbc340 !important;
        color: #fff !important;
    }

    .profiel_box.top.organ .profiel_beheren a.contact_toevoegen:hover,
    .profiel_box.top.organ .bekijken.reacties:hover,
    .profiel_box.top.organ .wijzigen.hulpvraag:hover {
        background-color: #888888 !important;
        color: #fff !important;
    }

    .profiel_beheren a.contact_toevoegen, .bekijken.reacties {
        background-color: #00112a;
        margin-right: 15px;
    }

    .bekijken.reacties:hover, .wijzigen.hulpvraag:hover {
        background-color: #888888;
        color: #fff !important;
    }

    .contact_toevoegen {
        background-color: #00112a;
        margin-right: 20px;
    }

    #beheer header .toevoegen.plushulpvraag {
        background-color: #888888 !important;
        color: #fff !important;
    }

    #beheer header .toevoegen.plushulpvraag:hover {
        background-color: #888888 !important;
        color: #fff !important;
    }

    .toevoegen.plushulpvraag {
        background-color: #00112a;
        margin-right: 20px;
    }

    .contact_toevoegen:hover, .toevoegen.plushulpvraag:hover {
        background-color: #888888;
        color: #fff !important;
    }

    .vacaturebank a.leesverder {
        background-color: #00112a;
    }

    .burenhulpvragen a.leesverder {
        background-color: #00112a;
    }

    a.leesverder {
        background-color: #00112a;
        width: auto;
    }

    .wijzigen.login {
        margin-right: 15px;
        color: #fff;
        font-weight: normal;
    }

    .profiel_beheren a.beheren {
        padding: 10px 20px 10px;
        display: inline-block;
        font-size: 20px;
        background-color: #999;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #fff;
    }

    .profiel_beheren a.beheren:hover {
        background-color: #888888;
        color: #fff !important;
    }

    .beheren:after {
        color: #fff;
    }

    .beheren.profielen:after {
        content: "\f061";
    }

    .leesverder:after {
        content: "\f061";
        font-size: 18px;
        margin-left: 10px;
    }

    .wijzigen:before {
        content: "\f040";
        font-size: 12px;
        margin-right: 10px;
        float: left;
    }

    .contact_toevoegen:before, .toevoegen:before {
        content: "\f067";
        font-size: 18px;
        margin-right: 10px;
    }

    .bekijken:before {
        content: "\f063";
        font-size: 18px;
        margin-right: 10px;
    }

    .contact_toevoegen:before, .beheren.profielen:after, .leesverder:after, .toevoegen:before, .bekijken:before, .wijzigen:before {
        display: inline-block;
        font-family: "fontawesome";
    }

    .paddingtop {
        padding-top: 20px !important;
    }

    .main-tekst header.groen a.handleiding, .handleiding {
        font-size: 14px !important;
        font-weight: bold;
    }

    .meerinformatie {
        color: #00112a;
        padding: 5px 0;
        margin-top: 10px;
        border-top: 1px dotted #00112a;
    }

    label.label_lang {
        margin-bottom: 10px;
        font-weight: bold;
    }

    .verplicht.nobordertop {
        margin-top: 0;
        padding-top: 0;
    }

    #aanmelden_form legend {
        margin-bottom: 15px;
    }

    .kandidaten .verplicht {
        font-weight: bold;
        font-size: 16px;
    }

    .main-tekst header.groen {
        color: #00112a;
        font-size: 1.7em;
        font-weight: bold;
        text-align: center;
    }

    .groen {
        color: #02bd37;
    }

    a.groen {
        color: #dcf8fb;
        background-color: #eee;
        padding: 0 5px;
    }

    .boxjeblauw {
        background-color: #e1e7fb;
        padding: 1% 3% 1% 0 !important;
        margin-right: 32px;
        color: #00112a;
        margin-top: 10px;
        border-radius: 5px;
        display: inline-block;
    }

    /* beheer > organisatieprofiel */
    #org_aanmelden_form label {
        line-height: 18px;
        color: #00112a;
        font-weight: normal;
    }

    #org_aanmelden_form input.btn {
        border: 1px solid #00112a;
    }

    .box.logo img {
        background-color: #f5f5f5;
        max-height: 175px;
    }

    .ul_list li {
        padding: 0 0 5px 5px;
    }

    ul.ul_list {
        margin-left: 30px;
    }

    .boxjeblauw input[type=checkbox] {
        transform: scale(1.5)
    }

    /* /////// hulpvragen ///// */
    ul.hulpvraag_info li {
        list-style-type: none;
        margin: 0;
        border: 1px solid #cfe3cd;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 40px;
    }

    ul.hulpvraag_info {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .hulpvrager.buurt:before, .hulpvrager.naam:before, .organisatie.naam:before {
        font-size: 20px;
        font-family: FontAwesome;
        color: #00112a;
        padding-right: 20px;
        display: inline-block;
    }

    .hulpvrager.naam:before {
        content: "\f007";
    }

    /*.organisatie.naam:before { content:"\f19c"; }*/
    .hulpvrager.buurt:before {
        content: "\f124";
    }

    .hulpvrager.categorie {
        width: 100%;
        padding: 10px 0 5px;
        overflow: hidden;
        font-weight: normal;
    }

    .hulpvrager.vraag {
        width: 100%;
        padding: 10px 0 20px;
        font-weight: bold;
        overflow: hidden;
        font-size: 18px;
        color: #00112a;
    }

    .hulpvrager.vraag .bold {
        font-size: 15px;
        color: #00112a;
        font-weight: normal;
    }

    .hulpvrager.datum {
        width: 100%;
        font-weight: normal;
        padding: 10px 0 5px;
    }

    .hulpvrager.datum .bold, .organisatie.naam .bold {
        color: #7498d7;
    }

    .organisatie.naam, .hulpvrager.naam {
        width: 100%;
        padding: 0 0 5px;
        float: left;
        line-height: 30px;
    }

    .hulpvrager.naam .bold {
        color: #7498d7;
    }

    .hulpvrager.omschrijving {
        padding-top: 15px;
        display: inline-block;
        border-top: 1px dotted #ccc;
        margin-top: 20px;
        width: 100%;
    }

    .hulpvrager.omschrijving label {
        font-weight: bold;
    }

    .hulpvrager.omschrijving .bold {
        font-weight: bold;
    }

    .hulpvrager.categorie .bold {
        color: #00112a;
        font-weight: normal !important;
    }

    .hulpvrager.vraag .bold {
        font-weight: bold;
    }

    .pasfoto.main {
        width: 94%;
        padding: 2%;
        border: 1px solid #eee;
        align-items: center;
        justify-content: center;
        display: flex;
        float: none;
        border-radius: 9px;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
    }

    .pasfoto.main img {
        width: 95%;
        margin: 0;
        padding: 0;
        height: auto;
        max-height: 200px;
        object-fit: contain;
        object-position: center;
        border-radius: 8px;
    }

    .pasfoto.home {
        width: 100%;
        float: none;
        text-align: center;
    }

    .pasfoto.maina:after {
        content: "Afbeelding / logo";
        align-content: center;
        font-size: 23px;
        color: #eee;
        display: inline;
    }

    .content_home div.btn.bekijken {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        float: right;
    }

    .btn.bekijken a {
        padding: 6px 0;
        width: 125px;
        text-align: center;
        display: inline-block !important;
        float: right;
    }

    .btn.wijzigen {
        background-color: #7498d7;
    }

    .leftcolum header {
        color: #7498d7;
        font-size: 1.3em !important;
        margin: 0 0 0;
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .leftcolum legend {
        font-size: 1.3em;
        width: 100%;
    }

    .overzicht.hulpvragen.main legend {
        color: #ea6604;
        font-size: 25px;
        margin-bottom: 15px;
        display: block;
        overflow: hidden;
        width: 100%;
        line-height: 30px;
    }

    .form_verplicht {
        font-style: italic;
        font-size: 14px;
        font-weight: normal;
    }

    .verplicht {
        font-size: 15px;
        font-style: italic;
        font-weight: normal;
        padding-top: 10px;
        font-style: italic;
        color: #717171;
        padding: 10px 0 5px;
        margin: 0 0;
        font-size: 12px;
    }

    .pasfoto img {
        max-width: 75%;
        background-color: #fff;
        padding: 0;
        height: auto;
        margin: 5px 0;
        float: right;
    }

    .hulpvraag_main .hulpvrager.datum {
        text-align: left;
    }

    .hulpvraag_main .pasfoto img {
        max-width: 75%;
    }

    .hulpvragen.main fieldset {
        width: 100%;
    }

    .hulpvragen.main form .text_left label, .hulpvragen.main form .text_right label {
        font-size: 14px;
        margin: 5px 0;
        width: 100%;
    }

    .rubrieken_menu input[type="checkbox"] {
        float: left;
        margin: 0 10px 0 0;
        width: 20px;
        height: 24px
    }

    /*a.menu_cat_alle:before { content: "> "; font-weight: bold; color:#ea6604;padding-right: 5px; padding-left: 3px; }*/
    .fa-square-right {
        float: left;
        font-size: 31px;
        left: -4px;
        position: relative;
        color: #ea6604;
        padding-right: 4px;
    }

    ul.calendar-event-list {
        padding: 0;
    }

    .leftcolum li a.menu_cat_alle:hover {
        color: #fbc340
    }

    .overzicht.hulpvragen.main .hulpvraag_antwoord label {
        font-size: 16px;
        font-weight: normal;
    }

    .overzicht.hulpvragen.main input[type="checkbox"], .overzicht.hulpvragen.main input[type="radio"] {
        width: 25px;
        height: 15px;
        margin: 0 0 0 0;
        padding: 10px;
    }

    .overzicht.hulpvragen.main input[type="text"] {
        width: 95%;
        padding: 8px 10px;
        margin-bottom: 10px;
    }

    .overzicht.hulpvragen.main textarea, .overzicht.hulpvragen.main select {
        width: 95%;
        padding: 10px;
        margin-bottom: 10px;
    }

    .overzicht.hulpvragen.main .pc {
        float: left;
        width: 25%;
        margin-right: 2%;
    }

    .overzicht.hulpvragen.main .wijk {
        float: left;
        width: 60%;
    }

    .overzicht.hulpvragen.main textarea {
        height: 123px;
    }

    .btn.blauw {
        background-color: #7498d7;
    }

    .text_right .btn.blauw {
        background-color: #ea6604 !important;
    }

    .btn.oranje {
        background-color: #ea6604;
        border: 1px solid #ea6604 !important;
    }

    .btn.blauw:hover {
        background-color: #00112a;
    }

    a.btn_donkerblauw.top_login {
        color: #ea6604;
        font-weight: normal;
        padding: 5px 13px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin-left: 10px;
        border: 1px solid #ea6604;
    }

    a.btn_donkerblauw.top_login:hover, input.btn.oranje:hover {
        color: #00112a;
    }

    .test {
        color: #f7a85d;
    }

    .profiel_beheren fieldset.login {
        border: 1px solid #eee;
        width: 60%;
        padding: 20px 20px !important;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
    }

    .profiel_beheren fieldset.login.noborder {
        border: none;
    }

    /* end hulpvragen*/
    .main-tekst.hulpvraag {
        margin-top: 0;
    }

    .topmenu_extra ul#menu {
        display: none !important;
    }

    /* alle style org_logo, no_logo en org_info_extra*/
    /*.org_info_extra { width: 100%; margin: 0 0 0 0;}*/
    /*#content_vervolg .org_logo.vacatureinfo { padding: 10px 0; width: 100%; border:none; float: none; overflow:hidden;}*/
    /*#content_vervolg .org_logo.vacatureinfo img { max-width: 300px; max-height: 150px; }*/
    /*.org_logo { padding: 0 0  0; width: auto; margin: 18px 0; }*/
    /*.org_info_extra header { font-size: 14px!important;}*/
    /*.org_info label { color:#00112a;}*/
    /*.vacaturebank .org_info label { font-weight: bold;}*/
    /*#content_vervolg .org_logo.vacatureinfo { background-color:#fff; width: 94%!important; display:inline-block; padding: 3%;}*/
    /*#content_vervolg .org_logo.vacatureinfo img { border: none!important; }*/
    /*.org_logo img { max-width: 200px; max-height: 150px; padding: 10px; }*/
    /*.subnavigatie .org_logo img { padding: 5px 0;}*/
    /*.linkerkolom_info .org_logo { width: 90%; height: 100px; float:none; margin: 0; padding: 0;}*/
    /*.linkerkolom_info .org_logo:before { content:"logo" ; font-size: 35px; color:#eee;}*/
    /*#content_vervolg #profiel_vacature .org_logo { float:none!important; border:none!important;}*/
    /*.no_logo:after { color:#ccc; display:inline-block; padding: 15px; border: 1px solid #eee; border-radius: 8px; content: "Deze organisatie heeft nog geen logo geplaatst"; font-size: 20px;  width: 90%; background-color: #fff; height: 50px;}*/
    /*//// END DASHBOARD NIEUW /////////////////////////////////////////////////////////*/
    form.contactinfo {
        padding: 25px 0;
    }

    form.contactinfo label {
        width: 25%;
        float: left;
    }

    .contact_label {
        font-weight: bold;
        color: #00112a !important;
        padding: 0 !important;
    }

    .row.contact {
        margin-top: 15px !important;
    }

    .logo_upload input#image {
        background-color: #fff;
    }

    .logo_upload label {
        font-weight: bold;
        padding-right: 10px;
    }

    .org_logo_dashboard {
        width: 100%;
    }

    .org_logo_dashboard img {
        max-height: 150px;
    }

    .eerste_menu a:before {
        font-family: fontawesome;
        display: inline;
        padding-right: 8px;
        font-size: 16px;
        color: #fff;
    }

    a.eerste_menu_vwlgr:before, a.eerste_menu_home:before, a.eerste_menu_vac:before, a.eerste_menu_bhlp:before, a.eerste_menu_bhulp:before {
        font-family: fontawesome;
        display: inline;
        padding-right: 8px;
        font-size: 16px;
    }

    a.eerste_menu_home:before {
        color: #ccc;
        content: "\f015";
    }

    a.eerste_menu_aanmelden:before {
        content: "\f090";
    }

    /*spinner:  fa fa-spinner fa-spin fa-3x fa-fw*/
    .alle_items.bhlp.show,
    .alle_items.vac.show {
        display: none;
    }

    .functies_blauw div {
        float: left;
    }

    .section .home {
        width: 100%;
    }

    .tekst-vrijwilligers {
        height: auto;
    }

    .tekst-vrijwilligers header {
        font-weight: bold;
        color: #888888;
        font-size: 1.1em;
    }

    .textbox.home, .textbox {
        padding: 15px;
        color: #888;
    }

    .textbox.nopadding {
        color: #00112a;
        padding: 0 !important;
    }

    #organisatiesWrap:before {
        content: "Alle organisaties die een aanbod hebben geplaatst";
        font-weight: bold;
        margin: 5px 0 15px;
        padding: 8px 0;
        border-bottom: 1px solid #eee;
        display: inline-block;
        width: 100%;
        border-top: 1px solid #eee;
    }

    #alle_vacs {
        width: 100%;
    }

    #alle_vacs h2 {
        color: #b3b3b3;
        font-size: 1.4em;
    }

    #alle_vacs ul {
        width: 100%;
        margin: 15px 0;
        padding: 0 20px 35px 0;
    }

    #alle_vacs ul li {
        list-style-type: none;
        margin: 0 0 25px !important;
        padding: 5%;
        border: 1px solid #eee !important;
        width: 90%;
        display: inline-block;
    }


    section.organisaties .workshop.burenhulp {
        border: 1px solid #fff !important;
        width: 100% !important;
        display: block;
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    section.organisaties .workshop.burenhulp .box {
        margin: 0 0 5px 0 !important;
    }

    section.organisaties .workshop {
        border: 1px solid #d29ec0;
        min-height: auto;
    }


    #alle_vacs h3 {
        font-size: 17px;
        font-weight: normal;
        width: auto;
        padding-bottom: 3px;
        display: inline-block;
        margin-bottom: 6px;
    }

    .cat_alle_orgs a:before {
        content: "> ";
        margin-right: 4px;
        font-size: 9px;
    }

    #alle_vacs .cat_alle_orgs h3:before {
        content: " " !important;
    }

    .vacs_per_org a {
        padding: 5px 0;
        display: inline-block;
        width: 100%;
    }

    .cat_alle_orgs {
        padding: 5px 0 2px;
        color: #eee;
        font-size: 16px;
    }

    #overzicht_beheer_org #alle_vacs ul, #aanmelden #alle_vacs ul {
        margin: 0;
        padding: 0;
    }

    #overzicht_beheer_org #alle_vacs li, #aanmelden #alle_vacs li, #alle_vacs li {
        margin: 0 0 25px 0;
        padding: 5px 10px 10px;
        border: 1px dotted #eee;
    }

    #overzicht_beheer_org #alle_vacs #vac_aanmelden_form li, #aanmelden #alle_vacs #vac_aanmelden_form li {
        border: none;
        padding: 5px 0;
    }

    #alle_vacs #vac_aanmelden_form ul {
        padding: 10px 0;
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }

    #overzicht_beheer_org header, #aanmelden header {
        font-size: 1.3em;
        font-weight: bold;
        margin: 5px 0 0px;
    }

    a.mobiel_extra_c {
        display: inline-block;
    }

    .show_adres {
        display: none;
        text-align: left;
        color: #fff;
        font-size: 1.05em;
    }

    #header {
        margin: auto;
        top: 0;
    }

    #maincontent header {
        color: #00112a;
        font-size: 1.7em;
        font-weight: bold;
        margin: 5px 0 15px 0;
    }

    .button_submit {
        width: 60px;
        margin: 0 0;
        padding: 2px 2px;
    }

    /*///// NIEUW /////*/
    .btn.float_right, .float_right {
        float: right;
    }

    #org_aanmelden_form label.float_right {
        width: 60%;
        float: left;
        overflow: hidden;
    }

    #aanmelden .float_right ul {
        padding: 0;
        margin: 0 0 10px;
    }

    #aanmelden .float_right li {
        padding: 0 0 0 5px;
        margin: 0 0 10px;
    }

    #aanmelden .li_float_left li {
        float: left;
        width: auto;
        margin-right: 30px;
    }

    .beschikbaarheid_vrijwilliger.t_vacafrontend .beschikbaar_rechts .besch_row.bold li {
        font-size: 11px;
    }

    #beheer label.answerone_label {
        padding-top: 0 !important;
    }

    #inschrijven_form input[type="checkbox"].input_customized {
        float: left !important;
        margin-right: 10px !important;
        border: 1px solid #c00 !important;
        margin-left: -10px !important;
        height: 24px !important;
    }


    /*////////// UITKLAPBOX IN FORMULIEREN //////////////*/
    .mantelzorgcompliment input[type="radio"]:checked + label {
        color: #d0659d !important;
    }

    .mantelzorgcompliment input[type="checkbox"]:checked + label {
        color: #d0659d !important;
    }

    label.mzw_label {
        width: 100%;
        margin: 0px 0 10px;
    }

    .hide--first > *:first-child {
        display: none;
    }

    .hide--second > *:last-child {
        display: none;
    }

    .message {
        position: relative
    }

    .close {
        color: #f00;
        text-transform: lowercase;
        right: 20px;
        font-size: 1.5em;
        top: 10px;
        line-height: 1;
        border: none !important;
    }

    .answerone {
        display: none;
        float: left;
    }

    .answerone.first {
        width: auto !important;
    }

    .answerone.second {
        width: 70% !important;
    }

    .bottom_gegevens_mzgr {
        width: 100%;
        display: block;
        border-bottom: 1px solid #d9e8d5;
        margin-bottom: 15px;
    }

    /* label checked andere kleur */
    input[type="radio"]:checked + label {
        color: #006692 !important;
    }

    input[type="checkbox"]:checked + label {
        color: #006692 !important;
    }

    input:focus, select:focus, textarea:focus {
        border: 1px solid #888888;
        background-color: #fff;
        color: #888888 !important;
    }

    select:focus {
        border: 1px solid #888888;
        background-color: #888888;
        color: #fff !important;
    }

    /*////////////////////////////////*/
    #aanmelden fieldset {
        margin-bottom: 17px;
    }

    .printable {
        width: 100%;
        display: inline-block;
    }

    .content_home, #content_vervolg {
        display: inline-block;
        padding-bottom: 40px;
        background-color: #ede5d1;
    }

    #content_vervolg {
        position: relative;
        margin-bottom: 5%;
    }

    .content_home.vwwerk {
        background-color: #fff;
    }

    .content_home.bhlp {
        background-color: #fff;
    }

    input.button:hover, input.btn.inloggen:hover {
        background-color: #c7d1eb;
        color: #00112a !important;
    }

    #content {
        margin: 0 auto 0;
    }

    .infopagina {
        padding: 10px 0 0 0;
    }

    #inschrijven_form {
        margin: 20px 0;
        padding: 0 0;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
    }

    .wrap_aanmelden #ininschrijven_form {
        width: 90%;
    }

    form.beheer_pagina label {
        margin: 0 15px 0 0;
    }

    #talentenscan fieldset.noborder {
        border: 0;
        border-radius: 6px;
        text-align: center;
        background-color: #fff !important;
    }

    .linkerkolom_beheer {
        width: 0;
        height: 0;
    }

    .linkerkolom_form, .linkerkolom_org, .linkerkolom_info {
        height: 100%;
        display: inline-block;
        content: ".";
        overflow: hidden;
        background-repeat: no-repeat;
    }

    .linkerkolom_info.inloggen {
        background-repeat: no-repeat;
    }

    .breadcrumb.bhlp input.history_back {
        color: #0f6cac !important;
        background-color: #c7d1eb;
        border: 1px solid #c7d1eb !important;
    }

    .breadcrumb.bhlp input.history_back:hover {
        color: #027cbd !important;
        background-color: #c7d1eb;
    }

    .breadcrumb.bhlp .history_back_before {
        background-color: #c7d1eb !important;
        border: 1px solid #c7d1eb !important;
        color: #00112a !important;
    }

    .history_back {
        margin-bottom: 4px !important;
    }

    .breadcrumb.bhlp .history_back_before:hover:before {
        color: #00112a !important;
    }

    .breadcrumb.bhlp .history_back_before:hover {
        padding: 2px 3% 2px 5%;
        color: #00112a !important;
        background-color: #c7d1eb;
        border: 1px solid #c7d1eb;
    }

    .breadcrumb.bhlp .history_back_before:before {
        font-family: FontAwesome;
        display: inline;
        font-size: 20px;
        top: 2px;
        padding-right: 2px;
        position: relative;
        content: "\f137";
        color: #00112a;
    }

    a.back, a.forward {
        display: inline-block;
    }

    a.back, a.forward, input.history_back {
        border: 1px solid #fb6b06;
        color: #fff;
        padding: 0;
        background-color: #fb6b06;
        text-align: left;
        text-transform: capitalize;
    }

    .evenement_btn a, .evenement_btn input.history_back {
        color: #fff;
        background-color: #00112a !important;
        border: 1px solid #00112a;
    }

    .tags .fb-share-button a {
        background-color: #0f74a8 !important;
        color: #fff !important;
    }

    .tags .fb-share-button a:before {
        content: "\f09a";
        font-family: FontAwesome;
        padding-right: 7px;
    }

    .history_back_before {
        width: auto !important;
        margin-bottom: 7px;
        margin-right: 5px;
        padding: 1% 1% 2%;
        color: #fff;
        background-color: #fb6b06;
        border: 1px solid #fb6b06;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
    }

    .history_back_before.evenement_btn {
        background-color: #00112a !important;
        border: 1px solid #00112a;
    }

    .history_back_before:before {
        font-family: FontAwesome;
        display: inline;
        font-size: 20px;
        top: 3px;
        padding-left: 5px;
        position: relative;
        content: "\f104";
        color: #fff;
    }

    .breadcrumb.vac.small input.history_back {
        width: 80%;
        min-width: 65px;
    }

    .breadcrumb.vac.small {
        width: 11%;
        display: inline-block;
    }

    .history_back_before:hover:before {
        padding-left: -5px;
    }

    .breadcrumb.bhlp a {
        color: #eee;
        background-color: #ded8d8;
        border: 1px solid #d0d0d0;
    }

    .breadcrumb.vac a:before {
        color: #bebcb9;
    }

    .breadcrumb.vac a:before:hover {
        color: #aca6a8;
    }

    .breadcrumb.bhlp a:before {
        color: #00112a !important;
    }

    .arrow-back {
        display: inline-block;
        width: auto;
        float: left;
        padding: 5px 0 5px 10px;
    }

    .arrow-back:before {
        padding-right: 2px !important;
    }

    .vacaturebank a.btn_reageren:hover {
        background-color: #c7d1eb;
        color: #00112a !important;
    }

    .burenhulpvragen a.btn_reageren:hover {
        background-color: #c7d1eb;
        color: #00112a !important;
    }

    a.breadcrumb:after {
        font-family: FontAwesome;
        display: inline;
        content: "\f105";
        padding-left: 10px;
    }

    .breadcrumb.vac a:hover:before {
        color: #9c959a !important;
    }

    .vorigepagina {
        width: auto;
        float: right;
    }

    .vorigepagina button {
        display: block;
        width: 78px;
        background-color: #F90;
        border: 1px solid #F90;
        padding: 3px 10px;
        color: #fff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
    }

    .vorigepagina button:hover {
        background-color: #c7d1eb;
        border-color: #00112a;
        color: #00112a !important;
    }

    .logo_toevoegen a {
        color: #888888;
        width: 450px;
        display: block;
        padding: 6px 0 6px 10px;
        margin: 0 0 10px 0;
        background-image: url(../images/logo-toevoegen.jpg);
        background-repeat: no-repeat;
        background-position: right;
        background-color: #EBF7FA;
        border: 1px solid #DCEDF1;
    }

    .logo_toevoegen a:hover {
        background-color: #c7d1eb;
        color: #00112a !important;
    }

    .profiel_beheren a.contact_toevoegen:hover {
        background-color: #c7d1eb;
        color: #00112a !important;
    }

    .profiel_beheren a.contact_toevoegen:before {
        content: "\f067";
        font-size: 18px;
        display: inline-block;
        font-family: "fontawesome";
        margin-right: 10px;
    }

    .profiel_box.dashboard fieldset {
        margin-bottom: 15px;
    }

    .mijn_advertenties {
        font-weight: bold;
        color: #00112a;
        padding: 0px 0 8px;
        margin: 0 0 7px;
        font-size: 20px;
        border-bottom: 1px dashed #ccc;
    }

    .profiel_beheren.contactpersoon header {
        color: #00112a;
        font-weight: bold;
        font-size: 16px !important;
    }

    .org_contactpersoon {
        width: 100%;
        color: #00112a;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 16px;
    }

    .profiel_beheren.contactpersoon li {
        margin: 5px 0 10px;
        padding: 10px 0;
        border-bottom: 1px solid #dedede;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    label.leeg, label {
        padding: 0 10px 0 0;
    }

    #beheer label.leeg, #beheer label {
        padding: 0 2% 0 0;
    }

    #beheer label {
        width: 34%;
    }

    #org_aanmelden_form #beheer label {
        padding: 6px 5% 2px 0;
    }

    #beheer input[type="text"], #beheer input[type="email"], #beheer input[type="tel"], #beheer textarea, #beheer select {
        margin-bottom: 12px;
    }

    textarea.omschrijving {
        font-family: "Century Gothic", Arial, Helvetica, sans-serif;
        font-weight: normal;
        padding: 5px;
    }

    .day, input.day, .month, input.month {
        width: 25px !important
    }

    input.year {
        width: 55px !important
    }

    input.year:before {
        content: "6 cijfers";
        display: inline;
        padding: 1px;
    }

    /*#beheer label { line-height: 21px;}*/
    /*#beheer .label_right { font-family: Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #dedede; border-top: none; line-height: 21px; color:#333;   padding: 6px 0 2px 1%;}*/
    /*#beheer .profiel_hulpvraag .label_right { background-color: #dfeef8;}*/
    #beheer a {
        text-decoration: none !important
    }

    #inloggen {
        margin: 0;
        width: 70%;
    }

    #inloggen a {
        text-decoration: none !important
    }

    fieldset.nomargin {
        margin-bottom: 0 !important;
    }

    #dashboard {
        background-color: #f9edf9;
        width: 80%;
        margin: 0 10%;
    }

    .beheer_menu {
        width: 80%;
        margin: 0 10%;
    }

    .beheer_menu {
        height: auto;
        display: block;
    }

    #beheer h4, .kopjeBeheer {
        font-weight: bold;
        font-size: 1.2em;
        padding: 5px 0 0 0;
    }

    .kopjeBeheer {
        font-weight: bold;
        font-size: 1.3em;
        padding: 5px 0;
        margin-bottom: 15px;
        clear: both;
        display: block;
        float: none !important
    }

    #vac_aanmelden_form ul.veel_checkboxes {
        padding: 15px 0;
    }

    .stap_aangemaakt_leeg {
        color: #fff;
        width: 100%;
        display: block;
    }

    /* div */
    .btn_clear {
        color: #fff !important;
        width: auto !important;
        padding: 7px 10px !important;
        font-weight: bold;
        font-size: 16px;
        text-transform: capitalize;
    }

    #subnav_buttons a.btn {
        background-color: #00112a;
        border: 1px solid #00112a !important;
        border-bottom: none;
        font-size: 16px;
        -moz-border-radius: 4px 4px 4px 4px;
        ebkit-border-radius: 4px;
        border-radius: 4px;
        color: #fff !important;
        cursor: pointer;
        padding: 7px 15px 10px !important;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #subnav_buttons a.btn:hover {
        background-color: #c66899;
        border: 1px solid #c66899 !important;
    }

    #subnav_buttons a.btn.pink {
        background-color: #00112a !important;
        border: 1px solid #00112a !important;
    }

    #subnav_buttons a.btn.pink:hover {
        background-color: #7a3b68 !important;
        border: 1px solid #7a3b68 !important;
    }

    #subnav_buttons a.btn.pink:before {
        color: #fff !important;
    }

    #subnav_buttons a.btn.vwlgr {
        background-color: #00112a;
        border: 1px solid #00112a !important;
    }

    #subnav_buttons a.btn.vwlgr:hover {
        background-color: #dcde00;
        border: 1px solid #dcde00 !important;
    }

    #subnav_buttons a.btn.vacaturebank {
        background-color: #00112a;
        border: 1px solid #00112a !important;
    }

    #subnav_buttons a.btn.vacaturebank:hover {
        background-color: #00112a;
        border: 1px solid #00112a !important;
    }


    #subnav_buttons a.btn:before {
        content: "\f101";
        display: inline;
        font-family: FontAwesome;
        padding-right: 8px;
        font-size: 17px;
        color: #fff !important;
    }

    .rubrieken_menu input.btn.groen {
        width: 100% !important;
    }

    input.btn.blauw {
        background-color: #00112a !important;
    }

    input.btn.groen {
        background-color: #00112a !important;
        border: 1px solid #00112a !important;
        width: 100%;
        box-sizing: border-box;
    }

    a.naarboven, a.btn.lichtrose {
        background-color: #e3e4f3 !important;
        color: #00112a;
        padding: 5px 10px;
        display: inline-block;
        overflow: hidden;
        border-radius: 5px;
        font-weight: normal;
    }

    a.naarboven:hover, a.btn.lichtrose:hover {
        background-color: #637493 !important;
        color: #e3e4f3;
    }

    button.btn.grijs {
        padding: 7px 10px !important;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    a.naarboven {
        float: left;
    }

    .rubrieken_wrap.vac input.btn {
        background-color: #00112a;
        border: 1px solid #00112a !important;
    }

    span.btn_login_org {
        height: 35px;
        margin-top: 10px;
        display: block;
        width: 50%;
        clear: both;
    }

    a.btn_login_org:after, a.btn_login_vw:after, a.btn_login_bh:after {
        font-family: FontAwesome;
        display: inline;
        color: #fff;
        font-size: 25px;
        position: relative;
        content: "\f138";
        padding-left: 10px;
        top: 2px;
    }

    .btn_clear {
        background-color: #999;
        color: #fff;
        border: none;
        border: 1px solid #999 !important;
        padding: 7px 15px 8px !important;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
    }

    .btn_clear:hover {
        background-color: #00112a;
    }


    #maincontent_org_login .btn_login_geen header {
        font-size: 1em;
    }

    a.btn_login_org, a.btn_login_vw {
        cursor: pointer;
    }

    .inloggen_box {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    a.btn_login_org, a.btn_login_vw, a.btn_login_bh {
        padding: 15px 10px;
        font-size: 18px;
        background-color: #999;
        color: #fff !important;
        text-align: center;
        font-weight: normal;
        display: block;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: none;
    }

    input.button:hover, input.btn.inloggen:hover {
        background-color: #c7d1eb;
        color: #888888;
    }

    .fieldset {
        width: 100%;
        display: inline-block;
    }

    .row.row_right {
        text-align: right;
    }

    .row {
        display: inline-block !important;
        width: 100%;
        margin: 0 !important;
        flex-wrap: nowrap !important;
    }

    .center_form {
        text-align: center;
        padding: 8px 0;
        border-top: 1px solid #e2e2e2;
    }

    .wrap_gegevens .row {
        display: flex !important;
    }

    .wrap_gegevens .label_right {
        color: #404c78;
    }

    a.btn_login_org {
        background-color: #00112a;
    }

    a.btn_login_vw {
        background-color: #fbc340;
    }

    a.btn_login_bh {
        background-color: #e84163;
    }

    .btn_login_geen a.btn:hover, a.btn_login_org:hover {
        background-color: #888888;
        color: #fff;
    }

    a.btn_login_vw:hover, .login_box.vw .btn_login_geen a.btn:hover {
        background-color: #e6c67a !important;
        color: #fff !important;
    }

    article.login_box.vw .btn_login_geen a.btn {
        background-color: #888888;
    }

    .btn_login_geen a.btn {
        background-color: #888888;
        color: #fff !important;
        font-size: 1.1em;
        margin-top: 2%;
        width: 96%;
        text-align: center;
        padding: 10px 2%;
        display: inline-block;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .btn_login_geen.reset a.btn {
        background-color: #888888;
    }

    article.login_box.vw .btn_login_geen a.btn {
        background-color: #e6c67a;
    }

    .btn_login_geen.reset a.btn:hover {
        background-color: #69abc3;
    }

    .home_link_button:hover, .home_link_button.groen:hover, .home_link_button.buurthulp:hover {
        background-color: #69abc3;
        border-bottom: 1px solid #69abc3;
    }

    .home_link_button {
        position: relative;
        height: auto;
        padding: 10px 0;
        overflow: hidden;
        background-color: #888888;
        border-bottom: 1px solid #888888;
    }

    a.home_link.first .home_link_button {
        border-bottom: 1px solid #58aeeb;
    }

    .home_link_button.groen {
        background-color: #888888;
        border-bottom: 1px solid #888888;
    }

    .home_link_button.groen:before {
    }

    .home_link.nocolor {
        border-bottom: 1px solid #ccc !important
    }

    .home_link_button.nocolor {
        background-color: #fff;;
        color: #666;
        border-bottom: none !important;
        padding: 0 !important;
    }

    .home_link_button.nocolor:before {
        color: #58c4eb;
    }

    .btn_login_geen.reset a.btn:after {
        font-family: FontAwesome;
        display: inline;
        color: #fff;
        font-size: 25px;
        position: relative;
        content: "\f138";
        padding-left: 10px;
        top: 2px;
    }

    a .home_link_button.nocolor .leesverder {
        color: #666;
    }

    .home_link_button a {
        border: none;
        margin: 0;
        display: inline-block;
        cursor: pointer;
        color: #00112a;
    }

    .home_link_button:before {
        display: inline-block;
        padding: 10px 8px;
        float: left;
        content: "\f054";
        color: #fff;
        font-family: fontawesome;
        font-size: 21px;
    }

    .home_link_button.buurthulp {
        background-color: #ff6577;
        border-bottom: 1px solid #ff6577;
    }

    a.home_link.buurthulp {
        color: #d6486a;
    }

    .home_link_button.buurthulp:before {
        font-weight: bold;
        display: inline;
        content: "\f054";
        color: #fff;
        font-family: fontawesome;
        font-size: 25px;
        float: left;
        padding: 10px 8px;
    }

    a .home_link_button .leesverder {
        color: #fff;
    }

    .home_link_button .leesverder {
        width: 80%;
        float: right;
        padding-top: 8px;
        padding-right: 5%;
        display: inline-block;
    }

    .banner, #vacaturesTable_length, .printable, .maincontent_home, .verplicht, .meerinformatie, .datum_agenda.lees, #wrap_functies, .content_home.home_banner, .content_home, .cat_banner, .PrintKlaar, #PrintKlaar, .contentblock.info, .contentblock.pages, .contentblock.home, .home_link_button, .info_bedrijf, .contentblock.info, .inner_collor.rose.home, #extra_menu a, #content, #wrapper, #PrintKlaar, #wrap_nav, .cookie-consent, .banner.kort, .banner.reactie {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    #vacaturesTable_length {
        text-align: left;
    }

    input[type="radio"] {
        -webkit-appearance: radio;
    }

    .contentblock.hide {
        margin-top: 0 !important;
    }

    .contentblock.info header, .contentblock.home header {
        font-weight: bold !important;
        font-size: 1.3em;
        color: #fff;
        width: 100%;
    }

    .contentblock.pages {
        width: 100%;
        padding: 10% 0 0;
        min-height: 56px;
        background-image: url(../images/image-pages.png);
        background-position: center;
        background-size: 100%;
    }

    /* contentblock aangepast*/
    .contentblock.pages, .contentblock.info a {
        color: #fff !important;
    }

    .contentblock a.home_link {
        display: block;
    }

    /*in mediaquerie 80 plaatsen*/
    .contentblock a {
        overflow: hidden;
        color: #9f9f9f;
    }

    .home_link_button .leesverder:after {
        content: "";
    }

    a.btn_reageren {
        padding: 7px 10px;
        display: inline-block;
        background-color: #00112a;
        border: none;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        color: #fff;
    }

    a.btn_reageren:hover {
        background-color: #a5aeda;
        color: #00112a !important;
    }

    .vacatures_beheren span.reactie_aan a {
        width: 100%;
        border-bottom: none;
    }

    .reactie_aan, .reactie_door {
        float: left;
        width: 40%;
    }

    .bekijken {
    }

    span.bekijken {
        background-color: #999;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .bekijken:hover {
        background-color: #a5aeda;
        color: #00112a !important;
    }

    span.bekijken a {
        color: #fff !important;
        width: 90px !important;
        height: auto !important;
        padding: 4px 10px;
        border: none !important;
    }

    span.bekijken:hover {
        background-color: #a5aeda;
        color: #00112a !important;
    }

    .verwijderen.right, .wijzigen.right {
        float: right;
    }

    .wijzigen.right {
        margin-right: 20px;
    }

    .devider.rose {
        color: #00112a;
        display: inline;
    }

    .toevoegen.rose {
        top: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .toevoegen.rose, a.wijzigen.rose {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #a5aeda !important;
        padding: 5px 10px;
        color: #00112a !important;
        font-size: 14px;
        font-weight: normal;
        position: relative;
        bottom: 5px;
        left: 4px;
    }

    a.verwijderen {
        color: #fff;
        background-color: #e04829 !important;
        border: 1px solid #e04829;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    /* DASHBOARD OVERZICHTEN STYLES */
    .db_actief, .dashboard_overzichten a {
    }

    .dashboard_overzichten a, .dashboard_overzichten div {
        float: left;
    }

    ul.dashboard_overzichten {
        margin: 15px 0 20px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        padding: 1%;
    }

    ul.dashboard_overzichten li {
        display: inline-block;
        list-style-type: none;
        padding-top: 8px;
        padding-bottom: 4px;
        overflow: hidden;
        margin: 0;
        border-bottom: 1px solid #dcdcdc
    }

    ul.dashboard_overzichten li:hover {
        background-color: #e0dded;
    }

    .deactiveren:after {
        display: inline;
        font-family: FontAwesome;
        content: "\f105";
        font-size: 17px;
        padding-left: 8px;
        font-weight: bold;
    }

    a.db_bekijken:hover, .verwijderen:hover {
        background-color: #495472 !important;
        color: #00112a !important;
        border: 1px solid #495472 !important;
    }

    .submenu_beheren_butt .verwijderen:before {
        display: none;
    }

    .submenu_beheren_butt .verbergen {
        display: inline-block;
    }

    .verwijderen:before {
        content: " X ";
        font-size: 14px;
    }

    .verwijderen {
        text-transform: capitalize;
    }

    .dashboard_overzichten .verwijderen:before {
        content: "";
    }

    a.db_bekijken {
        color: #fff;
        background-color: #00112a;
        border: 1px solid #00112a;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        padding: 8px 10px;
    }

    .db_actief {
        color: #fff;
        background-color: #00112a;
        border: 1px solid #00112a;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        padding: 8px 10px 9px;
    }

    a.db_verwijderen, .db_nietactief {
        color: #fff;
        background-color: #c00;
        border: 1px solid #c00;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        padding: 8px 10px;
    }

    a.db_verwijderen:hover {
        background-color: #ea5764;
        border: 1px solid #d15252;
    }

    .activeren:after {
        font-family: FontAwesome;
        display: inline;
        content: "\f058";
        padding-left: 8px;
        color: #d6d606
    }

    .activeren:after:hover {
        font-size: 30px;
    }

    .activeren, .deactiveren {
        display: inline-block;
        padding: 8px 5px;
        border: 1px solid #c7d1eb;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .activeren:hover, .deactiveren:hover {
        background-color: #c7d1eb;
    }

    /* menu oranje ////// */
    a.mobiel_extra_i:hover {
        color: #fff !important;
    }

    .divider {
        color: #00112a;
        width: auto;
        display: inline;
        margin-left: 5px;
    }

    /*.mobiel_extra_menu a:after, .beheerpanel a:after { content: "|"; font-weight: normal!important; padding-left: 10px; color: #00112a;}*/
    .mobiel_extra_menu a:hover:after, .beheerpanel a:hover:after {
        color: #00112a;
    }

    .mobiel_extra_menu a.last:after, a.mobiel_extra_c.last, .beheerpanel a.last:after {
        content: "";
    }

    #extra_menu .mobiel_extra_menu a:after:hover,
    #extra_menu .beheerpanel a:after:hover,
    .beheerpanel a::after:hover {
        content: "|";
        color: #00112a !important;
    }

    #extra_menu .menu_overig a {
        font-size: 1.4em !important;
    }

    .menu_overig a {
        color: #00112a;
    }

    .show_adres a {
        color: #fff;
        font-size: 1em;
        border-left: none !important
    }

    .show_adres a:hover {
        color: #00112a;
    }

    .functies_blauw {
        overflow: hidden;
        width: auto;
        padding: 10px 0 10px;
        margin: 0 0 10px 0;
        -moz-border-bottom-left-radius: 6px;
        -moz-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    #account_aanmaken ul {
        margin: 0;
        padding: 0;
    }

    #account_aanmaken li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #aanmelden h4, .kopjeInfopagina {
        font-weight: bold;
        margin: 10px 0 10px;
        width: 100%;
        display: inline-block;
    }

    #overzicht_beheer_org h4 {
        color: #fff;
        background-color: #00112a;
        font-weight: bold;
        margin: 5px 0;
        padding: 5px 10px;
    }

    .tekst_box {
        margin: 10px 0 25px;
        display: block;
        overflow: hidden;
        height: auto;
    }

    .tekst_box.blauw {
        background-color: #e2f7f8;
        padding: 15px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
    }

    .tekst_box.blauw header {
        font-weight: bold;
        font-size: 17px;
        margin: 5px 0 10px;
    }

    #org_aanmelden_form legend.border_breed {
        border-bottom: 1px dotted #00112a;
        margin-bottom: 15px;
        padding-bottom: 7px;
        font-weight: bold;
    }

    .wrap_vac.clt_details {
        padding: 3px 10px 5px 0;
    }

    .wrap_vac label {
        padding: 0 10px 0 0;
    }

    /* vacature - website */
    .reageer_vacature #aanmelden #inschrijven_form {
        background-color: #fff;
        margin: 0;
        padding: 0;
    }

    .clt_details {
        text-align: left;
        font-weight: normal;
        overflow: hidden;
        padding: 0;
    }

    .vacaturebank .clt_details {
        padding-top: 0;
    }

    .clt_details a {
        color: #00112a;
    }

    .clt_details a.linkgrijs {
        color: #00112a;
    }

    .clt_details a:hover {
        color: #00112a;
    }

    #beheer header.header_beheer {
        color: #00112a;
        font-size: 1.4em;
        margin: 20px 0 0px;
        width: 100%;
        display: inline-block;
        overflow: hidden;
    }

    #maincontent_vw_login header, #aanmelden header h4, .linkerkolom_login header {
        color: #00112a;
        font-size: 1.4em;
        font-weight: bold;
        margin: 5px 0 20px 0;
        width: 100% !important;
        line-height: 25px;
    }

    #beheer header h4 {
        display: inline-block;
        width: auto;
        margin-right: 25px;
        font-size: 0.9em;
    }

    #beheer form,
    #overzicht_beheer_org form,
    #aanmelden form {
        margin: 0;
        height: auto;
        background-color: #ffffff;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        display: inline-block;
    }

    form#login_org {
        background-color: #ffffff;
    }

    #beheer form.aanmelden_workshop {
        background-color: #fff;
    }

    #inschrijven_form input {
        color: #666;
    }

    #inschrijven_form input[type="checkbox"] {
        border: 1px solid #c00 !important;
        width: auto;
        float: left;
        height: auto;
        padding: 5px;
    }

    /*TALENTENSCAN */
    #talentenscan {
        margin: 0;
        height: auto;
        overflow: hidden;
        display: inline-block;
        background-color: #ffffff;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        padding: 3%;
        width: 94%;
        font-size: 20px;
    }

    .talentenscanner_comments {
        border: 1px solid #00112a;
        padding: 4% 3% 5% 6%;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        color: #00112a;
    }

    #content_talentenscan {
        overflow: hidden;
        background-color: #EEEEEE;
    }

    #talentenscan input[type=radio] {
        width: auto;
        margin-left: 5px;
    }

    #talentenscan label.left {
        font-size: 19px;
        border: none;
    }

    #talentenscan label {
        line-height: 24px;
    }

    #talentenscan fieldset.padding {
        color: #00112a;
        line-height: 27px;
        text-align: center;
    }

    .vw_academie.talentenscan header {
        font-size: 30px;
    }

    #talentenscan fieldset {
        margin-bottom: 0;
        color: #6a6a6a;
    }

    .talentenscan_img {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .talentenscan_img.een {
        background-image: url(../banners/activiteit_begeleiden.jpg);
    }

    .talentenscan_img.twee {
        background-image: url(../banners/CAT_in_en_om_het_huis.jpg);
    }

    .talentenscan_img.drie {
        background-image: url(../banners/computer_en_techniek.png);
        background-size: 100% auto;
    }

    .talentenscan_img.vier {
        background-image: url(../banners/CAT_hulp_met_koken.jpg);
    }

    .talentenscan_img.vijf {
        background-image: url(../banners/buitenlucht1.jpg);
    }

    .talentenscan_img.zes {
        background-image: url(../banners/houtbewerken.jpg);
    }

    .talentenscan_img.zeven {
        background-image: url(../banners/gezelschap.jpg);
    }

    .talentenscan_img.acht {
        background-image: url(../banners/leren_bijbrengen.jpg);
    }

    .talentenscan_img.negen {
        background-image: url(../banners/collecteren1.jpg);
    }

    .talentenscan_img.tien {
        background-image: url(../banners/socialmedia.jpg);
    }

    .talentenscan_img.elf {
        background-image: url(../banners/handigmet_computers.jpg);
    }

    .talentenscan_img.twaalf {
        background-image: url(../banners/organiseren.jpg);
    }

    .talentenscan_img.dertien {
        background-image: url(../banners/vrijwilligers.jpg);
    }

    .talentenscan_img.veertien {
        background-image: url(../banners/gastvrij.jpg);
    }

    .talentenscan_img.vijftien {
        background-image: url(../banners/bestuurswerk.jpg);
    }

    .talentenscan_img.zestien {
        background-image: url(../banners/onderweg2.jpg);
    }

    .talentenscan_img.zeventien {
        background-image: url(../banners/helpen_in_winkel.jpg);
    }

    .talentenscan_img.achtien {
        background-image: url(../banners/inspireren_bewegen.jpg);
    }

    #inschrijven_form input, #inschrijven_form textarea {
        padding: 8px;
    }

    #inschrijven_form textarea {
        line-height: 19px;
    }

    #aanmelden form input, #aanmelden form select, #aanmelden form textarea {
        border: 1px solid #cccccc;
        color: #828282;
        font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    }

    ::placeholder, ::-webkit-input-placeholder, :-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
        color: black;
        opacity: 0.5;
    }

    #beheer #inloggen_form_org form, #beheer #inloggen_form_vrijw form {
        padding: 3%;
        display: inline-block;
        overflow: hidden;
        margin: 0;
    }

    .aanmelden_rechts .legend_klein, .aanmelden_links .legend_klein {
        font-weight: bold;
        font-size: 1.1em !important;
        color: #00112a !important;
        padding: 5px 0 10px;
        margin: 0;
        border-bottom: none !important;
    }

    .profiel_box.dashboard .aanmelden_rechts legend, .profiel_box.dashboard .aanmelden_links legend {
        display: inline-flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .aanmelden_rechts legend, .aanmelden_links legend {
        color: #00112a;
        padding: 0 0 3px;
        margin: 10px 0 0;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        line-height: 23px;
    }

    #inschrijven_form .aanmelden_rechts input[type=text].input_field {
        width: 43%;
    }

    legend {
        font-weight: bold;
        color: #00112a;
        margin: 0 0 20px 0;
        font-size: 16px;
    }

    #org_aanmelden_form legend {
        font-size: 20px !important;
    }

    .org_beheer_fieldset_border {
        border-bottom: 1px solid #999;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    .afbeelding {
        font-size: 20px;
        font-weight: bold;
        width: 45%;
        float: left;
    }

    .wijzig_login {
        margin-top: 7px;
        padding-right: 30px;
        font-size: 20px;
        font-weight: bold;
        width: auto;
        display: inline-block;
        float: left;
    }

    ul.checkboxes_floatLeft {
        padding: 0 0 15px 0;
        overflow: hidden;
    }

    ul.checkboxes_floatLeft li {
        float: left;
        width: 33%
    }

    #overzicht_beheer_org li {
        width: 100%;
        border-bottom: 1px dotted #ccc;
        margin: 0 0 5px 0;
        padding: 0 0 4px 0;
        list-style-type: none;
        overflow: hidden;
    }

    #overzicht_beheer_org ul {
        width: 96%;
        -webkit-column-gap: 40px;
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-gap: 40px;
        -moz-column-count: 2; /* Firefox */
        column-gap: 40px;
    }

    #overzicht_beheer_org ul, #aanmelden ul {
        margin: 0;
        padding: 10px 0;
    }

    #aanmelden li {
        margin: 0;
        padding: 10px 0 7px 5px;
        list-style-type: none;
        overflow: hidden;
    }

    #vac_aanmelden_form ul {
        margin: 0 0 25px;
        padding: 0 0;
    }

    #vac_aanmelden_form li {
        margin: 0;
        padding: 0 0 4px 3px;
        list-style-type: none;
    }

    #vac_aanmelden_form fieldset {
        padding: 10px 0 15px;
        margin: 0 0 15px 0;
        border-bottom: 1px dotted #ccc;
    }

    .reageer_vacature #aanmelden {
        background-color: #fff;
    }

    .vacature_name_label {
        padding-top: 2px;
        font-size: 18px;
        color: #999;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #aanmelden form input.vacature_name, #aanmelden form .vacature_name {
        font-size: 21px;
        color: #00112a;
        background-color: #f9f9f9;
        border: 1px solid #f9f9f9;
        margin: 0px 0 10px;
        padding: 0px 0 2px;
        font-weight: bold;
    }

    .vacature_name_display_none {
        width: 0;
    }

    .g-recaptcha {
        float: left;
    }

    .vac_image:after {
        content: "\f1c5";
        font-family: fontawesome;
        font-size: 100px;
        color: #eee;
    }

    .vac_image {
        margin: 30px 0 0 30px;
        padding: 50px 0 0 50px;
        width: 100%;
        height: 100px;
    }

    #beheer .reacties_kandidaten label {
        padding: 0;
        margin: 0;
    }

    .reacties_kandidaten div {
        overflow: hidden;
        display: inline;
        padding: 0 0;
        width: 100%;
    }

    .reacties_kandidaten div.reactie_op_vacature_input {
        width: 60% !important;
        padding: 0 !important;
        float: left;
    }

    .reageer_vacature.contact #aanmelden {
        padding-top: 0;
    }

    #aanmelden {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 3% 0 0;
    }

    #profiel_vacature {
        width: 100%;
        border: 1px solid #e3e4f3;
        background-color: #e3e4f3;
        margin: 0 0 20px 0;
    }

    .vacatures_beheren li:hover, .profiel_beheren li:hover {
        background-color: #e3e4f3;
    }

    .mijn_vacatures {
        width: 99%;
        background-color: #00112a;
        color: #fff;
        padding: 5px 20px;
        font-weight: bold;
        font-size: 14px;
    }

    .mijn_vacatures {
        width: 96%;
        background-color: #00112a;
        color: #fff;
        padding: 5px 2%;
        font-weight: bold;
        font-size: 14px;
    }

    .box {
        height: auto;
        margin: 10px 0;
        width: 100%;
    }

    .box ul {
        margin: 0 0 25px 0;
        padding: 0;
        height: auto;
        clear: both;
    }

    .box li {
        list-style-type: none;
        padding: 5px 0;
        margin: 0;
        overflow: hidden;
    }

    .contactpersonen .box li {
        border-bottom: 1px solid #ccc;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }

    .kopjeDasboard {
        color: #00112a;
        font-size: 13px;
        font-weight: bold;
        height: auto;
        margin: 0 0 10px;
        padding: 0 0 5px 0;
        width: 100%;
    }

    .vacatures_beheren {
        width: 100%;
        height: auto;
        line-height: 22px;
        margin: 0 0% 30px;
        padding: 0 0 0% 0;
    }

    .vacatures_beheren a, .profiel_beheren a {
        display: block;
        padding: 0 0 0;
        text-decoration: none;
        color: #fff !important
    }

    a.wijzigen_link {
        width: 70%;
    }

    a.verwijderen_link {
        width: 10%;
        margin-right: 20px;
    }

    span.verwijderen {
        color: #fff;
        background-color: #007282;
        border: 1px solid #007282;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        padding: 8px 10px;
    }

    .status {
        float: left;
        width: 15%;
        height: 45px;
        border-bottom: 1px dotted #ccc;
        text-align: right;
    }

    .status_actief {
        color: #63b651;
        font-weight: bold;
    }

    .status_niet_actief {
        color: #666;
    }

    .box .vacatures_beheren li {
        width: 100%;
    }

    .vacatures_beheren a:hover, .profiel_beheren a:hover {
    }

    .vacatures_beheren ul {
        padding: 0;
    }

    .profiel_beheren li, .vacatures_beheren li {
        margin: 0;
        padding: 10px 2%;
        list-style-type: none;
        overflow: hidden;
        border-bottom: 1px solid #cee1f6;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        width: 96%;
    }

    #aanmelden li {
        margin: 0;
        padding: 10px 0 5px;
        list-style-type: none;
        overflow: hidden;
    }

    #content .profiel_beheren li a span.bold {
        font-size: 17px !important;
        display: inline-block;
        padding-top: 10px;
        color: #1b6a97 !important;
    }

    .tekstgrijs {
        font-style: italic;
        padding: 10px 0;
    }

    .cursief {
        font-style: italic;
        color: #00112a;
    }

    .cursief.padding {
        padding: 1% 2%;
    }

    .leeg {
        color: #fff;
    }

    .leeg_grijs {
        color: #eee;
    }

    .profiel_beheren a.prof_wijzigen {
        width: 60%;
        float: left;
    }

    .profiel_beheren a.prof_verwijderen {
        width: 40%;
        float: left;
    }

    /*//////////END NIEUW */
    #wrapper {
        overflow: hidden;
        height: auto;
        position: relative;
    }

    #PrintKlaar {
        width: 100% !important;
        overflow: hidden;
        display: inline-block;
    }

    /* //// FUNCTIES TOP ////*/
    .img_box {
        padding: 0 0 0 0;
        margin: 0 25px 0 10px;
    }

    .img_box2 {
        padding: 0 0 0 0;
        margin: 0 0 0 10px;
    }

    .img_marginleft {
        margin: 0 0 0 5px;
    }

    /*//// TOPNAVIGATIE //////*/
    #image {
        position: relative;
        height: auto;
        clear: both;
    }

    #search_results {
        width: 600px;
        height: auto;
        margin: 20px 20px 0 0;
    }

    .titel_beheer {
        padding: 20px;
        font-weight: bold;
        color: #00112a;
        font-size: 1.2em;
        width: 91%;
        margin: 0;
    }

    .titel_beheer_pagina {
        display: none;
    }

    .titel_beheer_uitloggen {
        display: none;
    }

    .buttons {
        width: 100%;
        display: block;
    }

    #cke_inhoud {
        clear: both;
        width: 68%;
        float: right;
    }

    .cke_button {
        float: left !important
    }

    .boldzwart {
        color: #00112a !important
    }

    /* ////FOOTER ///// */
    .footer_menu.adres {
        padding-bottom: 30px;
    }

    .wrap.onder u {
        margin: 0 10px;
        text-decoration: none;
        color: #7993b5;
    }

    .main-tekst.grijs {
        background-color: #f5f5f5;
        color: #008cd0;
    }

    .main-tekst.bottom {
        padding: 2% 10% 3% 10%;
        overflow: hidden;
        color: #fff !important;
        font-size: 16px;
        background-color: #00112a;
        width: 80%;
    }

    .main-tekst.bottom header {
        font-size: 1.3em;
        color: #00112a;
        padding: 0 0 10px;
        height: 45px;
    }

    .lokatie.pc {
        padding: 0 0 10px 0;
    }

    .lokatie.pc:before {
        content: "";
        font-size: 0;
        padding-right: 0;
    }

    .main-tekst.bottom header:before { /*content:"\f015";*/
    }

    .main-tekst.bottom header:before, .telefoon:before, .email:before, .lokatie:before {
        color: #fff;
        padding: 0 5px 0 15px;
    }

    .initiatief_van {
        padding-top: 16px;
    }

    .initiatief_van, .logo_vcw {
        position: relative;
        display: inline-block;
    }

    .initiatief_van a {
        padding: 0 10px;
    }

    .main-tekst.bottom.center {
        text-align: center !important;
        background-color: #00112a;
    }

    .logo_vcw img {
        max-width: 115px;
        height: auto;
    }

    .adres {
        width: 100%;
        text-align: center;
        display: inline-block;
        padding: 0 0;
    }

    .telefoon, .email {
        padding: 5px 0;
    }

    .lokatie {
        padding: 5px 0 0;
    }

    .telefoon:before {
        content: "\f095";
        font-size: 18px;
    }

    .email:before {
        content: "\f0e0";
        font-size: 18px;
    }

    .lokatie:before {
        content: "\f124";
        font-size: 18px;
    }

    footer.mobiel {
        display: none;
    }

    /* end footer */
    .profiel_box.dashboard {
        display: inline-block;
    }

    .logo_vcw {
        width: 29%;
        height: 75px;
        float: left;
        background-size: 94%;
        padding: 7px;
    }

    .logo_wdt {
        width: 29%;
        height: 75px;
        float: right;
        background-size: 94%;
        padding: 7px;
    }

    /* CUSTOM zoekbox */
    .custom-zoekbox {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .custom-zoekbox > .box_z {
        float: left;
        margin: 3px 15px 0 10px;
        position: relative;
        display: block;
        width: 18px;
        height: 18px;
        border: 1px solid #dac8d5;
        border-radius: 4px;
    }

    .custom-zoekbox > .box_z > .tick_z {
        position: absolute;
        left: 2px;
        top: -2px;
        width: 18px;
        height: 10px;
        border-bottom: 4px solid #d6006a;
        border-left: 4px solid #d6006a;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        display: none;
    }

    .custom-zoekbox > input:checked + .box_z > .tick_z {
        display: block;
    }

    .custom-zoekbox > input {
        position: absolute;
        outline: none;
        left: 0;
        top: 0;
        padding: 0;
        width: 16px;
        height: 16px;
        border: none;
        margin: 0;
        opacity: 0;
        z-index: 1;
    }

    .custom-zoekbox > input:active + .box_z {
        border-color: #aaa;
        background-color: #ddd;
    }


    /* Create a sticky/fixed navbar */
    #navbar {
        overflow: hidden;
        background-color: #f1f1f1;
        padding: 90px 10px; /* Large padding which will shrink on scroll (using JS) */
        transition: 0.4s; /* Adds a transition effect when the padding is decreased */
        position: fixed; /* Sticky/fixed navbar */
        width: 100%;
        top: 0; /* At the top */
        z-index: 99;
    }

    .profiel_beheren ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .rubrieken.advertentie {
        padding-bottom: 10px;
        display: inline-block;
    }

    .rubrieken.advertentie ul {
        float: left;
        width: 58%;
        display: inline-block !important;
        padding: 15px 2% 2%;
        border: 1px solid #e3e3e3;
        border-bottom: none;
        background-color: #eee;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

    #parentRubriekAnders {
        border-top: 1px solid #e3e3e3;
        padding-left: 10px;
    }

    #parentRubriekAnders label, #parentRubriekAnders input {
        width: 93%;
    }

    table.rubrieken_beheer {
        height: auto;
        font-size: 14px;
    }

    table.rubrieken_beheer td {
        border-bottom: 1px solid #d9d9d9 !important;
    }

    table.rubrieken_anders {
        width: 100%;
        padding-left: 46%;
    }

    .rubrieken.cms_website {
        display: inline-block;
        background-color: #e9e9e9;
        padding: 1%;
        width: 97%;
        border: 1px solid #ccc;
    }

    /*input.other_answerone.open { width: 50px!important;}*/
    .other_answerone, label.answerone_label {
        float: left;
    }

    input.answerone.second {
        width: 50%;
        float: left;
    }

    select {
        background-color: #888888;
        color: #fff;
    }

    .rubrieken.advertentie ul li {
    }

    #aanmelden .rubrieken.advertentie li, .rubrieken.advertentie li {
        padding: 5px 0 0 0;
    }

    .talentenscan #logo {
        margin: 2% 0 0 5%;
        height: 100px;
        width: 350px;
        padding: 11px 0 0 45px;
        font-size: 30px;
        background-position: top left;
    }

    .talentenscan #logo h1 a {
        padding-top: 0px;
    }

    .banner.banner_talentenscan {
        height: 100%;
    }

    .logoaftrap {
        font-size: 43px;
        color: #fff;
        font-weight: bold;
        padding-left: 107px;
        padding-top: 10px;
        overflow: hidden;
        display: inline-block;
    }

    div#WGozaescts {
        z-index: 99999999;
        height: 25px;
        line-height: 25px;
        bottom: 0px;
        background-color: #FF0000;
        border-top: 0px solid #00112a;
        opacity: 0.9;
        filter: alpha(opacity=90);
        font-size: 12px;
        color: #00112a;
        font-weight: bold;
        font-family: Arial, Helvetica, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
        position: fixed;
        width: 100%;
        text-align: center;
        display: table-cell;
        vertical-align: top;
    }

    div#WGozaescts a:visited, div#WGozaescts a:active, div#WGozaescts a:link {
        text-decoration: underline;
        font-size: 12px;
        color: #00112a;
        font-weight: bold;
        font-family: Arial, Helvetica, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
        vertical-align: top;
    }

    div#WGozaescts a#WGozaesctsbutton:visited, div#WGozaescts a#WGozaesctsbutton:active, div#WGozaescts a#WGozaesctsbutton:link {
        text-decoration: none;
        font-size: 12px;
        color: #FFFFFF;
        font-weight: bold;
        font-family: Arial, Helvetica, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
        text-decoration: underline;
        vertical-align: top;
        margin: 0px 0px 0px 10px;
    }


    /* NIEUW VACATURE/HULPVRAGEN FILTERMENU */
    .filter_menu fieldset.noborder {
        border-bottom: none;
    }

    .filter_menu ul li {
        list-style-type: none;
    }

    .filter_menu .beschikbaarheid_vrijwilliger.t_vacafrontend .beschikbaar_links ul li {
        margin-top: 1px;
    }

    .subnavigatie .filter_menu header {
        font-size: 12px;
        font-style: italic;
        font-weight: normal;
        margin: 0;
        padding: 0;
    }

    .filter_menu button.btn.grijs {
        float: left;
    }

    tr.strong {
        font-weight: bold;
    }

    .filter_menu table {
        width: 100%;
        font-size: 11px;
    }

    .filter_menu td, .filter_menu th {
        padding: 5px 4px 5px 8px;
    }

    .filter_menu td.deel {
        padding: 0px 4px 5px 8px !important;
        margin-top: 0 !important;
    }

    #panel, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7,
    #flip, #flip2, #flip3, #flip4, #flip5, #flip6, #flip7 {
        margin-bottom: 10px;
        text-align: left;
        border: solid 1px #cccccc;
    }

    #panel, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7 {
        border: none !important;
    }

    #panel, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7 {
        padding: 20px 0 0;
    }

    #panel3, #panel2 {
        padding-top: 0 !important;
    }

    #flip, #flip2, #flip3, #flip4, #flip5, #flip6, #flip7 {
        padding: 2%;
        border: 1px solid #fbc340;
        border-bottom: 1px solid #fbc340;
        background-color: #fbc340;
        color: #fff;
        font-weight: bold;
        font-size: 19px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
    }

    /*#panel, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7 {     display: none; }*/
    #flip, #flip2, #flip3, #flip4, #flip5, #flip6, #flip7 {
        cursor: pointer;
    }

    #flip:after, #flip2:after, #flip3:after, #flip4:after, #flip5:after, #flip6:after, #flip7:after {
        display: none;
        font-family: fontawesome;
        display: inline;
        content: "\f107";
        float: right;
        font-weight: bold;
        right: 15px;
        cursor: pointer;
        color: #fff;
    }


    .rubrieken_menu.bhlp #flip:after, .rubrieken_menu.bhlp #flip2:after, .rubrieken_menu.bhlp #flip3:after, .rubrieken_menu.bhlp #flip3:after, .rubrieken_menu.bhlp #flip4:after, .rubrieken_menu.bhlp #flip5:after, .rubrieken_menu.bhlp #flip6:after, .rubrieken_menu.bhlp #flip7:after {
        color: #00112a !important;
    }


    .lokaties_vacs_plaats {
        color: #00112a !important;
        font-weight: bold !important;
    }

    .andere_plaats {
        margin-top: 5px;
        padding-top: 8px;
        border-top: 1px solid #e1e1e1;
    }

    .andere_plaats label {
        color: #00112a !important;
        font-weight: bold !important;
        font-size: 13px;
    }

    .filter_menu input#otherPlace {
        width: 95%;
        margin-top: 10px;
        padding: 10px;
    }

    .lokaties_vacs {
        border-bottom: none;
        font-size: 13px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    ul.menu2,
    .content_home.search_vacs #panel2,
    .content_home.search_vacs #panel3,
    .content_home.search_vacs #panel4,
    .content_home.search_vacs #panel5 {
        display: inline !important;
    }

    .plaats_inner {
        width: 100%;
        height: auto;
    }

    #panel6 label {
        width: 62%;
        float: left;
    }


    /* tijdelijke homepage */
    .credo {
        font-size: 2em;
        display: inline-block;
        width: 100%;
        line-height: 36px;
        text-transform: uppercase;
    }

    #overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #00112a;
        z-index: 100000000;
    }

    #overlay_tekst {
        position: relative;
        overflow: hidden;
        display: block !important;
        margin: auto;
        height: auto;
        color: #fff !important;
        font-weight: bold;
        z-index: 100000001;
        text-align: center;
    }

    #overlay_logo {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    #overlay_logo img {
        border: 1px solid #F1A5D9;
        padding: 5px 0 8px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .overlay_wrap_tekst {
        background-color: #00112a;
        border-top: 1px solid #e698cd;
        padding: 2% 0;
        margin: 20px 5% 0;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    #overlay_tekst header {
        color: #fff !important;
        margin: 10px 0 30px;
    }

    #overlay_tekst a {
        border: 1px solid #e698cd;
        padding: 2px 4px 2px 8px;
        margin-right: 4px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #fff !important;
        display: inline-block;
    }

    .trigger {
        font-size: 20px;
        overflow: hidden;
        display: inline-block;
    }

    .quill-editor {
        width: 600px; /* Of bijvoorbeeld 100% als je responsive wilt */
        min-height: 150px; /* Zorgt voor meerdere regels standaard */
        max-height: 400px; /* Optioneel: voorkomt dat het te groot wordt */
        margin-bottom: 1em; /* Voor wat ruimte onder de editor */
        background-color: #fff; /* Zorgt dat het niet transparant oogt */
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 10px;
    }

    .quill-editor {
        width: 100%;
        max-width: 700px;
    }

    .quill-editor .ql-editor {
        line-height: 1.5;
        font-size: 14px;
    }

    .editor-wrapper {
        width: 600px; /* of 100% met max-width */
        margin-bottom: 1.5em;
    }

    .editor-wrapper label {
        display: block;
        margin-bottom: 0.5em;
        font-weight: bold;
    }

    .quill-editor {
        min-height: 150px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-color: #fff;
        padding: 10px;
    }

    .editor-label {
        font-weight: bold;
        margin-bottom: 0.5em;
        font-size: 15px;
    }