/* tablet */

#mainmenu li.menu-icon {
  display: none;
}

@media all and (max-width: 1023px) {
    
  .topmenu, #searchbox {
    display: none;
  }  
  
  #mainmenu li {
    display: none;
  }
  
  #mainmenu li.menu-icon {
      display: block;
      position: absolute;
      top: 22px;
      right: 22px;
      font-size: 35px;
  }

  #mainmenu.responsive {
    margin-bottom: 10px;
    padding: 10px 0;
  }
  
  #mainmenu.responsive li {
      float: none;
      display: block;
      border-bottom: 1px solid #ffffff;
  }  

  #mainmenu li.menu-icon a.icon {
      color: #1f6899;
  }  
  
  #mainmenu.responsive #searchbox {
      display: block;
      padding-top: 8px;
  }
  
  #mainmenu > ul > li.has-second-level > a:after {
      margin-left: 8px;
  }  
  
  #mainmenu .second-level {
    position: static;
    display: block;    
  }
  
  #mainmenu li.has-second-level {
    height: auto;
  }

  #mainmenu .second-level li {
    border-bottom: 0;
  } 
  
  #container {
    width: calc(100% - 12px);
    background: #fff;
    border-left: 6px solid #FFFFFF;
    border-right: 6px solid #FFFFFF;
  }

  #sidebar, #topnews, #skyscraper, #datum {
    display:none;
  }
  
  header .logo {
    margin: 10px 0; 
  }  
  
  header .topmenu {
    margin: 0; 
    float: none;
    height: 20px;  
  }

  header .topmenu ul {
    text-align: left;
    margin-left: 0;
  }

  header .topmenu ul li a {
    text-transform: none;
    margin-right: 1px;
    margin-left: 2px;
    white-space: nowrap;
  }

  #mainmenu {
    margin-bottom: 5px;
    height: auto;
    line-height: 22px;
    text-align: center;
  }

  #mainmenu ul {
    margin-left: 0;
  }
  
  #mainmenu ul li {
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
  }

  #mainmenu ul li:after {
  	content: "";
    display: none;
  }
  
  #mainmenu #searchbox {
    font-size: 13px;
  }

  #main #centralcontent div.ad {
    text-align: center;
  }
  
  #main #centralcontent div.ad  a img {
    max-width: 100%;
    height: auto;
  }

  #main #centralcontent {
    width: 100%;
    margin-left: 0px;
  }

  header #searchbox input[type="text"] {
    width: 210px;
  }

  #main .news-single-item .imagegallery {
    width: auto;
  }
  
  fieldset.powermail_fieldset .powermail_field .radio {
    margin-left: 0;
  }
  
  #searchbox form.gsc-search-box {
    width: 50%;
    margin: auto;
  }
}

@media all and (min-width: 769px) and (max-width: 1023px) {
  #main #centralcontent {
    width: calc(100% - 245px);
    margin-right: 11px;
  }
  #sidebar {
    display: block;
  }
}