/*__________ CUSTOMER: only use for theme colors __________*/
/*---------COLORSWITCH----------*/
/*@import "contentswitch_color";*/
/*------------------------------*/
/*__________ SHARED __________*/
a {
  color: #333;
}

a:hover {
  color: #1B4699;
}

a:target:before {
  display: block;
  content: " ";
  margin-top: -100px;
  height: 100px;
  visibility: hidden;
}

/* skiplinks */
.skiplinks a {
  position: absolute;
  top: 0;
  left: -9999px;
  z-index: 3;
}

.skiplinks a:focus {
  display: block;
  left: 0;
  color: #fff;
  background: #000;
  font-size: 1em;
  padding: 1em;
  text-decoration: none;
  margin-top: 45px;
}

.homepage .skiplinks a:focus,
.portal .skiplinks a:focus {
  left: 2.2em;
}

.moved, .hide {
  position: absolute;
  top: -99999em;
  left: -9999em;
}

.hide.active {
  display: block;
}

input[type=text] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
  outline: none;
  outline: none;
  max-width: 100%;
  width: 250px;
  height: 30px;
  font-size: 18px;
}

textarea {
  max-width: 415px;
  width: 100%;
  box-sizing: border-box;
}

textarea:focus {
  border: 1px solid #51cbee;
}

a:focus {
  box-shadow: 0 0 3px #efefef;
}

button:focus {
  box-shadow: none;
  border: 0 !important;
}

.events_calendar tr.calendar_navigation th {
  background-color: #1B4699;
}

.fa {
  display: table-cell !important;
  text-align: center;
  text-rendering: auto;
  vertical-align: middle;
  color: #1B4699;
  background-color: #fff;
}

/*__________ Startpagina icon __________*/
.module .twocolumns .box.has_icon h2 {
  padding-left: 10%;
  width: 90%;
}

.module p.icon {
  font-size: 2em;
  margin: 0;
  display: table;
  font-family: FontAwesome;
  color: #1B4699;
  position: absolute;
  top: 22px;
}

.module p.icon::before {
  display: table-cell;
  vertical-align: middle;
}

.box.has_icon h2 {
  padding-left: 19%;
  width: 81%;
}

/*__________ Buttons __________*/
#footer_wrapper a.knop,
a.knop,
#newswys-items li .intro a.knop,
#contactwys-items li .intro a.knop,
.openingstijden a.knop {
  display: inline-block;
  clear: right;
  line-height: 1.3em;
  text-decoration: none;
  padding: .4em 1em;
  margin: 0 1em 1em 0;
  border: 3px solid #1B4699;
  background: #1B4699;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
#footer_wrapper a.knop:focus,
a.knop:focus,
#newswys-items li .intro a.knop:focus,
#contactwys-items li .intro a.knop:focus,
.openingstijden a.knop:focus {
  border: 2px dotted #ddd;
}
#footer_wrapper a.knop:hover,
a.knop:hover,
#newswys-items li .intro a.knop:hover,
#contactwys-items li .intro a.knop:hover,
.openingstijden a.knop:hover {
  text-decoration: none;
  transform: scale(1.049, 1.049);
  color: #FFF;
}
#footer_wrapper a.knop.red,
a.knop.red,
#newswys-items li .intro a.knop.red,
#contactwys-items li .intro a.knop.red,
.openingstijden a.knop.red {
  background-color: #E53138;
}

.nextpage a.knop {
  background: #1B4699;
  color: #fff;
  border-color: #1B4699;
  text-decoration: none;
}
.nextpage a.knop:hover {
  background: #1B4699;
  color: #fff;
  text-decoration: none;
}

#footer_wrapper a.knop:hover::before,
a.knop:hover::before,
#newswys-items li .intro a.knop:hover::before,
#contactwys-items li .intro a.knop:hover::before,
.openingstijden a.knop:hover::before,
.nextpage a.knop:hover::before {
  transform: scaleX(1);
}

.knop::before {
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 0.7em;
}

.digid::after,
.eherkenning::after,
.formulier::after,
.kalender::after,
.extern::after,
.nieuws::after,
.info::after,
.geo::after,
.naar::after,
.crisis::after,
.contact::after,
.docu::after,
.open::after,
.dicht::after,
.vragen::after {
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0.7em;
}

.eherkenning::after,
.digid::after {
  content: "\f023";
}

.formulier::after {
  content: "\f016";
}

.kalender::after {
  content: "\f073";
}

.extern::after {
  content: "\f08e";
}

.nieuws::after {
  content: "\f1ea";
}

.info::after {
  content: "\f05a";
}

.geo::after {
  content: "\f041";
}

.naar::after {
  content: "\f105";
}

.crisis::after {
  content: "\f071";
}

.contact::after {
  content: "\f0e5";
}

.docu::after {
  content: "\f0f6";
}

.vragen::after {
  content: "\f059";
}

/* element links */
.module_startpagina ul.items li a,
#modulecontent #snelnaar ul li a,
#aside-loket a {
  color: #333;
}

.module_startpagina ul.items li a:hover,
#modulecontent #snelnaar ul li a:hover {
  text-decoration: underline;
  color: #333;
}

#aside-loket a:hover {
  decoration: none;
  opacity: 0.8;
}

.intro a,
.text a,
#dynamicwysiwyg a,
.wysiwyg a,
.under a,
.local a,
.above a,
.central a {
  color: #333;
  text-decoration: underline;
}

#dynamicwysiwyg a:hover,
.intro a:hover,
.text a:hover,
.wysiwyg a:hover,
.under a:hover,
.local a:hover,
.above a:hover,
.central a:hover {
  color: #1B4699;
}

/*__________ BASE: MAIN __________*/
body {
  color: #333;
  background-color: #fff;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
}

.buttons input {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
}

/*__________ BASE: LAYOUT __________*/
.nextpage .wrap {
  min-height: 100%;
  min-height: 100vh;
  position: relative;
}
.nextpage .wrap.second {
  min-height: 100%;
  min-height: 100vh;
  background-color: #ddd;
  padding-bottom: 1em;
}

.homepage #header-search,
.portal #header-search {
  background: none;
}

.nextpage .wrap,
.homepage .wrap {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.4) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.4) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.4) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */
  background: transparent;
}

#header-search {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */
  background: transparent;
}

.nextpage .wrap section {
  position: relative;
}

.nextpage .wrap {
  min-height: auto;
}

#section2 .fp-tableCell {
  vertical-align: bottom !important;
}

#header-kruimelspoor,
#header-search,
#content,
.nextpage footer {
  position: relative;
  width: 100%;
  float: left;
}

footer {
  width: 100%;
  float: left;
}

.homepage #header,
.portal #header {
  height: 100%;
}

#topbar {
  z-index: 200;
  position: absolute;
  top: 0;
  width: 100%;
}

.has-js.large #header {
  position: fixed;
}

#content {
  line-height: 1.4em;
  box-shadow: 0 2px 25px #999;
}

#content .content-wrap {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  z-index: 1;
}

.noleft.homepage #content {
  font-size: 0.875em;
}

.noleft.nextpage .container-inner {
  width: 100%;
}

.container {
  position: relative;
  width: 96%;
  padding: 0 2%;
  margin: auto;
  overflow: hidden;
}

.container {
  max-width: 1100px;
}

#section1,
#section2 {
  background-color: #ddd;
}

.homepage #section1,
.homepage #section1,
.portal #section1,
.portal #section1 {
  padding-top: 3em !important;
}

#header-search .container {
  overflow: visible;
}

.nextpage .module {
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.nextpage #modulecontent {
  padding: 1.5em 0 1em;
}

#modulecontent .btn_rss {
  float: left;
}

#modulecontent .inner {
  line-height: 1.666em;
}

#modulecontent .bottomcontent {
  clear: both;
}

/* Nextpage */
.nextpage #content {
  width: 96%;
  padding: 0 2%;
  min-height: 26em;
}
.nextpage #content .bgcolor {
  background-color: #fff;
  display: block;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
}

.nextpage .container-inner {
  margin-bottom: 2em;
  float: left;
  width: 100%;
}
.nextpage .container-inner.small {
  width: 76%;
}

.nextpage .aside {
  width: 21%;
  float: right;
  margin-top: 7rem;
}

/*__________ BASE: HEADINGS __________*/
h2,
h3,
h4,
h5,
h6 {
  color: #1B4699;
}

h1,
h1.page-title,
#formcontent h1 {
  font-size: 2.8rem;
  font-weight: normal;
  line-height: 1.25em;
  padding: 0 0 .5em 0;
  max-width: 800px;
  color: #1B4699;
}

h1.home {
  font-size: 1em;
  padding: 0;
  margin: 0;
  color: #fff;
  max-width: auto;
}

#dynamicwysiwyg h2,
.central h2,
.intro h2,
.text h2,
.wysiwyg h2,
.koppelbox h2,
.module h2,
#aside-loket h2 {
  font-size: 1.2em;
  margin-bottom: .5em;
  width: 100%;
}

.central h2,
.intro h2,
.text h2 {
  border-bottom: 1px solid #1B4699;
  font-weight: normal;
}

.module .document_link_info h2 {
  margin: 1.5em 0 0;
}

#dynamicwysiwyg h3,
.wysiwyg h3,
.central h3,
.intro h3,
.text h3 {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

#dynamicwysiwyg h4,
.central h4,
.intro h4,
.text h4,
.wysiwyg h4 {
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
}

#dynamicwysiwyg h5,
.central h5,
.intro h5,
.text h5,
.wysiwyg h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 0.875em;
}

#dynamicwysiwyg h6,
.central h6,
.intro h6,
.text h6,
.wysiwyg h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875em;
  font-style: italic;
  font-weight: normal;
}

h2.product_toggle a {
  text-decoration: none;
  color: #1B4699;
}

/*__________ BASE: PARAGRAPHS __________*/
/*paragraph($margin: null, $lineheight: null)*/
p {
  margin: 0 0 1em 0;
  line-height: 1.5em;
}

p:empty {
  margin-bottom: 0;
}

/*__________ BASE: IMAGES __________*/
img.left,
.thumbnail.left {
  margin-right: 1em;
}

img.right,
.thumbnail.right {
  margin-left: 1em;
}

img {
  max-width: 100%;
}

/*__________ BASE: LIST __________*/
/*lists($margin: null, $padding: null, $style: null)*/
ul li.item {
  overflow: visible;
}

/* ol */
#formcontent ol,
#dynamicwysiwyg ol,
.intro ol, .text ol, .wysiwyg ol,
.module ol, .local ol, .central ol, .under ol, .above ol, .item_intro ol, .product_text ol,
.module_personengids.detail ol, .person ol {
  margin: 0 0 1.5em 1.5em;
  list-style-type: decimal;
}

/* bullets ul */
#formcontent ul,
#openingstijden_2 ul,
#dynamicdocuments ul,
#dynamicwysiwyg ul,
ul.bullets,
.intro ul, .text ul, .wysiwyg ul,
.local ul, .central ul, .above ul, .under ul, .item_intro ul, .product_text ul,
.module_personengids.detail ul, .person ul,
.module_archief ul.items.bullets,
.module_archief > ul,
#aside-loket ul {
  margin: 0 0 1em 0;
  padding: 0;
  overflow: hidden;
}
#formcontent ul li,
#openingstijden_2 ul li,
#dynamicdocuments ul li,
#dynamicwysiwyg ul li,
ul.bullets li,
.intro ul li, .text ul li, .wysiwyg ul li,
.local ul li, .central ul li, .above ul li, .under ul li, .item_intro ul li, .product_text ul li,
.module_personengids.detail ul li, .person ul li,
.module_archief ul.items.bullets li,
.module_archief > ul li,
#aside-loket ul li {
  margin-bottom: .5em;
  margin-left: 1.1em;
  list-style: disc;
}
#formcontent ul li.no_link,
#openingstijden_2 ul li.no_link,
#dynamicdocuments ul li.no_link,
#dynamicwysiwyg ul li.no_link,
ul.bullets li.no_link,
.intro ul li.no_link, .text ul li.no_link, .wysiwyg ul li.no_link,
.local ul li.no_link, .central ul li.no_link, .above ul li.no_link, .under ul li.no_link, .item_intro ul li.no_link, .product_text ul li.no_link,
.module_personengids.detail ul li.no_link, .person ul li.no_link,
.module_archief ul.items.bullets li.no_link,
.module_archief > ul li.no_link,
#aside-loket ul li.no_link {
  list-style: none;
  margin-left: 0;
}

