/* ****************************************************************************
* MENU DEFINITION
**************************************************************************** */

/**********************************************/
/* Color definitions
  Blue 1: rgb(22,65,148) #0E4194
  Blue 2: rgb(30,104,129) 
  Turquoise: rgb(56,181,176) #38B5B1
  Orange: rgb(245,164,0) #F69D25
  Brown: rgb(211,172,43) #D3AC2B
  Grey: rgb(90,90,90) #5A5A5A

  Green(2016): rgb(141,201,114) #8DC972

  Pink(2017): rgb(245,179,195), #F5B3C3;
  Blue(2017): rgb(77,160,216), #4DA0D8;
  Orange(2017): rgb(245,164,0), #F5A400;


  Blue (2018): rgb(22,65,148), #164194
  Orange (2018): rgb(245,164,0), #F5A400;
  Light Blue (2018): rgb(78,160,212) #4EA0D4
  Yellow (2018): rgb(235,188,0), #EBBC00
  Pink (2018): rgb(245,179,195), #F5B3C3;
  Turquoise: rgb(56,181,176) #38B5B1

  Light Brown (2019): rgb(235,233,221), #EBE9DD
  
  Green (2020): rgb(145,200,81), #91c851

*/

/* ****************************************************************************
* Main navigation
**************************************************************************** */

/* GENERAL / ALL LEVELS */
#main_navigation ul {padding:0; margin: 0px; list-style: none; }
#main_navigation ul li {padding:0; margin: 0px; text-align:left;}
#main_navigation ul li a{padding:0; margin: 0px;}


/* LEVEL 1 */
#main_navigation > ul {}
#main_navigation > ul > .lvl_1 {float:left; display:block;}
#main_navigation > ul > .lvl_1:first-child {}
#main_navigation > ul > .lvl_1 > span{position:relative; z-index:900; display:block; color:rgb(160,160,160); color:rgb(80,80,80); text-decoration:none; margin:0; padding:15px 30px 15px 30px; font-size: 1.2em; }
#main_navigation > ul > .lvl_1 > span:hover{ color:rgb(22,65,148); cursor:default; }
#main_navigation > ul > .lvl_1.has_submenu > a:hover{ }


/* LEVEL 2 */
#main_navigation > ul > li > ul.sub-menu {display:none; z-index:1000; position:absolute; top:100%; margin-top:-8px; margin-left:30px; border:2px solid rgb(22,65,148); border-width:2px 0 2px 0; -webkit-box-shadow: 0 3px 5px 0px rgba(100,100,100,0.6); -moz-box-shadow: 0 3px 5px 0px rgba(100,100,100,0.6); box-shadow: 0 3px 5px 0px rgba(100,100,100,0.6); }
#main_navigation > ul > .lvl_1:hover > ul {display: block; }

#main_navigation > ul > li > ul .lvl_2 {position: relative; border-bottom:1px solid rgb(245,245,245);}
#main_navigation > ul > li > ul .lvl_2 a{display:block; padding:5px 12px; color:rgb(150,150,150); text-decoration:none; background-color:white; font-weight: normal;}
#main_navigation > ul > li > ul .lvl_2 a:hover{color:white; background-color:rgb(22,65,148);}

/* LEVEL 3 */
#main_navigation > ul > li > ul .lvl_3 {position: relative; border-bottom:1px solid rgb(245,245,245);}
#main_navigation > ul > li > ul .lvl_3 a{display:block; padding:2px 0 2px 24px; color:rgb(150,150,150); font-size: 0.85em; text-decoration:none; background-color:white; font-weight: normal;}
#main_navigation > ul > li > ul .lvl_3 a:hover{}


/* LEVEL 3 */
/*#main_navigation > ul > li > ul > .lvl_2 > ul.sub-menu {  min-width:10em; width:100%; border-top:2px solid rgb(248,179,52); border-bottom:2px solid rgb(248,179,52); background-color:white;}
#main_navigation > ul > li > ul > .lvl_2:hover ul{te; display:block;}
#main_navigation > ul > li > ul > .lvl_2 > ul .lvl_3 { min-width: 10em; color:rgb(150,150,150);}
#main_navigation > ul > li > ul > .lvl_2 > ul .lvl_3:first-child {}
#main_navigation > ul > li > ul > .lvl_2 > ul .lvl_3 a{}
*/


/**********************************************/
/* Sticky / Affix
/* change padding to fit besides appearing logo
/**********************************************/
#navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation ul .lvl_1 span{padding-left:10px; padding-right:10px;}
#navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation > ul > li > ul.sub-menu {margin-left:10px; }


