@import url("https://use.typekit.net/crd5uxs.css");

/* confetti UIT */
#confetti-canvas {display:none;}

#quicksearch-keywords_suggestions {text-align:left;}

div#header {
    z-index: 4;
    position:relative;
    box-shadow: 0 0px 4px 0 #000000;
}
.contentrow.calamity {position:absolute;left:0;right:0;}
nav.breadcrumbs {display:none;}

.toplinks .offscreen {position:static;font-size:0.75rem;}
.toplinks a img {vertical-align:middle;height:4rem;}

a#logo {
  padding: 0;
}
#row1, #row2, #row3, #row4, #row5, #row6, .content-wrapper {background-color:#FFFFFF;}
a {
    transition: all 0.18s ease;
}
 #row2 .columns.three {margin-bottom:0;}

 .layout_four #row3 .contentrow .onecolumn {margin:0;}
 .layout_four #row3 .contentrow .onecolumn .container {margin:0;}
 .layout_four #row3 .contentrow .onecolumn .container h2 {text-align:center}

p.emphasisred,
p.emphasisgreen,
p.emphasisyellow {border-width:0;padding:0.5rem;}

.landing.document h2,
.container_aside h3 {
  background-color: transparent;
  color: #0075BE;
  border-bottom: 1px solid #0075BE;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
div.container_aside.folder .container-content {border-width:0;}
#side-content div.container-content ul li {
    list-style-type: none;
    margin: 0 0 0 1.25rem;
    font-weight: 300;
    border-width:0;
}
.container_aside ul.items li a {
    color: #0075BE;
    padding: 0;
    display: block;
}
.container_aside ul.items li a:hover,
.container_aside ul.items li a:focus {background-color:transparent;}
div.container_aside.folder .container-content ul.items li::before, #side-content div.container-content li::before, ul.subitems li::before {
  content: "\f054";
  font-family: fontawesome;
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -0.75rem;
  top: 0px;
  color: #0075BE;
  font-size: 0.5rem;
}

.footer_website {border-top-width:0;background-color:#0075BE;}
#contact-information .heading, 
#footer_columns .column h1, 
#footer_columns .column h2, 
#footer_columns .column h3, 
#footer_columns .column h4, 
.footer_website h2,
.footer_website h3, 
.footer_website h4, 
.footer_website h5,
.footer_website h6, 
.footer_website p, 
.footer_website ul, 
.footer_website ol, 
.footer_website ul li::before, 
.footer_website .folder ul li::before,
.footer_website .section ul:not(.items) li::before,
.footer_website a,
#contact-information p a,
.footer_mappoint a.list-icon.mail-icon, 
.footer_mappoint a.list-icon.url-icon, 
.footer_mappoint a.list-icon.phone-icon, 
.footer_mappoint a.list-icon.whatsapp-icon,
.footer_mappoint a.list-icon.location_icon {
  color: #FFFFFF;
  font-weight: 300;
}
#footer_columns .column h2 {
    padding-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0 0 0.5rem;
    border-bottom: 0px solid #FFFFFF;
}


html {scroll-behavior: smooth;}

html {
    font-size:16px;
}
html.largebodyfont {
    font-size: 18px;
}