#openingstijden_2 ul {
  float: left;
  overflow: auto;
  width: 100%;
}

/*__________ BASE: TABLES __________*/
.nextpage table th,
.nextpage table td {
  vertical-align: top;
}

#dynamicwysiwyg table,
.intro table,
.text table,
.wysiwyg table,
.local table,
.central table,
.above table,
.under table {
  border-collapse: collapse;
  margin: 0 0 1em 0;
  display: block;
  overflow-x: auto;
}

.intro table td,
.text table td,
.wysiwyg table td,
.local table td,
.central table td,
.above table td,
.under table td,
.intro table th,
.text table th,
.wysiwyg table th,
.local table th,
.central table th,
.above table th,
.under table th {
  border: 1px solid #1B4699;
}

.intro table caption,
.text table caption,
.wysiwyg table caption,
.module table caption,
.local table caption,
.central table caption,
.above table caption,
.under table caption,
.intro table th,
.text table th,
.wysiwyg table th,
.local table th,
.central table th,
.above table th,
.under table th {
  text-align: left;
}

.intro table caption,
.text table caption,
.module table caption,
.wysiwyg table caption,
.local table caption,
.central table caption,
.above table caption,
.under table caption {
  margin-bottom: 0.4em;
  font-style: italic;
}

.intro table th,
.text table th,
.wysiwyg table th,
.local table th,
.central table th,
.above table th,
.under table th {
  color: #FFF;
  background-color: #1B4699;
}

/*__________ BASE: QUOTES __________*/
/*quote($background: null, $leftborder: null, $margin: null, $padding: null, $color: null)*/
.intro blockquote,
.text blockquote,
.wysiwyg blockquote {
  background: #1B4699;
  left-border: 5px solid #fff;
  margin: 0 0 1em;
  padding: 10px 10px 1px 10px;
  color: #333;
}

/*__________ OBJECTS: LOGO __________*/
/*mainlogo*/
.nextpage #logo {
  margin: 5em 0 1em;
}
.nextpage #logo:hover {
  opacity: 0.8;
}

#logo {
  margin: 0 0 1em;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.homepage #logo,
.portal #logo {
  margin: 5em 0 3em;
}

#logo img {
  max-height: 85px;
}

#logo a {
  display: block;
  margin: 1px auto;
  width: 40%;
}

#logo a:focus {
  outline: 1px solid #fff;
}

/* ________________ LOGOUT BUTTON ________________*/
#logout {
  float: left;
}
#logout a {
  display: block;
  transition: all 0.2s ease-in-out 0s;
  color: #fff;
  font-size: 1.1em;
  text-decoration: none;
  padding: 0.85em 1em;
  position: relative;
}
#logout a::before {
  font-family: FontAwesome;
  content: "\f023";
  padding-right: 0.7em;
}
#logout a:hover {
  text-decoration: underline;
}

/*__________ OBJECTS: NAVIGATION__________*/
#header-navigation.no-nav {
  background: none;
  border: none;
  height: 0;
}
#header-navigation.no-nav .back-top {
  top: 0;
}

.no-nav #logout {
  float: right;
  background: #1B4699;
}

#subnav {
  position: absolute;
  top: -9999px;
}

#header-navigation {
  z-index: 1;
  top: 0;
  width: 100%;
  height: 3em;
  background: #1B4699;
}
#header-navigation .container {
  overflow: visible;
  z-index: 11;
}
#header-navigation #nav {
  text-transform: uppercase;
  float: left;
}
#header-navigation #nav li.medium {
  display: inline-block;
  line-height: 1;
  position: relative;
}
#header-navigation #nav li.medium.active > a {
  background: #fff;
  color: #1B4699;
  border-color: #1B4699 !important;
}
#header-navigation #nav li.medium > a {
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  line-height: 1.5em;
  display: block;
  padding: 13px 1em;
}
#header-navigation #nav li.medium:hover > a {
  background: #fff;
  color: #1B4699;
  border-color: #1B4699 !important;
}
#header-navigation #nav li.medium .blocknavigation {
  clear: none;
  background-color: #fff;
  padding-bottom: 10px;
  padding-top: 20px;
  position: absolute;
  top: -9999px;
  width: 0;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
#header-navigation #nav li.medium .blocknavigation ul.mainmenu {
  float: left;
  width: 20em;
  overflow: hidden;
}
#header-navigation #nav li.medium .blocknavigation ul.mainmenu li {
  float: left;
  position: relative;
  text-align: left;
  font-size: 1.1em;
  line-height: 1.3em;
  display: block;
}
#header-navigation #nav li.medium .blocknavigation ul.mainmenu li a {
  color: #1B4699;
  text-decoration: none;
  width: 16.2em;
  display: block;
  padding: .5em 1em;
  border-top: 1px solid #ddd;
}
#header-navigation #nav li.medium .blocknavigation ul.mainmenu li.active a {
  background: #1B4699;
  color: #fff;
}
#header-navigation #nav li.medium .blocknavigation ul.mainmenu li a:hover {
  background: #1B4699;
  color: #fff;
}
#header-navigation #nav li.medium .blocknavigation ul.mainmenu li:first-child > a {
  border: none;
}
#header-navigation #nav li.medium .blocknavigation ul.mainmenu li a:focus {
  text-decoration: underline;
}
#header-navigation #nav li.focus .blocknavigation,
#header-navigation #nav li:hover .blocknavigation,
#header-navigation #nav li.hover .blocknavigation {
  display: block;
  top: 100%;
  width: 20em;
}

#topbar {
  float: left;
  width: 100%;
  z-index: 200;
}
#topbar .mediamenu {
  padding: 0;
  transition: all 0.2s ease-in-out 0s;
  position: relative;
  display: inline;
}
#topbar .logo {
  float: left;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  position: relative;
  z-index: 9;
  line-height: 1.5em;
}
#topbar .logo a {
  display: block;
  transition: all 0.2s ease-in-out 0s;
  color: #fff;
  font-size: 1em;
  text-decoration: none;
  padding: 13px 1em;
  padding-left: 3em;
  position: relative;
}
#topbar .logo a h1 {
  line-height: 1.5em;
}
#topbar .logo a:hover {
  text-decoration: underline;
}
#topbar .logo a img {
  position: absolute;
  top: 4px;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.2s ease-in-out 0s;
}
#topbar #header-navigation {
  transition: all 0.2s ease-in-out 0s;
}
#topbar #header-navigation #nav li.medium > a {
  transition: all 0.2s ease-in-out 0s;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}

#topbar.scrollnav .mediamenu {
  padding: 1.5em 0;
}
#topbar.scrollnav .logo a {
  padding-top: 16px;
  padding-bottom: 16px;
}
#topbar.scrollnav .logo a img {
  top: 11px;
}
#topbar.scrollnav #header-navigation {
  height: auto;
  position: fixed;
}
#topbar.scrollnav #header-navigation #logout > a,
#topbar.scrollnav #header-navigation .mediamenu-sub .mainmenu > li > a,
#topbar.scrollnav #header-navigation #nav li.medium > a {
  padding-top: 16px;
  padding-bottom: 16px;
}
#topbar.scrollnav #header-navigation .mediamenu-sub .mainmenu > li.focus .submenu,
#topbar.scrollnav #header-navigation .mediamenu-sub .mainmenu > li.hover .submenu,
#topbar.scrollnav #header-navigation .mediamenu-sub .mainmenu > li:hover .submenu {
  top: 3.7em;
}

/*__________ OBJECTS: ENKEL NAVIGATION__________*/
.mediamenu-sub .blocknavigation #navigation > ul > li {
  float: left;
  position: relative;
  text-align: left;
  font-size: 1.1em;
  line-height: 0.9em;
  display: block;
}
.mediamenu-sub .blocknavigation #navigation > ul > li > a {
  display: block;
  transition: all 0.2s ease-in-out 0s;
  color: #fff;
  font-size: 1.1em;
  text-decoration: none;
  padding: 0.85em 1.5em;
  position: relative;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.mediamenu-sub .blocknavigation #navigation > ul > li > a.active a {
  background: #fff;
  color: #1B4699;
  border-color: #1B4699 !important;
}
.mediamenu-sub .blocknavigation #navigation > ul > li > a:hover {
  background: #fff;
  color: #1B4699;
  border-color: #1B4699 !important;
}
.mediamenu-sub .blocknavigation #navigation > ul > li.active > a,
.mediamenu-sub .blocknavigation #navigation > ul > li.focus > a {
  color: #1B4699;
  background: #fff;
  border-color: #1B4699 !important;
}
.mediamenu-sub .blocknavigation #navigation > ul > li.focus ul.submenu,
.mediamenu-sub .blocknavigation #navigation > ul > li:hover ul.submenu,
.mediamenu-sub .blocknavigation #navigation > ul > li.hover ul.submenu {
  display: block;
  top: 2.7em;
}

.mediamenu-sub ul.submenu {
  clear: none;
  background-color: #fff;
  padding-bottom: 10px;
  padding-top: 20px;
  position: absolute;
  top: -9999px;
  width: 20em;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  float: left;
  overflow: hidden;
}
.mediamenu-sub ul.submenu li {
  float: left;
  position: relative;
  text-align: left;
  font-size: 1.1em;
  line-height: 1.3em;
  display: block;
  transition: all 0.2s ease-in-out 0s;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.mediamenu-sub ul.submenu li a {
  color: #1B4699;
  text-decoration: none;
  width: 16.2em;
  display: block;
  padding: .5em 1em;
  border-top: 1px solid #ddd;
}
.mediamenu-sub ul.submenu li.active > a, .mediamenu-sub ul.submenu li:hover > a {
  background: #1B4699;
  color: #fff;
}
.mediamenu-sub ul.submenu li a:focus {
  background: #ddd;
}
.mediamenu-sub ul.submenu li:first-child > a {
  border: none;
}

/*__________ OBJECTS: SEARCH __________*/
#search.focus > form {
  box-shadow: 0 0 10px white;
}

.nextpage #search {
  max-width: 1280px;
  margin-bottom: 3em;
}

#search {
  border: 1px solid #999;
  clear: left;
  margin: 0 auto;
  border-radius: 3px;
  transition: all 0.25s cubic-bezier(1, 0, 0, 1) 0s;
}
#search form fieldset {
  background-color: #fff;
}
#search form fieldset legend,
#search form fieldset label {
  position: absolute;
  top: -99999em;
  left: -9999em;
}
#search form fieldset.focus {
  box-shadow: 0 0 10px white;
}
#search form fieldset .searchbox_trefwoord {
  border: 0;
  border-radius: 0;
  float: left;
  color: #333;
  font-size: 1.2em;
  padding: 0.6em 2% 0 2.5em;
  width: calc( 76.5% - 2.5em );
  min-height: 2em;
  background: url(../../images/flex-v9/search.png) no-repeat 1em 1.15em;
}
#search form fieldset .searchbox_submit {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  float: right;
  color: #1B4699;
  font-size: 1.6em;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.2em 2%;
  margin: 0.3em 0;
  width: 21%;
  position: relative;
  border-left: 1px solid #999;
}
#search form fieldset input {
  font-family: Arial, Helvetica, sans-serif;
}

/* Searchbox grow */
#header-search .container {
  -webkit-transition-property: max-width;
  transition-property: max-width;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

#header-search.scrollnav {
  position: fixed;
  top: 5em;
  z-index: 10;
}
#header-search.scrollnav .container {
  max-width: 100%;
  padding: 0;
  width: 100%;
}
#header-search.scrollnav .container #search {
  width: 100%;
  border-radius: 0;
}
#header-search.scrollnav .container #search fieldset {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
}
#header-search.scrollnav .container #search fieldset input.searchbox_trefwoord {
  background: none;
}

