/* RESPONSIVE */

@media all and (min-width: 1024px) {
    div.grid {
        max-width: 940px;
    }

    div.grid .onerow {
    }
}

/* Tablet */
@media all and (max-width: 1024px) {

    div.tablet {
        display: none;
    }

    div.grid,
    div.mainVisualCarouselControls {
        max-width: 748px;
    }

    body.layer div.grid {
        max-width: 741px;
        margin: 0;
    }

    div.container {
        max-width: 768px;
    }

    div#pagebody,
    div#pagetools {
        padding-left: 0;
    }

    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
        margin: 0 2% 0 0;
    }

    .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
        width: 100%;
        height: auto;
        display: block;
    }

    div#mainVisual .container .profiling {
        margin: 20px 0 0;
    }

    div.articleList div.listItem a img {
        width: auto;
        height: auto;
    }

    div.articleList div.listItem.agenda div.agendaSummary {
        width: 85%;
    }

    div#content div.neighborhood ul li a.hoverButton div,
    div#content div.neighborhood ul li:hover a.hoverButton div,
    div#content div.neighborhood ul li a.hoverButton:hover div {
        display: none;
    }

    div#boxBody,
    div#boxBody.open {
        display: none;
    }

    .pre-footer .col3 .media {
        height: 100px;
    }

    .twoServiceFeatureView .shape-container .profiling {
        margin: 0;
    }

    body.careservicefeaturepage div.twoServiceFeatureView .shape-container .profiling {
        margin: 0 0 0 15px;
    }

    ul.mapsTabs li.tabButton {
        float: left;
        margin: 10px 12px 0 0;
    }

    div.photoImpression div.filmRoll div img,
    div.photoImpression div.filmRoll div {
        max-width: 236px;
        min-width: 236px;
    }

    div.photoImpression div.controls a {
        top: 95px;
    }

    .quotes .quote .col12 {
        background-size: 100% auto;
        height: 132px;
    }

    div.agendaList div.agendaItem div.summary {
        width: 169px;
    }

    div.neighborhood ul li a.hoverButton div span {
        font-size: 0.895em;
        margin: 15% 17%;
    }

    #pagebody .quotes .quote .col12 p {
        padding: 40px 100px 0;
    }

    input.search {
        margin-left: 20px;
    }

    div.introContent div.col1:first-child {
        display: none;
    }

    div.relatedLinks {
        margin: 0 0 5px;
    }

    div.tabFilters div.dateFilters div.filter {
        margin: 17px 0 0;
    }

    div.tabFilters div.dateFilters div.months a {
        margin: 0 23px 0 0;
    }

    div.tabFilters div.tabFilter {
        padding-left: 20px;
    }

    div.filter {
        margin: 0 30px 0 0;
    }

    div.locationHolder p.locationIcons span.locationIcon {
        margin-right: 15px;
    }

    div.twoServiceFeatureView .shape-container .profiling {
        margin: 0;
    }

    .media.youtube .play {
        left: 155px;
        top: 75px;
    }

    .media.youtube.introMedia .play {
        left: 120px;
        top: 50px;
    }

    .media.youtube.prefooter .play {
        left: 60px;
        top: 21px;
    }

    .media.youtube.quoteMedia .play {
        left: 28px;
        top: 6px;
    }

    .media.youtube.half .play {
        left: 150px;
        top: 80px;
    }

    .media.youtube.careerByMedia .play {
        left: 50px;
        top: 33px;
    }

    div.threeColumn .media.youtube .play {
        left: 85px;
        top: 35px;
    }

    iframe.videoPage {
        height: 420px;
    }

    .pre-footer .col3 h3 {
        min-height: 60px;
    }

    div.locationIntroText div.score-widget {
        background-position: -7px -97px;
    }

    div.locationIntroText div.score-widget div.score-widget-content {
        padding: 18px 0;
    }

    div.locationIntroText div.score-widget ul.links {
        margin-top: 5px;
        padding: 0 !important;
    }

    div.routeDetailCalculation input.routeSpecification,
    div.routeCalculation input.routeSpecification {
        width: 71%;
    }

    .profilingInContent .shape-container .profiling,
    .profilingInContent .shape-container .profiling .content {
        width: 100%;
    }

    #pagebody div.mediaBox h2 {
        margin: 0;
    }

    div.mediaBox.left ul {
        width: 43%;
        margin: 0 0 0 385px;
    }

	div.navigationHolder a.logo img {
		margin-top: 38px;
	}

	body.workBy div.navigationHolder a.logo img {
		margin-top: 6px;
	}

	/*
---------------------------
        WERKEN BIJ
---------------------------
    */
	div.fittingJob div.fittingCategories div.categoryHolder {
		width: 172px;
	}

    div.infoAboutVacancy div.rightBlock.quotes div.quote a {
        line-height: 20px;
        padding: 33px 30px;
    }

    a.contactButton {
        font-size: 1em;
    }

    span.siteTitle {
        margin-left: 10px;
    }

    div.infoAboutVacancy div.rightBlock.quickFacts ul li div {
        width: 52%;
    }

    div.infoAboutVacancy div.rightBlock.quickFacts ul li div.fact {
        width: 48%;
    }

    body.workBy #navigation {
        margin-left: 22px;
    }

    div.vacanciesHomepage div.filterAllVacancies div.filter {
        width: 198px;
    }

    div.vacanciesHomepage div.filterAllVacancies div.filter div.filterOptions {
        width: 196px;
    }

    div.topical div.agendaList div.agendaItem div.summary {
        width: 179px;
    }

    .nextStep,
    .prevStep {
        top: 153px;
    }

    div.searchWidget ul.navSteps li a,
    div.searchWidget ul.navSteps li > span {
        padding: 8px 10px;
    }

    div.searchWidget div#widgetStep1.step ul.step1 li {
        width: 48%;
    }

    div.searchWidget div#widgetStep1.step ul.step1 li a {
        max-width: 100%;
        width: 100%;
    }

    div.searchWidget div#widgetStep1.step ul.step1 li a span.title {
        width: 82%;
    }

    div.searchWidget div#widgetStep2.step ul.stepChoices:after,
    div.searchWidget div#widgetStep2.step ul.stepChoices:before {
        content: '';
        display: table;
    }
    
    div.searchWidget div#widgetStep2.step ul.stepChoices:after {
        clear: both;
    }

    div.searchWidget div#widgetStep2.step ul.stepChoices {
        float: none;
        padding: 0 3px 20px;
        width: 100%;
    }
    
    div.searchWidget div#widgetStep2.step ul.stepChoices.splitted {
        padding: 21px 3px 0;
    }

    div.searchWidget div#widgetStep2.step ul.stepChoices li a,
    div.searchWidget div#widgetStep2.step ul.stepChoices:nth-child(2n+1) li a {
        background-position: 20px 14px;
        padding: 7px 10px 6px 36px;
    }

    div.searchWidget div.step div.finalStep div.content {
        width: 300px;
    }

    div.searchWidget div.step div.finalStep div.whereList {
        margin: 0 0 0 15px;
        width: 138px;
    }

    div.searchWidget div.step div.finalStep div.whereList > ul {
        width: 138px;
    }

    #pagebody div.searchWidget div.step div.contactRow span.tel {
        display: inline-block;
        margin-left: 0;
        padding: 3px 0 3px 18px;
    }

    #pagebody div.searchWidget div.step div.contactRow {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Mobile */