/* ****************************************************************************
* HOMEPAGE LINK 
**************************************************************************** */
#main_navigation > ul > #id_7 {display:none;}
#main_navigation > ul > #id_7 a{}


/* ****************************************************************************
* Indiv. Level 1 menu colors 
**************************************************************************** */

/* MOBILITY WEEK */
#main_navigation > ul > #id_9 > span:hover{ color:rgb(78,160,212); }
#main_navigation > ul > #id_9 > ul .lvl_2 a:hover{background-color:rgb(78,160,212);}
#main_navigation > ul > #id_9 > ul.sub-menu {border-color:rgb(78,160,212);}

/*
* Useful resources (deleted) *
#main_navigation > ul > #id_57 > span:hover{ color:rgb(56,181,176); }
#main_navigation > ul > #id_57 > ul .lvl_2 a:hover{background-color:rgb(56,181,176);}
#main_navigation > ul > #id_57 > ul.sub-menu {border-color:rgb(56,181,176);}
*/

/* MOBILITY AWARDS */
#main_navigation > ul > #id_65 > span:hover{ color:rgb(235,188,0); }
#main_navigation > ul > #id_65 > ul .lvl_2 a:hover{background-color:rgb(235,188,0);}
#main_navigation > ul > #id_65 > ul.sub-menu {border-color:rgb(235,188,0);}

/* MOBILITY ACTIONS */
#main_navigation > ul > #id_26 > span:hover{ color:rgb(22,65,148); }
#main_navigation > ul > #id_26 > ul .lvl_2 a:hover{background-color:rgb(22,65,148);}
#main_navigation > ul > #id_26 > ul.sub-menu {border-color:rgb(22,65,148);}

/* ABOUT */
#main_navigation > ul > #id_8 > span:hover{ color:rgb(245,179,195); }
#main_navigation > ul > #id_8 > ul .lvl_2 a:hover{background-color:rgb(245,179,195);}
#main_navigation > ul > #id_8 > ul.sub-menu {border-color:rgb(245,179,195);}

/* NEWS AND MEDIA */
#main_navigation > ul > #id_72 > span:hover{ color:rgb(56,181,176); }
#main_navigation > ul > #id_72 > ul .lvl_2 a:hover{background-color:rgb(56,181,176);}
#main_navigation > ul > #id_72 > ul.sub-menu {border-color:rgb(56,181,176);}





/**********************************************/
/* Media Queries 
/**********************************************/

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {          


  /**********************************************/
  /* Adapt padding between menu points to fit screen width
  /* change padding to fit besides appearing logo
  /**********************************************/
  #main_navigation > ul > .lvl_1 > span{padding-left:15px; padding-right:15px;}
  #main_navigation > ul > li > ul.sub-menu { margin-left:15px;}

  /**********************************************/
  /* Sticky / Affix
  /**********************************************/
  #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation ul .lvl_1 span{padding-left:15px; padding-right:15px;}
  #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation > ul > li > ul.sub-menu {margin-left:15px; }


}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {          

  
  /**********************************************/
  /* Adapt padding between menu points to fit screen width
  /* change padding to fit besides appearing logo
  /**********************************************/
  #main_navigation > ul > .lvl_1 > span{padding-left:9px; padding-right:10px; font-size:1em;}
  #main_navigation > ul > li > ul.sub-menu { margin-left:9px;}

  /**********************************************/
  /* Sticky / Affix
  /**********************************************/
  #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation ul .lvl_1 span{padding-left:9px; padding-right:10px;}
  #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation > ul > li > ul.sub-menu {margin-left:9px; }


}
 




