/* - base.css - */
/* https://www.onemen.org/portal_css/base.css?original=1 */
body {
background-color: #fff;
margin: 0px;
font-family: Arial, sans-serif;
font-size: 90%;
color: #000;
}
a {
text-decoration: none;
color: #eb1e23;
}
a img { border: none; }
input { }
h1, h2, h3, h4, h5, h6 {
font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif;
font-weight: normal;
}
h1 {
margin-top: 0px;
margin-bottom: 20px;
color: #000;
font-family: 'ag_book_stencilmedium', Arial, sans-serif;
}
h2, h3, h4, h5, h6 {
color: #eb1e23;
margin-bottom: 0px;
}
.section-wat-kan-ik-doen h2.picture, .section-webshop h2.picture {
clear: both;
margin: 0px auto 10px;
width: 230px;
}
h5#Tagline{
color: #ffffff;
font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif;
}
pre {
background-color: #ede0cf;
color: #000;
font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
padding: 1em;
overflow-x: auto;
font-size: 90%;
margin-bottom: 1em;
line-height: 1.25em;
}
blockquote {
margin: 0 1em 0.5em 0.5em;
line-height: 1.25em;
float: right;
width: 35%;
clear: right;
color: #957633;
font-size: 1.1em;
}
@media screen and (min-width: 240px) {
h1, #content h1 {
font-size: 1.5em;
font-weight: normal;
}
h2, h3 { font-size: 1.25em; }
h4, h5, h6 { font-size: 1em; }
.section-wat-kan-ik-doen h2.picture, .section-webshop h2.picture{
clear: both;
}
}
@media screen and (min-width: 240px), screen and (max-width: 470px) {
.section-wat-kan-ik-doen h2.picture, .section-webshop h2.picture {
clear: both;
margin: 0px auto 10px;
width: 230px;
}
}
@media screen and (min-width: 480px){
.section-wat-kan-ik-doen h2.picture, .section-webshop h2.picture {
clear: both;
margin: 0px 0px 10px 0px;
}
}
@media screen and (min-width: 700px) {
h1, #content h1 {
font-size: 2.65em;
font-weight: normal;
}
h2, h3 { font-size: 1.5em; }
h4, h5, h6 { font-size: 1.25em; }
}


/* - ++resource++edition1.menu/menu.css - */
/* https://www.onemen.org/portal_css/++resource++edition1.menu/menu.css?original=1 */
.children-hidden + ul {
display: none;
}
.children-visible + ul {
display: block;
}


