#header { height: 121px; background: #fff; position: relative; }

#header-wrapper { width: 983px; margin: 0 auto; position: relative; }

#logo { display: block; position: absolute; margin-top: 10px; margin-left: 10px; }
#logo img { max-width: 100%; height: auto; }

#header-social-media { position: absolute; right: 8px; top: 8px; z-index: 99; }
#header-social-media a { display: block; margin-left: 8px; float: left; }

.headernav-toggle { cursor: pointer; }

#main-headernav { position: absolute; top: 75px; left: 380px; font-family: 'Exo', sans-serif; font-size: 20px; }
#main-headernav ul { list-style: none; margin: 0; padding: 0; }
#main-headernav li { display: inline-block; float: left; margin-right: 25px; }
#main-headernav li a { display: block; color: #6d6e71; font-weight: bold; }
#main-headernav li a:hover,
#main-headernav li.actief a { color: #ef3d41; text-decoration: none; }

#main-headernav li.has-submenu { background: url(../images/submenumarker.png) right no-repeat; padding-right: 20px; position: relative; }

#main-headernav .has-submenu ul { display: none; position: absolute; background: #ef3d41; z-index: 1000; padding: 10px 14px 5px; }
#main-headernav .has-submenu:hover ul { display: block; }
#main-headernav .has-submenu ul li { display: block; margin: 0; width: 100%; min-width: 150px; }
#main-headernav .has-submenu ul a { display: block; border-bottom: 1px solid #fff; background: url(../images/subnavbg.png) no-repeat left; padding: 3px 0 5px 12px; color: #fff; font-family: Arial, sans-serif; font-size: 15px; font-weight: normal; }
#main-headernav .has-submenu ul a:hover,
#main-headernav .has-submenu ul li.actief a { color: #000; background: url(../images/subnavbgactive.png) no-repeat left; }

#main-headernav .has-submenu ul li:last-child a { border: 0; }

#main-headernav ul.mobile-toggle { display: block; position: absolute; left: 0; z-index: 999; background: #fff; }

#taal-menu { position: absolute; top: 68px; margin: 0; right: 0; padding: 0; list-style: none; font-family: 'Exo', sans-serif; font-size: 20px; }
#taal-menu li { display: inline-block; float: left; }
#taal-menu li a { display: block; color: #bdbdbf; text-decoration: none; padding: 5px; }
#taal-menu li a.actief { color: #ef3d41; }

/* Large desktop */
@media (min-width: 1200px) {


}

@media (max-width: 992px) {
    #header-wrapper { width: 100%; }

    #main-headernav { position: static; float: right; margin: 75px 80px 0 0; }
    #main-headernav > ul { display: none; position: absolute; top: 121px; border-top: 1px solid #ef3d41; border-bottom: 1px solid #ef3d41; }
    #main-headernav > ul > li > a { padding-left: 10px; }
    #main-headernav ul li { display: block; float: none; margin: 0; }
    #main-headernav ul li.has-submenu { background: none; padding: 0; }
    #main-headernav ul li.has-submenu ul { display: block; position: static; background: #f1f1f1; }
    #main-headernav ul li.has-submenu ul a { color: #6d6e71; font-family: "Exo",sans-serif; font-size: 16px; }
}

/* Minimaal groter dan Portrait tablet */
@media (min-width: 768px) {


}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* Landscape phones and down */
@media (max-width: 468px) {
    #logo { width: 50%; }
}