/* < 768  */
@media only screen and (max-width: 767px){

    /* ****************************************************************************
    /* Homepage sub-menu - show !
    **************************************************************************** */
    #main_navigation > ul > #id_7 {display:block;}
    #main_navigation > ul > #id_44 {display:block;}


    /* ****************************************************************************
    * Main navigation
    **************************************************************************** */
    /* GENERAL / ALL LEVELS */
    #main_navigation ul { list-style: none; padding:0; margin:0;}
    #main_navigation ul li {display:block; padding:0; margin: 0;}
    #main_navigation ul li a{display:block; padding:0; margin: 0;}

    /* LEVEL 1 */
    #main_navigation > ul {}
    #main_navigation > ul > .lvl_1 {float:none; display:block; border-top:1px solid white;}
    #main_navigation > ul > .lvl_1:first-child { border-top:none;}
    #main_navigation > ul > .lvl_1 > span{display:block; padding:15px 0; text-align:center; color:white;}
    #main_navigation > ul > .lvl_1 > span:hover{cursor:pointer;}
    #main_navigation > ul > .lvl_1.has_submenu > span:hover{background-image:none;}

    /* affix/sticky */
    #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation ul .lvl_1 span{padding:15px 0;}
    #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation > ul > li > ul.sub-menu {margin: 0;}


    /* LEVEL 2 */
    #main_navigation > ul > li > ul.sub-menu {position:relative; top:0; display:none; width:100%;}
    #main_navigation > ul > li:hover > ul.sub-menu {display:none; }
    #main_navigation > ul > li > ul .lvl_2 {display:block; text-align:center;}
    #main_navigation > ul > li > ul .lvl_2 a{display:block; text-decoration:none; padding:10px 0;}
    #main_navigation > ul > li > ul .lvl_2 a:hover{text-decoration:none;}


    /* LEVEL 3 */
    #main_navigation > ul > li > ul > li > ul .lvl_3 {display:block; text-align:center;}
    #main_navigation > ul > li > ul > li > ul .lvl_3 a{display:block; text-decoration:none; padding:0;}


    /* ****************************************************************************
    * Indiv. Level 1 menu colors 
    **************************************************************************** */
    #main_navigation > ul > #id_7 > span:hover{ color:rgb(11,78,162); }
    #main_navigation > ul > #id_7 > ul .lvl_2 a:hover{background-color:rgb(11,78,162);}
    #main_navigation > ul > #id_7 > ul.sub-menu {border-color:rgb(11,78,162);}
    #main_navigation > ul > #id_7 > ul.sub-menu li a {color:rgb(11,78,162);}
    #main_navigation > ul > #id_7 > ul.sub-menu li a:hover {color:white;}

    #main_navigation > ul > #id_9 > span:hover{ color:rgb(22,65,148); }
    #main_navigation > ul > #id_9 > ul .lvl_2 a:hover{background-color:rgb(22,65,148);}
    #main_navigation > ul > #id_9 > ul.sub-menu {border-color:rgb(22,65,148);}
    #main_navigation > ul > #id_9 > ul.sub-menu li a {color:rgb(22,65,148);}
    #main_navigation > ul > #id_9 > ul.sub-menu li a:hover {color:white;}

    #main_navigation > ul > #id_57 > span:hover{ color:rgb(56,181,176); }
    #main_navigation > ul > #id_57 > ul .lvl_2 a:hover{background-color:rgb(56,181,176);}
    #main_navigation > ul > #id_57 > ul.sub-menu {border-color:rgb(56,181,176);}
    #main_navigation > ul > #id_57 > ul.sub-menu li a{color:rgb(56,181,176);}
    #main_navigation > ul > #id_57 > ul.sub-menu li a:hover {color:white;}

    #main_navigation > ul > #id_65 > span:hover{ color:rgb(246,157,37); }
    #main_navigation > ul > #id_65 > ul .lvl_2 a:hover{background-color:rgb(246,157,37);}
    #main_navigation > ul > #id_65 > ul.sub-menu {border-color:rgb(246,157,37);}
    #main_navigation > ul > #id_65 > ul.sub-menu li a{color:rgb(246,157,37);}
    #main_navigation > ul > #id_65 > ul.sub-menu li a:hover {color:white;}

    #main_navigation > ul > #id_26 > span:hover{ color:rgb(235,188,0); }
    #main_navigation > ul > #id_26 > ul .lvl_2 a:hover{background-color:rgb(235,188,0);}
    #main_navigation > ul > #id_26 > ul.sub-menu {border-color:rgb(235,188,0);}
    #main_navigation > ul > #id_26 > ul.sub-menu li a{color:rgb(235,188,0);}
    #main_navigation > ul > #id_26 > ul.sub-menu li a:hover {color:white;}

    #main_navigation > ul > #id_8 > span:hover{ color:rgb(245,179,195); }
    #main_navigation > ul > #id_8 > ul .lvl_2 a:hover{background-color:rgb(245,179,195);}
    #main_navigation > ul > #id_8 > ul.sub-menu {border-color:rgb(245,179,195);}
    #main_navigation > ul > #id_8 > ul.sub-menu li a{color:rgb(245,179,195);}
    #main_navigation > ul > #id_8 > ul.sub-menu li a:hover {color:white;}

    #main_navigation > ul > #id_72 > span:hover{ color:rgb(78,160,212); }
    #main_navigation > ul > #id_72 > ul .lvl_2 a:hover{background-color:rgb(78,160,212);}
    #main_navigation > ul > #id_72 > ul.sub-menu {border-color:rgb(78,160,212);}
    #main_navigation > ul > #id_72 > ul.sub-menu li a{color:rgb(78,160,212);}
    #main_navigation > ul > #id_72 > ul.sub-menu li a:hover {color:white;}


} /* end of < 768  */