/* ****************************************************************************
* MENU DEFINITION
**************************************************************************** */
/**********************************************/
/* Color definitions in page_layout.css*/


/* ****************************************************************************
* 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 > a{display:block; color:#4f5156; text-decoration:none; margin:0; padding:15px 30px 15px 30px; font-size: 15px;}
#main_navigation > ul > .lvl_1 > a:hover{color:#A0C63C;}
#main_navigation > ul > .lvl_1.has_submenu > a:hover{}

/* LEVEL 1 with SPAN*/
#main_navigation > ul > .lvl_1 > span{display: block; color: #4f5156; text-decoration: none; margin: 0; padding: 20px 15px 15px 15px; font-size: 1em; font-weight: bold;}
#main_navigation > ul > .lvl_1:first-child > span{padding-left: 0;}
#main_navigation > ul > .lvl_1:last-child > span{padding-right: 0;}
#main_navigation > ul > .lvl_1 > span:hover{ color:#A0C63C;cursor:context-menu;}


/* LEVEL 2 */
#main_navigation > ul > li > ul.sub-menu {display:none; z-index:1000; position:absolute; /*top:100%;*/ margin-top:-8px; margin-left:15px; border:2px solid #A0C63C; 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:#4f5156; text-decoration:none; background-color:white; font-weight: normal;  font-size: 14px;}
#main_navigation > ul > li > ul .lvl_2 a:hover{color:white; background-color:#A0C63C;}
#main_navigation > ul > li > ul.sub-menu .right_arrows {    float: right; margin-right: 10px; margin-top: 3px;}

/* LEVEL 3 */
#main_navigation > ul > li > ul > .lvl_2 > ul.sub-menu {display:none; z-index:1000; position: absolute; left:100%; top:-2px; min-width:10em; width:100%; border-top:2px solid #A0C63C; border-bottom:2px solid #A0C63C; background-color:white;}
#main_navigation > ul > li > ul > .lvl_2:hover ul{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 a{/*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; */}


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


/**********************************************/
/* 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 > a{padding-left:20px; padding-right:20px;}
  #main_navigation > ul > li > ul.sub-menu { margin-left:20px;}
  #main_navigation > ul > .lvl_1 > span{ padding: 19px 15px 15px 25px;}

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



/* 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 > a{padding-left:9px; padding-right:10px; font-size:13px;}
  #main_navigation > ul > li > ul.sub-menu { margin-left:9px;}
  #main_navigation > ul > .lvl_1 > span{ padding: 19px 15px 15px 15px;     font-size: 0.8em;}
  /**********************************************/
  /* Sticky / Affix
  /**********************************************/
  #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation ul .lvl_1 a{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; }
  #navigation_box_frame #logo_navigation_box #main_navigation_box { /*text-align: right;*/}

}



/* < 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 > a{display:block; padding:15px 0; text-align:center; color:white;}
    #main_navigation > ul > .lvl_1 > a:hover{}
    #main_navigation > ul > .lvl_1.has_submenu > a:hover{background-image:none;}
    
    /* LEVEL 1 with SPAN*/

    #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;}
    
    #main_navigation > ul > li > ul.sub-menu .right_arrows {    display:none;}

    /* affix/sticky */
    #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation ul .lvl_1 a{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:0;}
    #main_navigation > ul > li > ul .lvl_2 a:hover{text-decoration:none;}

} /* end of < 768  */