body, html {
    font-family: Myriad Pro Regular;
    font-size: 14px;
    background-color: #f1f1f2;
}

#contentwrapper a {color: #97a534}
#contentwrapper a:hover {text-decoration: underline;}

/*---3D perspective----*/
#contentwrapper .mainwrapper #navwrapper ul li,
.mobielzoekwrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 200px;
    -ms-perspective: 200px;
    perspective: 200px;
}

/*---Flip non active---*/
#webwrapper .mobielzoekvrijwilliger,
#contentwrapper .mainwrapper #navwrapper ul ul {
    -webkit-transition: all 200ms ease-in-out 0ms; 
    -moz-transition: all 200ms ease-in-out 0ms; 
    -ms-transition: all 200ms ease-in-out 0ms; 
    -o-transition: all 200ms ease-in-out 0ms; 
    transition: all 200ms ease-in-out 0ms; 
    -webkit-transform: rotateX(-90deg); 
    -moz-transform: rotateX(-90deg); 
    -ms-transform: rotateX(-90deg); 
    -o-transform: rotateX(-90deg); 
    transform: rotateX(-90deg); 
    -webkit-transform-origin: 0% 0%; 
    -moz-transform-origin: 0% 0%; 
    -ms-transform-origin: 0% 0%; 
    -o-transform-origin: 0% 0%; 
    transform-origin: 0% 0%; 
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; 
    -o-backface-visibility: hidden; 
    backface-visibility: hidden;
    opacity: 0;
}
/*---Flip acitve---*/
.flipdown,
#contentwrapper .mainwrapper #navwrapper ul li:hover ul {
    -webkit-transition: all 200ms ease-in-out 0ms !important; 
    -moz-transition: all 200ms ease-in-out 0ms !important; 
    -ms-transition: all 200ms ease-in-out 0ms !important; 
    -o-transition: all 200ms ease-in-out 0ms !important; 
    transition: all 200ms ease-in-out 0ms !important; 
    -webkit-transform: rotateX(0deg) !important; 
    -moz-transform: rotateX(0deg) !important; 
    -ms-transform: rotateX(0deg) !important; 
    -o-transform: rotateX(0deg) !important; 
    transform: rotateX(0deg) !important;
    opacity: 1!important;
}

