@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: 9px !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: 9px !important;
  }
}

.alpha-mobile {
    display: none !important;
}
@media screen and (max-width: 995px) {
    .alpha-mobile {
        display: block !important;
    }
}


@media (min-width: 299px) and (max-width: 441px) {
  .cats 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 (min-width: 299px) and (max-width: 550px) {
  #slogan {
    line-height:0.77 !important;
  }
}


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

@media (max-width: 996px) {
 div.toppagewrapper{
  margin: 0 8px; 
 }

}
@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;
    width: calc(100% - 16px);
  }
  #threeColumns {
      margin: 0 auto;
  }
}

@media (max-width: 1065px) {
  header {
    width: calc(100% - 16px) !important;
  }
  #threeColumns {
    width: calc(100% - 16px);
  }
  #threeColumns {
    width: calc(100% - 16px) !important;
  }
}

@media (max-width: 804px) {
    #threeColumns .block {
      width: 100% !important;
    margin-bottom: 5px;
    }
    #hrfooter {
      margin: 0 8px;
      width: calc(100% - 16px) !important;
    }
    .attribute{
      margin: 0 auto;
      width: calc(100% - 16px) !important;
    }
    .only-mobile {
        display: block;
    }
    .mobilenav {
        position: relative;
        z-index: 1;
        background-color: #006699;
        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;
    }
    .cats 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: 9px !important;
  }
}

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

@media (max-width: 745px) {
  header {
    margin: 0 auto;
    width: calc(100% - 10px);
  }
  #threeColumns {
    margin: 0 auto;
    width: calc(100% - 16px);
  }
  #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% - 16px);
    }
    #hrfooter {
      margin: 0 8px;
      width: calc(100% - 16px) !important;
    }
    .attribute{
      margin: 0 auto;
      width: calc(100% - 16px) !important;
    }
    #threeColumns {
      margin: 0 auto;
      width: calc(100% - 10px);
    }
    #threeColumns .block {
      width: 100% !important;
      margin-bottom: 5px;
    }
    .no-top {
      top:-28px !important;
    }
    .toolong {
      line-height:280% !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% - 16px);
    }
    #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% - 16px);
  }
  #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;
  }
  .non-mobile-inline {
    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: #006699;
    margin: -5px auto 10px;
    float:right;
    width:35px !important;
    height:35px !important;
    border-radius:6px;
    top:15px;
  }
  div#header{
   padding-bottom: 5px;
  }
  header{
 height: 95px;
 padding-top:10px;
}

  .mobilenav span {
    position:relative;
    font-size:25px;
    top:5.2px;
    left: 6.8px;
    color: white;
  }
  li.tooltip:hover span {
    display:none !important;
  }
  nav {
  position: relative;
  z-index: 1;
  height: 33px;
  width: 100%;
  /*width: calc(100% - 30px);*/
  background-color: #006699;
  /*margin: 0 auto;*/
  margin-bottom: 15px;
  }
  nav a {
    display: block;
    float: left;
    height: 33px;
    line-height: 30px;
    color: #ffffff !important;
    font-size: 11px !important;
    text-align: center;
    background-position: -481px 0px;
    font-family: Arial;
    text-decoration: none !important;
    border-right: 1px solid #a9d7ba;
  }
  nav a:hover {
    background-color:#7FB2CC;
  }
  nav {
      display:none;
      height:297px !important;
      border-radius:6px;
      margin: 0 auto 5px;
      /*width: calc(100% - 16px) !important;*/
  }
  nav a {
      float:left !important;
      width:100% !important;
      background-image:none !important;
      border-bottom: 1px solid white;
  }
  nav a:last-of-type {
      border-bottom:0 !important;
  }
  #hrtitle {
    display: none;
  }
  .sideimages {
    width:100% !important;
  }
  .middletable {
    width:100% !important;
  }
}

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

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

.block .main ul {  
  margin: 0.75em 0;
  list-style: none;  
}



li.noarrow:before {
  border-style: hidden !important;
  display: none !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)
*/