/*__________ KRUIMELSPOOR __________*/
.nav-kruimelspoor {
  margin: 1em 0;
  width: 100%;
  line-height: 1.5em;
  text-align: center;
  border-top: 1px solid #1B4699;
  border-bottom: 1px solid #1B4699;
}
.nav-kruimelspoor #contentkruimelspoor {
  overflow: hidden;
}
.nav-kruimelspoor #contentkruimelspoor > span:last-child,
.nav-kruimelspoor #contentkruimelspoor a {
  color: #1B4699;
  display: block;
  float: left;
  margin: 0 20px 0 0;
  padding: 9px;
  position: relative;
  text-decoration: none;
  text-align: left;
}
.nav-kruimelspoor #contentkruimelspoor > span:last-child > a {
  padding: 0;
  color: white;
}
.nav-kruimelspoor #contentkruimelspoor a:hover,
.nav-kruimelspoor #contentkruimelspoor a:focus {
  text-decoration: underline;
}
.nav-kruimelspoor #contentkruimelspoor span.kruimelspoor {
  background: none;
  display: inline;
  float: none;
  margin: 0;
  padding: 0;
  height: auto;
}
.nav-kruimelspoor #contentkruimelspoor span:last-child {
  color: #fff;
  background-color: #1B4699;
}
.nav-kruimelspoor #contentkruimelspoor span:hover {
  background: #1B4699;
  color: #fff;
}
.nav-kruimelspoor #contentkruimelspoor span:after {
  border-bottom: 42px solid rgba(0, 0, 0, 0);
  border-left: 18px solid #1B4699;
  border-top: 0px solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 1;
}
.nav-kruimelspoor #contentkruimelspoor span:before {
  border-bottom: 0px solid rgba(0, 0, 0, 0);
  border-right: 18px solid #1B4699;
  border-top: 43px solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 1;
}
.nav-kruimelspoor #contentkruimelspoor > span:first-child:before,
.nav-kruimelspoor #contentkruimelspoor span.kruimelspoor:after {
  border: none;
}

.kruimelpad_tekst {
  float: left;
  margin-right: 0.5em;
  color: #1B4699;
}

.nav-kruimelspoor .kruimelpad_text {
  float: left;
  color: #1B4699;
  margin-right: 1em;
}

.nav-kruimelspoor a:hover {
  text-decoration: underline;
}

/*__________ OBJECTS: TOPTAKENBANNERS __________*/
.homepage #content,
.portal #content {
  position: absolute;
  bottom: 150px;
}
.homepage #content .content-wrap.toptakenbanners,
.portal #content .content-wrap.toptakenbanners {
  padding: 3em 0 3em 0;
}
.homepage #content .content-wrap.toptakenbanners .bgcolor,
.portal #content .content-wrap.toptakenbanners .bgcolor {
  background-color: #fff;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  opacity: 0.8;
}

.toptakenbanners .container {
  overflow: visible;
}

#topbanners li {
  float: left;
  line-height: 1.5em;
  width: 25%;
  max-height: 100px;
  overflow: hidden;
  border: 2px solid #FFF;
  box-sizing: border-box;
}
#topbanners li.item_5, #topbanners li.item_9, #topbanners li.item_13 {
  clear: left;
}
#topbanners li.item_4, #topbanners li.item_8, #topbanners li.item_12, #topbanners li.item_16 {
  margin-right: 0;
}
#topbanners li .item_wrapper {
  display: table;
  width: 100%;
  background-color: #1B4699;
}
#topbanners li .item_wrapper a {
  color: #fff;
  display: block;
  text-decoration: none;
  display: table;
}
#topbanners li .image_wrapper {
  background: #1B4699;
  float: left;
  max-width: 80px;
}
#topbanners li .image_wrapper img,
#topbanners li .image_wrapper .icon {
  float: left;
  max-width: 80px;
}
#topbanners li .image_wrapper .toptaken_icon {
  background: #1B4699;
  color: #fff;
  display: table;
  height: 80px;
  min-height: 80px;
  width: 80px;
}
#topbanners li .image_wrapper .toptaken_icon span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 3rem;
  color: #fff;
}
#topbanners li .image_wrapper .toptaken_icon span.fa {
  background-color: #1B4699;
}
#topbanners li .text_wrapper {
  padding: 0.7em 5%;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  background: #1B4699;
}
#topbanners li .text_wrapper .title {
  font-size: 1.3em;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
}
#topbanners li .text_wrapper .intro {
  font-size: 1em;
  font-weight: normal;
  color: #fff;
  line-height: 1.4em;
  padding-top: .5em;
  cursor: pointer;
}

#topbanners li.focus,
#topbanners li:hover {
  box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, 0.4);
  transform: scale(1.049, 1.049);
  z-index: 10;
}
#topbanners li.focus .text_wrapper,
#topbanners li:hover .text_wrapper {
  background: #1B4699;
}
#topbanners li.focus .text_wrapper .title,
#topbanners li.focus .text_wrapper .intro,
#topbanners li:hover .text_wrapper .title,
#topbanners li:hover .text_wrapper .intro {
  color: #fff;
}

#topbanners li a:hover {
  cursor: pointer;
}

/*__________ OBJECTS: NEWS __________*/
.content-wrap.news {
  padding-top: 1em;
}

li.news_item {
  display: inline-block;
  margin: 0.5em 2% 0.5em 0;
  width: 32%;
  float: left;
  background-color: #fff;
  border-bottom: 2px solid #ccc;
  overflow: hidden;
}
li.news_item .item_wrapper a {
  text-decoration: none;
}
li.news_item .item_wrapper a.no_img {
  display: block;
}
li.news_item .item_wrapper a.has_img {
  display: block;
}
li.news_item .item_wrapper a.has_img .image_wrapper > img {
  min-width: 100%;
}
li.news_item:hover {
  background: #e6e6e6;
}
li.news_item .image_wrapper {
  max-height: 10em;
  height: 10em;
  overflow: hidden;
  width: 100%;
}
li.news_item .image_wrapper img {
  transition: transform .3s ease-out;
}
li.news_item .title {
  font-size: 1.2em;
  font-weight: normal;
  color: #1B4699;
  padding: 1em 1em .5em 1.2em;
  float: left;
  clear: left;
  line-height: 1.2em;
}
li.news_item .intro {
  color: #2B333B;
  float: left;
  clear: left;
  padding: 0em 1.5em .5em 1.5em;
}
li.news_item .intro a {
  color: #1B4699;
}

li.news_item:nth-child(3) {
  margin-right: 0;
}

li.news_item.focus img,
li.news_item:hover img {
  transform: scale(1.05);
}

/*__________ OBJECTS: NEWS RECENT __________*/
#recent li {
  display: inline-block;
  margin: 0.5em 2% 0.5em 0;
  width: 32%;
  float: left;
  background-color: #fff;
  border-bottom: 2px solid #ccc;
  overflow: hidden;
  position: relative;
}
#recent li a.url {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}
#recent li a.url:hover {
  background: rgba(0, 0, 0, 0.1);
}
#recent li a {
  text-decoration: none;
}
#recent li div a.has_img {
  display: block;
  height: 10em;
}
#recent li div a.has_img .image_wrapper > img {
  min-width: 100%;
}
#recent li > div:not(.intro) {
  overflow: hidden;
  height: 10em;
}
#recent li div img {
  margin-bottom: 1.5em;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  transition: transform .3s ease-out;
}
#recent li > h2 {
  border: none;
}
#recent li > h2 a {
  font-size: 1.2em;
  font-weight: normal;
  color: #1B4699;
  padding: 1em 1em .5em 1.2em;
  float: left;
  clear: left;
  line-height: 1.2em;
}
#recent li .intro {
  color: #2B333B;
  float: left;
  clear: left;
  padding: 0em 1.5em .5em 1.5em;
}
#recent li .intro a {
  color: #1B4699;
}

#recent li:nth-child(3n) {
  margin-right: 0;
}

#recent li.focus img,
#recent li:hover img {
  transform: scale(1.05);
}

#recent .more_info_container {
  position: absolute;
  right: 1em;
  bottom: 0.5em;
}

/*__________ OBJECTS: NEWS WYSIWYGS __________*/
#contactwys-items li,
#newswys-items li {
  display: inline-block;
  margin: 0.5em 2% 0.5em 0;
  width: 32%;
  float: left;
  background-color: #fff;
  border-bottom: 2px solid #ccc;
  overflow: hidden;
  position: relative;
}
#contactwys-items li a.url,
#newswys-items li a.url {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
}
#contactwys-items li a.url:hover,
#newswys-items li a.url:hover {
  background: rgba(0, 0, 0, 0.1);
}
#contactwys-items li div img,
#newswys-items li div img {
  margin-bottom: 0;
  width: 100%;
  height: auto;
  transition: transform .3s ease-out;
  margin: 0;
  min-height: 12em;
}
#contactwys-items li .olMap img,
#newswys-items li .olMap img {
  transition: none;
}
#contactwys-items li h2,
#newswys-items li h2 {
  font-size: 1.2em;
  font-weight: normal;
  color: #1B4699;
  padding: 1em 0 0 0;
  float: left;
  clear: left;
  line-height: 1.2em;
  display: block;
  width: 100%;
  border: none;
}
#contactwys-items li .intro,
#newswys-items li .intro {
  color: #2B333B;
  float: left;
  clear: left;
  padding: 0em 6% .5em 6%;
  width: 88%;
}
#contactwys-items li .intro a,
#newswys-items li .intro a {
  color: #1B4699;
}

#contactwys-items li:nth-child(3),
#newswys-items li:nth-child(3) {
  margin-right: 0;
}

#contactwys-items li:hover img,
#newswys-items li:hover img {
  transform: scale(1.05);
}

#contactwys-items li:hover .olMap img,
#newswys-items li:hover .olMap img {
  transform: none;
}

#contactwys-items .olMap,
#newswys-items .olMap {
  margin: -1em -1.5em !important;
  overflow: visible;
  width: 110% !important;
}
#contactwys-items .olMap a.olButton,
#newswys-items .olMap a.olButton {
  color: #fff;
}

/*__________ OBJECTS: SNELNAAR __________*/
#modulecontent #snelnaar ul li a {
  color: #333;
  text-decoration: underline;
}

#modulecontent #snelnaar ul li.first > span {
  color: #333;
}

#snelnaar {
  padding-top: 1em;
}
#snelnaar li {
  display: inline;
}
#snelnaar li a {
  padding-right: 0.8em;
  color: #2B333B;
  line-height: 1.8em;
}
#snelnaar li.odd {
  margin-right: .8em;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  padding-left: .8em;
}
#snelnaar li.last {
  border-right: 0;
}
#snelnaar li.no_link {
  display: block;
  border-right: 0;
  border-left: 0;
  padding: 0 0 .5em 0;
}
#snelnaar li.no_link h2 {
  font-weight: bold;
  font-size: 1.2em;
}

/*__________ OBJECTS: DYNAMIC BLOCKS __________*/
#dynamicwysiwyg,
#dynamicdocuments {
  background-color: #eee;
  border: 1px solid #bbb;
  margin: 2em 0;
  padding: 10px;
}
#dynamicwysiwyg h2:first-child,
#dynamicdocuments h2:first-child {
  position: absolute;
  top: -9999px;
}
#dynamicwysiwyg h2,
#dynamicdocuments h2 {
  font-weight: normal;
}
#dynamicwysiwyg .tussenkop,
#dynamicdocuments .tussenkop {
  font-size: 1.2em;
  font-weight: normal;
  color: #1B4699;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  margin-left: 0;
}
#dynamicwysiwyg .tussenkop::before,
#dynamicdocuments .tussenkop::before {
  content: "";
}

/*__________ PAGE OPTIONS & ADD THIS __________*/
#page-options {
  position: absolute;
  right: 0;
  width: 3.5em;
  text-align: center;
  z-index: 5;
  margin-top: 1em;
}
#page-options h2 {
  display: inline-block;
  font-weight: normal;
  color: #1B4699;
  margin-top: .5em;
  position: absolute;
  top: -9999px;
  left: -99999px;
}

#socialmedia {
  margin-top: 1em;
}
#socialmedia ul li {
  width: 3.5em;
  height: 3.5em;
  overflow: hidden;
}
#socialmedia ul li a {
  color: #fff;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-size: 2em;
}
#socialmedia ul li a span {
  width: 3.5em;
  height: 1.75em;
  color: #fff;
  background: #1B4699;
  left: 0;
  position: relative;
}
#socialmedia ul li a.share_twitter span {
  background: #3ea1ec;
}
#socialmedia ul li a.share_twitter span:hover {
  background: #2795e9;
}
#socialmedia ul li a.share_facebook span {
  background: #344e86;
}
#socialmedia ul li a.share_facebook span:hover {
  background: #2d4373;
}
#socialmedia ul li a.share_linkedin span {
  background: #2672ae;
}
#socialmedia ul li a.share_linkedin span:hover {
  background: #0061ae;
}
#socialmedia ul li a.share_delicious span {
  background: #07529c;
}
#socialmedia ul li a.share_delicious span:hover {
  background: #034485;
}
#socialmedia ul li a.share_googleplus span {
  background: #d73d32;
}
#socialmedia ul li a.share_googleplus span:hover {
  background: #cc261a;
}

