@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
  .centered-table {
    margin-left: -32px;
  }
  .centered-table td {
    width:345px !important;
    font-size:6px;
  }
  .biglink {
    font-size: 6px !important;
  }
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
  .centered-table {
    margin-left: 0;
  }
  .centered-table td {
    width:345px !important;
    font-size:6px;
  }
  .biglink {
    font-size: 6px !important;
  }
}

.alpha-mobile {
    display: none !important;
}
@media screen and (max-width: 995px) {
    .alpha-mobile {
        display: block !important;
    }
    .main li{
     padding-top:5px;
     padding-bottom: 5px; 
    }
}
@media (min-width: 299px) and (max-width: 441px) {
 #logo img{
  width: 80%;
 }
         a#logo{
         display: block;
         }

}

@media (min-width: 299px) and (max-width: 441px) {
/*  tr {
    width: 50% !important;
    display: block !important;
    float: left !important;
    margin-bottom: 20px !important;
    text-algin: center;
  }              */
  .tiny-non-mobile {
    display: none !important;
  }
  .tiny-mobile {
    display: block !important;
  }
  .third {
    display: block;
    /*margin-left: 70px;*/
  }
  .third .non-mobile{
    display: inline !important;
  }
  .third .only-mobile{
    display: none !important;
  }
  .alpha-mobile {
    margin: 6px 8px;
  }
}


@media (max-width: 686px) {
  /* was 686 */
  #threeColumns {
            column-count: 1;
    -webkit-column-count: 1;
       -moz-column-count: 1;
  }
  #threeColumns .block {
    width: 100% !important;
  }
  .one-cell {
    display: block !important;
  }
}

@media (min-width: 686px) and (max-width: 996px) {
  #threeColumns {
            column-count: 2;
    -webkit-column-count: 2;
       -moz-column-count: 2;
  }
  header {
    margin: 0 auto;
    width: calc(100% - 10px);
  } 
  #threeColumns {
      margin: 0 auto;
  }
}
                   /*1065*/
@media (max-width: 996px) {
  header {
    width: calc(100% - 16px) !important;
  }
  nav {
      display:none;
      height:297px !important;
      border-radius:6px;
      margin: 0 auto;
      /*width: calc(100% - 16px) !important;*/
  }
  nav a {
      float:none !important;
      width:100% !important;
      background-image:none !important;
      border-bottom: 1px solid white;
  }
  nav a:last-of-type {
      border-bottom:0 !important;
  }
  #threeColumns {
    width: calc(100% - 16px) !important;
  }
}

@media (max-width: 804px) {
    #threeColumns .block {
      width: 100% !important;
    }
    .only-mobile {
        display: block;
    }
    .mobilenav {
        position: relative;
        z-index: 1;
        background-color: #54af76;
        margin: 0 auto;
        float:right;
        width:35px !important;
        height:35px !important;
        border-radius:6px;
        top:29px;
    }
    .mobilenav span {
        position:relative;
        font-size:25px;
        top:6px;
    }
    .no-top {
        top:-28px !important;
    }
    .toolong {
        line-height:280% !important
    }
    nav span {
        display:none !important;
    }
    .centered-table {
      width:100%;
    }
    .centered-table td {
        width: 360px;
        margin: 0 auto;
    }
/*    tr {
      width: 33%;
      display: block;
      float: left;
      margin-bottom: 25px;
    }
    td {
      display:block;
    }     */
    ul li {
        line-height: 25px;
    }
    
    ul li a {
        line-height: 25px;
    }
  .alphabet {
    margin: 6px 8px !important;
  }
  .centered-table td {
    width:345px !important;
    font-size:6px;
  }
  .biglink {
    font-size: 6px !important;
  }
}

@media (min-width: 745px) and (max-width: 975px) {
    #threeColumns {
      width: 100%;
      margin: 0 auto;
    }
    #threeColumns .block{
      width: 100% !important;
      /*margin: 0 8px 0;*/
    }
}

@media (max-width: 745px) {
  header {
    margin: 0 auto;
    width: calc(100% - 10px);
  }
  #threeColumns {
      margin: 0 auto;
      width: calc(100% - 10px);
  }
}