/* - public.css - */
/* https://www.onemen.org/portal_css/public.css?original=1 */
/* */
@media screen and (min-width: 240px) {
#bigfootersection, .portletNavigationTree,
#portal-siteactions, .list-item .newsImageContainer,
#steps-container, #home-search-section .link-support-pioneer,
footer #logos { display: none; }
.template-subscribe form .widget {
clear: left;
}
#visual-portal-wrapper { width: 100%; }
#portal-logo {
width: 200px;
height: 40px;
}
#portal-logo img{
width: 152px;
height: 52px;
}
#portal-header-text {
position: absolute;
top: 65px;
width: 96%;
padding: 0 2%;
margin-top: 15px;
font-family: 'ag_book_stencilmedium', Arial, sans-serif;
font-size: 1em;
}
h5#Tagline{
margin: 0px;
position: absolute;
top: 57px;
left: 63px;
color: #000000;
font-size: 1.1em;
}
/* */
#portal-searchbox {
position: absolute;
right: 10px;
top: 110px;
}
#portal-searchbox #livesearch0 {
background-color: #000;
height: 100%;
padding-left: 5px;
}
#portal-searchbox #searchGadget {
width: 155px;
height: 20px;
background-color: #bababa;
border: none;
font-size: 0.85em;
}
#portal-searchbox .searchButton {
width: 15px;
padding: 0px;
margin: 0px;
color: #fff;
border: none;
font-size: 22px;
background: #000;
cursor: pointer;
}
/* */
#footer-wrapper { position: relative; }
#portal-columns { padding-top: 160px; }
#responsive-menu{
margin-top: 60px;
top: 80px;
background: #ccc;
background: -webkit-linear-gradient(#b1aeae, #787878); /* */
background: -o-linear-gradient(#b1aeae, #787878); /* */
background: -moz-linear-gradient(#b1aeae, #787878); /* */
background: linear-gradient(#b1aeae, #787878); /* */
height: 50px;
width: 100%;
}
#portal-breadcrumbs, #portal-column-content, #portal-column-one,  h1 {
padding-left: 10px;
padding-right: 10px;
}
#content h1{
padding-left: 0px;
}
.sharingfootertitle {
font-size: 1em;
margin-bottom: 5px;
}
section#sharing {
margin-top: 20px;
padding: 5px 10px;
}
.addthis_toolbox { display: inline-block; width: 220px; }
#portal-column-content .list-item .list-title { font-size:  1.25em; }
#portal-column-content .item-date {
font-size: 0.75em;
color: #957633;
}
.newsImageContainer, .newsImage { float: none; }
.image-right, .image-left { max-width: 100%; }
.template-homepage_view #portal-columns {
padding-left: 2%;
padding-right: 2%;
}
#pioneer-search-form #continent, #pioneer-search-form #workfield,
#pioneer-search-form #name {
background: #e7322d;
color: #fff;
font-weight: bold;
border-top: 1px solid #fbdddc;
border-left: 1px solid #9b9b9b;
border-right: 1px solid #9b9b9b;
border-bottom: 1px solid #8b8b8b;
width: 100%;
padding: 5px 1%;
border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
}
#pioneer-search-form select { cursor: pointer; font-size: 1em;}
#pioneer-search-form label {
position: relative;
display: block;
}
#pioneer-search-form label:after {
content:"\25B2";
color: #fff;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
right: 8px;
top: 4px;
padding: 0 0 2px;
position: absolute;
pointer-events: none;
}
#pioneer-search-form label:before {
content:"";
right: 3px;
top: 3px;
width: 20px;
height: 20px;
background: #e7322d;
position: absolute;
pointer-events: none;
display: block;
}
#home-search-section {
margin-bottom: 20px;
background-color: #8b7551;
}
#search-pioneer {
padding: 10px;
background-color: #e4d7b2;
}
#search-pioneer h2 {
margin-bottom: 15px;
font-size: 110%;
}
#home-search-section h1 {
padding-top: 5px;
padding-bottom: 5px;
background-color: #8b7551;
}
#home-content {
clear: both;
margin-bottom: 10px;
}
#home-content #portal-column-one .portletWrapper{
float: left;
}
#home-content #portal-column-one dd.portletItem.video iframe{
width: 98%!important;
}
#home-button-donate,
#home-button-action,
#home-button-news,
#home-button-follow {
height: 80px;
}
#home-button-donate {
width: 46%;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
#home-button-action {
width: 45%;
border-bottom: 1px solid #fff;
border-right: 0;
}
#home-button-news {
border-right: 1px solid #fff;
width: 46%;
clear: both;
}
#home-button-follow {
width: 45%;
border-right: 0;
}
#home-button-follow a img {
width: 22%;
}
/* */
.portletYoutube .portletItem a {
position: relative;
margin-bottom: 15px;
display: block;
}
.portletYoutube .portletItem a span {
display: inline-block;
background-color: #000;
border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
padding: 2px 3px;
font-size: 80%;
position: absolute;
bottom: 5px;
right: 5px;
}
.portletYoutube .portletHeader,
.title_socialmedia, .other-p-title {
color: #000;
font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif;
font-weight: normal;
font-size: 150%;
margin-bottom: 10px;
}
#home-content .portletYoutube .portletItem { float: left; }
#home-content .portletYoutube .portletItem.video {
float: none;
padding-bottom: 20px;
}
#home-content .portletYoutube .odd {
width: 47%;
margin-left: 2.5%;
}
#home-content .portletYoutube .even {
width: 47%;
margin: 0 0 0 1%;
}
/* */
.photo-tape { display: none; }
#p-summary {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.portaltype-pioneer #portal-column-content {
margin-right: 2%;
margin-left: 2%;
margin-top: 20px;
}
.p-details {
background-color: #e4302f;
box-shadow: -1px 2px 3px #403626;
-webkit-box-shadow: -1px 2px 3px #403626;
-moz-box-shadow: -1px 2px 3px #403626;
position: relative;
padding-bottom: 15px;
}
.project-info {
background-color: #f9f6f1;
padding: 10px 2%;
margin-top: 5px;
margin-bottom: 0px;
}
.project-info dl { margin: 0px; }
.project-info .p-label {
color: #e4302f;
width: 85px;
text-align: left;
padding-bottom: 3px;
}
.project-info td {
width: 125px;
padding-bottom: 3px;
}
.portaltype-pioneer .project-info dd { width: 175px; }
.project-info .hidden-title { display: none; }
.p-tile {
min-height: 35px;
margin-bottom: 0px !important;
}
.p-tile:last-child {
min-height: 40px;
position: relative;
}
.p-tile img {
position: absolute;
right: 0px;
z-index: 2;
}
/* */
.project-status-bar {
background: url(project-status-label.png) no-repeat top center;
margin-top: -6px;
padding-top: 30px;
}
.project-status-bar  table {
border-spacing: 0px;
border-collapse: collapse;
color: #fff;
margin-left: 2%;
}
.project-status-bar th,
.project-status-bar tr td:nth-child(3) {
text-shadow: 1px 1px 1px #000;
font-family:'HelveticaNeueW01-45Ligh', Arial, sans-serif;
font-weight: normal;
letter-spacing: 0.08em;
}
.project-status-bar tr td:nth-child(3) { padding-left: 10px; }
.project-status-bar tr:nth-of-type(1) th,
.project-status-bar tr:nth-of-type(1) td { padding-top: 20px; }
.project-status-bar tr th,
.project-status-bar tr td {
padding-bottom: 10px;
text-align: left;
}
.project-status-bar th,
.project-status-bar td:nth-child(3) { width: 88px; }
.project-status-bar td:nth-child(2) { width: 35%; }
.project-status-label {
position: absolute;
bottom: 98px;
}
.progress-bar, .black-bar {
border: 1px solid #fff;
height: 15px;
}
.progress-bar { background-color: #adaaaa; }
.black-bar {
background-color: #000;
width: 100%;
}
/* */
/* */
.p-photo img {
max-width: 100%;
}
.p-photo {
margin-top: 10px;
text-align: center;
}
/* */
/* */
.p-support {
background-color: #f9f6f1;
padding-bottom: 10px;
}
.p-support h3 {
font-family:'HelveticaNeueW01-45Ligh', Arial, sans-serif;
color: #fff;
text-shadow: 1px 1px 1px #000;
background-color: #8b7551;
padding: 5px 3%;
font-size: 130%;
}
.p-support h4 {
font-family:'HelveticaNeueW01-45Ligh', Arial, sans-serif;
color: #000;
font-size: 130%;
padding: 5px 3%;
}
.p-button {
display: block;
padding: 5px 2%;
background-color: #e7322d;
border: 1px solid #fff;
box-shadow: 1px 1px 2px #000;
-webkit-box-shadow: 1px 1px 2px #000;
-moz-box-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 1px #000;
color: #fff;
width: 75%;
margin: 5px 2% 20px 2%;
font-family:'HelveticaNeueW01-45Ligh', Arial, sans-serif;
font-size: 110%;
letter-spacing: 1px;
}
.p-button:after {
content:"\00BB";
float: right;
}
/* */
/* */
.portaltype-pioneer #content h2 { color: #000; }
.portaltype-pioneer #content h3 { font-size: 100%; }
.portaltype-pioneer .p-details { min-height: 280px; }
.portaltype-pioneer .project-info { min-height: 145px; }
.search-p-button {
display: block;
background: url(reload-icon.png) no-repeat #838282;
background-position: right center;
background-origin: content-box;
color: #fff;
border-bottom: 1px solid #8b8b8b;
box-shadow: 1px 1px 2px #000;
-webkit-box-shadow: 1px 1px 2px #000;
-moz-box-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 1px #000;
padding: 7px;
}
.search-button-bg .portletHeader { display: none; }
.search-button-bg { background-color: #cecfcf; }
.contain-iframe,
.werkvelden-youtube-link {
max-width: 365px;
height: 248px;
}
/* */
/* */
/* */
.pioneer-block {
margin: 10px auto;
background-color: #e3d3b7;
width: 230px;
min-height: 297px;
position: relative;
box-shadow: 0px 2px 2px #434444;
-webkit-box-shadow: 0px 2px 2px #434444;
-moz-box-shadow: 0px 2px 2px #434444;
padding: 0px 0px 10px 0px;
margin-top: 0px;
}
.section-wat-kan-ik-doen .pioneer-block, .section-webshop .pioneer-block{
padding: 5px 0px 10px 0px;
min-height: 227px;
background-color: #eaebed;
width: 210px;
}
.pioneer-block.highlight {
background-color: #cd8a33;
min-height: 324px;
}
.pioneer-block .pioneer-name {
font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif;
font-size: 1.2em;
color: #fff;
margin: 0px 10px 5px;
}
.section-wat-kan-ik-doen .pioneer-block .pioneer-name,
.section-webshop .pioneer-block .pioneer-name{
color: black;
text-align: center;
min-height: 45px;
height: auto;
}
.continent-country { margin: 5px 10px; }
.pioneer-block .pioneer-name a {
color: #fff;
background-color: #e7322d;
padding: 2px;
display: inline-block;
}
.section-wat-kan-ik-doen .pioneer-block .pioneer-name a,
.section-webshop .pioneer-block .pioneer-name a{
background-color: transparent;
color: black;
}
.pioneer-block .picture {
overflow: hidden;
margin: 8px 0px 3px 0px;
width: 230px;
height: 104px;
position: relative;
}
.section-wat-kan-ik-doen .pioneer-block .picture,
.section-webshop .pioneer-block .picture {
margin: 15px 0px 10px 0px;
min-height: 200px;
height: auto;
float: none;
clear: none;
}
#search-listing-container .pioneer-block:nth-of-type(4n+1) .pioneer-block .picture {
margin: 15px 0px 15px 0px;
height: 230px;
}
.section-wat-kan-ik-doen .pioneer-block:nth-of-type(4n+1) .pioneer-block .picture,
.section-webshop .pioneer-block:nth-of-type(4n+1) .pioneer-block .picture {
margin: 15px 0px 0px 0px;
min-height: 200px;
height: auto;
}
.pioneer-block .picture img {
position: absolute;
top: -10px;
}
.section-wat-kan-ik-doen .pioneer-block .picture img,
.section-webshop .pioneer-block .picture img{
top: 0px;
width: 190px;
margin: 0px 9px 0px 9px;
border: 1px solid #bcbbb8;
}
#pioneer-listing .project-info {
background-color: transparent;
padding-left: 10px;
padding-top: 2px;
}
#pioneer-listing .pioneer-block.highlight .project-info .p-label {
color: #fff;
text-shadow: 1px 1px #000;
}
#pioneer-listing #search-pioneer {
float: none;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 210px;
}
.other-p-title {
border-bottom: 2px solid #e7322d;
position: relative;
margin: 40px 0 20px 2%;
}
.other-p-title span {
background-color: #fff;
display: inline-block;
position: absolute;
bottom: -10px;
padding: 0px 15px 0 0;
font-weight: normal;
}
#pioneer-listing .support-button {
background-color: #000;
display: inline-block;
border: 1px solid #a0a0a0;
border-top: 1px solid #d9d9d9;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
border-radius:6px;
padding: 1px 10px 3px 10px;
font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif;
font-weight: normal;
color: #fff;
font-size: 100%;
width: 120px;
position: absolute;
bottom: 10px;
left: 10px;
line-height: 1.5em;
}
.section-wat-kan-ik-doen #pioneer-listing .bestel-button,
.section-webshop #pioneer-listing .bestel-button{
margin: 0px auto;
background-color: #e7322d;
display: block;
border: 1px solid #a0a0a0;
border-top: 1px solid #d9d9d9;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
border-radius:6px;
padding: 1px 10px 3px 10px;
font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif;
font-weight: normal;
color: #fff;
font-size: 100%;
width: 120px;
line-height: 1.5em;
text-align: center;
}
#pioneer-listing .support-button:after {
content: url(white-arrows.gif);
position: relative;
top: 3px;
padding: 0px 0px 5px 10px;
}
#pioneer-search-form span {
font-weight: bold;
display: block;
padding: 5px 10px;
}
.results-title {
font-weight: bold;
margin-bottom: 10px;
font-size: 120%;
margin-left: 10px;
}
#search-listing-container .pioneer-name,
#first-batch-container .pioneer-name { padding-top: 10px; }
/* */
/* */
.section-werkvelden .werkvelden-youtube-link iframe {
height: 240px;
}
.section-werkvelden #portal-column-content {
position: relative;
}
.section-werkvelden #sharing{
position: absolute;
bottom: -220px;
}
.section-werkvelden footer {
margin-top: 10px;
}
/* */
.section-onze-pioniers #content h3 img {
width: 100%;
}
/* */
/* */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: white;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #e2e2e4;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 25px;
line-height: 25px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: black;
right: 0px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
/* */
img.mfp-img {
width: auto;
max-width: 90%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
border: 1px solid #bcbbb8;
margin: 40px auto 40px;
}
/* */
.mfp-figure {
padding: 10px 0px 10px 0px;
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
background: #e2e2e4;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
padding-bottom: 20px;
text-align: center;
line-height: 18px;
color: black;
word-wrap: break-word;
min-height: 25px;
height: 50px;
font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif;
font-size: 1.5em;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
#portal-column-one .portlet{
padding: 0;
}
#portal-column-one .portlet.facebookWallPortlet, #portal-column-one .portlet.portletTwitterPortlet{
padding: 8px;
}
@media screen and (min-width: 320px) {
.addthis_toolbox { display: inline-block; width: 320px; }
.section-wat-kan-ik-doen .pioneer-block .picture,
.section-webshop .pioneer-block .picture {
margin: 15px 0px 10px 0px;
min-height: 212px;
height: auto;
float: none;
clear: none;
}
.section-wat-kan-ik-doen .pioneer-block .picture img,
.section-webshop .pioneer-block .picture img {
top: 0px;
width: 210px;
margin: 0px 9px 0px 9px;
border: 1px solid #bcbbb8;
}
.section-wat-kan-ik-doen .pioneer-block,
.section-webshop .pioneer-block {
min-height: 227px;
background-color: #eaebed;
width: 230px;
}
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure {
/* */ }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
/* */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/* */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
/* */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
/* */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/* */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
/* */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.werkvelden-youtube-link {
margin-bottom: 20px;
height: 221px;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/* */
}
@media screen and (min-width: 479px) {
#portal-column-two {
width: 50%;
}
.template-subscribe form .widget {
clear: none;
}
#search-pioneer {
width: 45%;
float: left;
}
#pioneer-listing {
margin-left: auto;
margin-right: auto;
width: 98%;
}
.section-wat-kan-ik-doen #pioneer-listing,
.section-webshop #pioneer-listing {
width: 100%;
}
#pioneer-listing #search-pioneer,
#pioneer-listing .pioneer-block{
float: left;
margin-left: 1.5%;
margin-right: 1.5%;
}
.section-wat-kan-ik-doen #pioneer-listing .pioneer-block,
.section-webshop #pioneer-listing .pioneer-block {
float: left;
margin-left: 0%;
margin-right: 2%;
}
.pioneer-block, .pioneer-block .picture,
.section-wat-kan-ik-doen .pioneer-block,
.section-webshop .pioneer-block,
.section-wat-kan-ik-doen .pioneer-block .picture,
.section-webshop .pioneer-block .picture { width:220px; }
.section-wat-kan-ik-doen .pioneer-block .picture img,
.section-webshop .pioneer-block .picture img{
top: 0px;
width: 200px;
}
#pioneer-listing #search-pioneer {
background-color: #a88a66;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 20px;
width: 219px;
overflow: hidden;
}
#pioneer-listing #search-pioneer h2,
#pioneer-listing #search-pioneer #pioneer-search-form {
background-color: #e6dbbf;
padding: 10px;
}
#pioneer-listing #search-pioneer h2 {
margin-bottom: 0;
padding-bottom: 10px;
width: 100%;
}
#home-search-section {
background-image: url(steun-button.png);
background-repeat: no-repeat;
background-position: bottom right;
background-size: auto auto;
}
#home-search-section h1 {
width: 45%;
float: left;
padding-top: 23px;
}
#search-pioneer h2 { font-size: 120%; }
.p-button { width: 50%; }
.portaltype-pioneer .project-info { width: 96.45%; }
.portaltype-pioneer .project-info table { width: 100%; }
.portaltype-pioneer .project-info .p-label { width: 20%; }
.portaltype-pioneer .project-info td { width: 80%; }
}
@media screen and (min-width: 599px) {
.template-donation-form .formControls {
padding: 10px 0 20px 0px;
text-align: right;
}
#portal-header-text {
position: absolute;
right: 40px;
padding: 0;
top: 0;
width: 50%;
margin-top: 10px;
font-size: 1.7em;
}
/* */
.template-homepage_view #portal-columns { padding-top: 170px; }
#home-search-section {
background: url(home-search-bg.jpg) no-repeat top left;
background-size: 100% auto;
width: 100%;
height: 300px;
max-height: 300px;
margin-bottom: 30px;
position: relative;
}
#search-pioneer {
width: 29.506%;
padding: 2px 1.5%;
}
#home-search-section h1 {
font-size: 135%;
width: 49.781%;
margin-right: 10.5%;
margin-top: 10px;
color: #fff;
padding-top: 0px;
padding-bottom: 0px;
background-color: transparent;
}
#home-search-section .link-support-pioneer {
display: block;
overflow: hidden;
width: 50%;
height: 0px;
padding-top: 110px;
position: absolute;
right: 30px;
top: 70px;
}
#home-button-donate,
#home-button-action,
#home-button-news,
#home-button-follow {
border-right: 1px solid #fff;
height: 100px;
border-bottom: 0;
}
#home-button-donate{
width: 16%;
}
#home-button-action{
width: 20%;
}
#home-button-news{
border-right: 1px solid #fff;
width: 29%;
clear: inherit;
}
#home-button-follow{
width: 18%;
border-right: 0;
}
#search-pioneer h2 {
width: 80%;
margin-bottom: 20px;
font-size: 120%;
}
#home-content #portal-column-one .portletWrapper {
width: 100%;
margin-right: 0;
}
#home-content .portletWrapper:nth-of-type(2),
.template-homepage_view #portal-column-two .portletWrapper:nth-of-type(2) {
width: 48.5%;
float: left;
margin-right: 2.5%;
}
#home-content #portal-column-one .portletWrapper:nth-of-type(3),
.template-homepage_view #portal-column-two .portletWrapper:nth-of-type(3) {
width: 48%;
float:left;
margin-right: 0;
}
/* */
#home-content .portletYoutube .portletItem.video {
float: left;
width: 356px;
padding-bottom: 0px;
}
#home-content .portletYoutube .odd {
width: 22%;
margin-left: 2.5%;
}
#home-content .portletYoutube .even {
width: 22%;
margin: 0 0 0 1%;
}
.portletYoutube .portletHeader,
.title_socialmedia {
color: #000;
font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif;
font-weight: normal;
font-size: 180%;
margin-bottom: 10px;
}
#search-pioneer { background: transparent; }
/* */
.photo-button-container {
background: url(p-detail-bg.jpg) no-repeat top left;
clear: both;
padding-bottom: 10px;
}
.p-photo {
float: left;
width: 52%;
height: 230px;
overflow: hidden;
margin-right: 2%;
margin-left: 2%
}
.p-photo {
border: 3px solid #fff;
box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
-moz-box-shadow: 1px 1px 3px #000;
}
.p-support {
width: 38%;
background: url(title-support-bg.png) no-repeat top left;
float: right;
}
.p-support h3 {
background-color: transparent;
font-size: 140%;
margin-top: 5px;
margin-left: 2%;
font-weight: normal;
width: 80%;
letter-spacing: 0.06em;
}
.p-support h4 {
font-weight: bold;
font-size: 160%;
margin-top: 15px;
}
.p-button { font-size: 100%; }
.portaltype-pioneer .project-info { width: 96.3%; }
.portaltype-pioneer .project-info table { width: 100%; }
.portaltype-pioneer .project-info .p-label { width: 20%; }
.portaltype-pioneer .project-info td { width: 80%; }
/* */
.sharingfootertitle { float: left; }
.search-button-bg { width: 95%; }
/* */
.continent-country {
font-size: 90%;
font-weight: bold;
}
/* */
.pioneer-block, .pioneer-block .picture,
#pioneer-listing #search-pioneer,
.section-wat-kan-ik-doen .pioneer-block .picture,
.section-webshop .pioneer-block .picture,
.section-wat-kan-ik-doen .pioneer-block,
.section-webshop .pioneer-block { width: 230px; }
.portaltype-pioneer #portal-column-one {
padding-left: 2%;
padding-right: 2%;
}
.section-werkvelden .werkvelden-left,
.section-werkvelden .werkvelden-right {
float: left;
width: 49%;
clear: none;
}
.section-werkvelden .werkvelden-left {
padding-right: 1%;
}
.section-werkvelden .werkvelden-right {
padding-left: 1%;
}
.section-werkvelden h3 {
clear: both;
}
.section-werkvelden .werkvelden-left img,
.section-werkvelden .werkvelden-right img {
width: 100%;
}
.werkvelden-youtube-link {
width: 50%;
}
.section-werkvelden .werkvelden-youtube-link iframe {
height: 213px;
}
/* */
.contain-iframe {
width: 100%;
max-width: 480px;
height: 305px;
}
}
@media screen and (min-width: 727px) {
.p-support { width: 33%; }
#home-content { clear: none; }
.template-homepage_view #portal-columns { padding-top: 200px; }
#portal-column-one .portlet {
float: left;
margin-right: 1.5%;
}
#pioneer-listing .pioneer-block, .section-wat-kan-ik-doen .pioneer-block,
.section-webshop .pioneer-block {
margin-left: 1.2%;
margin-right: 1.2%;
}
#portal-columns { padding-top: 200px; }
.p-button { width: 75%; }
#home-search-section .link-support-pioneer {
right: 30px;
top: 100px;
}
.portletNavigationTree { width: 232px;}
}
@media screen and (min-width: 730px) {
#portal-header-text {
position: absolute;
top: 75px;
width: inherit;
font-family: 'ag_book_stencilmedium', Arial, sans-serif;
font-size: 1.7em;
}
#portal-logo {
width: 303px;
height: 83px;
position: absolute;
top: 0px;
left: 10px;
}
#portal-searchbox {
position: absolute;
top: 0px;
z-index: 2;
}
.section-wat-kan-ik-doen .pioneer-block .picture img,
.section-webshop .pioneer-block .picture img{
top: 0px;
width: 210px;
}
/* */
.section-werkvelden #portal-column-one .portletImage{
margin-left: 0;
}
.section-werkvelden #sharing{
position: inherit;
bottom: auto;
}
.section-werkvelden .werkvelden-youtube-link iframe{
height: 221px;
}
.section-werkvelden footer {
margin-top: 0;
}
/* */
}
@media screen and (min-width: 745px) {
#bigfootersection, #portal-siteactions,
.list-item .newsImageContainer, .portletNavigationTree { display: block; }
.template-donation-form #content-core form { width: 460px; }
.sharingfootertitle { font-size: 1.25em; }
#portal-columns { margin-top: 0px; }
#portal-searchbox,
#portal-siteactions {
position: absolute;
top: 0px;
z-index: 2;
}
#portal-footer {
position: absolute;
right: 15px;
top: 0px;
width: 16.87116564%;
}
/* */
#portal-siteactions {
margin: 0;
list-style-type: none;
background-color: #000;
right: 208px;
height: 35px;
padding-right: 10px;
padding-left: 5px;
}
#portal-siteactions a {
color: #fff;
display: inline-block;
padding-left: 5px;
padding-right: 5px;
border-left: 1px solid #fff;
font-size: 0.9em;
}
#portal-siteactions a img {
border: 1px solid #C3A461;
vertical-align: top;
margin-top: 1px;
}
#portal-siteactions li {
display: inline-block;
padding-top: 8px;
padding-bottom: 3px;
}
#portal-siteactions li:first-child a { border: none; }
/* */
/* */
#portal-searchbox {
background: url(site-actions-end-bg.png) no-repeat top right;
height: 35px;
right: 20px;
padding-right: 10px;
}
/* */
#bigfootersection section {
float: left;
width: 34.31492842%;
margin-right: 15px;
min-height: 300px;
}
#bigfootersection section .first-item {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 110%;
}
#bigfootersection section a {
display: block;
margin-bottom: 10px;
}
#bigfootersection section a:hover, #copyright-info a:hover { text-decoration: underline; }
#portal-footer {
position: absolute;
right: 15px;
width: 16.87116564%;
}
#portal-column-content .list-item .list-title { font-size:  1.5em; }
#portal-column-content .item-date {
font-size: 0.7em;
color: #957633;
}
/* */
.newsImageContainer { float: right; }
.image-right, .newsImage {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.image-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
#home-search-section h1 {
font-size: 265%;
width: 41.781%;
margin-right: 2.4%;
margin-top: 12px;
line-height: 130%;
text-align: right;
}
#search-pioneer h2 {
font-size: 130%;
width: 65%;
margin-bottom: 30px;
letter-spacing: 0.08em;
}
.p-support h3, .p-support h4 { font-size: 150%; }
}
@media screen and (min-width: 600px) {
.portaltype-pioneer #portal-column-content {
margin-left: 2.5%;
padding-right: 5.5%;
}
.p-button { width: 80%; }
#home-content #portal-column-one .results-wrapper {
height: 272px;
overflow-y: auto;
}
#home-content #portal-column-one .portletWrapper:nth-of-type(2) {
width: 48.5%;
float: left;
margin-right: 2.5%
}
#home-content #portal-column-one .portletWrapper:nth-of-type(3) {
background: none repeat scroll 0 0 #333333;
border-radius: 8px 8px 8px 8px;
color: #CFCFCF;
width: 48%;
height: 317px;
padding-top: 2%;
padding-bottom: 2%;
}
#home-content #portal-column-one .portletTwitterPortlet {
height: 321px;
overflow-y: auto;
width: 90%;
padding-top: 0px;
padding-bottom: 0px;
}
}
@media screen and (min-width: 800px) {
#bigfootersection section {
float: left;
width: 120px;
padding-right: 15px;
}
#portal-footer {
float: right;
margin-top: -15px;
width: 16.87116564%;
position: relative;
top: 0;
right: 0;
}
.p-support h3, .p-support h4 { font-size: 160%; }
.small-menu .menu-level-1 { width: 35%; }
.addthis_toolbox { display: inline-block; width: 400px; }
/* */
#pioneer-listing #search-pioneer {
margin-left: 0;
margin-right: 1%;
background: url(search-listing-bg.jpg) no-repeat;
height: 370px;
}
#pioneer-listing #search-pioneer h2,
#pioneer-listing #search-pioneer #pioneer-search-form {
width: auto;
background: transparent;
}
#pioneer-listing #search-pioneer h2 {
font-size: 165%;
margin-top: 30px;
font-family: 'HelveticaNeueW01-45Ligh', Arial, sans-serif;
}
#pioneer-listing {
margin: 0;
width: 97%;
margin-left: 10px;
}
#highlight-container .pioneer-block.highlight {
margin-top: 25px;
position: relative;
margin-right: 1%;
margin-left: 1%;
background: url(inthepicture-bg.jpg) top left no-repeat;
min-height: 330px;
}
#pioneer-listing .pioneer-block .pioneer-name {
font-size: 110%;
}
.section-wat-kan-ik-doen #pioneer-listing .pioneer-block .pioneer-name,
.section-webshop #pioneer-listing .pioneer-block .pioneer-name{
min-height: 40px;
height: auto;
}
#pioneer-listing .pioneer-block .p-label { font-weight: normal; }
#pioneer-listing .project-info {
margin: 0;
padding-bottom: 5px;
padding-top: 0px;
}
.pioneer-block .photo-tape {
left: 73px;
top: -20px;
opacity: 0.7;
transform:rotate(3deg);
-ms-transform:rotate(3deg); /* */
-moz-transform:rotate(3deg); /* */
-webkit-transform:rotate(3deg); /* */
-o-transform:rotate(3deg); /* */
}
.pioneer-block.highlight:nth-of-type(2) .photo-tape {
transform:rotate(10deg);
-ms-transform:rotate(10deg); /* */
-moz-transform:rotate(10deg); /* */
-webkit-transform:rotate(10deg); /* */
-o-transform:rotate(10deg); /* */
}
.pioneer-block.highlight:last-child,
#first-batch-container .pioneer-block:last-child { margin-right: 0px !important; }
.other-p-title { margin: 20px 0px 30px 0px; }
#pioneer-listing .pioneer-block, .section-wat-kan-ik-doen .pioneer-block,
.section-webshop .pioneer-block {
margin-left: 1%;
margin-right: 1%;
}
#search-listing-container .pioneer-block:nth-of-type(3n+1), .section-wat-kan-ik-doen .pioneer-block:nth-of-type(3n+1)
.section-webshop .pioneer-block:nth-of-type(3n+1) { margin-left: 0; }
#search-listing-container .pioneer-block:nth-of-type(3), .section-wat-kan-ik-doen .pioneer-block:nth-of-type(3)
.section-webshop .pioneer-block:nth-of-type(3) { margin-right: 0; }
#search-listing-container .pioneer-block,
#first-batch-container .pioneer-block {
margin-bottom: 30px;
background: url(pioneer-bg.jpg) no-repeat top left;
padding-bottom: 13px;
}
.section-wat-kan-ik-doen .pioneer-block, .section-webshop .pioneer-block{
margin-bottom: 30px;
background: #eaebed none no-repeat top left;
}
#search-listing-container .project-info { padding-bottom: 10px; }
.project-status-bar { width: 280px; }
/* */
#steps-container {
display: block;
margin-top: 20px;
margin-bottom: 20px;
border-bottom: 2px solid #eb1e23;
padding-bottom: 5px;
}
#steps-container ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
#steps-container ul li {
display: inline-block;
width: 155px;
padding: 0 0 0 42px;
margin: 0;
background: url(steps-sprite.png) no-repeat;
}
#steps-container .step-title {
font-weight: bold;
color: #eb1e23;
font-size: 125%;
}
#steps-container #step-4 { width: 100px; }
#steps-container #step-1 { width: 203px; background-position: -8px 0px; }
#steps-container #step-2 { width: 203px; background-position: -8px -60px; }
#steps-container #step-3 { width: 203px; background-position: -8px -119px; }
#steps-container #step-4 { width: 188px; background-position: -8px -180px; }
/* */
section#sharing { padding: 5px 0px; }
#search-pioneer h2 {
font-size: 150%;
width: 85%;
margin-top: 8px;
}
.template-homepage_view #portal-columns {
padding-left: 0;
padding-right: 0;
}
#search-listing-container .project-info { padding-bottom: 5px; }
}
@media screen and (min-width: 917px) {
footer #logos { display: block; }
}
@media screen and (min-width: 899px) {
#portal-logo img{
width: 243px;
height: 83px;
}
h5#Tagline{
margin: 0px;
position: absolute;
top:96px;
left: 105px;
font-size: 1.2em;
color: #000;
font-weight: bold;
}
#portal-header-text {
position: absolute;
top: 75px;
font-family: 'ag_book_stencilmedium', Arial, sans-serif;
font-size: 1.7em;
}
#portal-columns { padding-top: 200px; }
.portaltype-pioneer #portal-column-content,
.portaltype-pioneer #portal-column-one {
position: relative;
float: left;
}
.portaltype-pioneer #portal-column-content { margin-left: 24%; }
.portaltype-pioneer #portal-column-one {
width: 21%;
margin-top: 20px;
}
/* */
#p-summary {
margin: 0 0 15px 0;
width: 100%;
background: url(p-detail-bg.jpg) no-repeat top left;
padding-bottom: 8px;
position: relative;
}
.p-details {
width: 30.6%;
float: left;
padding-bottom: 5px;
}
.project-info {
margin-top: 5px;
padding-bottom: 5px;
}
.project-status-label { bottom: 90px; }
.portaltype-pioneer .project-info td { width: 195px; }
.photo-button-container {
background: none;
width: 69.4%;
float: left;
clear: none;
}
.p-photo {
margin-top: 12px;
margin-left: 4%;
width: 58%;
height: 250px;
box-shadow: 1px 1px 8px #000;
-webkit-box-shadow: 1px 1px 8px #000;
-moz-box-shadow: 1px 1px 8px #000;
transform:rotate(2deg);
-ms-transform:rotate(2deg); /* */
-moz-transform:rotate(2deg); /* */
-webkit-transform:rotate(2deg); /* */
-o-transform:rotate(2deg); /* */
}
.photo-tape {
display: block;
position: absolute;
top: -10px;
left: 440px;
z-index: 4;
}
.portaltype-pioneer #portal-column-one { margin-left: -100%; }
/* */
#steps-container ul li { width: 190px; }
#pioneer-listing {
margin-left: 0px;
width: 100%;
}
#pioneer-listing .project-info {  margin-top: 10px; }
}
@media screen and (min-width: 980px) {
#visual-portal-wrapper { width: 98%;}
#portal-breadcrumbs, #portal-column-content, #portal-column-one,  h1 {
padding-left: 0px;
padding-right: 0px;
}
#home-content {
float: left;
width: 66%;
}
#portal-column-two {
width: 22.2%;
float: left;
margin-left: 2%;
}
#portal-column-two .portlet { width: 100%; }
.template-homepage_view #portal-column-two .portlet { width: 95%; }
.template-homepage_view #portal-column-two .portletWrapper {
float: none;
width: 100%;
}
#portal-column-one .portlet {
width: 100%;
float: none;
}
#portal-column-two .portletWrapper:first-child .portlet { padding-top: 0px; }
#portal-column-two .portletWrapper:first-child .portlet p,
#content p:first-child { margin-top: 0px; }
#search-listing-container .pioneer-block:nth-of-type(3n+1),
.section-wat-kan-ik-doen .pioneer-block:nth-of-type(3n+1),
.section-webshop .pioneer-block:nth-of-type(3n+1) { margin-left: 1%; }
#search-listing-container .pioneer-block:nth-of-type(3),
.section-wat-kan-ik-doen .pioneer-block:nth-of-type(3),
.section-webshop .pioneer-block:nth-of-type(3) { margin-right: 1%; }
#search-listing-container .pioneer-block:nth-of-type(4n+1),
.section-wat-kan-ik-doen #pioneer-listing div .pioneer-block:nth-of-type(4n+1),
.section-webshop #pioneer-listing div .pioneer-block:nth-of-type(4n+1) { margin-left: 0; }
#search-listing-container .pioneer-block:nth-of-type(4n),
.section-wat-kan-ik-doen #pioneer-listing div .pioneer-block:nth-of-type(4n),
.section-webshop #pioneer-listing div .pioneer-block:nth-of-type(4n) { margin-right: 0; }
.template-homepage_view #portal-column-one .portletTwitterPortlet {
width: 95%;
}
.portaltype-pioneer #portal-column-content {
margin-right: 0;
margin-left: 34%;
width: 62% !important;
margin-top: 0px;
}
.portaltype-pioneer #portal-column-one {
margin-left: -101.5%;
width: 28.5% !important;
margin-top: 0px;
padding-left: 0;
padding-right: 0;
}
.template-homepage_view  #portal-columns #portal-column-two { width: 32% !important; }
.template-homepage_view #portal-column-one { width: 100% !important; }
.portlet.portletYoutube { padding-left: 0;}
#home-content .portletYoutube .even { margin: 0 0 0 2.5%; }
.template-homepage_view #portal-column-one .portlet.facebookWallPortlet { width: 95%; }
.portaltype-pioneer .project-info { width: 289px; }
.portaltype-pioneer .project-info table { width: 100%; }
.portaltype-pioneer .project-info .p-label { width: 85px; }
.portaltype-pioneer .project-info td { width: 204px; }
.p-support h4 { padding: 5px 3% 5px 5%; }
.p-button { margin: 5px 5% 20px; }
}
@media screen and (min-width: 1000px){
#visual-portal-wrapper {
width: 980px;
}
}
@media screen and (min-width: 1050px){
#portal-header-text {
right: 40px;
padding: 0;
}
}
/* */
/* */
#visual-portal-wrapper {
position: relative;
margin: 0px auto;
}
header {
position: absolute;
top: 0px;
width: 100%;
max-height: 225px;
}
footer {
background-color: #eb1e23;
padding: 0 1% 1%;
color: #fff;
width: 98%;
}
footer a { color: #fff; }
footer #logos {
border-top: 2px solid #eb1e23;
background-color: #fff;
margin-left: -11px;
margin-right: -11px;
padding-left: 11px;
padding-right: 11px;
color: #000;
height: 58px;
}
footer #logos p { margin: 0px; }
footer #logos .image-left {
margin-bottom: 0px;
margin-top: 8px;
}
footer #logos table th,
footer #logos table td {
vertical-align: middle;
}
#footer-wrapper {
padding-top: 20px;
font-size: 90%;
}
#portal-footer ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#portal-logo {
padding-top: 5px;
display: block;
}
#portal-logo img, .headerimage img { max-width: 100%; }
.headerimage { padding-top: 20px; }
/* */
#portal-searchbox input {
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
#portal-breadcrumbs { margin-bottom: 25px; }
#breadcrumbs-you-are-here { display: none; }
#content-core p:first-child,
#content-core h2:first-child,
#content-core > div > h3:first-child,
#content p:first-child,
#content h2:first-child,
#content > div > h3:first-child { margin-top: 0px; }
/* */
section#sharing {
border-top: 2px solid #eb1e23;
}
.sharingfootertitle {
font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif;
font-weight: normal;
margin-right: 10px;
padding-left: 10px;
display: none;
}
#follow-us {
text-align: right;
}
/* */
/* */
#portal-column-content .list-item .description p { margin: 0px; }
#portal-column-content .list-item .list-title {
font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif;
font-weight: normal;
}
/* */
.newsImage {
max-width: 100%;
}
/* */
.template-search_form .field {
margin: 10px 0px;
}
.template-search_form #searchform [for="SearchableText"] { font-weight: bold; }
.template-search h1, .template-search_form h1 { font-size: 1.5em; }
.template-search_form #portal-columns > h1 { display: none; }
.template-search_form #searchform .collapsible {
margin-left: 15px;
margin-bottom: 5px;
}
.template-search_form #searchform .collapsible label {
font-weight: bold;
cursor: pointer;
}
.template-search_form #searchform .collapse label {
font-weight: normal;
}
.template-search_form #searchform #sort_on { margin-bottom: 15px; }
.template-search_form #searchform .formControls { margin-top: 15px; }
.template-search_form #searchform .formControls .context,
.template-search .searchButton {
background-color: #000;
color: #fff;
border: none;
cursor: pointer;
padding: 2px;
}
/* */
/* */
.list-title { font-weight: bold; }
.list-item {
clear: both;
margin-bottom: 20px;
}
/* */
/* */
.hiddenStructure, #pb_1, #pb_2,
.searchSection { display: none; }
.visualClear { clear: both;}
/* */
#LSResult {
position: absolute;
background: #000;
margin: 0em 0 0 -7em;
opacity: 0.8;
z-index: 100;
}
#LSResult fieldset {
padding: 1em 0 0;
border: none;
}
#livesearchLegend {
background-color: #000;
padding:0.3em;
color: #fff;
}
#LSResult .LSDescr {
font-size: 85%;
color: #fff;
}
.LSRow,
#LSNothingFound {
display: block;
padding: 0.5em 1em;
white-space: normal;
width: 18em;
}
.LSHighlight {
background: #ddd;
}
.LSTable {
margin: 0px;
padding: 0px;
}
table.invisible td { vertical-align: top; }
#content table.invisible p,
#content table.listing p,
#content table.grid p { margin-top: 10px; }
.LSRow a {
color: #fff;
}
/* */
/* */
dl.portalMessage {
background-color: #ffffff;
border: 1px solid #f01709;
}
dl.portalMessage a {
color: black;
border: none;
text-decoration: underline;
}
dl.portalMessage dt {
background-color: #f01709;
font-weight: bold;
float: left;
margin: 0 0.5em 0 0;
padding: 0.5em 0.75em;
color: White;
line-height: 1.25em;
}
dl.portalMessage dd {
padding: 0.5em 0.5em;
margin: 0;
line-height: 1.25em;
}
/* */
/* */
#content table td p { margin-top: 0px; }
/* */
table.listing,
.stx table {
border-collapse: collapse;
border-spacing: 0;
border-left: 1px solid #ede0cf;
border-bottom: 1px solid #ede0cf;
margin: 1em 0em 1em 0em;
}
table.listing th,
.stx table th {
background: #ede0cf;
border-top: 1px solid #ede0cf;
border-bottom: 1px solid #ede0cf;
border-right: 1px solid #ede0cf;
font-weight: normal;
padding: 0.25em 0.5em;
}
table.listing .top {
border-left: 1px solid #ede0cf;
border-top: 1px solid #ede0cf;
border-right: 1px solid #ede0cf;
text-align: right ! important;
padding: 0em 0em 1em 0em;
}
table.listing .listingCheckbox { text-align: center; }
table.listing td,
.stx table td {
border-right: 1px solid #ede0cf;
padding: 0.25em 0.5em;
}
table.listing a { text-decoration: none; }
table.listing a:hover { text-decoration: underline; }
table.listing img { vertical-align: middle; }
table.listing td a label,
.stx table td a label { cursor: pointer; }
/* */
table th, table td { vertical-align: top; }
table.vertical th { text-align: right; }
table.vertical td {
border-top: 0.1em solid #ede0cf;
padding: 0.5em;
}
/* */
table.grid td,
table.grid th {
border: 1px solid #ede0cf;
padding: 0.5em;
}
/* */
table.plain,
table.plain td,
table.plain th {
border: 1px solid #ede0cf;
padding: 0.5em;
border-collapse: collapse;
}
/* */
.callout {
background: #EDE0CF;
padding: 1em;
border-left: 1em solid #957633;
clear: both;
}
.visualHighlight { background-color: #ffb; }
/* */
/* */
div.overlay {
width: auto;
height: auto;
/* */
display: none;
/* */
margin: 1em;
font-size: 80%;
}
div.overlay-iframe,
div.overlay-ajax {
width: 60%;
min-height: 100px;
z-index: 99; /* */
}
div.overlay-iframe { height: 60%; }
/* */
div.overlaybg div.close,
div.overlay div.close {
background-image: url(pb_close.png);
position: absolute;
left: -14px;
top: -14px;
cursor: pointer;
height: 30px;
width: 30px;
}
.pb-ajax { overflow-y: auto; }
.pb-ajax, .pb-image, .overlay iframe {
background-color: #fff;
border: 1px solid #999;
white-space: normal;
box-shadow: 0 0 3em 0.5em #666;
-moz-box-shadow: 0 0 3em 0.5em #666;
-webkit-box-shadow: 0 0 3em #666;
}
.pb-ajax > div {
width: 92%;
padding: 1em;
}
.pb-ajax .documentActions { display:none; }
div.overlay div.close span {
display: block;
height: 1px;
margin: -1px 0 0 -1px;
overflow: hidden;
padding: 0;
width: 1px;
}
div.overlay textarea { width: 100%; }
/* */
div.overlay .link-parent { display: none; }
div.overlay #createGroup legend { display: none; }
div.overlay #createGroup fieldset { border: none; }
/* */
div.overlay p { margin-bottom: 1em; }
div.overlay label { margin-bottom: 0.25em; }
div.overlay a:hover { color: #75ad0a; }
div.overlay a.selected { color: #000000; }
div.overlay .formTab {
margin-right:1em;
font-weight: bold;
}
div.overlay .formTab.lastFormTab { margin-right:0em; }
div.overlay .formControls a {
display: block;
margin: 0.75em;
}
/* */
/* */
.template-fg_thankspage_view_p3 blockquote {
float: none;
color: #000;
width: 100%;
}
.template-fg_thankspage_view_p3 dt { font-weight: bold; }
.template-fg_thankspage_view_p3 dd { margin: 0px 0px 10px 0px; }
.pfg-form { margin: 20px 0px; }
.pfg-form fieldset, .template-donation-form form {
border: none;
padding: 0px;
margin: 0px;
background-color: #eee0cf;
}
.donationnote {
width: 480px;
padding-bottom: 10px;
font-size: 0.79em;
}
.donationnote .mollie{
font-weight: bold;
}
.pfg-form fieldset:first-child legend { padding: 10px 0px; }
.pfg-form fieldset legend {
margin-left: 0px;
color: #eb1e23;
font-family: 'HelveticaNeueW01-55Roma', Arial, sans-serif;
font-size: 1.3em;
font-weight: normal;
display: block;
background-color: #fff;
width: 100%;
padding: 20px 0px 10px 0px;
}
.pfg-form label, .pfg-form .label {
float: left;
width: 155px;
font-weight: bold;
}
.PFGFieldsetWidget .ArchetypesBooleanWidget .formQuestion { float: none ; }
.pfg-form .ArchetypesMultiSelectionWidget .formQuestion.label {
width:100%
padding-bottom: 10px;
}
.pfg-form .ArchetypesMultiSelectionValue {
clear: left;
}
.pfg-form .ArchetypesMultiSelectionValue input[type="checkbox"] {
float: left;
}
.pfg-form .ArchetypesMultiSelectionValue label {
width: 90%;
}
.pfg-form .field {
clear: both;
padding: 12px 10px 5px 10px;
font-size: 0.96em;
}
.required:after {
content:"*";
color: #eb1e23;
}
/* */
.template-donation-form span.required {
color: #eee0cf !important;
width: 5px;
height: 30px;
display: inline-block;
overflow: hidden;
}
.template-donation-form #content h2,
.template-donation-return #content h2,
.template-donation-complete #content h2,
.template-donation-failed #content h2 {
color: #EB1E23;
margin-bottom: 8px;
}
.template-donation-complete h1 { display: none; }
.template-donation-form #content-core form {
padding: 0 10px 10px 10px;
margin-bottom: 1em;
}
#formfield-form-widgets-bank { margin-bottom: 20px; }
.template-donation-form #sharing,
.template-donation-return #sharing,
.template-donation-complete #sharing,
.template-donation-failed #sharing { display: none; }
.pfg-form .PFG-RichLabel {
clear: both;
min-height: 78px;
}
.pfg-form .formControls {
padding: 40px 0 20px 0px;
text-align: right;
}
.pfg-form .formControls input[type='submit'],
.template-donation-form .formControls .submit-widget {
background-color: #e7322d;
border-top: 1px solid #c4c4c4;
border-left: 1px solid #989898;
border-bottom: 1px solid #8b8b8b;
border-right: 1px solid #989898;
font-weight: bold;
color: #fff;
padding: 5px 10px;
-webkit-box-shadow: 0px 4px 2px #656059;
-moz-box-shadow: 0px 4px 2px #656059;
box-shadow: 0px 4px 2px #656059;
font-size: 0.9em;
cursor: pointer;
margin-bottom: 1em;
}
.fieldErrorBox { color: #ff0000; }
.ArchetypesSelectionWidget .required { display: none; }
/* */
#home-buttons {
width: 100%;
background: #be9b5a;
margin-bottom: 20px;
overflow: hidden;
}
#home-buttons div{
float: left;
padding: 2%;
cursor: pointer;
}
#home-buttons .title {
color: #fff;
font-family: 'ag_book_stencilmedium', Arial, sans-serif;
font-size: 1.7em;
font-weight: 200;
text-shadow: 1px 1px #000;
margin: 0;
}
#home-buttons .subtitle {
margin: 5px 0 10px;
}
#home-buttons .social-icons {
margin-top: 5px;
}
.template-homepage_view #portal-column-one .portletHtmlText {
position: relative;
}
.template-homepage_view #portal-column-one .portletHtmlText img {
margin: 50px 20px 10px 0;
float: left;
max-width: 47%;
}
.template-homepage_view #portal-column-one .portletHtmlText .portletHeader {
position: absolute;
top: 0;
margin-top: 10px;
color: #000;
font-size: 1.5em;
}
.template-homepage_view #portal-column-one .portletHtmlText .portletItem {
padding: 50px 20px 0 0;
}
.template-homepage_view #portal-column-one .portletHtmlText .portletItem p {
margin: 0;
}
.template-homepage_view #portal-column-two .portletHtmlText {
background: url('nieuws-header.png');
background-repeat: no-repeat;
background-size: 100%;
position: relative;
}
.template-homepage_view #portal-column-two .portletHtmlText img{
margin: 90px 0 10px;
max-width: 100%;
}
.template-homepage_view #portal-column-two .portletHtmlText .portletHeader{
color: #000;
position: absolute;
top: 55px;
}
.button {
display: inline-block;
margin-top: 10px;
background: #ed1c24;
border: 1px solid #fff;
color: #fff;
box-shadow: 2px 2px 2px #ccc;
padding: 15px 10px;
font-size: 1.1em;
clear: both;
}
.template-homepage_view #portal-column-two .portletHtmlText .portletItem .button {
float: left;
margin-top: 10px;
background: #ed1c24;
border: 1px solid #fff;
color: #fff;
box-shadow: 2px 2px 2px #ccc;
padding: 10px;
}
#home-search-section h1 {
float: right;
color: #fff;
font-family: 'ag_book_stencilmedium', 'HelveticaNeueW01-55Roma', Arial, sans-serif;
letter-spacing: 1px;
text-shadow: 1px 0px 4px #000;
}
#search-pioneer h2 {
color: #000;
font-family: 'HelveticaNeueW01-45Ligh', Arial, sans-serif;
font-weight: bold;
}
/* */
/* */
.big-menu .tabtitle, .big-menu .item-level-1 a span,
.big-menu .menu-level-2 { display: none; }
.big-menu {
position: absolute;
bottom: 0px;
background: transparent;
margin: 0px;
}
.big-menu, .big-menu .menu-level-2,
.big-menu .menu-level-3 {
list-style-type: none;
padding: 0px;
}
.big-menu .menu-level-1 {
margin: 0px;
padding: 0px;
}
.big-menu .item-level-1 {
float: left;
display: inline-block;
margin-right: 5px;
}
.big-menu .item-level-1 > a {
display: block;
color: #fff;
font-size: 1.1em;
float: left;
padding: 16px 27px 16px 8px;
}
.big-menu .item-level-1 > a:hover,
.big-menu .item-level-1 > a.current,
.big-menu .item-level-1 > a.parent {
background: #ed1d25;
}
/* */
/* */
.small-menu {
background: #000;
height: 40px;
margin-top: 25px;
width: 100%;
z-index: 99999;
}
.tabtitle {
color: #fff;
display: inline-block;
padding: 10px 40px 10px 10px;
font-size: 115%;
background: url(white-arrow-sprite.png) no-repeat;
background-position: 70px 18px;
text-transform: lowercase;
cursor: pointer;
}
.tabtitle.children-visible { background-color: #e7322d; }
.small-menu .menu-level-1 {
padding: 5px 8px 5px 8px;
background: #be9b5a;
margin-top: 0px;
width: 255px;
}
.small-menu .menu-level-2,
.small-menu .menu-level-3 {
list-style-type: none;
margin: 0;
padding: 0;
}
.small-menu ul {
padding: 5px 5px 5px 8px;
list-style-type: none;
margin: 0;
}
.small-menu a {
color:  #000;
font-size: 100%;
display: block;
padding: 4px 8px 4px 8px;
width: 239px;
}
.small-menu .item-level-2 { padding: 0px 5px 0px 10px; }
.small-menu .item-level-3 { padding: 0px 5px 0px 15px; }
.small-menu .has-children {
background: url(white-arrow-sprite.png) no-repeat;
background-position: 95% -13px;
}
.small-menu .item-level-1 .children-visible {
background-position: 95% -40px;
background-color: #e7d2ab;
}
.small-menu .item-level-1 .children-visible {
background-color: #e7322d;
background-position: 95% 12px;
color: #fff;
}
.menu-level-2 { background-color: #e7d2ab; }
/* */
/* */
a.red-button, .section-nieuwsbrieven .actionButtons input {
background-color: #e7322d;
border-top: 1px solid #c4c4c4;
border-left: 1px solid #989898;
border-bottom: 1px solid #8b8b8b;
border-right: 1px solid #989898;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius:8px;
font-weight: bold;
color: #fff;
padding: 5px 10px;
-webkit-box-shadow: 0px 4px 5px #656059;
-moz-box-shadow: 0px 4px 5px #656059;
box-shadow: 0px 4px 5px #656059;
font-size: 0.9em;
display: block;
width: 180px;
text-align: center;
}
a.red-button{
padding: 10px 10px;
font-size: 1.1em;
width: 218px;
}
h3.red-introtext,
h3.black-introtext {
font-size: 100%;
}
/* */
.section-nieuwsbrieven form fieldset {
border: none;
padding: 0px 0px 20px 0px;
margin: 10px 0px 20px 0px;
background-color: #eee0cf;
}
.section-nieuwsbrieven form div.field{
clear: both;
padding: 12px 10px 5px 10px;
font-size: 0.96em;
}
.section-nieuwsbrieven form label {
float: left;
width: 155px;
font-weight: bold;
}
.section-nieuwsbrieven form input{
width: 150px;
}
.section-nieuwsbrieven form select{
width: 155px;
}
.section-nieuwsbrieven form .widget {
float: left;
width: 160px;
font-weight: bold;
}
.section-nieuwsbrieven form span.fieldRequired{
font-size: 0.8em;
color: #ff0000;
}
.section-nieuwsbrieven .actionButtons input {
display: inline;
margin:0px 10px 10px 0px;
display: inline-block;
}
.section-werkvelden p{
clear: both;
}
/* */
a.addthis_button_facebook.at300b{
width: 57px;
}
.at16nc.at16t_facebook {
background: url(Facebook-share-button.gif) no-repeat 0 0;
height: 20px;
width: 57px;
}
.at16nc.at16t_facebook {
background-position: 0 0px !important;
}
.documentByLine {
display: none;
}
.section-onze-pioniers #content h3 {
color: #1d1d1b;
}
.section-onze-pioniers #content h3.red-introtext {
color: #eb1e23;
}
.section-onze-pioniers #content h3.black-introtext {
color: #1d1d1b;
font-weight: bold;
}
.section-onze-pioniers #portal-column-one .portletHtmlText .portletHeader {
display: none;
}
.section-onze-pioniers #portal-column-one .portletHtmlText p {
overflow: hidden;
}
.section-onze-pioniers #portal-column-one .portletHtmlText h3 {
clear: both;
}
.section-onze-pioniers #portal-column-one .portletHtmlText table.plain,
.section-onze-pioniers #portal-column-one .portletHtmlText .plain th,
.section-onze-pioniers #portal-column-one .portletHtmlText .plain  td {
background: #eaebed;
border-collapse: collapse;
border: 0;
}
.section-onze-pioniers #portal-column-one .portletHtmlText table.plain {
margin-top: 10px;
border-top: 3px solid #eb1e23;
margin-bottom: 1em;
text-align: left;
position: relative;
width: 100%;
}
.section-onze-pioniers #portal-column-one .portletHtmlText table.plain td img {
right: 0;
position: absolute;
bottom: -12px;
}
.section-onze-pioniers #portal-column-one .portletHtmlText .plain th {
color: #ed1c24;
width: 35%;
}
.section-onze-pioniers #portal-column-one .portletHtmlText .button,
.section-onze-pioniers #portal-column-content .button{
float: left;
margin-top: 10px;
background: #ed1c24;
border: 1px solid #fff;
color: #fff;
box-shadow: 2px 2px 2px #ccc;
padding: 20px 15px;
font-size: 2.5em;
}
.section-onze-pioniers #portal-column-content .button{
padding: 15px 10px;
font-size: 1.1em;
clear: both;
}
.section-over-onemen #parent-fieldname-text{
display: none;
}
.template-newsitem_view #parent-fieldname-text{
display: block;
}
#responsive-menu {
display: none;
}
#responsive-menu.big-menu,
#responsive-menu.small-menu {
display: block;
}