.po_contrast,
.po_print {
  background-color: #111;
  height: 3.5em;
  position: relative;
  overflow: hidden;
}
.po_contrast > div,
.po_print > div {
  position: relative;
  width: 3.5em;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.po_contrast:hover a,
.po_print:hover a {
  color: #fff;
}
.po_contrast span,
.po_print span {
  position: absolute;
  left: 17px;
  top: 23px;
  font-size: 1.5em;
  color: #fff;
}
.po_contrast a,
.po_print a {
  width: 100%;
  color: #999;
  display: block;
  text-decoration: none;
  font-size: .68rem;
  height: 4.8em;
  position: relative;
  z-index: 2;
}

.po_print {
  background-color: #555;
}
.po_print:hover {
  background-color: #444;
}
.po_print:hover span {
  background-color: #444;
}
.po_print span {
  background-color: #555;
}

.po_contrast {
  background-color: #111;
}
.po_contrast:hover {
  background-color: #000;
}
.po_contrast:hover span {
  background-color: #000;
}
.po_contrast span.one {
  background-color: #111;
  font-size: 1.2em;
  left: 11px;
  top: 25px;
}
.po_contrast span.two {
  background-color: #111;
  font-size: 1.2em;
  left: 27px;
  top: 25px;
}

.po_feedicon,
.po_readspeaker {
  width: 3.5em;
  height: 3.5em;
  background-color: #222;
  overflow: hidden;
  position: relative;
}
.po_feedicon:hover,
.po_readspeaker:hover {
  background-color: #171717;
}
.po_feedicon:hover a,
.po_readspeaker:hover a {
  color: #fff;
}
.po_feedicon a,
.po_readspeaker a {
  width: 100%;
  height: 4.8em;
  color: #999;
  display: block;
  text-decoration: none;
  font-size: .68rem;
}
.po_feedicon a::before,
.po_readspeaker a::before {
  content: "\f028";
  font-family: FontAwesome;
  color: #fff;
  height: 1.1em;
  width: 2.3em;
  display: table-cell;
  vertical-align: middle;
  font-size: 2.3em;
  position: absolute;
  top: 1em;
}

.po_feedicon {
  background-color: #717171;
}
.po_feedicon:hover {
  background-color: #666;
}
.po_feedicon a::before {
  content: "\f09e";
}

.content_fontsize a {
  text-decoration: none;
  color: #1B4699;
  width: 3.5em;
  height: 3.5em;
  display: block;
  text-align: center;
  vertical-align: middle;
  color: #999;
  background: #333;
  overflow: hidden;
}
.content_fontsize a:hover {
  background: #282828;
  color: #fff;
}
.content_fontsize a:hover span {
  background: #282828;
}
.content_fontsize .textfontsize {
  font-size: 0.68rem;
  display: block;
  padding-bottom: 0.3em;
}
.content_fontsize .small {
  font-size: 1.3rem;
  background: #333;
  color: #fff;
}
.content_fontsize .big {
  font-size: 1.7rem;
  background: #333;
  color: #fff;
}

#xp1 {
  left: 0;
  margin-top: 45px;
  position: absolute;
}

div#xp1 {
  position: relative;
  float: right;
}

/*__________ OBJECTS: FOOTER __________*/
.footer-wrap.footerinfo {
  background-color: #fff;
  width: 100%;
  padding: 4em 0 1em 0;
  border-top: 3px solid #1B4699;
}

.homepage .footer-wrap.footerinfo,
.portal .footer-wrap.footerinfo {
  padding: 2em 0 1em 0;
}

#footer_wrapper a {
  color: #333;
}
#footer_wrapper a:hover {
  color: #1B4699;
}
#footer_wrapper .koppelbox,
#footer_wrapper .wysiwyg {
  float: left;
  width: 30%;
  margin-right: 3%;
  line-height: 1.5em;
}
#footer_wrapper .box_1.last {
  width: auto;
}
#footer_wrapper h2,
#footer_wrapper h3 {
  color: #1B4699;
  margin-bottom: 0.5em;
}
#footer_wrapper ul,
#footer_wrapper .koppelbox ul,
#footer_wrapper .koppelboxrow ul {
  margin-left: 0;
  list-style-type: none;
}
#footer_wrapper .koppelbox a:hover,
#footer_wrapper .koppelboxrow a:hover {
  text-decoration: underline;
}

footer .koppelboxrow ul li,
footer .koppelbox ul li,
footer .wysiwyg ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
}

footer .koppelboxrow {
  clear: both;
  width: 100%;
  line-height: 1.5em;
  margin-bottom: 1em;
}
footer .koppelboxrow ul {
  text-align: center;
}
footer .koppelboxrow ul li {
  display: inline-table;
  padding-right: 5em;
}

/*__________ OBJECTS: OPENINGSTIJDEN __________*/
.openingstijden_container {
  display: inline-block;
  margin: 1em 2% 1em 0;
  width: 28%;
  float: left;
  background-color: #fff;
  border-bottom: 2px solid #ccc;
  overflow: hidden;
  position: relative;
  color: #1B4699;
  padding: 1em 2% .5em 2%;
  line-height: 1.2em;
  color: #2B333B;
}
.openingstijden_container:nth-child(3) {
  margin-right: 0;
}
.openingstijden_container .icon {
  height: 1.5em;
  width: 28px;
  margin-right: 0;
}
.openingstijden_container .icon.open {
  background: none;
  border: none;
  color: green;
}
.openingstijden_container .icon.closed {
  background: none;
  border: none;
  color: red;
}
.openingstijden_container .icon.closed::before,
.openingstijden_container .icon.open::before {
  content: "\f274";
  font-family: FontAwesome;
  font-size: 1.3em;
  display: inline-block;
  width: 28px;
}
.openingstijden_container .icon.closed::before {
  content: "\f273";
}
.openingstijden_container #openingstijden_1 .icon.open::before,
.openingstijden_container #openingstijden_1 .icon.closed::before {
  content: "\f19c";
}
.openingstijden_container #openingstijden_2 .icon.open::before,
.openingstijden_container #openingstijden_2 .icon.closed::before {
  content: "\f095";
}
.openingstijden_container #openingstijden_3 .icon.open::before,
.openingstijden_container #openingstijden_3 .icon.closed::before,
.openingstijden_container #openingstijden_4 .icon.open::before,
.openingstijden_container #openingstijden_4 .icon.closed::before {
  content: "\f1b8";
}
.openingstijden_container .tomorrow,
.openingstijden_container .today {
  float: left;
  clear: both;
}
.openingstijden_container .today {
  margin-bottom: .5em;
}
.openingstijden_container .inner_element.open .tomorrow,
.openingstijden_container .inner_element.closed .tomorrow {
  padding: 0;
}
.openingstijden_container .inner_element.open .tomorrow::before,
.openingstijden_container .inner_element.closed .tomorrow::before {
  content: "\f073";
  font-family: FontAwesome;
  font-size: 1.3em;
  display: inline-block;
  color: #bbb;
  width: 28px;
}
.openingstijden_container #openingstijden_1 .inner_element.open .tomorrow::before,
.openingstijden_container #openingstijden_1 .inner_element.closed .tomorrow::before {
  content: "\f19c";
}
.openingstijden_container #openingstijden_2 .inner_element.open .tomorrow::before,
.openingstijden_container #openingstijden_2 .inner_element.closed .tomorrow::before {
  content: "\f095";
}
.openingstijden_container #openingstijden_3 .inner_element.open .tomorrow::before,
.openingstijden_container #openingstijden_3 .inner_element.closed .tomorrow::before,
.openingstijden_container #openingstijden_4 .inner_element.open .tomorrow::before,
.openingstijden_container #openingstijden_4 .inner_element.closed .tomorrow::before {
  content: "\f1b8";
}
.openingstijden_container h2 {
  font-size: 1.2em;
  font-weight: normal;
  color: #002d69;
  margin-bottom: 1em;
  float: left;
  clear: left;
  line-height: 1.2em;
  display: block;
  width: 100%;
}

/*__________ OBJECTS: BACK TO TOP __________*/
.back-top,
.scroll-down {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 4;
  display: block;
  height: 50px;
  bottom: 0;
}
.back-top a,
.scroll-down a {
  height: 50px;
  width: 230px;
  display: block;
  margin: 0 auto;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}
.back-top a span,
.scroll-down a span {
  font-size: 2.5em;
  height: 50px;
  width: 230px;
  background: none;
}
.back-top a span.btn_down_title, .back-top a span.btn_up_title,
.scroll-down a span.btn_down_title,
.scroll-down a span.btn_up_title {
  font-size: 0;
}

.back-top {
  top: 3.5em;
}
.back-top a {
  background: url(../../images/flex-v9/scroll_up.png);
}

.footer-wrap.footerinfo {
  position: relative;
}

.homepage .back-top.next,
.portal .back-top.next {
  top: -99999em;
}

.nextpage .back-top {
  top: 0px;
}
.nextpage .back-top a {
  background: url(../../images/flex-v9/scroll_up_nextpage.png);
}
.nextpage .back-top a span {
  color: #fff;
}

.scroll-down a {
  background: url(../../images/flex-v9/scroll_down.png);
}
.scroll-down a span {
  color: #1B4699;
}

#fp-nav.left {
  left: 0 !important;
  height: 100%;
  margin-top: 0 !important;
  top: 0;
  display: table;
  background: #fff;
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
}
#fp-nav.left ul {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 210px;
}
#fp-nav.left ul li {
  width: 2.5rem !important;
  margin: 0 !important;
  padding-bottom: 2em;
  text-align: center;
}
#fp-nav.left ul li .fp-tooltip {
  top: 0 !important;
  text-align: center;
  opacity: 0 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  display: none;
  opacity: 1 !important;
  position: absolute;
  left: 3.1em;
  width: 7em !important;
  display: block;
  padding: 1em;
  background: #1B4699;
  color: #fff !important;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#fp-nav.left ul li a.active .fp-tooltip {
  font-size: 1em;
}
#fp-nav.left ul li a {
  width: 10rem !important;
  height: 2.4rem !important;
}
#fp-nav.left ul li a span,
#fp-nav.left ul li a span {
  height: 10px !important;
  width: 10px !important;
  background: #1B4699 !important;
  margin: -5px 0 0 -4em !important;
  opacity: 0.5;
}
#fp-nav.left ul li a.active span,
#fp-nav.left ul li a.active span {
  height: 18px !important;
  width: 18px !important;
  margin: -8px 0 0 -4.25em !important;
  opacity: 1;
}
#fp-nav.left ul li:hover .fp-tooltip {
  opacity: 1 !important;
  position: absolute;
  left: 3.1em;
  width: 8em !important;
  display: block;
  padding: 1em;
  background: #1B4699;
  color: #fff !important;
}

/*__________ Intra / Extra __________*/
#birthdays,
#personengids {
  display: inline-block;
  margin: 0.5em 2% 0.5em 0;
  padding: 1em 2%;
  width: 45%;
  float: left;
  background-color: #fff;
  border-bottom: 2px solid #ccc;
  overflow: hidden;
  position: relative;
  line-height: 1.7em;
}
#birthdays a,
#personengids a {
  text-decoration: none;
  width: 49%;
  float: left;
}
#birthdays a:hover,
#personengids a:hover {
  text-decoration: underline;
}
#birthdays h2,
#personengids h2 {
  font-size: 1.2em;
  font-weight: normal;
  color: #1B4699;
  padding-bottom: 1em;
  float: left;
  clear: left;
  line-height: 1.2em;
  display: block;
  width: 100%;
  border: none;
}
#birthdays legend,
#personengids legend {
  color: #2B333B;
  float: left;
  clear: left;
  width: 100%;
  padding: 0 0 1em 0;
}
#birthdays label,
#personengids label {
  position: absolute;
  top: -99999em;
}
#birthdays #personengids_naam,
#personengids #personengids_naam {
  border: 1px solid #999;
  border-radius: 0;
  float: left;
  color: #333;
  font-size: 1.2em;
  padding: 0.2em 2% 0.2em 5.5%;
  width: 71%;
  min-height: 1em;
  background: url(../../images/flex-v9/search.png) no-repeat 0.3em 0.4em;
}
#birthdays #personengids_submit,
#personengids #personengids_submit {
  background-color: #1B4699;
  cursor: pointer;
  border: #1B4699;
  border-radius: 0;
  -webkit-appearance: none;
  float: right;
  color: #fff;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.2em 2%;
  width: 20%;
  min-height: 2em;
  position: relative;
}
#birthdays .date,
#personengids .date {
  width: 49%;
  float: right;
  text-align: right;
  font-weight: bold;
}

