/**
 * @author vonFio.de
 * @copyright Copyright (C) 2012
 */


.----jl_topmenu-------------------------------------------------- {}

#jl_topmenu ul, #jl_footer_right ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  float: right;
}
#jl_topmenu ul ul, #jl_footer_right ul ul {
    display: none;
}
#jl_topmenu li, #jl_footer_right li{
  list-style-type: none;
  display: inline-block;
  border-left: 1px solid #DDD;
  padding: 0 10px;
  margin: 5px 0;
  height: 100%;
  line-height: 100%;
  float: left;
}
#jl_footer_right li{  margin: 0;  }
#jl_topmenu li:first-child, #jl_footer_right li:first-child{ border-left: 0; }
#jl_topmenu ul li a, #jl_topmenu ul li .separator, #jl_footer_right ul li a , #jl_footer_right ul li .separator {
    background: none repeat scroll 0 0 transparent !important;
    color: #999999; 
    font-weight: normal;
  height:100%;
  line-height:100%;
  border: none;
  margin: 0;
  padding: 0;
}
#jl_topmenu ul li a:hover, #jl_topmenu li.current a, #jl_topmenu li.active a,
#jl_footer_right ul li a:hover, #jl_footer_right li.current a, #jl_footer_right li.active a {
    color: #333;
    text-decoration: none;
}

.----Suckerfish-1.Level-------------------------------------------------- {}
 
#jl_mainmenu {  
  padding: 0.4em 0.8em 0 0.8em;
  border: none;
  margin: 0;
  background-repeat: repeat-x; 
  background-position: top;
  border-radius: 5px 5px 0 0;  
}
.jl_menu ul.mainmenu { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
}

.jl_menu ul.mainmenu li { 
  list-style: none;
  padding: 0 2px 0 0;
  margin: 0 0 3px 0;
  float: left;
  width: auto; 
}
.jl_menu ul.mainmenu li.active a, .jl_menu ul.mainmenu li#current a, .jl_menu ul.mainmenu li.active:hover ul, .jl_menu ul.mainmenu li#current:hover ul   {

}
.jl_menu ul.mainmenu a, .jl_menu ul.mainmenu .separator {
  color: #FFFFFF;
  text-align: center;
  display: block;
  width: auto;
  margin: 0;
  text-indent: 0;
  padding: 0 13px 0 10px;
  height: 34px;
  line-height: 33px;
  text-decoration: none;
  border: 0 none;
  font-family: 'Carrois Gothic', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}
.jl_menu ul.mainmenu li:last-child a, 
.jl_menu ul.mainmenu li:last-child .separator {
  background: url(none); 
} 
.jl_menu ul.mainmenu li li a, .jl_menu ul.mainmenu li li .separator {
  font-family: Tohoma, Helvetica, Arial, sans-serif;
  text-transform: none;
}

.jl_menu ul.mainmenu a:hover {
  text-decoration: none;
}
.jl_menu ul.mainmenu li.current, .jl_menu ul.mainmenu li.active  {
  position: relative;
  margin: -12px 0 0 -7px;
  height: 49px;  
  padding: 0 8px 0 0;
  background: url(../images/navover_right.png) top right no-repeat; 
}
.jl_menu ul.mainmenu li.current a, .jl_menu ul.mainmenu li.current .separator, .jl_menu ul.mainmenu li.active a, .jl_menu ul.mainmenu li.active .separator {
  color: #999; 
  height: 49px;
  line-height: 49px;
  background: url(../images/navover_left.png) top left no-repeat;
  padding: 0 10px 0 18px; 
}
.jl_menu ul.mainmenu li.current a:hover,
.jl_menu ul.mainmenu li.current:hover,
.jl_menu ul.mainmenu li.active:hover,
.jl_menu ul.mainmenu li.active a:hover,
.jl_menu ul.mainmenu li.active a:hover, .jl_menu ul.mainmenu li.active ul  {
  // background-color: transparent !important;
} 
/*.jl_menu li:hover li a:hover,
.jl_menu li:hover li:hover a,
.jl_menu li.iehover li a:hover,
.jl_menu li.iehover li.iehover a {
  background: #98BFDC url(images/arrowimg.png) left center no-repeat;
}
*/
/* second-level lists */
.----Suckerfish-2.Level-------------------------------------------------- {}


 
.jl_menu ul.mainmenu li ul { 
  position: absolute; 
  width: 15em;
  left: -999em; 
  padding: 0.2em 0em 0em 0.1em;
  z-index: 999; 
  border-top: none !important;
  margin-left: -2px;
} 