/* - columns.css - */
/* https://www.onemen.org/portal_css/columns.css?original=1 */
@media screen and (min-width: 700px) {
div.cell {
position: relative;
float: left;
left: 100%;
}
#portal-columns div.width-full { width: 100%; }
.section-wat-kan-ik-doen #portal-columns div.width-full,
.section-webshop #portal-columns div.width-full   { width: 98%; }
#portal-columns div.position-0  { margin-left: -100% }
#portal-column-two.position-3\3a 4 {
margin-left: -29%;
width: 27.5%;
}
}
@media screen and (min-width: 700px) and (max-width: 974px) {
#portal-columns div.width-3\3a 4 { width: 64.04081633%; } /* */
#portal-columns div.position-1\3a 4 { margin-left: -66% }
#portal-column-content.width-1\3a 2 {
width: 68.6081633%;
} /* */
#portal-columns #portal-column-one.width-1\3a 4 {
clear: both;
display: table;
width: 30%;
position: absolute;
padding-left: 10px;
}
.portletNavigationTree {
display: block;
}
}
@media screen and (min-width: 975px) {
#portal-columns div.width-1\3a 2 {
width: 48.8753%;
} /* */
.section-wat-kan-ik-doen #portal-columns div.width-full,
.section-webshop #portal-columns div.width-full { width: 100%; }
#portal-columns div.width-1\3a 4 { width: 23.5174%; } /* */
#portal-columns div.width-3\3a 4 { width: 73.98081633%;} /* */
#portal-columns div.position-0  { margin-left: -100% }
#portal-column-two.position-0 { margin-left: -23% !important; }
#portal-column-two.position-3\3a 4 { margin-left: -31% }
#portal-columns div.position-1  { margin-left: -92.625% }
#portal-columns div.position-2  { margin-left: -86.375% }
#portal-columns div.position-3\3a 4 { margin-left: -24.25% }
#portal-columns div.position-1\3a 4 { margin-left: -69% }
}
@media screen and (min-width: 979px) {
#portal-column-one,
#portal-columns div.width-1\:4 { width: 275px !important; }
#portal-column-content,
#portal-columns div.width-1\3a 2,
#portal-columns div.width-3\:4  { width: 677px; }
#portal-column-two { width: 234px !important; }
#portal-columns #portal-column-content.position-0  { margin-left: -74.5%; }
.portaltype-swordezine #portal-columns #portal-column-content.position-0,
.portaltype-ezineeditionsfolder #portal-columns #portal-column-content.position-0,
.portaltype-ezineedition #portal-columns #portal-column-content.position-0,
.section-wat-kan-ik-doen #portal-columns #portal-column-content.position-0,
.section-nieuwsbrief #portal-columns #portal-column-content.position-0,
.section-webshop #portal-columns #portal-column-content.position-0 { margin-left: -100%; }
}


