html {
  height: 100%;
  overflow-y: scroll;
  overflow-x: auto;
  -webkit-text-size-adjust: 100%;
}
body {
  height: 100%;
  display: flex;
  flex-direction: column;
  font-family: 'Rubik', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  color: #333;
}
#site_afkortingen   body { background-color: #E7EEF4; }
#site_gezegden      body { background-color: #E9ECEA; }
#site_spreekwoorden body { background-color: #F1EFED; }
#site_voornamen     body { background-color: #ECEAEE; }


/* Fonts --------------------------------------------------------------------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0')             format('embedded-opentype'),
       url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0')                  format('woff2'),
       url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0')                   format('woff'),
       url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0')                    format('truetype'),
       url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* General ------------------------------------------------------------------------------------- */

* {
  padding: 0;
  border: 0;
  outline: none;
  margin: 0;
}

a {
  text-decoration: none;
  color: #333;
  cursor: pointer;
  transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
}

ul {
  list-style-type: none;
}

h1, h2, h3, h4 {
  font-weight: normal;
  font-size: 14px;
}

input,
select,
textarea,
button {
  background-color: transparent;
  font-family: 'Rubik', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
}
::placeholder {
  opacity: 1;
  color: #333;
}
select,
button {
  cursor: pointer;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=search],
textarea {
  appearance: none;
}


/* Banners ------------------------------------------------------------------------------------- */

.banner_container {
  background-color: #fff;
  overflow: hidden;
  padding: 5px;
  border: 1px solid;
  border-radius: 6px;
}
#site_afkortingen   .banner_container { border-color: rgba(0, 85, 153, 0.25); }
#site_gezegden      .banner_container { border-color: rgba(23, 62, 43, 0.25); }
#site_spreekwoorden .banner_container { border-color: rgba(115, 90, 74, 0.25); }
#site_voornamen     .banner_container { border-color: rgba(71, 42, 77, 0.25); }

.banner {
  margin: 0 auto 0 auto;
}

/* Leaderboard */
#banner_leaderboard_container {
  margin: 0 0 40px 0;
}
#banner_leaderboard {
  width: 100%;
  max-width: 1200px;
  height: 280px;
}

/* Skyscraper */
#banner_skyscraper_container {
  margin: 0 0 20px 0;
}
#banner_skyscraper {
  width: 160px;
  height: 600px;
}

/* Box */
#banner_box_container {
  margin: 0 0 20px 0;
}
#banner_box {
  width: 336px;
  height: 280px;
}

/* Halfpage */
#banner_halfpage_container {
  margin: 0 0 20px 0;
}
#banner_halfpage {
  width: 300px;
  height: 600px;
}


/* Page container ------------------------------------------------------------------------------ */

#page_container {
  width: 100%;
  flex: 1 0 auto;
}

/* Skip to nav */
a#skip_to_nav {
  display: none;
}


/* Header -------------------------------------------------------------------------------------- */

#header_container {
  width: 100%;
  color: #fff;
  padding: 0 15px 0 15px;
  box-sizing: border-box;
  margin: 0 0 20px 0;
}
#site_afkortingen   #header_container { background-color: #059;    }
#site_gezegden      #header_container { background-color: #173E2B; }
#site_spreekwoorden #header_container { background-color: #735A4A; }
#site_voornamen     #header_container { background-color: #472A4D; }

#header {
  width: 100%;
  max-width: 1400px;
  position: relative;
  padding: 25px 0 65px 0;
  margin: 0 auto 0 auto;
}

/* Logo */
#logo {
  width: 300px;
}
#logo a {
  height: 60px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
}
#logo span {
  display: none;
}

#site_afkortingen   #logo a { width: 308px; background-image: url('../images/logo_afkortingen.svg');   }
#site_gezegden      #logo a { width: 270px; background-image: url('../images/logo_gezegden.svg');      }
#site_spreekwoorden #logo a { width: 364px; background-image: url('../images/logo_spreekwoorden.svg'); }
#site_voornamen     #logo a { width: 302px; background-image: url('../images/logo_voornamen.svg');     }

/* Search */
.search {
  width: 348px;
  max-width: 100%;
  height: 40px;
}
.search form {
  width: 100%;
  height: 40px;
  position: relative;
}
.search input {
  width: 100%;
  width: calc(100% - 40px);
  height: 40px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  color: #333;
  padding: 0 0 0 12px;
  box-sizing: border-box;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transition: background-color 0.2s ease 0s;
}
.search input:focus {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 1.0);
}
.search button {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  content: '\f002';
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
}
#site_afkortingen   .search button { background-color: #f60;    color: #fff; }
#site_gezegden      .search button { background-color: #1A8E36; color: #fff; }
#site_spreekwoorden .search button { background-color: #fa0;    color: #333; }
#site_voornamen     .search button { background-color: #c25;    color: #fff; }

.search button:before {
  content: '\f002';
}
.search button span {
  display: none;
}
.no-touchevents .search button:hover,
                .search button:active,
.no-touchevents .search button:focus {
  background-color: #000 !important;
  color: #fff !important;
}

