/* ======================================== 
   FLAGS
   ======================================== */

img.flag_active
{
  height: 20px;
}

img.flag_inactive
{
  height: 20px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

img.winter_active
{
  height: 24px;
}

img.winter_inactive
{
  height: 24px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); 
}

/* ======================================== 
   Navigation SIDEMENU
   ======================================== */

ul.sidemenu { width: 300px; }
ul.sidemenu li:first-child { border-top: none; }
ul.sidemenu li {border-top: 1px solid #fff; display: block; }
ul.sidemenu li a {
  /* background: #373737; */
  text-decoration: none;
  color:#ddd;
  font-weight: 400;
  font-size:20px;
  background: #307891;
  display: block;
  padding: 10px 14px;
}
ul.sidemenu li a:hover { background: #3c96b5; color:#f0f0f0; }
ul.sidemenu li a.sidemenu_active {
  background: #3c96b5;
  color:#fff;
}


/* ======================================== 
   Navigation MAINMENU
   ======================================== */

/* general background of the menubar  #2ba0db; #126d9b */
nav.mainmenu { background: #3c96b5; }
/* padding to left/right */
.mainmenu_container {
  width: 100%;
  margin: auto;
  text-align: center;
}

/* menu submenu carret */
nav.mainmenu .fa.fa-angle-down { margin-left: 6px; }
/* submenu container - bottom and width */
nav.mainmenu ul li ul { border-bottom: 5px solid #3c96b5; display: none; position: absolute; width: 300px; z-index: 1000;}
/* submenu item containers */
nav.mainmenu ul li ul li:first-child { border-top: none; }
nav.mainmenu ul li ul li {border-top: 0px solid #444; display: block; z-index: 1000; }
/* spacing of the elements */
nav.mainmenu ul { font-size: 0; margin: 0; padding: 0; }
nav.mainmenu ul li { display: inline-block; position: relative;}

/* main menu items */
nav.mainmenu ul li a {
  color: #ddd;
  display: block;
  padding: 10px 10px;
  transition: 0.3s linear;
  text-decoration: none;
  font-size: 20px;
  font-weight: 400;
}

@media only screen and (max-width: 1000px)
{
  nav.mainmenu ul li a {  
    font-size: 17px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top:13px;
    padding-bottom:13px;
  }
}

@media only screen and (max-width: 800px)
{
  nav.mainmenu ul li ul { border-bottom: 0px; display: none; position: absolute; width: 200px; z-index: 1000;}
  nav.mainmenu ul li a {  
    font-size: 14px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top:16px;
    padding-bottom:16px;
  }
}


nav.mainmenu ul li a.submenu_title_active {
  color: #fff;
}

nav.mainmenu ul li.spacer{
  padding-left: 40px;
}

/* main menu items hovered */
nav.mainmenu ul li:hover { 
  background: #307891; 
}

/* sub menu items */
nav.mainmenu ul li ul li a {
  /* background: #373737; */
  color:#ddd;
  font-weight: 400;
  font-size:20px;
  background: #307891;
  display: block;
  padding: 10px 14px;
  z-index: 1000;
}

@media only screen and (max-width: 800px)
{
  nav.mainmenu ul li ul li a {
    font-size:14px;
    text-align:left;
    width:100%;
  }  
}


nav.mainmenu ul li ul li a.submenu_item_active {
  color: #fff;
}

/* sub menu items hovered */
nav.mainmenu ul li ul li a:hover { background: #3c96b5; color:#f0f0f0; }