/* - portlets.css - */
/* https://www.onemen.org/portal_css/portlets.css?original=1 */
.portletHeader {
font-family: 'Frutiger LT W01 65 Bold', Arial, sans-serif;
color: #eb1e23;
font-size: 1.25em;
margin-top: -15px;
}
.portlet {
margin: 0px 0 20px 0px;
padding: 8px;
}
.portletImage {
padding-top: 0px;
padding-bottom: 0px;
}
.portletItem {
margin: 0px;
padding: 0px;
}
.portletFooter {
margin: 0px;
padding: 0px;
}
.portlet img { max-width: 100%; }
/* */
.no-title .portletHeader,
.portlet.portletImage .portletHeader { display: none; }
.section-onze-pioniers .portlet.portletImage .portletHeader {
display: block;
font-size: 1.6em;
margin: 10px 0;
}
/* */
/* */
.portletNews .portletItem,
.portletCollection .portletItem { margin: 5px 0px; }
.portletNews .tile { font-size: 1.1em; }
.portletNews .portletItem img,
.portletCollection .portletItem img { display: none; }
.portletNews .portletItemDetails,
.portletCollection .portletItemDetails {
color: #957633;
font-size: 0.95em;
display: block;
}
/* */
/* */
.navTree {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.portletNavigationTree {
background: url(portletnav-bottom-end-bg.png) no-repeat bottom left;
padding: 0px 0px 45px 0px;
}
.portletNavigationTree .portletItem {
padding-top: 5px;
background-color: #eaebed;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
}
.portletNavigationTree .portletHeader { display: none; }
.navTreeItem img { display: none; }
.navTreeItem { padding: 0px; }
.navTreeItem a {
display: block;
padding: 5px 5px 5px 20px;
font-weight: bold;
background: url(menu-arrow.png) no-repeat 10px 9px;
}
.navTreeItem a:hover, a.navTreeCurrentItem { color: #000; }
.navTreeItem a span {
display: inline-block;
width: 85%;
}
ul.navTreeLevel1{
padding: 0px 0px 0px 0px;
}
.navTreeLevel1 a {
padding-left: 30px;
background: url(menu-arrow.png) no-repeat 20px 9px;
}
.navTreeLevel1 a:hover,
.navTreeLevel1 a.navTreeCurrentItem {
background-color: #abb7be !important;
color: #394044 !important;
}
.navTreeLevel1 .navTreeItem:last-child {
border-bottom: 0px;
}
/* */
/* */
.portletTwitterPortlet {
padding: 2% 3%;
background: #333333;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: #cfcfcf;
}
.portletTwitterPortlet .portletHeader {
padding: 0px;
margin: 0px 0px 10px;
}
.portletTwitterPortlet .portletHeader a { color: #cfcfcf; }
.portletTwitterPortlet .portletItem {
padding-bottom: 10px;
padding-top: 10px;
border-top: 1px solid #444;
line-height:  1.3em;
}
/* */
.twitter-widget .portletHeader,
.facebook-widget .portletHeader { display: none; }
#home-content .facebook-widget {
padding: 0;
width: 100%;
}
#home-content .fb-like-box { width: 100% }
@media screen and (min-width: 600px) {
#home-content .twitter-widget {
margin-top: -23px !important;
margin-left: -8px;
width: 100%;
}
}
#home-content .twitter-widget p { margin: 0;}
/* */
/* */
.facebookWallPortlet .portletHeader {
color: #3B5998;
background: #fff !important;
margin: 0px;
position: relative;
height: 50px;
padding: 0px 0px 5px 0px !important;
border-bottom: 1px solid #C6CEDD;
}
.facebookWallPortlet .portletHeader a {
color: #3B5998;
padding-left: 10px;
}
.facebookWallPortlet .portletHeader img { float: left; }
.facebookWallPortlet .portletHeader .fb-like {
width: 100%;
position: absolute;
top: 25px;
left: 48px;
}
dl.portlet.facebookWallPortlet .video-url {
position: relative;
display: block;
overflow: hidden;
width: 40%;
height: 85px;
}
dl.portlet.facebookWallPortlet .play {
background: url(play_icon.png) no-repeat transparent;
height: 26px;
left: 5px;
position: absolute;
width: 35px;
left: 50%;
margin: -13px 0 0 -17px;
top: 50%;
}
.facebookWallPortlet .result-item { margin-top: 10px; }
/* */
/* */
@media screen and (min-width: 240px) {
.section-over-onemen #portal-column-one .portletNavigationTree,
.section-onze-pioniers #portal-column-one .portletNavigationTree,
.section-werkvelden #portal-column-one .portletNavigationTree,
.section-wat-kan-ik-doen #portal-column-one .portletNavigationTree {
border-top: 3px solid #ed1d25;
}
}