@media (min-width: 997px) and (max-width: 1064px) {
  .fix {
    margin-left: 8px !important;
    margin-right: auto !important;
    width: calc(100% - 16px) !important;
  }
}
/* 2 bakken */
@media (min-width: 805px) and (max-width: 1064px) {
    #threeColumns .colls {
        /*width:100%;*/
        /*max-width: 314px;*/
        /*margin: 0 auto;*/
    }
    header {
      margin: 0 auto;
      width: calc(100% - 10px);
    }
    #threeColumns {
        margin: 0 auto;
        width: calc(100% - 10px);
    }
    #threeColumns .block {
      width: 100% !important;
    }
}
@media (min-width: 805px) and (max-width: 996px) {

    nav {
        display:none;
        height:297px !important;
        border-radius:6px;
        margin: 0 auto;
        width: calc(100% - 10px) !important;
    }
    nav a {
        float:none !important;
        width:100% !important;
        background-image:none !important;
        border-bottom: 1px solid white;
    }
    nav a:last-of-type {
      border-bottom:0 !important;
    }
    .no-top {
        top:-28px !important;
    }
    .toolong {
        line-height:280% !important;
    }
    nav span {
        display:none !important;
    }
    ul li {
        line-height: 25px;
    }
    
    ul li a {
        line-height: 25px;
    }
}
/* 3 bakken */
@media (min-width: 1065px) and (max-width: 1397px) {
    #container {
        width: 962px !important;
    }
    #contentholder {
        width: 962px !important;
    }
    #contentholder_content_left {
        width: 962px !important;
    }
    .arrow {
      margin-bottom: 1px;
    }
}
/* 4 bakken */
@media (min-width: 1398px) and (max-width: 1999px) {
    #container {
        width: 1286px !important;
    }
    #contentholder {
        width: 1286px !important;
    }
    #contentholder_content_left {
        width: 1286px !important;
    }
    .arrow {
      margin-bottom: 1px;
    }
}
/* 5 bakken (voor 4k of hoger?) */
@media (min-width: 2000px) {
    #container {
        width: 1610px !important;
    }
    #contentholder {
        width: 1610px !important;
    }
    #contentholder_content_left {
        width: 1610px !important;
    }
    .arrow {
      margin-bottom: 1px;
    }
}

@media (min-width: 757px) and (max-width: 804px) {
    header {
      margin: 0 auto;
      width: calc(100% - 10px);
    }
    #threeColumns {
        margin: 0 auto;
        width: calc(100% - 10px);
    }
}
@media (max-width: 663px) {
  header {
    margin: 0 auto;
    width: calc(100% - 10px);
  }
  #threeColumns {
      margin: 0 auto;
      width: calc(100% - 10px);
  }
}

.langflags{
  text-align:right;
  padding:5px 10px;
  height:20px;
  position:absolute;
  right:0
}

@media (max-width: 996px) {
  .non-mobile {
    display: none !important;
  }
  .only-mobile {
    display: block !important;
  }
  .header {
    display: none !important;
  }
  
  .langflags{
	  text-align:right;
	  padding:55px 5px;
	  height:20px;
	  position:absolute;
	  right:0
  }
  
  
  .mobilenav {
    position: relative;
    z-index: 1;
    background-color: #54af76;
    margin: 0 auto;
    float:right;
    width:35px !important;
    height:35px !important;
    border-radius:6px;
    top:10px;
  }
  .mobilenav span {
    position:relative;
    font-size:25px;
    top:5.2px;
    left: 6.8px;
    color: white;
  }
  li.tooltip:hover span {
    display:none !important;
  }
}

@media (min-width: 997px) {
  .non-mobile {
    display: block;
  }
  .only-mobile {
    display: none;
  }
  .header {
    display: inline;
  }
  .mobilenav {
    display: none !important;
  }
}

@media (min-width: 997px) and (max-width: 1065px) {
  .google {
    margin-top: 25px !important;
  }
}


/*
1695px
1367px
1039px
/************************* Tablet/smartphone menu *************************
no menu bar, but mobile menu
alphabet and category's not displayed
auto adjust to all sizes
**************************************************************************/
/*
1020px ~ 788px
787px ~ 321px (minimums)
*/