#header-image{visibility:hidden}
  .header{width: 120%;margin-left: -15%;} 
  .talen{margin-left: -90%; margin-bottom: 2%;}
  .helpdesk{margin-left: 75%; margin-top: -13%; margin-bottom: 2%;}
  .helpdesk a{text-decoration: none;}
  .helpdesk{visibility: hidden;}
  .Start{
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:110%;
    margin:0px auto;
    text-align:center;
    line-height:1.4em;
    width:70.5%;
    background-color:#A3CEF1;
    position: relative;
  }
  /*opmaak scrollbar*/
  ::-webkit-scrollbar{
    width: 1em;
  }
  ::-webkit-scrollbar-track{
    background: hsl(204 39% 55% / 1);
    border-radius:100vw ;
    margin-block:.5em;
  }
  ::-webkit-scrollbar-thumb{
    background: hsl(204 40% 40% / 1);
    border: .20em solid hsl(204 39% 55% / 1);
    border-radius:100vw ;
  }
  ::-webkit-scrollbar-thumb:hover{
    background: hsl(204 40% 32% / 1);
  }
  @supports (scrollbar-color: red blue){
    *{
      scrollbar-color:hsl(204 40% 40% / 1) hsl(204 39% 55% / 1);
    }
  }
  /* Opmaak section links*/
  #links h1{
    pointer-events: none;
  }
  #links{
    border-bottom: 1px solid;
    float: left;
    font-size: 90%;
    background-color: #6096BA;
  }
  #links th{
  text-indent: 0px;
  pointer-events: none;
  }
  #links a{
    pointer-events: auto;
  }
  a:link, a:visited{
    font-family:georgia, times, serif;
    font-weight:bold;
    color:#274C77;
  }
  a:hover{
    font-family:georgia, times, serif;
    color:#274C77;
  }
  a:active{
    font-family:georgia, times, serif;
    color:black;
  }
  section, article{
    padding:10px 10px 10px;
    border:1px solid black;	
    border-radius:.8em;	
  }
  /* Header opmaak start pagina*/
  header{
    display:block;
    text-align:left;
    position: relative;
    height: 18vh;
    padding:10px 10px;
    border-radius:.8em;
    margin-bottom: 5%;
    font-family:Helvetica, Arial, sans-serif;
    margin-left:5%;
  }
  .PcOnder .huidigepagina {
    color: white;
  }
  header h1{
    color: black;
    font-family:kompot, sans-serif;
    pointer-events: none;
  }
  header img{
    position:absolute;
    top:0px;
    left:20px;	
  }
  header li
  {
    list-style-type:none;
    display: inline;
  }
  header ul
  {
    width: 115%;
  }
  .headerEN li{padding-right: 10px;}
  .headerEN ul{margin-left: -20%; width: 149%;}
  .headerEN #header{margin-left: -10%;}
  .headerFR li{padding-right:5px;}
  .headerFR ul{margin-left: -20%; width: 149%;}
  .headerFR #header{margin-left: -8%;}
  #header{
    font-family:Helvetica, Arial, sans-serif;
    font-size:1.5em;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    margin-top: -2%;
    margin-left: 10%;
  }
  div.containerHeader a
  {
    color:black;
    text-decoration: none;
    font:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size: 100%;
    margin: 0px 7px;
    padding: 0px 0px;
    position: relative;
    z-index: 0;
    cursor: pointer;
  }
  /*Opmaak article info*/
  #Rechts{
    float: right;
    text-align: left;
    width: 58%;
    background-color: #6096BA;
    margin-bottom: 3%;
  }
  .sectionRechts{
    margin-left:-105%;
    width: 220%;
    margin-top: 2%;
  }
  .sectionLinks{margin-left: -14%;}
  #Rechts ul li {
    position: relative;
    padding-bottom: 10px;
  }
  #Rechts ul {
    list-style: none;
  }
  #Rechts ul li:before{
  content: '';
  position: absolute;
  border-right:2px solid black;
  border-bottom:2px solid black;
  width:10px;
  height:10px;
  top: calc(50% - 4px);
  left: -20px;
  transform: translateY(-50%) rotate(-45deg);
  }
  #Rechts{margin-top: 2%;}
  /*Opmaak diensten*/
  .Diensten{
  background-color:#6096BA;
  width:100%;
  margin-bottom: 4%;
  }
  .DienstenFR{
    background-color:#6096BA;
  width:100%;
  margin-bottom: 4%;
  }
  .DienstenENG{
    background-color:#6096BA;
  width:100%;
  margin-bottom: 4%;
  }
  * {
  box-sizing: border-box;
  }
  .text {
  text-align: center;
  }
  .prijs-box-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; 
  }
  .prijs-box {
  background-color: #A3CEF1;
  box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.5);
  border-radius: 4px;
  flex: 1;
  padding: 0 30px 30px;
  margin: 2%;
  min-width: 206px;
  max-width: 350px;
  }
  .prijs-box h5 {
  text-transform: uppercase;
  }
  .prijs {
  margin: 24px 0;
  font-size: 36px;
  font-weight: 900;
  }
  .prijs sub, .prijs sup {
  font-size: 16px;
  font-weight: 100;
  }
  .features-list {
  padding: 0;
  list-style-type: none;
  }
  .features-list li {
  font-weight: 100;
  padding: 12px 0;
  font-weight: 100;
  }
  .features-list li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .btn-primary {
  border-radius: 25px;
  border: none;
  background-color: #6096BA;
  color: black;
  cursor: pointer;
  padding: 10px 15px;
  margin-top: 20px;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  }
  .btn-primary-middle{
  border-radius: 25px;
  border: none;
  background-color: #6096BA;
  color: black;
  cursor: pointer;
  padding: 10px 15px;
  margin-top: 10%;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  }
  .btn-primary:hover {
  box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.5);
  transform: translateY(-3px);
  }
  .btn-primary-middle:hover {
  box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.5);
  transform: translateY(-3px);
  }
  /*Opmaak contactformulier*/
  .formulier {
    background-color:#6096BA;
    margin-bottom: 62%;
  }
  .Info table{
    margin-left: 58.7%;
    font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
    margin-bottom: 5%;
    margin-top: 8%;
    border-spacing: 0px;
  }
  .Info tr:nth-child(even) 
  {
    background: #6096BA
  }
  .Info tr:nth-child(odd) 
  {
    background: #A3CEF1
  }
  .Info{margin-left: -80%; width: 100%;}
  .TabelLinks{
    padding-right: 7px;
    text-align: left;
  }
  .TabelRechts{
    text-align: left;
    padding-right: 0px;
  }
  .adres{
    font-weight:normal;
  }
  /*Info tabel Frans*/
  .InfoFR table{
    margin-left: 40%;
    font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
    margin-bottom: 5%;
    margin-top: 8%;
    border-spacing: 0px;
  }
  .InfoFR tr:nth-child(even) 
  {
    background: #6096BA
  }
  .InfoFR tr:nth-child(odd) 
  {
    background: #A3CEF1
  }
  .InfoFR{margin-left: -111%; width:230%;}
  .InfoFR .TabelLinks{padding-right: 60px;}
  .InfoFR .TabelRechts{padding-right:20px ;}
  /*Info tabel Engels*/
  .InfoENG table{
    margin-left: 40%;
    font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
    margin-bottom: 5%;
    margin-top: 8%;
    border-spacing: 0px;
    width: 77.5%;
    margin-left: 32.5%;
  }
  .InfoENG tr:nth-child(even) 
  {
    background: #6096BA
  }
  .InfoENG tr:nth-child(odd) 
  {
    background: #A3CEF1
  }
  .InfoENG{margin-left: -72%;}
  /* form animation starts */
  h4 {
    font-family: 'Roboto', sans-serif, 'arial';
    font-weight: 400;
    font-size: 20px;
    color: black;
    line-height: 1.5;
  }
  /* ///// inputs /////*/
  .styled-input {
    float: left;
    width: 293px;
    margin: 1rem 0;
    position: relative;
    border-radius: 4px;
  }
  @media only screen and (max-width: 768px){
    .styled-input {
        width:100%;
    }
  }
  .styled-input label {
    color: black;
    padding: 1.3rem 30px 1rem 0px;
    position: absolute;
    top: -45px;
    left: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
  }
  .styled-input.wide { 
    width: 650px;
    max-width: 100%;
  }
  input,
  textarea {
    padding: 30px;
    border: 0;
    width: 100%;
    font-size: 1rem;
    background-color: #6096BA;
    color: black;
    border-radius: 4px;
  }
  input:focus,
  textarea:focus { outline: 0; }
  input:focus ~ span,
  textarea:focus ~ span {
    width: 100%;
    -webkit-transition: all 0.075s ease;
    transition: all 0.075s ease;
  }
  textarea {
    width: 100%;
    min-height: 15em;
  }
  .input-container {
    width: 650px;
    max-width: 100%;
    margin: 20px auto 25px auto;
  }
  .submit-btn {
    width: 25%;
    padding: 7px 35px;
    margin-bottom: 2%;
    border: none;
    border-radius: 60px;
    display: inline-block;
    background-color: #4b8cfb;
    color: white;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.06),
              0 2px 10px 0 rgba(0,0,0,0.07);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  .submit-btn:hover {
    transform: translateY(3px);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10),
              0 1px 1px 0 rgba(0,0,0,0.09);
  }
  @media (max-width: 768px) {
    .submit-btn {
        width:100%;
        float: none;
        text-align:center;
    }
  }
  input[type=checkbox] + label {
  color: #ccc;
  font-style: italic;
  } 
  input[type=checkbox]:checked + label {
  color: #f00;
  font-style: normal;
  }
  .Form{
  font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
  font-size:90%;
  margin:-15px auto;
  text-align:center;
  line-height:1.4em;
  width:440px;
  background-color:#A3CEF1;
  }
  /*Opmaak checkbox code van https://codepen.io/melnik909/pen/YjGZqQ */
  .toggle{ --uiToggleSize: var(--toggleSize, 1.25rem); --uiToggleBorderWidth: var(--toggleBorderWidth, 2px); --uiToggleColor: var(--toggleColor, #222); display: var(--toggleDisplay, inline-flex); position: relative; margin-top: -10%;}
  .toggle__input{ /*The pattern by Sara Soueidan https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/ */  width: var(--uiToggleSize); height: var(--uiToggleSize); opacity: 0; position: absolute; top: 0; left: 0; margin: 0;}
  /*1. Calculation of the gap for the custom checkbox*/
  .toggle__label{ display: inline-flex; min-height: var(--uiToggleSize); padding-left: calc(var(--uiToggleSize) + var(--toggleIndent, .4em));}
  .toggle__input:not(:disabled) ~ .toggle__label{cursor: pointer;}
  .toggle__label::after{ content: ""; box-sizing: border-box; width: 1em; height: 1em; font-size: var(--uiToggleSize); /* 1 */ background-color: transparent; border: var(--uiToggleBorderWidth) solid var(--uiToggleColor); position: absolute; left: 0; top: 0; z-index: 2;}
  .toggle__input:checked ~ .toggle__label::after{ background-color: var(--uiToggleColor);}
  .toggle__text{ margin-top: auto; margin-bottom: auto;}
  .toggle__label::before{content: "";width: 0;height: 0;font-size: var(--uiToggleSize); /* 1 */border-left-width: 0;border-bottom-width: 0;border-left-style: solid;border-bottom-style: solid;border-color: var(--toggleArrowColor, #fff);position: absolute;top: .5428em;left: .25em;z-index: 3;transform-origin: left top;transform: rotate(-40deg) skew(10deg);}
  .toggle__input:checked ~ .toggle__label::before{--uiToggleArrowWidth: var(--toggleArrowWidth, 2px);width: .4em;height: .2em;border-left-width: var(--uiToggleArrowWidth);border-bottom-width: var(--uiToggleArrowWidth);}
  .toggle__input:disabled ~ .toggle__label{opacity: var(--toggleOpacityDisabled, .24);cursor: var(--toggleCursorDisabled, not-allowed);user-select: none;}
  /*Opmaak footer*/
  footer
  {
    position:absolute;
    bottom: auto;
    margin-top: 43.6%;
    margin-left: -25%;
    border-radius:.8em;
    font-family:Helvetica, Arial, sans-serif;
    height: 10vh;
    color: #000000;
    width: 135%;
  }
  footer li
  {
    list-style-type:none;
    display: inline;
    padding-right:10px;
  }
  footer ul
  {
    padding-top: 1%;
  }
  div.containerFooter a{
    color:black;
    text-decoration: none;
    font:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size: 100%;
    padding: 10px;
    z-index: 0;
    cursor: pointer;
  }
  .FooterIndexENG{margin-top: 310%;}
  .FooterIndexNL{margin-top:340%;}
  .FooterIndexFR{margin-top: 340%;}
  /*Section voor taken*/
  #opmaakTaken
  {
    border-style:1px solid;
    height: auto;
    font-size: 100%;
    background-color: #6096BA;
    width: 120%;
    margin-left: -10%;
  }
  #opmaakTaken li img{margin-left: -20%;}
  .LijstTaken:visited
  {
    color:white;
  }
  .LijstTaken:hover
  {
    color: black;
  }
  .LijstTaken 
  {
    font-size: 19px;
    font:"Myriad Pro", Helvetica, Arial, sans-serif;
    color: #000;
    margin-bottom: 0;
  }
  .GipTaken {
    position: relative;
  }
  .GipTaken ol {
    padding-left: 0;
  }
  .GipTaken li {
    font:"Myriad Pro", Helvetica, Arial, sans-serif;
    list-style: none;
    position: relative;
    border-bottom: solid 1px #cdeae7;
    padding: 20px 0 20px 55px;
    font-size: 15px;
    margin-bottom: 2%;
  }
  .GipTaken li:last-child {
    border-bottom: none;
  }
  .GipTaken li:after {
    position: absolute;
    left: 0;
    top: 0px;
    font:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size: 100%;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    border: solid 1px #cdeae7;
  }
  .GipTaken li:nth-child(1):after {
    content: "1";
  }
  .GipTaken li:nth-child(2):after {
    content: "2";
  }
  .GipTaken li:nth-child(3):after {
    content: "3";
  }
  .GipTaken li:nth-child(4):after {
    content: "4";
  }
  .GipTaken li:nth-child(5):after {
    content: "5";
  }
  .GipTaken li:nth-child(6):after {
    content: "6";
  }
  .GipTaken li:nth-child(7):after {
    content: "7";
  }
  .GipTaken li:nth-child(8):after {
    content: "8";
  }
  .GipTaken li:nth-child(9):after {
    content: "9";
  }
  .GipTaken li:nth-child(10):after {
    content: "10";
  }
  .GipTaken li:nth-child(11):after {
    content: "11";
  }
  .GipTaken li:nth-child(12):after {
    content: "12";
  }
  .GipTaken-titel {
    font-size: 19px;
    font:"Myriad Pro", Helvetica, Arial, sans-serif;
    color: #000;
    margin-bottom: 0;
    padding-right: 10%;
  }
  #opmaakTaken
  {
    border:none;
  }
  #opmaakTaken ol
  {
    font-weight:bold;
  }
  #opmaakTaken li span
  {
    font-weight:normal;
  }
  /*Opmaak missie en vissie*/
  #rechts{
    float: right;
    width: 100%;
    background-color: #6096BA;
    margin-top: 3%;
  }
  #rechts li
  {
    font-weight: bold;
    text-align: center;
  }
  /*slide maken*/
  @keyframes slide {
    0%{margin-left: -100%;}
    100%{margin-left:0%;}
  }
  @media only screen and (min-width:360px){
    #header{margin-left: 8%;}
    header ul{width: 139%; margin-left:-24%;}
    .sectionLinks{margin-left: -12%;}
    #links{width: 109%;}
    .sectionRechts{width: 210%; margin-left: -100%;}
    .headerEN{margin-left: -20%; width: 110%;}
    .headerEN li{padding-right: 0px;}
    .headerEN #header{margin-left: 28%;}
    .headerFR{margin-left: -23%; width: 117%;}
    .headerFR li{padding-right: 0px;}
    .headerFR #header{margin-left: 25%;}
    .FooterIndexNL{margin-top: 270%;}
    .FooterIndexENG{margin-top: 250%;}
    .FooterIndexFR{margin-top: 290%;}
    .TabelLinks{padding-right: 20px;}
    .TabelRechts{padding-right: 20px;}
    .Info{margin-left: -77%;}
  }
  @media only screen and (min-width:412px){
    #header{margin-left: 8%;}
    header ul{width: 120%; margin-left:-15%;}
    .sectionLinks{margin-left: -12%;}
    #links{width: 109%;}
    .sectionRechts{width: 210%; margin-left: -100%;}
    .headerEN{margin-left: -15%; width: 107%;}
    .headerEN li{padding-right: 10px;}
    .headerEN #header{margin-left: 20%;}
    .headerFR{margin-left: -13%; width: 117%;}
    .headerFR #header{margin-left: 5%;}
    .FooterIndexNL{margin-top: 220%;}
    .FooterIndexENG{margin-top: 200%;}
    .FooterIndexFR{margin-top: 230%;}
    .TabelLinks{padding-right: 40px;}
    .TabelRechts{padding-right: 40px;}
    .Info{margin-left: -77%;}
  }
  @media only screen and (min-width:425px){
    header li{padding-right: 10px;}
    header{margin-left:8%; width: 97%;}
    .header{width:114%;}
    #header{margin-left: -3%;}
    .headerEN{margin-left: -15%;}
    .headerEN li{padding-right: 10px;}
    .headerEN #header{margin-left: 11%;}
    .headerEN header{width: 96%;}
    .headerFR{margin-left: -20%; width: 109.5%;}
    .headerFR li{padding-right: 10px;}
    .headerFR #header{margin-left: 15%;}
    .FooterIndexNL{margin-top: 210%;}
    .FooterIndexENG{margin-top: 180%;}
    .FooterIndexFR{margin-top: 220%;}
    .TabelLinks{padding-right: 50px;}
    .TabelRechts{padding-right: 50px;}
    .Info{margin-left: -77.5%;}
  }
  /*Tablet*/
  @media only screen and (min-width:768px){
    #rechts{margin-bottom: 2%;}
    .GipTaken-titel {padding-right: 5%;}
    #menu{margin: -50px 0 0 -121px;}
    #header{margin-top: -2%; margin-left: -10%;}
    .headerEN{width: 100%;}
    .headerEN ul{margin-left: -23%;}
    .headerFR{width: 100%;}
    .headerFR li{padding-right: 20px; width: 100%;}
    .headerFR ul{margin-left: -32%; width: 200%;}
    .InfoENG{width: 200%; margin-left: -90%;}
    .Info{margin-left: -75%;}
    .helpdesk{visibility: hidden;}
    .helpdesk{margin-left: 140%;}
    .Start{width: 40%;}
    .talen{margin-left: -200%;}
    .sectionRechts{margin-left: -235%; width: 400%;}
    .sectionLinks{margin-left: -15%;}
    #links{margin-left: -45%;}
    #links th{text-indent: 20px;}
    .prijs-box{margin:4%; max-width:none;}
    .Diensten{width: 200%; margin-left: -50%;}
    .DienstenFR{width: 200%; margin-left: -50%;}
    .DienstenENG{width: 200%; margin-left: -50%;}
    .container{width: 200%; margin-left: -50%;}
    #opmaakTaken{width: 200%; margin-left: -50%;}
    #opmaakTaken li img{margin-left: -10%;}
    .privacy{width: 200%;margin-left: -50%;}
    .FooterIndexFR{margin-top: 150%;}
    .FooterIndexENG{margin-top: 150%;}
    .FooterIndexNL{margin-top: 150%;}
  }
  @media only screen and (min-width: 780px){
    .header li{padding-right: 20px;}
    .header ul{margin-left: -20%;}
    #header{margin-left: 5%;}
    .headerEN li{padding-right: 20px;}
    .headerEN ul{margin-left: -20%; width: 200%;}
    .headerEN #header{margin-left: 25%;}
    .headerFR ul{margin-left: -22%;}
    .headerFR #header{margin-left: 25%;}
    .sectionLinks{margin-top: 20%;}
    .Diensten{margin-top: 20%;}
    .DienstenENG{margin-top: 20%;}
    .DienstenFR{margin-top: 20%;}
    .Info{margin-top: 20%; width: 100%; margin-left: -80%;}
    .Info .TabelLinks{padding-right: 80px;}
    .Info .TabelRechts{padding-right: 80px;}
    .InfoENG{margin-top: 20%;}
    .GipTaken{margin-top: 20%;}
    .FooterIndexNL{margin-top: 170%;}
    .FooterIndexENG{margin-top: 160%;}
    .FooterIndexFR{margin-top: 160%;}

  }
  /*Laptop*/
  @media only screen and (min-width: 1024px){
    .Start{width: 20%;}
    footer{visibility: visible; margin-top: 300%; height: fit-content; width: 300%; margin-left: -100%;}
    header{visibility: visible; margin-top: -15%; width: 250%;margin-left: -70%; background-color: #6096BA; background-image: linear-gradient(#6096BA, #A3CEF1);}
    #header-image{visibility: hidden;}
    .headerEN{margin-left: -30%;}
    .headerEN header{width: 300%; margin-top: -15%;} 
    .headerEN ul{margin-left: 18%; width: 90%;}
    .header ul{margin-left: 11%; width: 80%;}
    .headerEN #header{margin-left: 2.5%;}
    .headerFR{width: 120%; margin-left:-15% ;}
    .headerFR{margin-top: 5%;}
    .headerFR ul{margin-left: 15%; width: 80%;}
    .headerFR #header{margin-left: 0.5%;}
    #header{margin-top: 2%; margin-left: 3%;}
    .helpdesk{margin-top: -19%; margin-left: 240%}
    .sectionLinks{width: 116%; margin-left:-15% ;}
    #links{margin-left: -72.5%; width: 260%;}
    #links h1{margin-left: 1%;}
    #links th{text-indent: 20px;}
    #links .center{margin-left: 22.5%;}
    .sectionRechts{width: 520%; margin-left: -317.5%;}
    .Diensten{width: 300%; margin-left: -100%;}
    .DienstenFR{width: 300%; margin-left: -100%;}
    .DienstenENG{width: 300%; margin-left: -100%;}
    .talen{margin-left: -400%; margin-top: 3%;}
    .Info{margin-left: -105%;}
    .container{width: 300%; margin-left: -100%;}
    .GipTaken{width: 150%; margin-left: -25%;}
    .InfoFR{width: 500%; margin-left: -250%;}
    .InfoENG{width: 390%; margin-left: -230%;}
    .FooterIndexNL{margin-top: -50%;}
    .FooterIndexENG{margin-top: -50%;}
    .FooterIndexFR{margin-top: -50%;}
  }
  /*Schoollaptop*/
  @media only screen and (min-width:1200px){
    #header-image{visibility: visible;}
    #header{margin-left: 0%;}
    header{margin-top: -11%; width: 330%; margin-left: -110%;}
    .helpdesk{margin-top: -15%;}
    .header ul{margin-left: 20%;}
    .header #header{margin-left: -2%;}
    .header li{margin:2%;}
    header img{animation: slide 2s;}
    .header{width: 120%; margin-left: -12%;}
    .header header{margin-top: -13%;}
    .headerEN{margin-left: -35%;}
    .headerEN header{width: 395%; margin-top: -15.5%;} 
    .headerEN ul{margin-left: 23%; width: 90%;}
    .headerEN li{padding-right: 40px;}
    .headerEN #header{margin-left: -3%;}
    .headerFR header{margin-top: -15.1%;}
    .headerFR ul{margin-left: 25%;}
    .headerFR li{padding-right: 30px;}
    #links{width: 120%; margin-left: -115%;}
    #links .center{margin-left: -2%;}
    #links th{text-indent: 20px;}
    .sectionRechts{width:675%; margin-left: -428%;}
    .sectionLinks{margin-left: -11%;}
    footer{visibility: visible; margin-top: 210%; width: 395%; margin-left: -145%; background-image: linear-gradient(#A3CEF1,#6096BA);}
    .prijs-box{margin:2%; max-width: none;}
    .Diensten{width: 397%; margin-left: -145%;}
    .DienstenFR{width: 395%; margin-left: -146%;}
    .DienstenENG{width: 395%; margin-left: -144%;}
    .talen{margin-left: -450%;}
    .helpdesk{visibility: visible;}
    .helpdesk{margin-left: 260%;}
    .Info{margin-left: -170%; width: 250%;}
    .Info .TabelRechts{padding-right: 60px;}
    .InfoENG{margin-left: -115%; width: 230%;}
    .InfoENG .TabelRechts{padding-right: 60px;}
    .InfoFR{margin-left: -175%; width: 350%;}
    .InfoFR .TabelRechts{padding-right: 60px;}
    #opmaakTaken{width: 265%; margin-left: -82%;}
    .privacy{width:400%; margin-left: -150%; margin-top: 15%;}
    div.PcOnder a:before , div.PcOnder a:after{position: absolute;left: 0px; width: 100%; height: 2px; background: #FFF; content: ""; opacity: 0;transition: all 0.3s;}
    div.PcOnder a:before{top: -5px;transform: translateY(10px);}
    div.PcOnder a:after{ bottom: -5px; transform: translateY(-10px);}
    div.PcOnder a:hover:before, div.PcOnder a:hover:after{opacity: 1;transform: translateY(0px);}
    div.PcOnder a:active{  color: white;}
    .FooterIndexNL{margin-top: 30%;}
    .FooterIndexENG{margin-top: -5%;}
    .FooterIndexFR{margin-top: 10%;}
    footer ul{margin-left: -5%;}
    footer{width: 395%;}
  }

  /*Laptop L*/
  @media only screen and (min-width: 1440px){
  .Start{width: 70%;}
  header{visibility: visible; margin-top: -4%; width: 83%;margin-left: 13%; background-color: #6096BA; background-image: linear-gradient(#6096BA, #A3CEF1);}
  #header{margin-top: 2%; margin-left: 0%;}
  .header ul{width: 90%; margin-left: 20%;}
  header img{animation: slide 2s;}
  .header header{margin-top: -4.6%; width: 83%; margin-left: 11%;}
  .headerEN header{margin-top: -5.5%; width: 100%; margin-left: 36%;}
  .headerEN #header{margin-left: -1%;}
  .headerEN ul{margin-left: 23%;}
  .headerEN li{padding-right: 50px;}
  .headerFR header{margin-top: -7.1%;}
  .headerFR ul{margin-left: 22%;}
  .headerFR li{padding-right: 50px;}
  footer{visibility: visible; width: 100%; margin-left: -0%; margin-top: 45%; height: 60%;}
  #header-image{visibility: visible;}
  #menu{height: 0px;}
  .sectionRechts{margin-left:-70%;width: 170%;}
  #Rechts{margin-top:2%;}
  #links{width:40%; margin-left: 1%;}
  #links h1{margin-left: 0%}
  #links .center{margin-left: 12%;}
  #links th{text-indent: 20px;}
  .sectionLinks{margin-left: 0%; margin-top: 0%;}
  .Info{margin-left: 31.5%; width: 0%; margin-top: 0%;}
  .Info .TabelRechts{padding-right: 80px;}
  .Info .TabelLinks{padding-right: 80px;}
  .talen{margin-top: 1%; margin-left: -120%;}
  div.PcOnder a:before , div.PcOnder a:after{position: absolute;left: 0px; width: 100%; height: 2px; background: #FFF; content: ""; opacity: 0;transition: all 0.3s;}
  div.PcOnder a:before{top: -5px;transform: translateY(10px);}
  div.PcOnder a:after{ bottom: -5px; transform: translateY(-10px);}
  div.PcOnder a:hover:before, div.PcOnder a:hover:after{opacity: 1;transform: translateY(0px);}
  div.PcOnder a:active{  color: white;}
  .helpdesk{margin-top: -5.5%; margin-left: 107.5%;}
  #opmaakTaken{width: 100%; margin-left: 0.5%;}
  #opmaakTaken li img{margin-left: -7%;}
  .Diensten{width: 100%; margin-left: 1%; margin-top: 0%;}
  .DienstenFR{width: 100%; margin-left: 1%; margin-top: 0%;}
  .DienstenENG{width: 100%; margin-left: 1%; margin-top: 0%;}
  .prijs-box{margin:2%; max-width:none;}
  .InfoENG{margin-left: 10%  ; width: 60%; margin-top: 0%;}
  .InfoENG .TabelRechts{padding-right: 60px;}
  .InfoFR{width: 100%; margin-left: -11%; margin-top: 0%;}
  .InfoFR .TabelRechts{padding-right: 80px;}
  .InfoFR .TabelLinks{padding-right: 80px;}
  .GipTaken{width: 100%; margin-left: 0%; margin-top: 0%;}
  .container{width: 100%; margin-left: 2%;}
  .privacy{width: 100%; margin-left: 0%; margin-top: -5%;}
  footer{background-image: linear-gradient(#A3CEF1, #6096BA); height: fit-content; width: 100.5%; margin-left: 1%;}
  .FooterIndexFR{margin-top: 20%; margin-left: 0%;}
  .FooterIndexNL{margin-top: 20%; margin-left: 0%;}
  .FooterIndexENG{margin-top: 20%; margin-left: 0%;}
}