/* YANNZ.nl */
body {
  background       : #fff; 
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 1em;
  margin           : auto;
}
body { display: flex; flex-direction: column; }
#header             { order: 1;}
#navigation         { order: 2;}
#lastupdate         { order: 3;}
#freeText           { order: 4;}
#splashme            { order: 5;}
#noscript           { order: 6;}
#results            { order: 7;}
#footer            { order: 8;}

img {
  border           : 0px;
}

a {
  color            : #000;
}

a:hover {
  color            : #e40305;
}

.tab {
  border           : none;
  display          : none;
  vertical-align   : top;
  width            : 100%;
}

#tab0 table:first-child tr td:nth-child(6),#tab0 table:first-child tr.trTitle2 td.title2:first-child  {
    border-right   : 5px solid #fff;
}

/* Styles for sections */

#header {
  margin		   : auto;
}

/* #header > a > img */
#footer > a > img 
{
  width : 100%;
}

#reclame {
  background-color: #fff;
  border: #2b3786 4px solid;
  border-radius  : 25px 25px 0px 0px;
  border-bottom: 0px;
  padding: 20px;
  width: 800px;
  margin           : auto;
}
#footer {  
  border: #2b3786 4px solid;
  border-radius  : 0px 0px 25px 25px;
  border-top     : 0px; 
  width            : 800px;
  margin           : auto;
}

#lastupdate {
  font-size        : 0.7em;
  margin           : auto;
  text-align       : right;
  width            : 800px;
  border-left      : #2b3786 solid 4px;
  border-right     : #2b3786 solid 4px;
  padding: 20px;
}

#navigation {
  color            : #fff;
  font-size        : 5px;
  margin           : auto;
  width            : 800px;
  border-left: #2b3786 4px solid;
  border-right: #2b3786 4px solid;
  border-radius  : 0px;
  padding-right     :  5px;
}

#navigation a {
  font-size        : 15px;
  background       : #2b3786;
  color            : #fff;
  border           : 1px solid #1d1d1d;
  padding          : 5px 10px;
  margin           : auto;
  text-decoration  : none !important;
  border-radius    : 2px;



}

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

#navigation a:hover {
  border           : #1d1d1d 1px solid;
  color            : #1d1d1d;
  background       : #456eae;
}

/* Vlag bij Taal */
#navigation a[href$="us.html"]:before {
  content          : url('en_US.png');
  margin-right     : 5px;
  vertical-align   : middle;
}

#navigation a[href$="x.html"]:before, a[href$="nl.html"]:before {
  content          : url('nl_NL.png');
  margin-right     : 5px;
  vertical-align   : middle;
}

#noscript {
  border           : none;
  font-size        : 13px;
  font-weight      : bold;
  color            : #fff;
  margin-bottom    : 15px;
  text-align       : center;
  width            : 800px;
}

#freeText {
  color            : #000;
  margin	       : auto;
  padding: 20px;
  text-align       : left;
  vertical-align   : top;
  width            : 800px;
  border-left: #2b3786 4px solid;
  border-right: #2b3786 4px solid;
  border-radius  : 0px;
  font-size        : 0.9em;

}

#freeText a[href $='.pdf'] { 
  background       : transparent url('pdf.png') no-repeat center left;
  line-height      : 20px;
  padding          : 1px 0px 1px 22px;
}

#freeText a[href *='photos'] { 
  background       : transparent url('camera.png') no-repeat center left;
  line-height      : 20px;
  padding          : 1px 0px 1px 22px;
}

#freeText a[href *='youtube'] { 
  background       : transparent url('live.png') no-repeat center left;
  line-height      : 20px;
  padding          : 1px 0px 1px 22px;
}

.tab table tr.trList0 a[href$='.pdf'],
.tab table tr.trList1 a[href$='.pdf'],
#freeText a[href$='.pdf'],
.tab table:first-child tr.trList0 a[href$='.pdf'],
.tab table:first-child tr.trList1 a[href$='.pdf'] {
   background: transparent url('pdf.png') no-repeat center left;
   line-height: 20px;
   padding: 1px 0px 1px 18px;
}

.tab table:nth-child(2) tr:not(.trList1) a[href $='.pdf'], #freeText a[href $='.pdf'] { 
   background      : transparent url('pdf.png') no-repeat center left;
   line-height     : 20px;
    padding        : 1px 0px 1px 18px;
}
/*
.tab table:first-child tr:not(.trList1) a[href *='photos'], #freeText a[href *='photos'] { 
   background      : transparent url('camera.png') no-repeat center left;
   line-height     : 20px;
    padding        : 1px 0px 1px 18px;
}
.tab table:first-child tr.trList0 a[href *='photos'] { 
   background      : none;
    padding        : 0px;
}
*/
#results {
  font-size        : 0.9em;
  margin           : auto;
  vertical-align   : top;
  width            : 800px;
  border-left: #2b3786 4px solid;
  border-right: #2b3786 4px solid;
  border-radius  : 0px;
  border-top     : 0px; 
  border-bottom: 0px;
}

#results table {
  line-height      : 1.6; 
}

#results table tr td{
  padding          : 0 5px;
  
}
#results table tr {
height             : 1.6em;
}
/* Styles for table rows */

.trList0 {
  background-color : #86cbe6;
}

.trTitle1 {
  background-color : #e40305;
}

.trTitle2 {
  color            : #e40305;
  font-size        : 1em;
}

/* Styles for table cells */

.title1 {
  background-color : #e40305;
  font-size        : 1.2em;
  font-weight      : bold;
  padding-bottom   : 8px;
  color            : #fff;
}

.title2 {
  font-weight      : bold;
  text-transform   : uppercase;
}

/*Coding With Robbie https://www.youtube.com/watch?v=nAjR0Oj0J8E */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos {
  overflow: hidden;
  padding: 15px 0;
  background: white;
  white-space: nowrap;
  position: relative;
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 30s slide infinite linear;
}

.logos-slide img {
  height: 50px;
  margin: 0 30px;
}

.tab #splashme {
  display: none;
}

#splash {
  text-align: center;
}

#skyline {
  z-index: -1;
  border-radius  : 0px 0px 25px 25px;
}

#logo-cont {
  position: relative;
  height: 226px;
}

#logopsv,
#logo {
  /*position: absolute;*/
  height: 226px;
  width: 452px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#logopsv {
  left: 0;
}

#logo {
  right: 0;
}

#tab0 td.title1[colspan]:not([colspan="6"]) {
  color            : #e40305;
}

#tab0 td.title1[colspan]:not([colspan="6"]):before {
  content          : "Mixed";
  color: white; 
}

/*Coding With Robbie https://www.youtube.com/watch?v=nAjR0Oj0J8E */
/* * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
} */

.logos_free {
  overflow: hidden;
  padding: 15px 0;
  background: white;
  white-space: nowrap;
  position: relative;
}

.logos_free:before,
.logos_free:after {
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  content: "";
  z-index: 2;
  background-color: #e40305;
}

.logos_free:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logos_free:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logos_free:hover .logos-slide_free {
  animation-play-state: paused;
}

.logos-slide_free {
  display: inline-block;
  animation: 40s slide infinite linear;
}

.logos-slide_free img {
  /* height: 310px; */
  width: 760px;
  margin: 0 30px; }

ul { 
margin: auto;
}