/* - ++resource++plone.app.discussion.stylesheets/discussion.css - */
@media screen {
/* https://www.onemen.org/portal_css/++resource++plone.app.discussion.stylesheets/discussion.css?original=1 */
/* */
.discussion .hide {
display: none;
}
/* */
.discussion,
#commenting {
/* */
clear: both;
}
.comment {
}
.commentImage {
float: left;
margin-right: 0.5em;
height: 3.5em;
}
.commentImage a:link {
/* */
border: 0px;
}
.commentImage img {
}
.commentDate {
display: block;
font-size: 85%;
line-height: 1.5em;
padding-top: 0.5em;
color: #76797C;
}
.commentBody {
clear: both;
margin: 1em 0;
overflow: auto;
}
.commentBody p {
float: left;
}
.discussion .documentByLine {
float: left;
margin-left: 0;
margin-bottom: 0.5em;
}
.commentActions {
float: right;
text-align: right;
}
.discussion .discreet {
color: #666666;
font-size: 85%;
}
/* */
.reply fieldset {
/* */
margin: 0 !important;
}
.reply .text-widget {
display: block;
}
.reply-to-comment-button {
display: none;
}
.cancelreplytocomment {
display: none;
}
/* */
#bulkactions {
text-align: left;
}
#dobulkaction {
margin: 0.3em 0;
}
.comment-publish-button {
float: left;
margin-right: 0.5em;
}
.comment-delete-button {
float: left;
}
#review-comments {
margin: 0;
}
#fieldset-moderate-comments {
padding: 2em 1em;
}
/* */
.template-discussion-settings .unclickable {
opacity: 0.6;
filter: alpha(opacity = 50);
}
/* */
/* */
.row #dobulkaction {
margin: 0;
}
.row #commenting {
font-size: 80%;
}
.row #commenting .formControls {
margin: 0;
}
.row #commenting textarea,
.row .discussion textarea {
font: 100% Monaco, "Courier New", Courier, monospace;
width: 100%;
}
.row #commenting fieldset,
.row .discussion fieldset {
border: 0.1em solid #329fd7;
border-style: solid none none none;
}
.row #commenting legend,
.row .discussion legend {
padding: 0.5em 0.5em 0.5em 0;
font-size: 85%;
}
.row #commenting label,
.row .discussion label {
font-weight:bold;
}

}


