@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body {
  color            : #2f3678;
  font-family      : Rubik, sans-serif;
  font-size        : 120%;
  margin           : 0px;
  line-height      : 1.5; 
}

img {
  border           : 0px;
}

a {
  color: black;
}

a:hover {
  color: blue;
}

.tab {
  border           : none;
  display          : none;
  vertical-align   : top;
  width            : 900px;
}


/* Styles for sections */

#footer {
  background       : #acd6f5;
  display          : block;
  margin           : 60px auto 0px auto;
  padding          : 60px 0px;    
  text-align       : center;
  width            : 100%;    
}

#footer::after {
    content: " | colored by YANNZ";
}

#header {
  background       : #fff;
  background-image : url('Het-y-Logo_blauw.svg'), 
                     url('knzb.svg');
  background-repeat: no-repeat;    
  background-position: 5% top, 95% top;
  background-size: 120px;
  border           : none;
  font-size        : 20px;
  font-weight      : bold;
/*  height           : 220px; */
  margin           : 5px auto;
  padding-top      : 20px; 
  width            : 100%;
}

@media (max-width: 1270px) {
  #header {
    padding-top: 120px;   
  }
}

#header table {
  margin           : 5px auto;
  width            : 900px;
}

#header #reclame {
  width            : 900px;
  margin           : 20px auto;
  display          : flex;
  justify-content  : space-between; 
  align-items      : center;
  box-sizing       : border-box;
  gap: 50px;
}

#reclame a {
  display: flex;
  align-items: center;
  justify-content: center;
}

#reclame img {
  max-width: 100%;   
  max-height: 80px;
  width: auto;
  height: auto;
}

#lastupdate {
  background: #fff;
  font-size        : 10px;
  margin           : 5px auto; 
  text-align       : right;
  width            : 900px;
}

#navigation {
  margin           : 0px auto; 
  width            : 900px;
  text-transform   : uppercase;
  color            : #fff;
  font-size: 0px;
letter-spacing: .02em;
}

 a#href0, a#href1, a#href2, a#href3, a#href4 {
  text-decoration  : none !important;
  color            : #2f3678;
  font-weight      : 700 !important;
  font-size        : 24px; 
  margin           : 0px 20px;
}

a#href0:hover, a#href1:hover, a#href2:hover, a#href3:hover, a#href4:hover {
    color: #f58320;
}
a#href0 {margin:0px;}

a#href0:active, a#href1:active, a#href2:active, a#href3:active, a#href4:active {
}

a#href1::before, a#href2::before, a#href3::before, a#href4::before {
  content          : "//";
  color            : #f58320;
  padding-right: 20px;
}

#navigation a[style="font-weight: bold; text-decoration: none;"] {
  color            : #f58320;
}

#navigation td:last-of-type a[href^="#"] {
  background       : #f58320;
  color            : #fff;
  font-weight      : 700;
  padding          : 8px;
  border-radius    : 15px;
  font-size        : 16px;
  text-decoration  : none;

}

#navigation td:last-of-type a[href^="#"]:hover {
  box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);
}
#noscript {
  border           : none;
  font-size        : 13px;
  font-weight      : bold;
  color            : red;
  margin           : 0px auto 15px auto; 
  text-align       : center;
  width            : 900px;
}

#freeText {
  background-color : #e4f2fc;
  border           : solid 3px #f58320;
  color            : #2f3678;
  font-weight      : bold;
  margin           : 25px auto; 
  padding          : 13px;
  text-align       : left;
  vertical-align   : top;
  width            : 750px;
  box-shadow       : 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.22);
  border-radius    : 15px;
}

#results {
  margin           : 0px auto; 
  vertical-align   : top;
  width            : 900px;
}

#results table td:first-child {
    padding-left: 8px;
}

/* Styles for table rows */

.trList0 {
}

.trList1 {
  background-color: #e4f2fc;
}

.trTitle1 {
}

.trTitle2 {
  color           : #f58320;    
  background-color: #fff;
}


/* Styles for table cells */

.title1 {
  font-size        : 150%;
  font-weight      : bold;
  text-transform   : uppercase;
  padding-bottom   : 8px;
  color            : #acd6f5; 
}

.title2 {
  font-weight     : bold;
    border-bottom: 2px solid #acd6f5;
}

.leftText {
}

.centerText {
  text-align      : left;
}

.rightText {
  text-align      : right;
}