#header .search {
  position: absolute;
  top: 35px;
  right: 0;
}

/* Menu */
a#menu_mobile {
  display: none;
  width: 100%;
  height: 50px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.35);
  font-weight: 600;
  font-size: 18px;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  padding: 0 45px 0 45px;
  box-sizing: border-box;
}
a#menu_mobile:before,
a#menu_mobile:after {
  width: 20px;
  height: 50px;
  position: absolute;
  top: 0;
  font-family: 'FontAwesome';
  font-weight: normal;
  text-align: center;
}
a#menu_mobile:before {
  left: 15px;
  content: '\f0c9';
}
a#menu_mobile:after {
  right: 15px;
  content: '\f107';
  font-size: 20px;
}
.no-touchevents a#menu_mobile:hover,
                a#menu_mobile:active,
.no-touchevents a#menu_mobile:focus {
  background-color: #000;
}

#menu {
  width: 100%;
  max-width: 1400px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 auto 0 auto;
}
#menu li {
  float: left;
  padding: 0 10px 0 0;
}
#menu li:last-child {
  padding-right: 0;
}
#menu a,
#menu span {
  display: block;
  background-color: rgba(0, 0, 0, 0.35);
  line-height: 40px;
  color: #fff;
  padding: 0 15px 0 15px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#menu li.active a,
#menu li.active span {
  color: #333;
}

               #site_afkortingen   #menu li.active a,
               #site_afkortingen   #menu li.active span,
.no-touchevents#site_afkortingen   #menu a:hover,
               #site_afkortingen   #menu a:active,
.no-touchevents#site_afkortingen   #menu a:focus {
  background-color: #E7EEF4;
  color: #333;
}

               #site_gezegden      #menu li.active a,
               #site_gezegden      #menu li.active span,
.no-touchevents#site_gezegden      #menu a:hover,
               #site_gezegden      #menu a:active,
.no-touchevents#site_gezegden      #menu a:focus {
  background-color: #E9ECEA;
  color: #333;
}

               #site_spreekwoorden #menu li.active a,
               #site_spreekwoorden #menu li.active span,
.no-touchevents#site_spreekwoorden #menu a:hover,
               #site_spreekwoorden #menu a:active,
.no-touchevents#site_spreekwoorden #menu a:focus {
  background-color: #F1EFED;
  color: #333;
}

               #site_voornamen     #menu li.active a,
               #site_voornamen     #menu li.active span,
.no-touchevents#site_voornamen     #menu a:hover,
               #site_voornamen     #menu a:active,
.no-touchevents#site_voornamen     #menu a:focus {
  background-color: #ECEAEE;
  color: #333;
}


/* Body ---------------------------------------------------------------------------------------- */

#body_container {
  width: 100%;
  padding: 0 15px 0 15px;
  box-sizing: border-box;
}
#body {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto 0 auto;
}

/* Breadcrumbs */
#breadcrumbs {
  width: 100%;
  margin: 0 0 20px 0;
}
#breadcrumbs ul {
  line-height: 22px;
}
#breadcrumbs li {
  float: left;
}
#breadcrumbs li:after {
  color: #059;
  content: '>';
  margin: 0 10px 0 0;
}
#site_afkortingen   #breadcrumbs li:after { color: #059;    }
#site_gezegden      #breadcrumbs li:after { color: #1A8E36; }
#site_spreekwoorden #breadcrumbs li:after { color: #735A4A; }
#site_voornamen     #breadcrumbs li:after { color: #c25;    }

#breadcrumbs li:last-child:after {
  content: '';
  margin-right: 0;
}
#breadcrumbs a {
  display: inline-block;
  margin: 0 10px 0 0;
}
#breadcrumbs li:last-child a {
  margin-right: 0;
}

.no-touchevents#site_afkortingen    #breadcrumbs a:hover,
               #site_afkortingen    #breadcrumbs a:active,
.no-touchevents#site_afkortingen    #breadcrumbs a:focus {
  color: #f60;
}

.no-touchevents#site_gezegden       #breadcrumbs a:hover,
               #site_gezegden       #breadcrumbs a:active,
.no-touchevents#site_gezegden       #breadcrumbs a:focus {
  color: #1A8E36;
}

.no-touchevents#site_spreekwoorden  #breadcrumbs a:hover,
               #site_spreekwoorden  #breadcrumbs a:active,
.no-touchevents#site_spreekwoorden  #breadcrumbs a:focus {
  text-decoration: underline;
}

.no-touchevents#site_voornamen      #breadcrumbs a:hover,
               #site_voornamen      #breadcrumbs a:active,
.no-touchevents#site_voornamen      #breadcrumbs a:focus {
  color: #c25;
}


/* Columns ------------------------------------------------------------------------------------- */

#columns {
  width: 100%;
  padding: 0 0 40px 0;
}


/* Sidebar ------------------------------------------------------------------------------------- */

#sidebar {
  width: 172px;
  float: left;
}

