body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}



#top_menu {
    display:block;
    float:left;
    clear:none;
    width:133px;
    height:80px;  
}

#mobile_menu {
    display:none;
    visibility:hidden;
}


#top_menu_geselecteerd {
    display:none;
}

#top_menu_item_geselecteerd {
    display:none;
}

#top_menu_geselecteerd_mobile {
    display:none;
}
#menu { 
    position:relative;
    float:left;
    list-style:none; 
    width:100%;
    height:80px;
    padding:0px;
    z-index:151;
    line-height:18px; 
}

#menu li {
    display:block;
    float:left;
    clear:none;
    width:100%;
    height:80px;
}

#menu li:hover {
        display:block;
}


#menu li a {
    display:block;
    margin-top:3px;
    font-size:18px; 
    color:#3a3a3a;
    text-decoration:none;
    padding:0 0 0 20px;
    line-height:40px; 
}


#menu li:hover a {
    display:block;
    color:#3a3a3a;
}

#menu li .enkel {
    display:block;
    margin-top:3px;
    font-size:18px; 
    color:#3a3a3a;
    text-decoration:none;
    padding:0 0 0 20px;
    line-height:40px; 
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
}


#menu li .enkel:hover {
    display:block;
    color:#3a3a3a;
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
}

#menu li .drop {
    display:block;
    margin-top:3px;
    font-size:18px; 
    cursor: pointer;
    color:#3a3a3a;
    text-align:center;
    text-decoration:none;
    line-height:76px; 
}

#menu li:hover .drop {
}

#top_menu_geselecteerd {
    display:block;
    margin-top:10px;
    float:left;
    clear:both;
    width:100%;
    height:auto;
}

#top_menu_item_geselecteerd {
    display:block;
    float:left;
    clear:none;
    width:calc(1/9 * 100%);
    text-align:center;
    border-bottom:1px solid #ffffff;
}




.dropdown_1column {
    display:block;
    margin:1px auto;
    position:absolute;
    width:300px;
    height:0px;
    text-align:left;
    background-color: #ffffff;
    box-shadow: 2px 2px 6px #bbbbbb;
    overflow:hidden;
/*    transition: height 2s;*/
}


#menu:hover .dropdown_1column {
    top:78px;
    height:auto;
}


.menu_koptekst {
    display:block;
    float: left;
    width:100%;
    height:35px;
    font-size:20px;
    font-weight:bold;
    margin:0 0 10px 0;
    text-shadow: 2px 2px 2px #ffffff;
    border-bottom:1px solid #1f81aa;
}


#menu li ul {
    list-style:none;
    padding:0;
    margin:0; 
}


#menu li ul li {
    float:left;
    width:calc(1/4 * 100%);
    width:25%;
    height:auto;
    margin:5px 0 0 0;
    font-size:12px;
    text-align:left;
}

#menu li ul li .checked {
    display:block;
    float:left;
    position:relative;
    clear:none;
    width:15px;
    height:15px;
    background-image:url(/img/radio_checked.jpg);
}

#menu li ul li .unchecked {
    display:block;
    float:left;
    position:relative;
    clear:none;
    width:15px;
    height:15px;
    background-image:url(/img/radio_unchecked.jpg);
}

#menu li ul li .submenuitem  {
    position:relative;
    float:none;
    padding:0;
    margin:0;
    text-align:left;
    font-size:12px;
    color:#3a3a3a;
    line-height:16px;
    text-decoration:none;
}

#menu li ul li .submenuitem:hover  {
    position:relative;
    float:none;
    padding:0;
    margin:0;
    text-align:left;
    font-size:12px;
    color:#1f81aa;
    line-height:16px;
    text-decoration:none;
}


/*Style 'show menu' label button and hide it by default*/
.show-menu {
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 11px 0;
    font-size:18px;
    display: none;
    cursor: pointer;
    background-image:url(/img/mobile_menu.png);
    background-position: right;        
    background-repeat:no-repeat;
     
}

/*Hide checkbox*/
input[type=checkbox] #menu{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}




/*Responsive Styles*/

@media screen and (max-width: 1023px) 
{
    
  #top_menu {
      display:none;
  }

  #top_menu_geselecteerd {
      display:none;
  }

  #top_menu_geselecteerd_mobile {
      display:block;
      margin-top:10px;
      clear:both;
      width:98%; max-width:768px;
      height:auto;
      margin:0 auto;
      overflow:hidden;
  }

  .top_menu_item_geselecteerd_mobile {
      display:block;
      clear:none;
      width:92%;
      height:16px;
      margin:10px auto;
      padding:12px;
      text-align:center;
      overflow:hidden;
      background-color: #ffffff;
      text-transform: uppercase;
      font-weight: bold;
      color:#1f81aa;
      border:1px solid #e1e1e1;
  }
    
  .top_menu_item_geselecteerd a{
      color:#3a3a3a;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 1px;
      font-weight: bold;
  }
  
}




/*@media screen and (min-width: 320px) and (max-width: 480px) {

}
*/