.jl_menu ul.mainmenu li.active ul {  background-color: #FFF !important; border: 1px solid #EEE; border-top: none;border-radius: 0 0 5px 5px; margin-left: 3px;background-color: #98BFDC;  
  color:#ffffff ;}
.jl_menu ul.mainmenu li.active li {  background: #FFF url(none); padding: 1px 0; margin: 0; height: 120%;}
.jl_menu ul.mainmenu li.active li a, .jl_menu ul.mainmenu li li.active a, .jl_menu ul.mainmenu li.active li .separator, .jl_menu ul.mainmenu li li.active .separator {  background: #FFF url(none); height: 120%; line-height: 120%; padding: 4px 5px 5px 5px;}
 .jl_menu ul.mainmenu li.active li a:hover {
  text-decoration: none;
  background-color: #98BFDC;  
  color:#ffffff ; 
 }
.jl_menu ul.mainmenu li li.current a, .jl_menu ul.mainmenu li li.current .separator, .jl_menu ul.mainmenu li li.active a, .jl_menu ul.mainmenu li li.active .separator { 
  height: 120%; line-height: 120%
}

.jl_menu ul.mainmenu li li, .jl_menu ul.mainmenu li li a { 
  float: none; 
  background: url(none); 
}
.jl_menu ul.mainmenu li ul a, .jl_menu ul.mainmenu li ul .separator {
  text-align: left;
  display: block;
  width: auto;
  padding: 5px 15px;
  height: 120%; line-height: 120%;
  text-decoration: none;
  border: solid 1px #bbb; 
}
.jl_menu ul.mainmenu li ul a:hover {
  text-decoration: none;
  background-color: #3988B2;
  
}

/* third-and-above-level lists */
.----Suckerfish-3.Level-------------------------------------------------- {}
.jl_menu ul.mainmenu li ul ul, .jl_menu ul.mainmenu li.active ul ul { 
  margin: -2.5em 0 0 15em
}

.jl_menu ul.mainmenu li:hover ul ul, .jl_menu ul.mainmenu li:hover ul ul ul {
  left: -999em
}

.jl_menu ul.mainmenu li:hover ul, .jl_menu ul.mainmenu li li:hover ul, .jl_menu ul.mainmenu li li li:hover ul { 
  left: auto
}
 

/* submenu lists */
.----Submenu-------------------------------------------------- {}


#jl_submenu {
  background-image: url(../images/submenu.png);
  background-position: bottom;
  background-repeat: repeat-x; 
  border-radius: 0 0 3px 3px;
  margin: -1px 0;
  padding: 0.7em 0.8em ; 
}
#jl_submenu.responsive_menu {
  padding: 0.5em 0.8em 0 0.8em; 
}
.jl_menu ul.submenu,  #jl_toolbar ul.menu { 
  list-style: none;
  padding: 0; margin: 0;
}
.jl_menu ul.submenu li  , #jl_toolbar ul.menu li{ 
  float: left;
  padding: 0 15px; margin: 0; 
  border-right: 1px solid #EEE;
}
.jl_menu ul.submenu li:last-child , #jl_toolbar ul.menu li:last-child{ 
  border-right: 0 none;
}
.jl_menu ul.submenu li a, .jl_menu ul.submenu li.active li a,
#jl_toolbar ul.menu li a, #jl_toolbar ul.menu li.active li a{  
  color: #999; 
  font-family: Arial, Helvetica, sans-serif;
}
.jl_menu ul.submenu a:hover, .jl_menu ul.submenu li.current a,  #jl_toolbar ul.menu li a:hover,  #jl_toolbar ul.menu li.current a {  color: #666; text-decoration: none; background: none; }