/* Box */
.box {
  margin: 0 0 20px 0;
}
.box_header {
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 13px 8px 13px;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#site_afkortingen   .box_header { background-color: #f60;    color: #fff; }
#site_gezegden      .box_header { background-color: #1A8E36; color: #fff; }
#site_spreekwoorden .box_header { background-color: #fa0;    color: #333; }
#site_voornamen     .box_header { background-color: #c25;    color: #fff; }

.box_body {
  overflow: hidden;
  border: 1px solid;
  border-top: 0;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#site_afkortingen   .box_body { border-color: rgba(0, 85, 153, 0.25); }
#site_gezegden      .box_body { border-color: rgba(23, 62, 43, 0.25); }
#site_spreekwoorden .box_body { border-color: rgba(115, 90, 74, 0.25); }
#site_voornamen     .box_body { border-color: rgba(71, 42, 77, 0.25); }

.box_body a {
  display: block;
  background-color: #fff;
  line-height: 22px;
}
#site_afkortingen   .box_body a span { color: #059;    }
#site_gezegden      .box_body a span { color: #1A8E36; }
#site_spreekwoorden .box_body a span { color: #735A4A; }
#site_voornamen     .box_body a span { color: #c25;    }

.no-touchevents .box_body a:hover,
                .box_body a:active,
.no-touchevents .box_body a:focus {
  background-color: transparent;
}
#site_afkortingen   .box_body li.active a { background-color: transparent; }
#site_gezegden      .box_body li.active a { background-color: transparent; }
#site_spreekwoorden .box_body li.active a { background-color: transparent; }
#site_voornamen     .box_body li.active a { background-color: transparent; }

/* Box: ABC */
.abc li {
  float: left;
}
.abc li a {
  width: 42px;
  display: block;
  background-color: #fff;
  text-align: center;
  padding: 8px 0 8px 0;
  border-right: 1px solid;
  border-bottom: 1px solid;
  box-sizing: border-box;
}
#site_afkortingen   .abc li a { border-color: rgba(0, 85, 153, 0.25); }
#site_gezegden      .abc li a { border-color: rgba(23, 62, 43, 0.25); }
#site_spreekwoorden .abc li a { border-color: rgba(115, 90, 74, 0.25); }
#site_voornamen     .abc li a { border-color: rgba(71, 42, 77, 0.25); }

.abc li:nth-child(4n) a {
  width: 44px;
  border-right: 0;
}
.abc li.last a {
  border-bottom: 0;
}

/* Box: list */
.list li {
  border-bottom: 1px solid;
}
#site_afkortingen   .list li { border-color: rgba(0, 85, 153, 0.25); }
#site_gezegden      .list li { border-color: rgba(23, 62, 43, 0.25); }
#site_spreekwoorden .list li { border-color: rgba(115, 90, 74, 0.25); }
#site_voornamen     .list li { border-color: rgba(71, 42, 77, 0.25); }

.list li:last-child {
  border-bottom: 0;
}
.list a {
  display: block;
  padding: 8px 12px 8px 12px;
}


/* Text sidecolumn ----------------------------------------------------------------------------- */

#text_sidecolumn {
  width: calc(100% - 40px - 172px);
  float: right;
}

#text {
  width: calc(100% - 40px - 348px);
  float: left;
}
#sidecolumn {
  width: 348px;
  float: right;
}


/* Text ---------------------------------------------------------------------------------------- */

#text h1 {
  font-family: 'Blinker', 'Rubik', Arial, Helvetica, sans-serif;
  font-size: 30px;
  line-height: 34px;
  font-weight: 600;
  padding: 0 0 6px 0;
  border-bottom: 1px solid;
  margin: 0 0 20px 0;
}
#site_afkortingen   #text h1 { color: #059;    border-bottom-color: rgba(0, 85, 153, 0.25); }
#site_gezegden      #text h1 { color: #173E2B; border-bottom-color: rgba(23, 62, 43, 0.25); }
#site_spreekwoorden #text h1 { color: #735A4A; border-bottom-color: rgba(115, 90, 74, 0.25); }
#site_voornamen     #text h1 { color: #472A4D; border-bottom-color: rgba(71, 42, 77, 0.25); }

#site_afkortingen   #text h1 span { color: #f60;    }
#site_gezegden      #text h1 span { color: #1A8E36; }
#site_spreekwoorden #text h1 span { color: #fa0;    }
#site_voornamen     #text h1 span { color: #c25;    }

#text h2 {
  font-family: 'Blinker', 'Rubik', Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #b5c9d8;
  margin: 30px 0 20px 0;
}
#text h2.extra {
  margin-top: 10px;
}
#site_afkortingen   #text h2 { color: #059;    border-bottom-color: rgba(0, 85, 153, 0.25); }
#site_gezegden      #text h2 { color: #173E2B; border-bottom-color: rgba(23, 62, 43, 0.25); }
#site_spreekwoorden #text h2 { color: #735A4A; border-bottom-color: rgba(115, 90, 74, 0.25); }
#site_voornamen     #text h2 { color: #472A4D; border-bottom-color: rgba(71, 42, 77, 0.25); }

#text strong {
  font-weight: 600;
}
#site_afkortingen   #text strong { color: #059;    }
#site_gezegden      #text strong { color: #173E2B; }
#site_spreekwoorden #text strong { color: #735A4A; }
#site_voornamen     #text strong { color: #472A4D; }