#birthdays {
  margin: 0.5em 0 0.5em 0;
}

#prikbord li {
  display: inline-block;
  margin: 0.5em 2% 0.5em 0px;
  width: 28%;
  float: left;
  background-color: #FFF;
  border-bottom: 2px solid #CCC;
  overflow: hidden;
  position: relative;
  padding: 1em 2%;
}
#prikbord li:last-child {
  margin-right: 0;
}
#prikbord li > a {
  font-size: 1.2em;
  font-weight: normal;
  color: #1B4699;
  padding-bottom: 1em;
  float: left;
  clear: left;
  line-height: 1.2em;
  display: block;
  width: 100%;
  border: none;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
#prikbord li .intro {
  color: #2B333B;
}
#prikbord li a.url {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
#prikbord li .datum {
  font-weight: bold;
  margin-bottom: 0.5em;
  display: block;
  color: #333;
}
#prikbord > h2 {
  position: absolute;
  top: -999999em;
}
#prikbord .buttons {
  float: right;
  width: 100%;
  clear: both;
  text-align: right;
}
#prikbord .buttons a {
  display: inline-block;
  line-height: 1.3em;
  text-decoration: none;
  padding: .4em 1em;
  margin: 0 0 1em 0.5em;
  border: 3px solid #1B4699;
  background: #1B4699;
  color: #fff;
  border-radius: 2px;
  font-family: Arial, Helvetica, sans-serif;
}
#prikbord .buttons a::after {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0.7em;
}
#prikbord .buttons a:focus {
  border: 2px dotted #ddd;
}
#prikbord .buttons a:hover {
  text-decoration: none;
  transform: scale(1.049, 1.049);
}

#events {
  width: 100%;
  margin-top: 0.5em;
}
#events h2 {
  background: #fff;
  padding: 1em 2%;
  float: right;
  width: 62%;
  font-size: 1.2em;
  font-weight: normal;
  color: #1B4699;
  padding-bottom: 1em;
  clear: left;
  line-height: 1.2em;
  display: block;
  border: none;
}
#events table {
  float: left;
  width: 32.2%;
}
#events table caption {
  position: absolute;
  top: -999999em;
}
#events table td {
  padding: 1em 0;
  background: #fff;
  text-align: center;
  border-bottom: 2px solid #CCC;
}
#events table th {
  padding: 0.8em 0;
  background: #1B4699;
  color: #fff;
  border-bottom: 2px solid #CCC;
  text-align: center;
}
#events table th a {
  position: absolute;
  top: -99999em;
}
#events table td.current_day a {
  color: #333;
}
#events table td.has_event {
  background: #1B4699;
}
#events table td.has_event a {
  color: #fff;
}
#events #events_list {
  background: #fff;
  padding: 1em 2%;
  float: right;
  width: 62%;
  line-height: 1.7em;
}
#events #events_list a {
  color: #1B4699;
}
#events #events_list .date {
  width: 49%;
  float: right;
  text-align: right;
  font-weight: bold;
  display: block;
}
#events #events_list > div > ul > li > a {
  text-decoration: none;
  width: 49%;
  float: left;
}
#events #events_list > div > ul > li > a:hover {
  text-decoration: underline;
}
#events .more {
  background: #fff;
  padding: 1em 2%;
  float: right;
  width: 62%;
  margin-top: -.5em;
  border-bottom: 2px solid #CCC;
}
#events .more a {
  display: inline-block;
  line-height: 1.3em;
  text-decoration: none;
  padding: .4em 1em;
  border: 3px solid #1B4699;
  background: #1B4699;
  color: #fff;
  border-radius: 2px;
  font-family: Arial, Helvetica, sans-serif;
}
#events .more a::after {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0.7em;
}
#events .more a:focus {
  border: 2px dotted #ddd;
}
#events .more a:hover {
  text-decoration: none;
  transform: scale(1.049, 1.049);
}

/*__________ Feedback __________*/
#feedbackbutton {
  background: #1B4699;
  height: 170px;
  position: relative;
  width: 3em;
  display: inline-block;
  transform: translateZ(0px);
  transition-duration: 0.3s;
  transition-property: color;
  vertical-align: middle;
  box-shadow: 1px 1px 4px #aeaeae;
  font-size: 1.2em;
  margin-top: 1em;
}
#feedbackbutton .btn_feedback {
  color: #fff;
  text-decoration: none;
  transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  position: absolute;
  top: 3em;
  right: -3em;
  cursor: pointer;
  width: 170px;
  height: 3em;
}
#feedbackbutton .btn_feedback span {
  display: block;
  margin-top: 15px;
  margin-left: 57px;
}
#feedbackbutton:hover {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s;
}
#feedbackbutton::before {
  background: #333;
  opacity: 0.3;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleY(0);
  transform-origin: 50% 100% 0;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  z-index: -1;
}
#feedbackbutton:hover::before {
  transform: scaleY(1);
}
#feedbackbutton .icon_feedback::before {
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 10px 10px;
  content: "";
  left: calc(50% - 10px);
  pointer-events: none;
  position: absolute;
  top: 0;
  transition-duration: 0.3s;
  transition-property: transform;
  font-family: FontAwesome;
  position: absolute;
  transform: translateZ(0px);
}
#feedbackbutton .icon_feedback {
  color: #1B4699;
  display: table;
  position: absolute;
  transform: translateZ(0px);
  vertical-align: middle;
  background: #fff;
  bottom: 0;
  right: 0;
  width: 3em;
  height: 3em;
}
#feedbackbutton .fa {
  -webkit-animation: pound 0.5s;
  -moz-animation: pound 0.5s;
  -ms-animation: pound 0.5s;
  -o-animation: pound 0.5s;
  animation: pound 0.5s;
  color: #1B4699;
}
@-webkit-keyframes pound {
  0% {
    transform: none;
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: none;
  }
}
@-moz-keyframes pound {
  0% {
    transform: none;
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: none;
  }
}
@-ms-keyframes pound {
  0% {
    transform: none;
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: none;
  }
}
@keyframes pound {
  0% {
    transform: none;
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: none;
  }
}
#feedbackbutton:hover > .icon_feedback:before {
  transform: translateY(-10px);
  transform: scale(2);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
#feedbackbutton:hover > .icon_feedback {
  color: #5b5b5b;
}

#feedbackbutton .form {
  display: none;
  position: absolute;
  right: 3em;
  top: 0em;
  background: #fff;
  width: 300px;
  text-align: left;
  border: 5px solid #1B4699;
  padding: 1em;
}
#feedbackbutton .form div {
  margin-bottom: 1em;
}
#feedbackbutton .form label {
  margin-bottom: 0.5em;
  display: block;
  font-size: 0.8em;
}
#feedbackbutton .form input {
  display: block;
}
#feedbackbutton .form h2,
#feedbackbutton .form legend {
  font-size: 1.2em;
  font-weight: normal;
  color: #1B4699;
  line-height: 1.2em;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 1em;
}
#feedbackbutton .form span {
  font-weight: bold;
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
}
#feedbackbutton .form .submit {
  margin-bottom: 2px;
}
#feedbackbutton .form .submit input {
  display: inline-block;
  clear: right;
  line-height: 1.3em;
  text-decoration: none;
  padding: .4em 1em;
  border: 3px solid #1B4699;
  border-radius: 2px;
  font-family: Arial, Helvetica, sans-serif;
  background: #1B4699;
  color: #fff;
  border-color: #1B4699;
  cursor: pointer;
}
#feedbackbutton .form .submit input:hover {
  transform: scale(1.049, 1.049);
}
#feedbackbutton .form textarea {
  max-height: 80px;
}
#feedbackbutton .form .radio_container {
  display: inline;
}
#feedbackbutton .form .radio_container input {
  position: absolute;
  left: -999999px;
}
#feedbackbutton .form .radio_container label {
  font-weight: normal;
  font-size: 0;
  color: #fff;
  display: inline;
}
#feedbackbutton .form .radio_container input[type=radio] + label::before {
  content: "-";
  color: #fff;
  text-align: center;
  background: #ccc;
  min-width: 26px;
  min-height: 20px;
  padding: 3px 0 4px;
  display: inline-block;
  margin: 3px -2px;
  text-shadow: 1px 1px 2px #333;
  cursor: pointer;
  font-size: 15px;
}
#feedbackbutton .form .radio_container input#sim_zero + label::before {
  content: "0";
  background: #a91525;
}
#feedbackbutton .form .radio_container input#sim_one + label::before {
  content: "1";
  background: #be1729;
}
#feedbackbutton .form .radio_container input#sim_two + label::before {
  content: "2";
  background: #d3152a;
}
#feedbackbutton .form .radio_container input#sim_three + label::before {
  content: "3";
  background: #e7132b;
}
#feedbackbutton .form .radio_container input#sim_four + label::before {
  content: "4";
  background: #e7132b;
}
#feedbackbutton .form .radio_container input#sim_five + label::before {
  content: "5";
  background: #f16437;
}
#feedbackbutton .form .radio_container input#sim_six + label::before {
  content: "6";
  background: #f5853e;
}
#feedbackbutton .form .radio_container input#sim_seven + label::before {
  content: "7";
  background: #ffb015;
}
#feedbackbutton .form .radio_container input#sim_eight + label::before {
  content: "8";
  background: #ffba2e;
}
#feedbackbutton .form .radio_container input#sim_nine + label::before {
  content: "9";
  background: #94c550;
}
#feedbackbutton .form .radio_container input#sim_ten + label::before {
  content: "10";
  background: #5bb852;
}
#feedbackbutton .form .radio_container input[type=radio]:checked + label::before {
  content: "\2713" !important;
}
#feedbackbutton .form .error.text {
  color: red;
  font-size: 0.8em;
  font-weight: bold;
}
#feedbackbutton .form label.error {
  color: red;
}
#feedbackbutton .form label.error::after {
  content: "*";
}

.inner_element.open, .inner_element.closed {
  float: left;
  margin: 0 !important;
  min-width: 40%;
}

.openingstijden_container {
  min-height: 380px;
}

/*__________ Cookie Bar __________*/
div.cookie_bar_wrapper {
  width: 20%;
  right: 0;
  left: auto;
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
  border: 2px solid #006000;
}
div.cookie_bar_wrapper .shade_top {
  background: none;
  height: 0;
}
div.cookie_bar_wrapper div.cookie_bar form input {
  padding: 0.5em 0;
  border-radius: 2px;
  width: 95%;
  text-align: center;
  margin: 0 auto 0.5em auto;
  float: none;
}
div.cookie_bar_wrapper div.cookie_bar .btn_accept:hover {
  background-color: #007000;
  transform: scale(1.049, 1.049);
}
div.cookie_bar_wrapper div.cookie_bar .btn_deny:hover {
  background-color: #606060;
  transform: scale(1.049, 1.049);
}
div.cookie_bar_wrapper .wysiwyg {
  text-align: left;
  padding: 0 5%;
}
div.cookie_bar_wrapper h2 {
  padding-left: 1.5em;
  position: relative;
}
div.cookie_bar_wrapper h2::before {
  content: '\f013';
  font-family: FontAwesome;
  font-size: 1.5rem;
  position: absolute;
  top: -2px;
  left: 0;
}

p.icon span {
  position: absolute;
  top: -99999px;
}

/*__________ BASE: MODULES __________*/
/* Afwezigheidsrooster*/
.module_afwezigheidsrooster.absentform form legend,
div.module_afwezigheidsrooster ul.months li span.active_month {
  color: #333;
}

/* Bestuur */
div.module_bestuur .person {
  border-top: 1px solid #333;
}

div.module_bestuur .person {
  border-color: #333;
}

/* Bri agenda */
.module_bri_agenda .events_calendar td.active {
  border-color: #999;
}

.module_bri_agenda .date_navigation .months {
  border-color: #999;
}

.module_bri_agenda.text_version > ul > li > ul > li > span,
.module_bri_agenda.detail ul.export,
.module_bri_agenda.detail > .documents {
  border-color: #333;
}

.module_bri_agenda .date_navigation .selected_month,
.module_bri_agenda .events_calendar th,
.module_bri_agenda .events_calendar td.current_day,
.module_bri_agenda .legenda ul li.today,
.module_bri_agenda.text_version > ul > li > h2,
.current_day a,
#events_calendar .events_calendar td.current_day.selected_day.has_event a {
  color: #fff;
}

.module_bri_agenda .date_navigation .selected_month a {
  color: #fff;
}

