CINXE.COM
OBA Live - HUMAN
<!DOCTYPE html> <html lang="nl" class="primary-humanoranje logo-humanoranje"> <head> <title>OBA Live - HUMAN</title> <meta charset="utf-8" > <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <script> window.VPRO_JS_BASE_PATH = "/.resources/vpro/themes/vpronl/js/"; window.VPRO_MAGNOLIA_VERSION = "6.21.14"; </script> <meta name="description" content="OBA Live: over cultuur, politiek, moraal en wetenschap "> <link rel="canonical" href="https://www.human.nl/kijkenluister/obalive.html"/> <meta property="og:description" content="OBA Live: over cultuur, politiek, moraal en wetenschap " /> <meta property="og:title" content="OBA Live" /> <meta property="og:url" content="https://www.human.nl/kijkenluister/obalive.html" /> <meta property="og:site_name" content="HUMAN" /> <meta property="og:type" content="article" /> <meta property="og:locale" content="nl_NL" /> <meta name="domain:js" content="https://js.vpro.nl"> <meta name="url:cas_server" content=""> <meta name="url:cas_login" content=""> <meta name="url:cas_logout" content=""> <meta name="domain:npo-cookie-js" content="//cookie.human.nl/sites/HUMAN/human.nl/ccm-wrapper_v1.1.js"> <meta name="version:js" content="1.95"> <meta name="site:api_profile" content="human"> <meta name="site:context" content=""> <meta name="site:environment" content="productie"> <meta name="site:paywall" content="false"> <meta name="site:player_profile" content="human"> <meta name="site:root" content="/"> <meta name="site:scheme" content="humanoranje"> <meta name="site:ster" content=""> <meta name="site:useraccounts" content="false"> <meta property="fb:pages" content="38957713985" /> <meta property="fb:pages" content="1514359382205347" /> <meta property="fb:pages" content="146430658751826"> <meta property="fb:pages" content="665910933577776"> <meta property="fb:pages" content="307443277976"> <meta name="google-site-verification" content="Zc3mh1zv5l3dbSIN9WrQUYjDJXD4H3ky8590dzSQE1o" /> <meta name="site:googleTagManagerId" content="GTM-TCS2KD" /> <link href="/.resources/vpro/themes/human/fonts/bureaugrotesque/font.css" media="screen, projection, print" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" > <link href="/.resources/vpro/themes/vpronl/fonts/iconfont/1.22/font.css" media="screen, projection, print" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" > <link href="/.resources/vpro/themes/human/css/style.css" media="screen, projection, print" rel="stylesheet" as="" onload="" > <link rel="shortcut icon" type="image/ico" href="/.resources/vpro/favicons/human/favicon.ico"/> <script> (function () { try { window.VPRO_PIANOANALYTICS_TAGS = {"page":"oba_live","page_chapter1":"kijkenluister","page_chapter2":"obalive","platform":"site","c_nmo_02":0,"broadcaster":"human","contextid":"POMS_S_HUMAN_452960","publication_date":1385755452,"cms_id":"fc656a11-346a-465c-b875-0ef6a4db9425"}; window.VPRO_PIANOANALYTICS_LEVEL1 = 632862; window.VPRO_PIANOANALYTICS_BRAND = 'Human.nl'; } catch ( e ) { throw new Error( 'Error initializing Piano analytics values' ); } })(); </script> <script> window._pac = window._pac || {}; _pac.queueVarName = '_paqueue'; // set the queue variable name window._paqueue = window._paqueue || []; </script> <script src="https://tag.aticdn.net/piano-analytics.js"></script> <script> if (typeof pa !== 'undefined') { (function () { if (typeof VPRO_PIANOANALYTICS_LEVEL1 !== 'undefined' && !isNaN(VPRO_PIANOANALYTICS_LEVEL1) && VPRO_PIANOANALYTICS_LEVEL1 > 0 ) { pa.setConfigurations({ site: VPRO_PIANOANALYTICS_LEVEL1, collectDomain: "https://atconnect.npo.nl" }); } })(); } </script> <script src="https://hub.npo-data.nl/tags/tag.min.js"></script> <!-- Google Tag Manager --> <script> window.googleAnalyticsOrTagManager = 'gtm'; (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.id = 'gtm_script'; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-TCS2KD'); var pageType = 'content/playlist'; if (pageType) { window.dataLayer.push({'pageType': pageType}); window.dataLayer.push({'dimension1': pageType}); } var uuid = 'fc656a11-346a-465c-b875-0ef6a4db9425'; if (uuid) { var crid = 'crid://vpro/website/' + uuid; window.dataLayer.push({'crid': crid}); window.dataLayer.push({'dimension2': crid}); } </script> <!-- End Google Tag Manager --> </head> <body class=" navigation-overlay-active navbar-active navbar-visible " > <div class="navbar-header-background"></div> <nav id="navbar-container" class="navbar-show mainsite-navbar"> <div id="navbar-header"> <div class="navbar-header-hamburger"> <div class="navbar-controls-hover"> <button class="glyph glyph-navigation" aria-label="Open/Sluit Menu" ></button> </div> <div class="navbar-controls-click"> <button class="glyph glyph-navigation" aria-label="Open Menu"></button> <button class="navbar-controls-click glyph glyph-close" aria-label="Sluit Menu" ></button> <div class="navbar-sitename"></div> </div> </div> <ul class="navbar-toplevel"> <li class="navbar-toplevel-item"> <a class="navbar-toplevel-link" href="/" data-gtm-attr-value="HUMAN-navbar-link-HUMAN" data-gtm-attr-name="internalLink" >HUMAN</a> <ul class="navbar-sublevel"> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-human-overhuman" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/over-human.html" > Over Human </a> </li> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-human-contact" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/over-human/contact.html" > Contact </a> </li> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-human-programmavoorstellen" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/over-human/programmavoorstel.html" > Programmavoorstellen </a> </li> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-human-werken" data-gtm-attr-name="externalLink" target="_blank" class="navbar-sublevel-link" href="https://vacatures.human.nl" > WERKEN BIJ HUMAN </a> </li> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-human-stages" data-gtm-attr-name="externalLink" target="_blank" class="navbar-sublevel-link" href="https://www.mediastages.nl/bedrijven/mediastages/human" > STAGES BIJ HUMAN </a> </li> </ul> </li> <li class="navbar-toplevel-item"> <a class="navbar-toplevel-link" href="/programmas.html" data-gtm-attr-value="HUMAN-navbar-link-PROGRAMMA'S" data-gtm-attr-name="internalLink" >PROGRAMMA'S</a> <ul class="navbar-sublevel"> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-programmas-actueel" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/programmas.html" > Onze programma's </a> </li> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-programmas-platforms" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/programmas.html#e344082c-93ae-407b-9173-c097813a6cde" > Onze platforms </a> </li> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-programmas-gids" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/gids.html" > Gids </a> </li> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-programmas-gemist" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/gemist/gemist.html" > GEMIST </a> </li> </ul> </li> <li class="navbar-toplevel-item"> <a class="navbar-toplevel-link" href="/lees.html" data-gtm-attr-value="HUMAN-navbar-link-LEES" data-gtm-attr-name="internalLink" >LEES</a> <ul class="navbar-sublevel"> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-lees-leesalles" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/lees.html" > Alle artikelen </a> </li> </ul> </li> <li class="navbar-toplevel-item"> <a class="navbar-toplevel-link" href="/nieuwsbrief.html" data-gtm-attr-value="HUMAN-navbar-link-NIEUWSBRIEF" data-gtm-attr-name="internalLink" >NIEUWSBRIEF</a> <ul class="navbar-sublevel"> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-nieuwsbrief-nieuwsbrief" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/nieuwsbrief.html" > SCHRIJF JE IN EN MIS NIETS </a> </li> </ul> </li> <li class="navbar-toplevel-item"> <a class="navbar-toplevel-link" href="/vrienden.html" data-gtm-attr-value="HUMAN-navbar-link-VRIENDEN" data-gtm-attr-name="internalLink" >VRIENDEN</a> <ul class="navbar-sublevel"> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-vrienden-wordvriend" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/over-human/kijk/word-vriend.html" > WORD VRIEND </a> </li> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-vrienden-donateur" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/over-human/steun-human.html" > WORD DONATEUR </a> </li> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-vrienden-vriendenvoordeel" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/vrienden.html" > VOORDELEN VOOR VRIENDEN </a> </li> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-vrienden-evenementen" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/over-human/evenementen-en-opnames.html" > EVENEMENTEN EN OPNAMES </a> </li> </ul> </li> <li class="navbar-toplevel-item"> <a class="navbar-toplevel-link" href="/onderwijs.html" data-gtm-attr-value="HUMAN-navbar-link-EDUCATIE" data-gtm-attr-name="internalLink" >EDUCATIE</a> <ul class="navbar-sublevel"> <li class="navbar-sublevel-item"> </li> <li class="navbar-sublevel-item"> <a data-gtm-attr-value="humannl-navbar-linklist-educatie-homepagina" data-gtm-attr-name="internalLink" class="navbar-sublevel-link" href="/onderwijs.html" > Ons educatie-aanbod </a> </li> </ul> </li> <!-- navigation-overlay-footer.ftl --> <div class="navbar-footer-container"> <div class="navbar-footer"> <div class="navbar-footer-link-container"> <!-- navigation-overlay-footer-area.ftl --> <div class="navbar-footer-link"> <div class="col col-3-1"> <div class="footer-text-image"> <div class="footer-text-image-content"> <a href="https://facebook.com/omroephuman" class="footer-text-image-link"> <img loading="lazy" decoding="async" class="footer-text-image-image" src="/dam/jcr:b6a5b163-2a9e-40a2-bb7c-4e806c9a80c8/icon-24-facebook-mono.png" alt="Volg HUMAN op Facebook" title="Volg HUMAN op Facebook" /> </a> </div> </div> </div> </div> <div class="navbar-footer-link"> <div class="col col-3-1"> <div class="footer-text-image"> <div class="footer-text-image-content"> <a href="https://twitter.com/omroephuman" class="footer-text-image-link"> <img loading="lazy" decoding="async" class="footer-text-image-image" src="/dam/jcr:fd5137d5-7f13-4df5-a8e0-4da602979010/icon-24-twitter-mono.png" alt="Volg HUMAN op Twitter" title="Volg HUMAN op Twitter" /> </a> </div> </div> </div> </div> <div class="navbar-footer-link"> <div class="col col-3-1"> <div class="footer-text-image"> <div class="footer-text-image-content"> <a href="https://instagram.com/omroephuman/" class="footer-text-image-link"> <img loading="lazy" decoding="async" class="footer-text-image-image" src="/dam/jcr:71fd4328-b063-4547-bf59-51bd046132ea/icon-24-instagram-mono.png" alt="Volg HUMAN op Instagram" title="Volg HUMAN op Instagram" /> </a> </div> </div> </div> </div> <div class="navbar-footer-link"> <div class="col col-3-1"> <div class="footer-text-image"> <div class="footer-text-image-content"> <a href="https://nl.linkedin.com/company/omroep-human" class="footer-text-image-link"> <img loading="lazy" decoding="async" class="footer-text-image-image" src="/dam/jcr:1ee55a77-eebf-415c-b5db-65ab1fd638cf/icon-24-linkedin-mono.png" alt="Volg HUMAN op LinkedIn" title="Volg HUMAN op LinkedIn" /> </a> </div> </div> </div> </div> <!-- /navigation-overlay-footer-area.ftl --> </div> </div> </div> <!-- navigation-overlay-footer.ftl --> </ul> <div class="navbar-toplevel-extras"> <div class="navbar-toplevel-search"> <div class="navbar-controls-hover"> <form class="navbar-toplevel-search-form" method="get" action="/zoek.html"> <input class="navbar-toplevel-search-input" type="text" name="q" placeholder="Zoek" value="" autocomplete="off" aria-label="Zoek" /> </form> <button class="glyph glyph-search" aria-label="Zoek" ></button> </div> <span class="navbar-controls-click"> <i class="glyph glyph-search "></i> <i class="glyph glyph-close navbar-toplevel-close-search"></i> </span> <div class="navbar-toplevel-search-suggest-container vas-suggestions"></div> </div> <div class="navbar-omroep-button_container"> <div class="navbar-omroep-button_icons-wrapper"> <a class="navbar-omroep-button" target="_blank" rel="noopener" aria-label="Ga naar npostart.nl" href="https://www.npostart.nl/?ns_campaign=meernpo&ns_mchannel=omroep&ns_source=human&ns_linkname=button" > <svg xml:space="preserve" style="enable-background:new 0 0 275 187.5" viewBox="0 0 275 187.5" xmlns="http://www.w3.org/2000/svg"><path d="m375.7 430.7-5.5-5.4c-5.4-5.4-11.9-5.5-18 .6l-4.3 4.3c-6.1 6.1-6 12.6-.6 18l5.5 5.4c5.4 5.4 11.9 5.5 18-.5l4.3-4.3c6.1-6.2 6-12.7.6-18.1M348.3 458l-5.5-5.4c-5.4-5.4-11.9-5.5-18 .6l-4.3 4.3c-6.1 6.1-6 12.6-.6 18l17.5 17.5c2 2 4.3 1.7 5.9.2 1.6-1.6 1.8-3.8-.2-5.8l-4-4c1.1-.2 2.4-1.1 4-2.7l4.6-4.6c6.1-6.2 6-12.7.6-18.1m-21.7 34L315 480.4c-5.4-5.4-11.9-5.5-18 .6l-4.3 4.3c-6.1 6.1-6 12.6-.6 18l11.6 11.6c2 2 4.3 1.7 5.9.2 1.5-1.6 1.8-3.8-.2-5.8l-11.5-11.5c-2.2-2.2-2.1-4.2.3-6.7l4.6-4.6c2.4-2.4 4.5-2.5 6.7-.3l11.5 11.5c2 2 4.3 1.8 5.8.2s1.8-3.9-.2-5.9M445 506.6l-71.9 71.9c-7.2 7.2-15.6 7.2-22.8 0l-71.9-71.9c-7.2-7.2-7.2-15.5 0-22.8l71.9-71.9c7.2-7.3 15.5-7.3 22.8 0l71.9 71.9c7.3 7.3 7.3 15.6 0 22.8M364.7 431c-2.2-2.2-4.2-2.1-6.7.3l-4.6 4.6c-2.4 2.4-2.5 4.5-.3 6.7l5.2 5.3c2.2 2.2 4.2 2.1 6.7-.3l4.6-4.6c2.4-2.4 2.5-4.5.3-6.7l-5.2-5.3zm-22.1 32.6c2.2 2.2 2.1 4.2-.3 6.7l-4.6 4.6c-2.5 2.4-4.5 2.5-6.7.3l-5.3-5.3c-2.2-2.2-2.1-4.2.3-6.7l4.6-4.6c2.5-2.4 4.5-2.5 6.7-.3l5.3 5.3z" style="fill:#e5e5e5" transform="translate(-267.903 -401.477)"/><path d="m342.6 463.6-5.3-5.3c-2.2-2.2-4.2-2.1-6.7.3l-4.6 4.6c-2.4 2.4-2.5 4.5-.3 6.7l5.3 5.3c2.2 2.2 4.2 2.1 6.7-.3l4.6-4.6c2.4-2.5 2.4-4.6.3-6.7m5.7-5.6c5.4 5.4 5.5 11.9-.6 18l-4.6 4.6c-1.6 1.6-2.9 2.4-4 2.7l4 4c2 2 1.8 4.3.2 5.8-1.6 1.6-3.8 1.8-5.9-.2L320 475.5c-5.4-5.4-5.5-11.9.6-18l4.3-4.3c6.1-6.1 12.6-6 18-.6l5.4 5.4zm21.6-21.8-5.3-5.3c-2.2-2.2-4.2-2.1-6.7.3l-4.6 4.6c-2.4 2.4-2.5 4.5-.3 6.7l5.2 5.3c2.2 2.2 4.2 2.1 6.7-.3l4.6-4.6c2.5-2.5 2.6-4.5.4-6.7m5.8-5.5c5.4 5.4 5.5 11.9-.6 18l-4.3 4.3c-6.1 6.1-12.6 6-18 .5l-5.5-5.4c-5.4-5.4-5.5-11.9.6-18l4.3-4.3c6.1-6.1 12.6-6 18-.6l5.5 5.5zM326.6 492c2 2 1.7 4.3.2 5.9-1.6 1.6-3.8 1.8-5.8-.2l-11.5-11.5c-2.2-2.2-4.2-2.1-6.7.3l-4.6 4.6c-2.4 2.4-2.5 4.5-.3 6.7l11.5 11.5c2 2 1.8 4.3.2 5.8s-3.8 1.8-5.9-.2l-11.6-11.6c-5.4-5.4-5.5-11.9.6-18l4.3-4.3c6.1-6.1 12.6-6 18-.6l11.6 11.6z" style="fill:#fc6c00" transform="translate(-267.903 -401.477)"/><path d="M365.8 483.8c-7.2 7.2-7.2 15.5 0 22.8l71.9 71.9c7.2 7.2 15.5 7.2 22.8 0l71.9-71.9c7.2-7.2 7.2-15.5 0-22.8l-71.9-71.9c-7.2-7.2-15.6-7.2-22.8 0l-71.9 71.9z" style="fill:#fd6b00" transform="translate(-267.903 -401.477)"/><path d="m390 508.2.3-.8c.5-1.1 1.1-1.7 1.9-1.7.3 0 .7.1 1.3.3 2.4.8 4.6 1.3 6.7 1.3 3.7 0 5.6-1 5.6-2.9 0-.4-.1-.8-.3-1.1-.2-.3-.4-.6-.6-.8-.2-.2-.6-.4-1.1-.6-.5-.2-1-.3-1.3-.4-.3-.1-.9-.2-1.7-.4-1.5-.3-2.6-.6-3.4-.8-.8-.2-1.8-.6-2.8-1-1.1-.5-1.9-.9-2.4-1.5-.5-.5-1-1.2-1.4-2.1-.4-.9-.6-1.9-.6-3.1 0-2.7 1-4.9 3.1-6.4 2-1.5 5-2.3 8.8-2.3 2.8 0 5.4.4 7.6 1.3 1.1.4 1.6 1.1 1.6 2 0 .3-.1.7-.3 1.2l-.3.7c-.5 1.1-1.1 1.7-1.9 1.7-.3 0-.7-.1-1.3-.3-2-.7-3.8-1-5.6-1-3.5 0-5.2.9-5.2 2.8 0 .9.3 1.5 1 1.9.7.4 2 .8 4 1.3 1.5.4 2.6.7 3.4.9.8.2 1.7.6 2.8 1 1.1.5 1.9.9 2.4 1.5.5.5 1 1.2 1.4 2.1.4.9.6 1.9.6 3.1 0 2.8-1 4.9-3.1 6.4-2 1.5-5.1 2.3-9.1 2.3-3.6 0-6.5-.5-8.8-1.4-1.1-.4-1.6-1.1-1.6-2l.3-1.2zm30-6.2v-11.9h-2c-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.8v-.7c0-.8.2-1.4.6-1.8.4-.4 1-.6 1.8-.6h2v-4.5c0-.8.2-1.4.6-1.8.4-.4 1-.6 1.8-.6h1.7c.8 0 1.4.2 1.8.6.4.4.6 1 .6 1.8v4.5h6.8c.8 0 1.4.2 1.8.6.4.4.6 1 .6 1.8v.8c0 .8-.2 1.4-.6 1.8-.4.4-1 .6-1.8.6h-6.8v11.2c0 2.2.4 3.7 1.2 4.5.8.8 2.1 1.2 3.8 1.2.4 0 .9 0 1.5-.1.4-.1.8-.1 1-.1.9 0 1.4.5 1.6 1.4l.2 1c.1.5.2.9.2 1.1 0 1.1-.6 1.7-1.8 1.9-1.4.3-2.6.4-3.7.4-7 0-10.5-3.6-10.5-10.7zm42.4-5.2-18.3-11.4c-1.2-.8-2.8.1-2.8 1.6v22.8c0 1.4 1.6 2.3 2.8 1.6l18.3-11.4c1.2-.8 1.2-2.5 0-3.2zm4.7 13v-21.5c0-1.6.8-2.6 2.3-3 2.8-.8 5.7-1.2 8.6-1.2 1.5 0 2.8.1 3.9.2 1.4.2 2.1.9 2.1 2.1 0 .3 0 .7-.1 1l-.1.5c-.2.8-.4 1.4-.7 1.7-.3.3-.7.5-1.4.5-.2 0-.7 0-1.5-.1s-1.5-.1-2.1-.1c-1.8 0-3.3.2-4.4.5v19.4c0 .8-.2 1.4-.6 1.8-.4.4-1 .6-1.8.6h-1.7c-.8 0-1.4-.2-1.8-.6-.5-.4-.7-1-.7-1.8zm25.3-7.8v-11.9h-2c-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.8v-.7c0-.8.2-1.4.6-1.8.4-.4 1-.6 1.8-.6h2v-4.5c0-.8.2-1.4.6-1.8.4-.4 1-.6 1.8-.6h1.7c.8 0 1.4.2 1.8.6s.6 1 .6 1.8v4.5h6.8c.8 0 1.4.2 1.8.6.4.4.6 1 .6 1.8v.8c0 .8-.2 1.4-.6 1.8-.4.4-1 .6-1.8.6H499v11.2c0 2.2.4 3.7 1.2 4.5.8.8 2.1 1.2 3.8 1.2.4 0 .9 0 1.5-.1.4-.1.8-.1 1-.1.9 0 1.4.5 1.6 1.4l.2 1c.1.5.2.9.2 1.1 0 1.1-.6 1.7-1.8 1.9-1.4.3-2.6.4-3.7.4-7.1 0-10.6-3.6-10.6-10.7z" style="fill:#fff" transform="translate(-267.903 -401.477)"/></svg> </a> </div> </div> </div> <div class="navbar-search-container"> <div class="navbar-search"> <div class="navbar-search-form-title"> Zoek </div> <form class="navbar-search-form" method="get" action="/zoek.html"> <div class="navbar-search-form-container"> <div class="navbar-search-form-input-container"> <input class="navbar-search-form-input" aria-label="Zoek" type="text" name="q" value="" autocomplete="off" /> <div class="navbar-search-suggest-container vas-suggestions"></div> </div> <button class="navbar-search-form-submit" aria-label="Zoek" type="submit"> <span class="navbar-search-form-submit-label">Zoek</span> <i class="navbar-search-form-submit-glyph glyph glyph-search glyph-color-white"></i> </button> </div> </form> </div> </div> </div> <div class="navbar-container-background"></div> </nav> <!-- page with active campaign : none --> <!-- page with disabled campaign : none --> <div id="loading-overlay" class="generic-overlay component-theme bg-blauwgrijs" data-open-class="generic-overlay-open"> <div class="generic-overlay-backdrop bg-blauwgrijs" data-action="close"></div> <div class="generic-overlay-container"> <div class="generic-overlay-content" data-type="content"> <div class="generic-overlay-loader theme-loader"></div> </div> </div> </div> <header class="simple-header simple-media-group-header"> <div class="simple-header-images bg-humanoranje "> <!-- Replace by using model.headerImagesMetadata which is a list of imageMetadata --> <div class="simple-header-image responsive-background-image "> <span data-src="/.imaging/mte/human/header-image-small/dam/human/programmas/oba-live/huisstijl/header-obalive-mono2/jcr:content/header-obalive-mono2.jpeg"></span> <span data-media="(min-width: 321px)" data-src="/.imaging/mte/human/header-image-medium/dam/human/programmas/oba-live/huisstijl/header-obalive-mono2/jcr:content/header-obalive-mono2.jpeg"></span> <span data-media="(min-width: 769px)" data-src="/.imaging/mte/human/header-image-large/dam/human/programmas/oba-live/huisstijl/header-obalive-mono2/jcr:content/header-obalive-mono2.jpeg"></span> <span data-media="(min-width: 1601px)" data-src="/.imaging/mte/human/header-image-extra-large/dam/human/programmas/oba-live/huisstijl/header-obalive-mono2/jcr:content/header-obalive-mono2.jpeg"></span> <div class="darken"></div> </div> </div> <div class="logo-container"> <div class="site-branding" style="background-image:url('/dam/jcr:95b5f63f-6631-448f-b762-315c6d73d0ad/human_website-colors_v2.0.gif');background-position: left; background-size: 100%;"></div> <div class="site-logo lazy-background-image" data-image="/dam/jcr:37da5069-6607-41e9-815c-8d208ee6d47c/logo-human-white-colors.png"></div> <div class="simple-header-home-link-container grid"> <div class="simple-promotion-wrapper "> <a class="simple-promotion component-theme bg-humanoranje" href="/word-lid.html"> <span class="simple-promotion-text theme-title">Sluit je aan</span> </a> </div> <a class="simple-header-home-link" href="/"></a> </div> </div> </header> <div class="theme-white"> <div class="theme-background grid simple-media-overview-platform"> <nav aria-label="Breadcrumb" class="breadcrumb-content"> <h4 class="breadcrumb-title">U bent hier:</h4> <div class="breadcrumb-list-container" data-overflow-parent="breadcrumb-list-overflow"> <ol class="breadcrumb-list" data-overflow="" vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="/kijkenluister.html" class="breadcrumb-link"> <span property="name"> Kijk en luister </span> </a> <meta property="position" content="1" /> </li> </ol> </div> </nav> <div class="grid-gutter"> <section class="media-group-intro theme-text"> <h1 class="media-group-title h2 component">OBA Live</h1> <div class="col col-3-2"> <p class="media-group-summary"> OBA Live: over cultuur, politiek, moraal en wetenschap </p> </div> <div class="col col-3-1"></div> </section> <div class="component-theme"> </div> </div> </div> </div> <main role="main" class="main media-overview-main"> <div class="theme-white media-collection-extras-1-container"> </div> <div class="component-theme theme-dark media-group-episodes-container" data-max-results-per-page="9" data-media-title="" data-media-id="POMS_S_HUMAN_452960" data-playerpage="/speel.html" data-use-loadmore="false" > <div class="media-group-episodes-header theme-background"> <div class="grid"> <div class="grid-gutter"> <h3 class="media-group-episodes-title h4"> afleveringen </h3> </div> </div> <div class="grid"> <div class="grid-gutter"> <div class="col-gutter"> <div class="overview-layout-switch theme-text"> <a href="https://www.human.nl/kijkenluister/obalive.html?currentPage=26&mediaLayout=details" data-layout="details" class="overview-layout-switch-icon glyph glyph-showlist theme-title " title="bekijk als lijst"></a> <a href="https://www.human.nl/kijkenluister/obalive.html?currentPage=26&mediaLayout=grid" data-layout="grid" class="overview-layout-switch-icon glyph glyph-showgrid theme-title active" title="bekijk als grid"></a> </div> <div class="media-search-container"></div> </div> </div> </div> </div> <div class="theme-background"> <div class="grid"> <section class="media-group-episodes overview-layout-grid" data-container="results" > <ul id='media-group-episodes' class="overview-compact"> <li> <a class="sliding-visual-teaser sliding-visual-content-overlay " href="https://www.human.nl/speel~POMS_HUMAN_521684~hoofdgast-historicus-piet-de-rooy-oba-live~.html" title="Hoofdgast historicus Piet de Rooy - OBA Live" > <div class="sliding-visual-teaser-image-container"> <span class="sliding-visual-teaser-image sliding-visual-teaser-image--focus-5 " style="background-image: url('https://images.poms.omroep.nl/image/s325x216^/c325x216>/120735.jpg');" > </span> </div> <span class="sliding-visual-teaser-kicker h6 "> OBA Live </span> <span class="sliding-visual-teaser-content-type"> <i class="glyph glyph-listen theme-content-type-icon theme-content-type-icon-hover component-theme-icon"></i> </span> <article class="sliding-visual-teaser-content"> <h4 class="sliding-visual-teaser-title h5 ">Hoofdgast historicus Piet de Rooy </h4> <p class="sliding-visual-teaser-summary">13 jun. 2014</p> </article> </a> </li> <li> <a class="sliding-visual-teaser sliding-visual-content-overlay " href="https://www.human.nl/speel~POMS_HUMAN_521682~hoofdgast-maarten-van-buuren-over-raddraaier-en-nederlandse-filosoof-baruch-spinoza-oba-live~.html" title="Hoofdgast Maarten van Buuren over raddraaier en Nederlandse filosoof Baruch Spinoza - OBA Live" > <div class="sliding-visual-teaser-image-container"> <span class="sliding-visual-teaser-image sliding-visual-teaser-image--focus-5 " style="background-image: url('https://images.poms.omroep.nl/image/s325x216^/c325x216>/120735.jpg');" > </span> </div> <span class="sliding-visual-teaser-kicker h6 "> OBA Live </span> <span class="sliding-visual-teaser-content-type"> <i class="glyph glyph-listen theme-content-type-icon theme-content-type-icon-hover component-theme-icon"></i> </span> <article class="sliding-visual-teaser-content"> <h4 class="sliding-visual-teaser-title h5 ">Hoofdgast Maarten van Buuren over raddraaier en Nederlandse filosoof Baruch Spinoza</h4> <p class="sliding-visual-teaser-summary">11 jun. 2014</p> </article> </a> </li> <li> <a class="sliding-visual-teaser sliding-visual-content-overlay " href="https://www.human.nl/speel~POMS_HUMAN_521681~robert-van-altena-in-gesprek-met-geert-jan-jansen-oba-live~.html" title="Robert van Altena in gesprek met Geert Jan Jansen - OBA Live" > <div class="sliding-visual-teaser-image-container"> <span class="sliding-visual-teaser-image sliding-visual-teaser-image--focus-5 " style="background-image: url('https://images.poms.omroep.nl/image/s325x216^/c325x216>/121092.jpg');" > </span> </div> <span class="sliding-visual-teaser-kicker h6 "> OBA Live </span> <span class="sliding-visual-teaser-content-type"> <i class="glyph glyph-listen theme-content-type-icon theme-content-type-icon-hover component-theme-icon"></i> </span> <article class="sliding-visual-teaser-content"> <h4 class="sliding-visual-teaser-title h5 ">Robert van Altena in gesprek met Geert Jan Jansen</h4> <p class="sliding-visual-teaser-summary">9 jun. 2014</p> </article> </a> </li> <li> <a class="sliding-visual-teaser sliding-visual-content-overlay " href="https://www.human.nl/speel~POMS_HUMAN_521679~hoofdgast-henri毛tte-broekema-oba-live~.html" title="Hoofdgast Henri毛tte Broekema - OBA Live" > <div class="sliding-visual-teaser-image-container"> <span class="sliding-visual-teaser-image sliding-visual-teaser-image--focus-5 " style="background-image: url('https://images.poms.omroep.nl/image/s325x216^/c325x216>/120735.jpg');" > </span> </div> <span class="sliding-visual-teaser-kicker h6 "> OBA Live </span> <span class="sliding-visual-teaser-content-type"> <i class="glyph glyph-listen theme-content-type-icon theme-content-type-icon-hover component-theme-icon"></i> </span> <article class="sliding-visual-teaser-content"> <h4 class="sliding-visual-teaser-title h5 ">Hoofdgast Henri毛tte Broekema</h4> <p class="sliding-visual-teaser-summary">6 jun. 2014</p> </article> </a> </li> <li> <a class="sliding-visual-teaser sliding-visual-content-overlay " href="https://www.human.nl/speel~POMS_HUMAN_521678~hoofdgast-jop-de-vrieze-bioloog-en-journalist-oba-live~.html" title="Hoofdgast Jop de Vrieze, bioloog en journalist - OBA Live" > <div class="sliding-visual-teaser-image-container"> <span class="sliding-visual-teaser-image sliding-visual-teaser-image--focus-5 " style="background-image: url('https://images.poms.omroep.nl/image/s325x216^/c325x216>/120735.jpg');" > </span> </div> <span class="sliding-visual-teaser-kicker h6 "> OBA Live </span> <span class="sliding-visual-teaser-content-type"> <i class="glyph glyph-listen theme-content-type-icon theme-content-type-icon-hover component-theme-icon"></i> </span> <article class="sliding-visual-teaser-content"> <h4 class="sliding-visual-teaser-title h5 ">Hoofdgast Jop de Vrieze, bioloog en journalist</h4> <p class="sliding-visual-teaser-summary">4 jun. 2014</p> </article> </a> </li> <li> <a class="sliding-visual-teaser sliding-visual-content-overlay " href="https://www.human.nl/speel~POMS_HUMAN_521677~hoofdgast-louise-gunning-oba-live~.html" title="Hoofdgast Louise Gunning - OBA Live" > <div class="sliding-visual-teaser-image-container"> <span class="sliding-visual-teaser-image sliding-visual-teaser-image--focus-5 " style="background-image: url('https://images.poms.omroep.nl/image/s325x216^/c325x216>/472823.jpg');" > </span> </div> <span class="sliding-visual-teaser-kicker h6 "> OBA Live </span> <span class="sliding-visual-teaser-content-type"> <i class="glyph glyph-listen theme-content-type-icon theme-content-type-icon-hover component-theme-icon"></i> </span> <article class="sliding-visual-teaser-content"> <h4 class="sliding-visual-teaser-title h5 ">Hoofdgast Louise Gunning</h4> <p class="sliding-visual-teaser-summary">2 jun. 2014</p> </article> </a> </li> <li> <a class="sliding-visual-teaser sliding-visual-content-overlay " href="https://www.human.nl/speel~POMS_HUMAN_521675~hoofdgast-jelle-reumer-oba-live~.html" title="Hoofdgast Jelle Reumer - OBA Live" > <div class="sliding-visual-teaser-image-container"> <span class="sliding-visual-teaser-image sliding-visual-teaser-image--focus-5 " style="background-image: url('https://images.poms.omroep.nl/image/s325x216^/c325x216>/471688.jpg');" > </span> </div> <span class="sliding-visual-teaser-kicker h6 "> OBA Live </span> <span class="sliding-visual-teaser-content-type"> <i class="glyph glyph-listen theme-content-type-icon theme-content-type-icon-hover component-theme-icon"></i> </span> <article class="sliding-visual-teaser-content"> <h4 class="sliding-visual-teaser-title h5 ">Hoofdgast Jelle Reumer </h4> <p class="sliding-visual-teaser-summary">30 mei 2014</p> </article> </a> </li> <li> <a class="sliding-visual-teaser sliding-visual-content-overlay " href="https://www.human.nl/speel~POMS_HUMAN_516824~hoofdgast-kristofer-schipper-oba-live~.html" title="Hoofdgast Kristofer Schipper - OBA Live" > <div class="sliding-visual-teaser-image-container"> <span class="sliding-visual-teaser-image sliding-visual-teaser-image--focus-5 " style="background-image: url('https://images.poms.omroep.nl/image/s325x216^/c325x216>/472840.jpg');" > </span> </div> <span class="sliding-visual-teaser-kicker h6 "> OBA Live </span> <span class="sliding-visual-teaser-content-type"> <i class="glyph glyph-listen theme-content-type-icon theme-content-type-icon-hover component-theme-icon"></i> </span> <article class="sliding-visual-teaser-content"> <h4 class="sliding-visual-teaser-title h5 ">Hoofdgast Kristofer Schipper</h4> <p class="sliding-visual-teaser-summary">28 mei 2014</p> </article> </a> </li> <li> <a class="sliding-visual-teaser sliding-visual-content-overlay " href="https://www.human.nl/speel~POMS_HUMAN_530796~hoofdgast-maxim-februari-over-rechtvaardigheidsgevoel-oba-live~.html" title="Hoofdgast: Maxim Februari over rechtvaardigheidsgevoel - OBA Live" > <div class="sliding-visual-teaser-image-container"> <span class="sliding-visual-teaser-image sliding-visual-teaser-image--focus-5 " style="background-image: url('https://images.poms.omroep.nl/image/s325x216^/c325x216>/471678.jpg');" > </span> </div> <span class="sliding-visual-teaser-kicker h6 "> OBA Live </span> <span class="sliding-visual-teaser-content-type"> <i class="glyph glyph-listen theme-content-type-icon theme-content-type-icon-hover component-theme-icon"></i> </span> <article class="sliding-visual-teaser-content"> <h4 class="sliding-visual-teaser-title h5 ">Hoofdgast: Maxim Februari over rechtvaardigheidsgevoel</h4> <p class="sliding-visual-teaser-summary">26 mei 2014</p> </article> </a> </li> </ul> <ul class="pager media-group-pager theme-background" data-items="9" data-total="43" data-analyticsCategory="" data-totalItems="387"data-link=""> <li> <span class="pager-text pager-link theme-title">pagina</span> </li> <li> <a title="Pagina 1" class="pager-link theme-title" href="https://www.human.nl/kijkenluister/obalive.html?currentPage=1#media-group-episodes"> 1 </a> </li> <li> <span class="pager-link theme-title pager-ellipsis"> … </span> </li> <li> <a title="Pagina 23" class="pager-link theme-title pager-num-list" href="https://www.human.nl/kijkenluister/obalive.html?currentPage=23#media-group-episodes"> 23 </a> </li> <li> <a title="Pagina 24" class="pager-link theme-title pager-num-list" href="https://www.human.nl/kijkenluister/obalive.html?currentPage=24#media-group-episodes"> 24 </a> </li> <li> <a title="Pagina 25" class="pager-link theme-title pager-num-list" href="https://www.human.nl/kijkenluister/obalive.html?currentPage=25#media-group-episodes"> 25 </a> </li> <li> <a title="Pagina 26" class="pager-link theme-title pager-num-list pager-active" href="https://www.human.nl/kijkenluister/obalive.html?currentPage=26#media-group-episodes"> 26 </a> </li> <li> <a title="Pagina 27" class="pager-link theme-title pager-num-list" href="https://www.human.nl/kijkenluister/obalive.html?currentPage=27#media-group-episodes"> 27 </a> </li> <li> <a title="Pagina 28" class="pager-link theme-title pager-num-list" href="https://www.human.nl/kijkenluister/obalive.html?currentPage=28#media-group-episodes"> 28 </a> </li> <li> <a title="Pagina 29" class="pager-link theme-title pager-num-list" href="https://www.human.nl/kijkenluister/obalive.html?currentPage=29#media-group-episodes"> 29 </a> </li> <li> <span class="pager-link theme-title pager-ellipsis pager-last"> … </span> </li> <li> <a title="Pagina 43" class="pager-link theme-title pager-last" href="https://www.human.nl/kijkenluister/obalive.html?currentPage=43#media-group-episodes"> 43 </a> </li> <li class="pager-next"> <a title="Volgende" class="pager-link theme-title pager-next-link" href="https://www.human.nl/kijkenluister/obalive.html?currentPage=27#media-group-episodes"> <span> </span> </a> </li> <li class="pager-previous"> <a title="Vorige" class="pager-link theme-title pager-previous-link" href="https://www.human.nl/kijkenluister/obalive.html?currentPage=25#media-group-episodes"> <span> </span> </a> </li> <li class="pager-more"> <a title="Laad meer" class="pager-link theme-title pager-more-link" href="javascript:void(0)" data-target="#"> Laad meer </a> <span class="pager-status data"></span> </li> </ul> </section> <script id="media-group-episodes-template" type="text/template"> <ul class="overview-compact"> {{#results}} <li> <a class="sliding-visual-teaser sliding-visual-content-overlay {{^locations}}non-playable-sliding-visual-teaser{{/locations}}" href="{{url}}" title="{{subtitle}} - {{title}}" > <div class="sliding-visual-teaser-image-container"> <span class="sliding-visual-teaser-image sliding-visual-teaser-image--focus-5 " style="background-image: url('{{image}}');" > </span> </div> <span class="sliding-visual-teaser-kicker h6 "> {{title}} </span> <span class="sliding-visual-teaser-content-type"> <i class="glyph glyph-{{icon}} theme-content-type-icon theme-content-type-icon-hover component-theme-icon"></i> </span> <article class="sliding-visual-teaser-content"> <h4 class="sliding-visual-teaser-title h5 ">{{subtitle}}</h4> <p class="sliding-visual-teaser-summary">{{date}}</p> </article> </a> </li> {{/results}} </ul> <ul class="pager pager-loadmore"> <li class="pager-more"> <a title="Laad meer" class="pager-link pager-more-link {{^more}}disabled{{/more}}" href="#more"> Laad meer </a> {{#more}} <span class="pager-status data">{{more}}</span> {{/more}} </li> </ul> </script> </div> </div> </div> <div class="theme-white"> </div> </main> <footer class="footer logo-background-color"> <div class="grid"> <div class="footer-content" id="page-footer-content" > <div class="col col-3-1"> <ul class=" link-list-list "> <li class="col col-1-1"> <ul class="footer-link-list"> <li> <a data-gtm-attr-value="humannl-footer-linklist-onzeprogrammas-1" data-gtm-attr-name="internalLink" class="footer-link-list-link" href="/programmas.html" > Onze programma's </a> </li> <li> <a data-gtm-attr-value="humannl-footer-linklist-overhuman-2" data-gtm-attr-name="internalLink" class="footer-link-list-link" href="/over-human.html" > Over HUMAN </a> </li> <li> <a class="footer-link-list-link" href="/over-human/contact.html" > Contact </a> </li> <li> <a target="_blank" class="footer-link-list-link" href="https://vacatures.human.nl/" > Vacatures </a> </li> <li> <a data-gtm-attr-value="humannl-footer-linklist-ombudsman-5" data-gtm-attr-name="internalLink" class="footer-link-list-link" href="/over-human/ombudsman.html" > Ombudsman </a> </li> </ul> </li> </ul> </div> <div class="col col-3-1"> <div class="footer-text-image"> <div class="footer-text-image-content"> <div class="footer-text-image-text"> <p><strong>Nooit meer iets missen van HUMAN</strong><br /> Abonneer je op onze <u><a href="/nieuwsbrief.html">nieuwsbrief</a></u> en <u><a href="/over-human/kijk/word-vriend.html">word vriend</a></u> van HUMAN.</p> <p><strong>Volg ons ook op social media</strong><br /> Je kunt ons vinden op <u><a href="https://www.instagram.com/omroephuman/" target="_blank">Instagram</a></u>, <u><a href="https://www.facebook.com/omroephuman" target="_blank">Facebook</a></u>, en <u><a href="https://www.linkedin.com/company/omroep-human/" target="_blank">LinkedIn</a>.</u></p> </div> </div> </div> </div> <div class="col col-3-1"> <div class="footer-text-image"> <div class="footer-text-image-content"> <div class="footer-text-image-text"> <p style="margin-left:0cm; margin-right:0cm">Hoe vind je je weg in een wereld die bol staat van scherpe tegenstellingen en muurvaste meningen? HUMAN laat zien dat er altijd verschillende perspectieven zijn. Hoe meer vrienden, hoe meer blikverruiming HUMAN creëert op tv, radio en online, in het onderwijs én bij jou in de buurt. <strong>HUMAN. Ruimte voor ruimdenkers.</strong></p> </div> </div> </div> </div> <div class="col col-3-1"> <div class="footer-text-image"> <div class="footer-text-image-content"> <img loading="lazy" decoding="async" class="footer-text-image-image" src="/dam/jcr:ba1e7ed1-07b8-421d-a432-9289561f85e8/anbi-algemeen-nut-beogende-instelling.png" alt="" title="" /> <div class="footer-text-image-text"> <p><a href="https://human.nl/dam/jcr:82a82622-46ce-4c29-8da0-e703d91b388e/ANBI%20gegevens.pdf">RSIN 852787303</a></p> </div> </div> </div> </div> </div> </div> </footer> <script type="text/javascript"> if (typeof pa !== 'undefined') { (function () { if (typeof VPRO_PIANOANALYTICS_TAGS !== 'undefined') { pa.sendEvent("page.display", VPRO_PIANOANALYTICS_TAGS); } })(); } </script> <script src="/.resources/vpro/themes/vpronl/js/jspm_packages/npm/es6-promise@4.1.1/dist/es6-promise.auto.min.js"></script> <script> // SystemJS version of domainConfig.ftl var serverConfig = { apiKey: "vpro", apiSecret: "eeZo6coh", apiServer: "https://rs.vpro.nl", embedServer: "https://embed.vpro.nl", googleApiKey: "AIzaSyA6kZmkM8yTDGAugfJ-tOzEQ5uhlMr8hTY", imageServer : "https://images.poms.omroep.nl/image/", jsServer: "https://js.vpro.nl", locationApiKey: "vprodigitaal", locationApiSecret: "tndzOIjEwhxSBO5x", npoApiServer: "https://rs.poms.omroep.nl", npoPlayerApiServer: "https://rs.vpro.nl/v3", npoCookieJs: "//cookie.human.nl/sites/HUMAN/human.nl/ccm-wrapper_v1.1.js", vpronlApiKey: "ione7ahfij", vpronlSecret: "aag9veesei", woordEmbedServer: "", }; </script> <script src="/.resources/vpro/themes/vpronl/js/jspm_packages/system.js"></script> <script> SystemJS.config( { baseURL: '/.resources/vpro/themes/vpronl/js/', paths: { 'site-vpronl-nodist/': '/.resources/vpro/themes/vpronl/js/', 'site-vpronl/': '/.resources/vpro/themes/vpronl/js/', 'npm:vpro-server-configuration@4.1.2': 'dist/server-config.proxy.js', 'vpro-server-configuration': 'dist/server-config.proxy.js' } } ); </script> <script src="/.resources/vpro/themes/vpronl/js/jspm.config.js"></script> <script> SystemJS.config( { packages: { 'site-vpronl': { 'format': 'esm' }, 'npm:vpro-server-configuration@4.1.2': { 'format': 'amd' }, 'github:vpro/plugin-hbs@jspm': { 'main': 'dist/hbs.js' } } } ); </script> <script type="text/javascript" async> (function () { var ccmWrapperElement = document.createElement( 'script' ); ccmWrapperElement.type = 'text/javascript'; ccmWrapperElement.crossOrigin = 'anonymous'; ccmWrapperElement.src = '//cookie.human.nl/sites/HUMAN/human.nl/ccm-wrapper_v1.1.js'; ccmWrapperElement.async = true; ccmWrapperElement.defer = ccmWrapperElement.async; var s = document.getElementsByTagName( 'script' )[0]; s.parentNode.insertBefore( ccmWrapperElement, s ); var implLoaded = false; var loadImpl = function () { if ( ! implLoaded ) { implLoaded = true; SystemJS.import( '/.resources/vpro/themes/vpronl/js/impl.js' ).then( function ( exportedModuleContent ) { var Impl = exportedModuleContent.default; // @see https://github.com/systemjs/systemjs/issues/304 why .default is used new Impl(); } ); } }; window.addEventListener( 'CCM_Wrapper_ready', function ( e ) { ccmWrapper.init(); loadImpl(); }, false ); ccmWrapperElement.onerror = function() { loadImpl(); }; })(); </script> <script> function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(/[\[\]]/g, "\\$&"); var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, " ")); } if( getParameterByName( 'showLoadingScreen' ) == 'true' && getParameterByName( 'cancel' ) != 'true' ) { var loadingOverlay = document.getElementById( 'loading-overlay' ); var body = document.body; var originalOverlayClass = loadingOverlay.className; var originalBodyClass = body.className; loadingOverlay.classList ? loadingOverlay.classList.add( 'generic-overlay-open' ) : loadingOverlay.className += ' generic-overlay-open'; body.classList ? body.classList.add( 'generic-overlay-open' ) : body.className += ' generic-overlay-open'; loadingOverlay.onclick = function () { loadingOverlay.classList ? loadingOverlay.classList.remove( 'generic-overlay-open' ) : loadingOverlay.className = originalOverlayClass; body.classList ? body.classList.remove( 'generic-overlay-open' ) : body.className = originalOverlayClass; }; } </script> <script> window.MAGNOLIA_SITE_CONFIG = { domain: `human`, path: `obalive` } </script> <script> (function() { (function isUnsupportedBrowser() { var ua = window.navigator.userAgent; var isIE = /MSIE|Trident/.test( ua ); if ( isIE ) { renderNotification(); } })(); function renderNotification() { var serviceNotification = document.getElementsByClassName( 'service-notifications' )[0]; if ( document.body.contains(serviceNotification ) ) { serviceNotification.parentNode.removeChild( serviceNotification ); } var message = 'Uw verouderde browser zorgt er voor dat wij deze website niet optimaal kunnen aanbieden. Wij raden u aan een andere of nieuwere ' + 'browser te gebruiken.'; var holder = document.createElement( 'div' ); holder.className += " service-notification-wrapper"; holder.className += " service-notification-wrapper--unsupported-browser"; holder.innerHTML = '<div class=\'service-notification\' >\n' + ' <div class=\'service-notification-content\' >\n' + ' <span class="service-notification-text">\n' + message + '</span>\n' + ' <span class="service-notification-close" id="serviceNotificationClose">\n' + ' <i class="glyph glyph-close c-white"></i>\n' + ' </span>\n' + ' </div>\n' + '</div>'; var navbarHeader = document.getElementById( 'navbar-header' ); navbarHeader.appendChild( holder ); document.getElementById( 'serviceNotificationClose' ).addEventListener( 'click', closeNotification ); function closeNotification() { navbarHeader.removeChild( holder ); } } })(); </script> </body> </html>