#text p,
#text ul,
#text ol {
  line-height: 22px;
  margin: 0 0 20px 0;
}
#text ol {
  margin: 0 0 0 16px;
}
#text p  a,
#text ul a,
#text ol a {
  text-decoration: underline;
  color: #059;
}
#site_afkortingen   #text p  a,
#site_afkortingen   #text ul a,
#site_afkortingen   #text ol a { color: #059;    }
#site_gezegden      #text p  a,
#site_gezegden      #text ul a,
#site_gezegden      #text ol a { color: #173E2B; }
#site_spreekwoorden #text p  a,
#site_spreekwoorden #text ul a,
#site_spreekwoorden #text ol a { color: #735A4A; }
#site_voornamen     #text p  a,
#site_voornamen     #text ul a,
#site_voornamen     #text ol a { color: #472A4D; }

.no-touchevents#site_afkortingen   #text p  a:hover,
               #site_afkortingen   #text p  a:active,
.no-touchevents#site_afkortingen   #text p  a:focus,
.no-touchevents#site_afkortingen   #text ul a:hover,
               #site_afkortingen   #text ul a:active,
.no-touchevents#site_afkortingen   #text ul a:focus,
.no-touchevents#site_afkortingen   #text ol a:hover,
               #site_afkortingen   #text ol a:active,
.no-touchevents#site_afkortingen   #text ol a:focus {
  color: #f60;
}

.no-touchevents#site_gezegden      #text p  a:hover,
               #site_gezegden      #text p  a:active,
.no-touchevents#site_gezegden      #text p  a:focus,
.no-touchevents#site_gezegden      #text ul a:hover,
               #site_gezegden      #text ul a:active,
.no-touchevents#site_gezegden      #text ul a:focus,
.no-touchevents#site_gezegden      #text ol a:hover,
               #site_gezegden      #text ol a:active,
.no-touchevents#site_gezegden      #text ol a:focus {
  color: #1A8E36;
}

.no-touchevents#site_spreekwoorden #text p  a:hover,
               #site_spreekwoorden #text p  a:active,
.no-touchevents#site_spreekwoorden #text p  a:focus,
.no-touchevents#site_spreekwoorden #text ul a:hover,
               #site_spreekwoorden #text ul a:active,
.no-touchevents#site_spreekwoorden #text ul a:focus,
.no-touchevents#site_spreekwoorden #text ol a:hover,
               #site_spreekwoorden #text ol a:active,
.no-touchevents#site_spreekwoorden #text ol a:focus {
  color: #000;
}

.no-touchevents#site_voornamen     #text p  a:hover,
               #site_voornamen     #text p  a:active,
.no-touchevents#site_voornamen     #text p  a:focus,
.no-touchevents#site_voornamen     #text ul a:hover,
               #site_voornamen     #text ul a:active,
.no-touchevents#site_voornamen     #text ul a:focus,
.no-touchevents#site_voornamen     #text ol a:hover,
               #site_voornamen     #text ol a:active,
.no-touchevents#site_voornamen     #text ol a:focus {
  color: #c25;
}

#text ul li {
  position: relative;
  padding: 0 0 0 18px;
}
#text ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  font-weight: normal;
  content: '\f105';
}
#site_afkortingen   #text ul li:before { color: #059;    }
#site_gezegden      #text ul li:before { color: #1A8E36; }
#site_spreekwoorden #text ul li:before { color: #735A4A; }
#site_voornamen     #text ul li:before { color: #c25;    }

#text ol li {
  padding: 0 0 20px 0;
}

/* Categories */
#text .categories {
  margin: 25px 0 10px -15px;
}
#text .categories ul {
  margin: 0;
}
#text .categories ul li {
  width: 33.333333333333333%;
  float: left;
  padding: 0 0 15px 15px;
  box-sizing: border-box;
}
#text .categories ul li:before {
  display: none;
}
#text .categories ul a {
  display: block;
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  color: #333 !important;
  overflow: hidden;
  padding: 20px 0 15px 0;
  border: 1px solid;
  border-radius: 6px;
}
#site_afkortingen   #text .categories ul a { border-color: rgba(0, 85, 153, 0.25); }
#site_gezegden      #text .categories ul a { border-color: rgba(23, 62, 43, 0.25); }
#site_spreekwoorden #text .categories ul a { border-color: rgba(115, 90, 74, 0.25); }
#site_voornamen     #text .categories ul a { border-color: rgba(71, 42, 77, 0.25); }

#site_afkortingen   #text .categories ul li.active a { border-color: #f60    !important; }
#site_gezegden      #text .categories ul li.active a { border-color: #1A8E36 !important; }
#site_spreekwoorden #text .categories ul li.active a { border-color: #fa0    !important; }
#site_voornamen     #text .categories ul li.active a { border-color: #c25    !important; }

