@charset "utf-8";
/* CSS Document */
/************************************************************************
        NAVBAR
/***********************************************************************/
    /* Dropdwn button: */
    .dropdwn_menu .dropbtn_menu {font-size:16px;border:none;outline:none;color:white;padding:14px 16px;/*background-color:inherit;*/font-family:inherit;margin:0/* Important for vertical align on mobile phones */;}
    /* Dropdwn nivo1 (hidden by default): */
    .dropdwn_menu-content {display:none;position:absolute;/*background-color:#f9f9f9;*/min-width:225px;/*box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);*/z-index:97;}
	/***********************************************************************/

    /* The container <div> - needed to position the dropdown content: */
    .dropdown_menu {position: absolute/*was:fixed*/;top:65px/*wastop:0px*/;z-index:98;display: inline-block;}
    /* Dropdown Button + tekst "menu" (tekst aanpassen in desktop9_header_menu.php): */
    .dropbutton_menu {background-color: #FFC;font-family: "brandon bld";font-weight: bold; font-size: 14px;color: #FF9300;width:240px/*was150px*/;height:65px/*was40*/;padding-bottom: 4px;border-radius: 40px 40px 40px 40px;border: 12px/*was6px*/ solid #FF9300;}
    /* Dropdown Button Content / hamburgerstripes: */
    .dropdown_menu_iconbar{display: block;margin-left: 10px;width: 42px;height: 8px;margin-top: 3px;position: relative;background: #FF9300;border-radius: 5px;z-index:99;transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
    /* Dropdown Button Content / text MENU: */
    .dropdown_menu_text{font-family: "brandon bld";font-weight: bold; font-size: 36px/*was24px*/;color: #FF9300;width: 70px/*was44px*/;height: 14px/*was7px*/;margin-left: 82px/*was23px*/;margin-top: -55px/*was-33px*/;z-index:100;}
    /***********************************************************************/

    /* Show the dropdown menu on hover */
    .dropdown_menu:hover .dropdwn_menu-content {display: block;}
/************************************************************************
        SNELTOETSEN
/***********************************************************************/
    /* The container <div> - needed to position the dropdown content: */
    .dropdown_sneltoetsen {position: absolute;top:65px;z-index:101;display: inline-block;cursor: pointer;}
    /* Dropdown Button Styling / opmaak button: background + border: */
    .dropbutton_sneltoetsen {background-color: #FFC;font-family: "brandon bld";font-weight: bold; font-size: 14px;color: #FF9300;width:67px;height:67px;padding-bottom: 4px;border-radius: 40px 40px 40px 40px;border: 12px solid #FF9300;cursor: pointer;}
/************************************************************************
        STRATECH
/***********************************************************************/
    /* Dropdown Button Position / positie bepaling + verticaal menu: */
    .dropdown_stratech {position: absolute;top:65px;z-index:102;display: inline-block;cursor: pointer;}
    /* Dropdown Button Styling / opmaak button: background + border: */
    .dropbutton_stratech {background-color: #666;font-family: "brandon bld";font-weight: bold; font-size: 14px;color: #FF9300;width:285px;height:67px;padding-bottom: 4px;border-radius: 40px 40px 40px 40px;border: 12px solid #F09;cursor: pointer;}
	.dropbutton_stratech_DE {background-color: #666;font-family: "brandon bld";font-weight: bold; font-size: 14px;color: #FF9300;width:255px;height:67px;padding-bottom: 4px;border-radius: 40px 40px 40px 40px;border: 12px solid #F09;cursor: pointer;}
	.dropbutton_stratech_GB {background-color: #666;font-family: "brandon bld";font-weight: bold; font-size: 14px;color: #FF9300;width:315px;height:67px;padding-bottom: 4px;border-radius: 40px 40px 40px 40px;border: 12px solid #F09;cursor: pointer;}
    /* Dropdown Button Content / hamburgerstripes: */
    .dropdown_stratech_iconbar {display: block;margin-left: 10px;width: 42px;height: 8px;margin-top: 2px;position: relative;background: #FF0099;border-radius: 5px;z-index:103;transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;cursor: pointer;}
    /* Dropdown Button Content / text BOEKEN: */
    .dropdown_stratech_text {font-family: "brandon bld";font-weight: bold;font-size: 36px;color: #FF0099;width: 288px;height: 14px;margin-left: 72px;margin-top: -55px;position: relative;z-index:104;}
    .dropdown_stratech_text_DE {font-family: "brandon bld";font-weight: bold;font-size: 36px;color: #FF0099;width: 258px;height: 14px;margin-left: 12px;margin-top: -55px;position: relative;z-index:104;}
    .dropdown_stratech_text_GB {font-family: "brandon bld";font-weight: bold;font-size: 36px;color: #FF0099;width: 358px;height: 14px;margin-left: 12px;margin-top: -55px;position: relative;z-index:104;}
/************************************************************************
        TALEN
/***********************************************************************/
    /* Dropdwn nivo1 (hidden by default): */
    .dropdwn_language-content {display:none;position:absolute;min-width:225px;z-index:105;}
	/***********************************************************************/

    /* The container <div> - needed to position the dropdown content: */
    .dropdown_language {position: absolute;top:65px;z-index:106;display: inline-block;}
    /* Dropdown Button + tekst "menu" (tekst aanpassen in desktop9_header_menu.php): */
    .dropbutton_language {background-color: #FFC;font-family: "brandon bld";font-weight: bold; font-size: 14px;color: #FF9300;width:250px;height:65px;padding-bottom: 4px;border-radius: 40px 40px 40px 40px;border: 12px solid #FF9300;}
    .dropbutton_language_DE {background-color: #FFC;font-family: "brandon bld";font-weight: bold; font-size: 14px;color: #FF9300;width:280px;height:67px;padding-bottom: 4px;border-radius: 40px 40px 40px 40px;border: 12px solid #FF9300;}
    .dropbutton_language_GB {background-color: #FFC;font-family: "brandon bld";font-weight: bold; font-size: 14px;color: #FF9300;width:180px;height:67px;padding-bottom: 4px;border-radius: 40px 40px 40px 40px;border: 12px solid #FF9300;}
    /* Dropdown Button Content / hamburgerstripes vlaggen talen: */
    .dropdown_language_iconbar {display: block;margin-left: 10px;width: 42px;height: 8px;margin-top: 3px;position: relative;background: #FF9300;border-radius: 5px;z-index:107;transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;} 
    /* Dropdown Button Content / hamburgerstripes vlaggen talen: */
    .dropdown_language_iconbar_nivo2{display: block;margin-left: 5px;width: 26px;height: 6px;margin-top: 2px;position: relative;background: #FF9300;border-radius: 5px;z-index:108;transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
    /* Dropdown Button Content / text TALEN: */
    .dropdown_language_text {font-family: "brandon bld";font-weight: bold;font-size: 36px;color: #FF9300;width: 70px;height: 14px;margin-left: 85px;margin-top: -55px;z-index:109;}
    .dropdown_language_text_DE {font-family: "brandon bld";font-weight: bold;font-size: 36px;color: #FF9300;width: 70px;height: 14px;margin-left: 80px;margin-top: -55px;z-index:109;}
    .dropdown_language_text_GB {font-family: "brandon bld";font-weight: bold;font-size: 36px;color: #FF9300;width: 70px;height: 14px;margin-left: 80px;margin-top: -55px;z-index:109;}
    /***********************************************************************/

    /* Show the dropdown menu on hover: */
    .dropdown_language:hover .dropdwn_language-content {display: block;}
/************************************************************************
        TOP
/***********************************************************************/
    /* Dropdown Button Position / positie bepaling + verticaal menu */
    .dropdown_top {position: absolute;top:65px;z-index:70;display: inline-block;cursor: pointer;}
    /* Dropdown Button Styling / opmaak button: background + border */
    .dropbutton_top {background-color: #FFC;font-family: "brandon bld";font-weight: bold; font-size: 14px;color: #FF9300;width:67px;height:67px;padding-bottom: 4px;border-radius: 40px 40px 40px 40px;border: 12px solid #FF9300;cursor: pointer;}
    /***********************************************************************/

    div.top_fixed {position: fixed;width: 50%;bottom: 0px;/*border: 3px solid #8AC007;*/}
/************************************************************************
DROPDOWN /*toegevoegd vanuit desktop9_menu_styling.php*/
/***********************************************************************/					  
    /* Van http://www.bobdewebbouwer.com/een-navigatie-menu-maken-met-html-en-css/Ons menu bestaat uit een lijst met menu items. Deze kun je stylen met #nav ul  (voor de lijst) en #nav li (voor de menu items). */
    #nav_menu, 
    #nav_menu li {/*font-family: verdana;*/margin: 0;padding: 5px /*maakt button door GRIJZE rand om menutabs*/; z-index:110;}
    #nav_menu li {
        list-style: none;  					/*was none*/
        /*background: url(images/menu_tabs_home_25.png) no-repeat;*/
        background: #666; 					/*achtergrondkleur menu-button was:#FEB660*/
        border:#FEB660;   					/*kleur rand menu-button was: #666*/
        border-radius: 24px 24px 24px 24px; /*rondt 2 bovenste hoeken af*/
        float: left; 						/*zorgt voor horizontaal menu*/
        margin-right: 150px;
        height: 38px;
        width: 225px;                   	/*nivo 1 (was 125px) */
    }
    /*volledig nieuwe li a BEGIN*//* NIVO 2: */
    #nav_menu li a{
        display: block;
        text-decoration: none;
        text-align:center;
        padding: 2px 5px 2px 5px;
        border-top: 1px solid #FEB660;
        border-right: 1px solid #FEB660;
        border-bottom: 0px solid #FFF;
        border-left: 0px solid #FFF;
        border-radius: 24px 24px 24px 24px  /*rondt de 4 hoeken af*/;
        width: 225px;}						/*nivo 2 FACEBOOK/YOUTUBE (was 165px) */
    /*volledig nieuwe li a visited BEGIN*/
	/*facebook/youtube*/
    #nav_menu li a:link, li a:visited{background: #F2C793;color: #E47C00/*color: #FF9300;*/;font-weight: bold;} 
	/*facebook/youtube_HOVER_HOVER: */
    #nav_menu li a:hover, li a:active{/*background: #E47C00;*/background: #FF9300;color: #FFF;font-weight: bold;alignment-adjust:central;}
    /*volledig nieuwe li a visited EINDE*/
    /*#nav_menu li.selected a*/
    #nav_menu a:active {background-color: #F60;}
    /* nav dropdown menu: */
    #nav_menu ul {
        list-style: none;margin: 0;padding: 0;
        background: #ccc; /*background color submenu nivo 2 + nivo 3*/
        /*p//adding: 2px;*/
        position: absolute;
        border: solid 2px #ccc;				/* zelfde kleur als background */
        display: none; 						/* hide dropdown */
        width: 236px; 						/* 11px groter dan nav li li en li li hover */
    }
    /*shows dropdown NIVO3 on hover:*/
    #nav_menu li:hover > ul {display: block /*shows dropdown NIVO3 on hover*/;z-index:111;} 	
    /***********************************************************************/