/* @import url(http://fonts.googleapis.com/css?family=Roboto); */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,sub,sup,tt,var,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* @import "mt-reset.css"; */
/*@import "mt-verticals-resp.css";*/
/* @import "mt-agenda-form.css"; */
/* @import "disqus.css"; */

/*
 * MarketingTribune V3.0, nov 2017
 * 

Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

 *
 */

/*
 * MarketingTribune verticals, kleuren en stijlen
 *
 * Wijzig de body class om van vertical te switchen. 
 *
 */



div.article div.article-footer p.readmore a.more.algemeen {color:#FF0000;}
div.article div.article-footer p.readmore a.more.b2b {color: #FF0000;}
div.article div.article-footer p.readmore a.more.bureaus {color: #FF0000;}
div.article div.article-footer p.readmore a.more.content {color:#FF0000;}
div.article div.article-footer p.readmore a.more.design {color:#FF0000;}
div.article div.article-footer p.readmore a.more.food-en-retail {color: #FF0000;}
div.article div.article-footer p.readmore a.more.md {color: #FF0000;}
div.article div.article-footer p.readmore a.more.online {color:#FF0000;}
div.article div.article-footer p.readmore a.more.sponsoring {color:#FF0000;}
div.article div.article-footer p.readmore a.more.zorg {color:#CC3366;}

/* ==========================================================================
   PORTAL PAGES: #FF0000 - body class="portal"
   ========================================================================== */
/* .portal {color:#FF0000;} gooit e.e.a. door de war... */
.portal a.vert:link, a.vert:active, a.vert:hover, a.vert:visited {color:#FF0000; background: none;}
span.type.portal {background-color: #FF0000 !important;}

body.portal div.right-column.meer span.type.algemeen {background-color: #FFFFFF !important; color:#FF0000;}
body.portal div.right-column.meer span.type.b2b {background-color: #FFFFFF !important; color:#FF0000;}
body.portal div.right-column.meer span.type.bureaus {background-color: #FFFFFF !important; color:#61C6E9;}
body.portal div.right-column.meer span.type.content {background-color: #FFFFFF !important; color:#FF0000;}
body.portal div.right-column.meer span.type.design {background-color: #FFFFFF !important; color:#FF0000;}
body.portal div.right-column.meer span.type.food-en-retail {background-color: #FFFFFF !important; color:#FF0000;}
body.portal div.right-column.meer span.type.md {background-color: #FFFFFF !important; color:#FF0000;}
body.portal div.right-column.meer span.type.online {background-color: #FFFFFF !important; color:#FF0000;}
body.portal div.right-column.meer span.type.sponsoring {background-color: #FFFFFF !important; color:#FF0000;}
body.portal div.right-column.meer span.type.zorg {background-color: #FFFFFF !important; color:#CC3366;}
body.portal div.right-column.meer li.vac-meta  a.vac-aanmelden:link {color:#FF0000;}
body.portal div#content-right-column div.right-column.agenda div.agenda-datum .maand {background: #FF0000}
body.portal div.right-column.agenda li a.agenda-aanmelden:link {color: #FF0000;}
body.portal div.article div.header div.vert-icon span.icon.b2b {background-position: 0 -100px;height: 60px;}
body.portal div.article div.header div.vert-icon span.icon.cm {background-position: 0 -201px;height: 60px;}
body.portal div.article div.header div.vert-icon span.icon.design {background-position: 0 -300px; eight: 60px;}
body.portal div.article div.header div.vert-icon span.icon.food {background-position: 0 -400px;height: 60px;}
body.portal div.article div.header div.vert-icon span.icon.md {background-position: 0 -500px;height: 60px;}
body.portal div.article div.header div.vert-icon span.icon.online {background-position: 0 -600px;height: 60px;}
body.portal div.article div.header div.vert-icon span.icon.sponsoring {background-position: 0 -700px;height: 60px;}
body.portal div.article div.header div.vert-icon span.icon.zorg {background-position: 0 -800px;height: 60px;}
body.portal div.article div.header div.vert-icon span.icon a {display: block;height: 60px;text-indent: -10000px;width: 60px;}
body.portal div.article div.body p a, a:link, a:active, a:hover, a:visited {color: #FF0000;}
body.portal div#advertorial span.adv-tag {color: #FF0000;}
/* stuur door */
body.portal form.comment {font-size:0.9em;}
body.portal form.comment fieldset {border:0 none;}
body.portal form.comment input.txt {height: 14px; border:1px solid #e1e1e1; float:right; margin: 0 175px 0 0; width: 180px;}
body.portal form.comment label {cursor: pointer; float:left;}
body.portal form.comment label small.error {color: #FF0000; font-weight:bold;font-size: 0.9em;}
body.portal form.comment textarea {border:1px solid #e1e1e1; width: 545px;font-family:Arial, Helvetica, sans-serif;font-size:13px;margin:10px 0 0 0;}
body.portal form.comment input.subm {background-color: #FF0000;border: 0 none;color: #FFFFFF;cursor: pointer;display: inline;font: bold 11px/22px Arial,Helvetica,sans-serif;height: 24px;outline: 0 none;overflow: visible;padding: 2px 8px 5px;text-align: center;text-decoration: none !important;text-transform: uppercase;width: auto;}
body.portal form.comment input.subm:hover {background-color: #424242;color: #FFFFFF;text-decoration: none !important;}
body.portal form.comment span.verplicht {font-size: 0.9em;}
span.doorgestuurd {font-size: 0.9em; color: #FF0000;}
a#back_to_article  {float:right;background-color: #888888;color: #FFFFFF;cursor: pointer;display: inline;font: bold 11px/22px Arial,Helvetica,sans-serif;outline: 0 none;overflow: visible;margin:-23px 0 0 0;padding: 1px 8px;text-align: center;text-decoration: none !important;text-transform: uppercase;width: auto;}
a#back_to_article:hover {background-color: #424242;color: #FFFFFF;text-decoration: none !important;}
/* file component */
body.portal div.file-component {font-size: 16px;}
body.portal div.file-component div.info {visibility: hidden; line-height: 5px;}
body.portal div.file-component a, a:link, a:visited, a:active {color: #FF0000;text-decoration: none;}
body.portal div.file-component a:hover {text-decoration: underline;}
/* ==========================================================================
   ALGEMEEN PAGES: #FF0000 - body class="algemeen" - was: FF6600;
   ========================================================================== */
.algemeen {color:#FF0000;}
.algemeen a.vert:link, a.vert:active, a.vert:hover, a.vert:visited {color:#FF0000; background: none;}
span.type.algemeen {background-color: #FF0000 !important;}
body.algemeen div.right-column.meer span.type {color:#FF0000;}
body.algemeen div.right-column.meer li.vac-meta a.vac-aanmelden:link {color:#FF0000;}
body.algemeen div#content-right-column div.right-column.agenda div.agenda-datum .maand {background: #FF0000}
body.algemeen div.right-column.agenda li a.agenda-aanmelden:link {color: #FF0000;}
body.algemeen div.article div.header div.vert-icon span.icon.b2b {background-position: 0 -100px;height: 60px;}
body.algemeen div.article div.header div.vert-icon span.icon.cm {background-position: 0 -201px;height: 60px;}
body.algemeen div.article div.header div.vert-icon span.icon.design {background-position: 0 -300px; eight: 60px;}
body.algemeen div.article div.header div.vert-icon span.icon.food {background-position: 0 -400px;height: 60px;}
body.algemeen div.article div.header div.vert-icon span.icon.md {background-position: 0 -500px;height: 60px;}
body.algemeen div.article div.header div.vert-icon span.icon.online {background-position: 0 -600px;height: 60px;}
body.algemeen div.article div.header div.vert-icon span.icon.sponsoring {background-position: 0 -700px;height: 60px;}
body.algemeen div.article div.header div.vert-icon span.icon.zorg {background-position: 0 -800px;height: 60px;}
body.algemeen div.article div.header div.vert-icon span.icon a {display: block;height: 60px;text-indent: -10000px;width: 60px;}
body.algemeen div.article div.body p a, a:link, a:active, a:hover, a:visited {color: #FF0000;}
body.algemeen div.bio h3 a, div.bio h3 a:link, div.bio h3 a:visited, div.bio h3 a:hover, div.bio h3 a:active, div.bio h3 a:focus {color:#FF0000;}
/* stuur door */
body.algemeen form.comment {font-size:0.9em;}
body.algemeen form.comment fieldset {border:0 none;}
body.algemeen form.comment input.txt {height: 14px; border:1px solid #e1e1e1; float:right; margin: 0 175px 0 0; width: 180px;}
body.algemeen form.comment label {cursor: pointer; float:left;}
body.algemeen form.comment label small.error {color: #FF0000; font-weight:bold;font-size: 0.9em;}
body.algemeen form.comment textarea {border:1px solid #e1e1e1; width: 545px;font-family:Arial, Helvetica, sans-serif;font-size:13px;margin:10px 0 0 0;}
body.algemeen form.comment input.subm {background-color: #FF0000;border: 0 none;color: #FFFFFF;cursor: pointer;display: inline;font: bold 11px/22px Arial,Helvetica,sans-serif;height: 24px;outline: 0 none;overflow: visible;padding: 2px 8px 5px;text-align: center;text-decoration: none !important;text-transform: uppercase;width: auto;}
body.algemeen form.comment input.subm:hover {background-color: #424242;color: #FFFFFF;text-decoration: none !important;}
body.algemeen form.comment span.verplicht {font-size: 0.9em;}
span.doorgestuurd {font-size: 0.9em; color: #FF0000;}
a#back_to_article  {float:right;background-color: #888888;color: #FFFFFF;cursor: pointer;display: inline;font: bold 11px/22px Arial,Helvetica,sans-serif;outline: 0 none;overflow: visible;margin:-23px 0 0 0;padding: 1px 8px;text-align: center;text-decoration: none !important;text-transform: uppercase;width: auto;}
a#back_to_article:hover {background-color: #424242;color: #FFFFFF;text-decoration: none !important;}
/* file component */
body.algemeen div.file-component {font-size: 0.9em;}
body.algemeen div.file-component div.info {visibility: hidden; line-height: 5px;}
body.algemeen div.file-component a, a:link, a:visited, a:active {color: #FF0000;text-decoration: none;}
body.algemeen div.file-component a:hover {text-decoration: underline;}

body.algemeen ul.pagevertical li.pagelogo {background-position:0px 0px; height:60px;}
body.algemeen ul#menu li:nth-child(6) {float:left;border-right:1px solid #E9E9E9;}
body.algemeen ul#menu li.selected a.active, ul#menu li.selected a:focus {border-top:2px solid #FF0000; padding:6px 8px 8px 8px; text-decoration: none !important; color:#fff}
body.algemeen ul#menu li.selected {background-color:#FF0000; color:#fff;}
body.algemeen ul#menu li.normal a:hover, ul#menu li.normal a:active, ul#menu li.normal a:focus {color:#FF0000;border-top:2px solid #FF0000; text-decoration: none !important; color:#444444}
body.algemeen div.file-component div.filename a, a:link, a:active, a:hover, a:visited {color:#FF0000; text-decoration: underline;}
/* ==========================================================================
   BUSINESS-TO-BUSINESS: #FF0000 - body class="b2b" WAS CC9933
   ========================================================================== */
body.b2b .mt-header {border-bottom: 10px solid #FF0000!important }

.b2b {color:#FF0000;}
.b2b a.vert, .b2b a.vert:link, .b2b a.vert:active, .b2b a.vert:hover, .b2b a.vert:visited, .b2b a.vert:focus {color:#FF0000; background: none;}

span.type.b2b {background-color: #FF0000 !important;}
body.b2b div#block-verticals {background-color:#FF0000; background-position:0px -26px;} /* image: sprite_bg-verticals.png */
/*body.b2b ul#header li.logo {background-position:0px -75px; height:70px;}*/
body.b2b ul#menu li:nth-child(4) {float:left;border-right:1px solid #E9E9E9;}
body.b2b ul#menu li.selected a.active, ul#menu li.selected a:focus {border-top:2px solid #FF0000; padding:6px 8px 8px 8px; text-decoration: none !important; color:#fff}
body.b2b ul#menu li.selected {background-color:#FF0000; color:#fff;}
body.b2b ul#menu li.normal a:hover, ul#menu li.normal a:active, ul#menu li.normal a:focus {color:#FF0000;border-top:2px solid #FF0000; text-decoration: none !important; color:#444444}
body.b2b div.bio h3 a, div.bio h3 a:link, div.bio h3 a:visited, div.bio h3 a:hover, div.bio h3 a:active, div.bio h3 a:focus {color:#FF0000;}
body.b2b div.article ul.related li.header a, body.b2b div.article ul.related li.header a:link {color:#FF0000}
body.b2b div.article div.body p a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.b2b div.article div.body li a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.b2b div#content-right-column div.right-column.agenda div.agenda-datum .maand {background: #FF0000}
body.b2b div.right-column.meer span.type {color:#FF0000;}
body.b2b div.right-column.agenda li a.agenda-aanmelden:link {color: #FF0000;}
body.b2b div.right-column.meer li.vac-meta a.vac-aanmelden:link {color:#FF0000;}
body.b2b div#content-right-column div.right-column.meer a.reactie-meta {color:#FF0000; font-size:0.9em}
body.b2b ul.pagevertical li.pagelogo {/*background-position:0px -100px;*/ height:60px;}
body.b2b input.subm {background-color: #FF0000;}
body.b2b input.subm:hover {background-color: #424242;}
body.b2b div.file-component div.filename a, a:link, a:active, a:hover, a:visited {color:#FF0000; text-decoration: underline;}
/* ==========================================================================
   BUREAUS: 61c6e9 - body class="bureaus"
   ========================================================================== */
body.bureaus .mt-header {border-bottom: 10px solid #FF0000!important }
.bureaus {color:#FF0000;}
.bureaus a.vert, .bureaus a.vert:link, .bureaus a.vert:active, .bureaus a.vert:hover, .bureaus a.vert:visited, .bureaus a.vert:focus {color:#FF0000; background: none;}
span.type.bureaus {background-color: #FF0000 !important;}
body.bureaus div#block-verticals {background-color:#FF0000; background-position:0px -234px;} /* image: sprite_bg-verticals.png */
/*body.bureaus ul#header li.logo {background-position:0px -675px; height:70px;}*/
body.bureaus ul#menu li:nth-child(4) {float:left;border-right:1px solid #E9E9E9;}
body.bureaus ul#menu li.selected a.active, ul#menu li.selected a:focus {border-top:2px solid #FF0000; padding:6px 8px 8px 8px; text-decoration: none !important; color:#fff}
body.bureaus ul#menu li.selected {background-color:#FF0000; color:#fff;}
body.bureaus ul#menu li.normal a:hover, ul#menu li.normal a:active, ul#menu li.normal a:focus {color:#FF0000;border-top:2px solid #FF0000; text-decoration: none !important; color:#444444}
body.bureaus div.bio h3 a, div.bio h3 a:link, div.bio h3 a:visited, div.bio h3 a:hover, div.bio h3 a:active, div.bio h3 a:focus {color:#FF0000;}
body.bureaus div.article ul.related li.header a, body.bureaus div.article ul.related li.header a:link {color:#FF0000}
body.bureaus div.article div.body p a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.bureaus div.article div.body li a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.bureaus div#content-right-column div.right-column.agenda div.agenda-datum .maand {background: #FF0000}
body.bureaus div.right-column.meer span.type {color:#FF0000;}
body.bureaus div.right-column.agenda li a.agenda-aanmelden:link {color: #FF0000;}
body.bureaus div.right-column.meer li.vac-meta a.vac-aanmelden:link {color:#FF0000;}
body.bureaus div#content-right-column div.right-column.meer a.reactie-meta {color:#FF0000; font-size:0.9em}
body.bureaus ul.pagevertical li.pagelogo {/*background-position:0px -900px;*/ height:60px;}
body.bureaus input.subm {background-color: #FF0000;}
body.bureaus input.subm:hover {background-color: #424242;}
body.bureaus div.file-component div.filename a, a:link, a:active, a:hover, a:visited {color:#FF0000; text-decoration: underline;}
/* ==========================================================================
   CONTENT MARKETING: 663366 - body class="cm"
   ========================================================================== */
body.cm .mt-header {border-bottom: 10px solid #FF0000!important }
.cm {color:#FF0000;}
.content {color:#FF0000;} 
.cm a.vert, .cm a.vert:link, .cm a.vert:active, .cm a.vert:hover, .cm a.vert:visited, .cm a.vert:focus {color:#FF0000; border:0 none;}
span.type.content {background-color: #FF0000 !important;}
body.cm div#block-verticals {background-color:#FF0000; background-position:0px -52px;} /* image: sprite_bg-verticals.png */
body.cm ul#header li.logo {background-position:0px -150px;height:70px;} /* image: sprite_logo-verticals.png */
body.cm ul#menu li:nth-child(4) {float:left;border-right:1px solid #E9E9E9;}
body.cm ul#menu li.selected a.active, ul#menu li.selected a:focus {border-top:2px solid #FF0000; padding:6px 8px 8px 8px; text-decoration: none !important; color:#fff}
body.cm ul#menu li.selected {background-color:#FF0000; color:#fff;}
body.cm ul#menu li.normal a:hover, ul#menu li.normal a:active, ul#menu li.normal a:focus {color:#FF0000;border-top:2px solid #FF0000; text-decoration: none !important; color:#444444}
body.cm div.bio h3 a, div.bio h3 a:link, div.bio h3 a:visited, div.bio h3 a:hover, div.bio h3 a:active, div.bio h3 a:focus {color:#FF0000;}
body.cm div.article ul.related li.header a, body.cm div.article ul.related li.header a:link {color:#FF0000}
body.cm div.article div.body p a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.cm div.article div.body li a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.cm div.right-column.meer span.type {color:#FF0000;}
body.cm div#content-right-column div.right-column.agenda div.agenda-datum .maand {background: #FF0000}
body.cm div.right-column.agenda li a.agenda-aanmelden:link {color: #FF0000;}
body.cm div.right-column.meer li.vac-meta a.vac-aanmelden:link {color:#FF0000;}
body.cm ul.pagevertical li.pagelogo {/*background-position:0px -200px;*/ height:60px;}
body.cm input.subm {background-color: #FF0000;}
body.cm input.subm:hover {background-color: #424242;}
body.cm div.file-component {font-size: 0.9em;}
body.cm div.file-component div.info {visibility: hidden; line-height: 5px;}
body.cm div.file-component a, a:link, a:visited, a:active {color: #FF0000;text-decoration: none;}
body.cm div.file-component a:hover {text-decoration: underline;}
body.cm div.file-component div.filename a, a:link, a:active, a:hover, a:visited {color:#FF0000; text-decoration: underline;}
/* ==========================================================================
   DESIGN: 009999 - body class="design"
   ========================================================================== */
body.design .mt-header {border-bottom: 10px solid #FF0000!important }
.design {color:#FF0000;}
.design a.vert, .design a.vert:link, .design a.vert:active, .design a.vert:hover, .design a.vert:visited, .design a.vert:focus {color:#FF0000; border:0 none;}
span.type.design {background-color: #FF0000 !important;}
body.design div#block-verticals {background-color:#FF0000; background-position:0px -78px;} /* image: sprite_bg-verticals.png */
body.design ul#header li.logo {background-position:0px -225px;height:70px;} /* image: sprite_logo-verticals.png */
body.design ul#menu li:nth-child(4) {float:left;border-right:1px solid #E9E9E9;}
body.design ul#menu li.selected a.active, ul#menu li.selected a:focus {border-top:2px solid #FF0000; padding:6px 8px 8px 8px; text-decoration: none !important; color:#fff}
body.design ul#menu li.selected {background-color:#FF0000; color:#fff;}
body.design ul#menu li.normal a:hover, ul#menu li.normal a:active, ul#menu li.normal a:focus {color:#FF0000;border-top:2px solid #FF0000; text-decoration: none !important; color:#444444}
body.design div.bio h3 a, div.bio h3 a:link, div.bio h3 a:visited, div.bio h3 a:hover, div.bio h3 a:active, div.bio h3 a:focus {color:#FF0000;}
body.design div.article ul.related li.header a, body.design div.article ul.related li.header a:link {color:#FF0000;}
body.design div.article div.body p a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.design div.article div.body li a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.design div.right-column.meer span.type {color:#FF0000;}
body.design div.right-column.meer li.vac-meta a.vac-aanmelden:link {color:#FF0000;}
body.design div#content-right-column div.right-column.agenda div.agenda-datum .maand {background: #FF0000;}
body.design div.right-column.agenda li a.agenda-aanmelden:link {color: #FF0000;}
body.design ul.pagevertical li.pagelogo {/*background-position:0px -300px;*/ height:60px;}
body.design input.subm {background-color: #FF0000;}
body.design input.subm:hover {background-color: #424242;}
body.design div.file-component div.filename a, a:link, a:active, a:hover, a:visited {color:#FF0000; text-decoration: underline;}
/* ==========================================================================
   FOOD EN RETAIL: 66CC33 - body class="food"
   ========================================================================== */
body.food .mt-header {border-bottom: 10px solid #FF0000!important }
.food-en-retail {color:#FF0000;}
.food {color:#FF0000;}
.food a.vert, .food a.vert:link, .food a.vert:active, .food a.vert:hover, .food a.vert:visited, .food a.vert:focus {color:#FF0000; border:0 none;}
span.type.food-en-retail {background-color: #FF0000 !important;}
body.food div#block-verticals {background-color:#FF0000; background-position:0px -104px;} /* image: sprite_bg-verticals.png */
body.food ul#header li.logo {background-position:0px -300px;height:70px;} /* image: sprite_logo-verticals.png */
body.food ul#menu li:nth-child(4) {float:left;border-right:1px solid #E9E9E9;}
body.food ul#menu li.selected a.active, ul#menu li.selected a:focus {border-top:2px solid #FF0000; padding:6px 8px 8px 8px; text-decoration: none !important; color:#fff}
body.food ul#menu li.selected {background-color:#FF0000; color:#fff;}
body.food ul#menu li.normal a:hover, ul#menu li.normal a:active, ul#menu li.normal a:focus {color:#FF0000;border-top:2px solid #FF0000; text-decoration: none !important; color:#444444}
body.food div.bio h3 a, div.bio h3 a:link, div.bio h3 a:visited, div.bio h3 a:hover, div.bio h3 a:active, div.bio h3 a:focus {color:#FF0000;}
body.food div.article ul.related li.header a, body.food div.article ul.related li.header a:link {color:#FF0000;}
body.food div.article div.body p a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.food div.article div.body li a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.food div.right-column.meer span.type {color:#FF0000;}
body.food div.right-column.meer li.vac-meta a.vac-aanmelden:link {color:#FF0000;}
body.food div#content-right-column div.right-column.agenda div.agenda-datum .maand {background: #FF0000}
body.food div.right-column.agenda li a.agenda-aanmelden:link {color: #FF0000;}
body.food ul.pagevertical li.pagelogo {/*background-position:0px -400px;*/ height:60px;}
body.food input.subm {background-color: #FF0000;}
body.food input.subm:hover {background-color: #424242;}
body.food div.file-component div.filename a, a:link, a:active, a:hover, a:visited {color:#FF0000; text-decoration: underline;}
/* ==========================================================================
   MEDIA: 339966 - body class="media" - RUZIE MET media-class van Bootstrap!
   ========================================================================== */
body.md .mt-header {border-bottom: 10px solid #FF0000!important }
.md {color:#FF0000;}
.fix.media {color:#FF0000;display: inline-block;overflow: visible;}
div.right-column.meer span.type.media {color:#FF0000;display: inline-block;}
.md a.vert, .md a.vert:link, .md a.vert:active, .md a.vert:hover, .md a.vert:visited, .md a.vert:focus {color:#FF0000; border:0 none;}
span.type.md  {background-color: #FF0000 !important;}
body.md div#block-verticals {background-color:#FF0000; background-position:0px -130px;} /* image: sprite_bg-verticals.png */
body.md ul#header li.logo {background-position:0px -375px;height:70px;} /* image: sprite_logo-verticals.png */
body.md ul#menu li:nth-child(4) {float:left;border-right:1px solid #E9E9E9;}
body.md ul#menu li.selected a.active, ul#menu li.selected a:focus {border-top:2px solid #FF0000; padding:6px 8px 8px 8px; text-decoration: none !important; color:#fff}
body.md ul#menu li.selected {background-color:#FF0000; color:#fff;}
body.md ul#menu li.normal a:hover, ul#menu li.normal a:active, ul#menu li.normal a:focus {color:#FF0000;border-top:2px solid #FF0000; text-decoration: none !important; color:#444444}
body.md div.bio h3 a, div.bio h3 a:link, div.bio h3 a:visited, div.bio h3 a:hover, div.bio h3 a:active, div.bio h3 a:focus {color:#FF0000;}
body.md div.article ul.related li.header a, body.md div.article ul.related li.header a:link {color:#FF0000}
body.md div.article div.body p a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.md div.article div.body li a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.md div.right-column.meer span.type {color:#FF0000;}
body.md div.right-column.meer li.vac-meta a.vac-aanmelden:link {color:#FF0000;}
body.md div#content-right-column div.right-column.agenda div.agenda-datum .maand {background: #FF0000;}
body.md div.right-column.agenda li a.agenda-aanmelden:link {color: #FF0000;}
body.md ul.pagevertical li.pagelogo {/*background-position:0px -500px;*/ height:60px;}
body.md input.subm {background-color: #FF0000;}
body.md input.subm:hover {background-color: #424242;}
body.md div.file-component div.filename a, a:link, a:active, a:hover, a:visited {color:#FF0000; text-decoration: underline;}
/* ==========================================================================
   ONLINE MARKETING: 336699 - body class="online"
   ========================================================================== */
body.online .mt-header {border-bottom: 10px solid #FF0000!important }
.online {color:#FF0000;}
.online a.vert, .online a.vert:link, .online a.vert:active, .online a.vert:hover, .online a.vert:visited, .online a.vert:focus {color:#FF0000; border:0 none;}
span.type.online {background-color: #FF0000 !important;}
body.online div#block-verticals {background-color:#FF0000; background-position:0px -156px;} /* image: sprite_bg-verticals.png */
body.online ul#header li.logo {background-position:0px -450px;height:70px;} /* image: sprite_logo-verticals.png */
body.online ul#menu li:nth-child(4) {float:left;border-right:1px solid #E9E9E9;}
body.online ul#menu li.selected a.active, ul#menu li.selected a:focus {border-top:2px solid #FF0000; padding:6px 8px 8px 8px; text-decoration: none !important; color:#fff}
body.online ul#menu li.selected {background-color:#FF0000; color:#fff;}
body.online ul#menu li.normal a:hover, ul#menu li.normal a:active, ul#menu li.normal a:focus {color:#FF0000;border-top:2px solid #FF0000; text-decoration: none !important; color:#444444}
body.online div.bio h3 a, div.bio h3 a:link, div.bio h3 a:visited, div.bio h3 a:hover, div.bio h3 a:active, div.bio h3 a:focus {color:#FF0000;}
body.online div.article ul.related li.header a, body.online div.article ul.related li.header a:link {color:#FF0000}
body.online div.article div.body p a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.online div.article div.body li a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.online div.right-column.meer span.type {color:#FF0000;}
body.online div.right-column.meer li.vac-meta a.vac-aanmelden:link {color:#FF0000;}
body.online div#content-right-column div.right-column.agenda div.agenda-datum .maand {background: #FF0000}
body.online div.right-column.agenda li a.agenda-aanmelden:link {color: #FF0000;}
body.online ul.pagevertical li.pagelogo {/*background-position:0px -600px;*/ height:60px;}
body.online input.subm {background-color: #FF0000;}
body.online input.subm:hover {background-color: #424242;}
body.online div.file-component div.filename a, a:link, a:active, a:hover, a:visited {color:#FF0000; text-decoration: underline;}
/* ==========================================================================
   SPONSORING: CC0000 - body class="sponsoring"
   ========================================================================== */
body.sponsoring .mt-header {border-bottom: 10px solid #FF0000!important }
.sponsoring {color:#FF0000;}
.sponsoring a.vert, .sponsoring a.vert:link, .sponsoring a.vert:active, .sponsoring a.vert:hover, .sponsoring a.vert:visited, .sponsoring a.vert:focus {color:#FF0000; border:0 none;}
span.type.sponsoring {background-color: #FF0000 !important;}
body.sponsoring div#block-verticals {background-color:#FF0000; background-position:0px -182px;} /* image: sprite_bg-verticals.png */
body.sponsoring ul#header li.logo {background-position:0px -525px;height:70px;} /* image: sprite_logo-verticals.png */
body.sponsoring ul#menu li:nth-child(5) {float:left;border-right:1px solid #E9E9E9;}
body.sponsoring ul#menu li.selected a.active, ul#menu li.selected a:focus {border-top:2px solid #FF0000; padding:6px 8px 8px 8px; text-decoration: none !important; color:#fff}
body.sponsoring ul#menu li.selected {background-color:#FF0000; color:#fff;}
body.sponsoring ul#menu li.normal a:hover, ul#menu li.normal a:active, ul#menu li.normal a:focus {color:#FF0000;border-top:2px solid #FF0000; text-decoration: none !important; color:#444444}
body.sponsoring div.bio h3 a, div.bio h3 a:link, div.bio h3 a:visited, div.bio h3 a:hover, div.bio h3 a:active, div.bio h3 a:focus {color:#FF0000;}
body.sponsoring div.article ul.related li.header a, body.sponsoring div.article ul.related li.header a:link {color:#FF0000;}
body.sponsoring div.article div.body p a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.sponsoring div.article div.body li a, a:link, a:active, a:hover, a:visited {color: #FF0000; text-decoration: underline;}
body.sponsoring div.right-column.meer span.type {color:#FF0000;}
body.sponsoring div.right-column.meer li.vac-meta a.vac-aanmelden:link {color:#FF0000;}
body.sponsoring div#content-right-column div.right-column.agenda div.agenda-datum .maand {background: #FF0000}
body.sponsoring div.right-column.agenda li a.agenda-aanmelden:link {color: #FF0000;}
body.sponsoring ul.pagevertical li.pagelogo {/*background-position:0px -700px;*/ height:60px;}
body.sponsoring input.subm {background-color: #FF0000;}
body.sponsoring input.subm:hover {background-color: #424242;}
body.sponsoring div.file-component div.filename a, a:link, a:active, a:hover, a:visited {color:#FF0000; text-decoration: underline;}
/* ==========================================================================
   ZORGMARKETING: #CC3366 - body class="zorg"
   ========================================================================== */
.zorg {color:#CC3366;}
.zorg a.vert, .zorg a.vert:link, .zorg a.vert:active, .zorg a.vert:hover, .zorg a.vert:visited, .zorg a.vert:focus {color:#CC3366; border:0 none;}
span.type.zorg {background-color: #CC3366 !important;}
body.zorg div#block-verticals {background-color:#CC3366; background-position:0px -208px;} /* image: sprite_bg-verticals.png */
body.zorg ul#header li.logo {background-position:0px -801px;height:90px;} /* image: sprite_logo-verticals.png */
body.zorg ul#menu li:nth-child(4) {float:left;border-right:1px solid #E9E9E9;}
body.zorg ul#menu li.selected a.active, ul#menu li.selected a:focus {border-top:2px solid #CC3366; padding:6px 8px 8px 8px; text-decoration: none !important; color:#444444}
body.zorg ul#menu li.normal a:hover, ul#menu li.normal a:active, ul#menu li.normal a:focus {color:#CC3366;border-top:2px solid #CC3366; text-decoration: none !important; color:#444444}
body.zorg div.bio h3 a, div.bio h3 a:link, div.bio h3 a:visited, div.bio h3 a:hover, div.bio h3 a:active, div.bio h3 a:focus {color:#CC3366;}
body.zorg div.article ul.related li.header a, body.zorg div.article ul.related li.header a:link {color:#CC3366;}
body.zorg div.article div.body p a, a:link, a:active, a:hover, a:visited {color: #CC3366; text-decoration: underline;}
body.zorg div.article div.body li a, a:link, a:active, a:hover, a:visited {color: #CC3366; text-decoration: underline;}
body.zorg div.right-column.meer span.type {color:#CC3366;}
body.zorg div.right-column.meer li.vac-meta a.vac-aanmelden:link {color:#CC3366;}
body.zorg div#content-right-column div.right-column.agenda div.agenda-datum .maand {background: #CC3366;}
body.zorg div.right-column.agenda li a.agenda-aanmelden:link {color: #CC3366;}
body.zorg ul.pagevertical li.pagelogo {/*background-position:0px -800px;*/ height:60px;}
body.zorg input.subm {background-color: #CC3366;}
body.zorg input.subm:hover {background-color: #424242;}
body.zorg div.file-component div.filename a, a:link, a:active, a:hover, a:visited {color:#CC3366; text-decoration: underline;}


/* ==========================================================================
   GLOBALS
   ========================================================================== */

body {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;color:#2B2B2B;width:100%;height:100%;/*background-color:#FAFAFA;*/background-color:#fff;}
.wrapper {width:940px;margin:0 auto;position:relative;padding:0;}
.clear {clear:both;}
.hidden {visibility:hidden;}
.body h3 {font-family: 'Roboto', sans-serif;color: #2B2B2B;font-size: 18px;font-weight: 700;margin-bottom: 10px;}
a, a:link, a:visited, a:active {color: #444444; text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}
p {font-family:Arial, Helvetica, sans-serif;font-size: 0.8em;color:#000000;}
/* a:link, a:active, a:visited {background: 0 none; color:#2B2B2B; text-decoration:none;}
   a:hover {text-decoration:underline;} */
.boxshadow {-moz-box-shadow: 2px 2px 6px #EBEBEB; /* Firefox */ -webkit-box-shadow: 2px 2px 6px #EBEBEB; /* Safari and Chrome */ box-shadow: 2px 2px 6px #EBEBEB; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}
.boxradius {-moz-border-radius: 0px 5px 5px 0px; /* Firefox */  -webkit-border-radius: 0px 5px 5px 0px; /* Safari and Chrome */  border-radius: 0px 5px 5px 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */}
.boxradius-right {-moz-border-radius: 5px 0px 0px 5px; /* Firefox */  -webkit-border-radius: 5px 0px 0px 5px; /* Safari and Chrome */  border-radius: 5px 0px 0px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */}
/* ==========================================================================
   VERTICALS
   ========================================================================== */
div#block-verticals {padding:0 5px;position:relative;z-index:10;clear:both;background:url(../img/sprite_bg-verticals.png) repeat-x left top #F36C23;}
div#block-verticals:before {background: url("../img/shadow.png") no-repeat scroll center top transparent;bottom: -7px;content: "";height: 7px;left: 0;position: absolute;width: 100%;}
/*
ul#verticals {list-style-type:none;margin:20px 0 0 0;padding:0;overflow:hidden;position:relative;}
ul#verticals li, li.normal, li.selected {text-align:left;display:inline;}
ul#verticals li.first {}
ul#verticals li.first a, ul#verticals li.first a:link, ul#verticals li.first a:visited, ul#verticals li.first a:hover, ul#verticals li.first a:active, ul#verticals li.first a:focus {}
ul#verticals li.login {background-image:url(../img/sprite_menu-social.png);background-position: 0px -174px;text-indent:-10000px;width: 26px;float:right;position:relative;}
ul#verticals li.login a, ul#verticals li.login a:link, ul#verticals li.login a:visited, ul#verticals li.login a:hover, ul#verticals li.login a:active, ul#verticals li.login a:focus {border:0 none !important;margin:0px 5px 0px 0px;padding:13px 25px 0 0;}
ul#verticals li.vert_abonneren {float:right;position:relative;background-color:#2b2b2b;}
ul#verticals li.last {float:right;position:relative;}
ul#verticals li.last a, ul#verticals li.last a:link, ul#verticals li.last a:visited, ul#verticals li.last a:hover, ul#verticals li.last a:active, ul#verticals li.last a:focus {margin:0;}
ul#verticals li a, ul#verticals li a:link, ul#verticals li a:visited {font-family: 'Roboto', sans-serif; font-weight:400;font-size:1.24em;color:#F4F4F4 !important;border:0 none !important;padding:6px 0px 6px 0px;margin:0px 8px 0px 8px;display:block;text-decoration: none !important;}
ul#verticals li a:hover, ul#verticals li a:active, ul#verticals li a:focus {font-family: 'Roboto', sans-serif; font-weight:400;font-size:0.9em;color:#F4F4F4 !important;border-top:4px solid #F4F4F4 !important;padding:2px 0px 6px 0px;margin:0px 8px 0px 8px;display:block;text-decoration: none !important;text-transform:uppercase;}
ul#verticals li a.active {border-top:4px solid #F4F4F4 !important;padding:2px 0px 6px 0px;margin:0px 8px 0px 8px;}
ul#verticals li a.active:hover, ul#verticals li a.active:focus {border-top:4px solid #F4F4F4 !important;padding:2px 0px 6px 0px;margin:0px 8px 0px 8px;}

*/
/* ==========================================================================
   HEADER
   ========================================================================== */
/*div#block-header {position:relative;border-bottom:1px solid #E1E1E1;padding:15px 5px;clear:both; background:none repeat-x left top #FFFFFF;}
div#block-header:before {background: url("../img/shadow.png") no-repeat scroll center top transparent;bottom: -7px;content: "";height: 7px;left: 0;position: absolute;width: 100%;}
ul#header {list-style-type:none;margin:0;padding:0;overflow:hidden;position:relative;height:70px;}
ul#header li.logo {float:left;margin:0 0 0 -2px;position:relative;width:150px;background:url(../img/resp/sprite_logo-verticals-resp.png) no-repeat left top;height:70px;}
*/

ul#header li.logo div {width:150px;display:block;}
ul#header li.logo div a, ul#header li.logo div a:link, ul#header li.logo div a:visited, ul#header li.logo div a:hover, ul#header li.logo div a:active, ul#header li.logo div a:focus {height:70px;width:150px;display:block;text-indent: -10000px;}
/*ul#header li.logo h1 a, ul#header li.logo h1 a:link, ul#header li.logo h1 a:visited, ul#header li.logo h1 a:hover, ul#header li.logo h1 a:active, ul#header li.logo h1 a:focus {height:70px;width:150px;display:block;text-indent: -10000px;}
ul#header li.logo span {display:none;}
ul#header li.leaderboard {float:right;height:90px;width:728px;position:relative; display:block;}

/* ==========================================================================
   HEADER -  per 1 september 2020
   ========================================================================== */
ul#header {

	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	height:70px;
}

ul#header li.logo {

	float:left;
	position:relative;
	background:url(../img/resp/sprite_logo-platforms.png) no-repeat left top;
	background-position: -10px -10px;
	width:100%;
	max-width:750px;
	height:100%;
	max-height:70px;
}

ul#header li.logo h1 {

	height: 100%;
	width:100%;
}

ul#header li.logo h1 a,
ul#header li.logo h1 a:link,
ul#header li.logo h1 a:visited,
ul#header li.logo h1 a:hover,
ul#header li.logo h1 a:active,
ul#header li.logo h1 a:focus {

	height:100%;
	width:100%;
	display:block;
	text-indent: -10000px;
}

body.portal ul#header li.kruimel {

	visibility: hidden;
	display: none;
}

body.algemeen ul#header li.logo {

	background-position:-10px -90px;
}

body.algemeen ul#header li.kruimel {

	left: 280px;
}

body.b2b ul#header li.logo {

	background-position:-10px -170px;
}

body.bureaus ul#header li.logo {

	background-position: -10px -250px;
}

body.bureaus ul#header li.kruimel {

	left: 300px;
}

body.cm ul#header li.logo {

	background-position: -10px -330px;
}

body.cm ul#header li.kruimel {

	left: 420px;
}

body.design ul#header li.logo {

	background-position: -10px -410px;
}

body.design ul#header li.kruimel {

	left: 260px;
}

body.food ul#header li.logo {

	background-position: -10px -490px;
}

body.food ul#header li.kruimel {

	left: 370px;
}

body.md ul#header li.logo {

	background-position: -10px -570px;
}

body.md ul#header li.kruimel {

	left: 240px;
}

body.online ul#header li.logo {

	background-position: -10px -650px;
}

body.online ul#header li.kruimel {

	left: 415px;
}

body.sponsoring ul#header li.logo {

	background-position: -10px -730px;
}

body.sponsoring ul#header li.kruimel {

	left: 340px;
}

/* ==========================================================================
   MENU
   ========================================================================== */
div#block-menu {border:0 none;margin:14px 0 0 0;padding:0px 5px; clear:both; height:31px;}
div#menu-content {width:100%;margin:0 auto;position:relative;padding:0; float:left}
ul#menu {/*border-top:1px solid #E9E9E9;*/border-bottom:1px solid #E9E9E9;list-style-type:none;margin:0 0 30px 0;padding:0;overflow:hidden;/*background:url(../img/bg_menu.png) repeat-x;*/}
ul#menu li {float:left;text-align:center;height:29px;color:#F4F4F4;border-left:1px solid #E9E9E9;}
ul#menu li.normal a, ul#menu li.normal a:link, ul#menu li.normal a:visited {font-family: 'Roboto', sans-serif; font-weight:700;font-size:0.9em;color:#444444;border-top:2px solid #FFFFFF;text-decoration: none !important;padding:6px 8px 8px 8px;display:block;margin:0;text-transform:none;}
ul#menu li.selected a, ul#menu li.selected a:link, ul#menu li.selected a:visited {font-family: 'Roboto', sans-serif; font-weight:700;font-size:0.9em;color:#444444;border-top:2px solid #FFFFFF;text-decoration: none !important;padding:6px 8px 8px 8px;display:block;margin:0;text-transform:none;}
.menu-background {height: 29px;border-left:1px solid #E9E9E9;border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;margin:0;padding:0;overflow:hidden;background:url(../img/bg_menu.png) repeat-x;}
.menu-background div.kruimel {margin:3px 0 0 10px;color: #2B2B2B;font-family: 'Roboto',sans-serif;font-size: 13px;line-height: 22px;padding: 0;}
/* ==========================================================================
   MENU - SOCIAL ICONS
   ========================================================================== */
div#menu-social {width:340px;margin:0 auto;position:relative;padding:0; float:right;}
ul#social {/*border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;border-right:1px solid #E9E9E9;*/margin:0;padding:0;overflow:hidden;/*background:url(../img/bg_menu.png) repeat-x;*/}
ul#social h4 {width:100%;display: inline-block;}
ul#social li {margin: 10px 10px 0 0;display:block; float:left;text-align:center;height:32px;width:32px;color:#F4F4F4;border:0 none;}
ul#social li a {text-indent: -10000px; background-image:url(../img/resp/volg-ons-menu.png); width:32px; height:32px; background-repeat:no-repeat; display:block;}

ul#social li a.instagram, ul#social li a.instagram:link, ul#social li a.instagram:visited, ul#social li a.instagram:active {background-position: 0px 0px; padding:0; margin:0;border-top:0 none;}
ul#social li a.instagram:hover, ul#social li a.instagram:focus {background-position: 0px 0px;padding:0; margin:0; border:0 none;}

ul#social li a.twitter, ul#social li a.twitter:link, ul#social li a.twitter:visited, ul#social li a.twitter:active {background-position: -42px 0px; padding:0; margin:0;border-top:0 none;}
ul#social li a.twitter:hover, ul#social li a.twitter:focus {background-position: -42px 0px;padding:0; margin:0; border:0 none;}

ul#social li a.facebook, ul#social li a.facebook:link, ul#social li a.facebook:visited, ul#social li a.facebook:active {background-position: -84px 0px; padding:0; margin:0;border-top:0 none;}
ul#social li a.facebook:hover, ul#social li a.facebook:focus {background-position: -84px 0px; padding:0; margin:0; border:0 none;}

ul#social li a.linkedin, ul#social li a.linkedin:link, ul#social li a.linkedin:visited, ul#social li a.linkedin:active {background-position: -126px 0px; padding:0; margin:0;border-top:0 none;}
ul#social li a.linkedin:hover, ul#social li a.linkedin:focus {background-position: -126px 0px; padding:0; margin:0; border:0 none;}

ul#social li a.rss, ul#social li a.rss:link, ul#social li a.rss:visited, ul#social li a.rss:active {background-position: -168px 0px; padding:0; margin:0;border-top:0 none;}
ul#social li a.rss:hover, ul#social li a.rss:focus {background-position: -168px 0px; padding:0; margin:0; border:0 none;}
ul#social li a.nieuwsbrief, ul#social li a.nieuwsbrief:link, ul#social li a.nieuwsbrief:visited, ul#social li a.nieuwsbrief:active {background-position: -210px 0px; padding:0; margin:0;border-top:0 none;}
ul#social li a.nieuwsbrief:hover, ul#social li a.nieuwsbrief:focus {background-position: -210px 0px; padding:0; margin:0; border:0 none;}
/* ==========================================================================
   MENU - ZOEKFUNCTIE
   ========================================================================== */
ul#find {list-style: outside none none;margin: 0;position: relative;display: block;width: 100%}
ul#find li.search {border:0 none; background:0 none;width: 100%;}
ul#find li.search form {width:100%; margin:2px 2px 0 0;}
ul#find li.search fieldset {/*border: 1px solid #E9E9E9;*/ opacity: 0.8; width:100%; background-color:#FFFFFF;}
ul#find li.search input {background: none repeat scroll 0 0 transparent; border: medium none;color: #333333;outline: medium none;float: left;font-family: 'Roboto', sans-serif; font-weight:400;font-size:14px;height: 32px;line-height: 32px;padding: 5px 0 4px 10px; width: calc(100% - 38px);}
ul#find li.search input.btn {background:url(../img/btn_zoek.png);border: medium none;border-left: 0 none;color: #FFFFFF;cursor: pointer;display: inline;margin-top:3px;height: 23px; outline: 0 none;overflow: visible; padding: 2px 5px 5px; text-align: center;text-decoration: none !important; text-transform: uppercase;width: 38px;}
/* ==========================================================================
   CONTENT
   ========================================================================== */
/* div#block-content {border:0 none;padding:0 20px;margin:130px 0 0 0;position: relative;clear:both} */
/* met hero: */
div#block-content {border:0 none;padding:0 35px;margin:40px 0 0 0;position: relative;clear:both;display: block;/*float: left;*/}

@media (max-width: 991px) { div#block-content {padding: 30px 0;} }

/* @media (min-width: 1600px) { div#block-content {margin:160px 0 0 0;padding:0 80px} } */

div#content {height:100%;background: none repeat scroll 0 0 transparent;min-height: 300px;}
div#content-left-column {float:left;position:relative;text-align: left; /* padding:0;background: none repeat scroll 0 0 #FFFFFF; border-left:1px solid #EFEFEF;border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;*/}
div#content-left-column div.content-box {width: 100%;}
div#content-right-column {float:left;text-align:left;width:100%;}
div#content-right-column div.content-box {width: 100%;}

@media (max-width: 991px) { 

	div#content-right-column {visibility: hidden; display: none;}
	div#content-left-column div.content-box.row {margin: 0;}
}

div#content-fullpage {min-height:400px;float:left;position:relative;width:909px;text-align: left; margin:0 19px 20px 0;padding:0 15px 0px 15px;background: none repeat scroll 0 0 #FFFFFF; border-left:1px solid #EFEFEF;border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;}
div#content-fullpage div.content-box {width: 909px;}
/* ==========================================================================
   CONTENT - Fullpage
   ========================================================================== */
div#content-fullpage div.content-box p {font-family: Arial,Helvetica,sans-serif;font-size: 13px;line-height: 19px;padding: 0 0 15px 0;}
div#content-fullpage div.content-box h1 {font-family: 'Roboto', sans-serif; font-size:20px;font-weight:bold;color:#2B2B2B; margin:15px 0 10px 0; border:0 none; padding:0; line-height:22px}
/* ==========================================================================
   CONTENT - 404
   ========================================================================== */
img.viernulvier {margin:15px -15px -15px -15px;}
/* ==========================================================================
   CONTENT - Tabel Partners
   ========================================================================== */
table.partner {float: left;text-align: left;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 21px;width: 100%;}
table.partner tr {margin-bottom: 20px;float: left}
table.partner td {vertical-align: top;padding: 10px}
table.partner img {border:1px solid #EFEFEF;}
table.partner h3 {font-size: 16px; font-weight: bold;}
table.partner a.partner, a.partner:link, a.partner:active, a.partner:hover, a.partner:visited {color: #FF0000; float: right;}
/* ==========================================================================
   CONTENT - Tabel Brancheverenigingen
   ========================================================================== */
table.vereniging {float: left; text-align: left;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 21px;width: 100%;}
table.vereniging tr {margin-bottom: 20px;float: left}
table.vereniging td {vertical-align: top;padding: 10px}
table.vereniging img {border:1px solid #EFEFEF;}
table.vereniging h3 {font-size: 16px; font-weight: bold;}
table.vereniging a.vereniging, a.vereniging:link, a.vereniging:active, a.vereniging:hover, a.vereniging:visited {color: #FF0000; float: right;}
/* ==========================================================================
   CONTENT - portal home blokken
   ========================================================================== */
div.article div.header div.vert-icon {position: absolute;top: -38px;left: -17px;padding:2px;background-color: #FAFAFA;border-right:1px solid #EFEFEF; border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;}
div.article div.header div.vert-icon span.icon {background:url(../img/sprite_icon-verticals.png) no-repeat left top;float:left;display:inline; width:60px; margin:0; padding: 0;}
div.article div.header div.vert-icon span.icon.business {background-position:0px -100px; height:60px;}
div.article h1.vert-titel {font-family: 'Roboto', sans-serif; font-size:20px;font-weight:bold;color:#2B2B2B; margin:15px 0 10px 60px; border:0 none; padding:0; line-height:22px}
div.article h1.vert-titel a, div.article h1.vert-titel a:link, div.article h1.vert-titel a:visited, div.article h1.vert-titel a:hover, div.article h1.vert-titel a:active, div.article h1.vert-titel a:focus {text-decoration:none; color:#2B2B2B;}
div.article div.header ul#news {border-left:1px solid #EFEFEF;height:138px; line-height:15px;list-style-type:none;margin:0;overflow:hidden;position: absolute;top: 0px;right: 0px;background-color:#FAFAFA;padding:4px 8px 8px 8px;font-family: Arial, Helvetica, sans-serif; font-size:13px;}
div.article div.header ul#news li {float:left;text-align:left;clear:both;width:280px;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color:#646464;margin:0; border-bottom:1px solid #EFEFEF; padding:4px 0 4px 0; line-height:15px;}
div.article div.header ul#news li:last-child {margin:0 0 5px 0; border-bottom:0 none;}
div.article div.header ul#news li.last {margin:0; border-bottom:0 none;}
div.article div.header ul#news li a.news, a.news:link, a.news:visited {text-decoration:none; border:0 none; padding:0;font-family: 'Roboto', sans-serif; font-weight:400;font-size:1em;color:#646464; border:0 none; padding:0;line-height:14px;}
div.article div.header ul#news li a.news:hover, a.news:active, a.news:focus {text-decoration:underline;}
div.article div.header ul#news span.nieuws {font-size:0.9em;margin: 0;padding: 0 8px 0 0;}
div.article div.header ul#news span.blog {font-size:0.9em;margin: 0;padding: 0 24px 0 0;}
div.article div.header ul#news span.datum {text-align:right;color:#AAAAAA;font-size:0.9em; float:right;}
/* ==========================================================================
   CONTENT - advertorial
   ========================================================================== */
div#block-advertorial {float:left; margin:10px 0 10px -15px; display:block;background: none repeat scroll 0 0 #FFFFFF; width:580px; height: auto; border-bottom:1px solid #EFEFEF; border-top:1px solid #EFEFEF; padding:0;}
div#advertorial {float:left; display:block; margin:15px; background-color:#FFFFFF; padding:5px;border:1px solid #EFEFEF; text-align: left;}
div#advertorial span.adv-tag {padding: 0;border:0 none; text-decoration:none;font-family: 'Roboto', sans-serif;font-size:0.9em;}
div#advertorial h3.adv-kop {font-family: 'Roboto', sans-serif; font-size:20px;font-weight:bold;color:#2B2B2B; margin:5px 0 10px 0; border:0 none; padding:0; line-height:22px}
div#advertorial h3.adv-kop a, div#advertorial h3.adv-kop a:link, div#advertorial h1.adv-kop a:visited, div#advertorial h1.adv-kop a:hover, div#advertorial h1.adv-kop a:active, div#advertorial h1.adv-kop a:focus {text-decoration:none; color:#2B2B2B;}
div#advertorial p.adv-tekst {line-height:19px;cursor:pointer;font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0}
div#advertorial p.adv-tekst a, div#advertorial p.adv-tekst a:link, div#advertorial p.adv-tekst a:visited, div#advertorial p.adv-tekst a:hover, div#advertorial p.adv-tekst a:active, div#advertorial p.adv-tekst a:focus {text-decoration: none; color: #2B2B2B;}
div#advertorial p.adv-tekst img {float:left; margin:2px 10px 30px 0; height:60px; width:120px;}
div#advertorial p.adv-footer {margin:8px 5px 0 0;line-height:19px;cursor:pointer;font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0; clear: both; float: right;}
div#advertorial p.adv-footer a, div#advertorial p.adv-footer a:link, div#advertorial p.adv-footer a:visited, div#advertorial p.adv-footer a:hover, div#advertorial p.adv-footer a:active, div#advertorial p.adv-footer a:focus {text-decoration: underline; color: #2B2B2B;}
/* ==========================================================================
   CONTENT - articles
   ========================================================================== */
div.article {/*float:left;*/ margin:0; display:block;/*background: none repeat scroll 0 0 #FFFFFF;*/ padding:0;}
div.article.last {border:0 none; padding:0;} /* laatste artikel op overzichtspagina */
div.article.one {border:0 none; padding:0;}  /* bij een enkel artikel op de pagina */
/* ==========================================================================
   CONTENT - articles - titel
   ========================================================================== */
div.excerpt h1.titel {font-family: 'Roboto', sans-serif; font-size:18px;font-weight:bold;color:#2B2B2B; margin:15px 0 10px 0; border:0 none; padding:0; line-height:21px}

h1.titel {width:100%;font-family: 'Roboto', sans-serif; font-size:32px;font-weight:bold;color:#2B2B2B; margin:0 0 20px 15px; border:0 none; padding:0; line-height:38px}

h1.titel a.titel, a.titel:link, a.titel:visited, a.titel:hover, a.titel:active, a.titel:focus {text-decoration:none; color:#2B2B2B;}

div.excerpt h1.titel.cannes, h1.titel.cannes {background-image: url("../img/cannes-lions.png");background-position: 0 0;background-repeat: no-repeat;padding-left: 60px;}
/* div.excerpt h1.titel.cannes a.titel, a.titel:link, a.titel:visited, a.titel:hover, a.titel:active, a.titel:focus {text-decoration:none; color:#2B2B2B;} */
div.excerpt h1.titel.grandprix, h1.titel.grandprix {background-image: url("../img/grandprixcontentmarketing.png");background-position: 0 0;background-repeat: no-repeat;padding-left: 30px;}
/* div.excerpt h1.titel.grandprix a.titel, a.titel:link, a.titel:visited, a.titel:hover, a.titel:active, a.titel:focus {text-decoration:none; color:#2B2B2B;} */
div.excerpt h1.titel.rio2016, h1.titel.rio2016 {background-image: url("../img/rio2016.png");background-position: 0 0;background-repeat: no-repeat;padding-left: 60px;padding-bottom:6px;line-height:30px}
/* div.excerpt h1.titel.rio2016 a.titel, a.titel:link, a.titel:visited, a.titel:hover, a.titel:active, a.titel:focus {text-decoration:none; color:#2B2B2B;} */
div.excerpt h1.titel.nmd, h1.titel.nmd {min-height: 55px;background-image: url("../img/nmd2025-logo.jpg");background-position: 0 0;background-repeat: no-repeat;padding-left: 65px;}
div.excerpt h1.titel.eng, h1.titel.eng {min-height: 40px;background-image: url("../img/uk_flag-80x40.png");background-position: 0 0;background-repeat: no-repeat;padding-left: 110px;}
div.excerpt h1.titel.bva, h1.titel.bva {min-height: 40px;background-image: url("../img/bva-100.png");background-position: 0 0;background-repeat: no-repeat;padding-left: 110px;}
div.excerpt h1.titel.ismi, h1.titel.ismi {min-height: 40px;background-image: url("../img/ismi.png");background-position: 0 0;background-repeat: no-repeat;padding-left: 110px;}
div.excerpt h1.titel.kerst, h1.titel.kerst {min-height: 40px;background-image: url("../img/kerst-icon.png");background-position: 0 0;background-repeat: no-repeat;padding-left: 110px;}
div.excerpt h1.titel.kerst, h1.titel.kerst {min-height: 40px;background-image: url("../img/kerst-icon-2.png");background-position: 0 0;background-repeat: no-repeat;padding-left: 41px;}
div.excerpt h1.titel.icon-dossier, h1.titel.icon-dossier {min-height: 40px;background-image: url("../img/icon_dossier.jpg");background-position: 0 0;background-repeat: no-repeat;padding-left: 86px;}
div.excerpt h1.titel.dpc, h1.titel.dpc {min-height: 40px;background-image: url("../img/icon_podcast.png");background-position: 0 0;background-repeat: no-repeat;padding-left: 55px;}
div.excerpt h1.titel.rmd, h1.titel.rmd {min-height: 50px;background-image: url("../img/rmd-logo.png");background-position: 0 0;background-repeat: no-repeat;padding-left: 45px;}
/* ==========================================================================
   CONTENT - articles - tagtitle
   ========================================================================== */
div.article div.tagtitle {font-family: 'Roboto', sans-serif; font-size:20px;font-weight:bold;color:#2B2B2B; margin:15px 0 20px 15px; border:0 none; line-height:22px; background-image: url("../img/sprite_article-tools.gif"); background-repeat: no-repeat; clear: both; text-align: left; background-position: 0 -592px; padding: 0px 0 0 30px;width: 100%}
/* ==========================================================================
   CONTENT - articles - header
   ========================================================================== */
div.header {position: relative;padding:0px;/*border:1px solid #E7E7E7;*/margin:0 0 10px 15px; width: 100%; height: auto;}
div.excerpt div.header {position: relative;padding:0px;/*border:1px solid #E7E7E7;*/margin:0 0 10px 0; width: 100%; height: auto;}

/*
div.article div.header-magazine {display: block; clear: both; margin: 0 0 15px 0;}
div.article div.header-magazine-issue {position: relative;padding:0px;border:0 none;margin:0 0 10px 0; width: 100%; height: auto; display: block; clear: both; overflow: visible;}
*/
div.article div.header-magazine {display: inline-block;}
div.magazine-wrap {padding-bottom: 30px;}
div.magazine-wrap h1.titel {font-family: 'Roboto', sans-serif;font-size: 18px;font-weight: bold;color: #2B2B2B;margin: 15px 0 10px 0;border: 0 none;padding: 0;line-height: 21px;}
div.mag-article-wrap {width: 100%;pointer-events: none;cursor: default;}
div.mag-article-wrap img.magazine {max-width: 380px;padding: 0;}
div.article div.mag-article-wrap div.header-magazine-issue div.date {top: 58px;}
div.article div.mag-article-wrap div.magazine-issue-intro p {pointer-events: none;cursor: default;margin: 0;
    line-height: 27px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    padding: 0 0 30px 0;color: #000;}


div.header img {background-color:#FFFFFF;display:block;width:100%; height:100%;padding-right: 50px}

@media (max-width: 767px) { div.header img {padding-right: 15px;} }


div.excerpt div.header img {background-color:#FFFFFF;display:block;width:100%; height:100%;padding-right: 0}

div.article div.header-magazine-issue img.magazine {margin-bottom:20px;background-color:#FFFFFF;display:block;width:100%;padding:40px;height: auto;float: left;border: 1px solid #EFEFEF;clear:both;}
div.article div.header a.beeld, a.beeld:link, a.beeld:visited, a.beeld:hover, a.beeld:active, a.beeld:focus {border:0 none;}
/* ==========================================================================
   CONTENT - articles - event + agenda
   ========================================================================== */
div.article div.header.event-style {background-color:#fafafa;position: relative;padding:0px;border:1px solid #E7E7E7;margin:0 0 10px 0; width:100%; height: auto;}
div.article div.header.event-style img {background-color:#FFFFFF;display:block;width:250px; height:120px;padding-right: 0}
div.event-excerpt div.intro {padding-left: 0;}
div.event-excerpt div.intro p {padding-top: 10px;}
div.article div.event-excerpt div.article-footer {margin:20px 20px 30px 0;}
div.article div.header ul#event-tools {/*border-left:1px solid #EFEFEF;*/ height:100%; line-height:17px;list-style-type:none;margin:0;overflow:hidden;position: absolute;top: 0px;left: 260px;background-color:#FAFAFA;padding:10px;font-family: Arial, Helvetica, sans-serif; font-size:13px;}
div.article div.header ul#event-tools li {float:left;text-align:left;clear:both;width:auto;font-family: 'Roboto', sans-serif;font-size:14px; color: #2B2B2B;padding: 3px 0;}
div.article div.header ul#event-tools li div {float:left;font-weight: bold; width:50px;}
.article div.header ul#event-tools li:last-of-type {display: none; visibility: hidden;}
table.event-detail {font-family: Arial, Helvetica, sans-serif;font-size:0.9em; color:#2B2B2B;margin:0 0 15px 0; line-height: 17px;}
table.event-detail th {width: 90px;}
table.agenda-detail {font-family: Arial, Helvetica, sans-serif;font-size:0.9em; color:#2B2B2B;margin:0 0 15px 0; line-height: 17px;}
table.agenda-detail th {width: 90px;}
/* ==========================================================================
   CONTENT - articles - header - datum
   ========================================================================== */
div.article div.header div.date {visibility:hidden;display:none;position: absolute;top: 8px;left: -1px;background-color:#FAFAFA;padding:0 5px 5px 0;/*border-right:1px solid #EFEFEF; border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;*/}
div.article div.header div.date span.number {font-family: 'Roboto', sans-serif; font-weight:bold;font-size:34px; display:block; color:#282828; text-align:center;}
div.article div.header div.date span.month-year {font-family: Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:-1px; clear:both; display:block;color:#282828; text-align: center;}
div.article div.header-magazine-issue div.date {position: absolute;top: 15px;left: 16px;background-color:#FAFAFA;padding:2px 5px 5px 4px;border-right:1px solid #EFEFEF; border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;}
div.article div.header-magazine-issue div.date span.number {font-family: 'Roboto', sans-serif; font-weight:bold;font-size:40px; display:block; color:#282828; text-align:center;}
div.article div.header-magazine-issue div.date span.month-year {font-family: Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px; clear:both; display:block;color:#282828; text-align: center;}
/* ==========================================================================
   CONTENT - articles - header - tools - http://leafo.net/sticky-kit/
   ========================================================================== */
div#content-wrap {position: relative;float: left;padding: 30px 100px 0 0;}

@media (max-width: 1440px) { 

	div#content-wrap {padding: 30px 30px 0 0;}
}

div#content-wrap ul#tools {color:#444;width:auto; height:auto; float: left; line-height:17px;list-style-type:none;margin:0;overflow:hidden;background-color:#fff;padding: 0 0 20px 15px;font-family: 'Roboto', sans-serif;font-size:14px;}

@media (max-width: 1199px) { 
	
	div#content-wrap ul#tools {visibility: hidden;display:none;}
	div.intro, div.body {padding-left: 15px !important;}
	div.excerpt div.intro {padding-left: 0!important;}
	div.article div.social {padding: 30px 15px 50px 0!important;}
}

@media (max-width: 991px) {

	div#content-wrap {padding: 30px 15px 0 0;}
	div.article ul.cloud {padding: 20px!important;}

} 

@media (min-width: 1200px) { div#tools-small {visibility: hidden;display:none;} }

div#tools-small ul.tools-excerpt {font-family: 'Roboto', sans-serif;width: 100%;display: inline-flex;margin: 0 15px 15px 15px;color:#444;font-size:14px;}
div#tools-small ul.tools-excerpt li {padding-right: 20px;}

@media (max-width: 767px) { 

	div#tools-small ul.tools-excerpt {display: block;margin-bottom: 30px}
	div#tools-small ul.tools-excerpt li {margin-bottom: 10px;}

}

/*
#video-container-1 {height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    margin-bottom: 50px;}

#video-container-1 iframe {height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;} 

video {
  width: 100%    !important;
  height: auto   !important;
}
*/

div#content-wrap ul#tools li {float:left;text-align:left;clear:both;background-image:url(../img/sprite_article-tools.gif);background-repeat:no-repeat;}
div#content-wrap ul#tools li a.tools, a.tools:link, a.tools:visited {text-decoration:none; border:0 none; padding:0;font-family: 'Roboto', sans-serif; font-weight:400;font-size:0.9em;color:#646464; border:0 none; padding:0; display:block;line-height:19px;}
div#content-wrap ul#tools li a.tools:hover, a.tools:active, a.tools:focus {text-decoration:underline;}
div#content-wrap ul#tools li.datum {padding-bottom: 10px;}
div#content-wrap ul#tools li.gelezen {color:#646464;font-size: 0.9em;background-position: 0px -33px;/*border-bottom:1px solid #E9E9E9;*/padding:0px 0px 3px 30px; margin:5px 0 0 0;}
div#content-wrap ul#tools li.reacties {background-position: 0px -79px;/*border-bottom:1px solid #E9E9E9;*/padding:2px 0 3px 30px; margin:5px 0 0 0;}
div#content-wrap ul#tools li.auteur {font-size: 13px;background:none;/*background-position: 0px -124px;border-bottom:1px solid #E9E9E9;padding:4px 0 3px 30px;*/ margin:10px 0;}
div#content-wrap ul#tools li.tag {background-position: 0px -592px;padding:3px 0 2px 30px; font-weight:bold;margin:5px 0;}
div#content-wrap ul#tools li.origin {font-family: 'Roboto', sans-serif;line-height:17px;margin:0;padding:0px 0 10px 2px;text-transform: uppercase;font-size: 14px;font-weight: bold;}
ul#tools.is_stuck {/*padding-top:120px!important;*/}

div#content-wrap div.intro {pointer-events: none;cursor: default;}
div#content-wrap div.intro a.intro_link {color: #000;}

div.header ul#tools {color:#444;width:auto; height:auto; line-height:17px;list-style-type:none;margin:0;overflow:hidden;position: absolute;bottom: auto;left: 0;background-color:#fff;padding: 50px 0 6px 6px;font-family: 'Roboto', sans-serif;font-size:14px;}
div.header ul#tools li {float:left;text-align:left;clear:both;background-image:url(../img/sprite_article-tools.gif);background-repeat:no-repeat;}
div.header ul#tools li a.tools, a.tools:link, a.tools:visited {text-decoration:none; border:0 none; padding:0;font-family: 'Roboto', sans-serif; font-weight:400;font-size:0.9em;color:#646464; border:0 none; padding:0; display:block;line-height:19px;}
div.header ul#tools li a.tools:hover, a.tools:active, a.tools:focus {text-decoration:underline;}
div.header ul#tools li.gelezen {background-position: 0px -33px;/*border-bottom:1px solid #E9E9E9;*/padding:0px 0px 3px 30px; margin:5px 0;}
div.header ul#tools li.reacties {background-position: 0px -79px;/*border-bottom:1px solid #E9E9E9;*/padding:2px 0 3px 30px; margin:5px 0;}
div.header ul#tools li.auteur {background-position: 0px -124px;/*border-bottom:1px solid #E9E9E9;*/padding:2px 0 3px 30px; margin:5px 0;}
div.excerpt div.header ul#tools li.auteur {background-position: 0px -124px;/*border-bottom:1px solid #E9E9E9;*/padding:2px 0 3px 30px; margin:0;}

div.article div.header ul#tools li.tag {background-position: 0px -592px;padding:3px 0 2px 30px; font-weight:bold;margin:5px 0;}
div.article div.header ul#tools li.origin {font-family: 'Roboto', sans-serif;line-height:10px;margin:0;padding:0px 0 20px 2px;text-transform: uppercase;font-size: 14px;font-weight: bold;}
div.article div.header-magazine-issue ul#tools.magazine-issue {border-left:0 none;line-height:15px;list-style-type:none;margin:10px 0 20px 0;overflow:hidden;padding:5px 6px 0 0;font-family: 'Roboto', sans-serif;font-size:14px;clear:right;float:left;display: block;width: 100%}
div.article div.header-magazine-issue ul#tools.magazine-issue li {float:left;text-align:left;background-image:url(../img/sprite_article-tools.gif);background-repeat:no-repeat;}
div.article div.header-magazine-issue ul#tools.magazine-issue li a.tools, a.tools:link, a.tools:visited {text-decoration:none; border:0 none; padding:0;font-family: 'Roboto', sans-serif; font-weight:400;font-size:0.9em;color:#646464; border:0 none; padding:0; display:block;line-height:14px;}
div.article div.header-magazine-issue ul#tools.magazine-issue li a.tools:hover, a.tools:active, a.tools:focus {text-decoration:underline;}
div.article div.header-magazine-issue ul#tools.magazine-issue li.gelezen {background-position: 0px -33px;border:0 none;padding:0px 0px 3px 30px;}
div.article div.header-magazine-issue ul#tools.magazine-issue li.reacties {background-position: 0px -81px;border:0 none;padding:0px 0 3px 30px; margin:0 0 0 10px;}
/* ==========================================================================
   CONTENT - articles - intro
   ========================================================================== */
div.intro {width: 100%;padding-left: 250px;padding-bottom: 30px;}
div.excerpt div.intro {width: 100%;padding: 10px 0 0 0;}



div.intro span.type {line-height:17px;font-family: 'Roboto', sans-serif; font-size:15px;font-weight:bold;color: #2b2b2b;margin: 0 5px 0 0;padding: 1px 0px 2px 3px;}
div.intro p {line-height:27px;font-family: 'Roboto', sans-serif; font-size:16px; padding:0}
div.excerpt div.intro p {line-height:27px;font-family: 'Roboto', sans-serif; font-size:16px; padding:0}
div.intro p a.summary, a.summary:link, a.summary:visited, a.summary:hover, a.summary:active, a.summary:focus {text-decoration:none; color:#2B2B2B; border:0 none; padding:0;font-family:Arial, Helvetica, sans-serif; font-size:13px; cursor:pointer; line-height:19px}

div.article div.magazine-issue-intro {font-family: 'Roboto', sans-serif;float:right; margin:20px 15px 0 0; display: block;clear: right;}
div.article div.magazine-issue-intro span.type {line-height:17px;font-family:Arial, Helvetica, sans-serif; font-size:13px;font-weight:bold;color: #FFFFFF;margin: 0 5px 0 0;padding: 1px 0px 2px 3px;}
div.article div.magazine-issue-intro p {line-height:22px;font-family: 'Roboto', sans-serif; font-size:14px; padding:0}
div.article div.magazine-issue-intro p a.summary, a.summary:link, a.summary:visited, a.summary:hover, a.summary:active, a.summary:focus {text-decoration:none; color:#2B2B2B; border:0 none; padding:0;font-family:Arial, Helvetica, sans-serif; font-size:13px; cursor:pointer; line-height:19px}
/* ==========================================================================
   CONTENT - articles - body
   ========================================================================== */
div.body {padding-left: 250px;}

div.mag-article-wrap div.body {padding-left: 0;}

body.portal div.body {padding:20px 100px 20px 30px;}


@media (max-width: 991px) {

	body.portal div.body {padding:0;}

} 

body.portal .picture-component {width: 100%}
body.portal .rxml-component {padding:0 30px 20px 30px;width:100%;}
div.article div.body h2 {font-family: 'Roboto', sans-serif; font-size:24px;font-weight:900;color:#2B2B2B;margin:0 0 10px 0;border:0 none; padding:0; line-height:30px}


div.body p {margin:0; line-height:27px;font-family: 'Roboto', sans-serif; font-size:16px; padding:0 0 30px 0}


div.article div.body i {font-style: italic;}
div.article div.body em {font-style: italic;}
div.article div.body iframe {margin: 0 0 15px 0; /*max-width: 550px;*/}
div.article div.body img {margin-top:20px;/*padding:20px 0; */width: 100%; max-width: 622px; min-height:100%;}
div.article div.body ul {list-style: outside; list-style-type: disc; font-family: 'Roboto', sans-serif; font-size:16px; padding: 0; color: #000000; line-height: 27px;margin:0 0 30px 20px;}
div.article div.body ul li {padding: 5px 0;}
div.article div.body ol {list-style: outside; list-style-type: decimal; font-family: 'Roboto', sans-serif; font-size:16px; padding: 0; color: #000000; line-height: 27px;margin:0 0 15px 20px;}
div.article div.body ol li {padding: 10px;}
div.article div.body table {width: 100%;font-family: 'Roboto', sans-serif;font-size:16px; padding: 0; color: #000000; line-height: 19px;}

div.article div.body blockquote {text-align:center;padding:0 0 0 30px; margin-bottom: 30px;}
div.article div.body blockquote p {font-size:2em;padding:0;color:#FF0000;line-height: 38px;}

div.body-auteur img {width: auto!important;}


body.b2b div.article div.body blockquote p {color:#FF0000;}
body.bureaus div.article div.body blockquote p {color:#FF0000;}
body.content div.article div.body blockquote p {color:#FF0000;}
body.design div.article div.body blockquote p {color:#FF0000;}
body.food-en-retail div.article div.body blockquote p {color:#FF0000;}
body.md div.article div.body blockquote p {color:#FF0000;}
body.online div.article div.body blockquote p {color:#FF0000;}
body.sponsoring div.article div.body blockquote p {color:#FF0000;}

div.article div.body blockquote p:before, div.article div.body blockquote p:after {content: '"';}
div.article div.body p.kader {border:1px solid #2b2b2b;padding: 30px;margin-bottom: 30px;}
div.article div.body p.btn a {border-radius: 3px;margin:-1px -1px 0 0;background-color: #FF0000;border: 0 none;color: #FFFFFF!important;cursor: pointer;display: inline;font: 16px/27px "Roboto",sans-serif;height:26px;outline: 0 none;overflow: visible;padding: 6px 16px;text-align: center;text-decoration: none !important;}
div.article div.body p.btn a:hover {background-color: #424242;color: #FFFFFF;cursor: pointer;text-decoration: none !important;}


/* ==========================================================================
   CONTENT - articles - media
   ========================================================================== */
.body-video {
	padding-left:250px;
	width: 100%;
}

@media (max-width: 1199px) { 
	.body-video {
		padding-left:15px;
	}

}

div#content-left-column div.content-box div.body-video div.media-contents {
	/*height: 0;*/
	overflow: hidden;
	/*padding-bottom: 56.25%;*/
	position: relative;
	/*margin-bottom: 50px;*/
   padding-bottom: 50px;
	}
	
div#content-left-column div.content-box div.body-video div.media-contents iframe {
	/*height: 100%;
	left: 0;
	position: absolute;
	top: 0;*/
	max-width: 100%;
}
/* ==========================================================================
   CONTENT - articles - social
   ========================================================================== */
div.article div.social {border-top:1px solid;margin:0 0 0 15px; padding:30px 100px 50px 250px; float: left; width: 100%;display: block;clear:both;}
div.article div.social .holder {margin: 0; padding:15px 15px 15px 0;}
div.article div.social #whatsapp {visibility: hidden;display: none;}
@media (max-width: 576px) {

	div.article div.social #whatsapp {visibility: visible;display: block;}
}
div.article div.social #facebook {float: left;margin: 0 5px 0 0;}
div.article div.social #twitter {float: left;margin: 0 5px 0 0;}
div.article div.social #linkedin {float: left;margin: 0 5px 0 0;}
div.article div.social #googleplusone {float: left;margin: 0 5px 0 0; width: 70px;}
div.article div.social #doorsturen {padding:15px;float: left;margin: 10px 10px 0 0;background-image:url(../img/sprite_article-tools.gif);background-repeat:no-repeat;background-position: 1px -265px;text-indent: -10000px; width:16px; cursor: pointer;}
div.article div.social #print {padding:15px;float: left;margin: 10px 0 0 0;background-image:url(../img/sprite_article-tools.gif);background-repeat:no-repeat;background-position: 1px -218px;text-indent: -10000px; width:16px; cursor: pointer;}
div.article div.social #reageer {float: left;margin: 0 10px 0 0;} /* wordt deze wel gebruikt? */
/* ==========================================================================
   CONTENT - articles - auteur (weblog)
   ========================================================================== */
div.article div.blog-auteur {border:1px solid #E9E9E9;background-color:#FAFAFA;margin: 0 0 30px 15px; padding: 20px; float: left; width: 100%;}
div.article div.blog-auteur img.avatar {max-width:150px; max-height: 150px; float: left;}
li.auteur > a > img.avatar {border-radius: 50%}
div.article div.bio {text-align: left; margin: 0;}
div.article div.bio h3 {text-align:left;font-family: 'Roboto', sans-serif; font-size:20px; float: left; display: block; margin: 0 0 15px 0;}
div.article div.bio p {font-family: 'Roboto', sans-serif; font-size:0.9em;color:#2B2B2B; float: left; display: block; line-height: 17px;}
div.article div.bio li.profiel {border: 0 none;padding: 15px 0 0 0;float: right;font-family: 'Roboto', sans-serif;}
div.article div.auteur #auteur-foto {float: left;margin: 0 10px 0 0;}
div.article div.auteur #auteur-foto img {max-width:75px; max-height: 75px;}
div.article div.auteur div#auteur-over {float: left; display: block;}
div.article div.auteur div#auteur-naam {font-family: 'Roboto', sans-serif; font-size:1.2em; float: left; display: block; clear: both;}
div.article div.auteur div#auteur-intro {font-family: 'Roboto', sans-serif; font-size:0.9em;color:#2B2B2B; float: left; display: block; clear: both;}
/* ==========================================================================
   CONTENT - articles - tagcloud
   ========================================================================== */
div.article ul.cloud {line-height: 30px;border:0 none;margin: 0 0 30px 0;text-align: center;position: relative; padding: 10px 150px; float: left; width: 100%;}
div.article ul.cloud li {display: inline;}
div.article ul.cloud li.not-popular {color: #AAAAAA;font-size: 0.8em;}
div.article ul.cloud li.not-popular a.tag, a.tag:link, a.tag:visited, a.tag:hover, a.tag:active, a.tag:focus {color: #AAAAAA;}
div.article ul.cloud li.not-very-popular {color: #999999;font-size: 1.1em;}
div.article ul.cloud li.not-very-popular a.tag, a.tag:link, a.tag:visited, a.tag:hover, a.tag:active, a.tag:focus {color: #999999;}
div.article ul.cloud li.somewhat-popular {color: #888888;font-size: 1.4em;}
div.article ul.cloud li.somewhat-popular a.tag, a.tag:link, a.tag:visited, a.tag:hover, a.tag:active, a.tag:focus {color: #888888;}
div.article ul.cloud li.popular {color: #777777;font-size: 1.7em;}
div.article ul.cloud li.popular a.tag, a.tag:link, a.tag:visited, a.tag:hover, a.tag:active, a.tag:focus {color: #777777;}
div.article ul.cloud li.very-popular {color: #555555;font-size: 2em;}
div.article ul.cloud li.very-popular a.tag, a.tag:link, a.tag:visited, a.tag:hover, a.tag:active, a.tag:focus {color: #555555;}
div.article ul.cloud li.ultra-popular {color: #333333;font-size: 2.3em;}
div.article ul.cloud li.ultra-popular a.tag, a.tag:link, a.tag:visited, a.tag:hover, a.tag:active, a.tag:focus {color: #333333}
div.article ul.cloud li a.tag {text-decoration: none;}
div.article ul.cloud li a.tag:hover {text-decoration: underline;}
/* ==========================================================================
   CONTENT - articles - gerelateerd
   ========================================================================== */
div.article ul.related {font-family: 'Roboto', sans-serif; font-size:16px;border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;margin: 0 0 0 15px; padding: 0 0 30px 0; clear: both; display: block; position: relative;width:100%;}
div.article ul.related li {padding: 5px 0; list-style-type: disc; margin: 0 0 0 20px;}
div.article ul.related li a, div.article ul.related li a:link, div.article ul.related li a:visited, div.article ul.related li a:active {font-size: 0.9em; text-decoration: none; color: #444444;}
div.article ul.related li a:hover, div.article ul.related li a:focus {text-decoration: underline;}
div.article ul.related li.header {list-style-type: none; margin: 0 0 5px 0;border-bottom:1px solid #E9E9E9;/*font-family:Arial, Helvetica, sans-serif; font-size:13px;*/color:#2B2B2B;padding:5px 0;}
div.article ul.related li span.tag {line-height:21px;/*font-family:Arial, Helvetica, sans-serif; font-size:13px;*/font-weight:bold;color: #2B2B2B;margin: 0;}
div.article ul.related li span.tag a {padding: 3px;}
div.article ul.related li span.tag a:hover {padding: 3px; text-decoration: underline;}
div.article ul.related li span.tag:after {content: "|"; padding: 0 3px; color: #E9E9E9; font-weight: normal;}
/* ==========================================================================
   CONTENT - articles - navigatie
   ========================================================================== */
div.article div#navigatie {font-family: 'Roboto', sans-serif;width: 100%; height: auto; margin: 0 0 50px 15px; padding: 0; clear: both; display: block; position: relative; float: left;}
div.article div#navigatie .nav-left {float: left; display: block; width:45%;}
div.article div#navigatie .nav-left:before {content: "«"; padding: 0; margin:0; color: #AAAAAA; font-weight: normal; font-size: 3em;float: left;}
div.article div#navigatie .nav-left a, .nav-left a:link, .nav-left a:visited, .nav-left a:active {font-size: 16px; text-decoration: none; color: #444444;display: block;margin: 0;padding: 12px 0 0 30px; text-align: left; line-height: 19px;}
div.article div#navigatie .nav-left a:hover, .nav-left a:focus {font-size: 16px; text-decoration: none; color: #444444;display: block;margin: 0;padding: 12px 0 0 30px; text-align: left; text-decoration: underline; line-height: 19px}
div.article div#navigatie .nav-right {float: right; display: block; width:45%;}
div.article div#navigatie .nav-right:before {content: "»"; padding: 0; color: #AAAAAA; font-weight: normal; font-size: 3em; float: right;}
div.article div#navigatie .nav-right a, .nav-right a:link, .nav-right a:visited, .nav-right a:active  {font-size: 16px; text-decoration: none; color: #444444;display: block;margin: 0;padding: 12px 30px 0 0; text-align: right; line-height: 19px}
div.article div#navigatie .nav-right a:hover, .nav-right a:focus {font-size: 16px; text-decoration: none; color: #444444;display: block;margin: 0;padding: 12px 30px 0 0; text-align: right; text-decoration: underline; line-height: 19px}
/* ==========================================================================
   CONTENT - articles - lees verder
   ========================================================================== */
div.article div.article-footer {height:18px;margin:15px 20px 0 0; clear:both;}
div.article div.article-footer p.readmore {display:block; float:right;cursor:pointer; margin:0; padding:0}
div.article div.article-footer p.readmore a.more, a.more:link, a.more:visited {padding: 0;border:0 none; text-decoration:none;font-family: 'Roboto', sans-serif;font-size:1.4em;}
div.article div.article-footer p.readmore a.more:hover, a.more:active, a.more:focus {text-decoration:underline;}
/* ==========================================================================
   CONTENT - articles - paginanavigatie en archief
   ========================================================================== */
div.article.pagination {padding:0;color: #2B2B2B;float: left;font-family: 'Roboto', sans-serif;font-size:16px;margin: 15px;width: 100%;}
div.article.pagination ul {}
div.article.pagination li {display: block;float: left;margin: 0 15px 15px 0;border:1px solid #efefef;}
div.article.pagination li a {display: block;float: left;padding: 10px 15px; text-decoration:none;font-size:1em;}
div.article.pagination li span {display: block;float: left;padding: 10px 15px; text-decoration:none;}
div.article.pagination li a:hover {background: none repeat scroll 0 0 #E3E3E3;text-decoration: none;}
div.article.pagination span.current {color: #2B2B2B;}
div.article.pagination .archief {float:right; margin:0; font-size:0.9em;}
/* ==========================================================================
   CONTENT - articles - artikelopsomming onderaan
   ========================================================================== */
ul.article-list-small {margin: 20px 0 0 0;}
ul.article-list-small li {border-top: 1px solid #e7e7e7; padding: 10px 0 10px 0; float:left;}
ul.article-list-small li:hover {background: none repeat scroll 0 0 #efefef;}
span.title-small-preview {font-family: 'Roboto', sans-serif; font-size:13px; float:right; text-align: left; line-height: 20px; width:470px; margin: 0 0 0 5px;}
ul.article-list-small span.article-list-date {font-size:10px; float: left; font-weight: bold; line-height: 13px; margin: 1px 5px 0 0; padding: 2px 5px;}
/* ==========================================================================
   CONTENT - ARCHIEF (bezoekers / redactie varieren)
   ========================================================================== */
div.news-archive-component {margin:0 0 0 15px; font-family: 'Roboto', sans-serif; font-size: 16px;}
div.news-archive-component h1 {font-family: 'Roboto', sans-serif; font-size:32px;font-weight:bold;color:#2B2B2B; margin:15px 0 10px 0; border:0 none; line-height:38px; clear: both; text-align: left; padding: 0;}
div.news-archive-component table {width:100%;margin:15px 0 0 0; font-family: 'Roboto', sans-serif; font-size: 16px;}
div.news-archive-component table td {padding:10px 0 10px 10px;}
div.new-infinite-container {}
div.infinite-item {}
div.arch-date {font-weight: bold; font-size: 20px; color: #2B2B2B; margin:20px 0 10px 0; border-bottom: 1px solid #E9E9E9; float:left; width:100%; padding: 0 0 10px 0;}
div.arch-date span {}
div.archive-link {padding: 3px 0; float:left;width:100%;line-height: 20px}
div.archive-link span.archive-day {font-weight: bold; font-size: 15px; float:left; margin: 0 10px 0 0;}
div.archive-link span.actual-link {}
div.archive-link span.actual-link a {text-align: left;width: 100%;line-height: 17px;}
/* ==========================================================================
   CONTENT - RIGHT-COLUMN
   ========================================================================== */
div.right-column {background-color:#FFFFFF; margin:0 0 60px 0; display:block; clear:both;}
div.right-column.content {/*border-bottom:1px solid #EFEFEF;border-left:1px solid #EFEFEF;border-top:1px solid #EFEFEF;*/padding:0 30px;display:block;width:100%; float:left;}
div.right-column h3 {border-bottom: 1px solid #EFEFEF;font-family: 'Nunito', sans-serif;text-transform: uppercase;font-weight:bold;font-size:18px;color:#444444;padding:0 0 10px 0;}
/* ==========================================================================
   CONTENT - RIGHT-COLUMN - MENU - DIRECTIONS
   ========================================================================== */
div.right-column.directions {height: 42px;width: 336px;z-index: 999; padding:0 2px 0 2px;background:#FAFAFA;}
div.right-column.directions ul {margin:0; padding:0;list-style: none outside none; height:42px;}
div.right-column.directions li {float: left; display: block;}
div.right-column.directions li a.dir-icon {background:url('../img/sprite_menu-directions.png');text-indent: -10000px; width:42px; height:42px; display:block;}
div.right-column.directions li a.dir-icon-b2b {background-position: 0 0;}
div.right-column.directions li a.dir-icon-b2b:hover {background-position: 0 42px;}
div.right-column.directions li a.dir-icon-content {background-position: -42px 0;}
div.right-column.directions li a.dir-icon-content:hover {background-position: -42px 42px;}
div.right-column.directions li a.dir-icon-design {background-position: -84px 0;}
div.right-column.directions li a.dir-icon-design:hover {background-position: -84px 42px;}
div.right-column.directions li a.dir-icon-food-en-retail {background-position: -126px 0;}
div.right-column.directions li a.dir-icon-food-en-retail:hover {background-position: -126px 42px;}
div.right-column.directions li a.dir-icon-media {background-position: -168px 0;}
div.right-column.directions li a.dir-icon-media:hover {background-position: -168px 42px;}
div.right-column.directions li a.dir-icon-online {background-position: -210px 0;}
div.right-column.directions li a.dir-icon-online:hover {background-position: -210px 42px;}
div.right-column.directions li a.dir-icon-sponsoring {background-position: -252px 0;}
div.right-column.directions li a.dir-icon-sponsoring:hover {background-position: -252px 42px;}
div.right-column.directions li a.dir-icon-zorg {background-position: -294px 0;}
div.right-column.directions li a.dir-icon-zorg:hover {background-position: -294px 42px;}
/* ==========================================================================
   CONTENT - RIGHT-COLUMN - RECTANGLE
   ========================================================================== */
div.right-column.rectangle {margin:0;background:transparent;width: 100%;justify-content: center;align-items: center;display: flex;}
div.right-column.rectangle img {padding:0 2px 0 2px;}
div.right-column.rectangle iframe {margin-bottom:60px;}
/* ==========================================================================
   CONTENT - RIGHT-COLUMN - MORE
   ========================================================================== */
div.right-column.meer h3.gelezen {background-image: url('../img/sprite_article-tools.gif');background-position: 2px -32px;background-repeat: no-repeat;padding: 0 15px 10px 30px;}
div.right-column.meer h3.reacties {background-image:url('../img/sprite_article-tools.gif');background-repeat:no-repeat;background-position: 2px -80px;background-repeat: no-repeat;padding: 0 15px 10px 30px;}
div.right-column.meer h3.hot {background-image:url('../img/sprite_article-tools.gif');background-repeat:no-repeat;background-position: 1px -320px;background-repeat: no-repeat;padding: 0 15px 10px 30px;}
div.right-column.meer h3.vac {background-image:url('../img/sprite_article-tools.gif');background-repeat:no-repeat;background-position: 1px -705px;background-repeat: no-repeat;padding: 0 0px 10px 30px;}
span.exenzo {background-image:url('../img/powered-by-exenzo.png');background-repeat:no-repeat;height:14px;width:140px;float:right;}
div.right-column.meer li {font-family: 'Roboto', sans-serif;font-size:16px;color:#444444;margin-bottom:5px; border-bottom:1px solid #efefef; padding:10px 0 10px 0; line-height:15px;}
div.right-column.meer li:last-child {margin:0 0 0px 0; border-bottom:0 none;}
div.right-column.meer li.last {margin:0; border-bottom:0 none;}
div.right-column.meer span.type {color:#444444;}
div.right-column.meer span.nieuws {font-family: 'Roboto', sans-serif;font-size:14px;margin: 0;padding: 0 8px 0 0;}
div.right-column.meer span.blog {font-family: 'Roboto', sans-serif;font-size:14px;margin: 0;padding: 0 24px 0 0;}
div.right-column.meer span.datum {text-align:right;color:#AAAAAA;font-size:14px; float:right;}
div.right-column.meer span.aantal {text-align:right;color:#AAAAAA;font-size:14px; float:right;}
div.right-column.meer ul li a, div.right-column.meer ul li a:link, div.right-column.meer ul li a:visited, div.right-column.meer ul li a:active {/*color:#444444*/;font-size:14px;display: inline; border:0 none;text-decoration: none;}
div.right-column.meer ul li a:hover, div.right-column.meer ul li a:focus {text-decoration: underline;}
div.right-column.meer a.reactie-titel {font-weight:bold;}
div.right-column.meer blockquote:after {color: #AAAAAA;content: "”";font-family: 'Trebuchet MS';font-size: 1em;margin:0 0 0 1px;}
div.right-column.meer blockquote:before {color: #AAAAAA;content: "“";font-family: 'Trebuchet MS';font-size: 1em;margin:0 1px 0 0;}
div.right-column.meer .reactie-meta {text-align:right; padding: 5px 0 0 0;}
div.right-column.meer .reactie-meta .tijd {color:#AAAAAA; font-size:0.9em;padding:0 0 0 3px;}
div.right-column.meer li.vac-meta {border:0 none; margin:0; padding:5px 0 0 0; clear:both;}
div.right-column.meer li.vac-meta a.vac-aanmelden:link {display: inline;}
div.right-column.meer li.vac-meta a.vac-items:link {float:right;font-size:14px; color: #444444;}
/* ==========================================================================
   CONTENT - RIGHT-COLUMN - MAGAZINE
   ========================================================================== */
div.right-column.magazine h3.magazine {background-image:url('../img/sprite_article-tools.gif');background-repeat:no-repeat;background-position: 2px -535px;background-repeat: no-repeat;padding: 0 15px 10px 30px;}
div.right-column.magazine h3.magazine a {float:right; margin: 0 -15px 0 0;}
div.right-column.magazine li.magazine-cover {border:0 none;padding:0; margin: 0;}
div.right-column.magazine li.magazine-cover span.coverL {float: left; padding: 15px 28px 10px 85px; /* border-right: 1px solid #EFEFEF; */ text-align: center;}
div.right-column.magazine li.magazine-cover span.coverR {float: right; padding: 15px 28px 10px 28px; text-align: center;}
div.right-column.magazine li.magazine-cover img {height: auto; width: 150px; margin:0 0 8px 0; padding: 0; display:block; overflow:hidden;}
div.right-column.magazine li {width:310px;font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#444444;margin-bottom:4px; border-bottom:1px solid #EFEFEF; padding:6px 0 6px 0; line-height:15px;}
div.right-column.magazine a {display: block;font-size:0.9em}
div.right-column.magazine li.magazine-meta {border:0 none; margin:0; padding:5px 0 0 0; clear:both; border-top:1px solid #EFEFEF;}
div.right-column.magazine li a.metaL:link {display: inline;}
div.right-column.magazine li a.metaR:link {float:right;font-size:0.9em}
/* ==========================================================================
   CONTENT - RIGHT-COLUMN - AGENDA
   ========================================================================== */
div.right-column.agenda h3.agenda {background-image:url('../img/sprite_article-tools.gif');background-repeat:no-repeat;background-position: 2px -429px;background-repeat: no-repeat;padding: 0 15px 10px 30px;}
div.right-column.agenda li {width:310px;float:left;font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#444444;border-bottom:1px solid #E7E7E7; padding:5px 0 6px 0; line-height:15px;}
div.right-column.agenda li:hover {background: none repeat scroll 0 0 #efefef;}
div.right-column.agenda div.agenda-datum {float: left;height: 40px;width: 36px; margin:0 10px 0 0; display:block; overflow:hidden;border:1px solid #E7E7E7;}
div.right-column.agenda div.agenda-datum .maand {display: block;padding: 0px; text-align: center;font-family: 'Roboto', sans-serif; font-weight:bold;font-size:10px; color: #FFFFFF; text-transform: uppercase;}
div.right-column.agenda div.agenda-datum .datum {display: block;padding: 5px; text-align: center;font-family: 'Roboto', sans-serif; font-weight:bold;font-size:20px;}
div.right-column.agenda a, div.right-column.agenda a:link, div.right-column.agenda a:visited, div.right-column.agenda a:active {/* color:#444444; */display: block; font-size:0.9em; text-decoration: none;}
div.right-column.agenda a:hover, div.right-column.agenda a:focus {text-decoration: underline;}
div.right-column.agenda span.agenda-titel {display:block; font-weight:bold; float:right; text-align: left; width: 260px;}
div.right-column.agenda span.agenda-locatie {display:block; float:right; text-align: left; width: 260px; font-style: italic;}
div.right-column.agenda li.agenda-meta {border:0 none; margin:10px 0 0 0; padding:0; clear:both;}
div.right-column.agenda li.agenda-meta:hover {background: 0 none;}
div.right-column.agenda li a.agenda-aanmelden:link {display: inline;}
div.right-column.agenda li a.agenda-items:link {float:right;font-size:0.9em; color: #444444;}
/* ==========================================================================
   CONTENT - RIGHT-COLUMN - NIEUWSBRIEF
   ========================================================================== */
div.right-column.nieuwsbrief {}
div.right-column.nieuwsbrief h3.mag_abonnee {/*color:#fff;*/}
div.right-column.nieuwsbrief h3.nieuwsbrief {/*background-image:url('../img/sprite_article-tools.gif');background-repeat:no-repeat;background-position: 2px -480px;background-repeat: no-repeat;*/padding: 0 15px 10px 0px;}
div.right-column.nieuwsbrief li {color:#2b2b2b;width:100%;float:left;font-family:Arial, Helvetica, sans-serif;font-size:1em;margin-bottom:5px; padding:20px 0 0 0; line-height:15px;}
div.right-column.nieuwsbrief iframe.widget {width: 310px; height: 26px;border: 0;margin: 0;padding: 0;overflow: hidden;}
div.right-column.nieuwsbrief form#F00 {width:310px;}
div.right-column.nieuwsbrief form#F00 fieldset {background-color: #FFFFFF;border: 1px solid #E9E9E9;width: 308px; height:24px;}
div.right-column.nieuwsbrief form#F00 input {background: #FAFAFA;border: medium none;color: #888888;float: left;font-family: 'Roboto', sans-serif; font-weight:400;font-size: 13px;height: 24px;line-height: 13px;outline: medium none;padding: 0px 4px 0px 4px;width: 211px;}
div.right-column.nieuwsbrief form#F00 input:focus {color:#2B2B2B;background: #FFFFFF;}
div.right-column.nieuwsbrief form#F00 input.btn {margin:-1px -1px 0 0;background-color: #333;border: 0 none;color: #FFFFFF;cursor: pointer;display: inline;font: bold 11px/22px Arial,Helvetica,sans-serif;height:26px;outline: 0 none;overflow: visible;padding: 2px 8px 5px;float:right;text-align: center;text-decoration: none !important;text-transform: uppercase;width: 90px;}
div.right-column.nieuwsbrief form#F00 input.btn:hover {background-color: #424242;color: #FFFFFF;cursor: pointer;text-decoration: none !important;}
div.right-column.nieuwsbrief .btn, div.right-column.meer .btn {margin:-1px -1px 0 0;background-color: #FF0000;border: 0 none;color: #FFFFFF;cursor: pointer;display: inline;font: 16px/27px "Roboto",sans-serif;height:26px;outline: 0 none;overflow: visible;padding: 6px 16px;text-align: center;text-decoration: none !important;}
div.right-column.nieuwsbrief .btn:hover, div.right-column.meer .btn:hover {background-color: #424242;color: #FFFFFF;cursor: pointer;text-decoration: none !important;}
/* ==========================================================================
   CONTENT - RIGHT-COLUMN - EVENT
   ========================================================================== */
div.right-column.event h3.event {background-image:url('../img/sprite_article-tools.gif');background-repeat:no-repeat;background-position: 2px -373px;background-repeat: no-repeat;padding: 0 15px 10px 30px;}
div.right-column.event li {text-align:center;font-family:'Roboto', sans-serif;font-size:16px;color:#444444;margin-bottom:5px; /*border-bottom:1px solid #EFEFEF;*/ padding:15px 0 15px 0; line-height:15px;}
div.right-column.event a, div.right-column.event a:link, div.right-column.event a:visited, div.right-column.event a:active {/* color:#444444; */display: block; font-size:14px; text-decoration: none;font-family:'Roboto', sans-serif;}
div.right-column.event a:hover, div.right-column.event a:focus {text-decoration: underline;}
div.right-column.event li.event-meta {text-align:left;border:0 none; margin:0; padding:0; clear:both;}
div.right-column.event li a.event-aanmelden:link {display: inline;}
div.right-column.event li a.event-items:link {float:right;font-size:14px; color: #444444;font-family:'Roboto', sans-serif;}
div.right-column.event li.event-image {position: relative;}
div.right-column.event li.event-image img {}

div.right-column.event li.event-image div.date {position: absolute;top: 24px;left: 0;background-color:#FF0000;color:#fff;padding:10px 12px 10px 12px;/*border-right:1px solid #EFEFEF; border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;*/}
body.b2b div.right-column.event li.event-image div.date {background-color:#FF0000;}
body.bureaus div.right-column.event li.event-image div.date {background-color:#FF0000;}
body.cm div.right-column.event li.event-image div.date {background-color:#FF0000;}
body.design div.right-column.event li.event-image div.date {background-color:#FF0000;}
body.food div.right-column.event li.event-image div.date {background-color:#FF0000;}
body.md div.right-column.event li.event-image div.date {background-color:#FF0000;}
body.online div.right-column.event li.event-image div.date {background-color:#FF0000;}
body.sponsoring div.right-column.event li.event-image div.date {background-color:#FF0000;}


div.right-column.event li.event-image div.date span.number {margin-top: 5px;font-family: 'Roboto', sans-serif; font-weight:bold;font-size:26px; display:block; text-align:center;}
div.right-column.event li.event-image div.date span.month-year {margin-top:4px;font-family: Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:-1px; clear:both; display:block;text-align: center;}
div.right-column.event li.event-image div.date.boxradius {-moz-border-radius: 50%; /* Firefox */  -webkit-border-radius: 50%; /* Safari and Chrome */  border-radius: 50%; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */}
div.right-column.event li.event-image h3 {font-size: 16px; padding: 20px 0;}
/* ==========================================================================
   CONTENT - RIGHT-COLUMN - TRND / SCHAALPLUS   http://slidesjs.com/
   ========================================================================== */
ul.right-column.blog {margin: 0;padding: 0;list-style-type: none;text-align: left; width:309px; float:left; display:block; position:relative; overflow:visible;}
ul.right-column.blog li {font-family: 'Roboto', sans-serif;font-weight:bold; font-size:13px;color:#2B2B2B;padding:2px 0 0 0;}
ul.right-column.blog .slides_container {width:309px;height:150px;}
ul.right-column.blog .slides_container div {width:309px;height:150px;display:block;}
ul.right-column.blog div#slides {z-index: 100;}
ul.right-column.blog div#slides img {}
ul.right-column.blog div.slides_container div.caption {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);bottom: -20px;color: #FFFFFF;font-size: 1em;height: 20px;left: 0;padding: 3px;position: absolute;text-shadow: none; width: 309px; z-index: 500;}
/* ==========================================================================
   VERTICAL FOOTER
   ========================================================================== */
div#block-verticalfooter {border: 0 none;clear: both;padding: 50px 80px; margin: 0;position: relative;display: block;float: left;width: 100%}

@media (max-width: 1600px) { 
	
	div#block-verticalfooter {padding: 0;}
}

div#verticalfooter {background:#2b2b2b; width: 100%;display: block;float: left;padding: 15px;margin: 0 0 30px 0;}
div#verticalfooter > .content-box > ul {float: left;}
/* ==========================================================================
   VERTICAL FOOTER - vertical info
   ========================================================================== */
ul.pagevertical {/*list-style-type:none;margin:0;padding:0;overflow:hidden;position:relative; float:left;*/min-height: 160px;}
ul.pagevertical li {float:left; display:inline;}
ul.pagevertical li.pagelogo {position:absolute;background:url(../img/sprite_icon-verticals.png) no-repeat left top;float:left;display:inline; width:60px;padding-right:10px; margin:5px 0 0 5px;}
ul.pagevertical li.pagelogo h4 {width:60px;display:block;}
ul.pagevertical li.pagelogo h4 a {height:60px;width:60px;display:block;text-indent: -10000px;}
ul.pagevertical li.pagelogo span {display:none;}
ul.pagevertical li.pagetext {position:absolute;float:left; display:inline; left:95px; /*width:240px;*/font-family: 'Roboto', sans-serif; font-size:16px; line-height:21px; color:#fff;padding:0 20px 0 0;}
ul.pagevertical li a {text-decoration: none;}
ul.pagevertical li.slogan {position: absolute;bottom: 0;clear:left;padding: 10px 0 0px 0;font-family: 'Roboto', sans-serif;font-weight:bold; font-size:16px;color:#fff; line-height: 17px;}
@media (max-width: 1240px) {ul.pagevertical li.slogan {visibility: hidden; display: none;}}
@media (max-width: 1240px) {ul.pagevertical li.pagetext {font-size:14px;}
                           ul.pagevertical {padding: 30px;}
                           ul.pagevertical li.pagetext {left:115px;}
}

/* ==========================================================================
   VERTICAL FOOTER - redactioneel
   ========================================================================== */
ul.pagevertical.redactioneel {/*width:100px; float:left; margin:0 20px 0 0;*/}
ul.pagevertical.redactioneel li {clear:both;/*width:100px;*/float:left; display:inline;font-family: 'Roboto', sans-serif;font-weight: 700; font-size:16px; line-height:28px;}
ul.pagevertical.redactioneel li a:hover {text-decoration:underline;}
ul.pagevertical.redactioneel li.header {font-family: 'Roboto', sans-serif;font-weight:bold; font-size:16px;color:#fff;padding:0 0 10px 0;}
/* ==========================================================================
   VERTICAL FOOTER - service
   ========================================================================== */
ul.pagevertical.service {/*width:90px; float:left; margin:0 20px 0 0;*/}
ul.pagevertical.service li {/*width:90px;*/clear:both;float:left; display:inline; font-family: 'Roboto', sans-serif;font-weight: 700; font-size:16px; line-height:28px;}
ul.pagevertical.service li a:hover {text-decoration:underline;}
ul.pagevertical.service li.header {font-family: 'Roboto', sans-serif;font-weight:bold; font-size:16px;color:#fff;padding:0 0 10px 0;}
/* ==========================================================================
   VERTICAL FOOTER - to do
   ========================================================================== */
ul.pagevertical.todo {/*width:150px; float:left; margin:0 20px 0 0;*/}
ul.pagevertical.todo li {/*width:150px;*/clear:both;float:left; display:inline;font-family: 'Roboto', sans-serif;font-weight: 700;font-size:16px; line-height:28px;}
ul.pagevertical.todo li a:hover {text-decoration:underline;}
ul.pagevertical.todo li.header {font-family: 'Roboto', sans-serif;font-weight:bold; font-size:16px;color:#fff;padding:0 0 10px 0;}
/* ==========================================================================
   VERTICAL FOOTER - partners (http://slidesjs.com/)
   ========================================================================== */ 
ul.pagevertical.partners {/*margin: 0;padding: 0;*/list-style-type: none;text-align: left; /*width:150px;*/ float:left; display:block; position:relative; overflow:visible;}
ul.pagevertical.partners li {margin-bottom:0;background-color: #fff; clear:both;font-family: 'Roboto', sans-serif;font-weight:bold; font-size:16px;color:#fff;padding:0;}
ul.pagevertical.partners li img {width: 100%;padding: 20px 20px}

/*ul.pagevertical.partners .slides_container {width:150px;height:70px;}
ul.pagevertical.partners .slides_container div {width:150px;height:70px;display:block;}
ul.pagevertical.partners div#slides {left: 0px;position: absolute;top: 25px;z-index: 100;}
ul.pagevertical.partners div#slides img {}
ul.pagevertical.partners div.slides_container div.caption {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);bottom: -20px;color: #FFFFFF;font-size: 1em;height: 20px;left: 0;padding: 3px;position: absolute;text-shadow: none; width: 150px; z-index: 500;}
*/

/* ==========================================================================
   FOOTER
   ========================================================================== */
div#block-footer {background: none repeat scroll 0 0 #FFFFFF;border-top: 1px solid #E7E7E7;border-bottom: 1px solid #E7E7E7;clear: both;padding: 20px 80px;position: relative;margin:20px 0 40px 0;}

@media (max-width: 991px) { 
	
	div#block-footer {padding: 20px 20px;}
}

div#block-footer:before {background: url("../img/shadow-top.png") no-repeat scroll center top transparent;top:-7px;content: "";height: 7px;left: 0;position: absolute;width: 100%;}
div#block-footer:after {background: url("../img/shadow.png") no-repeat scroll center top transparent;bottom:-7px;content: "";height: 7px;left: 0;position: absolute;width: 100%;}
div#footer {/*height:80px;*/padding:15px 0 15px 10px; color: #2B2B2B;font-family: Arial,Helvetica,sans-serif;font-size: 13px;}
/* ==========================================================================
   FOOTER - BBP Media
   ========================================================================== */
ul.footer.bbpmedia {/*width: 150px;float:left; margin:0 20px 0 0;*/}
ul.footer li.bbpmedia {background:url(../img/bbpmedia.png) no-repeat left top;float:left;display:inline; width:75px;padding-right:10px; margin:0px;}
ul.footer li.bbpmedia h4 {width:75px;display:block;}
ul.footer li.bbpmedia h4 a {height:50px;width:75px;display:block;text-indent: -10000px;}
ul.footer li.bbpmedia span {display:none;}
ul.footer li.copyright {clear:left;padding: 2px 0 0px 0;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#2B2B2B; line-height: 17px;}
/* ==========================================================================
   FOOTER - vertical
   ========================================================================== */
ul.footer.vertical {/*float:left; margin:0 40px 0 0;*/margin-top:25px;}
/*ul.footer.vertical.first {width: 145px;}
ul.footer.vertical.second {width: 110px;}
ul.footer.vertical.third {width: 120px;}
ul.footer.vertical.fourth {width: 120px;} */
ul.footer.vertical li {width:100%;/*float:left;*/ display:inline; font-family: 'Roboto', sans-serif; font-size:16px; line-height:30px;/*border-bottom: 1px solid #EFEFEF;*/padding:10px;}
ul.footer.vertical li a {font-size:16px;}
ul.footer.vertical li a:hover {text-decoration:underline;}
ul.footer.vertical li.header {font-family: 'Roboto', sans-serif;font-weight:bold; font-size:13px;color:#2B2B2B;}
/* ==========================================================================
   BOTTOM
   ========================================================================== */
div#block-bottom {background: none repeat scroll 0 0 #F5F5F5;padding:5px; clear:both; border-top: 1px solid #E7E7E7;}
div#bottom {height:20px;padding:5px 10px; color: #2B2B2B;font-family: Arial,Helvetica,sans-serif;font-size: 13px;}
/* ==========================================================================
   BOTTOM - info
   ========================================================================== */
ul#bottom.info {float:left; margin:0; list-style-type:none;}
ul#bottom.info li {overflow:hidden;float:left; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; line-height:17px;}
ul#bottom.info li.first:before {content: "";padding:0;}
ul#bottom.info li:before {content: "|";padding: 0 3px;}
ul#bottom.info li a {font-size:0.9em;}
#totop-scroller {background:url(../img/sprite_footer-totop.png) no-repeat scroll 0 0 #E3E3E3;display: block;height: 25px;position: absolute;right: 0;text-decoration: none;top: 0;width: 25px;z-index: 1;}
#totop-scroller:hover {background-position: 0 -50px; background-color: #333333}
/* ==========================================================================
   AUTEUR
   ========================================================================== */
.header-auteur	{width: 100%;float: left;height: auto;margin:0 0 20px 0;font-family: 'Roboto', sans-serif;font-size: 16px;}
.header-auteur .pic-auteur {/*max-width: 300px;*/}
.header-auteur .pic-auteur img {/*float: left;*/max-width: 300px;border-radius: 50%;width: 100%}


/* @media (min-width: 1200px) { 
	
	.body-auteur {margin-left: -235px;}
} */

.author-excerpts {margin-left: 0;}
.author.left {float: left;}
.author.subtitle {/*background-color:#fff;*/margin-top:0px;padding-top:0px;color: #2b2b2b;}

.author__page-body-text {}
.author__page-website {margin-bottom: 20px}

@media (max-width: 767px) { 
	
	.author.subtitle {margin-top:20px;padding-top:15px}
	div.article div.bio h3 {margin: 20px 0 15px 0}
}

@media (max-width: 1199px) {
.author__page-body-text div.body {padding-left: 0px !important;}
.author__page-body-text div.body p {padding-bottom: 0px !important;}
}

div.author__page-bedrijf span {padding-left: 6px;}
.author__page-functie span, .author__page-website span {padding-left: 15px;}

.subtitle-container.bedrijf span {padding-left: 6px;}
.subtitle-container.functie span, .subtitle-container.website span {padding-left: 15px;}
.subtitle-container.website span a {text-decoration: underline;}

.author.subtitle li,  .author.subtitle div {padding: 0 0 10px 0;}
.author.subtitle li span {padding: 0 0 0 10px;}
/*.subtitle-container {border-bottom: 1px dotted #efefef; padding: 5px; width: 360px; float: left;}*/
div.bio .subtitle-container {border:0 none; padding: 5px 0; width: 100%; float: left;font-family: 'Roboto', sans-serif;color:#2b2b2b;}
div.subtitle-container span {font-weight: normal; padding: 0; display: inline-block; position: absolute; left:70px; width: 300px;}
.subtitle-container span {padding-left: 10px;}
p.border	{margin: 0; font-weight: bold; font-size: 12px;float:left;position: relative;}
span.type	{color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; line-height: 17px; margin: 0 5px 0 0; padding: 1px 3px 2px;}
.recent-author-articles	{width: 100%; padding:5px 0 30px 15px; margin-top: 10px;font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: bold;}
.recent-author-articles p	{}
.rss-container {float:right;}
.rss-container a.rss {font-family: 'Roboto', sans-serif;font-size: 14px;background-image: url("../img/sprite_menu-social.png");background-repeat: no-repeat;background-position: -27px -92px;display: block;height: 18px;width: 30px;padding: 5px 10px 0 0;overflow: visible;clear:both;text-indent:-90px;}

#slide-vertical-content	{width: 300px;	height: 200px;	display: block;}
.latest-articles-slide {width: 300px;	height: 200px;	display: block;}

#slider-content-wrapper-mkt ul.bxslider li span.slider-title {background-image: url('../img/sprite_icon-verticals(30x30).png');background-position: 0px 0px;background-repeat: no-repeat;padding: 0 0 10px 38px;width: 100%}
/*#slider-content-wrapper-mkt ul.bxslider li span.slider-title.b2b {background-image: url('../img/sprite_icon-verticals(30x30).png');background-position: 0px -51px;background-repeat: no-repeat;font-weight: normal;padding: 0 0 10px 38px;width: 100%}
#slider-content-wrapper-mkt ul.bxslider li span.slider-title.bureaus {background-image: url('../img/sprite_icon-verticals(30x30).png');background-position: 0px -450px;background-repeat: no-repeat;font-weight: normal;padding: 0 0 10px 38px;width: 100%}
#slider-content-wrapper-mkt ul.bxslider li span.slider-title.content {background-image: url('../img/sprite_icon-verticals(30x30).png');background-position: 0px -101px;background-repeat: no-repeat;font-weight: normal;padding: 0 0 10px 38px;width: 100%}
#slider-content-wrapper-mkt ul.bxslider li span.slider-title.design {background-image: url('../img/sprite_icon-verticals(30x30).png');background-position: 0px -151px;background-repeat: no-repeat;font-weight: normal;padding: 0 0 10px 38px;width: 100%}
#slider-content-wrapper-mkt ul.bxslider li span.slider-title.food-en-retail {background-image: url('../img/sprite_icon-verticals(30x30).png');background-position: 0px -201px;background-repeat: no-repeat;font-weight: normal;padding: 0 0 10px 38px;width: 100%}
#slider-content-wrapper-mkt ul.bxslider li span.slider-title.media {background-image: url('../img/sprite_icon-verticals(30x30).png');background-position: 0px -251px;background-repeat: no-repeat;font-weight: normal;padding: 0 0 10px 38px;width: 100%}
#slider-content-wrapper-mkt ul.bxslider li span.slider-title.online {background-image: url('../img/sprite_icon-verticals(30x30).png');background-position: 0px -301px;background-repeat: no-repeat;font-weight: normal;padding: 0 0 10px 38px;width: 100%}
#slider-content-wrapper-mkt ul.bxslider li span.slider-title.sponsoring {background-image: url('../img/sprite_icon-verticals(30x30).png');background-position: 0px -351px;background-repeat: no-repeat;font-weight: normal;padding: 0 0 10px 38px;width: 100%}
#slider-content-wrapper-mkt ul.bxslider li span.slider-title.zorg {background-image: url('../img/sprite_icon-verticals(30x30).png');background-position: 0px -400px;background-repeat: no-repeat;font-weight: normal;padding: 0 0 10px 38px;width: 100%}*/

#slider-content-wrapper-mkt ul.bxslider li span {font-weight:bold; padding: 0 8px 0 0;display: inline-block;clear: both;color: #000;}
#slider-content-wrapper-mkt ul.bxslider li span.weblog {font-weight: bold; padding: 0 5px 0 0;}
span.md {display: inline;}

#slider-content-wrapper-mkt ul.bxslider li span.slide_title {font-weight: 300; padding:0;display: inline-block;width: 100%}
/* ==========================================================================
   FILE-COMPONENT
   ========================================================================== */
div.file-component {margin: 0 0 15px 30px; line-height: 19px; float: left; display: block;width: 100%}
div.file-component div.icon {float:left; width: 40px; height:40px;background-image: url("../img/pdf.png")!important;}
div.file-component div.filename {padding: 0 0 0 20px;}
div.file-component div.filename span.bullet {visibility: hidden; font-size: 1px;}
div.file-component div.info {visibility: hidden;}


.fancybox-skin {
    background: transparent;
    box-shadow: none !important;
}
/* COOKIES */
#cookie-bar {/*background:url("../img/bg-cookie.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/margin: 0 auto;padding: 1em 0 1em 0;width: 100%;z-index: 1;position: fixed;bottom: 0px;background-color: #000;opacity: 0.8;}
#cookie-bar p {max-width: 75em;margin: 0 auto;text-align: center;width: 100%;color:#eeeeee; font-size: 0.875em;line-height:19px;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:4px 10px; margin-left:10px;}
#cookie-bar a.cookie-more {padding: 0; text-decoration: underline;margin: 0;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

/* Table component */
div.table-component {font-family: Arial,Helvetica,sans-serif;font-size: 13px;line-height: 19px;color:#000;}

span.bubble{background:#fff;border:1px solid #ccc;border-radius:2px;font-size:11px;margin-left:5px;padding:3px 6px 4px 6px;position:absolute}
span.bubble::after,span.bubble::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;right:100%;top:50%;width:0}
span.bubble::after{border-color:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);border-width:4px;margin-top:-4px}
span.bubble::before{border-color:rgba(192,192,192,0) #ccc rgba(192,192,192,0) rgba(192,192,192,0);border-width:5px;margin-top:-5px}
div.social div#twitter span.bubble{position:relative;float:right;color: #444;}
div#twitter iframe{float:left}


/* ==========================================================================
   LETS GO RESPONSIVE - OMDAT HET KAN
   ========================================================================== */


/* ==========================================================================
   MAIN MENU
   ========================================================================== */

.menu-toggle                        {font-family: 'Roboto', sans-serif; font-weight:400;color: #ffffff;float: right;font-size: 1.25em;line-height: 30px;opacity: 0.6;padding: 20px 0}
.menu-toggle .menu-toggle-text      {display: none;}

@media only screen and (min-width: 768px) {

  .menu-toggle                    {cursor: pointer;transition: all 0.1s ease 0s;padding:20px;}
  .menu-toggle:hover              {opacity: 1;}
  .menu-toggle .menu-toggle-text  {display: inline-block;}
}

.menu-toggle .menu-toggle-hamburger {display: inline-block;height:20px;margin: 0 10px -4px 0;position: relative;width: 24px;}

.menu-toggle .menu-toggle-hamburger span,
.menu-toggle .menu-toggle-hamburger span::before,
.menu-toggle .menu-toggle-hamburger span::after     {background: #ffffff none repeat scroll 0 0;content: "";height: 4px;left: 0;position: absolute;top: 8px;transition: all 0.1s ease 0s;width: 100%;}
.menu-toggle .menu-toggle-hamburger span::before    {top: -8px;}
.menu-toggle .menu-toggle-hamburger span::after     {top: 8px;}

.menu-toggle.on                                     {opacity: 1;}
.menu-toggle.on .menu-toggle-hamburger span         {background-color: transparent;}
.menu-toggle.on .menu-toggle-hamburger span::before,
.menu-toggle.on .menu-toggle-hamburger span::after  {top: 0;}
.menu-toggle.on .menu-toggle-hamburger span::before {transform: rotate(45deg);}
.menu-toggle.on .menu-toggle-hamburger span::after  {transform: rotate(-45deg);}

.menu-wrap            {bottom: 0;left: 0;overflow: hidden;position: fixed;right: 0;top: 0;visibility: hidden;z-index: 100;}
.menu-wrap.on         {visibility: visible;}
.menu-wrap.on .menu   {opacity: 1;visibility: visible;}

@media only screen and (min-width: 768px) {

  .menu-wrap.on .menu-overlay       {opacity: 0.4;}
  .menu-wrap.on .menu-overlay:hover {opacity: 0.2;}
  .menu-wrap.on .menu               {transform: translate(0px, 0px);transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
}

.menu-overlay {background: #22313f none repeat scroll 0 0;display: none;}

@media only screen and (min-width: 768px) {

  .menu-overlay {bottom: 0;cursor: pointer;display: block;left: 0;opacity: 0;position: fixed;right: 0;top: 0;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
}

.menu {background: #FF0000 none repeat scroll 0 0;bottom: 0;left: 0;opacity: 0;overflow: auto;padding: 20px 25px 30px;position: absolute;right: 0;top: 0;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;visibility: hidden;z-index: 110;}

@media only screen and (min-width: 768px) {

  .menu {left: auto;opacity: 1;padding: 0 30px 30px;transform: translate(100%, 0px);visibility: visible;width: 320px;}
}

.menu .menu-toggle {height: 40px;line-height: 1;opacity: 0.6;position: absolute;right: 25px;top: 46px;}

@media only screen and (min-width: 768px) {

  .menu .menu-toggle {right: 18px;top: 26px;}
}

.menu .menu-toggle:hover  {opacity: 1;}
.menu h4                  {color: #ffffff;font-size: 12px;font-weight: 400;margin-top: 20px;opacity: 0.6;}
#verticals                {list-style: outside none none;margin:0;position: relative;padding-top: 10px;}
#verticals li             {display: block;}
#verticals li.first       {margin-top:30px;}   
#verticals li a           {color: #ffffff;display: block;font-size: 14px;font-weight: 400;line-height: 1;padding: 8px;}
#verticals li a:hover, #verticals li.selected   {background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;text-decoration: none;}
#verticals .menu-tags     {display: none;}

.social-menu              {list-style: outside none none;margin-top: 10px;position: relative;width: 100%;}
.social-menu.circle li a  {border-radius: 100%;}
.social-menu li           {display: inline-block;width: 36px;}
.social-menu li a         {background: #ffffff none repeat scroll 0 0;color: #65c6bb;display: block;font-size: 14px;line-height: 1;opacity: 0.8;padding: 10px 7px;width: 34px;}
.social-menu li a:hover   {opacity: 1;}

.social-menu li a .social-ebay    {margin-left: -6px;}
.social-menu li a .social-gmail   {font-size: 13px;margin-left: -3px;}
.social-menu li a .social-vimeo   {margin-left: -3px;}
.social-menu li a .social-weibo   {margin-left: -1px;}
.social-menu li a .social-medium  {font-size: 12px;}
.social-menu li a .social-tweets,
.social-menu li a .social-vimeo   {font-size: 13px;}

.menu-extra 		{margin-top:20px;border-top: 1px solid #FFB39F;padding: 8px 0;}
.menu-extra li      {color: #fff;}
.menu-extra li a 	{color: #fff;display: inline;font-size: 14px;line-height: 24px;padding: 8px;}

.search {margin: 10px 0 0 0;}
.search input {background: rgba(0, 0, 0, 0) none repeat scroll 0 center;border: 0 none;color: #ffffff;display: block;font-size: 15px;line-height: 1.3;padding: 10px 12px;transition: all 0.14s ease-in-out 0s;width: 100%;}
.search input:focus {background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;outline: 0 none;}
.search *:-moz-placeholder {color: #ffffff;opacity: 0.6;}
.search *::-moz-placeholder {color: #ffffff;opacity: 0.6;}

.menu-toggle {color: #444;}
.menu-toggle .menu-toggle-hamburger span, .menu-toggle .menu-toggle-hamburger span::before, .menu-toggle .menu-toggle-hamburger span::after {
    background: #444 none repeat scroll 0 0;
}
.post-nav a {
    color: #f4f4f4;
}
.menu-overlay {
    background: #22313f none repeat scroll 0 0;
}
.menu .menu-toggle .menu-toggle-hamburger span::before, .menu .menu-toggle .menu-toggle-hamburger span::after {
    background: #ffffff none repeat scroll 0 0;
}
#verticals li a {
    color: #ffffff;
}
#verticals li a:hover {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
}
.search input {
    color: #ffffff;
}
.search input:focus {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
}
.search *:-moz-placeholder {
    color: #ffffff;
}
.search *::-moz-placeholder {
    color: #ffffff;
}
.social-menu li a {
    background: #ffffff none repeat scroll 0 0;
    color: #ff00ff;
}


/* ==========================================================================
   CONTENT - articles - header - tools in excerpts
   ========================================================================== */
.excerpt {padding-bottom: 30px;}
div.article div.content-box div.excerpt div.header div.tools-excerpt {border:0 none;width:auto;height:auto;line-height:15px;list-style-type:none;margin:2px 0 0 0;overflow:hidden;position: relative;background-color:inherit;padding:6px;font-family: Arial, Helvetica, sans-serif; font-size:13px;}
div.article div.content-box div.excerpt div.header div.tools-excerpt span {float:left;text-align:left;clear:none;background-image:none;width:auto;}
div.article div.content-box div.excerpt div.header div.tools-excerpt span a.tools, a.tools:link, a.tools:visited {text-decoration:none; border:0 none; padding:0;font-family: 'Roboto', sans-serif; font-weight:400;font-size:0.9em;color:#fff; border:0 none; padding:0; display:block;line-height:14px;}
div.article div.content-box div.excerpt div.header div.tools-excerpt span a.tools:hover, a.tools:active, a.tools:focus {text-decoration:underline;}
/* div.article div.content-box div.excerpt div.header div#tools span.datum {visibility: hidden;display: none;}
div.article div.content-box div.excerpt div.header div#tools span.gelezen {background-position: 0;border:0 none;padding:0 10px 0 0;width:auto;float: right;visibility: hidden;display: none;}
div.article div.content-box div.excerpt div.header div#tools span.reacties {background-position: 0px -79px;border-bottom:1px solid #E9E9E9;padding:0;visibility: hidden;display: none;}
div.article div.content-box div.excerpt div.header div#tools span.tag {background-position: 0px -592px;padding:3px 0 2px 30px; font-weight:bold;visibility: hidden;display: none;}
*/
div.article div.content-box div.excerpt div.header div.tools-excerpt span.auteur {background-position: 0px -124px;border:0 none;padding:0 0 0 10px;width:auto;float: right;}
div.article div.content-box div.excerpt div.header div.tools-excerpt span.origin {font-family: 'Roboto', sans-serif;color:#fff;line-height:10px;margin:0;padding:2px 0 0 2px;text-transform: uppercase;font-size: 12px;font-weight: 300;width:auto;}
div.article div.content-box div.excerpt div.header img {/*min-height:120px;max-height:120px;*/}
div.article div.content-box div.excerpt div.intro span.type {line-height:17px;font-family: 'Roboto', sans-serif; font-size:16px;font-weight:100;color: #999;margin: 0 5px 0 0;padding: 0;font-style: italic}


/*div.excerpt .bg-algemeen {background-color: #ff6600!important;}
div.excerpt .bg-b2b {background-color: #FF0000!important;}
div.excerpt .bg-bureaus {background-color: #FF0000!important;}
div.excerpt .bg-content {background-color:#FF0000!important;}
div.excerpt .bg-design {background-color:#FF0000!important;}
div.excerpt .bg-food-en-retail {background-color: #FF0000!important; opacity: 0.8}
div.excerpt .bg-media {background-color: #FF0000!important;}
div.excerpt .bg-online {background-color:#FF0000!important;}
div.excerpt .bg-sponsoring {background-color:#FF0000!important;}
div.excerpt .bg-whitepaper {background-color: #FF0000!important;}*/

div.excerpt .bg-algemeen {background-color: #FF0000!important;}
div.excerpt .bg-b2b {background-color: #FF0000!important;}
div.excerpt .bg-bureaus {background-color: #FF0000!important;}
div.excerpt .bg-content {background-color:#FF0000!important;}
div.excerpt .bg-design {background-color:#FF0000!important;}
div.excerpt .bg-food-en-retail {background-color: #FF0000!important;}
div.excerpt .bg-media {background-color: #FF0000!important;}
div.excerpt .bg-online {background-color:#FF0000!important;}
div.excerpt .bg-sponsoring {background-color:#FF0000!important;}
div.excerpt .bg-whitepaper {background-color: #FF0000!important;}

/* subtitles clickable op homepage */
a.intro_link, a.intro_link:hover, a.intro_link:active, a.intro_link:visited, a.intro_link:focus {text-decoration: none; cursor: pointer;}



/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
   position: relative;
   margin: 0 auto 15px;
   padding: 0;
   *zoom: 1;
}

.bx-wrapper img {
   max-width: 100%;
   display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
   /* -moz-box-shadow: 0 0 5px #ccc;
   -webkit-box-shadow: 0 0 5px #ccc;
   box-shadow: 0 0 5px #ccc; */ 
   border-bottom: 1px solid #EFEFEF; /* solid #fff 5px; */
   /* left: -5px; */
   background: #fff;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   line-height: 32px;
   padding: 0 0 5px 0;
}

@media (max-width: 1440px) { 

	.bx-wrapper .bx-viewport {font-size: 13px;line-height: 24px;}
	#slider-next-container {float: right!important; left:0!important; right:0;}
	.bx-wrapper .bx-pager.bx-default-pager a {width: 12px!important;height: 12px!important;}
	#slider-content-wrapper-mkt ul.bxslider li span.fix {visibility: hidden;display: none;}
}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
   position: absolute;
   /* bottom: -28px; */
   width: 100%;
}

/* TITLE */
.slider-title {
   font-family: 'Nunito', sans-serif;
   font-size: 18px;
   border-bottom: 1px solid #EFEFEF;
   line-height: 32px;
   margin: 0 0 8px 0;
   color: #000;
   text-transform: uppercase;
}
span.slider-title {
   width: 275px;
   display: block;
   float:left;
}

.bx-clone {}

/* LOADER */

.bx-wrapper .bx-loading {
   min-height: 50px;
   background: url(images/bx_loader.gif) center center no-repeat #fff;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
   text-align: center;
   font-size: .85em;
   font-family: Arial;
   font-weight: bold;
   color: #666;
   padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
   display: inline-block;
   *zoom: 1;
   *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
   background: #666;
   text-indent: -9999px;
   display: block;
   width: 16px;
   height: 16px;
   margin: 0 5px;
   outline: 0;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}
/*
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
   background: #000;
} */

/* DIRECTION CONTROLS (NEXT / PREV) */

/* .bx-wrapper .bx-prev {
   left: 10px;
   background: url(../img/controls.png) no-repeat 0 -32px;
} */
#slider-prev {}
#slider-prev a.bx-prev {
   background: url(../img/controls.png) no-repeat 0 0px;
   text-indent: -10000px;
   display: block;
   height: 25px;
   width: 25px;
}
#slider-prev a.bx-prev:hover {
   background: url(../img/controls.png) no-repeat -25px 0px;
   text-indent: -10000px;
   display: block;
}
#slider-next a.bx-next {
   background: url(../img/controls.png) no-repeat 0 -25px;
   text-indent: -10000px;
   display: block;
   height: 25px;
   width: 25px;
}
#slider-next a.bx-next:hover {
   background: url(../img/controls.png) no-repeat -25px -25px;
   text-indent: -10000px;
   display: block;
}
/*
.bx-wrapper .bx-next {
   right: 10px;
   background: url(../img/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
   background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
   background-position: -43px 0;
}
*/
.bx-wrapper .bx-controls-direction a {
   position: absolute;
   top: 50%;
   margin-top: -16px;
   outline: 0;
   width: 32px;
   height: 32px;
   text-indent: -9999px;
   z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
   display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
   text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
   display: block;
   text-indent: -9999px;
   width: 10px;
   height: 11px;
   outline: 0;
   background: url(images/controls.png) -86px -11px no-repeat;
   margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
   background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
   display: block;
   text-indent: -9999px;
   width: 9px;
   height: 11px;
   outline: 0;
   background: url(images/controls.png) -86px -44px no-repeat;
   margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
   background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
   text-align: left;
   width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
   right: 0;
   width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
   position: absolute;
   bottom: 0;
   left: 0;
   background: #666\9;
   background: rgba(80, 80, 80, 0.75);
   width: 100%;
}

.bx-wrapper .bx-caption span {
   color: #fff;
   font-family: Arial;
   display: block;
   font-size: .85em;
   padding: 10px;
}
/* algemeen */
.bx-pager div:nth-child(1) a:hover,
.bx-pager div:nth-child(1) a.active {
   background-color:#FF0000;
}
/* b2b */
.bx-pager div:nth-child(2) a:hover,
.bx-pager div:nth-child(2) a.active {
   background-color:#FF0000;
}
/* bureaus */
.bx-pager div:nth-child(3) a:hover,
.bx-pager div:nth-child(3) a.active {
   background-color:#FF0000;
}
/* content */
.bx-pager div:nth-child(4) a:hover,
.bx-pager div:nth-child(4) a.active {
   background-color:#FF0000;
}
/* design */
.bx-pager div:nth-child(5) a:hover,
.bx-pager div:nth-child(5) a.active {
   background-color:#FF0000;
}
/* food */
.bx-pager div:nth-child(6) a:hover,
.bx-pager div:nth-child(6) a.active {
   background-color:#FF0000;
}
/* media */
.bx-pager div:nth-child(7) a:hover,
.bx-pager div:nth-child(7) a.active {
   background-color:#FF0000;
}
/* online */
.bx-pager div:nth-child(8) a:hover,
.bx-pager div:nth-child(8) a.active {
   background-color:#FF0000;
}
/* sponsoring */
.bx-pager div:nth-child(9) a:hover,
.bx-pager div:nth-child(9) a.active {
   background-color:#FF0000;
}
/* zorg */
.bx-pager div:nth-child(10) a:hover,
.bx-pager div:nth-child(10) a.active   {
   background-color:#CC3366;
}

.slider-nav-container {}

#slider-prev-container  {
   position: relative;
   bottom: 0;
   left: 0;
   width: 20px;
   height: 20px;
   float: left;
   display: block;
   
   }

#slider-next-container  {
   position: relative;
   bottom: 0;
   left: 30px;
   width: 20px;
   height: 5px;
   float: left;
   display: block;  

   }

#slider-content-wrapper-mkt {}
.mt-header {top:0;position: fixed;z-index: 1;width: 100%;background-color: #fff; padding: 10px 20px;border-bottom: 10px solid #FF0000}

@media (min-width: 1600px) { .mt-header {padding: 10px 80px;} }

#disqus_thread {width:100%;margin-left: 15px;}


.wp-disqus-pt-popup {
    position: absolute;
    color: #fff;
    background-color: #444444;   /* was background-color: #404040; */
    border: 1px solid rgba(0, 0, 0, .4);
    border-radius: .5em;
    box-shadow: 0px 1px rgba(255, 255, 255, .4) inset;
    padding: 5px;
    width: 250px;
      z-index: 100;
  }
  .wp-disqus-pt-popup:after {
    content: '';
    position: absolute;
    top: 11px;
    right: -8px;
    border-width: 8px 0px 8px 8px;
    border-style: solid;
    border-color: transparent #444444;
  }
  .wp-disqus-pt-popularcomment-container {
    padding: 8px 20px 8px 0px;
    line-height: 17px;         /* toegevoegd */
  }
  .wp-disqus-pt-popularcomment-container a {font-size: 14px;display:inline-block;line-height: 23px;}
  .wp-disqus-pt-popularcomment-container a:first-letter {text-transform: capitalize;}
  .wp-disqus-pt-popularcomment-count {
    position: absolute;
    top: 5px;
    right: 0px;
    padding: 2px 5px 3px 5px;  /* was padding: 1px 6px; */ 
    border-radius: 4px;
    margin: 2px -5px;
    color: white;
    background-color: #444444; /* was background-color: black; */
    font-size: 14px;          /* toegevoegd */
    font-weight: bold;         /* toegevoegd */
    line-height: 14px;         /* toegevoegd */
  }
  .wp-disqus-pt-popularcomment-count:after {
    content: '';
    position: absolute;
    bottom: -4px;
    right: 7px;
    border-width: 5px 5px 0 0;
    border-style: solid;
    border-color: #444444 transparent;  /* was border-color: black transparent; */
  }
  .wp-disqus-pt-popularcomment-graph {
    border-radius: 2px;
    /* margin: -5px; niet nodig */
  }
  /* Toevoegingen aan MT */
  .wp-disqus-pt-popularcomment {border-bottom: 1px solid #efefef; font-size:0.9em;}
  .wp-disqus-pt-popularcomment:last-child {border-bottom: 0 none; margin: 0 0 -10px 0;}



  /**
* material-scrolltop
*
* Author: Bartholomej
* Website: https://github.com/bartholomej/material-scrolltop
* Docs: https://github.com/bartholomej/material-scrolltop
* Repo: https://github.com/bartholomej/material-scrolltop
* Issues: https://github.com/bartholomej/material-scrolltop/issues
*/

.material-scrolltop {
    display: block;
    position: fixed;
    width: 0;
    height: 0;
    bottom: 23px;
    right: 23px;
    padding: 0;
    overflow: hidden;
    outline: none;
    border: none;
    border-radius: 2px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    border-radius: 50%;
    /*background: #FF0000;*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
}

.material-scrolltop:hover {
    /*background-color: #FF0000;*/
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
}

.material-scrolltop::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 0;
    border-radius: 100%;
    background: #FF0000;
		cursor: pointer;	
}

.material-scrolltop:active::before {
    width: 120%;
    padding-top: 120%;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.material-scrolltop.reveal {
    width: 56px;
    height: 56px;
}

.material-scrolltop span {
    display: block;
    font-size: 25px;
    color: #fff;
}

.material-scrolltop,
.material-scrolltop::before {
    background-image: url(/templates/img/resp/top-arrow.svg);
    background-position: center 50%;
    background-repeat: no-repeat;
}
.material-scrolltop {background-color:#FF0000}
.material-scrolltop:hover {background-color:#FF0000}


/* ZOEKRESULTATEN */

#main-column-title {font-family: 'Roboto', sans-serif; font-size:20px;font-weight:bold;color:#2B2B2B; margin:0 0 15px 0; border:0 none; padding:0; line-height:22px}
.search-result h1.titel {font-family: 'Roboto', sans-serif; font-size:18px;font-weight:bold;color:#2B2B2B; margin:15px 0 10px 0; border:0 none; padding:0; line-height:21px}
.search-result div.header {margin: 0 0 10px 0;}
.search-result div.header img {padding-right: 0;}
.search-result div.intro {padding: 10px 0 30px 0;}
.search-result div.intro p {font-size: 14px;}
.search-result div.intro b:nth-of-type(2) {color:#FF0000;}
.search-result div.intro a {text-decoration:none; color:#2B2B2B; border:0 none; padding:0;cursor:pointer;}
.search-result h1.titel a b {color:#FF0000;}

.search {
	/* width: 940px; */
	}

.search-width	{
	/* width: 940px !important; */
	padding: 0 !important;
	}

#search-page-block	{
	/* width: 940px; */
	height: 14px;
	background: url("../img/sprite_bg-verticals.png") repeat-x scroll left top #F36C23;
	color: #F4F4F4;
	padding: 6px 0;
	}

#search-header	{
padding-bottom: 15px;
	}

/*.search-header-left	{
	float: left;
	width: 200px;
	height: auto;
	font-family: 'Roboto',sans-serif;
    font-size: 1em;
	}
.search-header-right {
	float: right;
	height: auto;
	margin: -3px 5px 0 0;
	font-family: 'Roboto',sans-serif;
    font-size: 0.9em;
    font-weight: 400;
	}  */

/*select#sort {
	background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #333333;
    font-family: 'Roboto',sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    height: 21px;
    line-height: 13px;
    outline: medium none;
    padding: 2px;
    width: 125px;
    margin:0 0 0 5px;
	} */

#main-content-search {
	width: 100%; 	height: auto;
	}

#search-left-column	{
	/* width: 220px;
	margin: 0 19px 20px 0; */
	height: auto;
	background: none repeat scroll 0 0 #FFFFFF;
  /* border-bottom: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF;
 	border-top: 1px solid #EFEFEF; */
 	float: left;
 	padding: 0 15px 0 15px;
 	position: relative;
 	text-align: left;
	}

.title-search	{
	margin: 10px 0;
	}

.search-box-container	{
	margin-top: 0px;
	padding: 5px;
	/* width: 210px; */
   /* overflow-y: scroll; */
	/* border-top: 1px dotted #EBEBEB;
	border-bottom: 1px dotted #EBEBEB; */
	}

.table-row	{
	width: auto;
	height: 18px;
	display: table-row;
	margin-top: 2px;
	font-family: 'Roboto',sans-serif;
	}

.checkbox	{
	margin-right: 5px;
	}

#main-column	{
	/* width: 650px;
	height: auto;
	float: right;
	margin: 15px 20px 0 0;  */
	}

.main-column-title	{
	margin: 0 auto;
	height: 20px;
	margin-top: 10px;
	border-bottom: 1px dotted #ebebeb;
	}

.stuck	{
	position: fixed!important;
	top: 130px;
	z-index: 1;
	}

.sticky-wrapper	{
	/*min-width: 250px;*/
	float: left;
	}

/* .catsearch {
	height: 175px;
	}

.typesearch {
	height: 75px;
	} */

label {
	cursor: pointer;
	font-size: 0.9em;
	}
.search-count {font-size: 0.9em; color: #AAAAAA; margin: 0 0 0 3px;}
.search-fail {font-family: 'Roboto',sans-serif;font-size: 14px; line-height: 19px;}
/* div.article div.header {width:400px; border:0 none;} */
/* div.article div.header img {width:auto;} */

select#sort {
-moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url('/templates/img/resp/arrow_down.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding: 0 45px 0 10px;
    background-attachment: scroll;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    max-width: 100%;
    display: inline-block;
    outline: 0; 
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
    font-weight: 400;
    height: 40px;
}

.search-wrap {padding-top: 80px}

@media (max-width: 991px) { 
	
	div#search-header {position: fixed;top: 100px;left: 0;z-index: 1;width: 100%;background-color: #fff;padding:20px 30px;border-bottom: 1px solid #FF0000}
	div.search-rest {visibility: hidden;display: none;}
	div.search-wrap {/*margin-top: 200px;*/}
}
#banner-billboard {margin: 0 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center}

/* B2B */
#div-gpt-ad-1399018869359-0 iframe, #div-gpt-ad-1399018869359-1 iframe,
/* Bureaus */
#div-gpt-ad-1399019045364-0 iframe, #div-gpt-ad-1399019045364-1 iframe,
/* Content */
#div-gpt-ad-1399020552250-0 iframe, #div-gpt-ad-1399020552250-1 iframe,
/* Design */
#div-gpt-ad-1399020619695-0 iframe, #div-gpt-ad-1399020619695-1 iframe,
/* Food en Retail */
#div-gpt-ad-1399020759555-0 iframe, #div-gpt-ad-1399020759555-1 iframe,
/* Media */
#div-gpt-ad-1399020865363-0 iframe, #div-gpt-ad-1399020865363-1 iframe,
/* Online */
#div-gpt-ad-1399020932388-0 iframe, #div-gpt-ad-1399020932388-1 iframe,
/* Portal */
#div-gpt-ad-1399018523344-0 iframe, #div-gpt-ad-1399018523344-1 iframe,
/* Sponsoring */
#div-gpt-ad-1399020995094-0 iframe, #div-gpt-ad-1399020995094-1 iframe

{width:100%;height:100%;min-height: 620px;}

/* leaderboard margin */
#banner-billboard > div {margin-bottom: 40px;}
.teads-inread {margin: 30px 0 60px 0!important;}
div.ean_element {margin-top:30px;}

div.right-column p.partnerblog-tag {font-weight:bold;border-bottom: 1px solid #EFEFEF;padding: 20px 0 10px 0;font-size: 14px;line-height: 21px;}

#video-container-1 iframe#gracious {margin: -60px -100px -20px -250px; padding: 0}
@media (max-width: 1199px) {
	#video-container-1 iframe#gracious {margin: -60px -45px 0 -45px!important; padding: 0!important; width: 120%;}
}

.kruimel {font-family: 'Roboto',sans-serif;position: absolute;top: 38px;left: 200px;font-size: 16px;}
.kruimel a {text-decoration: underline;}

@media (max-width: 991px) {
	.kruimel, #exampleModal, .modal-backdrop, .modal {visibility: hidden;display: none!important;}
}

/* Inpage video */
div#bb-iawr-inarticle-bbp_media_marketingtribune_nl {margin-top:20px;margin-bottom:50px!important}


/* VACATURE WIDGET */

.mt-vac							{}
div.right-column.mt-vac-widget 			{margin:100px 0;}
.mt-vac_intro				{padding: 20px 20px 20px 10px;border-bottom:1px solid #EFEFEF}
.mt-vac_intro, .mt-vac_intro p	{font-family: 'Roboto',sans-serif;font-size: 14px; line-height: 19px;font-weight: bold;}
.mt-vac_intro a 		{color:#FF0000;text-decoration: underline;}
.mt-vac_listing 		{height:110px;border-bottom:1px solid #EFEFEF;margin-left: 0;margin-right: 0;overflow: hidden;}
.mt-vac_listing:hover				{background-color: #efefef;}
.mt-vac_link				{}
.mt-vac_listing-img	{line-height:140px;}

@media (max-width: 1200px) {
.mt-vac_listing-img {display: none; visibility: hidden;}
.mt-vac_listing			{height: auto;}
.mt-vac_listing-txt	{padding-top: 10px !important;padding-bottom: 10px}
}

.mt-vac_img					{max-width: 100%;max-height:100px;}
.mt-vac_listing-txt	{padding-top: 30px;line-height: 19px;}
div.right-column.mt-vac-widget .btn {margin:-1px -1px 0 0;background-color: #FF0000;border: 0 none;color: #FFFFFF;cursor: pointer;display: inline;font: 16px/27px "Roboto",sans-serif;height:26px;outline: 0 none;overflow: visible;padding: 6px 16px;text-align: center;text-decoration: none !important;}
div.right-column.mt-vac-widget .btn:hover {background-color: #424242;color: #FFFFFF;cursor: pointer;text-decoration: none !important;}

/* enquete in header website */
.survey {left: 370px;position: absolute;top: 5px}
@media (max-width: 1200px) {.survey {left: 270px;}}
@media (max-width: 940px) {.survey {left: 170px;}}
@media (max-width: 850px) {.survey {visibility: hidden;display: none;}}


/* TOEVOEGING HERO OP HOMEPAGE */
.h-np 											{padding:0}
/* billboard verhuist naar boven de header */
#banner-billboard 					{padding-top: 20px;border-bottom: 1px solid #efefef;margin-bottom: 5px;}
#banner-billboard > div 		{margin: 0 auto 20px auto;}
/* header krijgt hierdoor een affix */
.affix 											{position:fixed;top:0;right:0;left:0;z-index: 1030;}
/* nu het menu verbouwen en hernoemen */
.mt-header-hero 						{z-index: 1;width: 100%;background-color: #fff;padding: 10px 40px;border-bottom: 10px solid #FF0000;}
@media (min-width: 1600px) 	{
	.mt-header-hero 					{padding: 10px 100px;}
}
/* block-hero toevoegen */
.hero 											{display: block;margin: 0 auto;}
.hero--home 								{background-color: #fff;height: calc(50vh - 10rem);max-height:28em;min-height:26em;}
.hero__block 								{float: left;position: relative;height: 100%;backface-visibility: hidden;overflow: hidden;background-color: #FF0000;}

/* blokken */
.hero__block--home-primary		{height:100%;}
.hero__block--home-secondary 	{height: 50%;}
/* afbeeldingen */
.hero-primary-img 		{width:100%;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.hero-secondary-img 	{width:100%;position: absolute;top:35%;left:50%;transform: translate(-50%, -50%);}
/* titels */
.hero-primary-title 	{font-family: 'Roboto', sans-serif;font-size:24px;font-weight:bold;color:#fff;margin:0;border:0 none;padding:10px 20px;line-height:27px;position: absolute;bottom:0;background-color: #2b2b2b;}
.hero-secondary-title {font-family: 'Roboto', sans-serif;font-size:18px;font-weight:bold;color:#fff;margin:0;border:0 none;padding:15px;line-height:21px;position: absolute;bottom: 0;background-color: #2b2b2b;width: 100%}


/* om responsive te worden en te blijven */
@media (min-width: 576px) {

	.hero__block 				{border-right: 1px solid #fff;}
}
@media (max-width: 576px) {
	
	/* .hero-primary-title {font-size: 18px;width: 100%;padding: 15px;} */
	.hero-secondary-img 	{top:50%;}
}
@media (max-width: 768px) {
	
	.hero__block 					{height: 50%;}
	.hero-primary-img 		{top:25%;height:auto;}
	.hero-secondary-title {padding: 5px 10px;}
	.hero-primary-title 	{font-size: 18px;width: 100%;padding: 5px 10px;line-height: 21px;}

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) { /* padding toevoegen */

	div#block-content 	{margin: 40px 0 0 0;padding:0 95px;}
  div#block-hero 			{margin: 0;padding: 0 110px;}
  .hero-primary-title {padding: 15px 20px;}
  .hero--home 				{background-color: #fff;height: calc(60vh - 10rem);max-height:43em;min-height:26em;}

}
@media (min-width: 1400px) {
	.hero--home 				{background-color: #fff;height: calc(60vh - 10rem);max-height:43em;min-height:31em;}
}



/* opleuken backend */
.hero__block button.btn {cursor: pointer;background-color:#FF0000;color:#fff;border-radius:0;}
.hero__block button.btn:hover {color: #2b2b2b;}


.excerpt--home-hero {padding-bottom: 0;margin-bottom: 15px;border-bottom: 3px solid #FF0000;width:100%;}
.excerpt__img-link {
    position: relative;
    display: block;
    }
    .excerpt__img-link img {width: 100%}
   
    .excerpt h1, .excerpt h2 {
    	font-family: 'Roboto', sans-serif;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 28px;}
    label.label {visibility: hidden;}

@media only screen and (max-width: 768px) {

      .hidden-mobile {

          border: 0;
          -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          white-space: nowrap;
          width: 1px;
          visibility: hidden;
          display: none;
        }
    }

    @media only screen and (min-width: 769px) { 

    .hidden-desktop {

        border: 0;
        -webkit-clip-path: inset(100%);
        clip-path: inset(100%);
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        visibility: hidden;
        display: none;
        }
    }
.m-mobile-logo {

	width: 70px;
}


/* ===============
   Dossiers TAB
   =============== */
   .tabContainer {
      position: absolute;
      top: 10px; /*100px*/
		left: 0; /*right*/
   }
   #slideout {
		position: fixed;
		z-index: 1;		
		width: 35px;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	#slideout_tab {
		position: relative;
		top: 0;
		right: 0; /*left*/
		padding: 12px 6px 12px 12px;
		text-align: center;
		background: #86B135;
		color: #fff;
		cursor:pointer;
		-webkit-border-radius: 0 10px 10px 0;
		-moz-border-radius: 0 10px 10px 0;
		border-radius: 0 10px 10px 0;
   }
   #slideout_tab > h2 {
      transform: rotate(-90deg);
      font-family: 'Roboto', sans-serif;
      font-size: 24px;
      font-weight: bold;
	}
	#slideout_inner {
		position: absolute;
		top: -30px;
		left: -220px;
		background: #86B135;
		width: 220px;
		padding: 15px;
		height: 200px;
		cursor:auto;
		-webkit-border-radius: 0 10px 10px 0;
		-moz-border-radius: 0 10px 10px 0;
		border-radius: 0 10px 10px 0;
	}
	#showDossier:checked + #slideout{left: 220px;}
	#showDossier{display:none;}

.badge-article {
      position: absolute;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      bottom: -10px;
      left: -6px;
      font-family: 'Roboto', sans-serif;
      font-size: 1em;
      text-indent: 0;
      width: 124px;
      text-align: center;
      line-height: 23px;
      color: #fff;
      border-radius: 6px;
   }
.badge-overview {
   position: absolute;
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   top: -6px;
   left: -6px;
   font-family: 'Roboto', sans-serif;
   font-size: 1em;
   text-indent: 0;
   width: 124px;
   background: #39d;
   text-align: center;
   line-height: 23px;
   color: #fff;
   border-radius: 6px;
}
.badge-branded {
   background: #39d;
}