/* CSS Document PLATFORM WMO MANAGEMENTONDERSTEUNING*/

.error {	color: #F00;	line-height:25px;}

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;}
table {	border-collapse: collapse;	border-spacing: 0; text-align: left; vertical-align: top; cell-spacing: 4px; border: 1px solid #BDDDEE;}
table th { font-weight: bold; background-color:#BDDDEE; border-right: 1px solid #96C9E4;  }
td, th { 	padding: 3px 8px 4px 8px; }
td { border-right: 1px solid #BDDDEE;}
tr { border-bottom: 1px solid #BDDDEE;}
/*----------------------------------------------------------*/


html {font-size: 15px; padding: 0; margin: 0; width: 100%;height: 100%; overflow-x: scroll; overflow-y: scroll;  font-family:"Futura", sans-serif; }
body {font-size: 15px; padding: 0; margin: 0; background-color: #fff;  color: #262551; font-family:"Futura", sans-serif; font-weight: normal;  height: 100%; width: 100%; line-height: 21px;}

hr {	clear: both;	border:none;	height:1px;	margin: 0 0 10px 0;}
img { border: none;}

h4, h6 { margin: 0;	padding: 0;	font-weight:bold;	font-size: 1.2em;}
h1, h2, h3 { margin: 0;	padding: 0;	font-weight:bold;	font-size: 1.3em;}


a:link, a:visited, a:active {color : #e6356d;text-decoration : none; }
a:hover {color : #000;text-decoration : none ;}

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.1.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"),
    url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"),
    url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"),
    url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}


strong { font-weight: bold; }
.wit { color: #c00; width: 10px; height: 5px;float: left; border-right: 1px dotted #fff;}
p.comments { color: #fff; font-size: 0;}
.comment_box {color:#C00; padding: 5px 10px; line-height: 19px; background-color:#EBD5CF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; display: inline-block;}

.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; }

.social-media { width: auto; float: right; padding: 10px 0 0 0; }
.social-media img { margin-left: 15px; width: 35px; height: auto;}

.aanmelden { color:#e6356d; width: auto; margin-right: 5px; margin-left: 15px; font-size: 1em; font-weight: bold; }


a.contact  {margin: 10px 0; font-weight: bold; display:block; width:190px; background-color: #e6356d; padding: 7px 10px; font-size: 14px; color: #fff; -moz-border-radius: 4px ;-webkit-border-radius: 4px; border-radius: 4px; }
a.contact:hover { background-color: #23648B; color: #8BC1E2!important }
.org_info span { float: left; }

nav { display:flex; justify-content: flex-start; width: 100%; }

/* ////// BEGIN BANNER HOME*/

.wrap_flexslider {  width: 100%; }
.banner.hoewerkthet, .banner.home { width: 100%; }
.banner.home { display:flex; justify-content: center; align-items: flex-start; background-color:#fff; }
.banner.hoewerkthet  { background-image: url(../images/alphen1.png); background-position:  0 -325px; background-repeat : no-repeat;  background-color: #f9f9f9;}
.banner.banner_talentenscan { background-image: url(../images/talentenscan.jpg); background-position: 0 -220px ; background-size: 100% auto; }
.banner.beheer_profiel { background-image: url(../images/alphen3.jpg); background-position: 0 ; background-size: 100% auto; }
.banner.contact { background-image: url(../images/participe_contact2.png); background-position: bottom; background-size: 100% auto; }
.banner.kleur { height: 75px; background-image:  url(../images/alphen3.jpg); background-size: 100% auto; }
.banner.account_aanmelden,
.banner.hoewerkthet { background-image: url(../images/alphen3.jpg); background-size: 100% auto;  }
.banner.website { background-image: url(../images/alphen3.jpg); background-size: 100% auto;  }
.wrap_flexslider {  width: 100%!important; background-color:#fff;  display:inline-block;}

.cat {  background-size: auto 100%; transition:all 1000ms ease; width: 16%; height: 99%; float: left; background-position: bottom ; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #262551; margin-right: 6px; background-color:#fff;}
.cat_banner { height: auto; top: 35%; position:relative; display:inline-flex; font-family: "Oswald", sans-serif; font-size: 0.9em; color:#262551; text-transform: uppercase; font-weight: 400;}
.cat.one, .cat.two, .cat.three, .cat.four, .cat.five, .cat.six {background-repeat: no-repeat; background-position: center -15px; backgrount-size: auto;}
.cat.one { background-image: url(../images/header-alle-rubrieken.png); }
.cat.two { background-image: url(../images/header-boodschappen.png); }
.cat.three { background-image: url(../images/header-gezelschap.png); }
.cat.four { background-image: url(../images/header-klussen-en-tuin.png); }
.cat.five { background-image: url(../images/header-koken-en-eten.png); }
.cat.six { background-image: url(../images/header-computer-en-techniek.png); }
.cat_inner a, .cat_inner { color:#666; width: 100%; height: 100%;  display:flex; justify-content: center; align-content: space-around;flex-wrap: wrap; font-weight: normal;}
/* /////// END BANNER HOME*/

div {-moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px;}

/* OVERZICHT ORGANISATIES */

.cat_alle_orgs h3, .wrap_org h3 { font-weight: normal; font-size: 0.9em;}
 .wrap_org h3 a { color:#262551}
.wrap_org li { padding-left: 0; list-style-type: none; margin-bottom: 4px;}
.org_az_letter { font-weight: bold; margin: 10px 0 20px; font-size: 1.3em; border-bottom: 1px solid #000; line-height: 30px; }
h2.org_az_letter { width: auto; margin-bottom: 20px; border-bottom: 1px solid #d5bfdc;}

.mobiel_extra.fb:after,
.mobiel_extra.twitter:after,
.mobiel_extra.insta:after { display: inline;font-family: FontAwesome;  color: #262551;}
a.mobiel_extra:hover {    background-color: #fff!important;    color: #262551!important;}
.mobiel_extra.fb:after { content: "\f082"; font-size: 27px;}
.mobiel_extra.twitter:after { content: "\f099"; font-size: 22px;}
.mobiel_extra.insta:after { content: "\f16d"; font-size: 26px;}

/* SMALL TABLET LANDSCAPE   */
@media only screen and (max-width:59.9999em){
    a.mobiel_extra {    padding:6px 8px 10px!important;    }
    #aanmelden form.logo_upload { padding: 3% 2% 3% 4%;width: 94% }
    #aanmelden form.logo_upload fieldset { width: auto;}
    .home_link_button {
        background-color:#e6356d;
        background: linear-gradient(90deg, #eac562, #e6356d, #e6356d);
        background: -webkit-linear-gradient(to right,  #eac562,  #e6356d, #e6356d);
        background: -o-linear-gradient(to right,  #eac562,  #e6356d, #e6356d);
        background: -moz-linear-gradient(to right,  #eac562,  #e6356d, #e6356d);
        background: linear-gradient(to right, #eac562,  #e6356d, #e6356d);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6356d', EndColorStr='#eac562')";
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e6356d', EndColorStr='#eac562', GradientType=1);}
    nav { padding-top: 10px;}
    #logo {background-size: 55%; width: 50%; float:left;  height: 75px;background-image: url(../images/Logo-VrijwilligerspuntAlphen-1000px-transparant.png); background-position: 20px -20px ;
        background-repeat: no-repeat;    }
    .ga_verder { display:none;}
.label_right { width: 100%;}
    a.mobiel_extra_c {display:none;}
    .hide_subnav {display:none;}
    .vw_academie header { padding: 10px 0 0 0!important; }
    .workshop_logo { margin-bottom: 25px;}
    .workshop {	width: 90%; padding: 30px 5% 3% 5%; -moz-border-radius: 10px;	-webkit-border-radius: 10px;	border-radius: 10px;	background-color: #e4f0f8;}
    .alle_vacs_vac { margin-bottom: 20px;}
    .mobiel_extra_menu { padding-left: 25px;}
    .vw_logo { font-size:19px;}
    .tom_logo { font-size: 28px;}
    a.eerste_menu_home, ul.slimmenu.collapsed li a.eerste_menu_tom { display:none!important;}
    .topnav ul#menu { width:100%!important;}
    .cat.six { width: 100%; height: 100%; }
    .banner.website { display:none;}
    .banner.home {height: 50px; padding-left: 3px;}
    .banner.website, .banner .banner.account_aanmelden, .banner.hoewerkthet { background-position: center; background-size:  100% auto; height:155px;}
    .banner.beheer_profiel, .banner.banner_talentenscan { width: 100%!important; height: 95px; }
    .verbergen, .mobile,  .gebruiker.hulpvrager, .gebruiker.organisatie 	{display:none;}
    .cat.one.mobile,
    .cat.two.mobile, .cat.three.mobile, .cat.four.mobile, .cat.five.mobile, .cat.six.mobile { display:block; width: 15%; float:left; height: 50px; background-size: 90%; background-position: center;}
    .cat_inner {display:none;}
    .profiel_top a { margin-bottom: 10px; padding: 5px 5px 5px 10px; margin-right: 10px;}
    .mijn_profiel { width: 100%;}
    .profiel_top .profiel_part.profiel_verwijderen:before, .profiel_top .profiel_part.profiel_uitloggen:before {
        display:none;}
    .profiel_part.profiel_uitloggen .verbergen  { display: block; font-size: 11px!important;}
    .profiel_part.profiel_verwijderen  { font-size: 11px!important;}
    .menu_overig { display:none;}
    #wrap_functies { display:none;}
    .aanmelden { display: none;}
    #content div.status { width: 15%!important}
    .block_half { width: 100%; margin-right: 0; }
    .hulpfuncties_phone { }
    .hide_topmenu { display:none; }
    .topnav { padding: 0 0 0 0;width : 100%; }
    .hide_adres { display:block;}
    .hide_nieuws { display:none;}
    .show_adres { display:none; }
    .functies_left {width:100%;padding:0 5px 0 ;}
    #toolbar { margin-left: 10px;}
    .extra_menu { width: 93%; overflow:hidden;  padding: 5px 2% 7px 4%; text-align: left; overflow:hidden!important;  justify-content: flex-end;}
    .topmenu_tom { display:none;}
    .extra_menu .topmenu_tom a.eerste_menu_tom { font-size: 0.9em!important; padding-top: 0!important;}
    .extra_menu .topmenu_tom a.eerste_menu_tom:after {font-size: 12px!important; top: 2px!important;}
    .beheerpanel { text-align: right; width: auto;}
    .extra_menu a.left { float: left; width:auto;display:block;padding: 4px 0 3px 10px; margin: 0 0 2px 10px; border-bottom: 1px dotted #ccc; border-left:1px solid #360!important}
    .extra_menu a.center { float: left; width: 95%;display:block; padding: 4px 0; text-align: center; border-left:1px solid #360!important}
    .extra_menu a { font-size:1.1em!important;}
    .extra_inloggen {float: right;}
    .midden_top { width: 97%; margin: auto;padding: 0 20px 0 0; }
    .midden { width: 100%; margin: auto;padding: 0 0 0 0; }
    #wrapper { width : 100%; margin:auto;}
    /*home */
    .homeblock_middle_wrap { display:none;}
    .homeblock.center.tom.desktop { display:none;}
    .homeblock.center.tom.mobile {display:block; margin-top: 10px;background-color: #dadfe7; border: 1px solid #dadfe7;}
    .homeblock.center.tom.mobile img { float:left; width: 25%;}
    .homeblock, .homeblock.middle.wrap  { width: 100%; height: auto; background-color: #eee; margin-bottom: 0; }
    .intro { padding: 5% 0; font-size: 17px;  overflow:hidden; line-height: 25px;}
    .home_button { width: 96%; display:inline-block; text-align: center; background-color: #e6356d; color:#fff; font-size: 30px; font-weight: bold; padding: 3% 2%;}
    .vrijwilligers-vacatures li { width: 100%; }
   .reageer_vacature, .vw_academie, .tekst-vacature {		width: 100%;		margin: 0;		padding: 0 0 20px ;	}
    #logo h1 a img { width: 76%; height: auto;}
    .content_home, .content_main, #content_vervolg {padding-top: 3%;width: 90%; padding:  5%; background-color: #fff;}
    #content_talentenscan { padding: 2% 3%; width: 94%;}
    #maincontent_vw_login, #maincontent {width : 100%; }
    #content {width : 100%; margin: 0 0 0 0;}
    .infopagina { width: 100%; margin: auto; }
    #aanmelden, #overzicht_beheer_org { width: 100%; margin: 15px 0 0 0; padding:0 0 0 20px;}
    .linkerkolom_login, .linkerkolom_info, .linkerkolom, .linkerkolom_org, .linkerkolom_form  {  width: 100%; min-height: 0!important}
    .linkerkolom_info.inloggen { display:none;}
    .header_logo {  height: 100%; padding: 0 ; }
    .header_logo.desktop {  display:none; }
    #bottom { width : 100%;}
    .vrijwilligers-vacatures { width: 90%; padding-left: 5%; padding-right: 5%; }
    .tekst-vrijwilligers { width: 90%; padding: 10px 30px 0 0;}
    #beheer { padding: 3% 1%;}
    .beheer_menu { margin: 0 0 0 20px;}
    .box_beheer ul {   margin: 0 0 0 20px;}
    #overzicht_beheer_org ul {  column-count: 1;}
    .box ul.white a { float:left; height: auto; }
    .website a, #footer a { display:block; margin: 5px 0;}
    textarea, label { width: 94%;  padding-bottom: 5px; display:inline-block; }
    select, input { width: 95%;}
    input[type="text"] { width: 94%;}
    #inschrijven_form #org_aanmelden_form  { width: 100%;}
    #inschrijven_form form#org_aanmelden_form fieldset { width: auto; display:inline-block; overflow:hidden;}
    #org_aanmelden_form { width:100%!important; background-color:#fff!important;}
    #maincontent_vw_login #org_aanmelden_form, .reageer_vacature #aanmelden form, #aanmelden form {width: 100%; padding:  3% 0  ;}
    .reageer_vacature #aanmelden fieldset {width: 100%;}
    #inschrijven_form fieldset { padding: 1% 0; margin-top: 10px}
    #talentenscan label.left { width: 90%; padding-left: 15px; border-bottom: 1px solid #eee; margin-bottom: 10px;}
    #talentenscan label { width: 30%;padding: 0 15px; float:left;}
    #talentenscan fieldset { padding: 2% 0 4%;}
    .login_box {margin: 0 2% 20px 3%; font-size: 14px; line-height: 23px; width: 95%; padding: 0 0 20px;   height: auto; }
    .vw_academie.talentenscan { width: 95%; padding: 0 2% 0 3%;}
    .talentenscan_img { width: 91%; margin: 2% 4% 0 ; display:inline-block; height: 150px; }
    #aanmelden ul.besch_row li { width: 25px; padding: 10px 0 7px 1px;}
    #aanmelden ul.besch_row.bold li { width: auto; padding: 10px 0 7px 7px;}
    #inschrijven_form .besch_checkbox input[type="checkbox"] { width: 23px; margin: 3px 0;}
    .besch_row_lef, .besch_row.bold { font-size: 9px;}
    .besch_row.bold {  padding: 0 0 0 4px; }
    .beschikbaarheid_vrijwilliger { margin-bottom: 15px; border-bottom: 1px solid #d7c6d6;}
    .workshop_logo img { height: 100px; width: 100%; }
    .recent_vacs.tom { display:none;}
    fieldset.rubrieken_menu_top.categ { width: 95%;  display:inline;}
    .vrijwilligers-vacatures header {  font-size: 1.4em; margin: 20px 0 5px;}
    .wrap_vac { width: 100%;  height: auto; overflow:hidden; }
    label.vac_card_left { color: #e6356d;}
    #aanmelden .besch_row_lef li {  padding: 10px 0 5px 0;}
    #aanmelden.besch_row.bold {  padding: 0; }
    #aanmelden ul.besch_row.bold  { padding: 0 0 0 ;}
    .vac_info .clt_details, .inloggen_form .vac_info label { width: 100%; }
    .footermenu_kopje.vrijw, .footermenu_kopje.org { width: 93%; padding: 20px 0 0; }
    .wijzig_profiel a { width: 90%; display:inline-block;}
    .wijzig_profiel {width: 15%; position: absolute; right: 35px;    }
    .wijzig_profiel.float_right { width: 100%; position:relative;}
    .profiel_box { background-color:#eee; padding: 15px; margin-bottom: 20px; border-radius: 12px; width: 90%; }
    .profiel_box.dashboard { background-color:#fff; padding: 0;}
    .org_info label { font-family: "Futura", sans-serif; font-weight: bold;}
    label.leeg { display:none;}
    a.profiel_gegevens.profiel_part.profiel_wijzigen {  padding: 5px 10px;margin-bottom: 20px;}
    .profiel_top {width: 100%; overflow:hidden; margin: 0 0 20px ;}
    .comment_box {width: 90%;}
    .profiel_part.profiel_uitloggen .verbergen {display:none;}
    .profiel_top a.profiel_part.profiel_uitloggen:before { font-family: FontAwesome!important; content: "\f08b"!important; color:#fff; display:inline; font-size: 18px;}
    .message_vacbank {
        width: 43%!important;
        height: auto!important;
        top: 54px;
        font-size: 0.8em!important;
    }
}

@media screen and (min-width: 40em) and (max-width:59.9999em) {
    .extra_menu {width: 52%; float:right; }
    #logo {background-size: 65%;width: 40%;height: 155px;    }
}
.message_vacbank {
    position: absolute;
    width: 60%;
    height: 15px; padding:10px 5px 10px 15px;
    top: 54px;
    border: 1px solid #ffb1b1;
    background-color: #ffefef;
    right: 17%;
    font-size: 1.2em; color:#c00; font-weight: bold;
}
/* HIER HET BEGIN VAN :  bigger monitor (>= ??? na iPad) */
@media screen and (min-width:60em) {
    a.mobiel_extra {   padding: 5px 8px 10px!important;  }
    .home_link_button {
        background: linear-gradient(90deg, #75cbee, #4f6cbc, #4f6cbc);
        background: -webkit-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
        background: -o-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
        background: -moz-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
        background: linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0098AD', EndColorStr='#66C1BF')";
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0098AD', EndColorStr='#66C1BF', GradientType=1);
    }
    .wslink a {  margin-left: 20%!important;}
    .wrap_flexslider {  margin-bottom: 25px;}
    .header_logo.mobiel {  display:none; }
    .mobiel_extra_menu { padding: 0;}
    .extra_menu a { font-size:1.4em!important;}
    .beheerpanel { width: auto; padding: 5px 25px 5px 10px;}
    ul.slimmenu li a.eerste_menu_aanmelden, ul.slimmenu li a.tweede_menu_tom { display:none!important;}
    .slimmenu_left, .topnav ul { float: left; }
    .cat.six .show { display:none;}
    .cat_small  {  background-size: 110% auto; transition:all 1000ms ease;}
    .cat_small:hover  {   background-size: 120% auto;}
    .banner { background-position: top left;  height:170px;}
    .banner.website, .banner.account_aanmelden, .banner.hoewerkthet {height: 170px;  background-size: 100% auto; }
    .banner.account_aanmelden, .banner.hoewerkthet { background-position: top center;}
    .banner.website {background-position: center;}
    .banner_demo_inner { width: 82%;padding: 0 9%;}
    .banner.beheer_profiel { opacity: 0.5; width: 100%!important; height: 170px; }
    .banner.beheer_profiel.org:after { content: "Beheerpaneel"; align-self: center; font-weight: bold; font-size: 3em; color:#fff;}
    .banner.beheer_profiel.org {text-align:center; display:flex; justify-content: space-around;}
    .banner.banner_talentenscan { width: 100%!important; height: 200px; }
    #wit { margin: 0; top: 0; width : 100%; padding: 0;position: absolute;z-index : 4000; overflow: hidden; height: 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;}
    header.top { background-color: #fff; height: 180px; display:flex; flex-wrap: wrap; flex-direction: revert; justify-content: flex-end;}
    #logo {float: left;height: 160px;width: 250px;background-size: 85% auto;background-position: 30px -15px;
    position: relative;top:-55px;}
    #logo h1 a img { width: 90%; height: auto;}
    #wrapper { width : 100%; }
    .topnav {padding: 0 0 0;width: 80%;float: right;top: 60px;    position: relative;}
    .hide_zoeken { width: 40%;}
    .hide_zoeken #zoeken { display:block; width: 100%;}
    .show_zoeken #zoeken {display: none;}
    .show { display:none;}
    .hide_adres { display:none;}
    .show_adres { display: none; width: 50%; float: left;}
    #wrap_functies { width: 16%; float:left;}
    .functies_left {   width: auto;   padding: 0 5px 0;}
    .midden { width: 100%;   padding: 0 0 0 10%; margin: auto; height: auto;  }
    .midden_top { width: auto; height: auto; overflow:hidden;}
    .extra_menu { width:50%; float:right; padding: 10px 25px 10px 0; text-align: right;  justify-content: flex-end;}
    .menu_overig { padding-right: 1%;width: auto;}
    .printable { padding: 0; width: 100%; overflow: hidden;}
    #maincontent {width : 70%;  }
    #maincontent_vw_login { width: 55%; float:left;}
    .linkerkolom_login { width: 35%; float:left; margin-right: 10%;}
    #content {overflow:hidden; width : 100%;}
    #content_vervolg,  #footer  {  padding-top: 3%; width : 80%;  padding-left: 3%; padding-right: 3%; margin-left: 7%; margin-right: 7%; margin-top: 3%;}
    .content_home { width : 93%;   margin-left: 5%; margin-right: 2%; margin-top: 3%;}
    #content_talentenscan { padding: 1% 3%; width: 80%;margin: 2% 7%;}
    .content_main {   width : 90%; padding: 3% 5%; }
    .content_main.home { width: 94%; padding: 3% 3% 6%;}
    .reageer_vacature, .vw_academie, .tekst-vacature {		width: 55%;		margin: 0;		padding: 0 0 20px 8%;	float:left;}
    .subnavigatie {		width: 33%;		min-height: 250px;		margin: 0 10px 0 0;		padding-right: 8px; float:left; }
    .infopagina { width: 70%; }
    #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_info, .linkerkolom, .linkerkolom_org, .linkerkolom_form { width: 28%;margin-right: 1%; padding-left: 3%; float:left;}
    .vrijwilligers-vacatures { width: 96%; padding: 2% 2% 3%;height: auto;}
    .tekst-vrijwilligers { width: 59%; padding: 10px 30px 20px; }
    #beheer { padding: 20px ;}
    #overzicht_beheer_org ul { column-count: 2;}
    .box ul.white a { float:left; height: 30px; }
    #content_vervolg .org_logo { float:right; border: 1px solid #eee;  -moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px;padding: 10px; margin: 10px 0 0 0;}
    .eerste_menu { float: left; width: auto; }
    /*home */
    .homeblock { width: 27%; height: auto; margin-left: 2%; margin-right: 2%;  padding: 1% 3% 3% 3%}
    .homeblock_middle_wrap  { width: 33%; height: auto;  }
    .homeblock.center { width: 76%; padding: 4% 10% 10% 10%; margin: 0 2% 8%;}
    .homeblock.center.img { width: 100%; padding:0; margin: 0; text-align: center; background-color: #f7f7f7;}
    .homeblock.center.img img {width: 95%!important; height: 100%!important;}
    .homeblock.center.tom.desktop { background-color: #dadfe7; border: 1px solid #dadfe7;}
    .homeblock.center.tom.mobile { display:none;}
    .textbox.home { padding:0 0 0 5%; font-size: 0.9em;}
    .intro {  font-size: 17px;  overflow:hidden; line-height: 25px;}
    .vrijwilligers-vacatures li {width: 28%;float: left;margin-left: 3%;margin-right: 2%;   }
    .maincontent_home { display:flex; justify-content: center; align-content: flex-start;}
    .maincontent_home ul.recent_vacs { width: 40%; float:left; margin-right: 5%;}
    .maincontent_home ul.recent_vacs .textbox.home { width: 55%;}
    a.tomindebuurt {float: left;	width: 35%;	}
    .home_button { width: 88%; display:inline-block;  color:#e6356d; font-size: 31px; line-height:55px}
    /* dashboard */
    .profiel_box.dashboard .aanmelden_links { padding-top: 0;}
    .aanmelden_links { width: 46%; padding-top: 3%; padding-right: 2%; padding-left: 2%;margin-right:2%; float: left;   border: 1px solid #eeeeee; background-color: #fff;}
    .aanmelden_rechts { width: 42%; padding-left: 3%;padding-right: 2%; padding-top: 3%;float: left;  border: 1px solid #eeeeee; background-color:#fff;}
    .aanmelden_rechts .profiel_box { border-bottom: 1px solid #e5c9d2; border-radius:0;}
    .aanmelden_rechts.account { width: 40%; padding-left: 8%; float: left;}
    .aanmelden_links.account { width: 52%; padding-right: 0; float: left;}
    .overzicht.hulpvragen { width: 65%; padding-left: 5%; float: left;}
    .overzicht.hulpvragen.main { width: 65%; }
    .pasfoto { width: 90%; float:right; height: auto;margin-bottom: 10px; overflow:hidden; min-height: 100px; }
    .overzicht_links { width: 70%; float: left;}
    .overzicht_rechts { width: 30%; float: left;}
    .profiel_box {  -moz-border-radius: 6px; -webkit-border-radius: 6px;  border-radius: 6px;
        margin-bottom: 10px;   }
    .profiel_beheren { width: 100%;  overflow: hidden;}
    .profiel_top a {    padding:  10px;margin-right: 15px;}
    .profiel_box label { width: 25%;}
    .profiel_hulpvraag_left .label_right { text-align:left; width: 57%; float: left; }
    .aanmelden_links .label_right { text-align:left; width: 53%; float: left; color:#707070}
    .profiel_hulpvraag label { width: 38%;padding-right: 2%;}
    .aanmelden_rechts label { width: 43%;}
    .profiel_top { padding: 5px 0 10px 10px;}
    .leesverder.right, .wijzigen.login.right, .toevoegen.plushulpvraag.right, .wijzigen.profiel.right {float:right;}
    .profiel_top { padding: 10px 0 0 ;}
    .form_col2_row.mijn_profiel #hulpvrager { margin-bottom: 10px;}
    .account_wijzigen, .afbeelding_toevoegen { border: 1px solid #eeeeee; padding: 15px; }
    .profiel_beheren .profiel_box.top .rubrieken li, .rubrieken li { width: 47%; float: left; margin-right: 10px; margin-bottom: 0; }
    .profiel_box .rubrieken.advertentie li { width:50%; float: left}
    .profiel_box.dashboard label { font-weight: normal!important; line-height: 20px;}
    .hulpvragen.main form {margin: 35px 0; padding:40px 0 20px 0;}
    fieldset.margintop { margin-top: 25px;}
    .rubriek_desktop { width: 45%; float: left; }
    .kolommen { column-count: 2; column-gap: 100px;}
    .profiel_beheren fieldset { width: 100%;}
    .product_text_inhoud { min-height:185px;}
    .mijn_advertenties { font-size: 1.3em;}
    .tekst_box.inloggen  { width: 90%!important; border-top: 1px solid #DABFDC; padding-top: 15px;}
    #aanmelden form#inloggen_form { width: 50%; }
    #inschrijven_form form#inloggen_form { width: 60%; }
    #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:#e6356d; font-size: 19px;}
    #inloggen_form label , .aanmelden_links label {width: 42%; }
    .aanmelden_links input[type="text"], .aanmelden_rechts input[type="text"] { width: 48%;}
    #inloggen_form label, .aanmelden_links label, .aanmelden_rechts label {    float: left;}
    #beheer {  width:100%;  padding: 0 0 3% ; margin:  auto; }
    ul.slimmenu li .sub-toggle::before { margin-top: -21px;}
    .org_info label {float:left; width:33%; font-family: "Futura", sans-serif; font-weight: 500;}
    /* vacatures */
    .workshop_logo {height: auto;	margin: 20px 0 !important; float: right !important;	width: 28%;	padding: 2%; border: 1px solid #e3e3e3; }
    .workshop {	border: 1px solid #eee;	width: 92%; padding: 30px 3% 3% 4%; -moz-border-radius: 10px;	-webkit-border-radius: 10px;	border-radius: 10px;background-color: #fff;	}
    .ws_info_small {	width: 65%; padding-right: 2%; float: left; line-height: 35px;}
    .vac_card { float: left; width: 100%;}
    .vac_card_left { float: left; width:30%;}
    .clt_details { width: 65%;}
    ul.veel_checkboxes { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
    #aanmelden  ul.checkboxes_FloatLeft.column3 { padding: 0 0 10px; 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; }
    #org_aanmelden_form label { width: 34%; padding-right: 2%; float:left;}
    #org_aanmelden_form input { width: 45%;}
    #beheer #inloggen_form_org form, #beheer #inloggen_form_vrijw form { width: 50%!important;}
    label.leeg, label { width: 35%; float:left;}
    #aanmelden form {width: 88%;}
    #inschrijven_form input { width: 60%;}
    textarea { width: 60%;}
    select.select_small { width: 5%; }
    .reageer_vacature #aanmelden form {width: 80%; border:1px solid #eee;}
    .vw_academie.talentenscan { width: 90%; padding: 0 5%;}
    .talentenscan_img {  float:left; width: 29%; margin: 1% 6% 0 2%; display:inline-block; height: 150px; }
    #talentenscan label.left { width: 30%; padding: 3% 5% 0 0;}
    #talentenscan input[type=radio] {}
    #talentenscan label { width: 8%;padding: 3% 15px 0 0; float:left;}
    #talentenscan fieldset { padding: 2% 0 ;}
    #alle_vacs ul{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
    .login_box {margin: 0 2% 0 0; font-size: 14px; line-height: 23px; width: 27%; padding: 2% ;   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;}
    .beschikbaarheid_vrijwilliger { padding: 0 3%;}
    #aanmelden form { padding:  3% 4% ;}
    .beschikbaarheid_vrijwilliger { background-color: #f7f7f7; width: 94%; border: 1px solid  #dedede;  margin: 15px 0;}
    .workshop_logo img { height: auto;max-width: 100%;width: 95%;	}
    .maincontent_home ul.recent_vacs {display:inline-block; }
    .vrijwilligers-vacatures header {  font-size: 1.4em; margin: 10px 0 20px 3%;}
    .wrap_vac { width: 100%;  height: auto; overflow:hidden; }
    .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;}
    #aanmelden .besch_row_lef li {  padding: 10px 0 5px 5px;}
    #aanmelden.besch_row.bold {  padding: 0; }
    #aanmelden ul.besch_row.bold  { padding: 0 0 0  3px;}
    .vac_info .clt_details { float:left;}
    .inloggen_form .vac_info label { width: 25%!important; float:left;}
    #footer a {  border-left: 1px dotted #c3c3c3; margin-left: 10px;}
    .footermenu_kopje.vrijw { border-left: 1px solid #c3c3c3;}
    .footermenu_kopje.org {  width: auto; }
    .footermenu_kopje { padding: 0 15px; width: auto;}
    .vw_reageren {  width: 60%;}
    .vac_home_org   {height: 60px;}
    .wrap_org { column-count: 2; column-gap: 4%;  -moz-column-count: 2; -moz-column-gap: 4%; -webkit-column-count: 2;
        -webkit-column-gap: 4%;   }
    .wijzig_profiel a { float:right;}
    .wijzig_profiel { width: 100%;}
    .wijzig_profiel.float_right {float:right!important;width: auto;}
    #inschrijven_form fieldset { padding: 1% 2%; margin-top: 10px}
    a.profiel_gegevens.profiel_part.profiel_wijzigen { float:right!important; position: relative; top: -40px; padding: 5px 10px;}
    .profiel_top {width: 100%; overflow:hidden; margin: 0 0 20px ;}
    .profiel_box.dashboard .workshop_logo { float:left!important;}
}

.actueeltekst {  color:#fff; margin-top: 5%; }
.actueeltekst h2 { color:#fff;}
.actueeltekst .intro {background-color:#262551;margin-top: 20px;}
.actueeltekst .intro p, .actueeltekst .intro h1, .actueeltekst .intro h2, .actueeltekst .intro h3 {margin: 5% 5% 2% 5%; }
.actueeltekst h2 { line-height: 55px; text-indent: 5%; background-color:#4f6cbc;}
.actueeltekst .img { height: 100%!important;  width: 100%!important; margin-bottom: -7px;}
.actueeltekst .home_button { width: 100%; }
.pagination li { float:left; width: auto; list-style-type: none; color:#e6356d; padding: 2px 0; }
.pagination li:before { content: "-"; padding: 0 3px 0 0;}
.pagination li a { border: 1px solid #e9d2eb; padding: 0 5px; margin-right: 10px; display:inline-block; }


/*//// END MEDIA QUERIES ////*/
.ws_info_small { line-height: 18px;}
.vac_card {margin-bottom:10px;}
.ws_info_small .alle_vacs_vac { margin-bottom: 20px;}
.login_box.right { padding: 0 2% 2%;}
.breadcrumb .rubrieken_menu_top.pink { background-color:#fff; padding: 0 0 10px 0!important;}
.login_box.org { background-color: #f8ebf6;}
.login_box.vw {background-color: #fae7ef;}
#maincontent_org_login { width: 100%;}
.checkboxes_vacature { width: 100%;}
#org_aanmelden_form label.label_lang { width: 100%; color: #333; font-weight: bold; overflow:hidden; padding:20px 0 10px; }
.workshop { margin: 20px 0 40px 0;	color: #262551;	height: auto;			}
.wslink {	width: 100%;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;	border-radius: 4px; }
.wslink a {   display: inline-block;	color: #fff; padding: 7px 15px; background-color: #e6356d; 	text-align: right;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;	border-radius: 4px;	 }



/*//////// VACATUREBANK ///////*/
.wsinfo:after { content:"."; color:#fff;}
.doelgroep_box.noborder { border-bottom: 1px solid #fff;}
.doelgroep_box { overflow:hidden; width: 98%; margin-bottom: 20px; padding-bottom: 15px;border-top: none; border-bottom:1px solid #f5f5f5; border-right:none; border-left:none; font-size:1.1em; /* -webkit-box-shadow: 3px 5px 8px 1px #ccc;    box-shadow: 3px 5px 4px 1px #eee;   -moz-box-shadow: 3px 5px 8px 1px #ccc; */ border-bottom: 1px solid #eee;  }
.doelgroep_box legend { padding: 0; color:#e6356d; font-size: 1.2em; font-weight: bold;}
.doelgroep_box.top legend { padding: 0; color:#e6356d; font-size: 1.2em;  font-weight: bold;}
.doelgroep_box.top { overflow:hidden; width: 100%; margin-bottom: 15px; padding-bottom: 15px; font-size: 1.2em!important;  -webkit-box-shadow: none;    box-shadow: none;   -moz-box-shadow: none; }
.doelgroep_box.top .wsinfo.detail { font-size: 1em!important;}
header.aanbod_organisatie { font-weight: normal; font-size: 14px; color:#262551;}
header.aanbod_organisatie a {}
.website_organisatie { font-weight: normal; font-size: 14px; color:#262551; width: 100%;}
.website_organisatie a { color:#262551; text-decoration: underline;}
.wrap_extrainfo { width: 100%; overflow:hidden;}
.korte_vac_info { padding: 15px 0;}
.vw_academie ul { padding: 10px 0 10px 18px}
.vw_academie header  {	font-weight: bold;	color: #e6356d;	margin-bottom: 10px;	overflow: hidden;	font-size: 27px;	display: inline-block;	line-height: 30px;	width: 100%; font-family: "Oswald", sans-serif;}

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

.textbox.home.tom { line-height: 25px; font-size: 16px; color:#262551; font-weight: bold; padding: 25px 20px 25px 35px;}

.alle_vacs_vac h3 a {  color:#262551;  font-size: 22px; font-weight: 500; margin: 5px 0 10px; line-height: 25px; font-family: "Oswald", sans-serif; }
.alle_vacs_organisatie h2 { color:#262551;  font-size: 16px;}

/* DAGDELEN SJABLOON */
.besch_checkbox { float:left; width: auto;}
.besch_dag { display:none;}
ul.besch_row { column-count: 7;}
.beschikbaarheid_vrijwilliger li {list-style-type: none;margin: 0;	padding: 10px 0 7px 5px; overflow: hidden;}
#aanmelden ul.besch_row.bold  { font-weight: bold;  border-bottom: 1px solid #e5e5e5;}
#aanmelden ul.besch_row { overflow:hidden; padding: 0; border-bottom: none;}
ul.besch_row_lef { border-bottom: none!important; padding: 0 0 7px 0!important;border-right:1px solid #e5e5e5 !important}
ul.besch_row.bold, ul.besch_row_lef.top { border-bottom: 1px solid #e5e5e5 !important;}

ul.besch_row_lef.top  li { padding-bottom: 0!important;}
.besch_row.bold:before {display:none;}
.beschikbaarheid_vrijwilliger {width: 92%; border: 1px solid #e5e5e5; padding: 1% 3% ; margin: 15px 0;}
.besch_row_lef li { width: 100%; font-weight: bold;}
.beschikbaar_links { float:left; width: 15%;}
.beschikbaar_rechts {float:left; width: 85%;}
.beschikbaar_links .besch_row_lef li { padding-bottom: 13px;}
.row {width: 100%; display:inline-block; height: auto;}

/*//// SUBNAVS //////*/
.hide_subnav {	width: 100%;}
#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: ""; }
fieldset.rubrieken_menu_top.pink { }
fieldset.rubrieken_menu_top ul { width: 97%; display:inline-block; overflow:hidden; }
fieldset.rubrieken_menu_top { 	margin-bottom: 10px;padding: 10px 10px 10px 14px; -moz-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px; color:#262551!important ;
    background: linear-gradient(90deg, #75cbee, #4f6cbc, #4f6cbc);
    background: -webkit-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: -o-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: -moz-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#75cbee', EndColorStr='#4f6cbc')";
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#75cbee', EndColorStr='#4f6cbc', GradientType=1);
}
fieldset.rubrieken_menu_top.pink { background-color:#75cbee; }
.comments.blauw {	color: #fff; font-size: 16px;	padding: 5px 0 10px;}
.rubrieken_menu_top.pink a { color:#fff; margin-bottom: 10px; display:inline-block;}
form.rubrieken_menu { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
.rubrieken_menu ul {	padding: 5px 0 0;	margin-bottom: 10px;}
.rubriekkopje.light {	color: #fff;}
.rubrieken_menu li { width: 100%; color:#fff;	padding: 5px;	margin-bottom: 3px;	list-style-type: none;	font-size: 1.2em;}
.rubrieken_menu input {	margin-right: 7px;}
input[type="checkbox"], input[type="radio"] {	margin: 4px 5px 8px 0;	-moz-border-radius: 0;	-webkit-border-radius: 0;	border-radius: 0;}
select, input, textarea { padding: 4px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
fieldset.selectdatum {	border: none;	background-color: #ddd;	padding: 20px 10px 20px 14px;	margin-bottom: 10px;	-moz-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px;}
.rubriekkopje.groen {	color: #824f85;}
.rubriekkopje {	font-weight: bold;	margin: 5px 0;	width: 100%;	font-size: 18px;	height: 30px;}
.selectdatum label.breed {	width: 100%;	color: #824f85; font-size: 16px; 	display: inline-block;	margin: 0 0 5px;}
.rubrieken_menu input {	margin-right: 7px;}
.hide_subnav li a {	padding: 7px 10px 10px 0; margin-bottom: 7px;	color: #e6356d;	font-size: 17px; display: block;	border-bottom: 1px solid #eee;}
.hide_subnav li a:before, ul.sub_cont a::before, .wijzig_login:before, .gereageerd_op li a:before  {font-family: fontawesome;}
.hide_subnav li a:before { content: "\f105";  display:inline; padding-right: 7px; color:#999;}
a.compleet_aanbod {	font-weight: bold;}
ul.sub_cont a::before {	content: "\f054";	color: #ccc;	padding-right: 15px;	display: inline;	font-size: 10px;}
.subnavigatie header.categorien.workshops {	display: block;	color: #262551; font-weight: normal;font-family: "Oswald", sans-serif;}
.subnavigatie .categorien {		padding: 0 0 10px 0;	margin-top: 5px;margin-bottom: 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;	border-radius: 4px;}
.subnavigatie header {	overflow: hidden;	padding: 5px 0 15px;	font-weight: normal;	font-size: 1.4em;	color: #262551; font-family: "Oswald", sans-serif;}
.profiel_hulpvraag label.breed {width: 100%;}
ul.sub_cont {	margin: 30px 0 10px 0;	padding-left: 0;	padding-bottom: 10px;	height: 100%;}
.sub_cont {	padding: 0 0 15px 0;	margin: 5px 50px 15px 0;	overflow: hidden;}
/*/////////////////*/
.maincontent_home { width: 100%; padding: 0 0; height: auto;}
.mobiel_extra_menu { width: auto; padding: 5px 0; float:right;}
.mobiel_extra_menu a:after, .beheerpanel a:after { content: "|"; font-weight: normal; padding-left: 10px; font-family: "Oswald ExtraLight", sans-serif; position: relative; top: -4px; font-size: 12px;}
.mobiel_extra_menu a:hover:after, .beheerpanel a:hover:after {color:#b80e80;}
.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:#d6006a!important;}

.aanmelden_links .vac_info {width: 75%!important; padding-right: 2%;}
.mijn_advertenties .wijzig_login { font-size: 25px;line-height: 25px;}
.wijzig_login:before { content:"\f090"; font-size: 30px; margin-right: 10px; color:#e6356d ; float: left;}
.geen_hulpvraag { width: 100%; height: auto;}
.gereageerd_op li { padding: 10px 0 0!important; }
.gereageerd_op li a { padding: 10px;  color: #262551!important; font-size: 16px; width: 90%; border: 1px solid #DEA2C6; background-color:#EED5E5}
.gereageerd_op li a:hover { }
.gereageerd_op li a:before { content:"\f007"; padding-right: 10px; display:inline; font-size: 25px; color: #b80e80;
}
#beheer .vac_info {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-color: #f2eff9;
    color: #262551;
    width: 95%;
    height: auto;
    padding: 15px 2% 15px 3%;
    margin: 15px 0 20px;
    border: 1px solid #f4d5f4;
    line-height: 30px;
    overflow: hidden;
}
.aanbod_overzicht a { font-weight: normal; font-size: 16px; color:#2056ab; padding: 3px 0; display:inline-block;}
.aanbod_overzicht a:hover { color:#e6356d;}

/* DASHBOARD NIEUW */
/* opmaak hulpvragen */
.profiel_hulpvraag_left { padding-top: 25px;}
ul.profiel_hulpvraag li { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color: #f2eff9;
    color: #262551; width: 95%;height: auto; padding: 15px 2% 15px 3%; margin: 15px 0 20px; border: 1px solid #f4d5f4; line-height: 30px; overflow:hidden;}

.hvi.categorie, .hvi.anders, .hvi.vraag, .hvi.naam, .hvi.datum {width: 100%; display:inline-block; margin-bottom: 4px;  padding: 4px 0 4px;}
.hulpvraag_plaatsen label, .hulpvraag_plaatsen label.breed, .aanbod_plaatsen label, .aanbod_plaatsen label.breed { font-size: 17px; display:block; margin-bottom: 4px;}


.profiel_hulpvraag_left { width: 100%; float: left;}
.profiel_hulpvraag_right  { width: 100%; float: left; border-bottom: 1px solid #eeeeee; padding-bottom: 10px;}

.label_right:before { display:inline-block; content: "";}
.profiel_hulpvraag .label_right {  color:#666;line-height: 13px;  }
.profiel_hulpvraag .label_right.first {border-top: none; }

.label_right:before {display:inline-block; content:"."; color:#f5f5f5; font-size: 0;}
.profiel_hulpvraag label { overflow:hidden; vertical-align: top; color:#e6356d ;   float:left; line-height: 18px; padding-bottom: 3px; margin-bottom: 5px;}
.label_right.org { line-height: 19px;}
.label_right strong { font-weight: normal;}

/* aanmelden / inloggen */
form input.plaats, form input.woonplaats, form input.straatnaam, input[type="text"].adres {
    width: 35%!important;}
input[type="text"].huisnr {	width: 11%!important;}
form input.pc, input.antispam {	width: 11%!important;}
.aanmelden_links header.header_klein, .aanmelden_rechts header.header_klein {	font-size: 18px; font-weight: bold;	width: 100%;	color: #262551;
    padding: 0 0 5px;}
.wrap_aanmelden header.groen { margin-bottom: 25px;}

.ga_verder::after, legend.aanmelden_legend:before, .profiel_part.profiel_verwijderen:before, .profiel_part.profiel_uitloggen:before, .profiel_part.profiel_afbeelding:before, .profiel_top .profiel_part.mijn_profiel:before, .profiel_top .profiel_org:before, .beheer_overzicht_wijzig:before, .beheer_overzicht_verwijder:before  { font-family: fontawesome;}
.ga_verder::after {	content: "\f054"; display: inline;	color: #ccc;	margin-left: 10px;}
.aanmelden_rechts legend.aanmelden_legend {	color: #262551;	padding: 10px 0;	font-size: 18px!important;}
.aanmelden_rechts legend {	font-size: 1.1em;	margin: 0 !important;}
legend {	font-weight: bold;	margin: 0 0 15px 0;}
legend.aanmelden_legend:before {display: inline;	content: "\f090";	font-size: 18px!important;
    color: #ccc;	margin-right: 10px;}
.beheer_front {	width: 98%;	padding: 0 0 0 2%;}

/* menu */

a.profiel_gegevens.profiel_part.profiel_wijzigen, .profiel_top a { background-color: #8ca8d3;
    float: left; width: auto; color:#fff; -moz-border-radius: 6px ; -webkit-border-radius: 6px; border-radius: 6px;}
 .profiel_top a { background-color:#4f79bc;
    float: left; width: auto; color:#fff; -moz-border-radius: 6px ; -webkit-border-radius: 6px; border-radius: 6px;}
.profiel_top a:hover { background-color: #5fa3e5; color: #fff !important; }
.profiel_part.profiel_verwijderen:before, .profiel_part.profiel_uitloggen:before {  font-size: 20px;  display: inline-block;  font-weight: bold; padding-right: 10px;}

.paginatitel a.profiel_part.profiel_wijzigen, a.beheer_overzicht_wijzig {  background-color:#e6356d;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px 10px 5px!important; color:#d3e4f6; font-size: 15px; font-weight: normal; margin-left: 20px;}
.paginatitel a.profiel_part.profiel_wijzigen:hover, a.beheer_overzicht_wijzig:hover { background-color:#e6356d ;}
.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;  display: inline-block; color:#fff; font-weight: bold; padding-right: 10px;}
.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_part.profiel_verwijderen:before, .profiel_top .profiel_org.org_verwijder:before {content:"X"; color: #f83939; font-weight: bold;}
.profiel_part.profiel_wijzigen:before, .profiel_top .profiel_org.org_wijzig:before {content:"\f040"; font-family: FontAwesome;}
.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:#fff;}


.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;  display: inline-block; color:#c00; 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:#4f79bc; color:#fff;
}
.profiel_top a.profiel_org.org_verwijder:hover,
.profiel_top a.profiel_part.profiel_verwijderen:hover  { background-color: #5fa3e5; color: #fff !important;
}

.profiel_top a.profiel_org.org_uitloggen, .profiel_top a.profiel_part.profiel_uitloggen {background-color:#e6356d; color:#fff!important;
}

.profiel_top a.profiel_org.org_uitloggen:hover,
.profiel_top a.profiel_part.profiel_uitloggen:hover {background-color: #b92b58;
}
/* ========== */
.wrap_beheer { width: 100%; }
.selectbutton, .profiel_beheren .selectbutton {   float: left;}
.selectbutton.day  { background-color:#429938; border: 1px solid #429938;}
.selectbutton.day.blauw, .selectbutton.month.blauw, .selectbutton.year.blauw, .selectbutton.sex.blauw   { background-color:#e6356d ; border: 1px solid #e6356d ;}

.selectbutton {    cursor: pointer;  border: 1px solid #429938;   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 {  background-color: transparent; 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;}

.selectbutton.day {   width: 27%; }
select.select.day {    width: 135%;}
.selectbutton.month { width: 31%;}
select.select.month {  width: 130%;}
.selectbutton.year {  width: 35%; margin-right: 0;}
select.select.year {  width: 130%;}
select.select.sex {  width: 130%;}
.selectbutton.sex {  width: 80px;}


.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:#000;}
select.select {  cursor: pointer; background: transparent none repeat scroll 0 0;  border: none;  color: #fff; font-size: 15px; font-weight: bold;}

.selectbutton.particulier { margin-top: 10px;}
.commentaar { display:inline-block; font-size: 14px; width:90%;color:#429938; background-color:#e4f4e3 ; 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:#798db1; 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 {    width: 95%;    overflow: hidden;}
ul.profiel_hulpvraag { width: 99%;}

#beheer #inloggen_form_org form, #beheer #inloggen_form_vrijw form { background-color:#fff;}
.profiel_box, .profiel_beheren { overflow:hidden;}
.profiel_beheren .selectbutton {   float: left;}
#beheer .profiel_box header, .profiel_beheren header {   color: #262551;  font-size: 1.3em;  margin: 0 0; padding: 10px 0 10px 0; display:inline-block; width: 100%;}
label.leeg { color:#fff; }
label.leeg:before { display:inline-block; content:""; }

.tekst_box.inloggen { color: #262551; }
.tekst_box.inloggen a { font-weight: bold; color:#262551; }

.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 #ccc;}
.profiel_box.dashboard { border:none!important; width: 100%;}
.profiel_box.top, .advertentie_plaatsen { padding: 15px; line-height: 30px;}

.advertentie_plaatsen, .account_wijzigen { -moz-border-radius: 12px ; -webkit-border-radius: 12px; border-radius: 12px;overflow:hidden;}
.advertentie_plaatsen, .account_wijzigen, .profiel_box.top label { color:#000; font-weight: 600; }
.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;}
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:#e6356d ;  font-weight: bold;}
.kopjeBlauwGroot { color:#e6356d ; font-size: 17px; font-weight: bold; padding: 10px 0 20px;}

/*//////////////*/

.bedrijfsinfo h4 { margin: 0 0 15px 0; font-size: 27px; font-family: 'Oswald', sans-serif; color: #e6356d; font-family: "Oswald", sans-serif;}
.org_kopje_hoofd {  width: 100%;  font-weight: bold; color: #262551; font-size: 16px; margin: 0 20px 10px 0;padding: 0 50px 10px 0; border-bottom: 1px dotted #369fc2; }
.kopje_vac_label {  font-weight: bold; color: #369fc2; font-size: 16px; margin: 0 10px 0 0; }
.kopje_vac {  font-weight: bold; color: #262551; font-size: 18px;  }
.org_info_extra { width: 100%; margin: 0 0 10px 0;}
.org_logo {
    width: auto;
    margin: 0;
    padding: 2%5%;
}

.org_logo img { max-width: 100%; height: auto;}
.org_kopje_extra, .org_kopje { width: 100%; font-weight: bold;  color: #262551; font-size: 16px; margin: 10px 0 10px 0;padding: 0 0 5px 0; }
.org_kopje { font-family: 'Oswald', sans-serif; color:#e6356d; font-size: 1.2em;}
.left_org_kopje { width: 100%; font-weight: bold; color: #262551; 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; border-bottom: 1px solid #eee; }
.org_info li { margin: 0; padding: 3px 0 0 ; list-style-type: none; overflow:hidden;}
.org_info .clt_details { font-weight: normal;}

.bedrijfsnaam { font-size: 16px; color: #262551; margin: 0 0 ; padding: 5px 0 10px}
.info_vac { width:100%; font-weight: bold; color: #e6356d; font-size: 16px; margin: 5px 0 15px 0;padding: 0 0 10px 0; border-bottom: 1px dotted #e6356d; }
.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;}

.org_info_hoofd { width: 91%; margin-top:40px;  padding: 2% 4%; border: 1px solid #e5ebfd; background-color:#fff;}
/*.org_info_hoofd { width: 100%;  padding: 0 0 10px 0; }*/
.org_info_hoofd label { width: 100%; font-weight: bold;}
.organisatie { color: #262551; font-size: 15px; line-height: 21px; }
.bedrijfsinfo .org_info { padding-top: 25px;}
/*////////////////*/


.vw_reageren { display:block;  overflow:hidden; border-bottom: 1px solid #eee; float:none!important}

#profiel_vacature { width: 100%;  background-color:#f9edf9; margin: 0 0 20px 0; }
.mijn_vacatures { width: 99%; background-color: #369fc2; color: #fff; padding: 5px 20px ; font-weight: bold; font-size: 14px;}
.box {  height: auto;  margin: 10px 0; width: 100%;}
.box ul { margin: 0; padding: 0; height: auto; clear: both;}
.box li  { list-style-type: circle; padding:  5px 0; margin: 0 0 0 0; overflow: hidden;}
.box ul.rubriek_aangemeld li:before { content:"\f105"; display:inline-block; font-family: fontawesome; padding-right: 5px;}
.kopjeDasboard { color: #262551; 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 { height: auto; line-height: 22px; padding: 0 10px 0 0;  }
.profiel_beheren a { padding:0 0 15px 0; font-weight: normal;text-decoration: none;color: #e6356d  !important}
.profiel_beheren a:hover { color: #e6356d!important}
.profiel_beheren ul { margin: 0; padding: 0; clear: both; width: 100%;}
.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;}
.rubrieken ul {overflow:hidden; width: 98%; padding: 15px 0 0 0;}
.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: 10px; overflow:hidden; width: 100%; display:inline-block;}
a .bold:hover { color: #000;}

.beheerpanel_wijzig li a { width: 100%; display: block; color:#e6356d ;}
.beheerpanel_wijzig li a:hover { border-bottom: 1px dotted #e6356d ;}
.profiel_box { -moz-border-radius: 6px ; -webkit-border-radius: 6px; border-radius: 6px; display:inline-block;}
.profiel_beheren fieldset { padding: 20px 0; margin: 0 0 20px 0; border-bottom: 1px dotted #eeeeee; overflow:hidden;}
fieldset.hulpvraag_plaatsen  { padding-top: 0;}
.profiel_beheren legend { font-size: 1.3em; color:#e6356d ; 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 20px 0; padding-left: 0; font-weight: bold;}
.profiel_box.top .paginatitel { font-size: 1.3em; color:#e6356d ; 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:#3c4a8e;
}
.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:#b80e80; border: 1px solid #b80e80!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 #e6356d;}
input.button:hover, input.btn.inloggen:hover { background-color: #cb8ec2; border: 1px solid #cb8ec2!important; color: #fff !important; }
input.button, input.btn {  background-color: #e6356d;  border: 1px solid #e6356d!important;  border-bottom: none;  font-size: 15px;  -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px;  border-radius: 4px;  color: #fff!important; cursor: pointer; padding: 7px 15px 10px !important;  width: auto !important; }
.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:#e6356d; 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;}

.main-tekst header.groen .header_klein { font-size: 17px;}
.inloggen_form fieldset { padding: 5px 0 20px;}
.inloggen_form.login_known .error, .inloggen_form.login_unknown .error { display:block;}
.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; }



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;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.profiel_beheren a.contact_toevoegen, .bekijken.reacties, .wijzigen.hulpvraag { background-color: #f4c0d0; color: #e6356d !important;  margin-right: 15px;}
.bekijken.reacties:hover,  .wijzigen.hulpvraag:hover { background-color: #b92b58 !important; color:#fff!important; }

.toevoegen.plushulpvraag {  background-color: #e6356d; margin-right: 20px;}
.toevoegen.plushulpvraag:hover { background-color:#b92b58; color: #fff!important; }
a.leesverder {  background-color: #e6356d ;
    background: linear-gradient(90deg, #75cbee, #4f6cbc, #4f6cbc);
    background: -webkit-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: -o-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: -moz-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#75cbee', EndColorStr='#4f6cbc')";
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#75cbee', EndColorStr='#4f6cbc', GradientType=1);
}
.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:#999;}
.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: 18px;  margin-right: 10px; }
.toevoegen:before { content: "\f067";  font-size: 18px;  margin-right: 10px; }
.bekijken:before { content: "\f063";  font-size: 18px;  margin-right: 10px; }
.beheren.profielen:after, .leesverder:after, .toevoegen:before, .bekijken:before, .wijzigen:before { display: inline-block;  font-family: "fontawesome";}
a.leesverder, .toevoegen, .wijzigen, .bekijken, span.wijzigen, span.verwijderen, .profiel_beheren a.contact_toevoegen {display:inline-block;  color: #fff;    padding: 7px 15px;}
a.leesverder { margin-top: 15px;}

.paddingtop { padding-top: 20px!important;}

.main-tekst header.groen a.handleiding, .handleiding {  font-size: 14px!important; font-weight:bold;}
.meerinformatie {color:#262551; padding: 5px 0; border-top: 1px dotted #ccc;}

.main-tekst header.groen { color:#262551; font-size: 1.7em; font-weight: bold;}
.groen { color:#262551; }
a.groen { color:#262551; background-color:#eee; padding: 0 5px;  }

/* beheer > organisatieprofiel */
#org_aanmelden_form label { line-height: 18px;color:#262551; font-size: 17px; }
#org_aanmelden_form input.btn { border: 1px solid #262551;}
.box.logo img { background-color:#f5f5f5; max-height: 175px;}

/*.box.logo:before { content:"\f1c5"; font-size: 100px; color:#f5f5f5;}8?
/* /////// 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.naam:before, .organisatie.naam:before {  font-size:20px; font-family: fontawesome; color:#e6356d ;  padding-right: 20px; display:inline-block; }
.hulpvrager.naam:before { content:"\f007";   }
.organisatie.naam:before { content:"\f19c";  }


.hulpvrager.categorie {width: 100%; padding: 10px 0 5px; overflow:hidden; }
.hulpvrager.vraag {width: 100%; padding: 10px 0 20px; color:#e6356d; font-weight: bold;overflow:hidden; }
.hulpvrager.vraag .bold { font-size: 15px; color:#666; font-weight: normal;}
.hulpvrager.datum {width: 100%; font-weight: bold;}
.hulpvrager.datum .bold, .organisatie.naam .bold {color:#e6356d;}
.organisatie.naam, .hulpvrager.naam {width: 100%; padding: 0 0 5px; float: left; line-height: 30px;}
.hulpvrager.naam .bold {color:#e6356d;}
.hulpvrager.omschrijving { padding-top: 15px; display:inline-block; border-top: 1px dotted #ccc; margin-top: 20px; width: 100%;}
.hulpvrager.omschrijving .bold { font-weight: bold; }

.overzicht.hulpvragen header { margin-bottom: 30px; }
.hulpvrager.categorie .bold { color: #e6356d; }
.hulpvrager.vraag .bold { font-weight: bold;}
.pasfoto.main { width: 25%; padding-right: 5%; float: left;}
.content_main div.btn.bekijken, .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:#e6356d  ;}
input, textarea, select { border: 1px solid #ccc;}
textarea { padding: 4px 10px;}
.leftcolum header { color:#e6356d; font-size: 1.5em!important; margin:0 0 20px; display:block; overflow:hidden; width: 100%;}
.leftcolum legend { font-size: 1.3em;}
.overzicht.hulpvragen.main  legend	{ color:#e6356d; font-size: 25px; margin-bottom: 15px; display:block; overflow:hidden; width: 100%; line-height: 30px;}



.hulpvraag_main { overflow:hidden; padding-top: 50px;}
.hulpvraag_main_top { border: 1px solid #eee; padding: 20px 20px 30px; overflow:hidden;}
.pasfoto img { max-width: 75%; border: 1px solid #eee; padding: 5%; height: auto; margin: 5px 0; float:right; }
.hulpvraag_main .hulpvrager.datum { text-align: left;}
.hulpvraag_main .pasfoto img { max-width: 80%;}

.hulpvragen.main form { overflow:hidden; width: 100%;  display:inline-block;}
.hulpvragen.main fieldset { width: 100%;}
.hulpvragen.main form label { font-weight: bold; font-size: 23px;}

.rubrieken_menu input[type="checkbox"] { float: left; margin:0 10px 0 0; width: 20px; height: 24px}
.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:#e6356d ;}
.btn.blauw:hover { background-color:#ccc;}

.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;}
/*/////////*/
/*top*/ {	box-shadow: 0 -5px 5px -5px #262551;	}
/*right*/  {box-shadow: 5px 0 5px -5px #262551;	}
/*bottom*/  {box-shadow: 0 5px 5px -5px #262551;	}
/*left*/  {	box-shadow: -5px 0 5px -5px #262551;}
/*all*/ {	box-shadow: 0 0 5px #262551;}


.main-tekst.hulpvraag { margin-top: 0; /*-webkit-box-shadow: 0px -5px 23px -6px #999;
-moz-box-shadow: 0px -5px 23px -6px #999; box-shadow: 0px -5px 23px -6px #999;*/
}
/*//// END DASHBOARD NIEUW /////////////////////////////////////////////////////////*/
form.contactinfo { padding: 25px 0;}
form.contactinfo label { width: 25%; float: left;}

.logo_upload input#image { background-color:#fff;}
.logo_upload label { font-weight: normal; color:#262551; padding-right: 10px;}
.org_logo_dashboard { width: 100%;}
.org_logo_dashboard img { max-height: 150px;}


.eerste_menu a:before, a.eerste_menu_vac:before, a.eerste_menu_home:before {font-family: fontawesome;}

.eerste_menu a:before {  display:inline; padding-right: 8px; font-size: 16px; color:#fff;}
a.eerste_menu_vac:before {display:inline; padding-right: 8px; font-size: 16px; color:#e6356d; position: relative; top: -2px;}
a.eerste_menu_home:before  { display:inline; padding-right: 8px; font-size: 21px; color:#e6356d;}
a.eerste_menu_home:before { content: "\f015"; }
a.eerste_menu_aanmelden:before {  content: "\f090"; }
a.eerste_menu_vac:before { content: "\f004"; }
a.eerste_menu_vac { }
ul.slimmenu .eerste_menu li a { }
#content_vervolg #profiel_vacature .org_logo { float:none!important; border:none!important;}
.functies_blauw div { float:left;}

.section .home { width: 100%; }
.tekst-vrijwilligers { height: auto; }
.tekst-vrijwilligers header { font-weight: bold; color: #262551; font-size: 1.1em;}

.logo_org_home { width: 90%; padding: 4%; background-color:#fff; max-height: 130px; height: 100px;}
.logo_org_home img { max-height: 100px;max-width: 100%; text-align:center;}

.vrijwilligers-vacatures { overflow: hidden!important;  background-color: #fff;}
.vrijwilligers-vacatures header { color:#e6356d; font-family: "Oswald", sans-serif; font-size: 30px; padding-bottom: 15px;}
.vrijwilligers-vacatures li, .maincontent_home ul.recent_vacs { list-style-type:none; overflow:hidden; margin-bottom: 50px;}
.vrijwilligers-vacatures li.last { margin-right: 0;}
.textbox { padding: 20px 5%;}
a.tomindebuurt img { width: 100%; height: auto; float: left; margin-right: 5%;}

.textbox.nopadding { color:#262551; padding: 0;}

.maincontent_home .homeblock.middle.wrap ul.recent_vacs { width: 100%; margin: 35px 0;}
.homeblock.middle { width: 100%; }
.homeblock { background-color:#ffff;}
.homeblock h2 { font-size: 27px; font-family: "Oswald", sans-serif;}
ul.recent_vacs { overflow:hidden; position: relative;  }
.recent_vacs_home { background-color:#eee; color:#fff; }
.wrap_vac_home { width: 90%; padding: 5%;}
.vac_home_titel a { color:#fff;  width: 74%;   height: 100%; min-height: 68px; float:left;  font-size: 1.3em; line-height: 26px;padding: 12px 0 7px 5%; display:flex; justify-content: left; align-items: center;
    /*#eac562 geel blauw #4f79bc*/

}

.vac_star {  float:left; padding: 20px 5% ; width: 11%; height: 100%; display:flex; justify-content: center;}
.vac_star:before { display:inline;  font-family: fontawesome; content:"\f005"; font-size: 30px; color:#fff;}
.vac_home_org  {margin: 0 0 10px ; padding: 4px 0 ;width: 100%; display:inline-block;}
.vac_home_org a { font-size: 1.2em;color:#262551; width: 100%; font-family: "Oswald", sans-serif; }
.vac_home_org a h4 { font-weight: normal; line-height: 30px;}
.vac_home_titel { width: 100%; height: auto; overflow:hidden; display:flex; justify-content: center; align-items: center;
    /*background-color:#e6356d;*/
    background-color:#e6356d;
    background: linear-gradient(90deg, #eac562, #e6356d, #e6356d);
    background: -webkit-linear-gradient(to right,  #eac562,  #e6356d, #e6356d);
    background: -o-linear-gradient(to right,  #eac562,  #e6356d, #e6356d);
    background: -moz-linear-gradient(to right,  #eac562,  #e6356d, #e6356d);
    background: linear-gradient(to right, #eac562,  #e6356d, #e6356d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6356d', EndColorStr='#eac562')";
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e6356d', EndColorStr='#eac562', GradientType=1);
}




.recent_vacs a:after {background: url(../images/logo-toevoegen.jpg);}
.recent_vacs a:hover { color: #ffb4b4;}

.recent_vacs h2 { color: #262551;}
.recent_vacs h2:hover { color: #ccc;}

.maincontent_home .recent_vacs_home { background-color:#fff;  border: 1px solid #dcdcdc; overflow:hidden; display:inline-block; -moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px;}
.recent_vacs_home .textbox.home {color:#e6356d!important;}

#alle_orgs, #alle_vacs { width: 100%; }
#alle_vacs h2 { color: #b80e80; font-size: 1.4em;}
#alle_vacs ul{ width: 100%; padding-bottom: 35px; overflow: hidden;}
#alle_vacs ul li { list-style-type: none; }
.vacs_per_org a { padding: 5px 0; display:inline-block;width: 100%; }

.cat_alle_orgs  { padding: 10px 0; 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-family: 'Oswald', sans-serif;
    color: #e6356d;
    font-size: 27px;
    font-weight: bold;
    margin: 5px 0 15px;
}
#wrap_functies { position : relative; height : auto; padding: 0;}


.show_adres { display:none; text-align: left; color: #fff; font-size: 1.05em;}

.header_logo { margin: auto; top: 0; }

#maincontent header { color: #262551; 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;}
#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;}

textarea#description, textarea#keywords { width: 95%;}


/* CUSTOM CHECKBOXES */
.custom-checkbox { position: relative;    display: inline-block; width: 100%;}
.custom-checkbox > .box { float:left; margin: 3px 15px 0 10px;
    position: relative;    display: block;    width: 18px;    height: 18px;
    border: 1px solid #dac8d5;    background-color: #fbf8ff;    border-radius: 4px;
}
.custom-checkbox > .box > .tick {
    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-checkbox > input:checked + .box > .tick {    display: block; }

.custom-checkbox > 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-checkbox > input:active + .box {
    border-color: #aaa;    background-color: #ddd;
}
/*////////////////////////*/
#aanmelden fieldset { margin-bottom: 25px;}
.printable { width: 100%; overflow:hidden;}
.content_main div, .content_main article, .content_home article, .content_home div, #content_vervolg div {overflow: hidden;}
.content_home, #content_vervolg { overflow:hidden;  padding-bottom: 40px;}
#content_talentenscan { border-left: 1px solid #ddd; border-right: 1px solid #ddd; overflow:hidden;}
#content { margin: auto auto ; background-color: #f7f7f7;}

.infopagina {  padding:10px 0 0 0 ; }


form.beheer_pagina label { margin: 0 15px 0 0;}
#talentenscan fieldset.noborder { border:none; background-color:#ece0ec;}

.linkerkolom_beheer { width: 0; height: 0;}
.linkerkolom_form, .linkerkolom_org, .linkerkolom_info  { height: 100%; padding: 0 0 25px; min-height: 290px; display:inline-block; content:"."; overflow:hidden; background-repeat:no-repeat;}
.linkerkolom_info.inloggen {  background-repeat: no-repeat;}


.breadcrumb a { font-size: 15px; background-color:#4f79bc; color:#fff!important; width: 95%; display:inline-block;
    padding: 9px 3% 9px 2%;-moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px;margin-bottom: 10px;
    background: linear-gradient(90deg, #75cbee, #4f6cbc, #4f6cbc);
    background: -webkit-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: -o-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: -moz-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#75cbee', EndColorStr='#4f6cbc')";
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#75cbee', EndColorStr='#4f6cbc', GradientType=1);
    }
.breadcrumb a:hover { font-size: 15px; background-color:#262551; color:#fff!important; }
a.breadcrumb:after {display:inline; content:"\f105"; padding-left: 10px;}
.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: #999; border: 1px solid #999;}
.logo_toevoegen a { color: #262551; 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 { color: #000; background-color:#DCEDF1 }
a.breadcrumb:after, .profiel_beheren a.contact_toevoegen:before, .mijn_advertenties:before { font-family: FontAwesome; }

.profiel_beheren a.contact_toevoegen:hover  {background-color: #b92b58;color: #fff !important;}
.profiel_beheren a.contact_toevoegen:before {	content: "\f067";	font-size: 18px;	display: inline-block;		margin-right: 10px;}


.wijzig_profiel a.wijzig_org_profiel:before { content:"\f040"; font-size: 25px; padding: 10px 5px; margin: 5px; color: #eddbe0; font-family: FontAwesome; border-radius: 4px;}
.wijzig_profiel a.logo_toevoegen:before { content:"+"; font-size: 25px; font-weight: bold; padding: 10px 5px; margin: 5px; color: #eddbe0; font-family: FontAwesome; border-radius: 4px;}
.wijzig_profiel a { background-color: #df90a9;color: #fff; padding: 5px; border-radius: 5px;}
.wijzig_profiel a:hover { background-color: #c56a87;color: #eddbe0; }


.mijn_advertenties {	font-weight:normal ;	color: #e6356d ;	padding: 5px 0 6px;	width: 100%;	margin: 0 0 7px;	font-size: 16px;}
.mijn_advertenties:before {	content: "\f054";	display: inline;	color: #b80e80 ;	font-size: 14px;	padding-right: 5px;}
.profiel_beheren.contactpersoon header {	color: #e6356d ;font-size: 16px!important;}
.org_contactpersoon {	width: 100%; color:#e6356d;	margin-bottom: 10px;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_right {	border-bottom: 1px dotted #dedede;	}


#beheer a { text-decoration: none!important }
#inloggen { margin: 0;  width: 70%; }
#inloggen a { text-decoration:none!important}
#content_vervolg {  position: relative; margin-bottom: 5%;}
#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; color: #262551; font-size: 1.2em; padding: 5px 0 10px 0;}
.kopjeBeheer {font-weight: bold; color: #e6356d; font-size: 1.3em; padding: 5px 0 ; 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 */

input.btn, .btn a, .btn_clear { color: #fff!important;}
input.btn, .btn a, .btn_clear { width: auto!important; }
input.btn, .btn a, .btn_clear { padding: 7px 10px!important; font-weight: bold; font-size: 16px; text-transform: capitalize;}

input.btn, .btn a { background-color: #e6356d; font-weight: bold; color: #fff; padding: 7px 10px!important; border:none;
    -moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px; cursor:pointer;}


span.btn_login_org  {height: 35px; margin-top: 10px; display:block;width: 50%; clear: both;}

.btn_clear { background-color: #999; color: #fff; border:none;
    -moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px; cursor: pointer; }
.btn_clear:hover { background-color: #000; }


#maincontent .btn_login_geen header { font-size: 17px; font-weight: bold; color:#666;}

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 { padding: 15px 10px; font-size: 17px; background-color: #999; color: #fff!important; text-align: center; font-weight: bold; margin-bottom: 20px;display:block;   -moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px; border:none;}


.btn_login_geen { padding-left: 10%; color:#262551!important; }
a.btn_login_vw , a.btn_login_org { font-size: 22px;background-color: #e6356d; font-family: 'Oswald', sans-serif; font-weight: 400;}

a.btn_login_org:hover, a.btn_login_vw:hover { background-color: #ed95b1; color: #fff!important }

.btn_login_geen a.btn { background-color: #999; color: #fff!important; padding: 5px 10px; display: inline-block; -moz-border-radius: 6px ;-webkit-border-radius: 6px;border-radius: 6px; }
.btn_login_geen a.btn:hover { background-color:#BF82BE;}
/*eac562 #4f79bc licht naar donker*/
.home_link_button { width: 95%; height: auto; padding: 7px 10px; margin-top: 15px; overflow:hidden;  -moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px;}

.home_link_button a {  border:none;  margin: 0; display:inline-block;	cursor:pointer; color: #fff; }
.home_link_button:before {display:inline; content:"\f101"; color:#fff; font-family:fontawesome; font-size: 25px; float: left; padding: 0 5px;}

a.btn_reageren { padding: 7px 10px; background-color: #4f79bc;border:none;
    -moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px; cursor:pointer; color: #fff;
    background: linear-gradient(90deg, #75cbee, #4f6cbc, #4f6cbc);
    background: -webkit-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: -o-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: -moz-linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    background: linear-gradient(to right, #75cbee, #4f6cbc, #4f6cbc);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#75cbee', EndColorStr='#4f6cbc')";
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#75cbee', EndColorStr='#4f6cbc', GradientType=1);
    }
a.btn_reageren:hover { background-color: #999; color: #fff!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:#b92b58!important; color: #fff!important;}
span.bekijken a { color: #fff!important;width: 90px!important; height: auto!important; padding: 4px 10px; border:none!important;}
span.bekijken:hover { background-color:#b92b58;}
.wijzigen {  margin-left: 20px;  }
span.wijzigen { color: #fff; background-color: #df90a9; -moz-border-radius: 4px ; -webkit-border-radius: 4px; border-radius: 4px;}
.wijzigen:hover {  background-color:#b92b58; color: #fff!important; }

span.verwijderen {    color: #fff;    background-color: #e6356d;   -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px;    display: inline-block;}
input.btn:hover, .btn a:hover , .verwijderen:hover { background-color: #b92b58; color: #fff;}
.verwijderen:before { content: " X "; font-size: 16px; font-weight: bold; padding-right: 5px;}

.extra_menu {  height: auto;  overflow: hidden;font-family: "Oswald", sans-serif; display:flex;}

.extra_menu a { color: #d6006a; padding: 13px 0 5px 5px;}
.extra_menu .menu_overig a { font-size:1.4em!important; }
.extra_menu .topmenu_tom a.eerste_menu_tom { color: #262551; font-size:1.4em; padding: 5px 0 10px 5px; display:inline-flex;}
.extra_menu .topmenu_tom a.eerste_menu_tom:hover { color: #999; font-size:1.4em!important; padding: 5px 0 10px 5px; display:inline-flex; background-color:#fff;}
.extra_menu .topmenu_tom a.eerste_menu_tom:after { content:"\f054"; color:#c0ce2e; display:inline; padding-left: 6px; font-size: 18px; font-weight: bold; font-family: FontAwesome; position: relative; top: 5px;}

.extra_menu a:hover { background-color:#e6356d; color:#fff;}
.menu_overig a { color:#262551;}
.show_adres a {  color:#fff; font-size: 1em; border-left:none!important}
.show_adres a:hover {  color: #000;}

#account_aanmaken ul { margin: 0; padding: 0; }
#account_aanmaken li { margin: 0; padding: 0; list-style-type:none;}

#aanmelden h4, .kopjeInfopagina { font-weight: bold; font-family: 'Oswald', sans-serif; font-size: 27px; color: #e6356d; margin: 5px 0 0;line-height: 25px;}
#overzicht_beheer_org h4 { color: #fff; background-color:#262551;font-weight: bold; margin: 5px 0; padding: 5px 10px;}
.tekst_box { margin: 10px 0 ; display:block; overflow: hidden; width: 100%; height: auto;}

#org_aanmelden_form legend.border_breed { border-bottom: 1px dotted #262551; margin-bottom: 15px; padding-bottom: 7px; font-weight: bold;}

/* vacature - website */
.reageer_vacature #aanmelden form { background-color:#fff; margin-top: 10px; }
.reageer_vacature #aanmelden #inschrijven_form { background-color:#fff; margin: 0; padding: 0;}
.clt_details  { font-weight: normal;  height: auto; overflow:hidden;}
.clt_details:before { content:"."; font-size: 3px; color:#fff; display:inline-block;}

/* end vacature - website */

.linkerkolom_login header h4 { font-family: 'Oswald', sans-serif; color: #262551; font-size: 1.4em; font-weight: bold;margin:5px 0 20px 0;}
.linkerkolom_info header { color: #262551; font-size: 17px; font-weight: bold;margin:5px 0 15px 0;}
#beheer form,
#overzicht_beheer_org form,
#aanmelden form { margin:  0;height: auto; overflow: hidden; display:inline-block;  background-color: #eceef1; -moz-border-radius: 12px ; -webkit-border-radius: 12px; border-radius: 12px;}

#talentenscan { margin:  0;height: auto; overflow: hidden; display:inline-block;  background-color: #eceef1; -moz-border-radius: 12px ; -webkit-border-radius: 12px; border-radius: 12px; padding:  3% ; width: 94%;}
#talentenscan fieldset.padding { padding: 2%;}
.linkerkolom_org.talentenscanner { }
.talentenscanner_comments { border: 1px solid #e6356d; padding: 4% 3% 5% 6%; -moz-border-radius: 8px;	-webkit-border-radius: 8px; border-radius: 8px; color:#e6356d;}
#inschrijven_form input { color: #666;}
#inschrijven_form input[type="checkbox"] { margin:3px 5px ;  border: 1px solid #c00!important; width: auto; float:left; height: auto; padding: 5px; }
#talentenscan input[type=radio] {width: auto; margin-left: 5px; }
#talentenscan label.left { font-size: 18px; font-weight: normal;  border:none; line-height: 25px;}
#talentenscan label { color:#333; }

#talentenscan fieldset { margin-bottom: 4%; background-color:#eceef1; -moz-border-radius: 10px;	-webkit-border-radius: 10px;	border-radius: 10px;border: 1px solid #eceef1; }
.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);  }
.talentenscan_img {background-size: 100% 100%; background-repeat:no-repeat; }

input.btn.talentenscan {float: right;}

#inschrijven_form input, #inschrijven_form textarea { padding: 8px; }
#inschrijven_form textarea { line-height: 19px;}
.klein-pink { font-size: 15px; font-style: italic; color:#e6356d;}
#aanmelden form input, #aanmelden form select, #aanmelden form textarea { border: 1px solid #999; color:#262551; }
#aanmelden form select { background-color:#999; color:#fff;}
select > option { background-color:#fff; color:#262551;}

#beheer #inloggen_form_org form, #beheer #inloggen_form_vrijw form { padding: 3%; display:inline-block; overflow:hidden; margin: 0;}

.aanmelden_links legend { color:#e6356d ; padding: 10px 0 0; margin: 0 0 10px; font-size: 20px;}
legend { font-weight: bold; color: #262551; margin: 0 0 25px 0; font-size: 16px;}
#org_aanmelden_form legend { font-size: 20px!important; color:#262551; }
.org_beheer_fieldset_border { border-bottom: 1px solid #e6356d; padding-bottom: 20px; margin-bottom: 10px;}
.wijzig_login { font-size: 16px; color:#e6356d; font-weight:normal ;}


select, input, textarea { margin: 0 0 8px 0;padding: 4px;}
textarea.omschrijving {  font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight: normal;  padding: 5px;}
input.day, input.month { width:25px!important }
input.year { width: 40px!important }

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: 20px 0; clear: both; border-bottom: 1px solid #f9f9f9;}
#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 {  }
.vacature_name_label { padding-top: 2px; font-size: 18px; color:#999; font-weight: bold; margin-bottom: 10px;}
#aanmelden form input.vacature_name {font-size: 18px; color:#333; border:1px solid #fff!important; margin: 0; padding: 0; font-weight: bold;margin-bottom: 10px; }
.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;}
.bericht_op_vacature { color:#a226a1; font-weight: bold;}
.reactie_op_vacature { color:#a226a1; }

#aanmelden { width:100%; margin: 0 0 20px 0; padding:  0 0; }
#profiel_vacature{ width: 100%; background-color:#f9edf9; }
.mijn_vacatures { width: 96%; background-color: #e6356d; 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;}
.kopjeDasboard { color: #262551; font-size: 13px; font-weight: bold; height: auto; margin: 0 0 10px; padding: 0 0 5px 0; width: 100%;}
.vacatures_beheren, .profiel_beheren { width: 100%; height: auto; line-height: 22px; margin: 0 10px 30px 0; padding: 2% 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;}
.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 , .profiel_beheren ul {  padding: 0; }
.profiel_beheren li, .vacatures_beheren li { margin:  0; padding: 10px 0;list-style-type:none; }

.tekstgrijs { font-style:italic; padding: 10px 0;}
.cursief { font-style: italic;}
.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 */

#subnav ul li { list-style-type:none;  width: auto;}
label.ct {	width: 20%;	float: left;	color: #666;}
.submenu {	display: block;	padding: 10px 0 15px 0;	}

#wrapper { clear:both; overflow: hidden; height : auto; }
#PrintKlaar { width: 100%!important; overflow:hidden;}

#bottom { position: relative; margin: auto; bottom: 0; clear:both; color: #262551; height: auto;
    padding: 15px 0 25px; overflow: hidden; width: 100%;
    background-color: #eee;font-family: "Oswald";
}
.website  {  width: 100%; text-align: right; }
.copyright { width: 100%; padding: 30px 0; color: #999; text-align: center; }
.website a { color: #bababa; padding: 0 3%;}
.copyright a { color: #262551; }
#footer { height: auto; margin: auto; text-align: center; overflow:hidden; font-size: 16px!important;font-weight: 300!important;}
#footer a:link, #footer a:visited, #footer a:active {   color: #262551;   padding: 0 15px 10px; display:inline-block;   text-decoration: none;  }
.naw_footer { width: 1000px; clear: both; color: #e6356d; line-height: 20px;  padding: 10px 15px 0;  position: relative;   margin: auto;}
.footermenu_kopje { width: auto; display:inline-block; }
.footermenu_kopje.org { color:#262551; }
.footermenu_kopje.vrijw { color:#262551; }
#footer .footermenu_kopje.org a { border-left: none!important; color: #262551; padding: 0 5px; margin: 5px 0;}
#footer .footermenu_kopje.vrijw a { border-left: none!important; color: #262551; padding: 0 5px; margin: 5px 0;}
#bottom .website { font-size: 0.9em!important; font-weight: 300;}
#footer .website a { color: #ccc; border-right: none!important}
#footer div { -moz-border-radius: 0; -webkit-border-radius: 0;border-radius: 0;}
/* //// 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;}
.a_groter { color: #fff; font-size: 18px;}
.a_kleiner { color: #fff; font-size: 13px;}
.vergroten { background-color:#2f3e85; padding: 0 5px; margin: 0 5px; width: 20px;-moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px; }
.ctrl { color: #fff; padding-left: 5px;}
.lettergrootte {color: #fff; font-weight : bold;padding :0 15px 0 0;}
.button_submit { height: auto;display: block;	color: #fff;border: none;background-color:#D70000;		cursor: pointer;}
#zoeken { width: 100%; text-align:right; border: 1px solid #e6356d;  color: #00B6FB;
    -moz-border-radius: 6px ; -webkit-border-radius: 6px; border-radius: 6px;
}
.zoeken { width: 68%; height: auto;  margin: 4px 0 4px 0;padding: 0; border: none!important}
#zoeken #button {border:none; border-left:1px solid #e6356d; margin: 0 5px 0 0; padding-left: 4px; color: #e6356d; background-color:#fff; cursor: pointer;}
#print_lees {display:none; padding:  0 0 0;	width: auto;	}
#print_lees button { border:none; border-left:1px solid #fff; font-size: 14px;background-color: #4cc5f3; padding: 2px 3px 2px 10px; color: #369; cursor: pointer;}
#print_lees a { color:#fff; font-weight: bold; }
#print_lees a:hover { color:#E7F2F8; }
/*//// TOPNAVIGATIE //////*/

#image {position : relative;height : auto;clear : both;}
#logo {
    background-image: url(../images/Logo-VrijwilligerspuntAlphen-1000px-transparant.png);
    /*background-image: url(../images/VrijwilligerspuntAlphen-Participe-logo.png); */
    background-repeat: no-repeat;}
#logo h1 a {   margin: 0; padding: 0;}
#logo h1 { color: #fff; margin: 0; padding: 0;}
#search_results { width : 600px;height : auto; margin : 20px 20px 0 0;}
#subnav { height : auto; color: #003399;}
#subnav a, #subnav a:visited, #subnav a:active {color : #003399;text-decoration : none;}
#subnav a:hover {color : #FE0000;}
#titel_subnav {float : left;width : 190px;height : auto;margin : 5px 0 0 0;font-weight : bold;color : #fff; }
.titel_beheer { padding: 20px;font-weight: bold; color: #e6356d; 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: #262551!important }