/* - ploneKss.css - */
@media screen {
/* https://www.onemen.org/portal_css/ploneKss.css?original=1 */
#kss-spinner {
display:none;
width: 20px;
height: 20px;
position: fixed;
background-position: center center;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
}
.formlibInlineEditable,
.inlineEditable {
padding: 1px;
display: block;
}
body.kssActive .inlineEditable:hover,
body.kssActive .formlibInlineEditable:hover {
padding: 0;
border: 1px solid #ddd;
border-color: #666 #ddd #ddd #666;
cursor: text;
background: White url(input_background.png) repeat-x;
}
body.kssActive .inlineEditable a:hover,
body.kssActive .formlibInlineEditable a:hover {
cursor: pointer;
}
body.kssActive .formlibInlineForm:hover,
body.kssActive .formlibInlineForm a:hover {
padding: 1px;
border: none;
cursor: default;
background: none;
}
.inlineForm .formHelp,
.inlineForm .fieldRequired,
.inlineForm label {
display: none;
}
/* */
.inlineForm .ArchetypesSelectionWidget label {
display: inline;
}
.inlineForm #archetypes-fieldname-title input,
.inlineForm #archetypes-fieldname-title {
font-size: 100%;
}
/* */
h1 div.formControls input {
font-size: 55% !important;
}
}