body {
    font-size:1rem;
    line-height:1.875rem;
    color:#000000;
}
#thematictabs {overflow:hidden;}
#thematictabs .horizontal_tabs [role="tabpanel"] {
	padding:1rem;
	border:1px solid #0075BE;
}
.horizontal_tabs [role="tab"][aria-selected="true"] {border-color:#0075BE #0075BE #FFFFFF;}
#thematictabs .tabs ul.items {columns:2;}
#thematictabs .tabs ul.items li {margin-bottom:0;}
#thematictabs .tabs .items .item-title {margin:0;font-size:1rem;}

.mapoverview.landing,
.mapoverview.landing h2 {
	background-color:#0075BE;
}
.mapoverview.landing p.info {
	font-size:1rem;
}
@media only screen and (min-width : 960px) and (max-width : 1439px) {
    body {font-family:'ff-scala-sans-pro', arial, sans-serif;}
}
@media only screen and (min-width : 768px) and (max-width : 959px){
    body {font-family:'ff-scala-sans-pro', arial, sans-serif;}
}
@media only screen and (max-width : 767px){
	body {font-family:'ff-scala-sans-pro', arial, sans-serif !important;}
}
h1, h2, h3, h4, h5, h6, a.item-title{
  font-weight: 300;
  color: #005999;
  line-height: 1.875rem;
}
a.item-title {font-size:inherit;}
h1,
h2,
.items h2,
.section.sitemap h2.item-link,
h3,
.items h3,
.items.columns h2,
.section.sitemap h3.item-link,
h4,
.items h4,
h5,
h6 {font-family:'ff-scala-sans-pro', arial, sans-serif;}
h1 {font-size:2rem;margin:1.5rem 0 1rem}
h2,
.items h2,
.section.sitemap h2.item-link{font-size:1.75rem;margin:0 0 1rem;}
h3,
.items h3,
.items.columns h2,
.container h3,
.section.sitemap h3.item-link {font-size:1.5rem;margin:0 0 0.5rem}
h4,
.items h4 {font-size:1.25rem;margin:0 0 0}
h5 {font-size:1.25rem;margin:0 0 1rem}
h6 {font-size:1.25rem;margin:0 0 1rem}
p, ul, ol {margin:0 0 1rem}
ul ul, ol ol {padding:0;}

/* Home */
#row1.sublayout_row1_onlytoptasks {
  height: 500px;
}
#row1.sublayout_row1_onlytoptasks ~ #row2 {border-top:10rem solid #0075BE;}
div.onlytoptasks {margin-top:380px;padding:0 10px;}
ul.onlytoptasks li.column {margin:0;}
ul.onlytoptasks li.column a {background-color:transparent;border-width:0;padding:0;}
ul.onlytoptasks li.column a img {box-sizing:border-box;transition:all 0.2s ease;margin:0 auto;border-radius:50%;border:0.5rem solid #AFCB08;}
ul.onlytoptasks li.column a span {color:#FFFFFF;font-size:1.1666rem;font-weight:bold;}
ul.onlytoptasks li.column a:hover img {border-width:0;}

/* Responsive Hamburger menu */
@media only screen and (max-width: 959px) {
    nav.breadcrumbs {margin-left:0;max-width:calc(75% - 38px);}
    nav.breadcrumbs ol {max-width:unset;}
    .fixed_header #header {height:auto;}
    a#logo {padding:0 0 10px;}
    .fixed_header #readspeaker {margin-top:0;}
    body.fixed_header #row1.row1_breadcrumb {position:static;}
    body.fixed_header #menu_wide {top:6px;left:auto;right:3%;width:40px;}
    body.fixed_header.layout_four #menu_wide {top:-44px;}
	body.menutype_horizontal ul#dl-menu {width: 270px!important;}
	
	.menu-horizontal li a.toplevellink::before,
	.menu-horizontal li.active a.toplevellink::before {width:100%;border-color:#0075BE;}
	.menu-horizontal li.active_list a.toplevellink::before,
	.menu-horizontal li a.toplevellink:hover::before,
	.menu-horizontal li a.toplevellink:focus::before {width:100%;}
	.menu-horizontal li a.toplevellink:hover,
	.menu-horizontal li a.toplevellink:focus,
	.menu-horizontal li a.toplevellink {color:#0075BE;}
	.menu-horizontal li.first-child {width:100% !important;}
	ul.menu-horizontal a.toplevellink,
	ul.menu-horizontal a {background-color:transparent !important;}
	.menu-horizontal li > ul.dropdownmenu,
	.menu-horizontal li ul.dropdownmenu {visibility:visible;opacity:1;display:block !important;}
	body.menutype_horizontal ul.dropdownmenu,
	body.menutype_dual ul.dropdownmenu {box-shadow:none;padding:0;}
	body.menutype_horizontal #dl-menu {background-color:#FFFFFF;box-shadow:0px 5px 10px #666666;}
	ul.menu-horizontal a.toplevellink,
	body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink {padding:1rem 0;}
	ul.dropdownmenu li {border-width:0 !important;}
	body.menutype_horizontal #dl-menu ul.dropdownmenu {position:static;}
	body.menutype_horizontal ul#dl-menu {width:570px;transition:all 0.3s;}
	body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link {margin:0;background-color:transparent;padding:1rem 0.5rem !important;}
	body.menutype_horizontal.scrolled_past_header ul#dl-menu {width:auto;}
	body.menutype_horizontal #dl-menu ul.dropdownmenu {columns:1;}
	#menu-icon {width:2.75rem !important;height:2.75rem !important;}
}

/* algemeen responsive */
@media only screen and (max-width: 512px) {
    .toplinks .offscreen {position:absolute;}
    #tinyblock .toplinks ul.quicklinks {margin-right:0;}
    #tinyblock .toplinks {top:1rem;}
	html {font-size:14px !important;}
	html.largebodyfont {font-size:16px !important;}
	div.contentrow {width:94% !important;margin:0 auto;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:94%;margin:0 auto;}
	body.overview_folder .row2_content .grid-16,
	div.grid-16 {width:100%;margin:0 auto;}
	div.grid-11,.section.grid-11 {width:100%;margin:0 auto;}
	div.grid-5 {width:100%;margin:0 auto;}
	
	#row1.sublayout_row1_onlytoptasks {height:268px;background-size:1024px auto;}
	div.onlytoptasks {margin-top:278px;padding:0 10px;}
	ul.onlytoptasks li.column a span {justify-content:left;width:auto;}
	ul.onlytoptasks li.column a img {width: 3rem;height: 3rem;border-width:3px;margin:0 1rem 0 0;float:left;}
	#row1.sublayout_row1_onlytoptasks ~ #row2 {border-top-width:27rem;}
	
	ul.onlytoptasks.columns li.column {
      width: 100%;
      height: 50px;
      margin: 0 0 10px;
        margin-left: 0px;
    }
	ul.onlytoptasks li.column a, ul.onlytoptasks.bannercount-1 li.column a, ul.onlytoptasks.bannercount-2 li.column a, ul.onlytoptasks.bannercount-3 li.column a, ul.onlytoptasks.bannercount-4 li.column a, ul.onlytoptasks.bannercount-5 li.column a, ul.onlytoptasks.bannercount-6 li.column a {
      width: 100%;
      height: 50px;
      min-height: 0;
      display: block;
      text-align: left;
      font-size: 1rem;
      line-height: 1;
      font-weight: normal;
    }
	
	#thematictabs div[role="tablist"] {display:block;}
	#thematictabs button[role="tab"] {margin-top:1px;}
	#thematictabs .tabs ul.items {columns:1;}
}
@media only screen and (min-width: 513px) and (max-width: 959px) {
	html {font-size:14px}
	html.largebodyfont {font-size:16px}
	div.contentrow {width:94% !important;margin:0 auto;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:94%;margin:0 auto;}
	
	#row1.sublayout_row1_onlytoptasks {height:268px;background-size:1024px auto;}
	div.onlytoptasks {margin-top:290px;padding:0 10px;}
	ul.onlytoptasks li.column a img {width: 9rem;height: 9rem;}
	#row1.sublayout_row1_onlytoptasks ~ #row2 {border-top-width:28rem;}
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
	html {font-size:14px}
	html.largebodyfont {font-size:16px}
	body.menutype_horizontal ul#dl-menu,
	.contentrow {width:920px;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:920px;margin:0 auto;}
	
	#row1.sublayout_row1_onlytoptasks {height:268px;background-size:1024px auto;}
	div.onlytoptasks {margin-top:290px;padding:0 10px;}
	ul.onlytoptasks li.column a img {width: 9rem;height: 9rem;}
	#row1.sublayout_row1_onlytoptasks ~ #row2 {border-top-width:14rem;}
}
@media only screen and (min-width: 1024px) and (max-width: 1359px) {
	html {font-size:16px}
	html.largebodyfont {font-size:18px}
	body.menutype_horizontal ul#dl-menu,
	div.contentrow {width:980px;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:980px;margin:0 auto;}
	div.grid-16 {width:100%;margin:0 auto;}
	
	#row1.sublayout_row1_onlytoptasks {height:355px;background-size:1360px auto;}
	div.onlytoptasks {margin-top:280px;padding:0 10px;}
	ul.onlytoptasks li.column a img {width: 9rem;height: 9rem;}
	#row1.sublayout_row1_onlytoptasks ~ #row2 {border-top-width:8rem;}
}
@media only screen and (min-width: 1360px) and (max-width: 1479px) {
	html {font-size:16px}
	html.largebodyfont {font-size:18px}
	body.menutype_horizontal ul#dl-menu,
	div.contentrow {width:1320px;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:1340px;margin:0 auto;}
	body.overview_folder .row2_content .grid-16,
	div.grid-16 {width:100%;margin:0 auto;}
	div.grid-11,.section.grid-11 {width:calc(75% - 38px);margin:0 38px 0 0;}
	div.grid-5 {width:25%;margin:0;}
	
	#row1.sublayout_row1_onlytoptasks {height:387px;background-size:1480px auto;}
	div.onlytoptasks {margin-top:285px;padding:0 10px;}
	ul.onlytoptasks li.column a img {width: 12rem;height: 12rem;}
}
@media only screen and (min-width: 1480px) {
	html {font-size:16px;}
	html.largebodyfont {font-size:18px}
	body.menutype_horizontal ul#dl-menu,
	div.contentrow {width:1440px;}
	div#row1.row1_breadcrumb .contentrow,
	.footer_website #footer_columns {width:1440px;margin:0 auto;}
	body.overview_folder .row2_content .grid-16,
	div.grid-16 {width:100%;margin:0 auto;}
	div.grid-11,.section.grid-11 {width:1070px;margin:0 40px 0 0;}
	div.grid-5 {width:330px;margin:0;}
	
	div.onlytoptasks {margin-top:380px;padding:0 10px;}
	ul.onlytoptasks li.column a img {width: 12rem;height: 12rem;}
}


#DsEditProperties div#DsEditExplorerToggle {display:none;}

/* Verberg niet gebruikte layouts */
#DsEditLogicGroup_sitemap li:nth-child(-n+6),
#DsEditLogicGroup_layout li:nth-child(-n+9),
#std_layout-icon-list li:nth-child(-n+6) {display:none;}

/* browser fixes */
div:focus {outline:none;}

/* Stops Safari / ios to give inputs a border-radius */
input[type="search"],
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;border-radius: 0;}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {display: none; width : 0; height: 0;}
input[type=search]::-ms-reveal {display: none; width : 0; height: 0;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}