/* NAVIGATION ------------------------------------------------------------*/
        
        nav {
            padding: 0px;
            font-size: 14px;
            font-weight: normal;
            margin: 0 0 0 0;
        }
        
        nav a {
            text-decoration: none;
            color: #fff;
        }
        
        nav {
            width: 100%;
        }
        
        nav ul {
            text-align: left;
        }
        
        #nav li {
            display: inline;
            font-size: 14px;
            float: left;
        }
        
        #nav>li>a {
            background: #eee;
            display: block;
            overflow: hidden;
            padding: 10px 10px 10px 10px;
            margin: 0px 2px 0px 0px;
            color: #666;
            font-weight: normal;
            -webkit-transition: all .5s ease-out;
            -moz-transition: all .5s ease-out;
            -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }
        
        #nav>li>a:hover,
        #nav>li.menu-current>a,
        #nav>li.menu-parent>a {
            color: #eee;
            background: #666;
            -webkit-transition: all .5s ease-out;
            -moz-transition: all .5s ease-out;
            -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }
        
        #buttons {
            float: right;
            position: relative;
            left: -50%;
            text-align: left;
        }
        
        #buttons ul {
            list-style: none;
            position: relative;
            left: 50%;
        }
        /* sub navigation -----------------------------------------------------*/
        
        #nav>li ul {
            display: block;
            background: #eee;
        }
        
        #nav>li ul li a {
            display: block;
            padding: 15px 20px;
            color: #666;
            text-decoration: none;
        }
        
        #nav>li ul li a span {
            display: block;
        }
        
        #nav>li ul li a:hover {
            background: #666;
            color: #eee;
        }
        
        #nav>li ul li.menu-current a {
            background: #666;
            color: #eee;
        }
        /* MOBILE NAVIGATION ------------------------------------------------*/
        
        #mobile-nav-holder {
            z-index: 1000;
            min-height: 50px;
        }
        
        #mobile-nav-holder .wrapper {
            background: #eee;
        }
        
        #mobile-nav {
            display: none;
        }
        
        #mobile-nav-holder a {
            display: block;
            padding: 15px;
            text-decoration: none;
            color: #fff;
            font-size: 20px;
        }
        
        #mobile-nav-holder li a {
            background: #bed0df url(arrow.png) no-repeat 96% center;
            border-bottom: 1px solid #222;
        }
        
        #mobile-nav-holder li:last-child a,
        #mobile-nav-holder li > ul a {
            border: none;
        }
        
        #mobile-nav-holder li > ul a {
            color: #000;
            margin-left: 15px;
        }
        
        #mobile-nav-holder li > ul ul a {
            color: #000;
            margin-left: 30px;
        }
        
        #mobile-nav-holder li a:hover,
        #mobile-nav-holder li a:focus,
        #mobile-nav-holder li.menu-current>a,
        #mobile-nav-holder li.menu-parent>a {
            background: #666 url(arrow.png) no-repeat 96% center;
        }
        
        #mobile-nav-holder #nav-open {
            background: transparent;
            position: absolute;
            right: 10px;
            z-index: 2000;
        }
        
        #mobile-nav-holder #nav-open a {
            display: block;
            padding: 15px 24px;
        }
        
        #mobile-nav > li > a:hover {
            background: #666 url(arrow.png) no-repeat 96% center;
            color: #000;
        }
        
        #mobile-nav > li > ul .menu-current > a,
        #mobile-nav > .menu-current > a {
            background: #666 url(arrow.png) no-repeat 96% center;
            color: #000;
        }
        
        .vlaggetjesmobiel {
            display: none;
        }
        
        .slicknav_menu {
            display: none;
        }
        
        @media screen and (max-width: 1200px) {
            #nav>li>a {
                font-size: 12px;
                padding: 8px;
            }
            @media screen and (max-width: 1000px) {
                #nav>li>a {
                    font-size: 11px;
                    padding: 6px;
                }
                @media screen and (max-width: 900px) {
                    .overlaynaam {
                        display: none;
                    }
                    /* #menu is the original menu */
                    .js #mobile-nav {
                        display: none;
                    }
                    .js .slicknav_menu {
                        display: block;
                    }
                    nav {
                        display: none;
                    }
                    #nwmenu {
                        display: none;
                    }
                    .outer {
                        margin-top: 58px;
                    }
                    #mobile-nav {
                        display: block;
                    }
                    .vlaggetjesmobiel {
                        display: block;
                        z-index: +20000;
                    }
                }