.module_bri_agenda .date_navigation .selected_month,
.module_bri_agenda .events_calendar th,
.module_bri_agenda .events_calendar td.current_day,
.module_bri_agenda .legenda ul li.today,
.module_bri_agenda.text_version > ul > li > h2 {
  background-color: #1B4699;
  color: #fff;
}

.module_bri_agenda .events_calendar td.current_day,
.module_bri_agenda .events_calendar td.has_event,
.module_bri_agenda .legenda .schedules ul li {
  border-color: #333;
}

.module_bri_agenda.detail caption {
  color: #333;
}

.module_bri_agenda .calendar_navigation a,
.module_bri_agenda #events_calendar td.current_day ul > li > a,
.module_bri_agenda #events_calendar .events_calendar td.selected_day a {
  color: #fff;
}

/* Contact */
div.module_contact .error_message {
  border-color: #900;
  background-color: #FEE;
  color: #900;
}

.module_contact .error_text {
  color: #333;
  font-weight: normal;
}

div.module_contact form .invalid label {
  color: #900;
}

div.module_contact table.spamcontrole th,
div.module_contact table.spamcontrole td {
  border-color: #333;
}

div.module_contact table.spamcontrole th {
  background-color: #333;
  color: #fff;
}

/* Digigids */
div.module_digigids .alphabet,
div.module_digigids.searchform,
div.module_digigids.default table,
div.module_digigids.searchform form fieldset legend,
div.module_digigids caption,
.module_digigids table {
  border-color: #333;
}

div.module_digigids .alphabet a,
div.module_digigids.searchform form fieldset legend,
div.module_digigids caption {
  background-color: #333;
  color: #fff;
}

div.module_digigids .alphabet a:hover {
  background: #1B4699;
  color: #fff;
}

/* Evenementen */
div.module_evenementen.list_months,
div.module_evenementen .list_months,
div.module_evenementen.selected_month,
div.module_evenementen.item_list {
  border-color: #333;
}

div.module_evenementen .others thead,
div.module_evenementen .agenda thead {
  color: #333;
}

div#events_calendar_module .events_calendar td.active {
  border-color: #999;
}

div#events_calendar_module .events_calendar td.current_day,
div#events_calendar_module .legenda ul li.today,
div#events_calendar_module .events_calendar th,
div.module_evenementen.list_months ul li a.active,
div#events_calendar_module .legenda ul li.scheduled_meetings,
div#events_calendar_module .events_calendar td.selected_day a {
  color: #333;
}

div#events_calendar_module .events_calendar td.current_day a {
  color: #333;
}

.module_evenementen.detail .evenement_locatie {
  border-top: 1px solid #333;
}

div.module_evenementen .others thead,
div.module_evenementen .agenda thead {
  background-color: #333;
  color: #fff;
}

div#events_calendar_module .events_calendar td.current_day,
div#events_calendar_module .legenda ul li.today,
div#events_calendar_module .events_calendar th,
div.module_evenementen.list_months ul li a.active,
div#events_calendar_module .legenda ul li.scheduled_meetings,
div#events_calendar_module .events_calendar td.selected_day a {
  background-color: #333;
  color: #fff;
}

div#events_calendar_module .events_calendar td.has_event,
div#events_calendar_module .events_calendar td.current_day {
  border-color: #333;
}

div#events_calendar_module .title a,
div#events_calendar_module .extra_title a {
  color: #333;
}

div.module_evenementen .others thead th,
div.module_evenementen .agenda thead th {
  border-right: 1px solid #333;
}

/* Forum */
div.module_forum .default_categories th,
div.module_forum .default th {
  color: #333;
  border-color: #333;
}

.module_forum fieldset legend {
  color: #333;
}

div.module_forum table td {
  border-bottom-color: #333;
}

div.module_forum .default_categories th,
div.module_forum .default th {
  background-color: #333;
  color: #fff;
}

.module_forum fieldset legend {
  bbackground-color: #333;
  color: #fff;
}

div.module_forum .post,
div.module_forum tr.odd,
div.module_forum tr.even,
div.module_forum .files,
div.module_forum table.spamcontrole th,
div.module_forum table.spamcontrole td {
  border-color: #999;
}

/* Foto */
.module_foto .nav,
.module_foto .thumblist_row li {
  border-color: #333;
}

/* Meldpunt */
.module_meldpunt form legend,
.module_meldpunt form caption {
  background-color: #333;
  color: #fff;
}

/* Nieuwsbrief */
.module_nieuwsbrief.profile form fieldset {
  border-color: #999;
}

/* Peiling */
div.module_peiling table {
  border-top: 1px solid #333;
}

.poll_thanks {
  border-color: #333;
}

div.module_peiling table td.answer_bar img {
  background-color: #333;
}

/* Personengids */
div.module_personengids.result table th {
  background-color: #333;
  color: #fff;
}

div.module_personengids.detail caption {
  color: #1B4699;
  background-color: #fff;
}

/* politieke partijen */
div.module_politieke_partijen .row {
  border-color: #333;
}

/* Reserveringen */
div.module_reserveringen table.spamcontrole th,
.ui-datepicker-calendar th {
  color: #fff;
}

div.module_reserveringen table th {
  font-weight: bold;
}

.module_reserveringen .events_calendar td.has_event {
  background: #fff;
}

.module_reserveringen .events_calendar td a {
  border-color: #333;
}

#ui-datepicker-div {
  border-color: #333;
}

#ui-datepicker-div {
  width: auto;
}

.module_reserveringen .events_calendar td.current_day a,
a#prev_year, a#prev_month, a#next_month, a#next_year {
  color: #fff;
}

div.module_reserveringen .events_calendar td.selected_day a {
  background-color: #333;
  color: #fff;
}

table.spamcontrole th,
table.spamcontrole td {
  border-color: #333;
}

.events_calendar tr.selected_week td {
  background-color: #fff;
}

table.events_calendar tr.selected_week td.week a {
  color: #333;
}

/* SIMfaq */
.module_simfaq .faq_topics ul.main_topics li.selected > a,
.module_simfaq .faq_tellafriend_submit {
  background-color: #333;
  color: #fff;
}

.module_simfaq .faq_topics ul.main_topics li.selected > a:hover {
  background-color: #333;
  color: #fff;
}

.module_simfaq .faq_topics ul.main_topics li > a:hover {
  background-color: rgba(112, 112, 112, 0.2);
}

.module_simfaq .faq_topics ul.main_topics li.faq_topic_selected > a,
.module_simfaq .faq_topics ul.topics li.faq_topic_selected > a {
  background-color: rgba(112, 112, 112, 0.2);
}

.module_simfaq .search form,
div.module_simfaq .faq_topics ul.main_topics > li.selected {
  border-color: #999;
}

div.module_simfaq div.detail {
  border-bottom-color: #333;
}

.module_simfaq .faq_topics ul.main_topics > li {
  border-color: #999;
}

/* SIMkassa */
.module_simkassa form.simkassa_form table th {
  background-color: #333;
  color: #fff;
}

.module_simkassa form.simkassa_form table tfoot td {
  background: #1B4699;
  color: #fff;
}

.module_simkassa form.simkassa_form table td {
  background: #eee;
}

/* sitemap */
div.module_sitemap h2 {
  border-bottom: 1px solid #1B4699;
}

/* sportwijzer */
div.module_sportwijzer table caption {
  color: #333;
}

/* sportwijzer */
.module_startpagina .box h2 {
  border-bottom: 3px solid #1B4699;
}

.module_startpagina div.box.boxhover {
  border: 1px solid #FFF;
}

.module_startpagina div.box.boxhover:hover {
  border: 1px solid #1B4699;
}

/* Telefoonlijst */
div.module_telefoonlijst th {
  background-color: #333;
  color: #fff;
}

/* Trouwagenda */
.events_calendar th {
  background-color: #333;
  color: #fff;
}

#events_calendar .events_calendar td.selected_day {
  border-color: #333;
  background: #1B4699;
}

.module_trouwagenda form legend {
  background-color: #333;
  color: #fff;
}

.events_calendar td.no_event {
  background: #fff;
}

div.module_trouwagenda table.spamcontrole th,
.events_calendar td.has_event,
.legenda ul li.scheduled_meetings {
  background-color: #e3e3e3;
}

.module_trouwagenda h2 {
  border-bottom-color: #1B4699;
}

div.module_trouwagenda table.spamcontrole th,
div.module_trouwagenda table.spamcontrole td {
  border-color: #999;
}

/* Solr */
.module_solr.searchbox form .row label,
.module_solr.searchbox_advanced form .row label,
.module_solr form legend {
  color: #333;
}

.module_solr.searchbox_advanced form fieldset.simple,
.module_solr.searchbox_advanced form fieldset.simple input,
.module_solr.searchbox_advanced form fieldset.simple select {
  color: #2B333B;
}

#ui-datepicker-div,
.module_solr #search_simple .suggestions ul,
.module_solr.result .keywordlinks,
.module_solr .resultoptionselecter,
.module_solr.searchbox {
  border: 0px solid #333;
}

.module_solr #search_simple .suggestions ul li a:hover {
  color: #fff;
}

.module_solr.result .keywordlinks > li > a {
  background-color: #1B4699;
  color: #FFF;
}

.module_solr .searchresults li > a {
  color: #1B4699;
}

.module_solr .searchoptions .selections {
  background: rgba(112, 112, 112, 0.2);
}

/* Vacatures */
div.modulecontent form legend {
  background-color: #333;
  color: #fff;
}

table.spamcontrole th,
table.spamcontrole td {
  border-color: #333;
}

table.spamcontrole th {
  background-color: #333;
  color: #fff;
}

div.modulecontent table.spamcontrole th {
  background-color: #333;
}

div.modulecontent table.spamcontrole th,
div.modulecontent table.spamcontrole td {
  border-color: #999;
}

/* Vakantierooster */
.module_vakantierooster.form form legend {
  background-color: #333;
  color: #fff;
}

.module_vakantierooster table.vk_rooster_tabel .dark {
  background-color: #333;
  color: #fff;
}

.module_vakantierooster table.vk_rooster_tabel .light {
  background-color: #1B4699;
  color: #fff;
}

.module_vakantierooster ul.months {
  border-color: #333;
}

.module_vakantierooster table.vk_rooster_tabel .current {
  background-color: #333;
}

.module_vakantierooster table.vk_rooster_tabel td.person,
.module_vakantierooster table.vk_rooster_tabel td {
  border-color: #cccccc;
}

#ui-datepicker-div {
  border-color: #cccccc;
}

/* Zoekmachine */
div.module_zoekmachine ul.search_results li,
div.module_zoekmachine ul.items li {
  border-color: #333;
}

div.module_zoekmachine ul.search_results li h2 {
  background-color: #333;
  color: #fff;
}

.ui-datepicker-calendar th {
  background-color: #333;
  color: #fff;
}

/* SIMFORM */
.inner #formcontent {
  margin-bottom: 1em;
}

.inner #formcontent #button__previous,
.inner #formcontent #button__complete,
.inner #formcontent #button__previous,
.inner #formcontent #button__next {
  background-color: #1B4699;
  color: #fff;
  border-color: #1B4699;
  -webkit-appearance: none;
  font-size: 1.25em;
}

.inner #formcontent .formsummary caption,
.inner #formcontent fieldset legend {
  color: #fff;
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 1em;
  border-bottom: 1px dotted #333;
}

.inner #formcontent .formsummary caption {
  margin-bottom: 0.3em;
  border: none;
}

.inner #formcontent textarea,
.inner #formcontent select {
  border-color: #333;
  padding: 2px 1%;
}

.inner #formcontent .element-statictext {
  margin-bottom: 2em;
}

.inner #formcontent .step-description {
  text-align: left;
}

.inner #formcontent div.label-inline {
  margin-bottom: 1em;
  width: 25%;
}

.inner #formcontent div.element-inline {
  margin-bottom: 1.5em;
  width: 70%;
}

.inner #formcontent .normal-input.elBijlage {
  border: none;
}

.inner #formcontent .formsummary th, .inner #formcontent .formsummary td {
  border: 1px solid #333;
}

.inner .progress-bar {
  border-color: #333;
}

.inner .progress-bar img {
  background-color: #333;
  color: #fff;
}

.inner #formcontent #button__previous:hover,
.inner #formcontent #button__complete:hover,
.inner #formcontent #button__previous:hover,
.inner #formcontent #button__next:hover {
  text-decoration: none;
  transform: scale(1.049, 1.049);
}

/* ITEMS */
.date {
  color: #333;
}

.module_items.default h2.item_title a {
  color: #1B4699;
}