/* - ++resource++tinymce.stylesheets/tinymce.css - */
@media screen {
/* https://www.onemen.org/portal_css/++resource++tinymce.stylesheets/tinymce.css?original=1 */
#content ul.listTypeDisc {
list-style-type: disc;
list-style-image: none;
}
#content ul.listTypeSquare {
list-style-type: square;
list-style-image: none;
}
#content ul.listTypeCircle {
list-style-type: circle;
list-style-image: none;
}
#content ol.listTypeDecimal {
list-style-type: decimal;
list-style-image: none;
}
#content ol.listTypeLowerAlpha {
list-style-type: lower-alpha;
list-style-image: none;
}
#content ol.listTypeUpperAlpha {
list-style-type: upper-alpha;
list-style-image: none;
}
#content ol.listTypeLowerRoman {
list-style-type: lower-roman;
list-style-image: none;
}
#content ol.listTypeUpperRoman {
list-style-type: upper-roman;
list-style-image: none;
}

}


/* - print.css - */
@media print {
/* https://www.onemen.org/portal_css/print.css?original=1 */
body {
font-family: Arial, sans-serif;
font-size: 11pt !important;
}
h1, h2, h3, h4, h5, h6 {
border: none;
font-family: Arial, sans-serif;
}
div, p, ul, dl, ol {
width: auto;
}
ul, ol, dl {
padding-right: 0.5em;
}
ul {
list-style-type: square;
}
.documentDescription {
font-weight: bold;
}
pre {
border: 1pt dotted black;
white-space: pre;
font-size: 8pt;
overflow: auto;
padding: 1em 0;
}
table.listing,
table.listing td {
border: 1pt solid black;
border-collapse: collapse;
}
a {
color: Black !important;
padding: 0 !important;
text-decoration: none !important;
}
a:link, a:visited {
color: #520;
background: transparent;
}
/* */
div.pageBreak {
page-break-before: always;
}
/* */
div.top,
#portal-logo,
#portal-siteactions,
.hiddenStructure,
#portal-searchbox,
#portal-globalnav,
#portal-personaltools,
#portal-breadcrumbs,
#portal-column-one,
#portal-column-two,
#portal-languageselector,
.contentViews,
.contentActions,
.help,
.legend,
.portalMessage,
.documentActions,
.documentByLine,
.netscape4,
#kss-spinner,
#review-history,
#content-history,
.listingBar,
#portal-footer,
#portal-colophon,
.skipnav,
#kss-spinner,
#review-history,
#content-history,
.listingBar,
.discussion input,
.overlay,
.close,
.visualNoPrint,
header, #sharing,
#follow-us,footer { display: none; }
.discussion .documentByLine {
display:block;
}
}