/* Sidebar Menu */
.----Sidebar Menu-------------------------------------------------- {}

.jl_sidebar ul.menu, 
.jl_sidebar ul.menu li {
  list-style-type: none !important;
  padding: 0;
  margin: 0 !important;
}
.jl_sidebar ul.menu ul {
  padding: 0 0 5px 0;
} 
.jl_sidebar ul.menu li a, .jl_sidebar ul.menu li .separator, 
.jl_sidebar ul.menu li.current a, .jl_sidebar ul.menu li.current .separator {
  background: url(../images/indent1.png) no-repeat left;
  display: block;
  color: #333;
  text-decoration: none;
  margin: 2px 0px;
  padding: 5px 0 5px 17px;
}
.jl_sidebar ul.menu a:hover, 
.jl_sidebar ul.menu li.current a {
  color: #999; 
}
 
.jl_sidebar ul.menu li.current li a, .jl_sidebar ul.menu li.current li .separator ,
.jl_sidebar ul.menu li li a, .jl_sidebar ul.menu li li .separator ,
.jl_sidebar ul.menu li li.current a, .jl_sidebar ul.menu li li.current .separator ,
.jl_sidebar ul.menu li li.current li a, .jl_sidebar ul.menu li li.current li .separator ,
.jl_sidebar ul.menu li li li a, .jl_sidebar ul.menu li li li .separator  {
  background: url(../images/indent4.png) no-repeat 0px 10px  ;
  padding: 3px 0 3px 3px;
  margin: 2px 0 2px 13px;
  display: block;
  color: #333;
  text-decoration: none;
  text-indent: 13px;
}

.jl_sidebar ul.menu li.current li a,
.jl_sidebar ul.menu li li.current a,
.jl_sidebar ul.menu li li.current li a,
.jl_sidebar ul.menu li li a:hover,
.jl_sidebar ul.menu li.parent.current li a:hover,
.jl_sidebar ul.menu li li.parent.current li a:hover {
  color: #999; 
}
.jl_sidebar ul.menu li.parent.current li a,
.jl_sidebar ul.menu li li.parent.current li a {
  background-color: transparent;
  color: #333;
}



/* Toggle Menu */
.----Toggle Menu-------------------------------------------------- {}


.toggleMainmenu, .toggleSubmenu { display:  none; width: 90%;  } 

#jl_navigation a.toggleMainmenu , #jl_navigation a.toggleSubmenu  { display:  none;  height: 34px; line-height: 30px; margin: 0 0 0.3em 0; padding:0 1em 0 3.3em;  color: #FFF; }
.jl_style_light #jl_mainmenu a.toggleMainmenu {color: #999; }

#jl_navigation a.toggleSubmenu {
  background: url(../images/light/responsive_menu_button.png) left top no-repeat; color: #999;
} 
@media screen and (max-width: 768px) {

.active { }
.responsive_menu li a  { font-size: 110%; }
 
.responsive_menu ul { list-style: none; *zoom: 1; padding: 1em 0; margin: 0; } 
.responsive_menu ul ul {   padding: 1em 0 0 0;} 

.responsive_menu ul li  { display:block; padding: 0.4em 1.2em;  }
.responsive_menu ul ul li.parent, .responsive_menu ul li.parent.liopen  { padding-bottom: 0;  }
.responsive_menu ul li li,
.responsive_menu ul li li:hover { padding-right: 0;  } 

.responsive_menu ul li a , .responsive_menu ul li .separator { display: block; color: #FFF; } 
 
 
.responsive_menu ul .liopen ul,
.responsive_menu ul .liopen:hover ul,
.responsive_menu ul .active ul,
.responsive_menu ul .active:hover ul  { left: auto;  position: relative;}

 
#jl_submenu .responsive_menu ul li a , #jl_submenu .responsive_menu ul li .separator { display: block; color: #999; }
#jl_submenu .responsive_menu ul li.current, #jl_submenu .responsive_menu ul li.current a { background: #999; color: #FFF; }
}