#text .categories ul a span.icon {
  width: 100%;
  display: block;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  color: #059;
  margin: 0 0 10px 0;
}
#site_afkortingen   #text .categories ul a span.icon { color: #059;    }
#site_gezegden      #text .categories ul a span.icon { color: #1A8E36; }
#site_spreekwoorden #text .categories ul a span.icon { color: #735A4A; }
#site_voornamen     #text .categories ul a span.icon { color: #c25;    }

#text .categories ul a span.name {
  display: block;
  line-height: 22px;
}
.no-touchevents #text .categories ul a:hover,
                #text .categories ul a:active,
.no-touchevents #text .categories ul a:focus {
  background-color: transparent;
}

#site_afkortingen   #text .categories ul a span.name span { color: #059;    }
#site_gezegden      #text .categories ul a span.name span { color: #1A8E36; }
#site_spreekwoorden #text .categories ul a span.name span { color: #735A4A; }
#site_voornamen     #text .categories ul a span.name span { color: #c25;    }

#text .categories ul a span.icon.financieel:before { content: '\f153'; }
#text .categories ul a span.icon.gezondheid:before { content: '\f21e'; }
#text .categories ul a span.icon.ict:before        { content: '\f108'; }
#text .categories ul a span.icon.locaties:before   { content: '\f0ac'; }
#text .categories ul a span.icon.onderwijs:before  { content: '\f19d'; }
#text .categories ul a span.icon.overheid:before   { content: '\f024'; }
#text .categories ul a span.icon.religie:before    { content: '\f02d'; }
#text .categories ul a span.icon.techniek:before   { content: '\f013'; font-size: 32px; }
#text .categories ul a span.icon.zakelijk:before   { content: '\f1ad'; }

/* Sitemap */
#text #sitemap {
  padding: 10px 0 0 0;
  margin: 0 0 15px 0;
}
#text #sitemap ul {
  margin: 0;
}
#text #sitemap ul li {
  padding: 0 0 5px 0;
}
#text #sitemap ul li:before {
  display: none;
}
#text #sitemap ul li ul li {
  padding: 5px 0 0 30px;
}
#text #sitemap ul a {
  display: block;
  background-color: #fff;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
  color: #333;
  padding: 8px 12px 8px 12px;
  border: 1px solid;
  border-radius: 6px;
}
#site_afkortingen   #text #sitemap ul a span { color: #059;    }
#site_gezegden      #text #sitemap ul a span { color: #173E2B; }
#site_spreekwoorden #text #sitemap ul a span { color: #735A4A; }
#site_voornamen     #text #sitemap ul a span { color: #472A4D; }

#text #sitemap ul ul a {
  font-weight: normal;
  color: #333 !important;
}
.no-touchevents #text #sitemap ul a:hover,
                #text #sitemap ul a:active,
.no-touchevents #text #sitemap ul a:focus {
  background-color: transparent;
}

#site_afkortingen   #text #sitemap ul a { border-color: rgba(0, 85, 153, 0.25); }
#site_gezegden      #text #sitemap ul a { border-color: rgba(23, 62, 43, 0.25); }
#site_spreekwoorden #text #sitemap ul a { border-color: rgba(115, 90, 74, 0.25); }
#site_voornamen     #text #sitemap ul a { border-color: rgba(71, 42, 77, 0.25); }

#site_afkortingen   #text #sitemap ul a { color: #059;    }
#site_gezegden      #text #sitemap ul a { color: #173E2B; }
#site_spreekwoorden #text #sitemap ul a { color: #735A4A; }
#site_voornamen     #text #sitemap ul a { color: #472A4D; }

/* Form */
#text .message {
  position: relative;
  background-color: #fff;
  line-height: 22px;
  padding: 8px 12px 8px 46px;
  border: 1px solid;
  border-radius: 6px;
  margin: 0 0 20px 0;
}
#site_afkortingen   #text .message { border-color: #059;    }
#site_gezegden      #text .message { border-color: #173E2B; }
#site_spreekwoorden #text .message { border-color: #735A4A; }
#site_voornamen     #text .message { border-color: #472A4D; }

#text .message:before {
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  top: 8px;
  left: 12px;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  content: '\f12a';
  border-radius: 3px;
}
#site_afkortingen   #text .message:before { background-color: #059;    }
#site_gezegden      #text .message:before { background-color: #173E2B; }
#site_spreekwoorden #text .message:before { background-color: #735A4A; }
#site_voornamen     #text .message:before { background-color: #472A4D; }

#text form .message {
  margin: 0 0 10px 0;
}

#text form {
  width: 100%;
  margin: 0 0 20px 0;
}
#text .form_field {
  width: 100%;
  margin: 0 0 10px 0;
}
#text .form_label {
  display: block;
  line-height: 22px;
  cursor: pointer;
  margin: 0 0 10px 0;
}
#text .form_label span.required {
  font-weight: 600;
}
#site_afkortingen   #text .form_label span.required { color: #f60;    }
#site_gezegden      #text .form_label span.required { color: #1A8E36; }
#site_spreekwoorden #text .form_label span.required { color: #fa0;    }
#site_voornamen     #text .form_label span.required { color: #c25;    }

