/*FONTS*/ /*font-family: 'Roboto', sans-serif;*/ /*font-family: 'Roboto',sans-serif;*/ body {font-family: 'Roboto',sans-serif; font-size: 14px;} h1, h2, h3, h4 {font-family: 'Roboto', sans-serif;font-weight: 300;} h1 {font-size: 26px;} h2 {font-size: 26px;} h3 {border-bottom: 1px solid #DADADA; font-size: 26px;} h4 {font-size: 14px; font-weight: bold;} h5 {font-family: 'Roboto',sans-serif; font-size: 17px;} h5 a {color: black;} #e-learning h4 a, #team h4 a , #modex h4 a {font-family: 'Roboto',sans-serif; font-size: 17px;} .content h2 {font-family: 'Roboto',sans-serif; font-size: 17px;} .home .content .large-8 h2 {font-family: 'Roboto', sans-serif; font-size: 26px; font-weight: 300;} .maatwerk h5 {font-size: 14px;font-weight: 700;} p {font-size: 14px;} a {color: #00B9F3;} a:hover {text-decoration: underline;} a:hover, a:focus {color: #E4233B;} .small h2 {font-family: 'Roboto',sans-serif; font-size: 17px;} .intro {font-size: 15px;} .content .more a {} .date {color: #666;font-weight: 300; padding-right:0.5rem;} /*BODY*/ body {background: url('/assets/img/bg-body.png') repeat-x center 315px transparent;} body.sub {background: url('/assets/img/bg-body-sub.png') repeat-x center 265px transparent;} /* Smartphones (portrait and landscape) */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {body, body.sub {background: none;}} .row {max-width: 960px;} /*MENU*/ .top-bar .name img {margin-right: 1rem; margin-top: -33px;} @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {.top-bar .name img {margin-right: 1rem; margin-top: 2px; width:120px;}} .top-bar {background-color: transparent;} .top-bar-section ul {background: transparent; margin-left: 30px;} .top-bar-section li {background: url('/assets/img/spriteme1.png') no-repeat -50px -198px transparent; margin-left: -30px;} .top-bar-section li:not(.has-form) a:not(.button) {background: url('/assets/img/nav-bg.png') no-repeat right bottom transparent; padding: 0 30px 0 33px;} .top-bar-section li:not(.has-form) a:not(.button):hover {background: url('/assets/img/nav-bg-active.png') no-repeat right bottom transparent; } .top-bar-section ul li > a {background: transparent; color: #000000; font-family: 'Roboto',sans-serif; font-size: 16px;} .top-bar-section ul li:hover > a {color: #000000; font-family: 'Roboto',sans-serif; font-size: 16px;} .top-bar-section li.active:not(.has-form){background: url('/assets/img/spriteme1.png') no-repeat -10px -56px transparent;} .top-bar-section li.active:not(.has-form) a:not(.button) {background: url('/assets/img/nav-bg-active.png') no-repeat right bottom transparent; color: #00B9F3; line-height: 45px; padding: 0 30px 0 33px;} .top-bar-section li.active:not(.has-form) a:not(.button):hover {background: url('/assets/img/nav-bg-active.png') no-repeat right bottom transparent;} .top-bar-section ul li:nth-of-type(1) {background: url('/assets/img/nav-bg-ul.png') no-repeat left bottom transparent;} /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button) {padding: 0 24px 0 25px;} .top-bar-section ul li > a, .top-bar-section ul li:hover > a {font-size: 14px;} } /*dropdown*/ .top-bar-section li {position: relative;} .top-bar-section .dropdown {background: white; border: 1px #DADADA solid; margin-left: 0;} .top-bar-section .dropdown li {border-bottom: 1px #DADADA solid; margin-left: 0px;} .top-bar-section .dropdown li:not(.has-form) a:not(.button) {color: black; font-size: 14px; background: url('/assets/img/pointer-footer.png') no-repeat 15px 18px;} .top-bar-section .dropdown li.active:not(.has-form){ background: url('/assets/img/pointer-footer.png') no-repeat 15px 18px;} .top-bar-section .dropdown li.active:not(.has-form) a:not(.button) { background: url('/assets/img/pointer-footer.png') no-repeat 15px 18px; color: black;} .top-bar-section .dropdown li.active:not(.has-form) a:not(.button):hover { background: url('/assets/img/pointer-footer.png') no-repeat 15px 18px; color: black;} /* Smartphones (portrait and landscape) */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .top-bar .toggle-topbar.menu-icon a {color: #00B9F3;font-family: 'Roboto', sans-serif;padding-right: 20px;} .top-bar.expanded .title-area {background: white;} .top-bar.expanded .toggle-topbar a {color: #00B9F3;} .top-bar-section li.active:not(.has-form) {background: none no-repeat 0 0 transparent;} .top-bar-section li.active:not(.has-form) a:not(.button) {background: none no-repeat 0 0 transparent; line-height: 25px;} .top-bar-section li.active:not(.has-form) a:not(.button):hover {background: none no-repeat 0 0 transparent;} .top-bar-section .dropdown li.title h5 a {line-height: 25px;} .top-bar-section .dropdown li:not(.has-form) a:not(.button) {background: none no-repeat 15px 8px;} .top-bar-section .dropdown li.active:not(.has-form) a:not(.button):hover {background: none no-repeat 15px 8px;} .top-bar-section ul li:nth-of-type(1) {background: none no-repeat left bottom transparent;} .top-bar .toggle-topbar.menu-icon a::after {-webkit-box-shadow: 0 10px 0 1px #00B9F3, 0 16px 0 1px #00B9F3, 0 22px 0 1px #00B9F3;box-shadow: 0 10px 0 1px #00B9F3, 0 16px 0 1px #00B9F3, 0 22px 0 1px #00B9F3;} .breadcrumbs {display:none;} } /*SEARCH*/ #searchform {float: inherit;margin: 0.5rem 0 0.1rem 0;} #searchinput, #searchbutton {float: left;} #searchinput input {background: url('/assets/img/spriteme1.png') no-repeat -10px -10px transparent; border: none medium; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); max-height: 26px; margin: 0; padding: 0rem 0.5rem 0.5rem 1rem; width: 137px;} #searchbutton input {background: url('/assets/img/spriteme1.png') no-repeat -185px -10px transparent; border-color: transparent; border-width: 0px; cursor: pointer; height: 20px; margin: 0; text-indent: -9999px; width: 37px;} /*LANGSWITCH*/ #langswitch {float: inherit;margin:0.65rem 2rem 0;} #langswitch a:first-child {margin:0 1rem 0;} #langswitch img {opacity: 0.4;} #langswitch img:hover {opacity: 1;} #langswitch .active {color:black;} #langswitch .active img {opacity: 1;} /*FORMS*/ .form-submit {background: url('/assets/img/bg-more.png') no-repeat right center transparent; border-color: transparent; border-width: 0px; color: white; cursor: pointer; font-family: 'Roboto',sans-serif; padding: 5px 30px 6px 20px; margin: -6px 0 0 0; } .form-submit.right {background: #00B9F3; padding: 5px 20px 6px 20px;} /*validatie see /assets/themes/forms_js_validation/css/validationEngine.jquery.css*/ /*HEADER*/ .home #header {background: url('/assets/img/headers/home.jpg') no-repeat center bottom transparent; height: 225px;} .home #header.english {background: url('/assets/img/headers/home-en.jpg') no-repeat center bottom transparent; height: 225px;} /* Smartphones (portrait and landscape) */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {.home #header {background-position-x: -600px;}} .home #header .top {background: url('/assets/img/spriteme1.png') no-repeat -630px -334px transparent; height: 10px;} .home #header h1 {background: url('/assets/img/spriteme1.png') no-repeat -166px -364px transparent; font-size: 20px; font-weight: 300; margin-top: 178px; padding: 5px 20px 20px 0; position: absolute; max-width: 500px;} /* Smartphones (portrait and landscape) */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {.home #header h1 {font-size: 20px;}} .home #header #more-info {background: url('/assets/img/spriteme1.png') no-repeat -10px -492px transparent; color: white; margin-top: 80px; padding: 20px 5px 20px 0; position: absolute; right: 0; text-align: right; width: 250px;} /* iPads (landscape) */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {.home #header .top {background: url('/assets/img/headers/bg-header-top-tablet-landscape.png') no-repeat center top transparent;}} /* iPads (portrait) */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {.home #header .top {background: url('/assets/img/headers/bg-header-top-tablet-portrait.png') no-repeat center top transparent;}} #loading {display:none;float:right;margin-left:0.5rem;} /*SUBHEADER*/ .sub #header {background: url('/assets/img/headers/diensten.jpg') no-repeat center bottom transparent; height: 170px;} /*default*/ .sub.contact #header {background: url('/assets/img/headers/actueel.jpg') no-repeat center bottom transparent;} .sub.organisatie #header {background: url('/assets/img/headers/actueel.jpg') no-repeat center bottom transparent;} .sub.diensten #header {background: url('/assets/img/headers/diensten.jpg') no-repeat center bottom transparent;} .sub.producten #header {background: url('/assets/img/headers/producten.jpg') no-repeat center bottom transparent;} .sub.opdrachtgevers #header {background: url('/assets/img/headers/opdrachtgevers.jpg') no-repeat center bottom transparent;} .sub.medewerkers #header {background: url('/assets/img/headers/actueel.jpg') no-repeat center bottom transparent;} .sub.actueel #header {background: url('/assets/img/headers/actueel.jpg') no-repeat center bottom transparent;} .sub.vacatures #header {background: url('/assets/img/headers/actueel.jpg') no-repeat center bottom transparent;} .sub.opdrachtgevers.bedrijfsleven #header {background: url('/assets/img/headers/bedrijfsleven.jpg') no-repeat center bottom transparent;} .sub.opdrachtgevers.rijksoverheid #header {background: url('/assets/img/headers/rijksoverheid.jpg') no-repeat center bottom transparent;} .sub.opdrachtgevers.zorgsector #header {background: url('/assets/img/headers/zorg.jpg') no-repeat center bottom transparent;} .sub.opdrachtgevers.waterschappen #header {background: url('/assets/img/headers/waterschappen.jpg') no-repeat center bottom transparent;} .sub.opdrachtgevers.veiligheidsregios-hulpdiensten-en-gemeenten #header {background: url('/assets/img/headers/veiligheidsregios-hulpdiensten-en-gemeenten.jpg') no-repeat center bottom transparent;} .sub #header .top {background: url('/assets/img/spriteme1.png') no-repeat -630px -334px transparent; height: 10px;} .sub #header h2 {background: url('/assets/img/spriteme1.png') no-repeat -166px -364px transparent; margin-top: 96px; padding: 20px 20px 20px 0; position: absolute; max-width: 500px;} /* Smartphones (portrait and landscape) */ @media only screen and (min-device-width : 131px) and (max-device-width : 480px) {.sub #header h2 {font-size: 24px;}} .sub #header #more-info {background: url('/assets/img/spriteme1.png') no-repeat -10px -492px transparent; color: white; margin-top: 45px; padding: 20px 5px 20px 0; position: absolute; right: 0; text-align: right; width: 250px;} /* iPads (landscape) */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {.sub #header .top {background: url('/assets/img/headers/bg-header-top-tablet-landscape.png') no-repeat center top transparent;}} /* iPads (portrait) */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {.sub #header .top {background: url('/assets/img/headers/bg-header-top-tablet-portrait.png') no-repeat center top transparent;}} /*BREADCRUMBS*/ .breadcrumbs {border: none medium; background-color: transparent; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 25px;} .breadcrumbs li {background: url('/assets/img/bg-breadcrumbs-middle.png') no-repeat right center transparent; color: white; padding: 6px 30px 6px 0;} .breadcrumbs li:nth-of-type(1) {background: url('/assets/img/bg-breadcrumbs-start.png') no-repeat right center transparent; color: white; padding: 6px 30px 6px 20px;} .breadcrumbs li:nth-last-child(1) {background: url('/assets/img/bg-breadcrumbs-last.png') no-repeat right center transparent; color: #333333; padding: 6px 30px 6px 0;} .breadcrumbs > *:before {content: "";margin: 0 0.5rem;} .breadcrumbs > * {font-size: 0.8rem; text-transform: none} .breadcrumbs > * a, .breadcrumbs > * span {color:#00B9F3;text-transform: none;} /*CONTENT*/ .content {padding-top: 20px;} /* Smartphones (portrait and landscape) */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {.content {padding-top: 0;}} .sub .content {padding-top: 0px;} .content.small h2 {background: url('/assets/img/spriteme1.png') no-repeat -10px -1015px transparent; margin-top: 1rem; padding-left: 1rem;} .content.small {margin-bottom: 2rem;padding-top: 0;} .content.small .large-4 {border:1px solid transparent; padding-top: 0;} /*.content.small .large-4 p {margin-top: 1rem;}*/ .content.small .large-4.vacature {border:1px solid #DADADA;} .content .more {border-top: 1px solid #DADADA; clear: both; margin-bottom: 1rem; padding: 8px 0;} .content.products .more.new {background-color: transparent; color: white; padding: 0.5rem 0rem 0rem 0rem;} .content .more a:first-child {background: url('/assets/img/bg-more.png') no-repeat right center transparent; color: white; padding: 5px 30px 6px 20px;} .content .more.gray a {background-image: url('/assets/img/bg-more-gray.png'); color: #00B9F3;} .content .more.new a {background-color: black;} .content .more.new span {background: url('/assets/img/bg-more-new.png') no-repeat right center transparent;padding: 5px 30px 6px 20px;} .content.products h2 {background: url('/assets/img/spriteme1.png') no-repeat -10px -1015px transparent; margin-top: 1rem; padding-left: 1rem;} .content.products .new {background-color: #EBEBEB; border-top: 1px solid #DADADA; padding: 0.1rem 1rem 0.5rem 1rem;} .content .target {font-weight: 500;margin-bottom: 5px;} .content.products .target img {padding-right: 5px;} .content.products .more {margin-bottom: 3rem;} .content #productlist .b:nth-child(odd) {background-color:#F8F8F8;} .content #productlist h3 {border-bottom:0;font-size: 15px;} .content .overlay {background: url('/assets/img/overlay-image.png') no-repeat left top transparent; height: 100%; max-height: 140px; position: absolute; width: 100%; max-width: 82px;} .content #e-learning .overlay, .content #team .overlay, .content #modex .overlay {background: url('/assets/img/overlay-e-learning.png') no-repeat right top transparent; max-height: 120px; padding: 25px 50px 0px 18px; position: absolute; width: 70%; max-width: none;} .content #e-learning .overlay {max-height: 100px;} .content #e-learning img, .content #team img, .content #modex img {float: right; max-width: none} .content #e-learning img {max-height:100px;} .content .products-rel {margin-bottom: 0rem;} .content .products-rel h2 {margin-top: -0.2rem;} .content .products-rel p {margin-bottom: 0.4rem;} .content .products-rel .more {margin-left: 15px;} .content .products-rel ul {margin-left: 0;} .content .products-rel ul li {background: url('/assets/img/spriteme1.png') no-repeat -8px -962px transparent;list-style: none;padding-left: 1rem;} .content .products-rel.right h2, .content .products-rel.right p, .content .products-rel.right ul {margin-left:1rem;} .opdrachtgevers .content .large-8 ul {display: table;} .opdrachtgevers .content .large-8 li {float: left;padding-right: 2rem;width: 50%;} .content .productsoverview {margin-left: 0;} .content .productsoverview p {margin-bottom:0;} .content .productsoverview h2 {float:left;margin-top:0;width:100%} .content .productsoverview .entry-by-cat .new { border: thin solid; padding: .1em .25em; } .content .maatwerk {display: block; margin-bottom:2rem;} .content .maatwerk h5 {margin: 0;} .content .maatwerk p {margin-bottom: 1rem;} .content .maatwerk img {clear:left;float:left; margin-right: 1rem;} .content #questions p {background-color: #EBEBEB; margin-bottom: 0; padding: 1rem;} .large-4 ul, .medium-4 ul {list-style: none; margin-left: 0;} .large-4 ul li, .medium-4 ul li {background: url('/assets/img/spriteme1.png') no-repeat -8px -962px transparent;list-style: none;padding-left: 1rem;} .large-8 ul, .medium-8 ul {font-size:0.9rem;} .content .news img {margin-bottom: 2rem;} .content .news p {margin-top: 1rem;} .content .news-item h2 {clear:both;} .content .news-item img {float:left;margin-bottom: 1rem;margin-right: 1rem;} .content .news-item .download img {margin-bottom: 0;} .content figure {margin-left: 0;margin-top: 5px;} .dienstenhome .dienstencontainer:nth-child(3) {float:right;} /*SIDEBAR*/ .news-sidebar h4 {font-weight:normal;line-height: 20px;} /* .news-sidebar h4:first-of-type {margin-bottom: 0;} */ /*OPDRACHTGEVERS*/ .opdrachtgevers .content .large-6.columns:nth-child(odd) {clear:left;} .opdrachtgevers .logos img {margin: 20px;max-height:70px; margin: 0 0 20px 0;} @media only screen and (min-device-width : 480px) {.opdrachtgevers .logos .row div:nth-child(3n+4) {clear: both;}} /*PARTNERS*/ .partners a img {box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);margin-bottom: 10px;width: 100px;} .partners a:hover img {box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);} /*PERSONS*/ .person {border-bottom: 0px solid #DADADA; height:170px;} .person.active {background: url('/assets/img/pointer-person.png') repeat-x center bottom transparent; } .person span, .person div {display:none;} .in {background: url('/assets/img/icon-in-small.png') no-repeat left center transparent; line-height: 2rem; padding-left: 1.6rem; padding-right: 1.6rem;} .mail {background: url('/assets/img/icon-mail-small.png') no-repeat left center transparent; line-height: 2rem; padding-left: 1.6rem; padding-right: 1.6rem;} .tel {background: url('/assets/img/icon-tel-small.png') no-repeat left center transparent; line-height: 2rem; padding-left: 1.6rem;} /*.content .maatwerk .in {background: url('/assets/img/icon-in-small.png') no-repeat 0px 0px transparent;padding-left: 2rem;}*/ .person-details {background-color:#EBEBEB;display:none; margin-bottom: 1rem;padding: 1rem;} .person h2, .person img {cursor:pointer;} /*PANELS*/ .panel {background: white; padding-bottom:0;} /*TABLES*/ table tr th, table tr td {text-align:left;} /*REVEAL*/ .reveal-modal .close-reveal-modal {font-size: 1rem;} @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {.reveal-modal {margin-left: -45%;width: 90%;}} /*PAGINATION*/ ul.pagination{border-top: 1px solid #DADADA;margin-left: .5rem;margin-right: 1rem;} ul.pagination li a {-webkit-border-radius: 0;border-radius: 0; background: #EBEBEB; color: black;} ul.pagination li.current a {background: #00B9F3;} ul.pagination li:hover a, ul.pagination li a:focus {background: #EBEBEB;} ul.pagination li.unavailable a {cursor: text;color: black;} /*FOOTER*/ #footer {background-color: #EBEBEB;padding-top: 2rem;} #footer h5 {margin-top: 2rem; text-align: center;} #footer ul {list-style: none; margin-left: 0; font-size: 14px;} #footer ul li {background: url('/assets/img/spriteme1.png') no-repeat -8px -965px transparent; list-style: none; padding-left: 1rem;} #footer #partners {/* left: 10%; */ list-style: none; position: relative;} #footer #partners img {height: 40px;width: auto;} #footer #partners li {background: none; float: left; padding: 0 1rem 1rem; text-align: center;width: 20%;} #subfooter {background-color: #DCDCDC; color: #898989; padding: 1rem 0;} /*NEWSLETTER*/ #newsform {margin: 0 0 0 1rem;} #newsinput, #newsbutton {float: left;} #newsinput input {background: url('/assets/img/spriteme1.png') no-repeat -10px -921px transparent; border: none medium; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); height: 30px; margin: 0; padding: 0.5rem 0rem 0.5rem 1rem; max-width: 100px;} #newsbutton a {} #newsform .form-submit {background: url('/assets/img/bg-news.png') no-repeat right bottom transparent; font-family: 'Roboto',sans-serif; height: 30px; margin: 0; width: 125px;} /*spam*/ .screen-reader { display: block !important; left: -9999px !important; position: absolute !important; }