/*
## menu.css - Contains style for menu
*/

/* common style for <ul> elements */
.nav,
.nav ul {
  list-style-type: none;
  padding: 0;
}

/* Top menu style */

#navDestinations {
  float: right;
}

#navDestinations li {
  float: left;
  display: inline;
  margin-left: 2px;
}

#navDestionations li a {
  display: block;
}

#navMain {
  xwidth: 760px;
  width: 844px; /*720px*/
  float: right;
  xclear: left;
  background: transparent url(../GFX/menu.gif) repeat-x 0 0;
}

#navLanguage {
  float: right;
  xbackground: transparent url(../GFX/menu.gif) repeat-x 0 0;
}

#navLanguage ul {
  float: left;
}

#navLanguage li {
  display: inline;
  float: left;
  width: 29px;
  height: 18px;
  padding: 16px 10px;
}

#navLanguage li a {
  display: block;
  color: #60614E;
  width: 100%;
  height: 100%;
}

#navLanguage li.nor a { background-image: url(../GFX/flag_no.gif) }
#navLanguage li.eng a { background-image: url(../GFX/flag_en.gif) }
#navLanguage li.ger a { background-image: url(../GFX/flag_de.gif) }

#navLanguage li a span {
  display: none;
}

#navLanguage li a:hover {
  color: #60614E;
}

#navMain .left {
  background: transparent url(../GFX/menuLeft.gif) no-repeat 0 0;
}

#navMain .right {
  background: transparent url(../GFX/menuRight.gif) no-repeat 100% 0;
}

#navMain li {
  display: inline;
  float: left;
}

#navMain li a {
  display: block;
  padding: 18px 17px 15px;
  margin-bottom: 2px;
  font-size: 1.08em;
  font-weight: bold;
  color: #60614E;
  border-right: 1px solid #EEEDEA;
}

#navMain li a.last {
  border: none;
}

#navMain li a:hover {
  color: #60614E;
  text-decoration: none;
  background: transparent url(../GFX/menu_active.gif) repeat-x 0 50%;
}

#navHelp {
  float: right;
  text-align: right;
  padding: 10px 0 10px;
  margin-bottom: 33px;
  margin-top: 7px;
  margin-right: 20px;
}

#navHelp li {
  display: inline;
}

#navHelp li a {
  padding: 0 8px;
  color: #60614E;
}

/*TODO: refactor code, get rid of inline-block element */
/*Sub menu style */

#navSub {
  margin-bottom: 11px;
  padding-left: 10px;
  clear: both;
}

#navSub li {

}

#navSub a {
  color: #60614E;
  padding: 5px 0px;
  display: block;
  display: inline-block;
}

#navSub a:hover {
  color: #60614E;
}

#navSub a.current {
  font-weight: bold;
}

#navSub ul {
  padding-left: 10px;
}

#navSub ul a {
  font-weight: normal;
  margin-left: 0;
}

#navSub ul li a {
  padding-left: 10px;
}