.module_items.default ul > li.has_intro {
  border-bottom: 1px solid #1B4699;
}

.module_items.default ul > li.has_intro:first-child {
  border-top: 1px solid #1B4699;
}

/* Jarig */
div.module_personengids.result table th {
  color: #fff;
}

div.module_personengids.detail table {
  border-color: #999;
}

.module_jarig h2 {
  border-color: #1B4699;
}

/*CVDR*/
.module_cvdr.module h2 {
  background-color: #1B4699;
  color: #fff;
}

.module_cvdr.module.default h2 {
  background-color: #fff;
  color: #1B4699;
}

/* Weblog */
.spamcontrole_part label {
  margin-top: 0;
}

/*ARCHIEF*/
.module_archief ul.items li.item h2 {
  color: #333;
}

/* OVERIG */
div.module_peiling div.allreadyvoted,
.error_text,
.expired {
  color: #333;
  font-weight: bold;
  margin-bottom: 1em;
  margin-left: 1.3em;
}
div.module_peiling div.allreadyvoted::before,
.error_text::before,
.expired::before {
  content: "\f06a";
  font-family: FontAwesome;
  font-size: 1em;
  color: #333;
  display: inline-block;
  width: 1em;
  margin-left: -1.3em;
  float: left;
}

.date {
  color: #333;
  font-weight: bold;
  margin-bottom: 1em;
}

ul.documents li span.file_icon img {
  vertical-align: middle;
}

.archief {
  background-color: #1B4699;
  color: #fff;
  text-align: center;
  padding: 7px 15px;
  display: block;
  text-decoration: none;
  max-width: 4em;
}
.archief:hover {
  text-decoration: underline;
}