.clear {clear: both;}
.titel {font-family: open_sansregular; font-size: 20px; margin-bottom: 15px;}
.titel i {font-size: 30px; margin-right: 5px;}
a {text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
input, textarea {-webkit-appearance: none; border-radius: 0;}
input:focus, textarea:focus {outline: 0;}
/*.link {font-family: Myriad Pro Regular; font-style: italic; color: #97a534; text-decoration: none;}
.link:hover {color: #97a534; text-decoration: underline;}*/

span.linkcolor {color: #96a534;white-space:pre-wrap;text-overflow:ellipsis}

.uploadedon {margin-bottom: 20px;}
hr {margin-bottom: 28px;}
.borleft {border-left: 1px solid #d7d8d9;}
hr.borbot{border:none}
.borbot {border-bottom: 1px solid #d7d8d9;}
.martop25 {margin-top: 25px;}
.marbot25 {margin-bottom: 25px;}

#webwrapper form.search {position: relative;}
#webwrapper form.search input {background-color: #f1f1f2; border: 1px solid #d7d8d9; width: 100%; padding: 9px; padding-right: 60px;}
#webwrapper form.search input:focus {outline: 0;}
#webwrapper form.search button {position: absolute; top: 4px; right: 5px; font-size: 22px; background: none; border: none; border-left: 1px solid #545659; padding: 0 10px 0 15px;}

.linkbtn {
    padding: 6px 11px;
    text-decoration: none;
    transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -ms-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out;
    outline: none;
    border: none;
    margin-top: 5px;
}
.linkbtn:hover {
    cursor: pointer;
    text-decoration: none !important;
}

.trans,
#webwrapper .mobielzoekvrijwilliger,
#contentwrapper .mainwrapper #navwrapper ul ul,
#webwrapper .mobielmenuwrapper ul ul li a,
#webwrapper .mobielmenuwrapper ul li.item a {
    transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -ms-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out;   
}

/*Fonts*/
@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('fonts/myriad/MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('fonts/myriad/MYRIADPRO-COND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold Italic'), url('fonts/myriad/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('fonts/myriad/MYRIADPRO-SEMIBOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed Italic'), url('fonts/myriad/MYRIADPRO-CONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Italic'), url('fonts/myriad/MYRIADPRO-BOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed Italic'), url('fonts/myriad/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('fonts/myriad/MYRIADPRO-BOLDCOND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('fonts/myriad/MYRIADPRO-BOLD.woff') format('woff');
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans/opensans-regular-webfont.eot');
    src: url('fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#webwrapper {min-height: 100%}
#contentwrapper {padding: 0 0 40px}

/*linker blok*/
#contentwrapper .leftwrapper .leftitem {margin-bottom: 20px;}
#contentwrapper .leftwrapper .leftitem .logo {max-width: 100%;}
#contentwrapper .leftwrapper .webtitel {background-color: #fff; padding: 11px 20px;}
#contentwrapper .leftwrapper .webtitel h3 {font-family: Myriad Pro Regular; font-size: 18px; margin: 0}
#contentwrapper .leftwrapper .webtitel h4 {font-family: Myriad Pro Bold; font-size: 18px; margin: 0;}

#contentwrapper .leftwrapper .agenda {background-color: #fff; padding: 10px 20px;}
#contentwrapper .leftwrapper .agenda .item {margin-bottom: 10px;}
#contentwrapper .leftwrapper .agenda .item:nth-child(4) {border-bottom: 0px !important;}/*-----------------Hier gebleven----------------------*/
#contentwrapper .leftwrapper .agenda .item .date {font-family: Myriad Pro Regular;}
#contentwrapper .leftwrapper .agenda .item p {font-style: italic;}
#contentwrapper .leftwrapper .agenda .item p:hover {text-decoration: underline;}
#contentwrapper .leftwrapper .agenda .linkbtn {float: right; margin-top: 10px;}

#contentwrapper .leftwrapper .zoek {background-color: #fff; padding: 10px 20px;}

/*Main content*/
/*----Topheader----*/
#contentwrapper .mainwrapper .tophead {margin: 18px 0;}
#contentwrapper .mainwrapper .tophead form {float: left; width: 250px; position: relative; margin-right: 20px;}
#contentwrapper .mainwrapper .tophead form input {background-color: #f1f1f2; border: 1px solid #d7d8d9; width: 100%; padding: 5px 10px; padding-right: 60px; background-color: #fff;}
#contentwrapper .mainwrapper .tophead form button {position: absolute; top: 4px; right: 5px; font-size: 17px; background: none; border: none; border-left: 1px solid #d7d8d9; color: #d7d8d9;  padding: 0 10px 0 15px;}
#contentwrapper .mainwrapper .tophead .accountinfo {float: left; font-family: open_sansregular; padding-top: 4px;}
#contentwrapper .mainwrapper .tophead .accountinfo a:hover {text-decoration: underline;}
#contentwrapper .mainwrapper .tophead .accountinfo .naam i {font-size: 20px; margin-right: 10px;}
#contentwrapper .mainwrapper .tophead .loguit {float: left; text-align: right; color: #e55a51; position: absolute; right: 20px; top: 20px; font-size: 20px;}
#contentwrapper .mainwrapper .tophead .loguit:hover {cursor: pointer; color: #e23125;}

/*----Menu----*/
#contentwrapper .mainwrapper #navwrapper {background: #fff; height: 40px; width: 100%; margin-bottom: 20px;}
#contentwrapper .mainwrapper #navwrapper ul {margin: 0; padding: 0; position: relative; z-index: 2;}
#contentwrapper .mainwrapper #navwrapper ul li {background-color: #fff; list-style: none; display: inline-block;}
#contentwrapper .mainwrapper #navwrapper ul li a {color: #545659; background-color: #fff; font-family: open_sansregular; padding: 10px 13px; display: block;}
#contentwrapper .mainwrapper #navwrapper ul li a i {margin-left: 5px;}
#contentwrapper .mainwrapper #navwrapper ul li a:hover {color: #fff; text-decoration: none !important;}
#contentwrapper .mainwrapper #navwrapper > ul > li > a:hover > i, 
#contentwrapper .mainwrapper #navwrapper > ul > li > a:active > i,
#webwrapper .mobielmenuwrapper > ul > li.item:not(.static) a:hover > i,
#webwrapper .mobielmenuwrapper > ul > li.item:not(.static) a:active > i { margin-left: 5px; -webkit-transition: all 80ms ease-in-out 0ms; -moz-transition: all 80ms ease-in-out 0ms; -ms-transition: all 80ms ease-in-out 0ms; -o-transition: all 80ms ease-in-out 0ms; transition: all 80ms ease-in-out 0ms; -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg) }
#webwrapper .mobielmenuwrapper > ul > li.item a > i { position:relative; top: 4px; }
#webwrapper .mobielmenuwrapper > ul > li.item a:active > i { top: 5px; }
#contentwrapper .mainwrapper #navwrapper ul ul {position: absolute;}
#contentwrapper .mainwrapper #navwrapper ul ul li {display: block; min-width: 160px; width: auto;}

/*----Mobiel menu----*/
#webwrapper #mobielmenuwrapper {background-color: #fff; display: none; width: 100%; height: 50px; position: fixed; top: 0; z-index: 11}
#webwrapper #mobielmenuwrapper img {max-height: 100%; margin-left: 15px; width: 141px; max-width: 35%}
#webwrapper #mobielmenuwrapper .mobielicons {height: 100%; float: right; margin-right: 10px;}
#webwrapper #mobielmenuwrapper .mobielicons .icon {float: left; font-size: 25px; border-left: 1px solid #d7d8d9; padding: 0 19px; height: 100%; padding-top: 9px;}
#webwrapper #mobielmenuwrapper .mobielicons .icon:last-child {border-right: 1px solid #d7d8d9;}
#webwrapper #mobielmenuwrapper .mobielicons .icon:hover {cursor: pointer}
#webwrapper .mobielmenuwrapper {background-color: #f1f1f2; width: 100%; max-height: 100%; position: fixed; z-index: 99; top: 50px; display: none; overflow-y: scroll; bottom: 0;}
#webwrapper .mobielmenuwrapper ul {margin-top: 0; margin-bottom: 0px; padding: 0;}
#webwrapper .mobielmenuwrapper ul li a { margin-left: 0.3em }
#webwrapper .mobielmenuwrapper ul li i { width: 20px; text-align: center }
#webwrapper .mobielmenuwrapper ul li.header {background-color: #545659; color: #fff; padding: 8px 15px;}
#webwrapper .mobielmenuwrapper ul li.item {background-color: #f1f1f2; color: #545659; border-bottom: 1px solid #545659; border-bottom: 1px solid #545659; list-style: none;}
#webwrapper .mobielmenuwrapper ul a {color: #545659; text-decoration: none; padding: 12px 10px; display: block;} 
#webwrapper .mobielmenuwrapper ul li.item a:hover {cursor: pointer; text-decoration: none;}
#webwrapper .mobielmenuwrapper ul li i {font-size: 20px;}
#webwrapper .mobielmenuwrapper ul .space {float: left; height: 100%; display: list-item; width: 25px; margin-right: 5px;}
#webwrapper .mobielmenuwrapper ul ul {list-style: none; display: none;}
#webwrapper .mobielmenuwrapper ul ul li {border-top: 1px solid #545659; padding-left: 60px; list-style: none;}
#webwrapper .mobielmenuwrapper ul ul li a:hover {cursor: pointer; text-decoration: none;}
#webwrapper .mobielmenuwrapper ul li.nolink {padding: 12px 10px;}
#webwrapper .mobielmenuwrapper ul li.nolink a {padding: 0 !important; display: inline-block !important; float: right !important;}


/*Mobiel zoeken*/
#webwrapper .mobielzoekvrijwilliger {width: 100%; height: auto; background-color: #fff; padding: 20px 0; position: fixed; z-index: 99; display: block;}
#webwrapper .mobielzoekwrapper {width: 100%; height: auto; position: fixed; top: 50px; z-index: 99; display: block;}


/*----Smoelenslider----*/
#contentwrapper .mainwrapper #smoelenslider {margin-right: 70px; margin-bottom: 20px; display: none}
#contentwrapper .mainwrapper #smoelenslider .img {height: 65px; width: 65px; background-size: cover; background-position: center; margin-right: 10px; border: 1px solid; position: relative}
#contentwrapper .mainwrapper #smoelenslider .img img {max-width: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0}
#contentwrapper .mainwrapper #smoelenslider .img div.fa {width: 100%; height:100%; padding: 14px 0 0;margin: 0; display: table-cell}
#contentwrapper .mainwrapper #smoelenslider .img .overlay {display:table-row; color: #fff; width: 100%; height: 100%; text-align: center; opacity: 0; position: absolute; top: 0; bottom: 0;}
#contentwrapper .mainwrapper #smoelenslider .img .overlay span {display:table-cell; vertical-align:middle;height:58px;width:66px;overflow:hidden;white-space:pre-wrap;margin:0 auto}
#contentwrapper .mainwrapper #smoelenslider .img:hover .overlay {opacity: 1;}
#contentwrapper .mainwrapper #smoelenslider i.fa {top: 2%; position: absolute; font-size: 55px;}
#contentwrapper .mainwrapper #smoelenslider .fa:hover {cursor: pointer;}
#contentwrapper .mainwrapper #smoelenslider .fa-angle-left {right: -30px;}
#contentwrapper .mainwrapper #smoelenslider .fa-angle-right {right: -65px;}

/*MainContent*/
#contentwrapper .mainwrapper .maincontent  {padding-left: 0;}
#contentwrapper .mainwrapper .maincontentright {padding-right: 0;}
#contentwrapper .mainwrapper .maincontent .maincontentinner  {width 100%; margin-bottom: 20px; padding: 10px 20px; background-color: #fff;}
#contentwrapper .mainwrapper .maincontentright .rightitem {width 100%; margin-bottom: 20px; padding: 10px 20px; background-color: #fff;}

/*Home*/
#contentwrapper .mainwrapper .maincontent .rondleidingitem {border-bottom: 1px solid; margin-bottom: 12px; padding-bottom: 4px;}
#contentwrapper .mainwrapper .maincontent .rondleidingitem .info {width: 82%; float: left; padding-right: 20px;}
#contentwrapper .mainwrapper .maincontent .rondleidingitem .download {width: 18%; float: left; border-left: 1px solid; padding-left: 10px; margin-top: 6px;}
#contentwrapper .mainwrapper .maincontent .rondleidingitem .download a {font-style: italic;}
#contentwrapper .mainwrapper .maincontent .rondleidingitem h4 {font-size: 18px; margin-bottom: 2px;}
#contentwrapper .mainwrapper .maincontent .rondleidingitem h4 span {margin-right: 20px;}
#contentwrapper .mainwrapper .maincontent .rondleidingitem p {margin-left: 33px; font-style: italic;}

#contentwrapper .mainwrapper .verjaardagitem {padding-bottom: 10px; border-bottom: 1px solid; margin-bottom: 10px;}
#contentwrapper .mainwrapper .verjaardagitem a {font-style: italic;}
#contentwrapper .mainwrapper .verjaardagitem span {float: right;}

#contentwrapper .mainwrapper .ideeenbus textarea {height: 80px; width: 100%; resize: none; background-color: #f1f1f2; border: 1px solid #d7d8d9;}


/*download right*/
#contentwrapper .mainwrapper .downloaditem {border-bottom: 1px solid; margin-bottom: 10px; padding-bottom: 7px;}
#contentwrapper .mainwrapper .downloaditem a {font-style: italic;}
#contentwrapper .mainwrapper .downloaditem .icon {font-size: 30px; float: left; margin-right: 18px;}

/*Contactpersonen*/
#contentwrapper .mainwrapper .contactitem {margin-bottom: 15px}
#contentwrapper .mainwrapper .contactitem a {font-style: italic;}
#contentwrapper .mainwrapper .contactitem .info {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}
#contentwrapper .mainwrapper .contactitem .img {float: left; width: 50px; margin-right: 10px; height: 45px; overflow: hidden; position: relative;}
#contentwrapper .mainwrapper .contactitem .img img {max-width: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}

/*Profiel detail*/
img.profiel {max-width: 100%; border: 1px solid #d7d8d9; margin-bottom: 10px;}
#contentwrapper .mainwrapper .infoitem {margin-bottom: 10px;}
#contentwrapper .mainwrapper .meer {margin: 20px 0 10px 0;}

#contentwrapper .mainwrapper label {width: 100%; display: block; position: relative;}
#contentwrapper .mainwrapper form.panel{display: inline-block;margin:0.5em 0;background-color:#F1F1F2;padding: 0.5em;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
#contentwrapper .mainwrapper form.panel h4{background-color: #FFF;padding:0.5em;margin: 0 0 0.3em;display:block}
#contentwrapper .mainwrapper form.panel input,
#contentwrapper .mainwrapper form.panel select{display: inline-block;margin:0.5em 0 1em auto;background-color:#F1F1F2;padding: 0.5em;background-color:#fff }
#contentwrapper .mainwrapper form.panel .linkbtn{margin-left: 1em;}
#contentwrapper .mainwrapper select {display: inline-block; outline: none; border-width: 1px; border-style: solid; border-radius: 0; font-weight: 400; padding: 5px 9px; margin-bottom: 15px; background-color: #f1f1f2; border: 1px solid #d7d8d9; padding-right: 35px;cursor:pointer}
#contentwrapper .mainwrapper label i {top: 0; right: 0; pointer-events: none; cursor: pointer; position: absolute; width: 33px!important; height: 23px!important; text-align: center; line-height: 15px; color: #545659; font-size: 22px; border-left: 1px solid #d7d8d9; margin: 5px 0;}
#contentwrapper .mainwrapper .forminput:not(.linkbtn) {background-color: #f1f1f2; border: 1px solid #d7d8d9; /*width: 100%;*/ padding: 4px 9px; margin-bottom: 15px; resize: none;}
#contentwrapper .mainwrapper textarea.forminput {height: 110px;}
#contentwrapper .mainwrapper .inputw100 {width: 100%;}
#contentwrapper .mainwrapper .inputw80 {width: 79%;}
#contentwrapper .mainwrapper .inputw70 {width: 69%;}
#contentwrapper .mainwrapper .inputw50 {width: 49%;}
#contentwrapper .mainwrapper .inputw40 {width: 39%;}
#contentwrapper .mainwrapper .inputw30 {width: 29%;}
#contentwrapper .mainwrapper .inputw20 {width: 19%;}
#contentwrapper .mainwrapper .fr {margin-right: 0.5em;}
#contentwrapper .mainwrapper .fl {margin-left: 0.5em;}
#contentwrapper .mainwrapper .inputbox {width: 49%; float: left;}
#contentwrapper .mainwrapper .extraopties {margin-bottom: 15px; display: inline-block}
#contentwrapper .mainwrapper .extraopties table tr td {padding: 5px 20px 5px 0;}
#contentwrapper .mainwrapper .extraopties input[type=radio] {display: none;}
#contentwrapper .mainwrapper .extraopties label {display: inline-block; cursor: pointer; position: relative; margin-right: 15px; width: auto !important; font-weight: inherit;}
#contentwrapper .mainwrapper .extraopties label:before{content: "\f096"; font-family: FontAwesome; display: inline-block; font-size: 17px; margin-right: 5px}
#contentwrapper .mainwrapper .extraopties input[type=radio]:checked + label:before {content: "\f046";}
#contentwrapper .mainwrapper .beschikbaar {margin-bottom: 20px; width: 83%;}
#contentwrapper .mainwrapper .beschikbaar input[type=checkbox] {display: none;}
#contentwrapper .mainwrapper .beschikbaar label {display: inline-block; cursor: pointer; position: relative; margin: 0 !important; width: auto !important; font-weight: inherit; padding: 9px 10px 7px 10px;}
#contentwrapper .mainwrapper .beschikbaar label:before{content: "\f096"; font-family: FontAwesome; display: inline-block; font-size: 17px; width: 20px;}
#contentwrapper .mainwrapper .beschikbaar input[type=checkbox]:checked + label:before {content: "\f046";}
#contentwrapper .mainwrapper .beschikbaar th > div {transform: translate(25px, 51px) rotate(315deg); -webkit-transform: translate(25px, 51px) rotate(315deg); width: 30px; margin-top: -42px; position: absolute; right: 10px;}
#contentwrapper .mainwrapper .beschikbaar th {height: 80px; white-space: nowrap; position: relative;}
#contentwrapper .mainwrapper .beschikbaar th > div > span {border-bottom: 1px solid #ccc; padding: 7px 10px; font-weight: inherit;}
#contentwrapper .mainwrapper .beschikbaar tr {border-bottom: 1px solid #ccc;}
#contentwrapper .mainwrapper .beschikbaar tr td {border-right: 1px solid #ccc; text-align: center;}
#contentwrapper .mainwrapper .beschikbaar tr td:first-child {text-align: right; padding-right: 10px;}


/*Vrijwilligers overzicht*/
#contentwrapper .mainwrapper .vrijover .img {width: 20%; height: 60px; overflow: hidden; margin-right: 5px; display: inline-block;position: relative}
#contentwrapper .mainwrapper .vrijover .img img {max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: 1px solid #d7d8d9;}
#contentwrapper .mainwrapper .vrijover .info { display: inline-block; width: 76%; float: right}
#contentwrapper .mainwrapper .vrijover .info a {font-style: italic;}
#contentwrapper .mainwrapper .vrijover .info ul{ list-style-type: none; line-height: 16px;margin:0;padding:0;line-height:20px;}
#contentwrapper .mainwrapper .vrijover .info li{ overflow: hidden; text-overflow: ellipsis; white-space: pre }
#contentwrapper .mainwrapper .vrijover {margin-bottom: 10px; border-bottom: 1px solid #d7d8d9; padding-bottom: 5px;}

/*vrijwilligersoverzicht nav*/
#contentwrapper .mainwrapper .laatmeerzien {text-align: center; padding: 20px 0;}

/*Footer*/
footer {font-family: open_sansregular; font-size: 12px; padding: 10px 0; background-color: #545659; color: #fff;width:100%; min-height:15px; position:relative; bottom:0; left:0; margin-top: -37px }
footer a {font-family: open_sansregular; font-weight: bold;}
footer a:hover {text-decoration: underline;}

dl dd a[href^='mailto:']{ display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
dl dd { margin-bottom: 0.4em }
a[href^='mailto:']:before { content: attr(div) '\f003  '; font-family: fontAwesome }
a[href^='mailto:']:hover:before { content: attr(div) '\f0e0  '}
a[href^='tel:']:before { content: attr(div) '\f095  '; font-family: fontAwesome }
a[href^='tel:']:hover:before { content: attr(div) '\f098  '}
a .info { font-style:normal}
#results-text {font-size: 12px; font-style: italic; margin-top: -15px; margin-bottom: 20px;}

.popupbox {position: absolute; background-color: #fff; width: 100%; list-style: none; margin-bottom: 51px; padding: 0 10px; border: 1px solid #e2e2e2; border-top: 0; z-index:3; -webkit-box-shadow: -2px 2px 8px rgba(0,0,0,0.15); box-shadow: -2px 2px 8px rgba(0,0,0,0.15); -moz-box-shadow: -2px 2px 8px rgba(0,0,0,0.15); -o-box-shadow: -2px 2px 8px rgba(0,0,0,0.15); display:none}
.popupbox li {padding: 9px 10px; border-bottom: 1px solid#e3e3e3;}
.popupbox li:last-child {border: 0;}
.popupbox li a {width: 100%; height: 100%; display: block; color: #97a534;}

#webwrapper.login { padding-top: 10em; }

@media all and (max-width: 1064px) {
    .maincontentright, .maincontent {padding-left: 0; padding-right: 0;}
    .agenda, .zoek, .tophead, #navwrapper, #contentwrapper .leftwrapper .leftitem .logo {display: none;}
    footer .col-md-6 {text-align: left !important;}
    #mobielmenuwrapper {display: block !important;}
    #contentwrapper {margin-top: 50px;}
}

@media all and (min-width: 1065px) {
    #webwrapper .mobielzoekwrapper,
    #webwrapper .mobielmenuwrapper {display: none !important;}
}

@media all and (max-width: 650px) {
	    #contentwrapper .mainwrapper .maincontent .rondleidingitem .info {width: 70% !important;}
    #contentwrapper .mainwrapper .maincontent .rondleidingitem .download {width: 30% !important;}   
    #contentwrapper .mainwrapper .inputw80,#contentwrapper .mainwrapper .inputw70,#contentwrapper .mainwrapper .inputw50,#contentwrapper .mainwrapper .inputw40, #contentwrapper .mainwrapper .inputw30,#contentwrapper .mainwrapper .inputw20 { width: 100%; margin-left: 0; margin-right: 0}
}

@media all and (max-height: 400px ) {
	#contentwrapper { margin: 10px 0 0 }
	#webwrapper.login { padding-top: 0.3em; }
}
@media all and (max-height: 700px ) and (min-height: 401px ) {
	#webwrapper.login { padding-top: 2em; }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

.errorinput { border: 2px solid red !important }
input + .input-group { display: none !important }
input:checked + .input-group { display: inline-table !important }
.modal-body .radio { padding: 1px 0 }
.modal-body .radio .input-group{ margin: -10px 10px }
.feedback { margin: 1em; padding: 1em 2em; border-width: 1px !important; border-style: solid }
.feedback.success { border-color: #3c763d; }
.feedback.error { border-color: #a94442; }
.feedback ul { margin: 0 0 0 1em; padding: 0; }
.thumbnail { -webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0}
#contentwrapper .faq .vraag{
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #545659;
	background-color: #F9F9FA
}
#contentwrapper .faq .vraag:not(:last-child){
	margin-bottom: 1em;
}
#contentwrapper .faq .vraag:hover{
	background-color: #F1F1F2
}
#contentwrapper .faq .vraag[vw-expanded="true"]{
	background-color: #FFF
}
#contentwrapper .faq .vraag:active{
	background-color: #C1C1C2
}
#contentwrapper .faq a:hover, #contentwrapper .faq a:focus{
	text-decoration: none;

}
#contentwrapper .faq i{
	float: right;
	font-size: 90%
}
ul.downloads {
	list-style: none;	
}
ul.downloads li a:before {
	color: #636466;
	font-family: 'fontawesome';
	content: '\f019   ';
}
.fullscreen {
	background-color: #656566;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 50px !important;
	z-index: 2;
	overflow-x: hidden;
	overflow: scroll
}
@media all and (min-width: 650px) and (max-width: 1064px) {
	.fullscreen {
		padding: 80px 30px !important;
	}
}
@media all and (max-width: 650px) {
	.fullscreen {
		padding: 50px 0 0 !important;
	}
	.modal form .text-right {
		text-align: left
	}
	.fullscreen :not(#calendar) p,
	.fullscreen :not(#calendar) .linkbtn + hr {
		display: none
	}

}
#loading {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: rgba(0,0,0,.15);
	color: #fff
}
#loading i {
	display: block;
	padding: 0;
	font-size: 3em
}
#calendar h2 { 
	font-size: 1.4em
}
.fc-event-container {
	margin-right: 12px !important;
}
#addEvent .modal-body {
	background: #f1f2f3
}
#addEvent input[type="radio"] {
	-webkit-appearance: radio;
}
#addEvent input[type="checkbox"] {
	-webkit-appearance: checkbox;
}
.modal-footer .btn-default {
	border: 1px solid #d3d2d2;
	margin: 0.25em 0.5em;
	padding: 0.4em 1em;	
}
.vrijwilligers .btn-default {
	display: inline-block;
	padding: 0.3em 0.5em;
	border: 1px solid #d3d2d2;
	margin: 0.5em 0.5em 0 0;
}
.vrijwilligers .btn-default button {
	font-size: 0.75em;
	margin: 0.1em 0.1em 0.1em 1em;
	border-radius: 0.3em;
	border: none
}
[role="tablist"] {
  margin: 0 0 -.1em;
  overflow: visible;
}
[role="tab"] {
  position: relative;
  margin: 0;
  padding: .3em 1em .4em;
  border: 1px solid #f1f2f3;
  border-radius: .2em .2em 0 0;
  box-shadow: 0 0 .2em #545659;
  background: #f1f1f2;
}

[role="tab"]:hover::before,
[role="tab"]:focus::before,
[role="tab"][aria-selected="true"]::before {
  position: absolute;
  bottom: 100%;
  right: -1px;
  left: -1px;
  border-radius: 0.2em 0.2em 0 0;
  border-top: 3px solid #545659;
  content: '';
}

[role="tab"][aria-selected="true"] {
  border-radius: 0;
  background: #fff;
  outline: 0;
}

[role="tab"][aria-selected="true"]:not(:focus):not(:hover)::before {
  border-top: 3px solid #97a534
}

[role="tab"][aria-selected="true"]::after {
  position: absolute;
  z-index: 3;
  bottom: -1px;
  right: 0;
  left: -1px;
  height: .3em;
  background: #fff;
  box-shadow: none;
  content: '';
}

[role="tab"]:hover,
[role="tab"]:focus,
[role="tab"]:active {
  outline: 0;
  border-radius: 0;
  color: inherit;
}

[role="tab"]:hover::before,
[role="tab"]:focus::before {
  border-color: #545659;
}

[role="tabpanel"] {
  position: relative;
  z-index: 2;
  padding: .5em .5em 0;
  border: 1px solid #f1f2f3;
  border-radius: 0 .2em .2em .2em;
  box-shadow: 0 0 .2em #545659;
  background: hsl(220, 43%, 99%);

}
[role="tabpanel"]:focus {
  border-color: #545659;
  box-shadow: 0 0 .2em #545659;
  outline: 0;
}

[role="tabpanel"]:focus::after {
  position: absolute;
  bottom: 0;
  right: -1px;
  left: -1px;
  border-bottom: 3px solid #545659;
  border-radius: 0 0 0.2em 0.2em;
  content: '';
}

[role="tabpanel"] p {
  margin: 0;
}

[role="tabpanel"] * + p {
  margin-top: 1em;
}
.modal .dl-horizontal dd {
	color: #545659
}
button:not(.dropdown-toggle) .caret {
	display: none
}
@media all and (min-width: 768px) {
	.modal .dl-horizontal dt {
	 width: 26px;
	 text-align: center
	}
	.modal .dl-horizontal dd {
	 margin-left: 40px;
	}
}