#text .form_input {
  width: 100%;
}
#text .form_input input.text,
#text .form_input textarea {
  width: 100%;
  height: 40px;
  background-color: #fff;
  color: #333;
  padding: 0 0 0 12px;
  border: 1px solid;
  border-radius: 6px;
  box-sizing: border-box;
  transition: border-color 0.2s ease 0s;
}
#site_afkortingen   #text .form_input input.text,
#site_afkortingen   #text .form_input textarea {
  border-color: rgba(0, 85, 153, 0.25);
}
#site_gezegden      #text .form_input input.text,
#site_gezegden      #text .form_input textarea {
  border-color: rgba(23, 62, 43, 0.25);
}
#site_spreekwoorden #text .form_input input.text,
#site_spreekwoorden #text .form_input textarea {
  border-color: rgba(115, 90, 74, 0.25);
}
#site_voornamen     #text .form_input input.text,
#site_voornamen     #text .form_input textarea {
  border-color: rgba(71, 42, 77, 0.25);
}

#text .form_input textarea {
  height: 140px;
  resize: none;
  line-height: 22px;
  padding-top: 8px;
}
#text .form_input input.text::placeholder,
#text .form_input textarea::placeholder {
  color: #999;
}
#site_afkortingen   #text .form_input input.text:focus,
#site_afkortingen   #text .form_input textarea:focus {
  border-color: #f60;
}
#site_gezegden      #text .form_input input.text:focus,
#site_gezegden      #text .form_input textarea:focus {
  border-color: #1A8E36;
}
#site_spreekwoorden #text .form_input input.text:focus,
#site_spreekwoorden #text .form_input textarea:focus {
  border-color: #fa0;
}
#site_voornamen     #text .form_input input.text:focus,
#site_voornamen     #text .form_input textarea:focus {
  border-color: #c25;
}

#text .button_container {
  width: 100%;
  padding: 10px 0 0 0;
}
#text .button_container button {
  float: right;
  display: block;
  font-weight: 600;
  line-height: 40px;
  padding: 0 12px 0 12px;
  border-radius: 6px;
  transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
}
#site_afkortingen   #text .button_container button { background-color: #059;    color: #fff; }
#site_gezegden      #text .button_container button { background-color: #1A8E36; color: #fff; }
#site_spreekwoorden #text .button_container button { background-color: #fa0;    color: #333; }
#site_voornamen     #text .button_container button { background-color: #c25;    color: #fff; }

#text .button_container button:hover,
#text .button_container button:active,
#text .button_container button:focus {
  background-color: #000 !important;
  color: #fff !important;
}

/* Overview */
#text .overview {
  padding: 5px 0 5px 0;
}
#text .overview ul {
  width: 100%;
}
#text .overview ul li {
  float: left;
  padding: 0 15px 15px 0;
}
#text .overview ul li:before {
  display: none;
}
#text .overview ul a,
#text .overview ul span {
  display: block;
  background-color: #fff;
  line-height: 22px;
  text-decoration: none;
  color: #333 !important;
  padding: 8px 12px 8px 12px;
  border: 1px solid;
  border-radius: 6px;
}
#text .overview.abc ul a,
#text .overview.abc ul span {
  width: 43px;
}
.no-touchevents #text .overview ul a:hover,
                #text .overview ul a:active,
.no-touchevents #text .overview ul a:focus {
  background-color: transparent;
}

#site_afkortingen   #text .overview ul a { border-color: rgba(0, 85, 153, 0.25); }
#site_gezegden      #text .overview ul a { border-color: rgba(23, 62, 43, 0.25); }
#site_spreekwoorden #text .overview ul a { border-color: rgba(115, 90, 74, 0.25); }
#site_voornamen     #text .overview ul a { border-color: rgba(71, 42, 77, 0.25); }

#site_afkortingen   #text .overview ul li.active a,
#site_afkortingen   #text .overview ul li.active span {
  border-color: #f60 !important;
}

#site_gezegden      #text .overview ul li.active a,
#site_gezegden      #text .overview ul li.active span {
  border-color: #1A8E36 !important;
}

#site_spreekwoorden #text .overview ul li.active a,
#site_spreekwoorden #text .overview ul li.active span {
  border-color: #fa0 !important;
}

#site_voornamen     #text .overview ul li.active a,
#site_voornamen     #text .overview ul li.active span {
  border-color: #c25 !important;
}

/* Definitions */
#text #definitions {
  width: 100%;
}
#text .definition {
  position: relative;
  background-color: #fff;
  padding: 8px 12px 10px 52px;
  border: 1px solid;
  border-radius: 6px;
  margin: 0 0 20px 0;
}
#site_afkortingen   #text .definition { border-color: rgba(0, 85, 153, 0.25); }
#site_gezegden      #text .definition { border-color: rgba(23, 62, 43, 0.25); }
#site_spreekwoorden #text .definition { border-color: rgba(115, 90, 74, 0.25); }
#site_voornamen     #text .definition { border-color: rgba(71, 42, 77, 0.25); }

#text .definition:before {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 8px;
  left: 12px;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
