:root {
    --side-width: 920px;
}

body {
  font-family      : Barlow,Helvetica,Arial,Verdana,sans-serif;
  font-size        : 1em;
  margin           : 0px;
  padding          : 0px; 
}

img {
  border           : 0px;
}

a {
  color: black;
}

a:hover {
  color: blue;
}

.tab {
  border           : none;
  line-height      : 1.5;
  display          : none;
  vertical-align   : top;
  width            : var(--side-width);
}


/* Styles for sections */

#footer {
  background       : #4c74ef; 
  display          : block;
  color            : #fff;
  font-size        : 1em;    
  padding-top      : 15px; 
  text-align       : center;
  width            : 100%;
  min-height       : 150px;
    
}

#footer::before {
    content: " ";
}

#footer img {
  max-height: 50px;
}

#header {
  background-color : #fff; 
  border           : none;
  font-size        : 1.4em;
  font-weight      : bold;
  width            : 100%;
    height         : 100px;
  padding          : 20px 0 15px 0;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
}

#header table {
    color:    #4c74ef;
    font-size: 1.7em;
    position: relative;
    width: 200px;
    min-height: 100px;
    margin: 0 auto;
    padding: 0 5px 0 170px;
    background: url('https://www.belswim.be/build/images/logo/Logo_en.6e39841b.png') no-repeat center left;
/*    background: url('https://www.belswim.be/build/images/logo/Logo_nl.116990b0.png') no-repeat center left;*/
    background-size  : 165px 100px;
}

#header table td{
    width: 100px;
    white-space: nowrap;
}

#header table td:first-child{
padding-right: 40px;
}
    
#lastupdate {
  font-size        : 10px;
  margin-bottom    : 5px;
  text-align       : right;
  width            : var(--side-width);
}

#navigation {
  width            : var(--side-width);
  margin           : 0 auto;    
  color: #000;
  font-size        : 1.2em;
}

#navigation:after {
    content: "";
    position: absolute;
    background: url('https://www.belswim.be/build/images/lightblue-curve.47bdae0f.svg') bottom no-repeat;
    background-size: 100px;
}

#noscript {
  border           : none;
  font-size        : 13px;
  font-weight      : bold;
  color            : red;
  margin           : 0 auto 15px auto;
  text-align       : center;
  width            : var(--side-width);
}

#freeText {
  background-color: #4c74ef;
  color            : white;
  font-weight      : bold;
  margin           : 15px auto;
  padding          : 10px;
  vertical-align   : top;
  width            : 700px;
}

#results {
  margin           : 0 auto 15px auto;
  vertical-align   : top;
  width            : var(--side-width);
}

/* Styles for table rows */

.trList1 {
  background-color: #e0eefa;
}

.title1, .title2 , .leftText, .trList1 {
  padding-left: 3px; 
}

.trTitle2 {
  background-color: #aabdf7;
}


/* Styles for table cells */

.title1 {
  font-size        : 15px;
  font-weight      : bold;
  padding-bottom   : 8px;
}

.title2 {
  font-weight     : bold;
}

.leftText {
}

.centerText {
  text-align      : center;
}

.rightText {
  text-align      : right;
}

td.leftText[colspan]:not([colspan="1"]) {
    color: #e1042D;
    padding: 3px 0px 3px 10px;
}

#splashme:before {
    content: "";
    position: absolute;
    background: url(https://www.belswim.be/build/images/lightblue-curve.47bdae0f.svg) bottom no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-60%) scaleY(-1);
    transform: translateY(-60%) scaleY(-1);
    width: 100%;
    height: 246px;
    z-index: -5;
}