/* ============================================================================ | | | UTILITIES ALL | | Load all utility files | | | ============================================================================ */ /* ============================================================ FUNCTIONS ============================================================ */ /* ------------------------------------------------------------ PX TO EM ------------------------------------------------------------ */ /* ------------------------------------------------------------ DIVIDE ------------------------------------------------------------ */ /* ============================================================================ | | | GRID MIXINS | | | ============================================================================ */ /* ============================================================================ GRID Create a grid for x columns ============================================================================ */ /* ============================================================================ RESET GRID Reset all grid related css ============================================================================ */ /* ============================================================================ REMOVE GRID Remove all grid related css ============================================================================ */ /* ============================================================================ WITH GRID SETTINGS CUSTOM Remove all grid related css ============================================================================ */ /* ============================================================================ | | | COMMON MIXINS / STYLE | | | ============================================================================ */ /* ============================================================================ SPREAD LINK A link that spreads over its content ============================================================================ */ .block-expertises .expertise .field-link, .block-expertises-other .expertise .field-link, .block-expertises.no-logo .expertise .field-link, .no-logo.block-expertises-other .expertise .field-link, .block-projects-showcase .project .field-link, .block-congress-list .congress-item .field-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block-expertises .expertise .field-link a, .block-expertises-other .expertise .field-link a, .block-expertises.no-logo .expertise .field-link a, .no-logo.block-expertises-other .expertise .field-link a, .block-projects-showcase .project .field-link a, .block-congress-list .congress-item .field-link a { display: block; width: 100%; height: 100%; background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /* measurements */ /* colors */ /* media queries info */ @font-face { font-family: 'HelveticaNeueLTCom-HvEx'; src: url("../webfonts/neue-helvetica-bold-extended.eot"); src: url("../webfonts/neue-helvetica-bold-extended.eot?#iefix") format("embedded-opentype"), url("../webfonts/neue-helvetica-bold-extended.woff2") format("woff2"), url("../webfonts/neue-helvetica-bold-extended.woff") format("woff"), url("../webfonts/neue-helvetica-bold-extended.ttf") format("truetype"); } ::selection { color: white; background-color: black; } ::-moz-selection { color: white; background-color: black; } .footer_lijn ::selection, .nav_lijn ::selection { color: white; background-color: #505050; } .footer_lijn ::-moz-selection, .nav_lijn ::-moz-selection { color: white; background-color: #505050; } .no_js { display: none; } .js { display: block; } .grey_line, #content > .block { border-top: 3px solid #e5e5e5; padding-top: 2.66667em; } .no_border { border-top: none; } img, a img { width: 100%; height: auto; border-bottom: 4px solid #58a518; vertical-align: bottom; -ms-interpolation-mode: bicubic; } iframe { max-width: 100%; display: inline-block; } html { font-size: 100%; -webkit-font-smoothing: antialiased; } @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) { -webkit-font-smoothing: subpixel-antialiased; } @media (max-width: 1224px) { html { font-size: 85%; } } @media (max-width: 480px) { .hide-mobile { display: none !important; } } @media (max-width: 998px) { .hide-tablet { display: none !important; } } @media (min-width: 481px) { .show-mobile { display: none !important; } } @media (min-width: 999px) { .show-tablet { display: none !important; } } body { font-size: 0.9375em; font-family: Arial, Helvetica, Garuda, sans-serif; color: #333; background: #000; } h1, h2, h3, h4, h5, h6 { color: #000; margin: 0; } h1, .h1, .block-research-detail .title h2, .block-congress-detail .title h2, .block-content-intro .title h2, .block-contact .title h2, .block-expertises .title h2, .block-expertises-other .title h2, .block-projects .title h2, .block-projects-showcase .title h2, .block-congress-list .title h2, .block-employees .title h2, .field_of_study_block .block-title h2, .actueel_block h2.title, .block_opleidingen_lijst h2, .title_schrijf_in h2, .opleiding_banner h2, .block-research-detail h2, .block-congress-detail h2, .block-3col-style-1 .title h2, .field_of_study_block .block-title h2, .actueel_block h2.title, .block_opleidingen_lijst h2, .title_schrijf_in h2, .opleiding_banner h2, #content h2.title, .content_inner_top .title, body.home_page #content > .block > .title h2 { color: #505050; font-size: 2.53333em; text-transform: uppercase; text-shadow: none; font-size: calc(13px + 2vw); } @media (min-width: 1224px) { h1, .h1, .block-research-detail .title h2, .block-congress-detail .title h2, .block-content-intro .title h2, .block-contact .title h2, .block-expertises .title h2, .block-expertises-other .title h2, .block-projects .title h2, .block-projects-showcase .title h2, .block-congress-list .title h2, .block-employees .title h2, .field_of_study_block .block-title h2, .actueel_block h2.title, .block_opleidingen_lijst h2, .title_schrijf_in h2, .opleiding_banner h2, .block-research-detail h2, .block-congress-detail h2, .block-3col-style-1 .title h2, .field_of_study_block .block-title h2, .actueel_block h2.title, .block_opleidingen_lijst h2, .title_schrijf_in h2, .opleiding_banner h2, #content h2.title, .content_inner_top .title, body.home_page #content > .block > .title h2 { font-size: 2.53333em; } } .block-title.block-title h2 { font-size: calc(13px + 2vw); } .content_inner_top .block-title.block-title h2 { font-size: calc(10px + .8vw); } @media (min-width: 1224px) { .block-title.block-title h2 { font-size: 38px; } .content_inner_top .block-title.block-title h2 { font-size: 1.333333em; } } h1.title { line-height: 1em; } h2 { color: #000; font-size: 19px; } @media (max-width: 1224px) { h2 { font-size: 16px; } } h3 { font-size: 1.06667em; } h4 { font-weight: bold; } h5, h6 { font-weight: bold; } p { line-height: 1.3em; } a { text-decoration: none; color: #58a518; outline: none; border: none; } a:focus { text-decoration: underline; } a p { color: #333; } b { font-weight: bold; } i { font-style: italic; } input { outline: none; } ul.styled { list-style: none; } ul.styled li { background: url(../img/bullet.png) left 0.5em no-repeat; padding-left: 1.33333em; line-height: normal; } ul.styled ul li { margin-left: 30px; } .font, h1, h2, h3, table.tabled_styled th, .btn-green, .block-projects-filter .dept-title a, .block-congress-filter .dept-title a, .nav ul li a, .block_opleidingen_lijst thead tr th, .block_opleidingen_lijst .opleidingen_lijst1 a, .block-actueel .news-item-big .field-title h3, .block-detail .group-text .field .field-label, .block-in-the-picture .field-text, .block-agenda-detail .field-date, .block-agenda-detail .field-location, .block-contact .contacts .contact .field-name, .block-congress-filter .category-title, .block-research-detail .wysiwyg > h3, .block-congress-detail .wysiwyg > h3, .opleiding-header, .opleiding-body .opleiding-departement, .ui-datepicker .ui-datepicker-title { font-family: '83 Heavy Extended', 'HelveticaNeueLTCom-HvEx', Arial; text-transform: uppercase; font-weight: normal !important; } @media (max-width: 480px) { .font, h1, h2, h3, table.tabled_styled th, .btn-green, .block-projects-filter .dept-title a, .block-congress-filter .dept-title a, .nav ul li a, .block_opleidingen_lijst thead tr th, .block_opleidingen_lijst .opleidingen_lijst1 a, .block-actueel .news-item-big .field-title h3, .block-detail .group-text .field .field-label, .block-in-the-picture .field-text, .block-agenda-detail .field-date, .block-agenda-detail .field-location, .block-contact .contacts .contact .field-name, .block-congress-filter .category-title, .block-research-detail .wysiwyg > h3, .block-congress-detail .wysiwyg > h3, .opleiding-header, .opleiding-body .opleiding-departement, .ui-datepicker .ui-datepicker-title { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } } table.tabled_styled th { text-transform: uppercase; line-height: 1.4em; } .clearfix:after { content: ""; display: table; clear: both; } a:hover { color: #58a518; } .content_block a:hover { text-decoration: underline; } .overzicht, .more { font-size: 13px; color: #000; font-weight: bold; padding-right: 13px; margin-top: 1.15385em; line-height: 14px; float: left; background: url("../img/overzicht_arrow.png") right 4px no-repeat; } .overzicht:hover, .more:hover { color: #58a518; background-position: right -10px; } table { width: 100%; } li.active a { font-weight: bold; color: #58a518; } /*custom select*/ .listbox_content { display: none; } .visible { display: block; } .hide { display: none; } .meer { background: url("../img/meer_arrow.png") no-repeat scroll right 3px transparent; padding-right: 20px; font-size: 13px; margin-top: 1em; color: #333; clear: both; line-height: 13px; float: right; font-weight: bold; } a:hover .meer { color: #58a518; background-position: right -13px; } .meer:hover { color: #58a518; background-position: right -13px; } .line { border-bottom: 1px solid #E5E5E5; padding-top: 2em; padding-bottom: 2em; } .line:nth-child(-n+1) { padding-top: 0; } .line.last { border-bottom: none; padding-bottom: 0; } .footer img, .logo img, .social_media img { width: auto; border-bottom: none; } .social_media img { height: 20px; width: auto; } #content .hidden-info { position: absolute; left: -999em; top: -999em; } .block { display: block; } .colorbox-info:after, .hidden-info:after { content: ""; display: block; clear: both; height: 1px; } #cboxLoadedContent { margin-bottom: -1px; } .ix-faceted-search div.sml_facetedsearchex_result a em.searchTerm { color: inherit !important; font-weight: bold; } /* -------------------------------------------------------------------- WYSIWYG -------------------------------------------------------------------- */ .wysiwyg { line-height: 1.3em; } .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { line-height: 1em; position: relative; clear: both; } .wysiwyg h1 a, .wysiwyg h2 a, .wysiwyg h3 a, .wysiwyg h4 a, .wysiwyg h5 a, .wysiwyg h6 a { color: #000; } .wysiwyg h1 a:hover, .wysiwyg h2 a:hover, .wysiwyg h3 a:hover, .wysiwyg h4 a:hover, .wysiwyg h5 a:hover, .wysiwyg h6 a:hover { text-decoration: none; } .wysiwyg > h2 { margin: 2.22222em 0 0.83333em; } .wysiwyg > h3 { font-family: Arial; font-weight: bold; text-transform: none; margin: 1.25em 0 0.625em; } .wysiwyg > h4 { margin: 1.06667em 0 0.33333em; } .wysiwyg > h5 { margin: 1.06667em 0 0.13333em; } .wysiwyg > h6 { color: #666; margin: 1.06667em 0 0.13333em; } .wysiwyg strong { font-weight: bold; } .wysiwyg i, .wysiwyg em { font-style: italic; } .wysiwyg sub { vertical-align: sub; font-size: smaller; } .wysiwyg sup { vertical-align: super; font-size: smaller; } .wysiwyg p { margin-bottom: 1.06667em; } .wysiwyg p.intro { font-size: 1.13333em; font-weight: bold; } .wysiwyg img { border-bottom: none; margin-bottom: 1.06667em; width: auto; max-width: 100%; } .wysiwyg > div { margin-bottom: 1.06667em; } .wysiwyg ul, .wysiwyg ol { margin: 0 0 1.06667em 1em; padding: 0; } .wysiwyg ul > li, .wysiwyg ol > li { margin: 0; padding-left: 15px; padding-top: 2px; padding-bottom: 2px; color: #333; background: none; } .wysiwyg ul ul, .wysiwyg ul ol, .wysiwyg ol ul, .wysiwyg ol ol { margin: 0; } .wysiwyg ul ul > li, .wysiwyg ul ol > li, .wysiwyg ol ul > li, .wysiwyg ol ol > li { margin-left: 2em; } .wysiwyg ul > li { background: url(../img/bullet.png) left 0.6em no-repeat; } .wysiwyg ol { list-style: decimal; margin-left: 2em; } .wysiwyg ol > li { padding-left: 0; } .wysiwyg > table, .wysiwyg div table { margin-bottom: 1.06667em; border-collapse: collapse; } .wysiwyg > table tr td, .wysiwyg div table tr td { padding: 0.4em 1em; border-right: 1px solid #e5e5e5; min-width: 3.33333em; vertical-align: top; } .wysiwyg > table tr td:first-child, .wysiwyg div table tr td:first-child { padding-left: 0; } .wysiwyg > table tr td:last-child, .wysiwyg div table tr td:last-child { padding-right: 0; border-right: 0; } .wysiwyg > table tr td img, .wysiwyg div table tr td img { max-width: none; } .wysiwyg > table tr td a, .wysiwyg div table tr td a { text-decoration: underline; color: #000; } .wysiwyg > table tr td a:hover, .wysiwyg div table tr td a:hover { color: #58a518; } .wysiwyg > table tr.header td, .wysiwyg div table tr.header td { border-bottom: 1px solid #e5e5e5; color: #505050; font-weight: bold; padding-top: 0.2em; padding-bottom: 0.66667em; } .wysiwyg > table tr.bottom td, .wysiwyg div table tr.bottom td { border-top: 1px solid #e5e5e5; color: #505050; padding-top: 0.66667em; padding-bottom: 0.2em; } .wysiwyg > table p, .wysiwyg div table p { line-height: 1em; margin-bottom: 0; } @media (max-width: 480px) { .wysiwyg table { display: block; -ms-overflow-x: auto; overflow-x: auto; max-width: 100%; } } .wysiwyg .table { list-style: none; margin: 0; padding-left: 0; display: -webkit-flex; display: flex; flex-wrap: wrap; } .wysiwyg .table:after { content: ""; display: table; clear: both; } .wysiwyg .table > li { list-style: none; float: left; box-sizing: border-box; border-right: 1px solid #e5e5e5; padding: 0 10px 20px; background-image: none; } .wysiwyg .table .header { display: block; font-weight: bold; color: #505050; margin-bottom: 10px; } .wysiwyg .table img { display: table; margin: 0; } .wysiwyg .grid-2-cols > li { width: 50%; } .wysiwyg .grid-2-cols > li:nth-child(2n) { border-right: none; } .wysiwyg .grid-2-cols > li:nth-child(n+3) { padding-top: 10px; } .wysiwyg .grid-2-cols > li:nth-last-child(n+3) { border-bottom: 1px solid #e5e5e5; } @media (max-width: 480px) { .wysiwyg .grid-2-cols > li { width: 100%; } .wysiwyg .grid-2-cols > li:nth-child(n) { border-right: none; border-bottom: 1px solid #e5e5e5; } .wysiwyg .grid-2-cols > li:nth-child(n+2) { padding-top: 10px; } .wysiwyg .grid-2-cols > li:last-child { border-bottom: none; } } .wysiwyg .grid-3-cols > li { width: 33.333334%; } .wysiwyg .grid-3-cols > li:nth-child(3n) { border-right: none; } .wysiwyg .grid-3-cols > li:nth-child(n+4) { padding-top: 10px; } .wysiwyg .grid-3-cols > li:nth-last-child(n+4) { border-bottom: 1px solid #e5e5e5; } @media (max-width: 998px) { .wysiwyg .grid-3-cols > li { width: 50%; } .wysiwyg .grid-3-cols > li:nth-child(3n) { border-right: 1px solid #e5e5e5; } .wysiwyg .grid-3-cols > li:nth-child(2n) { border-right: none; } .wysiwyg .grid-3-cols > li:nth-child(n+3) { padding-top: 10px; } .wysiwyg .grid-3-cols > li:nth-last-child(n+3) { border-bottom: 1px solid #e5e5e5; } } .wysiwyg .grid-4-cols > li { width: 25%; } .wysiwyg .grid-4-cols > li:nth-child(4n) { border-right: none; } .wysiwyg .grid-4-cols > li:nth-child(n+5) { padding-top: 10px; } .wysiwyg .grid-4-cols > li:nth-last-child(n+5) { border-bottom: 1px solid #e5e5e5; } @media (max-width: 998px) { .wysiwyg .grid-4-cols > li { width: 50%; } .wysiwyg .grid-4-cols > li:nth-child(2n) { border-right: none; } .wysiwyg .grid-4-cols > li:nth-child(n+3) { padding-top: 10px; } .wysiwyg .grid-4-cols > li:nth-last-child(n+3) { border-bottom: 1px solid #e5e5e5; } } .wysiwyg h3 { text-transform: uppercase; font-weight: bold !important; } .wysiwyg > p:first-child, .wysiwyg > h1:first-child, .wysiwyg > h2:first-child, .wysiwyg > h3:first-child, .wysiwyg > h4:first-child, .wysiwyg > h5:first-child, .wysiwyg > h6:first-child, .wysiwyg > iframe:first-child { margin-top: 0; } .wysiwyg > p:last-child, .wysiwyg > iframe:last-child, .wysiwyg > h6:last-child { margin-bottom: 0; } /* -------------------------------------------------------------------- BUTTONS -------------------------------------------------------------------- */ /* BTN GREEN -------------------------------------------------------------------- */ .btn-green { display: inline-block; background: url(../img/arrow_white_right_margin-25.png) no-repeat right center #505050; font-size: 1.33333em; color: #fff; padding: 0.85em 50px 0.75em 25px; margin: 0; line-height: 1em; text-transform: uppercase; transition: background-color .15s ease-out; } .btn-green:hover { color: #fff; background-color: #000; } #content > .btn-green { position: relative; margin-top: 3.5%; top: -18px; } @media (max-width: 560px) { #content > .btn-green { width: 100%; box-sizing: border-box; font-size: 18px; } } /* BTN MORE -------------------------------------------------------------------- */ .block-expertises .expertise .field-more, .block-expertises-other .expertise .field-more, .block-expertises.no-logo .expertise .field-more, .no-logo.block-expertises-other .expertise .field-more, .block-projects-showcase .project .field-more, .block-congress-list .congress-item .field-more { font-size: 0.86667em; color: #000; font-weight: bold; padding-right: 13px; line-height: 14px; background: url(../img/overzicht_arrow.png) no-repeat right 4px; } .block-expertises .expertise .field-more:hover, .block-expertises-other .expertise .field-more:hover, .block-expertises .expertise:hover .field-more, .block-expertises-other .expertise:hover .field-more, .block-expertises.no-logo .expertise:hover .field-more, .no-logo.block-expertises-other .expertise:hover .field-more, .block-projects-showcase .project .field-more:hover, .block-projects-showcase .project:hover .field-more, .block-congress-list .congress-item .field-more:hover, .block-congress-list .congress-item:hover .field-more { color: #505050; background-position: right -10px; } /* BTN DEPT -------------------------------------------------------------------- */ .block-projects-filter .dept-title a, .block-congress-filter .dept-title a { display: block; background: url(../img/logo_klein.png) no-repeat; font-size: 1.06667em; text-decoration: none; text-transform: uppercase; min-height: 30px; padding-top: 15px; padding-left: 48px; color: #000; } .block-projects-filter .dept-title a:hover, .block-congress-filter .dept-title a:hover { color: #58a518; } /* FB WIDGET -------------------------------------------------------------------- */ /* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */ #fb-root { display: none; } /* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } /* Colorbox */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: #222; } #colorbox { outline: 0; } #cboxContent { background: #fff; margin-right: 42px; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { border: 22px solid #fff; border-bottom: 76px solid #fff; } /*#cboxTitle{position:absolute; bottom:0; left:0; color:#ccc;}*/ #cboxTitle .link { display: block; padding-right: 20px; background: url(../img/colorbox_download.png) no-repeat center right; position: absolute; right: 22px; bottom: 0; line-height: 54px; font-family: Arial; font-weight: bold; font-size: 14px; text-transform: uppercase; } #cboxTitle .title { color: #000; position: absolute; left: 22px; bottom: 0; line-height: 54px; font-weight: bold; font-size: 13px; } #cboxCurrent { position: absolute; bottom: 50px; position: absolute; text-align: center; color: #000; width: 100%; font-size: 13px; } #cboxLoadingGraphic { background: url(../img/loading.gif) no-repeat center center; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; text-indent: -9999px; } /*#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}*/ /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; } #cboxPrevious { position: absolute; top: 50%; left: 40px; margin-top: -32px; background: url(../img/colorbox_arrow_left.png) no-repeat top left; width: 27px; height: 35px; } #cboxPrevious:hover { background-position: bottom left; } #cboxNext { position: absolute; top: 50%; right: 40px; margin-top: -32px; background: url(../img/colorbox_arrow_right.png) no-repeat 0 0; width: 27px; height: 35px; } #cboxNext:hover { background-position: bottom right; } #cboxClose { position: absolute; top: 0; right: -42px; background: url(../img/colorbox_close.jpg) no-repeat 0 0; width: 42px; height: 42px; } /* TEXT STYLING */ .colorbox-html #cboxLoadedContent { border: 22px solid #fff; width: 700px; } @media (max-width: 480px) { #cboxLoadedContent { border-left: 10px solid #fff; border-top: 10px solid #fff; border-right: 10px solid #fff; } #cboxContent { margin-right: 0; } #cboxPrevious { left: 20px; } #cboxNext { right: 20px; } #cboxClose { right: 0; top: -42px; } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; 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; } .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: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=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; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; 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; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .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; opacity: 0.7; } .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; } @media (max-width: 899px) and (min-aspect-ratio: 16 / 9), (max-height: 575px) { .mfp-iframe-holder .mfp-content { height: 100%; } } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 100%; } .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; } .mfp-iframe-scaler { height: 0; overflow: hidden; padding-top: 56.25%; } @media (max-width: 899px) and (min-aspect-ratio: 16 / 9), (max-height: 575px) { .mfp-iframe-scaler { height: 100%; } } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; border: none; } /* The shadow behind the image */ .mfp-figure { 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; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ .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: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; } } @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; } /* ==================================================================== BLOCK STYLE CSS ==================================================================== */ /* -------------------------------------------------------------------- BLOCK STYLE 1 -------------------------------------------------------------------- */ .block-research-detail .title, .block-congress-detail .title, .block-content-intro .title, .block-contact .title, .block-expertises .title, .block-expertises-other .title, .block-projects .title, .block-projects-showcase .title, .block-congress-list .title, .block-employees .title { margin-bottom: 1.66667em !important; padding: 0; } /* -------------------------------------------------------------------- BLOCK STYLE 2 -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- BLOCK STYLE 1 -------------------------------------------------------------------- */ /* line 8, ../sass/_all_block_style.scss */ .block-type-1 { padding-top: 1.33333em; } /* line 12, ../sass/_all_block_style.scss */ .block-type-1 h2 { margin-bottom: 0.72222em; color: #505050; text-transform: uppercase; } /* line 18, ../sass/_all_block_style.scss */ .block-type-1 h2 { margin-bottom: 1em; } /* line 22, ../sass/_all_block_style.scss */ .block-type-1 .items .item { position: relative; margin-bottom: 0.66667em; } /* line 27, ../sass/_all_block_style.scss */ .block-type-1 .items .item:hover .field-text { color: #505050; } /* line 31, ../sass/_all_block_style.scss */ .block-type-1 .items .item .field-text { line-height: 1.2em; } /* line 35, ../sass/_all_block_style.scss */ .block-type-1 .items .item .field-date { font-size: 0.93333em; margin-bottom: 0.46667em; font-weight: bold; color: #999; } /* line 42, ../sass/_all_block_style.scss */ .block-type-1 .items .item .field-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* line 50, ../sass/_all_block_style.scss */ .block-type-1 .items .item .field-link a { display: block; width: 100%; height: 100%; background: url(../img/empty_pixel.png); } /* line 57, ../sass/_all_block_style.scss */ .block-type-1 .overview { text-align: right; } /* line 61, ../sass/_all_block_style.scss */ .block-type-1 .overview .more { float: none; } /* -------------------------------------------------------------------- BLOCK STYLE 2 -------------------------------------------------------------------- */ /* line 69, ../sass/_all_block_style.scss */ .block-type-2 h2 { margin-bottom: 1em; text-transform: uppercase; } /* line 74, ../sass/_all_block_style.scss */ .block-type-2 .items .item { position: relative; margin-bottom: 1em; } /* line 79, ../sass/_all_block_style.scss */ .block-type-2 .items .item:nth-child(3) { margin-bottom: 0; } /* line 83, ../sass/_all_block_style.scss */ .block-type-2 .items .item:hover .field-text { color: #58a518; } /* line 87, ../sass/_all_block_style.scss */ .block-type-2 .items .item .field-text { line-height: 1.2em; } /* line 91, ../sass/_all_block_style.scss */ .block-type-2 .items .item .field-date { font-size: 0.93333em; margin-bottom: 0.33333em; font-weight: bold; color: #999; } /* line 98, ../sass/_all_block_style.scss */ .block-type-2 .items .item .field-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* line 106, ../sass/_all_block_style.scss */ .block-type-2 .items .item .field-link a { display: block; width: 100%; height: 100%; background: url(../img/empty_pixel.png); } /* line 113, ../sass/_all_block_style.scss */ .block-type-2 .overview { text-align: right; } /* line 117, ../sass/_all_block_style.scss */ .block-type-2 .overview .more { float: none; } /* -------------------------------------------------------------------- BLOCK 3COL STYLE 1 -------------------------------------------------------------------- */ /* line 125, ../sass/_all_block_style.scss */ .block-3col-style-1 .block { width: 36.38222% !important; margin-right: 1.78845% !important; } /* line 129, ../sass/_all_block_style.scss */ .block-3col-style-1 .block .content { padding-right: 1.33333em; } /* line 133, ../sass/_all_block_style.scss */ .block-3col-style-1 .block:last-child { width: 23.65866% !important; margin-right: 0 !important; } /* line 137, ../sass/_all_block_style.scss */ .block-3col-style-1 .block:last-child .content { padding-right: 0; } /* line 143, ../sass/_all_block_style.scss */ .block-3col-style-1 .title { margin-bottom: 1.66667em !important; overflow: hidden; } @media (max-width: 998px) { /* line 154, ../sass/_all_block_style.scss */ .block-3col-style-1 .block { width: 48.17898% !important; margin-right: 3.64204% !important; } /* line 158, ../sass/_all_block_style.scss */ .block-3col-style-1 .block:last-child { width: 48.17898% !important; margin-right: 0 !important; } /* line 163, ../sass/_all_block_style.scss */ .block-3col-style-1 .block:nth-child(3n+4) { clear: none; } /* line 164, ../sass/_all_block_style.scss */ .block-3col-style-1 .block:nth-child(2n) { margin-right: 0 !important; } /* line 165, ../sass/_all_block_style.scss */ .block-3col-style-1 .block:nth-child(2n+3) { clear: both; } } /* ==================================================================== BLOCK CSS ==================================================================== */ /* -------------------------------------------------------------------- LOGO -------------------------------------------------------------------- */ .logo { position: absolute; top: -23px; left: -22px; } /* -------------------------------------------------------------------- NAV LIJN -------------------------------------------------------------------- */ .nav_lijn { background-color: #000; } /* -------------------------------------------------------------------- NAVIGATION -------------------------------------------------------------------- */ .nav { float: right; background-color: #000; height: 60px; } .nav ul { float: right; } .nav ul li { float: left; } .nav ul li:first-child a { margin-left: 0; } .nav ul li:last-child a { margin-right: 0; } .nav ul li a { color: white; font-size: 1.33333em; margin: 0 0.85em; line-height: 60px; text-transform: uppercase; } .nav ul li a:hover { color: #58a518; } .nav ul li.active a { color: #58a518; } @media (max-width: 900px) { .nav ul li a { font-size: 15px; margin: 0 8px; } } /* -------------------------------------------------------------------- SUB NAVIGATION -------------------------------------------------------------------- */ .nav2 { float: right; padding-right: 3.5%; height: 37px; } .nav2 ul { float: right; line-height: 37px; } .nav2 ul li { float: left; } .nav2 ul li:first-child a { margin-left: 0; } .nav2 ul li:last-child a { margin-right: 0; } .nav2 ul li:after { content: "-"; } .nav2 ul li.last:after { content: ""; } .nav2 ul li.active a { color: #58a518; } .nav2 ul li a { color: #333; font-weight: bold; font-size: 0.86667em; margin: 0 1em; } .nav2 ul li a:hover { color: #58a518; } @media (max-width: 998px) { .nav2 { width: 91.36316%; float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .nav2 ul li:after { content: ""; } .nav2 ul li a { margin: 0 7px; } } @media (max-width: 900px) { .nav2 { width: 91.36316%; float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .nav2 ul li:after { content: ""; } .nav2 ul li a { font-size: 11px; margin: 0 2px; } } /* -------------------------------------------------------------------- BLOCK SEARCH -------------------------------------------------------------------- */ .search { float: right; } .search .searchbox { position: relative; float: right; } .search .searchbox .searchfield { background: #FFF; width: 180px; border: none; font-weight: bold; font-size: 15px; height: 27px; line-height: 1.2; padding: 5px 40px 5px 10px; height: 28px; box-sizing: border-box; } .search .searchbox .searchsubmit { position: absolute; top: 0; right: 0; width: 40px; height: 27px; background: url(../img/search.png) no-repeat center; border: 0; cursor: pointer; text-indent: -9999px; transition: background-color .2s ease-out; } .search .searchbox .searchsubmit:active { background-color: rgba(88, 165, 24, 0.5); } .search .visible { display: block; } @media (max-width: 1224px) { .search .listbox_arrow, .search .listbox_arrow.black { background-position: 6px 4px; } } @media (max-width: 800px) { #top { padding-top: 0 !important; } .search .customselect { float: none; color: #808080 !important; background: transparent; margin: 0; padding: 0; text-align: right; line-height: 1.9; font-size: 13px; } .search .customselect.white { padding: 10px 20px 10px 10px; -webkit-box-shadow: none !important; box-shadow: none !important; } .search .customselect .listbox_content { position: relative; -webkit-box-shadow: none; box-shadow: none; padding: 0; } .search .customselect .listbox_selected { float: none; } .search .customselect svg { display: none; } } /* Base css for sml_facetedsearchex */ div.sml_facetedsearchex_result, div.sml_facetedsearchex_facet_result { clear: both; } div.sml_facetedsearchex_result em.searchTerm { background-color: #ffffbb; font-weight: bold; } div.sml_facetedsearchex_form { clear: both; } div.sml_facetedsearchex_form label { display: inline-block; padding-right: 10px; } div.sml_facetedsearchex_form .nodisplay { display: none; } div.sml_facetedsearchex_form fieldset { clear: both; } div.sml_facetedsearchex_form input.ui-autocomplete-input { width: 65%; } div.sml_facetedsearchex_form button { width: 30%; } div.sml_facetedsearchex_result td { vertical-align: top; text-align: left; } div.sml_facetedsearchex_result th { text-align: left; } .sml_facetedsearchex_info { padding: .2em; clear: both; float: none; } .sml_facetedsearchex_info.is_info.error { color: red; } div.sml_facetedsearchex_result table, div.sml_facetedsearchex_facet_result table { width: 100%; } div.sml_facetedsearchex_queryinfo table, div.sml_facetedsearchex_facet_queryinfo table { font-size: 80%; background-color: #ffffcc; font-family: MS Sans Serif, arial; } div.sml_facetedsearchex_facet_box .smlboxbtns img { border: 0; } div.sml_facetedsearchex_facet_box.facet-hide, div.sml_facetedsearchex_filters_box.facet-hide { display: none; } .sml_facetedsearchex div.smlRes { width: 100%; margin: 0; } fieldset.sml_facetedsearchex_fltlist, fieldset.sml_facetedsearchex_sources { margin: 0; padding: 0; } fieldset.sml_facetedsearchex_fltlist ul, fieldset.sml_facetedsearchex_sources ul { margin: 0; padding: 0; list-style-image: none; } fieldset.sml_facetedsearchex_fltlist li, fieldset.sml_facetedsearchex_sources li { margin: 0; padding: 0; } div.sml_facetedsearchex_nav img { border: 0; display: inline; vertical-align: bottom; } .sml_facetedsearchex_nav button.navlink { border: 0; background-color: transparent; padding: 0px; margin: 0px; } .sml_facetedsearchex_nav button.navlink:focus { outline: none; text-decoration: underline; } .sml_facetedsearchex textarea.smlRes { background-color: #EEEEEE; overflow: auto; width: 100%; line-height: 1.2em; font-family: courier; border: 0; padding: 0; margin: 0; border: 1px solid black; height: 150px; } .sml_facetedsearchex .smlInp { width: 60%; border: 1px solid black; } .sml_facetedsearchex .smlPanel { width: 100%; } .sml_facetedsearchex form { margin: 0; } a.toggle_current_single, a.toggle_current_and, a.toggle_current_or { width: 11px; overflow: hidden; display: inline-block; text-decoration: none; } div a.tog_inactive { display: none; } div a.tog_active { background: url("/scf/gfx/box/switch_down.gif") no-repeat 3px 3px; } div a.toggle_current_single:hover, div a.toggle_current_and:hover, div a.toggle_current_or:hover { text-decoration: none; } div a.toggle_current_single:active, div a.toggle_current_and:active, div a.toggle_current_or:active { text-decoration: none; } a.toggle_current_single { background-image: url("/(88602)-Plus.gif"); } a.toggle_current_and { background-image: url("/Pub/Faceted-Search-Ex-Smartlet/Faceted-Search-Ex-Smartlet-ClientData/Faceted-Search-Ex-Smartlet-ClientData-Images/Buttons/(88604)-AND.png"); } a.toggle_current_or { background-image: url("/Pub/Faceted-Search-Ex-Smartlet/Faceted-Search-Ex-Smartlet-ClientData/Faceted-Search-Ex-Smartlet-ClientData-Images/Buttons/(88605)-OR.png"); } .sml_box span.multimode { padding: 0px 4px; margin: 0px; font-weight: bold; display: inline; background: none; } a.facetremove, a.filterremove { color: red; font-weight: bold; } .sml_facetedsearchex_box ul.popup, .sml_facetedsearchex_facet_box ul.popup, .sml_facetedsearchex_persist_box ul.popup { z-index: 500; padding: 4px; margin-top: 1px; border: 1px solid #bbbbbb; background-color: white; background-image: none; color: black; position: absolute; right: 0px; list-style-type: none; list-style-image: none; } ul.multimodepopup li { margin: 0px; padding: 2px; cursor: default; } ul.multimodepopup li.disabled { color: #eeeeee; background-color: #bbbbbb; cursor: text; } ul.multimodepopup li.disabled:hover { color: #eeeeee; background-color: #bbbbbb; } ul.multimodepopup li:hover { background-color: #000080; color: white; } .sml_facetedsearchex_facet td.more { text-align: right; } .sml_facetedsearchex_facet a.more { font-size: 0.8em; } .sml_facetedsearchex_facet td.less { text-align: right; } .sml_facetedsearchex_facet a.less { font-size: 0.8em; } .sml_facetedsearchex_persist ul.loadsavepopup { margin-top: 0; list-style-type: none; list-style-image: none; } .sml_facetedsearchex_persist ul.loadsavepopup li.buttons { background-color: #eeeeee; margin-left: 0px; } .sml_facetedsearchex_persist ul.loadsavepopup li.info { padding: 2px; margin: 1px; border: 1px solid #dddd99; background-color: #ffffbb; cursor: text; width: 17em; } .sml_facetedsearchex_persist ul.loadsavepopup li.sel { margin: 0px; padding: 2px; cursor: default; } .sml_facetedsearchex_persist ul.loadsavepopup li.highlightnew { background-color: #008000; color: white; } .sml_facetedsearchex_persist ul.loadsavepopup li.sel:hover { background-color: #dddddd; } .sml_facetedsearchex_persist ul.loadsavepopup li.sel button.remove { margin: 0px; padding: 0px 3px; border: 0px; color: white; font-weight: bold; background-color: red; float: right; } .sml_facetedsearchex_persist ul.loadsave li.info { padding: 2px; margin: 1px; border: 1px solid #dddd99; background-color: #ffffbb; cursor: text; list-style-image: none; list-style-type: none; } p.sml_facetedsearchex_persist_info { margin: 1px; } .ui-datepicker td.bad_date span { color: gray; font-weight: normal; } /*********************************************************/ /********************* LOADING GIF ***********************/ /*********************************************************/ .loading-outer-div.loading-centered { width: 100%; } .loading-inner-div.loading-centered { margin: 0 auto; } /************************************************************/ /********************* ZOEKRESULTATEN ***********************/ /************************************************************/ span.result-page-text, span.search-term-actual, span.search-term-actual span { color: #0B1318; } .sml_facetedsearchex_nav2 { float: right; } .ix-faceted-search button { font-size: 13px; font-weight: bold; } .ui-autocomplete { border: 1px solid #666; width: 300px; } li.ui-menu-item { background: #fff; height: 20px; } li.ui-menu-item:hover { background: #333; } li.ui-menu-item a { vertical-align: middle; margin-left: 3px; font-size: 1em; } li.ui-menu-item a span { margin-left: 5px; text-decoration: none; } span.result-page-text span { color: #0B1318; } .wysiwyg img.links { float: left; margin: 4px 8px 4px 0px; padding: 2px; } .wysiwyg img.rechts { float: right; margin: 4px 0px 4px 8px; padding: 2px; } div.group-projects { padding: 0 3.2em 0 28px; } .block-projects-filter .project-status { width: 250px; } .anchor { display: block; height: 97px; /* this is the height of your header */ margin-top: -97px; /* this is again negative value of the height of your header */ visibility: hidden; } /* -------------------------------------------------------------------- BLOCK MENU TOP -------------------------------------------------------------------- */ .customselect { float: left; margin-right: 10px; position: relative; padding: 7px 12px 2px; color: #FFF; transition: color .15s ease-out; } .customselect svg { display: block; padding-top: 4px; padding-left: 5px; -webkit-transform-origin: 9px 7px; transform-origin: 9px 7px; -webkit-transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; cursor: pointer; } .customselect span { cursor: pointer; } .listbox-arrow { fill: #FFF; -webkit-transition: fill .15s ease-out; transition: fill .15s ease-out; padding-left: 6px; padding-top: 5px; } .customselect.white { color: #505050; } .customselect.white .listbox-arrow { fill: #505050; } .customselect.white svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .customselect.dark { color: black; } .customselect.dark .listbox-arrow { fill: black; } .listbox_title { position: relative; z-index: 11; cursor: pointer; } .listbox_selected { white-space: nowrap; float: left; } .listbox_content { background: url(../img/white_90_transparent.png) repeat; position: absolute; z-index: -1; white-space: nowrap; top: 31px; left: 0px; box-shadow: 0px 1px 4px #8F8F8F; padding: 10px; min-width: 100%; box-sizing: border-box; } .listbox_content a { color: #333; font-size: 12px; line-height: 19px; } .listbox_content a:hover { color: #58a518; } /* -------------------------------------------------------------------- BLOCK GOOGLE MAPS -------------------------------------------------------------------- */ #map-canvas { height: 400px; margin-bottom: 1.33333em; } /* -------------------------------------------------------------------- BLOCK CONTENT -------------------------------------------------------------------- */ .content_block { position: relative; } /* -------------------------------------------------------------------- STUDY FIELDS -------------------------------------------------------------------- */ .field_of_study_block { margin-bottom: 1.33333em !important; } .field_of_study_block .field_of_study { position: relative; display: block; margin-bottom: 1.66667em; width: 30.05618%; float: left; margin-right: 4.91573%; display: inline; } .field_of_study_block .field_of_study:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .field_of_study_block .field_of_study:hover h3 { color: #505050; } .field_of_study_block .field_of_study .field-img { margin-bottom: 1em; } .field_of_study_block .field_of_study .field-img img { clear: both; } .field_of_study_block .field_of_study h3 { background: url(../img/logo_klein.png) 0px 0px no-repeat; font-size: 1.06667em; padding-left: 48px; line-height: 45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; color: #000; margin-bottom: 0.625em; } .field_of_study_block .field_of_study h3.mad_faculty { background-image: url(../img/logo_mad.png); } .field_of_study_block .field_of_study:nth-child(3n+1) { clear: both; } .field_of_study_block a .overzicht { float: right; margin-top: 0.53333em; } .field_of_study_block a:hover { text-decoration: none; } .field_of_study_block a:hover .overzicht { color: #58a518; background-position: right -10px; } .field_of_study_block .block-title { padding-top: 0; padding-bottom: 2.66667em; } .field_of_study_block .block-title h2 { text-shadow: none; padding-top: 0.18421em; } .field_of_study_block.levenslang_leren .field_of_study h3 { line-height: 1.1em; overflow: visible; text-overflow: normal; white-space: normal; background: none; padding-left: 0; font-size: 1.26667em; } @media (max-width: 998px) { .field_of_study_block .field_of_study { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .field_of_study_block .field_of_study:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .field_of_study_block .field_of_study:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .field_of_study_block .field_of_study:nth-child(3n+1) { clear: none; } .field_of_study_block .field_of_study:nth-child(2n+1) { clear: both; } .field_of_study_block .block-title a { position: static; } } @media (max-width: 480px) { .field_of_study_block .field_of_study { width: 100%; float: left; margin-right: 3.64204%; display: inline; } .field_of_study_block .field_of_study:nth-child(6n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .field_of_study_block .field_of_study:nth-child(n) { float: right; margin-right: 0; *margin-left: -3.5%; } } /* -------------------------------------------------------------------- BLOCK CONTACT -------------------------------------------------------------------- */ .contact_block .contact { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; padding-bottom: 2em; } .contact_block .contact:nth-child(4n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .contact_block .contact:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } .contact_block p { line-height: 1em; } .contact_block img { margin-bottom: 0.66667em; } .contact_block a, .contact_block p, .contact_block b { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .contact_block a { line-height: 1.46667em; font-weight: bold; } .contact_block a:hover { text-decoration: underline; } @media (max-width: 1224px) { .contact_block .contact { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; } .contact_block .contact:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .contact_block .contact:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } } @media (max-width: 998px) { .contact_block .contact { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .contact_block .contact:nth-child(4n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .contact_block .contact:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } } @media (max-width: 480px) { .contact_block .contact { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .contact_block .contact:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .contact_block .contact:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } } /* -------------------------------------------------------------------- BLOCK DOCUMENTS -------------------------------------------------------------------- */ .document_bijlagen .file { margin-bottom: 0.33333em; word-break: break-word; } .document_bijlagen .file a { color: #999; background: left center no-repeat; padding-left: 25px; display: inline-block; line-height: 18px; } .document_bijlagen .file a:hover { color: #58a518; text-decoration: none; } /* -------------------------------------------------------------------- BLOCK FOTO -------------------------------------------------------------------- */ .fotobijlage_block .fotos a { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; margin-bottom: 3.5%; } .fotobijlage_block .fotos a:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } .fotobijlage_block .fotos a:nth-child(4n+5) { clear: both; } .fotobijlage_block .fotos a:last-child { margin-bottom: 0; } .fotobijlage_block .fotos a:first-child { clear: both; } .fotobijlage_block .meer { margin: 0 0 20px; } @media (max-width: 1224px) { .fotobijlage_block .fotos { width: 100%; float: left; margin-right: 3.64204%; display: inline; } .fotobijlage_block .fotos a { margin-bottom: 3.5%; width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .fotobijlage_block .fotos a:nth-child(4n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .fotobijlage_block .fotos a:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .fotobijlage_block .fotos a:nth-child(4n+5) { clear: none; } .fotobijlage_block .fotos a:nth-child(3n+4) { clear: both; } } @media (max-width: 480px) { .fotobijlage_block.fotobijlage_block .fotos a { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .fotobijlage_block.fotobijlage_block .fotos a:nth-child(4n+5), .fotobijlage_block.fotobijlage_block .fotos a:nth-child(3n+4) { clear: none; } .fotobijlage_block.fotobijlage_block .fotos a:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .fotobijlage_block.fotobijlage_block .fotos a:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } } /* -------------------------------------------------------------------- BLOCK VIDEO -------------------------------------------------------------------- */ .videobijlage_block .videos > a { position: relative; } .videobijlage_block .videos > a .overlay { position: absolute; top: 0; left: 0; background: url(../img/video_overlay.png) no-repeat center center; width: 100%; height: 100%; z-index: 20; } /* -------------------------------------------------------------------- BLOCK TESTIMONIALS -------------------------------------------------------------------- */ @media (max-width: 480px) { .block-testimonials + .block { border-top: none !important; padding-top: 0 !important; } } .block-testimonials .content .testimonial { position: relative; width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; } .block-testimonials .content .testimonial:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-testimonials .content .testimonial:hover h2 { color: #58a518; } .block-testimonials .content .testimonial span.meer { display: none; } .block-testimonials .content .testimonial .field-text a { color: #333; } .block-testimonials .content .testimonial .field-link a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/empty_pixel.png); } .block-testimonials .testimonials-more > div { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; } .block-testimonials .testimonials-more > div:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-testimonials h2 { font-size: 1.33333em; color: #000000; margin-top: 1em; margin-bottom: 0.6em; line-height: 1.33333em; text-transform: uppercase; } .block-testimonials h3 { font-size: 0.93333em; font-weight: bold; color: #999; margin-bottom: 1.42857em; font-family: Arial, Helvetica, Garuda, sans-serif; text-transform: none; line-height: 1em; max-height: 2em; overflow: hidden; } .block-testimonials p { line-height: 1.53333em; } @media (max-width: 998px) { .block-testimonials .testimonials-more { display: none !important; } .block-testimonials .content .testimonial { margin-bottom: 40px; width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block-testimonials .content .testimonial:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-testimonials .content .testimonial span.meer { display: block; } .block-testimonials .content .testimonial:nth-child(2n+1) { clear: both; } } @media (max-width: 480px) { .block-testimonials .content .testimonial { width: 100% !important; margin-right: 0 !important; } } /* -------------------------------------------------------------------- BLOCK ACTUEEL -------------------------------------------------------------------- */ .actueel_block h2.title { line-height: 1em; padding-bottom: 0.78947em; } .actueel_block .actueel1, .actueel_block .actueel2, .actueel_block .actueel3 { position: relative; width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; margin-bottom: 3.64204%; } .actueel_block .actueel1 h3, .actueel_block .actueel2 h3, .actueel_block .actueel3 h3 { position: absolute; left: 0; bottom: 20px; font-size: 1.46667em; text-shadow: 3px 3px 2px #000000; color: white; padding-left: 10px; padding-right: 10px; text-transform: uppercase; overflow: hidden; } .actueel_block .actueel3 { float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .actueel_block .agenda_box { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; position: relative; margin-bottom: 20px; } .actueel_block .agenda_box:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } .actueel_block .agenda_box h2 { padding-bottom: 0.83333em; } .actueel_block3 .agenda_box { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .actueel_block3 .agenda_box:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .actueel_block3 .agenda_box p { height: auto; overflow: visible; } .actueel_block2 { border-top: none; padding-bottom: 30px; } @media (max-width: 998px) { .actueel_block .actueel1, .actueel_block .actueel2, .actueel_block .actueel3, .actueel_block .agenda_box, .actueel_block2 .agenda_box { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .actueel_block .actueel1:nth-child(4n), .actueel_block .actueel2:nth-child(4n), .actueel_block .actueel3:nth-child(4n), .actueel_block .agenda_box:nth-child(4n), .actueel_block2 .agenda_box:nth-child(4n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .actueel_block .actueel1:nth-child(2n), .actueel_block .actueel2:nth-child(2n), .actueel_block .actueel3:nth-child(2n), .actueel_block .agenda_box:nth-child(2n), .actueel_block2 .agenda_box:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .actueel_block3 .agenda_box { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .actueel_block3 .agenda_box:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .actueel_block3 .agenda_box:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } } @media (max-width: 480px) { .actueel_block .actueel1, .actueel_block .actueel2, .actueel_block .actueel3, .actueel_block .agenda_box, .actueel_block2 .agenda_box, .actueel_block3 .agenda_box { width: 100%; float: left; margin-right: 3.64204%; display: inline; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 3px solid #e5e5e5; } .actueel_block .actueel1:nth-child(2n), .actueel_block .actueel2:nth-child(2n), .actueel_block .actueel3:nth-child(2n), .actueel_block .agenda_box:nth-child(2n), .actueel_block2 .agenda_box:nth-child(2n), .actueel_block3 .agenda_box:nth-child(2n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .actueel_block .actueel1:nth-child(n), .actueel_block .actueel2:nth-child(n), .actueel_block .actueel3:nth-child(n), .actueel_block .agenda_box:nth-child(n), .actueel_block2 .agenda_box:nth-child(n), .actueel_block3 .agenda_box:nth-child(n) { float: right; margin-right: 0; *margin-left: -3.5%; } #content .block-sfeer, #content .actueel_block.block { margin-bottom: 0; padding-bottom: 0; } #content .block-sfeer + .hide-mobile + .block, #content .block-sfeer + .block, #content .actueel_block.block + .hide-mobile + .block, #content .actueel_block.block + .block { border-top: none !important; padding-top: 0 !important; } .actueel_block .actueel3 { margin-bottom: 0; padding-bottom: 20px; } .actueel_block .actueel_pic { border-bottom: none; margin-bottom: 0; } } /* -------------------------------------------------------------------- BLOCK CONTACT OPLEIDINGEN -------------------------------------------------------------------- */ .contact_block_opleidingen { *zoom: 1; max-width: 96.1%; _width: 96.1%; padding-left: 3.5%; padding-right: 3.5%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; border-bottom: 0; } .contact_block_opleidingen:after { content: ""; display: table; clear: both; } .contact_block_opleidingen p.description { padding-bottom: 1.33333em; line-height: 1.46667em; } .contact_block_opleidingen .contact { float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .contact_block_opleidingen .contact h2 { padding-top: 0.66667em; padding-bottom: 0.66667em; } .contact_block_opleidingen .contact a { font-weight: bold; } .contact_block_opleidingen .contact p { padding-bottom: 0.66667em; line-height: 1em; } /* -------------------------------------------------------------------- BLOCK SIDEMENU OPLEIDINGEN -------------------------------------------------------------------- */ .sidemenu_opleidingen { margin-top: -0.53333em; } .sidemenu_opleidingen ul li { height: 60px; background-position: -10px center; background-repeat: no-repeat; } @media (max-width: 998px) { .sidemenu_opleidingen ul li.responsive-not-active { margin-bottom: 0 !important; } } .sidemenu_opleidingen ul li a { padding-left: 50px; line-height: 60px; display: block; font-weight: bold; font-size: 1.06667em; color: #333; overflow: hidden; text-overflow: ellipsis; width: auto; white-space: nowrap; position: relative; z-index: 1; } @media (max-width: 998px) { .sidemenu_opleidingen ul li a { background: url("../img/filter_arrow_black_green.png") no-repeat right 24px; } } .sidemenu_opleidingen.no-icon ul li { height: inherit; padding: 8px 0; } .sidemenu_opleidingen.no-icon ul li a { padding-left: 0; line-height: inherit; } .sidemenu_opleidingen ul li a.active { color: #58a518; } @media (max-width: 998px) { .sidemenu_opleidingen ul li a.active { background: url("../img/filter_arrow_black_green.png") no-repeat right -36px; } .sidemenu_opleidingen ul li a.active.responsive-not-active { color: #333; background: url("../img/filter_arrow_black_green.png") no-repeat right 24px; } } .sidemenu_opleidingen ul li a:hover { color: #58a518; } /* -------------------------------------------------------------------- BLOCK FLEX SLIDER -------------------------------------------------------------------- */ .slider .flex-control-paging li a { font-size: 0.86667em; font-weight: bold; } .slider .bg_img { overflow: hidden; } .slider .bg_img .inner_container { position: relative; padding: 0; margin: 0 3.5%; } .slider .bg_img .overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/bg_transp_header_left.png); } .slider .bg_img .slide_tekst { display: table; position: absolute; left: 0; bottom: -430px; height: 250px; width: 48.17898%; } .slider .bg_img .slide_tekst .slide_tekst_inner { display: table-cell; vertical-align: middle; } .slider .bg_img .slide_tekst h1 { font-size: 3.06667em; padding-bottom: 0.54348em; text-shadow: none; color: #505050; } .slider .bg_img .slide_tekst h2 { margin-bottom: 0.44444em; } .slider .bg_img .slide_tekst p { color: #000; } .slider .bg_img .slide_tekst a { position: absolute; display: block; left: 0; bottom: 0; height: 100%; width: 100%; background-image: url(../img/empty_pixel.png); z-index: 22; } .slider .bg_img .slide_tekst .overzicht { display: inline-block; margin-top: 1em; clear: both; float: none; color: #000; background-image: url(../img/overzicht_arrow_white.png); background-position: right -28px; } .slider .bg_img .slide_tekst:hover .overzicht { background-position: right -12px; color: #505050; } .slider .bg_img-pos-right .overlay { background-image: url(../img/bg_transp_header_right.png); } .slider .bg_img-pos-right .slide_tekst { left: 51.82102%; } .slider .bg_img-pos-center .overlay { background-image: url(../img/bg_transp_header_center.png); } .slider .bg_img-pos-center .slide_tekst { width: 100%; text-align: center; } .slider .bg_img-title-white .slide_tekst h1 { color: #fff; } .slider .bg_img-title-black .slide_tekst h1 { color: #000; } .slider .bg_img-txt-white .slide_tekst p, .slider .bg_img-txt-white .slide_tekst h2 { color: #fff; } .slider .bg_img-txt-white .slide_tekst .overzicht { color: #fff; background-position: right 4px; } .slider .bg_img-overlay .overlay { display: block; } /* -------------------------------------------------------------------- BLOCK OPLEIDINGEN -------------------------------------------------------------------- */ .block_opleidingen_lijst h2 { border-top: 3px solid #e5e5e5; padding: 1.11111em 0 !important; color: #505050 !important; margin-bottom: 0 !important; } .block_opleidingen_lijst h3 { overflow: hidden; white-space: normal; text-overflow: ellipsis; font-size: 17px; text-transform: uppercase; } .block_opleidingen_lijst table { empty-cells: show; } .block_opleidingen_lijst thead tr { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } .block_opleidingen_lijst thead tr th { font-weight: bold; font-size: 1.26667em; width: 28.49231%; float: left; margin-right: 2.15385%; display: inline; vertical-align: top; text-align: left; padding: 1.66667em 0; color: #000; } .block_opleidingen_lijst thead tr th:nth-child(3n) { margin-right: 0; } .block_opleidingen_lijst tbody { border-top: 1px solid #e5e5e5; } .block_opleidingen_lijst tbody a { text-decoration: underline; color: #000; } .block_opleidingen_lijst tbody a:hover { color: #58a518; } .block_opleidingen_lijst .opleidingen_lijst1 a { position: absolute; left: 0; top: 2.66667em; display: block; margin-top: -19px; background: url(../img/logo_klein.png) 0px 0px no-repeat; font-size: 1.06667em; text-decoration: none; text-transform: uppercase; min-height: 30px; padding-top: 15px; padding-left: 48px; } .block_opleidingen_lijst .opleidingen_lijst1 a.mad_faculty { background-image: url(../img/logo_mad.png); } .block_opleidingen_lijst tbody tr td.opleidingen_lijst2 a { color: #58a518; } .block_opleidingen_lijst tbody tr td.opleidingen_lijst2 a:hover { color: #000; } .block_opleidingen_lijst tbody tr td.opleidingen_lijst3 a { display: block; margin-bottom: 0.66667em; } .block_opleidingen_lijst tbody tr:first-child td { padding-top: 2.66667em; } .block_opleidingen_lijst tbody tr:last-child td { padding-bottom: 2.66667em; } .block_opleidingen_lijst tbody tr:last-child td a:last-child { margin-bottom: 0; } .block_opleidingen_lijst tbody tr td { line-height: 1.1em; width: 28.49231%; float: left; margin-right: 2.15385%; display: inline; vertical-align: top; text-align: left; padding-bottom: 1em; } .block_opleidingen_lijst tbody tr td:nth-child(3n) { margin-right: 0; } .block_opleidingen_lijst tbody tr td.opleidingen_lijst2 { color: #505050; font-weight: bold; } .block_opleidingen_lijst tbody tr td.opleidingen_lijst1 { position: relative; } .block_opleidingen_lijst tbody tr td.opleidingen_lijst1 h2 { margin-top: -13px; } .block_opleidingen_lijst tbody tr.last_row { border-bottom: 1px solid #E5E5E5; } .block_opleidingen_lijst tbody tr.grey_line_bold { border-bottom: 3px solid #E5E5E5; } .block_opleidingen_lijst:first-child h2 { border-top: 0; } .block_vervolgopleidingen tbody tr td.opleidingen_lijst2 a { font-weight: normal; } .block_vervolgopleidingen tbody tr td { padding: 1.33333em 0; } /* LOADER */ .loader { background: url(../img/ajax-loader.gif) no-repeat center; height: 66px; margin: 1.33333em 0; } @media (max-width: 1224px) { .block_opleidingen_lijst thead tr th { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .block_opleidingen_lijst thead tr th h2 { font-size: 14px; } .block_opleidingen_lijst tbody tr td { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } } /* -------------------------------------------------------------------- BLOCK LEVENSLANG LEREN -------------------------------------------------------------------- */ .block_levenslang_leren { margin-top: 40px; } .block_levenslang_leren h2 { border-top: 3px solid #e5e5e5; font-size: 1.8em; padding: 1.11111em 0; height: auto; border-bottom: 1px solid #E5E5E5; color: #505050; } .block_levenslang_leren .links { padding: 2em 0; } .block_levenslang_leren .links a { display: block; line-height: 1.53333em; font-weight: bold; font-size: 14px; } .block_levenslang_leren .links a:not(:last-child) { padding-bottom: 3px; } .block_levenslang_leren .links a:hover { color: #000; } /* -------------------------------------------------------------------- BLOCK SCHRIJF JE IN / OPLEIDING BANNER -------------------------------------------------------------------- */ .title_schrijf_in .col1, .opleiding_banner .col1 { width: 74.08949%; float: left; margin-right: 3.64204%; display: inline; } .title_schrijf_in .col2, .opleiding_banner .col2 { width: 22.26847%; float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .title_schrijf_in .col2 a img, .opleiding_banner .col2 a img { height: auto; max-width: 251px; float: right; border-bottom: none; } .title_schrijf_in .col1, .title_schrijf_in .col2, .opleiding_banner .col1, .opleiding_banner .col2 { float: none; padding: 25px 0; display: table-cell; } /* -------------------------------------------------------------------- BLOCK TITLE -------------------------------------------------------------------- */ .block-title { position: relative; padding: 1.66667em 0; } @media (max-width: 998px) { .block-title { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } } @media (max-width: 480px) { .block-title { padding: 0.66667em 0; } } .block-title:after { content: ''; display: table; clear: both; } .block-title h1, .block-title h2 { color: #fff; text-shadow: 3px 3px 2px #000; line-height: 1em; text-transform: uppercase; float: left; } .block-title h1 { margin-bottom: 0.26471em; } .block-title h1:last-child { margin-bottom: 0; } .block-title h2 { font-size: 1.33333em; line-height: 1.1em; } .block-title a { float: right; margin-left: 1em; order: 1; } .block-title .btn-green { margin-bottom: 15px; } @media (max-width: 480px) { .block-title .btn-green { box-sizing: border-box; width: 100%; } } @media (max-width: 998px) { .block-title a { margin-top: 10px; margin-left: auto; display: table; } } /* -------------------------------------------------------------------- BLOCK NEWS -------------------------------------------------------------------- */ .block-actueel .title h2 { color: #505050; font-size: 1.8em; margin-bottom: 1.11111em; line-height: normal; } .block-actueel .content-left { width: 65.45265%; float: left; margin-right: 3.64204%; display: inline; } @media (max-width: 998px) { .block-actueel .content-left { width: 100%; margin: 0; } } .block-actueel .content-left .news-item { width: 47.21781%; float: left; margin-right: 5.56439%; display: inline; } .block-actueel .content-left .news-item:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-actueel .content-left .news-item:nth-child(2n+3) { clear: both; } @media (max-width: 480px) { .block-actueel .content-left .news-item { width: 100%; margin-right: 0; } .block-actueel .content-left .news-item:last-child { margin-bottom: 0; } } .block-actueel .content-right { width: 30.90531%; float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } @media (max-width: 998px) { .block-actueel .content-right { width: 100%; margin: 0; } } @media (max-width: 480px) { .block-actueel .content-right { display: none; } } .block-actueel .content-right h3 { margin-bottom: 1.33333em; } .block-actueel .content-right .btn-show-more a { display: inline-block; float: right; color: #000; font-weight: bold; padding-right: 15px; background: url(../img/filter_arrow.png) no-repeat right 3px; font-size: 0.86667em; } .block-actueel .content-right .btn-show-more a.close { background: url(../img/filter_arrow_up.png) no-repeat right -59px; } .block-actueel .news-item { position: relative; margin-bottom: 2em; } .block-actueel .news-item:hover .field-title h3, .block-actueel .news-item:hover .field-title h5 { color: #505050; } .block-actueel .news-item:hover .field-more span { color: #505050; background-position: right -12px; } .block-actueel .news-item .field-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .block-actueel .news-item .field-link a { display: block; width: 100%; height: 100%; background: url(../img/empty_pixel.png); } .block-actueel .news-item-big .field-image { width: 44.10774%; float: left; margin-right: 11.78451%; display: inline; margin-bottom: 0.66667em; } .block-actueel .news-item-big .field-title { margin-bottom: 1.33333em; } .block-actueel .news-item-big .field-text { margin-bottom: 0.66667em; } .block-actueel .news-item-big .field-more span { float: right; font-weight: bold; font-size: 0.8em; padding-right: 13px; background: url("../img/overzicht_arrow.png") right 2px no-repeat; } .block-actueel .news-item-small { margin-bottom: 0.66667em; } .block-actueel .news-item-small .field-title { margin-top: 0.33333em; } .block-actueel .news-item-small .field-title h5 { font-family: Arial; font-weight: bold; font-size: 1em; text-transform: none; margin-bottom: 0; font-weight: normal; } .block_actueel.student > div a { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block_actueel.student > div a:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block_actueel.student h2 { padding-top: 0; font-size: 1.8em; padding-bottom: 1.11111em; color: #505050; } .block_actueel.student h3 { line-height: 1.22222em; padding-bottom: 1em; text-transform: none; display: block; height: 2.53333em; overflow: hidden; } .block_actueel.student .col { width: 28.29374%; float: left; margin-right: 7.5594%; display: inline; } .block_actueel.student .col img { width: 100%; margin-bottom: 3.5%; } .block_actueel.student .col2 { width: 64.14687%; float: left; margin-right: 7.5594%; display: inline; float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .block_actueel.student .overzicht { float: right; } .block_actueel.student .actueel_student_box_small { color: #333; margin-bottom: 1em; } .block_actueel.student .actueel_student_box_small:nth-child(2n+3) { clear: both; } .block_actueel.student .actueel_student_box_small .field-img { float: left; width: 15%; margin-right: 0.66667em; } .block_actueel.student .actueel_student_box_small .field-title { margin-bottom: 0.66667em; } .block_actueel.student .actueel_student_box_small .field-title h3 { height: auto; padding: 0; } .block_actueel.student .actueel_student_box_small .group-text { overflow: hidden; line-height: 1.2em; } @media (max-width: 998px) { .block_actueel.student h2 { height: 3.8em; overflow: hidden; display: block; } .block_actueel.student .col { width: 100%; float: left; margin-right: 7.5594%; display: inline; } .block_actueel.student .col2 { clear: both; } } /* -------------------------------------------------------------------- BLOCK TESTIOMONAIL -------------------------------------------------------------------- */ .block_testimonial { padding-bottom: 2.66667em; } .block_testimonial h1.title { color: #505050; font-size: 2.53333em; padding-bottom: 0.86842em; margin: 0; } .block_testimonial .testimonial_box { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; padding-bottom: 3.5%; } .block_testimonial .testimonial_box:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block_testimonial .testimonial_box:nth-child(2n+1) { clear: both; } .block_testimonial .testimonial_box .col { width: 46.2203%; float: left; margin-right: 7.5594%; display: inline; } .block_testimonial .testimonial_box .col:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block_testimonial .testimonial_box .col h1 { margin-top: 0; } /* -------------------------------------------------------------------- BLOCK FILTERS -------------------------------------------------------------------- */ .block_filters { position: relative; border-bottom: 3px solid #E5E5E5; margin-bottom: 0 !important; } @media (max-width: 998px) { .block_filters { border-bottom: none; height: auto !important; } } .block_filters > h2 { font-size: 20px; float: left; padding: 15px 0; padding-right: 15px; line-height: 30px; } @media (max-width: 998px) { .block_filters > h2 { float: none; } } .block_filters .filter_container { position: relative; margin: 0; float: left; padding: 15px 0; } @media (max-width: 998px) { .block_filters .filter_container { float: none; border: 1px solid; border-bottom: none; padding: 5px 0; } .block_filters .filter_container:last-child { border-bottom: 1px solid; } } .block_filters .filter_container.filter-search, .block_filters .filter_container.filter-reset { border: none; } @media (max-width: 998px) { .block_filters .filter_container.filter-reset { border-top: 1px solid; padding-top: 1em; } } .block_filters .filter_container span { color: #333; line-height: 30px; padding-left: 1.33333em; padding-right: 2.66667em; display: block; font-weight: bold; border-left: 1px solid #333; } @media (max-width: 998px) { .block_filters .filter_container span { border-style: none !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } } .block_filters .filter_container h2 { color: #fff; padding: 10px 20px; line-height: 1.33333em; } .block_filters .filter_container label { display: block; cursor: pointer; margin-bottom: 7px; font-size: 1.1em; } .block_filters .filter_container input { padding: 5px 12px 5px 0; } .block_filters .filter_content { position: absolute; z-index: 10; background-image: none; background-color: #505050; display: none; box-shadow: none; top: 60px; left: 0; padding: 10px; padding-top: 20px; padding-bottom: 35px; color: #FFF; } @media (max-width: 998px) { .block_filters .filter_content { position: static; width: 100% !important; box-sizing: border-box; padding: 10px; } .block_filters .filter_content:after { content: ""; display: table; clear: both; } } .block_filters .filter_content h2 { padding: 0; padding-bottom: 15px; } @media (max-width: 998px) { .block_filters .filter_content h2 { display: none; } } .block_filters .filter_content .col { float: left; padding-right: 20px; } .block_filters .filter_title { position: relative; z-index: 6; } .block_filters .image { display: block; height: 7px; position: absolute; right: 20px; top: 26px; width: 8px; background: url("../img/filter_arrow.png") no-repeat 0px 0px; z-index: 5; } @media (max-width: 998px) { .block_filters .image { top: 17px; } } .block_filters .visible { display: block; } .block_filters .filter_container.selected { background: url(""); background-color: #505050; } .block_filters .filter_container.selected span { color: #fff; } .block_filters .filter_container.selected .image { background-position: 0px -61px; } .block_filters span.last { border-right: 1px solid #333; } .block_filters span.noborder { border-left-color: #fff; } .block_filters .selected span.noborder { border-left-color: #505050; } .block_filters span.noborder_last { border-color: #505050; } /* RESET BTN */ .block_filters .filter-reset span { padding: 0 0 0 1.33333em; border: 0; } @media (max-width: 998px) { .block_filters .filter-reset span { padding: 0; } } .block_filters .filter-reset span a { display: block; background-color: #58a518; color: #fff; padding: 0 0.66667em; line-height: 30px; } .block_filters .filter-reset span a:hover { background-color: #000; } @media (max-width: 998px) { .block_filters .filter-reset span a { padding: 5px 1.33333em; } } /* FILTER SEARCH */ .block_filters .filter-search { float: right; } .block_filters .filter-search .form-filter-search { overflow: hidden; *zoom: 1; border: 2px solid #e5e5e5; padding: 0 0.33333em 0 0; } .block_filters .filter-search .form-filter-search .form-item { float: left; } .block_filters .filter-search .form-filter-search .form-text input { border: 0; line-height: 26px; height: 26px; padding: 0 0.66667em; } .block_filters .filter-search .form-filter-search .form-submit input { background: url(../img/search.png) no-repeat center; border: 0; cursor: pointer; float: left; padding: 0; width: 26px; height: 26px; } @media (max-width: 1224px) { .block_filters .filter-search { position: absolute; top: calc(-42px + -4vw); right: 0; } } @media (max-width: 600px) { .block_filters .filter-search { float: none; width: 100%; } .block_filters .filter-search .form-filter-search .form-item { float: none; } .block_filters .filter-search .form-filter-search .form-text input { width: 100%; box-sizing: border-box; } .block_filters .filter-search .form-filter-search .form-submit input { background: url(../img/search.png) no-repeat center; border: 0; cursor: pointer; float: left; padding: 0; width: 26px; height: 26px; position: absolute; top: 8px; right: 0; } } @media (max-width: 600px) { .page-research-filter h1.title { padding-bottom: calc(2em + 15px); } } /* Style checkbox and radio buttons in Chrome + Safari + Opera */ @supports (-webkit-appearance: none) { .filter_container input[type=checkbox], .filter_container input[type=radio] { -webkit-appearance: none; display: inline-block; position: relative; top: 4px; margin-right: 0.25em; padding: 0; background-color: #505050; border: 1px solid #FFFFFF; width: 10px; height: 10px; transition: background-color .3s ease-out; outline: none; padding: 0 !important; margin-right: 10px; } .filter_container input[type=radio] { border-radius: 50%; } .filter_container input[type=checkbox]:hover, .filter_container input[type=checkbox]:focus, .filter_container input[type=radio]:hover, .filter_container input[type=radio]:focus { border-color: #FFFFFF; cursor: pointer; } .filter_container input[type=checkbox]:checked, .filter_container input[type=checkbox]:disabled:checked, .filter_container input[type=radio]:checked, .filter_container input[type=radio]:disabled:checked { background-color: #FFFFFF; box-shadow: inset 0px 0px 0px 1px #505050; } .filter_container input[type=checkbox]:disabled, .filter_container input[type=radio]:disabled { opacity: .5; } .filter_container input[type=checkbox]:disabled:hover, .filter_container input[type=radio]:disabled:hover { border-color: #B5B5B5; cursor: default; } } /* -------------------------------------------------------------------- BLOCK GENERAL INFO -------------------------------------------------------------------- */ .block_algemene_info .algemene_info { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; padding-bottom: 2em; } .block_algemene_info .algemene_info:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block_algemene_info .algemene_info h2 { padding-bottom: 0.83333em; text-transform: uppercase; } .block_algemene_info .algemene_info img { width: auto; float: left; border: none; } @media (max-width: 480px) { .block_algemene_info .algemene_info img { float: none; width: 65px; padding-bottom: 10px; } } .block_algemene_info .algemene_info .overzicht { float: right; } .block_algemene_info .algemene_info1 a:hover { text-decoration: underline; } .block_algemene_info .algemene_info1 p { padding-left: 100px; } @media (max-width: 480px) { .block_algemene_info .algemene_info1 p { padding-left: 0; } } @media (max-width: 480px) { .block_algemene_info .algemene_info p { line-height: 1.6; font-size: 14px; } } @media (max-width: 998px) { .block_algemene_info .algemene_info1 { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; margin-bottom: 1.33333em; } .block_algemene_info .algemene_info2 { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block_algemene_info .algemene_info3 { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } } @media (max-width: 480px) { .block_algemene_info .algemene_info { width: 100%; margin-right: 0; } } /* -------------------------------------------------------------------- BLOCK IN BEELD -------------------------------------------------------------------- */ .block_in_beeld .terug { font-weight: bold; padding-left: 20px; background: url(../img/arrow_left.png) 0px 3px no-repeat; margin-bottom: 20px; display: inline-block; } .block_in_beeld .terug:hover { background: url(../img/arrow_left.png) 0px -27px no-repeat; color: #505050; } .block_in_beeld a { color: #333; font-weight: bold; } .block_in_beeld a:nth-child(4n+5) { clear: both; } .block_in_beeld a:hover { color: #58a518; } .block_in_beeld .fotos { margin-bottom: 1em; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; padding-top: 3.5%; clear: both; } .block_in_beeld .fotos .image { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; margin-bottom: 3.5%; } .block_in_beeld .fotos .image:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } @media (max-width: 998px) { .block_in_beeld .fotos .image { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block_in_beeld .fotos .image:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } } @media (max-width: 480px) { .block_in_beeld .fotos .image { width: 100%; margin-right: 0; } } /* -------------------------------------------------------------------- PAGER -------------------------------------------------------------------- */ .pager { float: right; margin-bottom: 20px; } .pager a { color: #333; font-weight: bold; } .pager ul li { display: inline-block; padding: 0 0.76923em; border-right: 1px solid #000; } .pager ul li a { font-size: 13px; } .pager ul li a:hover { color: #58a518; } .pager li.last, .pager li.back, .pager li.next { border: none; } .pager ul li.back a { padding-left: 12px; margin-right: 20px; background: url(../img/pager.png) 0px 5px no-repeat; } @media (max-width: 600px) { .pager ul li.back a { text-indent: -9999px; width: 0; display: inline-block; background-position-y: 3px; } .pager ul li.back a:hover { background-position-y: 0 -27px; } } .pager ul li.back a:hover { background-position: 0 -25px; color: #58a518; } .pager ul li.next a { margin-left: 20px; padding-right: 12px; background: url(../img/pager.png) right -55px no-repeat; } @media (max-width: 600px) { .pager ul li.next a { text-indent: -9999px; width: 0; display: inline-block; background-position-y: -57px; } .pager ul li.next a:hover { background-position-y: 0 -87px; } } .pager ul li.next a:hover { background-position: right -85px; color: #58a518; } @media (max-width: 600px) { .pager ul li.next, .pager ul li.back { padding: 0; } .pager ul li.next a, .pager ul li.back a { margin: 0; } } @media (max-width: 998px) { .block-datepicker { max-width: 210px; margin: 0 auto; } } /* -------------------------------------------------------------------- BLOCK AGENDA -------------------------------------------------------------------- */ .block_agenda:after { content: ""; display: table; clear: both; } .block_agenda .pager { float: none; } .block_agenda .agenda_content_box { margin-top: 1em; margin-bottom: 1em; border-bottom: 1px solid #E5E5E5; padding: 1.33333em 0; } .block_agenda .agenda_content_box:nth-child(-n+1) { border-top: 1px solid #E5E5E5; } .block_agenda .agenda_content_box h2 { padding-bottom: 0.27778em; } .block_agenda .agenda_content_box span { font-weight: bold; } .block_agenda .agenda_content_box .date { font-weight: bold; } .block_agenda .agenda_content_box p { padding: 0.66667em 0; } .block_agenda .agenda_content_box .overzicht { float: right; margin-top: 0; } /* -------------------------------------------------------------------- BLOCK EVENTS -------------------------------------------------------------------- */ .block_events { padding-bottom: 2em; } .block_events .events { padding: 1.33333em 0; border-top: 1px solid #e5e5e5; } .block_events .event { padding: 0.33333em 0; } .block_events .event a { display: block; padding-left: 6.86667em; line-height: 1.53333em; color: #333; } .block_events .event a:hover { color: #58a518; } .block_events span.month { display: inline-block; font-size: 1em; padding-bottom: 0.66667em; font-family: Arial, Helvetica; color: #0B0B0B; font-weight: bold; } .block_events span.date { float: left; font-size: 1em; font-weight: bold; padding-left: 1.33333em; line-height: 1.53333em; } .block_events .events_filter { padding-bottom: 1em; } .block_events .events_filter ul li { display: inline; } .block_events .events_filter ul li a { color: #333; font-weight: bold; } .block_events .events_filter ul li:before { content: " - "; padding-left: 0.66667em; padding-right: 1em; } @media (max-width: 600px) { .block_events .events_filter ul li:before { padding-left: .15em; padding-right: .15em; } } .block_events .events_filter ul li:first-child:before { content: ""; padding: 0; } .block_events .events_filter ul li.selected a { font-size: 1.66667em; color: #58a518; } .block_events p.intro { font-weight: bold; font-size: 1.06667em; line-height: 1.5625em; margin-bottom: 1.25em; } .block_events .events_tekst p { margin-bottom: 1.25em; } .block_events .events_media_buttons p.intro { margin-bottom: 0; } .block_events .media_button { display: inline-block; padding-right: 1.33333em; padding-top: 1.33333em; } .block_events .media_button a img { width: auto; border: none; } @media (max-width: 480px) { .media_buttons_container { margin: 0 -10px; } .media_buttons_container:after { content: ''; display: table; clear: both; } .block_events .media_button { width: 33.33333%; padding: 10px 10px 0; box-sizing: border-box; display: block; float: left; } .block_events .media_button:nth-child(3n+1) { clear: left; } .block_events .media_button a img { width: 100%; } } /* -------------------------------------------------------------------- BLOCK PRESS -------------------------------------------------------------------- */ .block_pers { padding-top: 2em; } .block_pers h1 { font-size: 1.8em; padding-bottom: 1.11111em; padding-top: 0; } .block_pers p { padding-bottom: 1.33333em; } /* -------------------------------------------------------------------- BLOCK CATERING -------------------------------------------------------------------- */ .block_catering .catering { padding: 1.33333em 0; border-top: solid 1px #e5e5e5; } .block_catering .catering:first-child { padding-top: 0; border-top: 0; } .block_catering .catering h2.date { font-size: 1.33333em; color: #0B0B0B; font-weight: bold; padding-bottom: 1em; font-family: Arial, Helvetica, Garuda, sans-serif; text-transform: none; } .block_catering .catering span.date.now { color: #505050; } .home_page .catering, .departementx .catering { padding: 0; border: none; } .home_page .show-mobile .block-catering { margin-top: 20px; border-bottom: 3px solid #e5e5e5; margin-bottom: 0 !important; padding-bottom: 10px; } /* -------------------------------------------------------------------- BLOCK FAQ -------------------------------------------------------------------- */ .block_faqs { padding-bottom: 1.33333em; } .block_faqs > ul > li { margin: 4.5px 0; } .block_faqs > ul > li:first-child { margin-top: 0; } .block_faqs > ul > li > a { color: #333; display: block; font-weight: bold; padding-bottom: 0.8em; } @media (max-width: 998px) { .block_faqs > ul > li > a { font-size: 1.2em; } } .block_faqs > ul > li > a:hover { color: #58a518; } .block_faqs .active-window { color: #505050; } .block_faqs .openklapbaar { margin: 0.66667em 0 0.66667em 1.33333em; } /* -------------------------------------------------------------------- BLOCK SEARCH RESULTS -------------------------------------------------------------------- */ .block_zoek_resultaten .sml_facetedsearchex_nav .sml_facetedsearchex_nav { float: left; margin-right: 0.66667em; } .block_zoek_resultaten .clear { clear: both; } .block_zoek_resultaten .pager { float: none; } .block_zoek_resultaten .pager ul { float: right; } .block_zoek_resultaten .pager ul li a { color: #0B0B0B; } .block_zoek_resultaten .pager ul li a:hover { color: #58a518; } .block_zoek_resultaten .pager ul li.current a { color: #999; } .block_zoek_resultaten { float: left; } .block_zoek_resultaten .search { height: auto; float: none; margin-top: 10px; } .block_zoek_resultaten .search p { font-weight: bold; color: #0B1318; } .block_zoek_resultaten .search .searchbox { margin-bottom: 1.66667em; padding: 0; float: none; margin-top: 0; max-width: 100%; float: left; } .block_zoek_resultaten .search .searchbox .searchsubmit { background: #505050 url(../img/search2.jpg) center no-repeat; width: 30px; height: auto; bottom: 0; margin: 0; } .block_zoek_resultaten .search .searchbox .searchfield { border: solid 1px black; } .block_zoek_resultaten .results { margin-top: 1.33333em; padding-top: 1.33333em; border-top: 1px solid #E5E5E5; margin-bottom: 1.33333em; padding-bottom: 1.33333em; border-bottom: 1px solid #E5E5E5; } .block_zoek_resultaten .results thead th { color: #0B0B0B; font-weight: bold; padding: 0 0.33333em; padding-bottom: 2.66667em; } @media (max-width: 800px) { .block_zoek_resultaten .results thead, .block_zoek_resultaten .results td:first-child, .block_zoek_resultaten .results td:nth-child(n+4) { display: none !important; } .block_zoek_resultaten .results tr { position: relative; display: block; color: #000; } .block_zoek_resultaten .results tr:hover .titel { color: #505050; } .block_zoek_resultaten .results tr .bestand a { position: absolute; text-indent: -9999px; top: 0; right: 0; bottom: 0; left: 0; } .block_zoek_resultaten .results tr .titel { padding-bottom: 0.7em; font-size: 1.2em; color: inherit; line-height: 1.2; } } .block_zoek_resultaten .results tbody td { padding: 0.33333em 0.33333em; color: #333; } .block_zoek_resultaten .results td.bestand a:hover { text-decoration: underline; } .block_zoek_resultaten .results tbody td.soort { display: block; } .block_zoek_resultaten .results tbody td.unknown span { background: url(../img/file.png) no-repeat 0px 0px; width: 12px; height: 14px; } .block_zoek_resultaten .results tbody td.word span { background: url(../img/word.png) no-repeat 0px 0px; width: 18px; height: 17px; } .block_zoek_resultaten .results tbody td.excell span { background: url(../img/excell.png) no-repeat 0px 0px; width: 17px; height: 17px; } .block_zoek_resultaten .results tbody td.rangschikking span { display: block; width: 78px; height: 14px; background-repeat: no-repeat; background-position: 0 0; } .block_zoek_resultaten .results tbody td.rangschikking span.star1 { background-image: url(../img/star1.png); } .block_zoek_resultaten .results tbody td.rangschikking span.star2 { background-image: url(../img/star2.png); } .block_zoek_resultaten .results tbody td.rangschikking span.star3 { background-image: url(../img/star3.png); } .block_zoek_resultaten .results tbody td.rangschikking span.star4 { background-image: url(../img/star4.png); } .block_zoek_resultaten .results tbody td.rangschikking span.star5 { background-image: url(../img/star5.png); } .block_zoek_resultaten .results tbody td.versie { color: #999999; font-weight: bold; } /* -------------------------------------------------------------------- BLOCK TESTIMONIALS ALTERNATIVE -------------------------------------------------------------------- */ .block-testimonials-alernative { margin-bottom: 0.66667em; } .block-testimonials-alernative .testimonial { position: relative; width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; margin-bottom: 2em; } @media (max-width: 480px) { .block-testimonials-alernative .testimonial { width: 100%; margin-right: 0; } } .block-testimonials-alernative .testimonial:hover .field-more span { color: #505050; background-position: right -10px; } .block-testimonials-alernative .testimonial.testimonial-even { float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .block-testimonials-alernative .testimonial.testimonial-odd { clear: both; } .block-testimonials-alernative .testimonial .field-img { float: left; width: 46.2203%; margin-right: 7.5594%; } @media (max-width: 998px) { .block-testimonials-alernative .testimonial .field-img { width: 100%; margin-bottom: 10px; } } .block-testimonials-alernative .testimonial .field-title { margin-bottom: 0.66667em; } .block-testimonials-alernative .testimonial .field-title h3 { font-size: 1.26667em; } .block-testimonials-alernative .testimonial .field-function { font-size: 0.93333em; margin-bottom: 1.42857em; font-weight: bold; color: #999; } .block-testimonials-alernative .testimonial .field-text { line-height: 1.46667em; overflow: hidden; } .block-testimonials-alernative .testimonial .field-more { text-align: right; margin-top: 1em; } .block-testimonials-alernative .testimonial .field-more span { background: url("../img/overzicht_arrow.png") right 4px no-repeat; font-size: 0.86667em; color: #000; font-weight: bold; padding-right: 13px; line-height: 1.07692em; } .block-testimonials-alernative .testimonial .field-link a { display: block; position: absolute; background: url(../img/empty_pixel.png); left: 0; top: 0; width: 100%; height: 100%; } @media (max-width: 998px) { .block-testimonials-alernative .block-content .testimonials .testimonial { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-testimonials-alernative .block-content .testimonials .testimonial .field-img { width: 22.26847%; margin-right: 3.64204%; } } .no-top-padding { padding-top: 0; } /* -------------------------------------------------------------------- BLOCK 3 COL -------------------------------------------------------------------- */ .block-3col .block { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .block-3col .block:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-3col .block:nth-child(3n+4) { clear: both; } @media (max-width: 998px) { .block-3col .block { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; margin-bottom: 2em; } .block-3col .block:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-3col .block:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-3col .block:nth-child(3n+4) { clear: none; } .block-3col .block:nth-child(2n+3) { clear: both; } } @media (max-width: 480px) { .block-3col .block.block { width: 100% !important; margin-right: 0 !important; } } /* -------------------------------------------------------------------- BLOCK 4 COL -------------------------------------------------------------------- */ .block-4col .block { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; } .block-4col .block:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-4col .block:nth-child(4n+5) { clear: both; } @media (max-width: 998px) { .block-4col .block { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block-4col .block:nth-child(4n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-4col .block:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-4col .block:nth-child(4n+5) { clear: none; } .block-4col .block:nth-child(2n+3) { clear: both; } } @media (max-width: 480px) { .block-4col .block { width: 100%; float: left; margin-right: 3.64204%; display: inline; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 3px solid #e5e5e5; } .block-4col .block:nth-child(2n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-4col .block:nth-child(n) { float: right; margin-right: 0; *margin-left: -3.5%; } } /* -------------------------------------------------------------------- BLOCK BASIS OPLEIDINGEN -------------------------------------------------------------------- */ .block-basis-opleidingen { margin-bottom: 0.66667em; } .block-basis-opleidingen .title h2 { color: #505050; font-size: 1.8em; margin-bottom: 1.11111em; line-height: normal; } .block-basis-opleidingen .opleidingen .opleiding { position: relative; width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; margin-bottom: 2em; overflow: hidden; padding-bottom: 2px; } .block-basis-opleidingen .opleidingen .opleiding:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } @media (max-width: 998px) { .block-basis-opleidingen .opleidingen .opleiding { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block-basis-opleidingen .opleidingen .opleiding:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } } @media (max-width: 480px) { .block-basis-opleidingen .opleidingen .opleiding { width: 100%; margin-right: 0; } } .block-basis-opleidingen .opleidingen .opleiding:nth-child(4n+1) { clear: both; } .block-basis-opleidingen .opleidingen .opleiding .field-title h3 { font-family: Arial; font-size: 1.26667em; text-transform: none; font-weight: bold; } .block-basis-opleidingen .opleidingen .opleiding:hover .field-title h3 { color: #505050; } .block-basis-opleidingen .opleidingen .opleiding .field-img { margin-bottom: 1.66667em; } .block-basis-opleidingen .opleidingen .opleiding .field-link a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/empty_pixel.png); } /* -------------------------------------------------------------------- BLOCK QUICKLINKS -------------------------------------------------------------------- */ .block_quicklinks { overflow: hidden; border-top: 2px solid #e5e5e5 !important; padding-top: 0 !important; } .block_quicklinks .quicklinks_box { position: relative; width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; padding-top: 2em; padding-bottom: 4em; } .block_quicklinks .quicklinks_box:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block_quicklinks .quicklinks_box:before { content: ""; display: block; position: absolute; top: 0; left: -999em; right: -999em; height: 1px; background: #E5E5E5; } @media (max-width: 480px) { .block_quicklinks .quicklinks_box:before { content: none; } } .block_quicklinks .quicklinks_box:nth-child(3n+4) { clear: both; } .block_quicklinks .quicklinks_box h1, .block_quicklinks .quicklinks_box h2, .block_quicklinks .quicklinks_box h3 { font-size: 1.26667em; text-transform: uppercase; margin-bottom: 1.26316em; color: #000; } .block_quicklinks .quicklinks_box img { width: 100%; height: auto; display: block; margin-bottom: 1.53333em; } .block_quicklinks .quicklinks_box ul li { padding-left: 25px; margin-left: 7px; font-size: 15px; padding-bottom: 6px; } .block_quicklinks .quicklinks_box ul li a { color: #333; } .block_quicklinks .quicklinks_box ul li a:hover { color: #58a518; } .block_quicklinks .quicklinks_box.full-width { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; overflow: hidden; *zoom: 1; width: 100%; clear: both; } .block_quicklinks .quicklinks_box.full-width img { float: none; clear: both; width: 30.90531%; } @media (max-width: 480px) { .block_quicklinks .quicklinks_box.full-width img { width: 100%; margin-right: 0; } } .block_quicklinks .quicklinks_box.full-width .content ul { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .block_quicklinks .quicklinks_box.full-width .content ul:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } @media (max-width: 480px) { .block_quicklinks .quicklinks_box.full-width .content ul { width: 100%; margin-right: 0; } } .block_quicklinks.block_quicklinks_wide .quicklinks_box { clear: none; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(3n+4) { clear: none; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(5) { float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(6) { clear: both; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(9) { float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(10) { clear: both; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(12) { float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(13) { clear: both; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(15) { float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(16) { clear: both; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(18) { float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } .block_quicklinks.block_quicklinks_wide .quicklinks_box:nth-child(19) { clear: both; } @media (max-width: 998px) { .block_quicklinks .quicklinks_box { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block_quicklinks .quicklinks_box:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block_quicklinks .quicklinks_box:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block_quicklinks .quicklinks_box:nth-child(2n+3) { clear: both; } .block_quicklinks .quicklinks_box:nth-child(3n+4) { clear: none; } .block_quicklinks.block_quicklinks_wide .quicklinks_box { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; clear: none; } .block_quicklinks .quicklinks_box.full-width { width: 100%; } } @media (max-width: 480px) { .block_quicklinks .quicklinks_box.quicklinks_box { width: 100%; float: left; margin-right: 3.64204%; display: inline; padding-bottom: 0; } .block_quicklinks .quicklinks_box.quicklinks_box:nth-child(n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block_quicklinks_wide img { cursor: pointer; } .block_quicklinks_wide .quicklinks_box > * { display: none; } .block_quicklinks_wide .responsive-active { display: block !important; } .block_quicklinks_wide h1, .block_quicklinks_wide h2, .block_quicklinks_wide h3 { display: block !important; cursor: pointer; padding-right: 10px; background: url("../img/filter_arrow_black_green.png") no-repeat right 5px; margin-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .block_quicklinks_wide h1.responsive-active, .block_quicklinks_wide h2.responsive-active, .block_quicklinks_wide h3.responsive-active { color: #FFF; display: block !important; background: url("../img/filter_arrow_black_green.png") no-repeat right -57px; color: #505050; margin-bottom: 1.26316em; } } /* -------------------------------------------------------------------- BLOCK TESTIMONIAL DETAIL -------------------------------------------------------------------- */ .block-testimonial-detail h1 { line-height: 1em; margin-bottom: 0.18421em; } .block-testimonial-detail h2 { margin-bottom: 1.22222em; } .block-testimonial-detail .field-img { float: left; width: 25%; margin: 0 3% 2% 0; } @media (max-width: 480px) { .block-testimonial-detail .field-img { width: 100%; margin: 0 0 10px; } } .block-testimonial-detail .field-video { background: #f6f6f6; text-align: center; margin-bottom: 1em; } .block-testimonial-detail .field-video iframe { margin: auto; padding: 0; vertical-align: bottom; } /* -------------------------------------------------------------------- BLOCK CONTACT DETAIL -------------------------------------------------------------------- */ .block-contact-info h1 { padding: 0; font-size: 2em; margin-bottom: 0.83333em; padding-bottom: 0.5em; border-bottom: 3px solid #e5e5e5; } .block-contact-info h2 { margin-bottom: 0.83333em; } .block-contact-info .field { border-top: 1px solid #e5e5e5; padding-top: 1.33333em; margin-bottom: 1.66667em; } .block-contact-info .field-address { border-top: 0; padding-top: 0; width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; line-height: normal; } .block-contact-info .field-links { width: 48.17898%; float: right; margin-right: 0; *margin-left: -3.5%; display: inline; border-top: 0; padding-top: 0; line-height: normal; } @media (max-width: 480px) { .block-contact-info .field-links { float: left; width: auto; } } .block-contact-info .field-links ul { background: url(../img/icon_route.png) no-repeat; padding-left: 80px; min-height: 71px; } .block-contact-info .field-links ul li a { color: #000; } .block-contact-info .field-links ul li a:hover { color: #58a518; } .block-contact-info .field-contacts { font-size: 12px; margin-bottom: 0; padding-top: 0.33333em; } .block-contact-info .field-contacts h3 { font-size: 1.26667em; margin: 0.83333em 0 1.38889em; clear: both; } .block-contact-info .field-contacts div.contact { margin-bottom: 1.33333em; } .block-contact-info .field-contacts .contact .field-img { float: left; margin-right: 0.66667em; width: 10em; } .block-contact-info .field-contacts .contact .field-img img { border: none; } .block-contact-info .field-contacts .contact .field-name { font-weight: bold; padding-top: 0.33333em; } .block-contact-info .field-contacts .contact .field-phone { padding-top: 0.33333em; } .block-contact-info .field-contacts .contact .field-email { padding-top: 0.33333em; } /* -------------------------------------------------------------------- BLOCK BROCHURES -------------------------------------------------------------------- */ .block_brochures { overflow: hidden; padding-top: 1.66667em; padding-bottom: 2.66667em; } .block_brochures .brochure { position: relative; width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; padding-top: 2em; margin-bottom: 1.66667em; } .block_brochures .brochure:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block_brochures .brochure:nth-child(4n+1) { clear: left; } .block_brochures .brochure:before { content: ""; display: block; position: absolute; top: 0; left: -999em; right: -999em; height: 1px; background: #E5E5E5; } .block_brochures .brochure .field-title { min-height: 3em; overflow: hidden; margin-bottom: 0.66667em; } .block_brochures .brochure .field-title h2 { font-family: Arial; font-size: 1em; font-weight: bold; } .block_brochures .brochure .field-img { margin-bottom: 1em; } .block_brochures .brochure .field-img img { border: none; } .block_brochures .brochure .field-download { margin-bottom: 0.66667em; } .block_brochures .brochure .field-download a { display: block; background: url(../img/icon_download.png) no-repeat left center; padding-left: 22px; } .block_brochures .brochure .field-download a:hover { text-decoration: underline; } .block_brochures .brochure .field-url a { display: inline-block; background: url(../img/overzicht_arrow.png) no-repeat right 3px; padding-right: 1em; color: #000; font-size: 13px; font-weight: bold; } .block_brochures .brochure .field-url a:hover { background-position: right -11px; color: #58a518; } @media (max-width: 998px) { .block_brochures .brochure { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .block_brochures .brochure:nth-child(4n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block_brochures .brochure:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block_brochures .brochure:nth-child(4n+1) { clear: none; } .block_brochures .brochure:nth-child(3n+1) { clear: left; } } @media (max-width: 480px) { .block_brochures .brochure { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block_brochures .brochure:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block_brochures .brochure:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block_brochures .brochure:nth-child(3n+1) { clear: none; } .block_brochures .brochure:nth-child(2n+1) { clear: left; } .block_brochures .brochure:before { content: none; } } /* -------------------------------------------------------------------- BLOCK AGENDA -------------------------------------------------------------------- */ .block-agenda:after { content: ''; display: table; clear: both; } /* -------------------------------------------------------------------- BLOCK QUICKLINKS -------------------------------------------------------------------- */ .block-quicklinks .content ul { padding: 0; } .block-quicklinks .content ul a { color: #000; } .block-quicklinks .content ul a:hover { color: #58a518; } /* -------------------------------------------------------------------- SIDEMENU -------------------------------------------------------------------- */ .sidemenu { overflow: hidden; } .sidemenu ul li a { display: block; padding: 0 0 0 1em; font-weight: bold; line-height: 1.33333em; color: #333; } .sidemenu ul li a:hover { background: url(../img/arrow_small_right.png) no-repeat left 6px; } .sidemenu ul li { padding-bottom: 0.66667em; } .sidemenu ul li.active > a, .sidemenu ul li.active-last > a { background: url(../img/arrow_small_right.png) no-repeat left 6px; color: #333; } .sidemenu ul li.active-last > a { background-image: url(../img/arrow_small_green_right.png); color: #58a518 !important; } .sidemenu ul ul { padding: 0.66667em 0 0 1.66667em; } .sidemenu ul ul li { padding-bottom: 0.33333em; } .sidemenu ul ul li.active > a, .sidemenu ul ul li.active-last > a { text-decoration: underline; background: url(../img/arrow_mini_green_right.png) no-repeat left 0.5em; color: #666; } .sidemenu ul ul li.active > a:hover, .sidemenu ul ul li.active-last > a:hover { background-position: left 0.5em; } .sidemenu ul ul li a { font-weight: normal; background: url(../img/arrow_mini_green_right.png) no-repeat left 0.5em; padding: 0 0 0 0.66667em; color: #666; } .sidemenu ul ul li a:hover { text-decoration: underline; background: url(../img/arrow_mini_green_right.png) no-repeat left 0.5em; color: #666; } .sidemenu ul ul ul { padding-left: 1em; } .responsive-dropdown { display: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: #FFF; width: 100%; box-sizing: border-box; border: none; outline: none; font-size: 14px; padding: .4em; border: solid 1px #CCCCCC; margin-bottom: 20px; background: #000 url(../img/responsive-dropdown-menu.png) no-repeat 97% 9px; cursor: pointer; } @media (max-width: 720px) { .sidemenu_list { display: none; } .responsive-dropdown { display: block; } body.sidebar_left .content_inner_top .block-title.block-title { margin-left: 0; } } @media (max-width: 720px) { body.content_page .content_inner_container { display: flex; flex-direction: column; } body.content_page #sidebar { order: -1; } } /* -------------------------------------------------------------------- SOCIAL MEDIA -------------------------------------------------------------------- */ .social_media { padding-top: 0 !important; border-top: 0 !important; } @media (max-width: 480px) { .social_media { display: none !important; } } .social_media .content { float: right; } .social_media .sm { float: left; margin: 0 0 0 0.53333em; width: 100px; } .social_media .sm img { height: 20px; width: auto; } .social_media .sm:last-child { width: auto; } .social_media iframe { float: none; padding-bottom: 0; } /* -------------------------------------------------------------------- JOB CATEGORIES -------------------------------------------------------------------- */ .block-job-categories .job-categories .job-category { position: relative; width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; margin-bottom: 1.33333em; } .block-job-categories .job-categories .job-category:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-job-categories .job-categories .job-category:nth-child(4n+5) { clear: both; } .block-job-categories .job-categories .job-category .field-title { padding: 1em 0 1em; } .block-job-categories .job-categories .job-category .field-title h2 { font-size: 1.06667em; } .block-job-categories .job-categories .job-category .field-link a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/empty_pixel.png); } .block-job-categories .job-categories .job-category:hover .field-title h2 { color: #58a518; } @media (max-width: 1100px) { .block-job-categories .job-categories .job-category { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block-job-categories .job-categories .job-category:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-job-categories .job-categories .job-category:nth-child(2n+3) { clear: both; } } @media (max-width: 480px) { .block-job-categories .job-categories .job-category { width: 100%; margin-right: 0; } } /* -------------------------------------------------------------------- JOBS OVERVIEW -------------------------------------------------------------------- */ .block-jobs { margin-bottom: 1.33333em; } .block-jobs .field-text { margin-bottom: 2em; } .block-jobs .field-table table td, .block-jobs .field-table table th { padding: 0.33333em 0; } .block-jobs .field-table table th { font-weight: bold; } .block-jobs .field-table table a:hover { text-decoration: underline; } /* -------------------------------------------------------------------- DETAIL -------------------------------------------------------------------- */ .block-detail .field { clear: both; } .block-detail .field-label { font-weight: bold; } .block-detail .field-label-inline div { display: inline; } .block-detail .group-info { margin-bottom: 1.66667em; } .block-detail .group-info .field { margin-bottom: 0.33333em; } .block-detail .group-text { border-top: 3px solid #e5e5e5; } .block-detail .group-text .field { border-top: 1px solid #e5e5e5; padding-top: 1.33333em; margin-bottom: 1.33333em; } .block-detail .group-text .field:first-child { border-top: 0; } .block-detail .group-text .field .field-label { font-size: 1.06667em; margin-bottom: 1em; color: #000; text-transform: uppercase; font-weight: normal; } .block-detail .field-title { margin-bottom: 1em; } .block-detail .field-text { border-top: 3px solid #e5e5e5; padding-top: 1.66667em; } /* -------------------------------------------------------------------- FOOTER -------------------------------------------------------------------- */ .footer_lijn { background-color: #000; overflow: hidden; } .footer { padding: 3.33333em 0 1.66667em; } .footer p { line-height: 1.3; color: #fff; font-size: 14px; } .footer a { color: #fff; font-size: 1em; } .footer a:hover { text-decoration: none; color: #58a518; } .footer ul.styled { padding-top: 0; } .footer h3 { color: #fff; font-size: 1em; min-height: 3.5em; line-height: 1.2em; text-transform: uppercase; } .footer .icons a { float: left; margin: 0.66667em 0.46667em 0 0; } .footer .icons a img { height: 18px; width: auto; } .footer a.limburg { margin-top: 0.8em; } .footer .logo { position: relative; left: -15px; top: 0; padding-bottom: 1em; } .footer > div { width: 13.63163%; float: left; margin-right: 3.64204%; display: inline; } .footer div:nth-child(6) { float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } @media (max-width: 998px) { .footer > .quicklinks.quicklinks { display: none; } .footer > .contact_info { width: 100%; margin-right: 0; } .footer > .contact_info .logo { float: left; left: 0; padding-right: 15px; } } @media (max-width: 480px) { .footer { padding-top: 20px; } .footer > .contact_info .logo { float: none; padding-right: 0; height: 65px; width: auto; } .footer .icons a { margin-top: 20px; } .footer .icons a img { height: 30px; width: auto; } } .footer .desktop-version { text-decoration: underline; margin-top: 20px; display: inline-block; } .mobile-version { background: #505050; color: white; display: block; padding: 10px; text-align: center; } .mobile-version:hover { text-decoration: underline; color: white; } #header.sticky .mobile-version { margin-top: 48px; } /* -------------------------------------------------------------------- PERSON -------------------------------------------------------------------- */ .block-person .content { position: relative; } .block-person .content:hover .field-more span { color: #505050; background-position: right -10px; } .block-person .field-img { margin-bottom: 1.33333em; } .block-person .field-name { margin-bottom: 0.66667em; } .block-person .field-text { line-height: 1.3em; } .block-person .field-more { margin-top: 0.66667em; } .block-person .field-more .overzicht { float: right; } .block-person .field-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block-person .field-link a { display: block; width: 100%; height: 100%; background-image: url(../img/empty_pixel.png); } @media (max-width: 480px) { .block-person { padding-top: 20px; } } /* -------------------------------------------------------------------- BLOCK IN THE PICTURE -------------------------------------------------------------------- */ .block-in-the-picture .content { position: relative; } .block-in-the-picture .group-image { position: relative; } .block-in-the-picture .field-text { position: absolute; font-size: 1.26667em; bottom: 1.11111em; left: 0; padding-left: 0.55556em; padding-right: 0.55556em; color: #fff; text-shadow: 3px 3px 2px #000000; text-transform: uppercase; } .block-in-the-picture .field-more { text-align: right; } .block-in-the-picture .field-more a { font-size: 0.86667em; font-weight: bold; color: #000; } .block-in-the-picture .field-more a:hover { color: #58a518; } .block-in-the-picture .field-link a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/empty_pixel.png); } .block-in-the-picture .overview { margin-top: 0.66667em; } .block-sfeer:last-child .block.block-in-the-picture { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } /* -------------------------------------------------------------------- BLOCK TOP CONTAINER -------------------------------------------------------------------- */ .block-sfeer .block:first-child { clear: left; } .block-sfeer .block-blocks .more { display: none; } .block-sfeer .block-more-links { margin-top: 1em; width: 100%; } .block-sfeer .block-more-links .overview { margin-top: 0; } @media (max-width: 998px) { .block-sfeer .block-blocks .block { margin-bottom: 2.66667em; } .block-sfeer .block-blocks .more { display: block; } .block-sfeer .block-more-links { display: none !important; } } @media (max-width: 480px) { .home_page .block-sfeer .block-media { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } } /* -------------------------------------------------------------------- BLOCK CONTACT -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- BLOCK PXL NEWSPAPER -------------------------------------------------------------------- */ .block-pxl-newspaper .field-text, .block-brochure .field-text { margin-bottom: 1.66667em; min-height: 2.6em; } .block-pxl-newspaper .group-img-caption, .block-brochure .group-img-caption { display: table; } .block-pxl-newspaper .field-img, .block-brochure .field-img { display: table-cell; width: 39.54214%; } .block-pxl-newspaper .field-caption, .block-brochure .field-caption { display: table-cell; width: 56.81582%; vertical-align: bottom; color: #999; padding-left: 3.64204%; } .block-pxl-newspaper .field-caption p, .block-brochure .field-caption p { line-height: 1.2em; } /* -------------------------------------------------------------------- BLOCK BROCHURE -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- BLOCK CATERING -------------------------------------------------------------------- */ .block-catering .field-text { color: #999; margin-bottom: 1.33333em; font-weight: bold; } .block-catering .field-campus ul li { margin-bottom: 1.33333em; } .block-catering .field-campus ul li a:hover { text-decoration: underline; } /* -------------------------------------------------------------------- BLOCK AGENDA DETAIL -------------------------------------------------------------------- */ .block-agenda-detail { margin-bottom: 1.33333em !important; } .block-agenda-detail .field-title { margin-bottom: 0.86667em; } .block-agenda-detail .field-title h1 { line-height: 1.1; font-size: 2.13333em; } .block-agenda-detail .field-date { float: left; font-size: 1.33333em; margin-right: 1em; color: #999; } .block-agenda-detail .field-location { float: left; text-transform: uppercase; font-size: 1.33333em; } /* -------------------------------------------------------------------- BLOCK BACK BTN -------------------------------------------------------------------- */ .block-back a { background: url(../img/arrow_left.png) no-repeat 0 6px; font-weight: bold; line-height: 23px; padding-left: 20px; font-size: 1.06667em; color: #333; } .block-back a:hover { background: url(../img/arrow_left.png) 0px -24px no-repeat; color: #58a518; } /* -------------------------------------------------------------------- BLOCK BACK BTN -------------------------------------------------------------------- */ .block-datepicker .overview { margin-top: 0.66667em; } /* -------------------------------------------------------------------- BLOCK FACEBOOK -------------------------------------------------------------------- */ .block-facebook .b0, .block-facebook .b1, .block-facebook .b2 { display: none; } .block-facebook .b0 { display: block; } @media (max-width: 1224px) { .block-facebook .b0 { display: none; } .block-facebook .b1 { display: block; } } /* -------------------------------------------------------------------- BLOCK Duurzaamheid SDG -------------------------------------------------------------------- */ .block-duurzaamheid .b0, .block-duurzaamheid .b1, .block-duurzaamheid .b2 { display: none; } .block-duurzaamheid .b0 { display: block; } .block-duurzaamheid .b0 img, a img { width: 100%; height: auto; border-bottom: 0px; vertical-align: bottom; -ms-interpolation-mode: bicubic; } @media (max-width: 1224px) { .block-duurzaamheid .b0 { display: none; } .block-duurzaamheid .b1 { display: block; } } /* -------------------------------------------------------------------- BLOCK PROJECT DETAIL -------------------------------------------------------------------- */ .block-project-detail { margin-bottom: 1.33333em !important; /* --- GROUPS --- */ /* --- FIELDS --- */ } .block-project-detail .group { border-bottom: 1px solid #e5e5e5; padding-bottom: 2.33333em; margin-bottom: 2em; } .block-project-detail .group .group-title { margin-bottom: 1.66667em; } .block-project-detail .group .group-title h3 { clear: both; font-size: 1.26667em; color: #333; } .block-project-detail .group:last-child { border: 0; padding: 0; margin: 0; } .block-project-detail .group-info { padding-bottom: 0.33333em; } .block-project-detail .group-info .field { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; margin-bottom: 2em; } .block-project-detail .group-info .field:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-project-detail .group-info .field:nth-child(2n+3) { clear: both; } .block-project-detail .group-info .field .field-content { line-height: 1.3em; } .block-project-detail .group-info .field .field-content a:hover { text-decoration: underline; } @media (max-width: 480px) { .block-project-detail .group-info .field { width: 100%; margin-right: 0; } } .block-project-detail .field .field-label { font-weight: bold; margin-bottom: 0.53333em; } .block-project-detail .field-download ul li a { background: url(../img/icon_pdf.png) no-repeat left center; padding: 0 0 0 22px; color: #333; } .block-project-detail .field-investors ul li { display: inline-block; margin: 0 1em 1.33333em 0; vertical-align: bottom; } .block-project-detail .field-investors ul li img { width: auto; max-width: 200px; max-height: 100px; border: 0; } /* -------------------------------------------------------------------- BLOCK EXPERTISE DETAIL -------------------------------------------------------------------- */ .block-expertise-detail .field-text { width: 74.08949%; } @media (max-width: 998px) { .block-expertise-detail .field-text { width: auto; } } /* -------------------------------------------------------------------- BLOCK RESEARCH DETAIL, BLOCK CONGRESS DETAIL, BLOCK CONTENT INTRO -------------------------------------------------------------------- */ .block-research-detail .field-text, .block-congress-detail .field-text, .block-content-intro .field-text { width: 74.08949%; } @media (max-width: 998px) { .block-research-detail .field-text, .block-congress-detail .field-text, .block-content-intro .field-text { width: auto; } } /* -------------------------------------------------------------------- BLOCK CONTACT -------------------------------------------------------------------- */ .block-contact .contacts { overflow: hidden; *zoom: 1; } .block-contact .contacts .contact { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; } .block-contact .contacts .contact:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-contact .contacts .contact:nth-child(4n+5) { clear: both; } @media (max-width: 1224px) { .block-contact .contacts .contact { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-contact .contacts .contact:nth-child(4n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-contact .contacts .contact:nth-child(4n+5) { clear: none; } .block-contact .contacts .contact { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .block-contact .contacts .contact:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-contact .contacts .contact:nth-child(3n+4) { clear: both; } } @media (max-width: 480px) { .block-contact .contacts .contact { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-contact .contacts .contact:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-contact .contacts .contact:nth-child(3n+4) { clear: none; } .block-contact .contacts .contact { width: 100%; float: left; margin-right: 3.64204%; display: inline; } .block-contact .contacts .contact:nth-child(1n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-contact .contacts .contact:nth-child(1n+2) { clear: both; } } .block-contact .contacts .contact { margin-bottom: 2em; } .block-contact .contacts .contact .field-img { margin-bottom: 1.33333em; } .block-contact .contacts .contact .field-name { font-size: 1.33333em; color: #000; margin-bottom: 0.66667em; } @media (max-width: 998px) { .block-contact .contacts .contact .field-name { font-size: 16px; } } .block-contact .contacts .contact .field-function { margin-bottom: 1em; color: #999; font-weight: bold; } .block-contact .contacts .contact .field-dept, .block-contact .contacts .contact .field-email { line-height: 1.3em; } .block-contact .contacts .contact .field-email a:hover { text-decoration: underline; } .block-contact-single .contacts .contact { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-contact-single .contacts .contact:nth-child(4n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-contact-single .contacts .contact:nth-child(4n+5) { clear: none; } .block-contact-single .contacts .contact { width: 100%; } /* -------------------------------------------------------------------- BLOCK EXPERTISES -------------------------------------------------------------------- */ .block-expertises, .block-expertises-other { margin-bottom: 1em !important; } .block-expertises .expertises, .block-expertises-other .expertises { overflow: hidden; *zoom: 1; } .block-expertises .expertises .expertise, .block-expertises-other .expertises .expertise { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .block-expertises .expertises .expertise:nth-child(3n), .block-expertises-other .expertises .expertise:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-expertises .expertises .expertise:nth-child(3n+4), .block-expertises-other .expertises .expertise:nth-child(3n+4) { clear: both; } @media (max-width: 998px) { .block-expertises .expertises .expertise, .block-expertises-other .expertises .expertise { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-expertises .expertises .expertise:nth-child(3n), .block-expertises-other .expertises .expertise:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-expertises .expertises .expertise:nth-child(3n+4), .block-expertises-other .expertises .expertise:nth-child(3n+4) { clear: none; } .block-expertises .expertises .expertise, .block-expertises-other .expertises .expertise { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block-expertises .expertises .expertise:nth-child(2n), .block-expertises-other .expertises .expertise:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-expertises .expertises .expertise:nth-child(2n+3), .block-expertises-other .expertises .expertise:nth-child(2n+3) { clear: both; } } @media (max-width: 480px) { .block-expertises .expertises .expertise, .block-expertises-other .expertises .expertise { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-expertises .expertises .expertise:nth-child(2n), .block-expertises-other .expertises .expertise:nth-child(2n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-expertises .expertises .expertise:nth-child(2n+3), .block-expertises-other .expertises .expertise:nth-child(2n+3) { clear: none; } .block-expertises .expertises .expertise, .block-expertises-other .expertises .expertise { width: 100%; float: left; margin-right: 3.64204%; display: inline; } .block-expertises .expertises .expertise:nth-child(1n), .block-expertises-other .expertises .expertise:nth-child(1n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-expertises .expertises .expertise:nth-child(1n+2), .block-expertises-other .expertises .expertise:nth-child(1n+2) { clear: both; } } .block-expertises .expertise, .block-expertises-other .expertise { position: relative; margin-bottom: 1.66667em; } .block-expertises .expertise .field-img, .block-expertises-other .expertise .field-img { margin-bottom: 0.66667em; } .block-expertises .expertise .field-title, .block-expertises-other .expertise .field-title { margin-bottom: 0.66667em; display: table; } .block-expertises .expertise .field-title h3, .block-expertises-other .expertise .field-title h3 { display: table-cell; vertical-align: middle; height: 46px; background: url(../img/logo_klein.png) no-repeat left center; padding-left: 48px; color: #000; font-size: 1.06667em; line-height: 1.1em; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; } .block-expertises .expertise .field-text, .block-expertises-other .expertise .field-text { line-height: 16px; } .block-expertises .expertise .field-text ul, .block-expertises-other .expertise .field-text ul { margin-left: 0; } .block-expertises .expertise .field-more, .block-expertises-other .expertise .field-more { text-align: right; } .block-expertises .expertise:hover .field-title h3, .block-expertises-other .expertise:hover .field-title h3 { color: #505050; } .block-expertises .expertise.nolink:hover .field-title h3, .block-expertises-other .expertise.nolink:hover .field-title h3 { color: #000; } .block-expertises.no-logo, .no-logo.block-expertises-other { margin-bottom: 1em !important; } .block-expertises.no-logo .expertises, .no-logo.block-expertises-other .expertises { overflow: hidden; *zoom: 1; } .block-expertises.no-logo .expertises .expertise, .no-logo.block-expertises-other .expertises .expertise { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .block-expertises.no-logo .expertises .expertise:nth-child(3n), .no-logo.block-expertises-other .expertises .expertise:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-expertises.no-logo .expertises .expertise:nth-child(3n+4), .no-logo.block-expertises-other .expertises .expertise:nth-child(3n+4) { clear: both; } @media (max-width: 998px) { .block-expertises.no-logo .expertises .expertise, .no-logo.block-expertises-other .expertises .expertise { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-expertises.no-logo .expertises .expertise:nth-child(3n), .no-logo.block-expertises-other .expertises .expertise:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-expertises.no-logo .expertises .expertise:nth-child(3n+4), .no-logo.block-expertises-other .expertises .expertise:nth-child(3n+4) { clear: none; } .block-expertises.no-logo .expertises .expertise, .no-logo.block-expertises-other .expertises .expertise { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block-expertises.no-logo .expertises .expertise:nth-child(2n), .no-logo.block-expertises-other .expertises .expertise:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-expertises.no-logo .expertises .expertise:nth-child(2n+3), .no-logo.block-expertises-other .expertises .expertise:nth-child(2n+3) { clear: both; } } @media (max-width: 480px) { .block-expertises.no-logo .expertises .expertise, .no-logo.block-expertises-other .expertises .expertise { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-expertises.no-logo .expertises .expertise:nth-child(2n), .no-logo.block-expertises-other .expertises .expertise:nth-child(2n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-expertises.no-logo .expertises .expertise:nth-child(2n+3), .no-logo.block-expertises-other .expertises .expertise:nth-child(2n+3) { clear: none; } .block-expertises.no-logo .expertises .expertise, .no-logo.block-expertises-other .expertises .expertise { width: 100%; float: left; margin-right: 3.64204%; display: inline; } .block-expertises.no-logo .expertises .expertise:nth-child(1n), .no-logo.block-expertises-other .expertises .expertise:nth-child(1n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-expertises.no-logo .expertises .expertise:nth-child(1n+2), .no-logo.block-expertises-other .expertises .expertise:nth-child(1n+2) { clear: both; } } .block-expertises.no-logo .expertise, .no-logo.block-expertises-other .expertise { position: relative; margin-bottom: 1.66667em; } .block-expertises.no-logo .expertise .field-img, .no-logo.block-expertises-other .expertise .field-img { margin-bottom: 0.66667em; } .block-expertises.no-logo .expertise .field-title, .no-logo.block-expertises-other .expertise .field-title { margin-bottom: 0.66667em; } .block-expertises.no-logo .expertise .field-title h3, .no-logo.block-expertises-other .expertise .field-title h3 { line-height: 1.1em; overflow: visible; text-overflow: normal; white-space: normal; background: none; padding-left: 0; font-size: 1.2em; } .block-expertises.no-logo .expertise .field-text, .no-logo.block-expertises-other .expertise .field-text { line-height: 16px; } .block-expertises.no-logo .expertise .field-text ul, .no-logo.block-expertises-other .expertise .field-text ul { margin-left: 0; } .block-expertises.no-logo .expertise .field-more, .no-logo.block-expertises-other .expertise .field-more { text-align: right; } .block-expertises.no-logo .expertise:hover .field-title h3, .no-logo.block-expertises-other .expertise:hover .field-title h3 { color: #505050; } .block-expertises.no-logo .expertise.nolink:hover .field-title h3, .no-logo.block-expertises-other .expertise.nolink:hover .field-title h3 { color: #000; } /* -------------------------------------------------------------------- BLOCK PROJECTS -------------------------------------------------------------------- */ .block-projects .content { width: 74.08949%; } @media (max-width: 998px) { .block-projects .content { width: auto; } } .block-projects .group { margin-bottom: 2.33333em; } .block-projects .group .group-title { margin-bottom: 1.66667em; } .block-projects .group .group-title h3 { font-size: 1.26667em; color: #333; } .block-projects .group ul li { padding-left: 15px; margin-bottom: 0.46667em; background: url(../img/bullet.png) no-repeat left 0.5em; } .block-projects .group ul li a { line-height: 1.3em; color: #333; } .block-projects .group ul li a:hover { text-decoration: underline; } /* -------------------------------------------------------------------- BLOCK PROJECTS SHOWCASE -------------------------------------------------------------------- */ .block-projects-showcase { margin-bottom: 1em !important; } .block-projects-showcase .projects { overflow: hidden; *zoom: 1; } .block-projects-showcase .projects .project { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .block-projects-showcase .projects .project:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-projects-showcase .projects .project:nth-child(3n+4) { clear: both; } @media (max-width: 998px) { .block-projects-showcase .projects .project { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-projects-showcase .projects .project:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-projects-showcase .projects .project:nth-child(3n+4) { clear: none; } .block-projects-showcase .projects .project { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block-projects-showcase .projects .project:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-projects-showcase .projects .project:nth-child(2n+3) { clear: both; } } @media (max-width: 480px) { .block-projects-showcase .projects .project { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-projects-showcase .projects .project:nth-child(2n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-projects-showcase .projects .project:nth-child(2n+3) { clear: none; } .block-projects-showcase .projects .project { width: 100%; float: left; margin-right: 3.64204%; display: inline; } .block-projects-showcase .projects .project:nth-child(1n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-projects-showcase .projects .project:nth-child(1n+2) { clear: both; } } .block-projects-showcase .project { position: relative; margin-bottom: 1.66667em; } .block-projects-showcase .project .field-img { margin-bottom: 0.66667em; } .block-projects-showcase .project .field-title { margin-bottom: 0.66667em; } .block-projects-showcase .project .field-title h3 { line-height: 1.1em; overflow: visible; text-overflow: normal; white-space: normal; background: none; padding-left: 0; font-size: 1.2em; } .block-projects-showcase .project .field-text { line-height: 16px; } .block-projects-showcase .project .field-text ul { margin-left: 0; } .block-projects-showcase .project .field-more { text-align: right; } .block-projects-showcase .project:hover .field-title h3 { color: #58a518; } .block-projects-showcase .project.nolink:hover .field-title h3 { color: #000; } /* -------------------------------------------------------------------- BLOCK CONGRESS LIST -------------------------------------------------------------------- */ .block-congress-list { margin-bottom: 1em !important; } .block-congress-list .congress-items { overflow: hidden; *zoom: 1; } .block-congress-list .congress-items .congress-item { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .block-congress-list .congress-items .congress-item:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-congress-list .congress-items .congress-item:nth-child(3n+4) { clear: both; } @media (max-width: 998px) { .block-congress-list .congress-items .congress-item { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-congress-list .congress-items .congress-item:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-congress-list .congress-items .congress-item:nth-child(3n+4) { clear: none; } .block-congress-list .congress-items .congress-item { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } .block-congress-list .congress-items .congress-item:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-congress-list .congress-items .congress-item:nth-child(2n+3) { clear: both; } } @media (max-width: 480px) { .block-congress-list .congress-items .congress-item { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; } .block-congress-list .congress-items .congress-item:nth-child(2n) { float: left; margin-right: 3.64204%; *margin-left: auto; } .block-congress-list .congress-items .congress-item:nth-child(2n+3) { clear: none; } .block-congress-list .congress-items .congress-item { width: 100%; float: left; margin-right: 3.64204%; display: inline; } .block-congress-list .congress-items .congress-item:nth-child(1n) { float: right; margin-right: 0; *margin-left: -3.5%; } .block-congress-list .congress-items .congress-item:nth-child(1n+2) { clear: both; } } .block-congress-list .congress-item { position: relative; margin-bottom: 1.66667em; } .block-congress-list .congress-item .field-img { margin-bottom: 0.66667em; } .block-congress-list .congress-item .field-title { margin-bottom: 0.66667em; } .block-congress-list .congress-item .field-title h3 { line-height: 1.1em; overflow: visible; text-overflow: normal; white-space: normal; background: none; padding-left: 0; font-size: 1.2em; } .block-congress-list .congress-item .field-text { line-height: 16px; } .block-congress-list .congress-item .field-text ul { margin-left: 0; } .block-congress-list .congress-item .field-more { text-align: right; } .block-congress-list .congress-item:hover .field-title h3 { color: #58a518; } .block-congress-list .congress-item.nolink:hover .field-title h3 { color: #000; } /* -------------------------------------------------------------------- BLOCK EMPLOYEES -------------------------------------------------------------------- */ .block-employees .employee { overflow: hidden; *zoom: 1; padding-bottom: 2px; margin-bottom: 0.33333em; line-height: normal; } .block-employees .employee .field-name { float: left; width: 13.33333em; font-weight: bold; } @media (max-width: 420px) { .block-employees .employee .field-name { width: 100%; } } .block-employees .employee .field-email { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 420px) { .block-employees .employee .field-email { overflow: visible; white-space: normal; display: block; padding: 3px 0 6px; clear: both; } } .block-employees .employee .field-email a:hover { text-decoration: underline; } .block-employees .employee:last-child { margin: 0; } /* -------------------------------------------------------------------- BLOCK PROJECTS FILTER -------------------------------------------------------------------- */ .block-projects-filter { border: 0 !important; /* --- DEPT --- */ /* --- EXPERTISE --- */ /* --- PROJECT GROUP -- */ /* --- PROJECT --- */ } .block-projects-filter .dept { padding-bottom: 3em; border-bottom: 1px solid #e5e5e5; margin-bottom: 2.66667em; } .block-projects-filter .dept:last-child { padding: 0; margin: 0; border: 0; } .block-projects-filter .dept-title { margin-bottom: 1.33333em; } .block-projects-filter .dept-expertises { padding: 0 3.2em 0 48px; } @media (max-width: 600px) { .block-projects-filter .dept-expertises { padding: 0; } } .block-projects-filter .expertise-title { text-transform: uppercase; font-weight: bold; color: #505050; margin-bottom: 1.13333em; } .block-projects-filter .expertise-title a:hover { text-decoration: underline; } .block-projects-filter .projects { padding: 0 3em; } @media (max-width: 600px) { .block-projects-filter .projects { padding: 0 1.33333em; } } .block-projects-filter .group-title { font-weight: bold; margin-bottom: 1.33333em; } .block-projects-filter .project { line-height: 1.3em; margin-bottom: 1.33333em; display: -webkit-flex; display: flex; } .block-projects-filter .project-title a { color: #333; } .block-projects-filter .project-title a:hover { text-decoration: underline; } .block-projects-filter .project-status { float: right; text-align: right; min-width: 120px; order: 1; padding-left: 10px; margin-left: auto; } /* -------------------------------------------------------------------- BLOCK CONGRESS FILTER -------------------------------------------------------------------- */ .block-congress-filter { border: 0 !important; } .block-congress-filter a { color: #333; text-decoration: underline; } .block-congress-filter a:hover { text-decoration: none; } .block-congress-filter ul { margin-left: 30%; } @media screen and (max-width: 786px) { .block-congress-filter ul { margin-left: 0; } } .block-congress-filter ul li { line-height: normal; padding: 0 0 0.66667em 0; color: #666; position: relative; } .block-congress-filter ul li .dept-info, .block-congress-filter ul li .dept-link { margin-left: 85px; margin-right: 140px; display: block; } .block-congress-filter ul li .dept-date { position: absolute; left: 0; top: 0; } .block-congress-filter ul li .dept-topic { position: absolute; right: 0; top: 0; } @media screen and (max-width: 600px) { .block-congress-filter ul li .dept-topic, .block-congress-filter ul li .dept-info, .block-congress-filter ul li .dept-link, .block-congress-filter ul li .dept-date { position: static; display: block; margin: 3px 0 0; } } .block-congress-filter .category { padding-bottom: 3em; border-bottom: 1px solid #e5e5e5; margin-bottom: 2.66667em; } .block-congress-filter .category:last-child { padding: 0; margin: 0; border: 0; } .block-congress-filter .category-title { font-size: 1.8em; color: #505050; margin-bottom: 1.85185em; } .block-congress-filter .category-content { margin-bottom: 1em; } .block-congress-filter .dept { margin-bottom: 1em; clear: both; } .block-congress-filter .dept-title { float: left; width: 30%; margin-bottom: 1.33333em; } @media screen and (max-width: 786px) { .block-congress-filter .dept-title { width: 100%; float: none; } } .block-congress-filter .dept-content ul { padding-top: 0.86667em; } /* -------------------------------------------------------------------- BLOCK CONGRESS FILTER -------------------------------------------------------------------- */ .block-research-detail .wysiwyg > h3, .block-congress-detail .wysiwyg > h3 { margin: 2.22222em 0 0.83333em; } @media (max-width: 480px) { body.page-congress #content { display: flex; flex-direction: column; } body.page-congress .block-congress-detail { order: -1; } body.page-congress .block-agenda { border-bottom: none; margin-bottom: 0 !important; } } .opleiding-header:after, .opleiding-body:after, .opleiding-opleidingsniveau-afstudeerrichting:after { content: ''; display: table; clear: both; } .opleiding-header { padding: 1.66667em 0; color: #000; font-size: 1.2em; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } .opleiding-header .opleiding-departement, .opleiding-header .opleiding-opleidingsniveau, .opleiding-header .opleiding-afstudeerrichting { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } .opleiding-header .opleiding-departement:nth-child(3n), .opleiding-header .opleiding-opleidingsniveau:nth-child(3n), .opleiding-header .opleiding-afstudeerrichting:nth-child(3n) { float: right; margin-right: 0; *margin-left: -3.5%; } @media (max-width: 998px) { .opleiding-header { display: none; } } .opleiding-body { padding-top: 40px; border-bottom: 1px solid #E5E5E5; } @media (max-width: 480px) { .opleiding-body { padding-top: 0; } .opleiding-body + .opleiding-body { padding-top: 20px; } } .opleiding-body .opleiding-departement { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; background: url(../img/logo_klein.png) 0px 0px no-repeat; font-size: 1.06667em; text-decoration: none; text-transform: uppercase; min-height: 30px; padding: 15px 0 14px 48px; box-sizing: border-box; } .opleiding-body .opleiding-departement a { color: #333; } .opleiding-body .opleiding-departement.empty { background-image: none; } .opleiding-body .opleiding-departement.empty:before { content: ' '; } @media (max-width: 998px) { .opleiding-body .opleiding-departement.empty { display: none; } } @media (max-width: 998px) { .opleiding-body .opleiding-departement { width: 100%; margin-right: 0; margin-bottom: 20px; } } @media (max-width: 480px) { .opleiding-body .opleiding-departement:before { content: none; } } .opleiding-body .opleiding-opleidingsniveau-afstudeerrichting { width: 65.45265%; float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } @media (max-width: 998px) { .opleiding-body .opleiding-opleidingsniveau-afstudeerrichting { width: 100%; margin-right: 0; } } .opleiding-body .opleiding-opleidingsniveau-afstudeerrichting:nth-child(2) { padding-top: 15px; } .opleiding-body .opleiding-opleidingsniveau-afstudeerrichting:last-child { padding-bottom: 30px; } .opleiding-body .opleiding-opleidingsniveau-afstudeerrichting:last-child .opleiding-afstudeerrichting { padding-bottom: 0; } .opleiding-body .opleiding-opleidingsniveau-afstudeerrichting .no-link { margin-bottom: 0.66667em; } .opleiding-body .opleiding-opleidingsniveau-afstudeerrichting a { display: block; margin-bottom: 0.66667em; text-decoration: underline; line-height: 1.2; } @media (max-width: 480px) { .opleiding-body .opleiding-opleidingsniveau-afstudeerrichting a { text-decoration: none; font-size: 14px; } } .opleiding-body .opleiding-header { display: none; border-style: none; font-size: 0.9em; } @media (max-width: 998px) { .opleiding-body .opleiding-header { display: block; } } @media (max-width: 480px) { .opleiding-body .opleiding-header { display: none; } } .opleiding-body .opleiding-opleidingsniveau { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; margin-bottom: 10px; color: #505050; font-weight: bold; font-size: 14px; } @media (max-width: 480px) { .opleiding-body .opleiding-opleidingsniveau { width: 100%; margin-right: 0; } } .opleiding-body .opleiding-opleidingsniveau a { margin-bottom: 0; } .opleiding-body .opleiding-opleidingsniveau a:hover { color: #000; } .opleiding-body .opleiding-afstudeerrichting { width: 48.17898%; float: right; margin-right: 0; *margin-left: -3.5%; display: inline; padding-bottom: 15px; float: left; } @media (max-width: 480px) { .opleiding-body .opleiding-afstudeerrichting { width: 100%; } } .opleiding-body .opleiding-afstudeerrichting a { color: #000000; } .opleiding-body .opleiding-afstudeerrichting a:hover { color: #58a518; } .dl-wrapper.dl-wrapper { width: auto; } @media (max-width: 630px) { .nihilo .dijitDialog { width: 90%; margin: 0 5%; left: 0 !important; } } .spread-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: -9999px; display: block; z-index: 2; background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .spread-link ~ .bg-item, .spread-link ~ .field-title { -webkit-transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; } .spread-link:hover ~ .field-title, .spread-link:hover ~ .bg-item { -webkit-transition-delay: .3s; transition-delay: .3s; } .spread-link:hover ~ .field-title { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .spread-link:hover ~ .bg-item { -webkit-transform: scale(1.1); transform: scale(1.1); } .safari .tile { outline: none; box-shadow: -4px 0 0 white, 0 -4px 0 white; -webkit-transform: translate3d(0, 0, 0); } .safari .tile .field-title, .safari .tile .bg-item { -webkit-transform: translate3d(0, 0, 0); } .safari .tile .spread-link:hover ~ .field-title { -webkit-transform: translate3d(0, -5px, 0); } .safari .tile .spread-link:hover ~ .bg-item { -webkit-transform: scale(1.1) translate3d(0, 0, 0); } .bg { position: relative; padding-top: 610px; margin: 0 auto; max-width: 1920px; } .bg.items-3 .tile.wide { width: 38.195%; } .bg.items-3 .tile:first-child { width: 61.805%; } .bg.items-3 .tile:first-child .field-title { width: calc(624px + 18%); } .bg.items-4 .tile { width: 19.0975%; } .bg.items-4 .tile.wide { width: 38.195%; } .bg.items-4 .tile:first-child { width: 61.805%; } .bg.items-4 .tile:first-child .field-title { width: calc(624px + 18%); } @media (max-width: 500px) { .bg.items-4 .tile.tile:nth-child(4) .field-title { padding-bottom: 66px !important; } } .bg .tile { position: relative; width: 24.3%; padding-bottom: 16.666667%; outline: solid 4px white; background-color: #EEE; float: left; overflow: hidden; } .bg .tile.wide { width: 51.4%; } .bg .tile.high { padding-bottom: 33.333333%; } .bg .tile:first-child .bg-item { background-position: right center; } .bg .tile:first-child .field-title { left: auto; width: 639px; padding-bottom: 66px; padding-left: 42px; } @media (max-width: 1320px) { .bg .tile:first-child .field-title.field-title { width: 100%; right: 0; } } .bg .tile:first-child .field-title h2 { font-size: 38px; } @media (max-width: 1000px) { .bg .tile:first-child .field-title h2 { font-size: 22px; font-size: calc(16px + 2.2vw); } } .bg .tile + .wide + .tile .field-title, .bg .tile + .tile + .tile + .tile .field-title, .bg .tile:last-child .field-title { padding-bottom: 66px; } @media (max-width: 1000px) { .bg .tile.tile { width: 50%; padding-bottom: 33.333333%; } .bg .tile.tile.wide { width: 100%; } .bg .tile.tile.high { padding-bottom: 66.666667%; } .bg .tile.tile:first-child .field-title { padding-bottom: 30px; padding-left: 30px; } .bg .tile.tile .flickity-page-dots { bottom: 30px; } .bg .tile.tile .bg-item:before { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 150px); } } @media (max-width: 500px) { .bg .tile.tile { width: 100%; padding-bottom: 66.666667%; } .bg .tile.tile.high { padding-bottom: 66.666667%; } .bg .tile.tile:nth-child(4) .field-title { padding-bottom: 30px !important; } .bg .tile.tile:last-child .field-title { padding-bottom: 66px !important; } } .bg .bg-item { background-position: center; background-size: cover; } .bg .main-gallery, .bg .bg-item, .bg .bg-item:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .home_page .bg .bg-item:before { content: ''; background-position: bottom left; background-repeat: repeat-x; background-image: url(../img/gradient.png); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 200px); } .home_page .bg .tile:first-child .bg-item:before { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 300px); } .bg .field-title { position: absolute; padding: 30px; box-sizing: border-box; left: 0; bottom: 0; right: 0; color: #FFF; z-index: 1; } .bg .field-title h2 { color: inherit; font-size: 20px; line-height: 1.2; position: relative; bottom: -.1em; } @media (max-width: 1600px) { .bg .field-title h2 { font-size: 18px; } } @media (max-width: 1366px) { .bg .field-title h2 { font-size: 16px; } } @media (max-width: 1200px) { .bg .field-title h2 { font-size: 14px; } } @media (max-width: 1000px) { .bg .field-title h2 { padding-right: 0 !important; } } .bg .gallery-cell, .bg .flickity-viewport { height: 100% !important; } .bg .gallery-cell { width: 100%; } .bg .flickity-page-dots { right: -615px; margin-right: 50%; margin-bottom: 120px; bottom: 70px; width: auto; counter-reset: dot; } @media (max-width: 1000px) { .bg .flickity-page-dots { display: none; } } @media (max-width: 1320px) { .bg .flickity-page-dots { margin-right: 0; right: 3.5%; } } .bg .flickity-page-dots .dot { opacity: 1; font-weight: bold; font-size: 13px; background-color: #FFF; filter: alpha(opacity=100); color: black; width: 21px; line-height: 21px; height: 21px; margin: 0 0 0 5px; transition: color .15s ease-out, background-color .15s ease-out; } .bg .flickity-page-dots .dot:before { counter-increment: dot; content: counter(dot); } .bg .flickity-page-dots .dot.is-selected { background-color: #505050; color: #FFF; } .bg .flickity-prev-next-button { background-color: transparent; display: none; transition: background-color .2s ease-out; } @media (max-width: 1000px) { .bg .flickity-prev-next-button { display: block; } } .bg .flickity-prev-next-button .arrow { fill: white; } .bg .flickity-prev-next-button:hover { background-color: transparent; } .bg .flickity-prev-next-button:active { background-color: rgba(0, 0, 0, 0.5); opacity: 1; } .bg .flickity-prev-next-button:focus { outline: none; box-shadow: none; } .video:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: url("../img/icon-play.png") no-repeat center; background: url("../img/icon-play.svg") no-repeat center; background-size: 18%; opacity: .8; } @media (min-width: 450px) { .wide .video:before { background-size: 12%; } } /* ==================================================================== REGION CSS ==================================================================== */ /* -------------------------------------------------------------------- DEFAULT -------------------------------------------------------------------- */ .container { *zoom: 1; max-width: 96.1%; _width: 96.1%; padding-left: 3.5%; padding-right: 3.5%; margin-left: auto; margin-right: auto; max-width: 1225px; } .container:after { content: ""; display: table; clear: both; } .inner_container { *zoom: 1; max-width: 96.1%; _width: 96.1%; padding-left: 3.5%; padding-right: 3.5%; margin-left: auto; margin-right: auto; } .inner_container:after { content: ""; display: table; clear: both; } #top, .nav2_container, .nav_lijn, .content_inner_container, .inner_container { position: relative; } /* -------------------------------------------------------------------- CONTAINER -------------------------------------------------------------------- */ #container { background: #fff; } /* -------------------------------------------------------------------- HEADER -------------------------------------------------------------------- */ #header { position: fixed; width: 100%; top: 0; left: 0; z-index: 150; -webkit-transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; } #header.sticky { -webkit-transform: translateY(-48px); transform: translateY(-48px); } #header .listbox_arrow { background-image: url("../img/filter_arrow.png"); background-position: 5px 3px; } #header .white { box-shadow: 0px 1px 4px #8F8F8F; background: #FFF; } #header .white:after { content: ''; bottom: 0; left: 0; right: 0; height: 3px; position: absolute; background-color: white; z-index: 4; } #header .white .listbox_arrow { background: url(../img/select_arrow_up.png) no-repeat 6px 5px; } #header .white ul { top: 100%; background: #FFF; z-index: 2; } /* -------------------------------------------------------------------- BACKGROUND -------------------------------------------------------------------- */ .background { width: 100%; max-width: 1920px; padding-top: 144px; margin: 0 auto; height: 480px; position: relative; z-index: 10; overflow: hidden; left: 0; top: 0; background: #eee; } @media (max-width: 800px) { .background { padding-top: 50px; height: 360px; } } .background .slider { height: 100%; } .background .slider ul { height: 100%; } .background .slider ul li { position: relative; width: 100%; height: 100%; background-position: center center; background-size: cover; } .background .slider ul li > a { position: absolute; display: block; width: 100%; height: 100%; background-position: center center; background-size: cover; z-index: 1; } /*FIXED MENU*/ .nav_lijn.fixed #nav1_container { position: relative; } .nav_lijn #nav1_container .logo { transition: transform .1s ease-out; -webkit-transition: -webkit-transform .1s ease-out; } .sticky .logo { transform: scale(0.7) translateY(6px); -webkit-transform: scale(0.7) translateY(6px); } ::-webkit-input-placeholder { color: black; } :-ms-input-placeholder { color: black; } ::input-placeholder { color: black; } ::-moz-placeholder { color: black; } ::-ms-clear { display: none; } .nav2_lijn.fixed .nav2 { box-shadow: 0 2px 2px #CCCCCC; } /*REGULAR MENU*/ .nav2 { z-index: 90; left: 0; right: 0; position: relative; } .content_inner_container, .inner_container { z-index: 80; } .nav_lijn { z-index: 110; width: 100%; } .nav2_lijn { z-index: 109; width: 100%; background-color: #FFF; } #top { z-index: 111; padding-top: 11px; padding-bottom: 9px; } .nav { width: 100%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; } .nav2 { width: 91.36316%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; } .menu-toggle { position: fixed; z-index: 150; top: 0; right: 0; display: none; width: 58px; height: 50px; background-image: linear-gradient(to bottom, #000000 3px, #ffffff 3px, #ffffff 7px, #000000 7px, #000000 9px, #ffffff 9px, #ffffff 13px, #000000 13px, #000000 15px, #ffffff 15px, #ffffff 19px, #000000 19px); background-size: 21px 25px; background-position: center; background-repeat: no-repeat; } @media (max-width: 800px) { .menu-toggle { display: block; } } .menu-open .menu-toggle { background-color: #FFF; background-image: linear-gradient(to bottom, #ffffff 3px, #000000 3px, #000000 7px, #ffffff 7px, #ffffff 9px, #000000 9px, #000000 13px, #ffffff 13px, #ffffff 15px, #000000 15px, #000000 19px, #ffffff 19px); } .search-toggle { position: fixed; z-index: 150; top: 0; right: 58px; display: none; width: 58px; height: 50px; background: url("../img/search-icon.png") center no-repeat; } @media (max-width: 800px) { .search-toggle { display: block; } } .search-open .search-toggle { background-color: #FFF; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMA8GAgEKDQwECQMOCwXi2npQAAAHRJREFUCNdjYDCVvRjMAAJcsnfvXlQAsQzvXq+9KwVixV4zYM69A2LJXmZgcLzrAGTdLWBgYL3bAGVxAlkQWW+gLEiHA0vsNYgporPv3gUZyCR7FwgugQTX3L2bCxFk8GhhAglCgC5IEAyAghdggkAWTHACAJkGLuNqgJuFAAAAAElFTkSuQmCC"); } @media (max-width: 998px) { .bg { padding-top: 400px; } .page_home .bg { padding-top: 50px; } } @media (max-width: 800px) { #header { background-color: black !important; min-height: 50px; max-height: 100vh; -webkit-transform: none !important; transform: none !important; display: flex; flex-direction: column; } #header .logo { position: fixed; top: 0.7%; left: 3.8%; -webkit-transform-origin: 0 0; transform-origin: 0 0; transform: scale(0.44); -webkit-transform: scale(0.44); z-index: 2; } #header > .container { background: black; box-sizing: border-box; border-bottom: 4px solid #505050; padding-bottom: 20px; width: 100%; } #header .container { padding-left: 20px; padding-right: 20px; } #header .inner_container { padding-left: 0; padding-right: 0; max-width: none; } #header .search { float: none; } .nav_lijn { background-color: #FFF; } .nav { background-color: transparent; height: auto; position: relative; } .nav ul { float: none; padding-top: 5px; padding-bottom: 3px; } .nav ul li { float: none; text-align: right; } .nav ul li a { font-size: 20px; color: #000000; border-bottom: solid 2px #848484; display: block; line-height: 38px; margin: 0; padding: 0; } .nav ul li:last-child a { border-bottom: none; } .nav2 { height: auto; padding-left: 0; padding-right: 0; } .nav2 ul { float: none; } .nav2 ul li { float: none; text-align: right; } .nav2 ul li.show-mobile a { text-decoration: underline; } .nav2 ul li a { color: #FFF; line-height: 1.8; font-size: 15px; margin: 0; display: block; } .nav2_lijn { background: black; padding-top: 10px; } .search .searchbox { background-color: transparent; float: none; height: auto; position: relative; margin-top: 10px; } .search .searchbox .searchfield { width: 100%; } #top { order: 1; } #top, .nav, .nav2_lijn { display: none; } #top, .nav_lijn, .nav2_lijn { flex-shrink: 0; } .search-open #top { display: block; margin-top: 50px; z-index: 80; padding-top: 20px; padding-bottom: 5px; padding-left: 10px; padding-right: 5px; background: white; } .search-open .searchsubmit { background-image: url(../img/arrow_small_right.png) !important; } .menu-open #top, .menu-open .nav, .menu-open .nav2_lijn { display: block; } .menu-open .nav_lijn { border-bottom: 4px solid #505050; } .menu-open #header { overflow: auto; } .menu-open .nav_lijn .inner_container { margin-top: 50px; } .menu-open .nav_lijn .inner_container:before { content: ""; left: 0; right: 0; top: 0; height: 50px; background-color: black; z-index: 1; position: fixed; } } @media (max-width: 480px) { body:not(.page-home) .bg { padding-top: 80%; } } /* -------------------------------------------------------------------- TOP CONTAINER -------------------------------------------------------------------- */ #top_container { margin-top: -40px; } @media (max-width: 998px) { #top_container { margin-top: -20px; } } #top_container .inner_container { background-color: #fff; border-bottom: 4px solid #505050; padding-top: 1.8em; padding-bottom: 1.8em; } #top_container .block h2 { margin-bottom: 1em; text-transform: uppercase; } @media (max-width: 998px) { #top_container { position: static; } #top_container .inner_container { padding-bottom: 0; } } /* -------------------------------------------------------------------- CONTENT -------------------------------------------------------------------- */ #content { width: 100%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; min-height: 60px; } #content h2.title { margin: 0 0 0.65789em; color: #000; } #content > .block { margin-bottom: 2.66667em; } #content > .block:first-child { padding-top: 0; border-top: 0; } #content > .block:last-child { margin-bottom: 0; } #content .block > .title { margin-bottom: 1.33333em; text-transform: uppercase; } #content .block > .grey_line h2, #content .block > .title h2 { line-height: 1em; } /* -------------------------------------------------------------------- CONTENT OUTER CONTAINER -------------------------------------------------------------------- */ /* line 221, ../sass/_regions.scss */ #content_outer_container { position: relative; z-index: 80; margin-top: -180px; } /* -------------------------------------------------------------------- CONTENT INNER CONTAINER -------------------------------------------------------------------- */ /* line 231, ../sass/_regions.scss */ .content_inner_container { *zoom: 1; max-width: 96.1%; _width: 96.1%; padding-left: 3.5%; padding-right: 3.5%; margin-left: auto; margin-right: auto; background-color: #fff; margin-bottom: 3.33333em; padding-top: 3em; } /* line 38, ../../../lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .content_inner_container:after { content: ""; display: table; clear: both; } .content_inner_container #content > div { clear: both; } @media (max-width: 800px) { .content_inner_container #content > .block-title:first-child { padding-top: 0; padding-bottom: 5px; } .content_inner_container #content > .block-title:first-child h1 { border-bottom: 3px solid #e5e5e5; padding-bottom: 10px; } } /* -------------------------------------------------------------------- CONTENT INNER TOP -------------------------------------------------------------------- */ /* line 246, ../sass/_regions.scss */ .content_inner_top { background: #fff; padding: 0 3.5%; } /* line 250, ../sass/_regions.scss */ .content_inner_top .title { padding: 0.92105em 0 0.78947em; border-bottom: 3px solid #e5e5e5; } /* line 256, ../sass/_regions.scss */ .content_inner_top.transp-black { background: url(../img/black_40_transparent.png); color: #fff; } /* line 260, ../sass/_regions.scss */ .content_inner_top.transp-black h1 { color: inherit; } /* line 264, ../sass/_regions.scss */ .content_inner_top.transp-black .title { padding: 1.18421em 0 0.78947em; border: none; color: inherit; } @media (max-width: 480px) { .content_inner_top.transp-black .title { padding: 10px 0; } } /* line 271, ../sass/_regions.scss */ .content_inner_top.transp-white { background: url(../img/white_80_transparent.png); color: #505050; } /* line 275, ../sass/_regions.scss */ .content_inner_top.transp-white h1 { color: inherit; text-shadow: none; } /* line 280, ../sass/_regions.scss */ .content_inner_top.transp-white .title { padding: 1.18421em 0 0.78947em; border: none; color: inherit; } /* line 286, ../sass/_regions.scss */ .content_inner_top.transp-white h2 { text-shadow: none; color: #505050; } /* -------------------------------------------------------------------- SIDEBAR -------------------------------------------------------------------- */ /* line 297, ../sass/_regions.scss */ #sidebar { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; overflow: hidden; } /* line 302, ../sass/_regions.scss */ #sidebar > .block { border-top: 2px solid #e5e5e5; margin-bottom: 1.66667em; } /* line 307, ../sass/_regions.scss */ #sidebar > .block:first-child { border: 0; padding-top: 0; } /* line 312, ../sass/_regions.scss */ #sidebar > .block:last-child { margin-bottom: 0; } /* ==================================================================== PAGE CSS ==================================================================== */ /* -------------------------------------------------------------------- SIDEBAR LEFT -------------------------------------------------------------------- */ body.sidebar_left #content { width: 74.08949%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; } body.sidebar_left .content_inner_top .title { margin-left: 25.91051%; } body.sidebar_left .content_inner_top .block-title { margin-left: 25.91051%; } body.sidebar_left .content_inner_top .block-title h1, body.sidebar_left .content_inner_top .block-title h2 { font-size: 38px; text-shadow: none; padding-top: 0.26316em; line-height: 1; margin-bottom: 0.26316em; } @media (max-width: 720px) { body.sidebar_left #content, body.sidebar_left #sidebar { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; width: 100%; } body.sidebar_left .content_inner_top .title { margin-left: 0; } } /* -------------------------------------------------------------------- SIDEBAR RIGHT -------------------------------------------------------------------- */ body.sidebar_right #content { width: 74.08949%; float: left; margin-right: 3.64204%; display: inline; } body.sidebar_right #sidebar { width: 22.26847%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; } body.sidebar_right .content_inner_top .title { margin-right: 25.91051%; } @media (max-width: 998px) { body.sidebar_right #content { width: 65.45265%; float: left; margin-right: 3.64204%; display: inline; } body.sidebar_right #sidebar { width: 30.90531%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; } body.sidebar_right .content_inner_top .title { margin-right: 34.54735%; } } @media (max-width: 680px) { body.sidebar_right #content { width: 100%; margin-right: 0; } body.sidebar_right #sidebar { width: 100%; } body.sidebar_right .content_inner_top .title { margin-right: 0; } } /* -------------------------------------------------------------------- SIDEMENU LEFT -------------------------------------------------------------------- */ body.sidemenu_left .sidemenu { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; } body.sidemenu_left .content_block { width: 74.08949%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; } body.sidemenu_left .content_block h1 { padding: 0 0 0.52632em; line-height: normal; } @media (max-width: 998px) { body.sidemenu_left .sidemenu { width: 30.90531%; float: left; margin-right: 3.64204%; display: inline; } body.sidemenu_left .content_block { width: 65.45265%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; } } @media (max-width: 720px) { body.sidemenu_left .sidemenu, body.sidemenu_left .content_block { width: 100%; margin-right: 0; } } /* -------------------------------------------------------------------- CONTENT TOP -------------------------------------------------------------------- */ body.content_top .content_inner_top .title { margin-left: 0; } body.content_top #content_top { overflow: hidden; *zoom: 1; } body.content_top #content_top > .block { border-bottom: 3px solid #e5e5e5; padding-bottom: 2.66667em; margin-bottom: 2.66667em !important; } /* -------------------------------------------------------------------- CONTENT -------------------------------------------------------------------- */ body.content_page .slider .slide_tekst { bottom: -290px; height: 100px; } /* -------------------------------------------------------------------- CONTENT CONGRESS -------------------------------------------------------------------- */ body.content_page_congress .background { height: 610px; } /* -------------------------------------------------------------------- OPLEIDING X -------------------------------------------------------------------- */ body.opleidingx .content_block { width: 74.08949%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; border-top: none; border-bottom: none; } @media (max-width: 998px) { body.opleidingx .content_block .responsive-not-active { display: none !important; } } body.opleidingx .content_block p.intro { font-size: 1.06667em; line-height: 1.5625em; } body.opleidingx #content_container h1 { margin-bottom: 0.78947em; height: auto; padding: 0; } body.opleidingx .content_inner_container h1 { padding-top: 0; height: auto; } body.opleidingx .block-sfeer { clear: both; } body.opleidingx .sidemenu, body.opleidingx .sidemenu_opleidingen { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; } @media (max-width: 998px) { body.opleidingx .sidemenu_opleidingen { width: 100%; margin: 0; margin-right: -100%; } body.opleidingx .content_block { width: 100%; } body.opleidingx .content_block h2 { display: none; } body.opleidingx h1.title { font-size: 2em; } } @media (min-width: 999px) { body.opleidingx .sidemenu_opleidingen ul li, body.opleidingx .content_block.opleidingen > div { margin: 0 !important; } } @media (max-width: 480px) { body.opleidingx #content { display: flex; flex-direction: column; } body.opleidingx .btn-green { order: -2; } body.opleidingx .block-sidemenu_opleidingen { order: -1; margin-bottom: 10px !important; } } /* -------------------------------------------------------------------- HOMEPAGE -------------------------------------------------------------------- */ body.home_page #header { background-color: #ECECEC; } body.home_page .customselect { color: black; } body.home_page .customselect.white { color: #505050; } body.home_page .listbox-arrow { fill: black; } body.home_page .bg { padding-top: 144px; } @media (max-width: 800px) { body.home_page .bg { padding-top: 50px; } } body.home_page .bg .flickity-page-dots { right: 20px; margin-right: 0; margin-bottom: 0; } body.home_page .bg-item::before { content: ''; } body.home_page #content_outer_container { margin-top: 0; } body.home_page .background { height: 885px; } body.home_page .background .flex-control-nav { bottom: 380px; } body.home_page .slider .slide_tekst { bottom: -510px; height: 300px; } body.home_page #content > .block > .title { margin-bottom: 2em; margin-top: -1em; } body.home_page .content_inner_container { padding-top: 2.53333em; } body.home_page .basis_opleidingen { margin-top: 20px; } @media (max-width: 998px) { body.home_page #top_container .inner_container { border-bottom: none; } body.home_page #top_container .inner_container .actueel_block2 { border-bottom: 3px solid #E5E5E5; } body.home_page #content_inner_container .inner_container { margin-top: 0; padding-top: 2.66667em; } body.home_page #content { border-top: 3px solid #e5e5e5; padding-top: 2.66667em; } } @media (max-width: 480px) { body.home_page #content { margin-top: 20px; padding-top: 0; } body.home_page .content_inner_container { padding-top: 0; } } /* -------------------------------------------------------------------- DEPARTEMENTEN -------------------------------------------------------------------- */ body.departementen .content_inner_container { padding-top: 1em; } body.departementen .block-title:after { content: ''; display: table; clear: both; } body.departementen .block-title h1 { float: left; text-shadow: none; color: #505050; padding-top: 0.18421em; } /* -------------------------------------------------------------------- OPLEIDINGEN -------------------------------------------------------------------- */ body.page-opleidingen .content_inner_container { padding-top: 0; } body.page-opleidingen .block-title { border-bottom: 3px solid #e5e5e5; } body.page-opleidingen .block-title h1 { text-shadow: none; color: #505050; padding-top: 0.18421em; } /* -------------------------------------------------------------------- ONE TESTIMONIAL -------------------------------------------------------------------- */ body.onetestimonial .contact_block .contact_persoon { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; float: left; } body.onetestimonial .contact_block .contact_persoon .contact { width: 46.2203%; float: left; margin-right: 7.5594%; display: inline; } body.onetestimonial .contact_block .contact_persoon .contact:nth-child(2n) { float: right; margin-right: 0; } body.onetestimonial .contact_block .testimonial { width: 48.17898%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; float: right; } body.onetestimonial .contact_block .testimonial a img { width: 100%; margin-bottom: 1em; } body.onetestimonial .contact_block .testimonial a h2 { font-size: 1.33333em; padding: 0.5em 0; } body.onetestimonial .contact_block .testimonial a h4, body.onetestimonial .contact_block .testimonial a p { padding: 0.66667em 0; } @media (max-width: 1224px) { body.testimonial .contact_block .contact:nth-child(3n) { float: left; margin-right: 3.64204%; } } @media (max-width: 998px) { body.testimonial .contact_block .contact:nth-child(4n) { float: left; margin-right: 3.64204%; } } /* -------------------------------------------------------------------- VERVOLGOPLEIDING -------------------------------------------------------------------- */ body.vervolgopleidingen .content_block h1 { margin-top: 0; } /* -------------------------------------------------------------------- STUDENTEN -------------------------------------------------------------------- */ body.studenten .block-sfeer, body.toekomstige_studenten .block-sfeer { padding-bottom: 2em; } body.studenten .block_quicklinks, body.toekomstige_studenten .block_quicklinks { border-top: 2px solid #e5e5e5; } body.studenten .actueel_block, body.toekomstige_studenten .actueel_block { padding-bottom: 0.66667em; } body.studenten .block_actueel.student, body.toekomstige_studenten .block_actueel.student { padding-bottom: 2em; padding-top: 2em; } body.studenten .title_schrijf_in .col1, body.studenten .title_schrijf_in .col2, body.toekomstige_studenten .title_schrijf_in .col1, body.toekomstige_studenten .title_schrijf_in .col2 { padding-top: 0; } body.studenten .title + .actueel_block, body.toekomstige_studenten .title + .actueel_block { padding-top: 20px; } @media (max-width: 1000px) { body.studenten #content_outer_container, body.toekomstige_studenten #content_outer_container { margin-top: -20px; position: relative; } body.studenten .content_inner_top.transp-black, body.toekomstige_studenten .content_inner_top.transp-black { position: absolute; bottom: 100%; left: 3.5%; right: 3.5%; } } /* -------------------------------------------------------------------- CONTACT -------------------------------------------------------------------- */ body.contact .block_quicklinks { border-top: 0 !important; } body.contact .block_quicklinks h1, body.contact .block_quicklinks h2, body.contact .block_quicklinks h3 { padding-top: 0; } body.contact .content_inner_container h1 { height: auto; } @media (max-width: 998px) { .content_inner_container { padding-top: 20px; } .background { height: 190px; } #content_outer_container { margin-top: -20px; position: relative; } .content_inner_top { position: absolute; bottom: 100%; left: 3.5%; right: 3.5%; } } /* -------------------------------------------------------------------- IN BEELD -------------------------------------------------------------------- */ body.in_beeld .content_inner_container h1 { height: auto; } /* -------------------------------------------------------------------- AGENDA -------------------------------------------------------------------- */ body.agenda .content_inner_container h1 { height: auto; } @media (max-width: 998px) { body.agenda .content_inner_container { padding-top: 30px; } } @media (max-width: 480px) { body.agenda .content_inner_container { padding-top: 20px; } } /* -------------------------------------------------------------------- IN DE KIJKER -------------------------------------------------------------------- */ body.in_de_kijker .content_inner_container h1 { height: auto; } body.in_de_kijker .content_inner_container { margin-bottom: 3.66667em; } body.in_de_kijker a.overzicht { float: right; } body.in_de_kijker #sidebar .grey_line, body.in_de_kijker #sidebar #content > .block { padding-top: 1.33333em; } body.in_de_kijker .actueel_block { padding-bottom: 1.33333em; border: none; margin-top: 38px; } body.in_de_kijker .actueel_block .agenda_box { margin-top: 1.33333em; width: 100%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; } body.in_de_kijker .actueel_block .agenda_box h2 { color: #505050; } body.in_de_kijker .block_quicklinks .quicklinks_box { width: 100%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; } body.in_de_kijker .block_quicklinks .quicklinks_box h2 { padding: 0; color: #505050; } /* -------------------------------------------------------------------- IN DE MEDIA -------------------------------------------------------------------- */ body.in_de_media .content_inner_container { margin-bottom: 3.66667em; padding-bottom: 20px; } @media (max-width: 998px) { body.in_de_media .content_inner_container { padding-top: 30px; } } @media (max-width: 480px) { body.in_de_media .content_inner_container { padding-top: 20px; } } body.in_de_media .content_inner_container h1 { height: auto; } body.in_de_media a.overzicht { float: right; } body.in_de_media #sidebar .grey_line, body.in_de_media #sidebar #content > .block { padding-top: 1.33333em; } body.in_de_media .actueel_block { padding-bottom: 1.33333em; border: none; margin-top: 38px; } body.in_de_media .actueel_block .agenda_box { margin-top: 1.33333em; width: 100%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; } body.in_de_media .actueel_block .agenda_box h2 { color: #505050; } body.in_de_media .block_quicklinks .quicklinks_box { width: 100%; float: right; margin-right: 0; #margin-left: -3.5%; display: inline; } body.in_de_media .block_quicklinks .quicklinks_box h2 { padding: 0; color: #505050; font-size: 1.2em; } /* -------------------------------------------------------------------- ERROR -------------------------------------------------------------------- */ body.error #content { min-height: 0; } body.error #content_outer_container { margin-top: 0; } body.error .content_inner_container { background-color: transparent; margin: 0; padding-top: 0; } body.error .footer_lijn { padding-bottom: 0; position: relative; z-index: 100; } body.error table { height: 100%; margin-top: -300px; } @media (max-width: 1000px) { body.error table { margin-top: -160px; } } body.error table tr { height: 100%; } body.error table tr td { vertical-align: middle; } body.error table tr td h1 { color: #fff; text-shadow: 3px 3px 2px #000000; font-size: 2.66667em; padding-top: 1em; padding-bottom: 1em; text-align: center; } @media (max-width: 650px) { body.error table tr td h1 { font-size: calc(9px + 4.5vw); padding-bottom: 0; } } /* -------------------------------------------------------------------- catering -------------------------------------------------------------------- */ @media (max-width: 480px) { body.page-catering .content_inner_top .title { padding: 12.5px 0 10px; } } /* -------------------------------------------------------------------- DEPARTEMENT X -------------------------------------------------------------------- */ body.departementx sidemenu { margin-top: 4.53333em; } body.departementx .block_actueel.student { padding-bottom: 2.66667em; } body.departementx .block-sfeer { margin-bottom: 2em; } body.departementx .block-title h1 { margin-bottom: 0; padding-top: 0.41176em; } /* -------------------------------------------------------------------- PROJECT DETAIL -------------------------------------------------------------------- */ body.page-project-detail .content_inner_container { margin-bottom: 1.33333em; } /* -------------------------------------------------------------------- EXPERTISECEL DETAIL -------------------------------------------------------------------- */ body.page-expertise-detail .block-2col .block-contact { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; } @media (max-width: 998px) { body.page-expertise-detail .block-2col .block-contact { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } } @media (max-width: 700px) { body.page-expertise-detail .block-2col .block-contact { width: 100%; margin-right: 0; } } body.page-expertise-detail .block-2col .block-employees { width: 74.08949%; float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } @media (max-width: 998px) { body.page-expertise-detail .block-2col .block-employees { width: 48.17898%; float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } } @media (max-width: 700px) { body.page-expertise-detail .block-2col .block-employees { width: 100%; margin-right: 0; } } /* -------------------------------------------------------------------- RESEARCH / CONGRESS -------------------------------------------------------------------- */ @media (max-width: 480px) { body.page-research #content .block.block-research-detail, body.page-congress #content .block.block-research-detail { padding-top: 0; border-top: none; } body.page-research #content .block.block-sfeer, body.page-congress #content .block.block-sfeer { margin-bottom: 0; } } @media (max-width: 1000px) { body.page-research .background, body.page-congress .background { height: 190px; } body.page-research #content_outer_container, body.page-congress #content_outer_container { margin-top: -20px; position: relative; } body.page-research .content_inner_top.transp-black, body.page-congress .content_inner_top.transp-black { position: absolute; bottom: 100%; left: 3.5%; right: 3.5%; } } /* -------------------------------------------------------------------- RESEARCH FILTER -------------------------------------------------------------------- */ body.page-research-filter .content_inner_container { padding-top: 0; } /* -------------------------------------------------------------------- CONGRESS FILTER -------------------------------------------------------------------- */ body.page-congress-filter .content_inner_container { padding-top: 0; } /* * jQuery UI Datepicker 1.10.2 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ /* line 13, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-header { position: relative; } /* line 18, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { line-height: 2.77778em; display: block; position: absolute; background-repeat: no-repeat; width: 20px; height: 2.77778em; font-size: 1.2em; cursor: pointer; } /* line 33, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-prev { left: 18px; background-image: url(../img/agenda_prev.png); background-position: left center; } /* line 40, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-next { right: 18px; background-image: url(../img/agenda_next.png); background-position: right center; } /* line 52, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } /* line 55, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-title { line-height: 2.77778em; font-size: 1.2em; background-color: #505050; text-align: center; text-transform: uppercase; } /* line 63, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-title span { color: #fff; } /* line 66, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } /* line 70, ../sass/_datepicker.scss */ .ui-datepicker select.ui-datepicker-month-year { width: 100%; } /* line 74, ../sass/_datepicker.scss */ .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } /* line 77, ../sass/_datepicker.scss */ .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border: 1px solid #E5E5E5; } /* line 84, ../sass/_datepicker.scss */ .ui-datepicker th { padding: 1em 0; text-align: center; font-weight: bold; border: 0; } /* line 91, ../sass/_datepicker.scss */ .ui-datepicker th span { color: #333333; font-size: 1em; } /* line 95, ../sass/_datepicker.scss */ .ui-datepicker td { border: 0; padding: 2px; text-align: center; } /* line 101, ../sass/_datepicker.scss */ .ui-datepicker td span, .ui-datepicker td a { display: inline-block; padding: 0.46667em 0.2em 0.2em; text-align: center; vertical-align: middle; text-decoration: none; width: 1.6em; height: 1.33333em; color: #333333; } /* line 111, ../sass/_datepicker.scss */ .ui-datepicker td .ui-state-active { background-color: #505050; color: #fff; font-weight: bold; } /* line 116, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } /* line 124, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /* line 132, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* line 136, ../sass/_datepicker.scss */ .ui-datepicker .ui-datepicker-today a { background-color: #eee; } /* with multiple calendars */ /* line 141, ../sass/_datepicker.scss */ .ui-datepicker.ui-datepicker-multi { width: auto; } /* line 144, ../sass/_datepicker.scss */ .ui-datepicker-multi .ui-datepicker-group { float: left; } /* line 147, ../sass/_datepicker.scss */ .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } /* line 151, ../sass/_datepicker.scss */ .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } /* line 154, ../sass/_datepicker.scss */ .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } /* line 157, ../sass/_datepicker.scss */ .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } /* line 161, ../sass/_datepicker.scss */ .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } /* line 164, ../sass/_datepicker.scss */ .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } /* line 167, ../sass/_datepicker.scss */ .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* line 174, ../sass/_datepicker.scss */ .ui-datepicker-header { border: 1px solid #505050; border-bottom: none; } /* line 178, ../sass/_datepicker.scss */ #datepicker thead tr { border: 1px solid #E5E5E5; } /* line 181, ../sass/_datepicker.scss */ #datepicker tbody { padding-bottom: 1.33333em; }