#site_afkortingen   #text .definition:before { color: #059;    content: '\f0c4'; }
#site_gezegden      #text .definition:before { color: #1A8E36; content: '\f0f6'; }
#site_spreekwoorden #text .definition:before { color: #735A4A; content: '\f0f6'; }
#site_voornamen     #text .definition:before { color: #c25;    content: '\f0f6'; }

#text .definition.financieel:before { content: '\f153'; }
#text .definition.gezondheid:before { content: '\f21e'; }
#text .definition.ict:before        { content: '\f108'; }
#text .definition.locaties:before   { content: '\f0ac'; }
#text .definition.onderwijs:before  { content: '\f19d'; }
#text .definition.overheid:before   { content: '\f024'; }
#text .definition.religie:before    { content: '\f02d'; }
#text .definition.techniek:before   { content: '\f013'; }
#text .definition.zakelijk:before   { content: '\f1ad'; }

#text .definition h2 {
  padding: 0;
  border: 0;
  margin: 0;
}
#site_afkortingen   #text .definition h2 { color: #059;    }
#site_gezegden      #text .definition h2 { color: #1A8E36; }
#site_spreekwoorden #text .definition h2 { color: #735A4A; }
#site_voornamen     #text .definition h2 { color: #c25;    }

#text .definition p.comment {
  font-weight: 600;
  margin: 5px 0 0 0;
}
#text .definition p.category {
  margin: 10px 0 0 0;
}


/* Footer -------------------------------------------------------------------------------------- */

#footer_container {
  width: 100%;
  flex-shrink: 0;
}


/* Footer 1 ------------------------------------------------------------------------------------ */

#footer1_container {
  width: 100%;
  color: #fff;
  padding: 40px 15px 40px 15px;
  box-sizing: border-box;
}
#site_afkortingen   #footer1_container { background-color: #059;    }
#site_gezegden      #footer1_container { background-color: #173E2B; }
#site_spreekwoorden #footer1_container { background-color: #735A4A; }
#site_voornamen     #footer1_container { background-color: #472A4D; }

#footer1 {
  width: 100%;
  max-width: 1400px;
  position: relative;
  margin: 0 auto 0 auto;
}

/* Footer logo */
#footer_logo {
  margin: 0 0 20px 0;
}
#footer_logo a {
  height: 60px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
}
#footer_logo span {
  display: none;
}

#site_afkortingen   #footer_logo a { width: 308px; background-image: url('../images/logo_afkortingen.svg');   }
#site_gezegden      #footer_logo a { width: 270px; background-image: url('../images/logo_gezegden.svg');      }
#site_spreekwoorden #footer_logo a { width: 364px; background-image: url('../images/logo_spreekwoorden.svg'); }
#site_voornamen     #footer_logo a { width: 302px; background-image: url('../images/logo_voornamen.svg');     }

/* Footer menu */
#footer_menu {
  display: inline-block;
}
#footer_menu li {
  padding: 0 0 5px 0;
}
#footer_menu li:last-child {
  padding-bottom: 0;
}
#footer_menu a,
#footer_menu span {
  display: block;
  line-height: 22px;
  color: #fff;
}
.no-touchevents #footer_menu a:hover,
                #footer_menu a:active,
.no-touchevents #footer_menu a:focus {
  text-decoration: underline;
}

#site_afkortingen   #footer_menu li.active a,
#site_afkortingen   #footer_menu li.active span {
  color: #f60;
}
#site_gezegden      #footer_menu li.active a,
#site_gezegden      #footer_menu li.active span {
  color: #1A8E36;
}
#site_spreekwoorden #footer_menu li.active a,
#site_spreekwoorden #footer_menu li.active span {
  color: #fa0;
}
#site_voornamen     #footer_menu li.active a,
#site_voornamen     #footer_menu li.active span {
  color: #c25;
}

/* Footer search */
#footer1 .search {
  position: absolute;
  top: 10px;
  right: 0;
}


/* Footer 2 ------------------------------------------------------------------------------------ */

#footer2_container {
  width: 100%;
  padding: 20px 15px 20px 15px;
  box-sizing: border-box;
}
#footer2 {
  width: 100%;
  max-width: 1400px;
  position: relative;
  margin: 0 auto 0 auto;
}

/* Service links */
#servicelinks {
  width: 100%;
}
#servicelinks ul {
  line-height: 22px;
}
#servicelinks li {
  float: left;
  position: relative;
  padding: 0 14px 0 0;
  margin: 0 10px 0 0;
}
#servicelinks li:last-child {
  padding-right: 0;
  margin-right: 0;
}
#servicelinks li:after {
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  top: 9px;
  right: 0;
  font-size: 0;
  line-height: 0;
  content: ' ';
  border-radius: 4px;
}
#site_afkortingen   #servicelinks li:after { background-color: #f60;    }
#site_gezegden      #servicelinks li:after { background-color: #1A8E36; }
#site_spreekwoorden #servicelinks li:after { background-color: #735A4A; }
#site_voornamen     #servicelinks li:after { background-color: #c25;    }

#servicelinks li:last-child:after {
  display: none;
}
#servicelinks a,
#servicelinks span {
  display: block;
}
.no-touchevents #servicelinks a:hover,
                #servicelinks a:active,