@media all and (max-width: 767px) {

    div.grid {
        max-width: 300px;
        margin: 0 10px;
    }

    div#header div.grid {
        max-width: 320px;
        margin: 0;
    }

    body.layer div.grid {
        max-width: 741px;
        margin: 0;
    }

    div#header div.grid div.onerow.navigationHolder {
        max-width: 300px;
        margin: 0 10px;
    }

    div#header div.grid div.onerow.metaNavigation .col12 {
        width: 100%;
    }

    div.container {
        max-width: 320px;
    }

    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
        float: none;
        width: 98%;
        margin: 0 0 10px;
        *zoom: 1;
    }

    div.introContent div.col1 {
        display: none;
    }

    .col1:before, .col2:before, .col3:before, .col4:before, .col5:before, .col6:before, .col7:before, .col8:before, .col9:before, .col10:before, .col11:before, .col12:before,
    .col1:after, .col2:after, .col3:after, .col4:after, .col5:after, .col6:after, .col7:after, .col8:after, .col9:after, .col10:after, .col11:after, .col12:after {
        content: " ";
        display: table;
    }

    .col1:after, .col2:after, .col3:after, .col4:after, .col5:after, .col6:after, .col7:after, .col8:after, .col9:after, .col10:after, .col11:after, .col12:after {
        clear: both;
    }

    .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img,
    .media.half {
        width: 100%;
        height: auto;
        display: block;
    }

    /* header/menu */

    div#pagetools {
        margin: 20px 10px;
        padding: 0;
    }

    div#pagebody {
        padding: 0;
    }

    div#meta-menu {
        padding: 0 0 2px;
        margin: 0 0 5px;
        background-image: none;
        float: none;
    }

    div#meta-menu ul {
        display: block;
        text-align: right;
    }

    div#meta-menu ul li {
        display: inline-block;
        float: none;
        margin: 0 7px;
    }

    div#meta-menu ul li a {
        font-size: 1em;
    }

    div#header div.onerow.navigationHolder {
        position: relative;
        background: url(../img/mobile-squares.png) no-repeat right top;
    }

    div#header div.onerow.navigationHolder div#service {
        position: absolute;
        right: 0;
        top: 0;
        width: 80%;
    }

	div.navigationHolder a.logo img,
	body.workBy div.navigationHolder a.logo img {
		margin-top: 24px;
		width: 110px;
	}

    div#service a.openMenu {
        display: inline-table;
    }

    div#service div.rowOne {
        display: none;
    }

    div#service div.rowTwo {
        margin: 30px 0 0;
    }

    body.careservicefeaturepage div.twoServiceFeatureView div.twoServiceFeatureViewTabs div.col4 {
        width: 100%!important;
    }

    body.careservicefeaturepage div.twoServiceFeatureView div.twoServiceFeatureViewTabs div.col4.last {
        width: 100%!important;
    }

    body.careservicefeaturepage div.twoServiceFeatureView .shape-container {
        margin-top: 15px;
    }

    body.careservicefeaturepage div.twoServiceFeatureView .shape-container .profiling {
        margin: 0;
    }

    body.careservicefeaturepage div.twoServiceFeatureView .shape-container .profiling .content {
        width: 230px;
    }

    html.js div#service a.navigationSearch,
    html.no-js div#service a.navigationSearch {
        display: inline;
        background-position: right 6px;
    }

    html.js div#service div.navigationSearchBox,
    html.no-js div#service div.navigationSearchBox {
        display: none;
    }

    input.search {
        width: 98%;
    }

    div#header a.logo {
        margin: 0px 0 0;
    }

    div#header a.logo img {
        /*width: 45px;*/
        height: auto;
    }

    div#header.scrolled {
        position: relative;
    }

    div#header.scrolled div.onerow.metaNavigation {
        display: block;
    }

    div#header.scrolled #navigation {
        margin: 0;
    }

    div#content.scrolled {
        margin: 0;
    }

    div#header div#navigation {
        margin: 0;
        display: none;
        width: 100%;
    }

    div#header div.navigationHolder div.col9 {
        margin: 0;
    }

    div#header div#navigation ul li {
        float: none;
        margin: 0;
        border-top: 1px solid #ffffff;
        border-bottom: none;
        background: #2b69ad;
    }

    div#header div#navigation ul li a {
        display: block;
        color: #ffffff;
        padding: 3px 10px;
        text-align: left;
    }

    div#header div#navigation ul li a:hover {
        text-decoration: underline;
    }

    div#header div#navigation.open,
    html.no-js div#header div#navigation {
        display: block;
    }

    div#service a.navigationSearch span,
    div#service a.callMe span {
        display: none;
    }

    div#service a.navigationSearch,
    div#service a.callMe {
        margin: 0 0 0 7px;
    }

    div#service a.callMe {
        top: 0;
        float: none;
    }

    div#mainVisual div.mainImage img {
        /*margin-left: -40%;
        max-width: 160%;
        width: 160%;*/
    }

    div#mainVisual div.mainImage {
        min-height: 280px;
    }

    div#mainVisual div.container,
    div#mainVisualCarousel div.slideItem div.container {
        width: 100%;
        max-width: 100%;
    }

    div#mainVisual div.container .profiling,
    div#mainVisualCarousel div.slideItem div.container .profiling {
        background-image: none !important;
        height: auto;
        width: 100%;
        margin: 0;
        position: relative;
    }

    div#mainVisual div.container div.profiling div.content,
    div#mainVisualCarousel div.slideItem div.container div.profiling div.content {
        height: auto;
        width: auto;
        max-width: 320px;
        margin: 0 auto;
        padding: 10px 15px;
    }

    div#mainVisualCarousel div.slideItem div.container div.profiling div.content {
        max-width: 240px;
    }

    div#mainVisual div.container div.profiling div.content span.text,
    div#mainVisualCarousel div.slideItem div.container div.profiling div.content span.text {
        margin: 2px 0 0;
    }

    div#mainVisual div.container div.profiling.orange,
    div#mainVisualCarousel div.slideItem div.container div.profiling.orange {
        background: #f4a100;
    }

    div#mainVisual div.container div.profiling.bordeax,
    div#mainVisualCarousel div.slideItem div.container div.profiling.bordeax,
    div#mainVisual div.container div.profiling.bordeaux,
    div#mainVisualCarousel div.slideItem div.container div.profiling.bordeaux {
        background: #b20e10;
    }

    div#mainVisual div.container div.profiling.green,
    div#mainVisualCarousel div.slideItem div.container div.profiling.green {
        background: #bebd00;
    }

    div#mainVisual div.container div.profiling.pink,
    div#mainVisualCarousel div.slideItem div.container div.profiling.pink {
        background: #e71e6c;
    }

    div#mainVisual div.container div.profiling.red,
    div#mainVisualCarousel div.slideItem div.container div.profiling.red {
        background: #e63329;
    }

    div#mainVisual div.container div.profiling.skin,
    div#mainVisualCarousel div.slideItem div.container div.profiling.skin {
        background: #f08262;
    }

    div#mainVisual div.container div.profiling.yellow,
    div#mainVisualCarousel div.slideItem div.container div.profiling.yellow {
        background: #ffc423;
    }

    div#mainVisualCarousel {
        height: auto;
        max-height: 500px;
        min-height: 303px;
        margin-bottom: 15px;
    }

    div.mainVisualCarouselControls {
        width: 320px;
        margin: -125px auto 0;
    }

    div.mainVisualCarouselControls a.slidePaging {
        display: none;
    }

    div.mainVisualCarouselControls a.nextSlide,
    div.mainVisualCarouselControls a.prevSlide {
        display: block;
    }

    div#diagonalContainergrey {
        margin-top: -80px;
    }

    div.neighborhood {
        padding: 0;
    }

    div.neighborhood h2 {
        margin-bottom: 21px;
    }

    div.neighborhood .col1 {
        display: none;
    }

    div.quotes div.quote div.col12 {
        display: none;
    }

    #pagebody .quotes .quotePersons p {
        display: block;
    }

    .quotes .quotePersons {
        padding: 0;
    }

    div#pagebody div.whoQuote div.quotedPerson {
        display: block;
        top: -25px;
    }

    div.quotes div.whoQuote {
        float: none;
        margin: 0 0 20px;
    }

    div.quotes div.whoQuote:before,
    div.quotes div.whoQuote:after {
        content: " ";
        display: table;
    }

    div.quotes div.whoQuote:after {
        clear: both;
    }

    div.quotes div.whoQuote div.col2 {
        float: left;
        margin: 0 3% 0 0;
        width: 47%;
    }

    #pagebody div.articleList div.listItem h4 {
        clear: left;
    }

    div.otherHalf {
        max-width: 100%;
    }

    div.filters div.filterBlock {
        margin: 0 0 10px;
    }

    div.filters div.filterBlock a.filterTitle {
        width: auto;
        background: url("/img/filter_open_or_closed.png") no-repeat scroll 6px -22px #E4E9F0;
    }

    div.filters div.filterBlock.closed a.filterTitle {
        background-position: 6px 10px;
    }

    div.filters div.filterBlock.closed ul {
        display: block;
    }

    div.filters div.filterBlock ul {
        display: none;
    }

    div.tabFilters div.dateFilters div.months a.selectedOption::before {
        border: none;
    }

    div.articleList div.listItem a img {
        width: 100%;
        height: auto;
    }

    div.articleList div.listItem.agenda div.agendaSummary,
    div.articleList div.listItem.news div.newsSummary {
        width: 100%;
        margin: 0;
    }

    div.articleList div.listItem.agenda div.date,
    div.articleList div.listItem.news div.newsImage {
        margin-bottom: 15px;
        width: 100%;
    }

    div.photoImpression div.filmRoll div img,
    div.photoImpression div.filmRoll div {
        max-width: 294px;
        min-width: 294px;
    }

    div.routeCalculation a.button {
        float: none;
        margin: 8px 0 0;
    }

    ul.mapsTabs li {
        float: none;
    }

    ul.mapsTabs li.tab,
    ul.mapsTabs li.tabButton {
        float: none;
        display: block;
        margin: 0;
    }

    ul.mapsTabs li.tabButton a,
    ul.mapsTabs li.tab a {
        display: block;
    }

    body.careservicefeaturepage div.twoServiceFeatureView .shape-container {
        display: none;
    }

    #pagebody div.mediaBox p,
    #pagebody div.mediaBox h2 {
        width: 100%;
    }

    .media.half {
        max-width: 100%;
    }

    .media.right,
    .media.left {
        float: none;
        margin: 0 0 15px;
    }

    div.neighborhood div.grid {
        margin: 0 auto;
    }

    div.neighborhood ul li,
    div.neighborhood ul li.last {
        display: inline-block;
        width: 47%;
        margin: 15px 1% 0;
    }

    div.neighborhood ul li a.hoverButton div span {
        font-size: 0.967em;
    }

    .profilingInContent div li {
        float: left;
        font-size: 1em;
        width: 100%;
    }

    .profilingInContent .shape-container .profiling {
        margin: 20px 0 15px;
    }

    div.filter span.filterTitle {
        margin: 11px 0 3px;
    }

    div.tabFilters div.tabFilter {
        padding-left: 40px;
    }

    div.tabFilters div.tabFilter.activities div.months a {
        float: left;
        width: 65px;
    }

    div.tabFilters div.tabFilter.activities div.months:before,
    div.tabFilters div.tabFilter.activities div.months:after {
        content: " ";
        display: table;
    }

    div.tabFilters div.tabFilter.activities div.months:after {
        clear: both;
    }

    div.tabFilters div.dateFilters div.filter {
        margin: 23px 0 15px;
    }

    form#filterActivitiesForm div.dateFilters div.filter {
        position: relative;
    }

    div.threeColumn div.col4 {
        margin: 0 0 30px;
    }

    div.topical div.newsList,
    div.topical div.agendaList {
        margin: 0 0 30px;
    }

    div.topical div.agendaList div.agendaItem {
        margin: 0 0 20px;
    }

    div.topical div.agendaList div.agendaItem div.date {
        margin-bottom: 15px;
    }

    div.routeCalculation input.routeSpecification {
        width: 98%;
    }

    div.careTabs div.col3 {
        margin: 0 0 30px;
    }

    div.faq p {
        width: 98%;
    }

    div.searchHeader div.col1,
    div.searchResults div.col1 {
        display: none;
    }

    input.search {
        margin: 0;
    }

    div.tabContents div.activityHolder span.location,
    div.tabContents div.activityHolder span.time {
        display: block;
    }

    /* footer/doormat */

    .pre-footer .col3 .media {
        height: 165px;
    }

    div#doormat div#contactSection {
        margin: 0 0 35px;
    }

    div#doormat div.linkSection a.doormatListTitle {
        margin: 15px 0 0;
    }

    div#doormat div.linkSection a.doormatTitle {
        display: none;
    }

    div#doormat div.onerow span.payoff {
        font-size: 1.8em;
    }

    div#footer div.footerCol ul {
        text-align: center;
    }

    div#footer div.footerCol ul li {
        display: inline;
        margin: 0 7px;
        float: none;
    }

    div#footer span.iso-hkz-logo {
        float: left;
        margin: 15px 0 15px;
    }

    div#footer span.topcar-logo {
        float: left;
        margin: 15px 0 0 10px;
    }

    div#footer span.copyright {
        padding: 0 160px 0 0;
        float: none;
        text-align: center;
        /*background: none;*/
        display: block;
    }

    iframe.videoPage {
        height: 170px;
    }

    .pre-footer .col3 h3 {
        min-height: 30px;
    }

    input.searchButton {
        top: 1px;
    }

    /* /footer */

    div#contour input.text,
    div#contour textarea {
        width: 96%;
    }

    div#contour span.checkboxlist label,
    div#contour span.checkbox label {
        width: 94%;
    }

    div#contour span.checkboxlist,
    div#contour span.checkbox {
        width: 100%;
    }

    div#contour div.contourNavigation {
        padding: 0;
    }

    body.layer div#contour div.contourNavigation {
        padding: 0 0 0 240px !important;
    }

    body.layer div#contour span.checkboxlist,
    body.layer div#contour span.checkbox {
        width: 65%;
    }

    body.layer div#contour span.checkboxlist label,
    body.layer div#contour span.checkbox label {
        width: 46%;
    }

    body.layer.kbp div#contour fieldset.contourFieldSet {
        width: 100%;
    }

    div#contour span.field-validation-error {
        margin: 0;
    }

    div.whoQuote .media.youtube.prefooter iframe {
        position: relative;
        height: 100px;
    }

    div.traject ul.tabs {
        border: none;
    }

    div.traject ul.tabs li.tab {
        margin: 0 -1px 0 0;
        width: 100%;
    }

    div.traject ul.tabs li.tab a {
        display: block;
        padding: 6px 10px;
    }

    div.locationSubTabs div.greyLine {
        display: none;
    }

    div.locationSubTabs a,
    div.traject ul.tabs li.tab a {
        border: 1px solid #ADADAD;
        display: block;
        margin: -1px -5px 0 0;
    }

    div.locationSubTabs a.selected,
    div.locationSubTabs a.selected:hover,
    div.traject ul.tabs li.tab.active a,
    div.traject ul.tabs li.tab.active a:hover {
        border: 1px solid #ADADAD;
        font-weight: bold;
    }

    div.locationSubTabs a span.slanting,
    div.traject ul.tabs li.tab a span.slanting {
        display: none;
    }

    div.locationIntroText div.factList {
        width: 100%;
    }

    div.locationIntroText div.score-widget {
        margin: 0;
    }

    div.locationIntroText div.score-widget div.score {
        left: 70%;
    }

    div.locationSubTabs {
        margin: -30px 0 20px;
    }

    div.introContent div.visitingAddress {
        width: 297px;
    }

    /* BUTTONS */
    .button.large {
        width: 95%;
    }

    .button.large.zorg {
        background-position: 250px 10px;
    }

    .button.large.contact {
        background-position: 250px 10px;
    }

    .button.large.signOn {
        background-position: 250px 10px;
    }

    .button.large.question {
        background-position: 250px 10px;
    }

    .button.large.download {
        background-position: 0 0;
    }

    div.locationHolder p.locationIcons span.locationIcon {
        margin: 5px 40px 5px 0;
    }

    a.backToTop {
        display: none;
    }

    .media.youtube.introMedia .play,
    .media.youtube.half .play,
    .media.youtube.prefooter .play,
    .media.youtube.careerByMedia .play,
    div.threeColumn .media.youtube .play {
        background-image: url('/img/buttons/play_big.png');
        height: 74px;
        left: 110px;
        position: absolute;
        top: 46px;
        width: 74px;
    }

    .media.youtube .play {
        left: 110px;
        top: 60px;
    }

    .media.youtube.half .play {
        top: 60px;
    }

    .media.youtube.quoteMedia .play {
        display: inline-block;
        left: 40px;
        margin: 0;
        position: absolute;
        top: 15px;
    }

    div.topical div.agendaList div.agendaItem div.summary {
        width: 234px;
    }

    div.routeDetailCalculation input.routeSpecification,
    div.routeCalculation input.routeSpecification {
        width: 64%;
    }

    .profilingInContent .shape-container .profiling {
        width: 98%;
    }

    .profilingInContent .shape-container .profiling .content {
        width: 240px;
    }

    #pagebody div.mediaBox h2 {
        margin: 5px 0 12px;
    }

    div.mediaBox ul {
        float: left;
        list-style-type: square;
        padding-left: 25px;
        width: 97%;
    }

    div.mediaBox.left ul {
        margin: 0;
        width: 91%;
    }

    /*
---------------------------
        WERKEN BIJ
---------------------------
    */

    div.functionVacancies div.vacancyItems ul li {
        text-align: left;
    }

    div.functionVacancies div.vacancyItems ul li a {
        background-position: 98% center;
        padding-right: 30px;
    }

    div.functionVacancies div.vacancyItems ul li a span {
        display: block;
        float: none;
    }

    div.fittingJob div.fittingCategories div.categoryHolder {
        width: 100%;
    }

    div.vacancyDetails div.infoAboutVacancy a.applyDirectly {
        display: none;
    }

    div.vacancyDetails div.vacancyForm div#contour div.contourField label.fieldLabel,
    div.vacancyDetails div.vacancyForm div#contour input.text,
    div.vacancyDetails div.vacancyForm div#contour textarea,
    div.vacancyDetails div.vacancyForm div#contour span.radiobuttonlist {
        width: 97%;
        max-width: 97%;
    }

    div.vacancyDetails div.vacancyNavigation a.showAllVacancies {
        margin: 0 0 25px;
    }

    body.workBy span.siteTitle {
        display: none;
    }

    body.workBy div#meta-menu ul li {
        margin: 0 9px 0 0;
    }

    body.workBy div.allVacancies div.articleList {
        border-top: 1px solid #d1d8e2;
    }

    body.workBy div.allVacancies div.filters {
        margin: 0 0 20px;
    }

    body.workBy div.onerow.neighborhood ul li.last {
        margin-right: 2%;
    }

    div.functionVacancies div.vacancyItems ul li a span.hours,
    div.functionVacancies div.vacancyItems ul li a span.location,
    div.functionVacancies div.vacancyItems ul li a span.training,
    div.allVacancies div.listItem a span.hours,
    div.allVacancies div.listItem a span.location,
    div.allVacancies div.listItem a span.training {
        display: block;
        margin: 0;
        padding: 5px 0 0;
        width: 100%;
    }

    div.functionVacancies div.vacancyItems.volunteersItems ul li a span {
        float: none;
        width: 100%;
    }

    div.vacanciesHomepage div.highlightVacancies.vacancyItems {
        padding: 15px 15px 10px;
    }

    div.vacanciesHomepage div.highlightVacancies.vacancyItems a.showAllVacancies {
        display: block;
        float: none;
        margin-bottom: 10px;
    }

    div.careerBy div.col1,
    div.fittingJob div.fittingCategories div.col1 {
        display: none;
    }

    div.tabFilters div.dateFilters div.months a.selectedOption:before {
	    border-left: none;
	    border-right: none;
	    border-bottom: 8px solid #ffffff;
        bottom: 0;
        content: "";
        display: inline-block;
        height: 0;
        left: 0;
        position: absolute;
        width: 0; 
    }
    
    div.searchWidget {
        margin: 30px 0 0;
    }

    div.searchWidget div.step ul {
        margin-left: 0;
    }

    div.searchWidget div.step ul li {
        width: 100%;
        float: none;
    }

    div.searchWidget div#widgetStep1.step ul.step1 li {
        margin: 0;
    }

    div.searchWidget div#widgetStep1.step ul.step1 li a {
        display: inline-block;
    }

    div.searchWidget ul.navSteps li a,
    div.searchWidget ul.navSteps li > span {
        margin: 0;
        padding: 8px 10px;
    }

    div.searchWidget ul.navSteps li a span,
    div.searchWidget ul.navSteps li > span span {
        margin: 0 30% 5px;
    }

    div.searchWidget div#widgetStep1.step ul.step1 li {
        float: none;
        width: 100%;
    }

    div.searchWidget div.step div.finalStep div.content {
        float: none;
        width: 100%;
    }

    div.searchWidget div.step div.finalStep div.whereList {
        float: none;
        margin: 15px 0 0;
        width: 100%;
    }

    div.searchWidget div.step div.finalStep div.whereList > ul {
        margin: 0 0 0 15px;
        float: none;
        width: 100%;
    }
}

/* Print */
@media print {
    * {
        color: #000000;
        background: transparent;
    }

    body {
        background: white;
    }

    div#header div.grid,
    div.container,
    div.grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

    div#content.scrolled {
        margin: 0;
    }

    img {
        width: auto !important;
        height: auto !important;
    }

    div#header {
        border-bottom: 0;
    }

    #pagebody div.quotes div.quote div.col12 p {
        padding: 10px 0;
    }

    .quotes .quote .col12 {
        height: auto;
    }

    div.metaNavigation,
    div#navigation,
    div#service,
    p.aid,
    div#mainVisual,
    div#pagetools div.col4.last,
    div#diagonalContainer,
    div.closeAnswer,
    div.pre-footer,
    div#doormat,
    div#footer,
    div.tabHeaders,
    div.tabFilters,
    div.contentNav,
    a.closeCareTabButton,
    .button {
        display: none !important;
    }

    div.answer,
    div.twoServiceFeatureViewTabContent,
    div.twoServiceFeatureViewContent,
    div.careTabContent,
    div.careTab,
    div#breadcrumb,
    #pagebody div.quotes div.quote div.col12 p,
    div.quotes div.quote div.col12,
    div#pagebody div.whoQuote div.quotedPerson {
        display: block !important;
    }
}