@import url("https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab:700");
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px; }

.container {
  width: 92%;
  margin: auto;
  max-width: 1160px; }

h1,
h2,
h3 {
  font-family: 'Roboto Slab', serif;
  margin: 0;
  line-height: 1; }

p {
  line-height: 1.6; }

.topbar {
  padding: 20px 0;
  background: #051923; }

.logo {
  color: #FBEA00; }
  .logo a {
    color: #FBEA00;
    text-decoration: none; }
  .logo h2 {
    font-size: 24px; }

.top-nav {
  margin: 30px 0; }
  .top-nav ul li a {
    color: #fff;
    text-decoration: none;
    padding: 15px 10px;
    display: block;
    border-bottom: 1px solid #333; }
    .top-nav ul li a:hover {
      color: #FBEA00; }

@media (max-width: 999px) {
  .top-nav ul li {
    display: none; }
  .top-nav .icon {
    width: 100%;
    display: inline-block !important; }

  .top-nav.responsive ul li {
    display: block; } }
.header--content {
  color: #fff;
  background-color: #006494;
  background-image: url(../img/banner.jpg);
  background-size: cover;
  padding: 30px 0; }
  .header--content h1 {
    font-size: 24px; }
  .header--content p {
    font-size: 18px;
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.7); }
  .header--content a {
    color: white; }

.header--banner {
  text-align: center;
  background: #003554;
  padding: 30px 0; }
  .header--banner img {
    max-width: 100%;
    border: 5px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box; }

.content--block {
  padding: 30px 0; }
  .content--block h2 {
    font-size: 24px; }
  .content--block p {
    margin-top: 20px;
    color: rgba(0, 0, 0, 0.7); }
  .content--block .banner {
    text-align: center;
    width: 100%;
    background: #051923;
    padding: 10px;
    margin-top: 20px; }
  .content--block img {
    max-width: 100%; }

.content--aanbieders {
  background: #051923;
  color: #ffffff;
  padding: 30px;
  font-family: "Roboto Slab", serif; }
  .content--aanbieders a {
    text-decoration: none;
    color: #fff; }
    .content--aanbieders a:hover {
      color: #FBEA00; }
  .content--aanbieders ol {
    list-style: decimal;
    list-style-position: inside;
    font-size: 24px; }
    .content--aanbieders ol li {
      padding: 15px 0; }
    .content--aanbieders ol span {
      color: rgba(255, 255, 255, 0.7);
      font-size: 16px;
      display: block;
      margin-top: 3px; }
      .content--aanbieders ol span a {
        color: rgba(255, 255, 255, 0.7); }

.content--rechts {
  background: #D5D9DA;
  padding: 0 30px;
  box-sizing: border-box; }
  .content--rechts ul {
    list-style-type: none;
    margin-top: 20px;
    margin-left: 15px; }
    .content--rechts ul li {
      padding: 5px 0; }
    .content--rechts ul a {
      color: rgba(0, 0, 0, 0.7);
      text-decoration: none; }
  .content--rechts h3 {
    font-size: 24px;
    color: #003554; }

footer {
  margin-top: 60px;
  background: #051923;
  color: rgba(255, 255, 255, 0.7);
  padding: 30px 0; }
  footer a {
    color: white;
    text-decoration: none; }

@media (min-width: 1000px) {
  .topbar {
    width: 100%;
    padding: 25px 0; }
    .topbar:after {
      content: "";
      display: table;
      clear: both; }
    .topbar .logo {
      float: left; }
    .topbar .top-nav {
      float: right; }
    .topbar ul {
      float: right; }
    .topbar ul li {
      display: inline; }
    .topbar ul li a {
      display: inline-block;
      border: 0;
      padding: 5px 15px; }

  .top-nav {
    margin: 0; }
    .top-nav .icon {
      display: none; }

  .container--fluid {
    display: table; }

  .header--content .container {
    text-align: center;
    max-width: 915px;
    margin: auto; }

  .header--content {
    padding: 60px 0; }

  .header--content h1 {
    font-size: 36px; }

  .content--links,
  .content--rechts {
    display: table-cell;
    box-sizing: border-box;
    height: 100%; }

  .content--links:after {
    content: "";
    display: table;
    clear: both; }

  .content--links {
    width: 70%; }
    .content--links .content--block {
      padding: 30px; }

  .content--rechts {
    width: 30%;
    -webkit-box-shadow: inset 5px 0px 20px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: inset 5px 0px 20px 0px rgba(0, 0, 0, 0.16);
    box-shadow: inset 5px 0px 20px 0px rgba(0, 0, 0, 0.16); }

  .content--aanbieders {
    padding: 30px 55px; }
    .content--aanbieders ol li {
      list-style-position: outside;
      padding-left: 40px; }
    .content--aanbieders ol h3 {
      display: inline-block;
      width: 200px;
      font-size: 20px; }
    .content--aanbieders ol span {
      display: inline-block;
      padding-left: 30px; }

  footer {
    margin: 0;
    clear: both; } }
.unordered, .ordered {
  margin-top: 20px;
  padding: 30px;
  background: #eee; }
  .unordered li, .ordered li {
    list-style: decimal;
    list-style-position: inside;
    margin: 10px 0;
    line-height: 1.6; }

.unordered li {
  list-style: circle;
  list-style-position: inside; }

/*# sourceMappingURL=style.css.map */