.no-touchevents #servicelinks a:focus,
                #servicelinks span {
  text-decoration: underline;
}

/* Copyright */
#copyright {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 22px;
}
#copyright a {
  display: inline-block;
}
.no-touchevents #copyright a:hover,
                #copyright a:active,
.no-touchevents #copyright a:focus {
  text-decoration: underline;
}


/* Smaller screens ----------------------------------------------------------------------------- */

@media only screen and (max-width: 1000px) {
  
  #text {
    width: 100%;
    float: none;
  }
  #sidecolumn {
    width: 100%;
    float: none;
    padding: 10px 0 0 0;
  }
  
  #banner_halfpage_container {
    display: none;
  }
  
}


@media only screen and (max-width: 700px) {
  
  #header_container {
    padding: 0;
  }
  #header {
    padding: 25px 0 0 0;
  }
  
  #logo {
    margin: 0 15px 25px 15px;
  }
  
  #header .search {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    padding: 0 15px 0 15px;
    box-sizing: border-box;
    margin: 0 0 25px 0;
  }
  
  a#menu_mobile {
    display: block;
  }
  #menu {
    position: static;
    display: none;
  }
  #site_afkortingen   #menu { background-color: #E7EEF4; }
  #site_gezegden      #menu { background-color: #E9ECEA; }
  #site_spreekwoorden #menu { background-color: #F1EFED; }
  #site_voornamen     #menu { background-color: #ECEAEE; }
  
  #menu li {
    float: none;
    padding: 0;
    border-bottom: 1px solid;
  }
  #site_afkortingen   #menu li { border-bottom-color: rgba(0, 85, 153, 0.25); }
  #site_gezegden      #menu li { border-bottom-color: rgba(23, 62, 43, 0.25); }
  #site_spreekwoorden #menu li { border-bottom-color: rgba(115, 90, 74, 0.25); }
  #site_voornamen     #menu li { border-bottom-color: rgba(71, 42, 77, 0.25); }
  
  #menu a,
  #menu span {
    background-color: transparent;
    position: relative;
    font-weight: 600;
    line-height: 50px;
    padding: 0 45px 0 45px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #menu a:before,
  #menu span:before {
    width: 20px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 15px;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    content: '\f105';
  }
                  #menu li.active span,
  .no-touchevents #menu a:hover,
                  #menu a:active,
  .no-touchevents #menu a:focus {
    background-color: #fff !important;
  }
  
  #site_afkortingen   #menu a,
  #site_afkortingen   #menu span,
  #site_afkortingen   #menu a:before,
  #site_afkortingen   #menu span:before {
    color: #059 !important;
  }
  
  #site_gezegden      #menu a,
  #site_gezegden      #menu span,
  #site_gezegden      #menu a:before,
  #site_gezegden      #menu span:before {
    color: #173E2B !important;
  }
  
  #site_spreekwoorden #menu a,
  #site_spreekwoorden #menu span,
  #site_spreekwoorden #menu a:before,
  #site_spreekwoorden #menu span:before {
    color: #735A4A !important;
  }
  
  #site_voornamen     #menu a,
  #site_voornamen     #menu span,
  #site_voornamen     #menu a:before,
  #site_voornamen     #menu span:before {
    color: #472A4D !important;
  }
  
  #banner_leaderboard_container,
  #banner_box_container {
    background-color: transparent;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    margin: 0 0 30px 0;
  }
  #banner_leaderboard,
  #banner_box {
    height: auto;
  }
  
  #sidebar {
    width: 100%;
    float: none;
  }
  #text_sidecolumn {
    width: 100%;
    float: none;
  }
  
  .box_body.box_body_abc {
    background-color: transparent;
    border: 0;
    border-left: 1px solid;
    border-radius: 0;
  }
  .abc li a {
    width: 42px !important;
  }
  #site_afkortingen   .abc li a {
    border-right:  1px solid rgba(0, 85, 153, 0.25) !important;
    border-bottom: 1px solid rgba(0, 85, 153, 0.25) !important;
  }
  #site_gezegden      .abc li a {
    border-right:  1px solid rgba(23, 62, 43, 0.25) !important;
    border-bottom: 1px solid rgba(23, 62, 43, 0.25) !important;
  }
  #site_spreekwoorden .abc li a {
    border-right:  1px solid rgba(115, 90, 74, 0.25) !important;
    border-bottom: 1px solid rgba(115, 90, 74, 0.25) !important;
  }
  #site_voornamen     .abc li a {
    border-right:  1px solid rgba(71, 42, 77, 0.25) !important;
    border-bottom: 1px solid rgba(71, 42, 77, 0.25) !important;
  }
  
  #footer_logo {
    margin: 0 0 25px 0;
  }
  #footer1 .search {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    margin: 0 0 20px 0;
  }
  
  #servicelinks {
    margin: 0 0 10px 0;
  }
  #copyright {
    position: static;
  }
  
  #banner_halfpage_container {
    display: none;
  }
  
}


/* Clearing <div> ------------------------------------------------------------------------------ */

.clear {
  width: 0;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}