.archief,
.module_afwezigheidsrooster.absentform form input[type=submit],
.module_contact form .submitbutton input,
div.module_digigids.searchform form input[type=submit],
.module_forum form .submit input,
.module_meldpunt form input[type=submit],
.module_nieuwsbrief.default form input#loginsubmit,
.module_nieuwsbrief.register form input#submit,
.module_nieuwsbrief.password form input#submit,
.module_nieuwsbrief.profile form input#profile_submit,
.module_peiling .sendbutton input,
div.module_personengids #personengids_zoeken input[type="submit"],
div.module_prikbord input[type="submit"],
module_reserveringen form input[type="submit"],
.module_simfaq .search form input[type="submit"],
.module_simfaq .faq_tellafriend_submit,
.module_simfaq .faq_topics form input[type="submit"],
.module_simfaq .search form div input[type="submit"],
.module_simfaq .faq_topics form input[type="submit"],
.buttons input,
.simloket_zoekbox_container form input.submit,
.module_solr .row.submit input,
.module_solr .row.advancedsubmit input,
.period_form .submit,
.module_trouwagenda form .submit input,
.module_solr .row.submit input,
.module_solr .row.advancedsubmit input,
.post_reaction a,
#modulecontent input.submit_button,
#modulecontent form input[type="submit"],
.module_vakantierooster.form form#vakantierooster .submit input,
.module_zoekmachine form .submit input,
div.modulecontent form input[type="submit"],
.post_reaction a,
input.submit_button,
div.module_personengids #personengids_zoeken input[type="submit"],
div.module_prikbord .postlink a,
.order_overview a,
.order_product a,
.buttons a,
a.no_order_link,
.buttons input {
  border-color: #1B4699;
  background-color: #1B4699;
  color: #fff;
  padding: 5px 15px;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.archief:hover,
.module_afwezigheidsrooster.absentform form input[type=submit]:hover,
.module_contact form .submitbutton input:hover,
div.module_digigids.searchform form input[type=submit]:hover,
.module_forum form .submit input:hover,
.module_meldpunt form input[type=submit]:hover,
.module_nieuwsbrief.default form input#loginsubmit:hover,
.module_nieuwsbrief.register form input#submit:hover,
.module_nieuwsbrief.password form input#submit:hover,
.module_nieuwsbrief.profile form input#profile_submit:hover,
.module_peiling .sendbutton input:hover,
div.module_personengids #personengids_zoeken input[type="submit"]:hover,
div.module_prikbord input[type="submit"]:hover,
module_reserveringen form input[type="submit"]:hover,
.module_simfaq .search form input[type="submit"]:hover,
.module_simfaq .faq_tellafriend_submit:hover,
.module_simfaq .faq_topics form input[type="submit"]:hover,
.module_simfaq .search form div input[type="submit"]:hover,
.module_simfaq .faq_topics form input[type="submit"]:hover,
.buttons input:hover,
.simloket_zoekbox_container form input.submit:hover,
.module_solr .row.submit input:hover,
.module_solr .row.advancedsubmit input:hover,
.period_form .submit:hover,
.module_trouwagenda form .submit input:hover,
.module_solr .row.submit input:hover,
.module_solr .row.advancedsubmit input:hover,
.post_reaction a:hover,
#modulecontent input.submit_button:hover,
#modulecontent form input[type="submit"]:hover,
.module_vakantierooster.form form#vakantierooster .submit input:hover,
.module_zoekmachine form .submit input:hover,
div.modulecontent form input[type="submit"]:hover,
.post_reaction a:hover,
input.submit_button:hover,
div.module_personengids #personengids_zoeken input[type="submit"]:hover,
div.module_prikbord .postlink a:hover,
.order_overview a:hover,
.order_product a:hover,
.buttons a:hover,
a.no_order_link:hover,
.buttons input:hover {
  text-decoration: underline;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td.ui-datepicker-week-end {
  color: #333;
}

.ui-datepicker-calendar td.ui-datepicker-today {
  background: #ccc;
}

/* Because of cascading */
/*-------------------------
= MEDIA QUERIES
------------------------- */
/* LARGE */
@media only screen and (max-width: 1329px) {
  #page-options {
    position: relative;
    width: 98%;
    margin-left: 2%;
  }
  #page-options > div {
    float: left;
  }
  #page-options #socialmedia {
    margin-top: 0;
    margin-left: 2em;
  }
  #page-options #feedbackbutton {
    top: 0;
    margin-left: 1em;
    width: 170px;
    height: 3em;
    margin-top: 0;
  }
  #page-options #feedbackbutton .btn_feedback {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    top: 17px;
    right: 69px;
  }
  #page-options #feedbackbutton .icon_feedback {
    padding: 1em 8%;
    width: 20%;
  }

  #page-options.small {
    position: absolute;
    width: 3.5em;
    margin-right: 0;
    top: -0.9em;
  }
  #page-options.small #socialmedia {
    margin-top: 0;
    margin-left: 0;
  }
  #page-options.small #feedbackbutton {
    margin-left: 0;
    width: 3em;
    height: 170px;
    margin-top: 0.5em;
    box-shadow: 1px 1px 4px #333;
  }
  #page-options.small #feedbackbutton .btn_feedback {
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    top: 4.2em;
    right: -3em;
    cursor: pointer;
    width: 170px;
    height: 3em;
  }
  #page-options.small #feedbackbutton .btn_feedback span {
    display: block;
    margin-top: 15px;
    margin-right: -57px;
  }
  #page-options.small #feedbackbutton .icon_feedback {
    bottom: 0;
    right: 0;
    width: 3em;
    height: 3em;
    padding: 0;
  }

  .homepage .container,
  .portal .container {
    width: 75%;
  }

  #topbanners li {
    width: 50%;
  }

  #header-navigation .mediamenu-sub .blocknavigation #navigation > ul > li > a {
    font-size: 0.8em;
    padding: 1.13em 1em;
  }

  div.cookie_bar_wrapper {
    width: 30%;
  }

  #header-navigation .container {
    width: 90%;
  }
}
@media only screen and (max-width: 1180px) and (min-width: 1000px) {
  .module_startpagina .box h2 {
    font-size: 1em;
  }
}
/* MEDIUM */
@media only screen and (max-width: 1000px) {
  body.homepage #section0,
  body.portal #section0,
  body.homepage #section1,
  body.portal #section1,
  body.homepage #section2,
  body.portal #section2 {
    height: auto !important;
    padding: 0 !important;
  }
  body.homepage #section0 .fp-tableCell,
  body.portal #section0 .fp-tableCell,
  body.homepage #section1 .fp-tableCell,
  body.portal #section1 .fp-tableCell,
  body.homepage #section2 .fp-tableCell,
  body.portal #section2 .fp-tableCell {
    height: auto !important;
  }

  .footer-wrap.footerinfo {
    position: relative;
  }

  .scroll-down,
  .back-top.one,
  .homepage .back-top.one,
  .portal .back-top.one {
    position: absolute;
    top: -999999em;
  }

  .homepage .back-top.next,
  .portal .back-top.next {
    top: 0;
  }

  .homepage .back-top,
  .portal .back-top {
    top: 0px;
  }
  .homepage .back-top a,
  .portal .back-top a {
    background: url(../../images/flex-v9/scroll_up_nextpage.png);
  }
  .homepage .back-top a span,
  .portal .back-top a span {
    color: #fff;
  }

  #modulecontent .nav-kruimelspoor {
    margin-top: 2em;
  }

  .simloket-btn {
    width: 96%;
    padding: 0.5em 2%;
    height: 2em;
    margin-bottom: 1em;
  }

  .container,
  .homepage .container,
  .portal .container {
    width: 96%;
  }

  #search,
  .nextpage #search {
    margin-bottom: 2em;
  }

  #logo a {
    max-width: 100%;
  }

  .homepage #header,
  .portal #header {
    height: auto;
  }

  h1, h1.page-title, #formcontent h1 {
    font-size: 2rem;
    padding-right: 1em;
  }

  #footer_wrapper .box_1,
  #footer_wrapper .box_2,
  #footer_wrapper .box_3,
  #footer_wrapper .box_4,
  #footer_wrapper .box_5,
  #footer_wrapper .box_6,
  #footer_wrapper .box_7,
  #footer_wrapper .box_8,
  #footer_wrapper .koppelboxrow li,
  #topbanners li,
  #news-items li,
  #recent-items li,
  #newswys-items li,
  #contactwys-items li {
    width: 100%;
    text-align: left;
  }

  #topbanners li {
    border: 0;
  }

  #events table {
    width: 100%;
    text-align: left;
  }

  #prikbord > ul > li,
  #personengids,
  #birthdays,
  #events h2,
  #events #events_list,
  #events .more {
    width: 96%;
    text-align: left;
  }

  #prikbord > ul > li {
    margin: 0;
  }

  #events .more {
    padding-top: 0;
  }

  #newswys-items .intro img,
  #contactwys-items .intro img,
  li.news_item div img,
  #recent li div img,
  .openingstijden_container img {
    width: 50%;
    min-width: 50%;
  }

  .openingstijden_container {
    width: 96%;
  }

  #recent li > div {
    max-height: 10em;
    overflow: hidden;
  }

  #scroll-down {
    position: absolute;
    top: -99999px;
    left: -9999px;
  }

  .homepage #content,
  .portal #content {
    background: #1B4699;
    bottom: auto;
  }

  .homepage #content,
  .portal #content,
  .homempage #content .content-wrap.toptakenbanners .bgcolor,
  .portal #content .content-wrap.toptakenbanners .bgcolor {
    position: relative;
  }

  .homepage #content .content-wrap.toptakenbanners,
  .portal #content .content-wrap.toptakenbanners {
    padding: .5em 0 .5em 0;
  }

  #footer_wrapper .wysiwyg {
    padding: 0 6%;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
  }

  #footer_wrapper .koppelbox,
  #footer_wrapper .koppelboxrow {
    padding: 0 6% 1em 6%;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
  }

  #footer_wrapper .box_1 {
    padding-top: 1em;
  }

  #footer_wrapper {
    padding: 0;
  }

  #content .container-inner.small {
    width: 100%;
    margin-bottom: 0;
  }

  #content .aside {
    margin-top: 0;
    margin-bottom: 2em;
    width: 100%;
  }

  .archief {
    max-width: 93%;
    width: 93%;
  }

  .module .twocolumns .box.has_icon h2,
  .module .box.has_icon h2 {
    padding-left: 5%;
    width: 95%;
  }

  div.cookie_bar_wrapper {
    width: 50%;
  }

  #topbar {
    position: relative;
  }

  .homepage #logo,
  .portal #logo {
    margin: 2em 0 3em;
  }

  #header-navigation .container {
    padding: 0;
    width: 100%;
  }

  #logout a {
    font-size: 0.8em;
    padding: 1.2em 1em;
  }

  #topbar .logo a {
    font-size: 1.5em;
    padding: 0.4em 0.8em;
  }
  #topbar .logo a img,
  #topbar .logo a span {
    position: absolute;
    top: -99999px;
  }
  #topbar .logo a::before {
    content: "\f015";
    font-family: FontAwesome;
  }
  #topbar .logo a:hover {
    text-decoration: none;
  }

  #header-navigation #nav li.focus .blocknavigation,
  #header-navigation #nav li:hover .blocknavigation,
  #header-navigation #nav li.hover .blocknavigation {
    top: -99999px;
  }

  #header-navigation #nav li.active {
    position: inherit;
  }

  #subnav-sub,
  #subnav {
    width: 100%;
    float: left;
    position: relative;
    top: 0px;
  }

  #header-navigation {
    float: none;
    width: 100%;
  }
  #header-navigation #nav,
  #header-navigation .logo,
  #header-navigation #logout {
    display: inline-block;
    float: none;
  }

  .mediamenu .blocknavigation {
    position: relative;
    width: 100%;
  }
  .mediamenu .blocknavigation ul.mainmenu {
    width: auto;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: -1px;
    border-bottom: 1px solid #ddd;
  }
  .mediamenu .blocknavigation ul.mainmenu li {
    width: auto;
    display: inline-block;
    margin-left: -.3em;
  }
  .mediamenu .blocknavigation ul.mainmenu li a {
    width: auto;
    display: inline-block;
    padding: 1em;
    font-size: 0.8em;
    border: none;
    border-left: 1px solid #ddd;
    text-decoration: none;
    color: #1B4699;
  }
  .mediamenu .blocknavigation ul.mainmenu li a:hover {
    background: #1B4699;
    color: #fff;
  }
  .mediamenu .blocknavigation ul.mainmenu li.active a {
    background: #1B4699;
    color: #fff;
    border-right: 1px solid #1B4699 !important;
  }

  li.focus .blocknavigation,
  li:hover .blocknavigation,
  li.hover .blocknavigation {
    top: -999999em !important;
    width: 0 !important;
  }

  #topbar #header-navigation {
    width: auto;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid #ddd;
  }

  #topbar .mediamenu-sub #nav,
  #topbar .mediamenu-sub .logo,
  #topbar .mediamenu-sub #logout {
    display: inline-block;
    float: none;
  }
  #topbar .mediamenu-sub .logo {
    width: 4em;
    height: 3em;
  }
  #topbar .mediamenu-sub ul.mainmenu {
    white-space: nowrap;
  }
  #topbar .mediamenu-sub ul.mainmenu li {
    width: auto;
    display: inline-block;
    margin-left: -.3em;
  }
  #topbar .mediamenu-sub ul.mainmenu li a {
    width: auto;
    display: inline-block;
    padding: 1em;
    font-size: 0.8em;
    border-right: 2px solid rgba(255, 255, 255, 0.4);
    text-decoration: none;
    color: #fff;
  }
  #topbar .mediamenu-sub ul.mainmenu li a:hover {
    color: #1B4699;
    background: #fff;
    border-right: 2px solid #1B4699 !important;
  }
  #topbar .mediamenu-sub ul.mainmenu li.active a {
    border-right: 2px solid #1B4699 !important;
  }
  #topbar .mediamenu-sub ul.mainmenu > li:first-child {
    margin-left: 0em;
  }

  #topbar #header-navigation::-webkit-scrollbar-track,
  #subnav ul.mainmenu::-webkit-scrollbar-track,
  #subnav-sub ul.submenu::-webkit-scrollbar-track,
  .mediamenu-sub::-webkit-scrollbar-track,
  .mediamenu-sub::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
  }

  #topbar #header-navigation::-webkit-scrollbar,
  #subnav ul.mainmenu::-webkit-scrollbar,
  #subnav-sub ul.submenu::-webkit-scrollbar,
  .mediamenu-sub::-webkit-scrollbar {
    height: 6px;
    background-color: #F5F5F5;
  }

  #topbar #header-navigation::-webkit-scrollbar-thumb,
  #subnav ul.mainmenu::-webkit-scrollbar-thumb,
  #subnav-sub ul.submenu::-webkit-scrollbar-thumb,
  .mediamenu-sub::-webkit-scrollbar-thumb {
    background-color: #1B4699;
  }

  #topbar #header-navigation::-webkit-scrollbar-thumb {
    background-color: #2B333B;
  }

  #subnav ul.mainmenu,
  #subnav-sub ul.submenu,
  .mediamenu-sub {
    scrollbar-base-color: #1B4699;
    scrollbar-track-color: #ddd;
    scrollbar-arrow-color: #1B4699;
    scrollbar-shadow-color: #ddd;
  }

  #topbar #header-navigation {
    scrollbar-base-color: #2B333B;
    scrollbar-track-color: #ddd;
    scrollbar-arrow-color: #1B4699;
    scrollbar-shadow-color: #ddd;
  }

  #topbar #header-navigation::-moz-scrollbar-track,
  #subnav-sub ul.mainmenu::-moz-scrollbar-track,
  #subnav ul.submenu::-moz-scrollbar-track,
  .mediamenu-sub::-moz-scrollbar-track {
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
  }

  #topbar #header-navigation::-moz-scrollbar,
  #subnav-sub ul.mainmenu::-moz-scrollbar,
  #subnav ul.submenu::-moz-scrollbar,
  .mediamenu-sub::-moz-scrollbar {
    height: 6px;
    background-color: #F5F5F5;
  }

  #topbar #header-navigation::-moz-scrollbar-thumb,
  #subnav-sub ul.mainmenu::-moz-scrollbar-thumb,
  #subnav ul.submenu::-moz-scrollbar-thumb,
  .mediamenu-sub::-moz-scrollbar-thumb {
    background-color: #1B4699;
  }

  #topbar #header-navigation::-moz-scrollbar-thumb {
    background-color: #2B333B;
  }

  #topbar .mediamenu-sub .blocknavigation #navigation > ul > li {
    display: inline-block;
    float: none;
  }
  #topbar .mediamenu-sub .blocknavigation #navigation > ul > li > a {
    border-left: none;
  }
  #topbar .mediamenu-sub .blocknavigation #navigation > ul ul.submenu {
    width: 0px;
    position: absolute;
    top: -99999em;
  }

  #subnav-sub ul.submenu,
  #subnav ul.mainmenu {
    width: auto;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: -1px;
    border-bottom: 1px solid #ddd;
    position: relative;
    top: 0;
    padding: 0;
    box-shadow: none;
    float: none;
    font-size: 0.7em;
  }
  #subnav-sub ul.submenu li,
  #subnav ul.mainmenu li {
    width: auto;
    display: inline-block;
    margin-left: -.3em;
    float: none;
  }
  #subnav-sub ul.submenu li a,
  #subnav ul.mainmenu li a {
    border-left: 1px solid #ddd;
    border-top: none;
    width: auto;
    padding: 1em;
    display: block;
    text-decoration: none;
  }
  #subnav-sub ul.submenu li a:hover,
  #subnav ul.mainmenu li a:hover {
    background: #1B4699;
    color: #fff;
  }

  .nextpage #logo {
    margin: 2em 0 1em;
  }
}
/* SMALL */
@media only screen and (max-width: 799px) {
  #modulecontent {
    min-height: 0 !important;
  }

  #search form fieldset .searchbox_trefwoord {
    padding: 0.6em 2% 0 10.5%;
    width: 66%;
    font-size: 1.1em;
  }

  .module_startpagina .onecolumn > div,
  .module_startpagina .twocolumns > div,
  .module_startpagina .threecolumns > div {
    padding: .5em;
  }

  .module .twocolumns .box.has_icon h2,
  .module .box.has_icon h2 {
    padding-left: 10%;
    width: 90%;
  }

  .module_startpagina .onecolumn p.icon,
  .module_startpagina .twocolumns p.icon,
  .module_startpagina .threecolumns p.icon,
  .module p.icon {
    top: 0;
    height: 46px;
  }

  #newswys-items .intro img,
  #contactwys-items .intro img,
  li.news_item div img,
  #recent li div img,
  .openingstijden_container img {
    width: 100%;
    min-width: 100%;
  }
}
/* VERY SMALL */
@media only screen and (max-width: 586px) {
  #page-options #socialmedia {
    margin-left: 0;
  }

  .homepage #logo,
  .portal #logo {
    margin: 2em 0 1.5em;
  }

  #page-options {
    left: -9999px;
  }

  #logo img {
    max-width: 80%;
  }

  #logo a {
    width: 100%;
  }

  .nextpage table th,
  .nextpage table td {
    padding: 1px 2px;
  }

  div.module {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  #events th,
  #events td,
  #events thead,
  #events tbody {
    min-width: 100%;
    float: none;
  }
  #events td,
  #events .day_of_week {
    position: absolute;
    top: -99999em;
    display: block;
  }
  #events th {
    display: block;
  }
  #events td.has_event {
    position: relative;
    top: 0;
  }

  div.cookie_bar_wrapper {
    width: 100%;
  }
  div.cookie_bar_wrapper div.cookie_bar form input {
    padding: 1em 0;
  }
}
/* SUPER SMALL */
@media only screen and (max-width: 420px) {
  #search form fieldset .searchbox_submit {
    font-size: 1.3em;
  }

  #events #events_list > div > ul > li > a,
  #events #events_list .date,
  #birthdays a,
  #birthdays .date {
    width: 100%;
    text-align: left;
  }

  #events #events_list > div > ul > li,
  #birthdays li {
    margin-bottom: 1em;
    float: left;
  }

  html,
  body {
    -webkit-text-size-adjust: 100%;
  }
}
/* HEIGHT */
@media only screen and (max-height: 720px) {
  .homepage #content .content-wrap.toptakenbanners,
  .portal #content .content-wrap.toptakenbanners {
    padding: 1em 0 4em 0;
  }

  .homepage #logo, .portal #logo {
    margin: 5em 0 1em;
  }
}
@media screen and (min-width: 1079px) and (max-height: 700px) {
  #section1,
  #section2,
  body.flex9 {
    background-attachment: initial;
  }

  .homepage #content .content-wrap.toptakenbanners,
  .portal #content .content-wrap.toptakenbanners {
    padding: 0.5em 0 3.5em 0;
  }

  .homepage #logo,
  .portal #logo {
    margin: 4em 0 2em;
  }

  #newswys-items li,
  #contactwys-items li,
  li.news_item,
  #recent li,
  .openingstijden_container {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
  }

  #newswys-items .intro img,
  #contactwys-items .intro img,
  li.news_item div img,
  #recent li div img,
  .openingstijden_container img {
    height: 0x;
    width: 0px;
    min-height: 0px;
    min-width: 0px;
    display: inline;
    margin: 0;
    padding: 0;
  }

  #newswys-items .intro img,
  #contactwys-items .intro img {
    margin-bottom: -1em;
  }

  #recent li > div:nth-child(2) {
    height: auto;
    display: inline;
  }

  #section1,
  #section2 {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 1000px) and (max-height: 649px) {
  .homepage #logo,
  .portal #logo,
  .nextpage #logo {
    margin: 4em 0 1em;
  }
  .homepage #logo img,
  .portal #logo img,
  .nextpage #logo img {
    max-height: 50px;
  }

  .homepage #content .content-wrap.toptakenbanners,
  .portal #content .content-wrap.toptakenbanners {
    padding: 2em 0 2em 0;
  }

  #newswys-items .intro img,
  #contactwys-items .intro img,
  li.news_item div img,
  #recent li div img,
  .openingstijden_container img {
    height: 10em;
    width: 100%;
    min-height: 10em;
    min-width: 100%;
    display: inline;
    margin: 0;
    padding: 0;
  }

  .scroll-down,
  .back-top.one,
  .homepage .back-top.one,
  .portal .back-top.one {
    position: absolute;
    top: -999999em;
  }

  .hoempage .back-top.next,
  .portal .back-top.next {
    top: 0;
  }

  .homepage .back-top,
  .portal .back-top {
    top: 0px;
  }
  .homepage .back-top a,
  .portal .back-top a {
    background: url(../../images/flex-v9/scroll_up_nextpage.png);
  }
  .homepage .back-top a span,
  .portal .back-top a span {
    color: #fff;
  }

  .homepage #header,
  .portal #header {
    height: auto;
  }

  #header-search {
    margin-bottom: 2em;
  }

  .homepage #content,
  .portal #content {
    position: relative;
    bottom: 0;
  }
}
@media print {
  @page {
    margin: 0.5cm;
  }
}