/* -----------------------------------------------------------------------------
This website is powered by indual
Copyright (c) 2009 indual GmbH (www.indual.ch)                        
-------------------------------------------------------------------------------- */

/* Main-Navigation ------------------------------------------------------------- */
#main-navi-div {
  float:left;
  display:inline;
  width:177px;
}
ul#mainmenu {
  list-style:none;
  margin:0;
  padding:0;
  color:#fff;
  background:#457ebc none;
}
ul#mainmenu li {
  border-bottom:1px solid #fff;
  position:relative;
  width:177px;
  float:left;
  display:block;
  background:#457ebc none;
}
ul#mainmenu a {
  color:#fff;
  display:block;
  padding: 5px 10px 5px;
  text-decoration:none;
  text-transform: none;
}
ul#mainmenu li:hover,
ul#mainmenu li a:hover { 
  background-color:#005ea8;
  color:#fff;
}
ul#mainmenu li.active a,
ul#mainmenu li.active a:hover {
  background:#fdce02 none;
  color:#111;
  font-weight:bold;
}

/* Active submenu -------------------------------------------------------------- */
ul#mainmenu li ul.active,
ul#mainmenu li ul {
  display:block;
  list-style-type:none; 
  margin:0;
  width:177px;
  padding-left:0;     
  position:absolute;    
  background: #e3ebf6;
  top:0;  
  left:177px;       
  overflow:hidden;
  z-index: 80;           
}
ul#mainmenu li ul li {
  border:none;
  background:transparent none;
}
ul.active {
  left:0 !important;
  position:relative !important;
  display:block !important;
  padding: 3px 0 5px;
}
ul#mainmenu li ul.active li a {
  font-weight:normal;
  padding: 0 0 0 10px;
  line-height: 18px;
  background-color: transparent;
  color:#005ea8;
  color: #000 !important;
  text-decoration:none;
}
ul#mainmenu li ul.active li a:hover {
  color: #000 !important;
  background: #e3ebf6;
  text-decoration: underline !important;
  font-weight: normal;
}
ul#mainmenu li ul.active li.active a,
ul#mainmenu li ul.active li.active a:hover { 
  color: #000 !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

/* Pop-out Navigation ---------------------------------------------------------- */
ul#mainmenu li ul {          
  width:187px;
  display:none;
  background:#005ea8 none;
}
ul#mainmenu li ul li {
  width:187px;
  border: 0;
}
ul#mainmenu li ul li a {
  border:none;
  padding:1px 0 1px 5px;
  padding: 1px 5px;
  text-transform:none;
}
ul#mainmenu li ul li:hover,
ul#mainmenu li ul li a:hover { 
  border: 0 !important;
  text-decoration: none !important;
  color: #fdce02;
}
ul#mainmenu li:hover ul,
ul#mainmenu li.over ul {
  display:block;
}

/* Meta-Navigation ------------------------------------------------------------- */
div#metanav {
  background:#005ea8 none;
  border:solid #fff;
  border-width:1px 0;
  margin:0;
  padding:0;
  text-align:right;
  font-size:11px;
  text-transform:uppercase;
}
ul#metamenu {
  float:right;
  list-style-type:none;
  margin:0;
  padding:0;
  color:#ffffff;
}
ul#metamenu li {
  display:inline;
  float:left;
  padding:5px 10px 5px 5px;
}
ul#metamenu li a {
  color:#fff;
  text-decoration:none;
}
div#metanav ul#metamenu li.active a,
ul#metamenu li a:hover {
  color:#fdce02;
}