/**
 * NAVIGATION
 */

#nav ul li ul li {
  position: relative;
}

#nav ul li a {
  margin: 0px;
  padding: 0px;
  border: none;
  display: block;
  /* padding: 2px; */
}

/* BASIC */

#nav {
  overflow: hidden;
}

#nav img {
  border: none;
}

#nav ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
}

#nav ul.sub0 {
  margin-left: 5px;
}

#nav ul li {
  float: left;
}

/* SUB0 */

#nav ul ul {
  position: absolute;
  /*width: 120px;*/
  width: 152px;
}

#nav ul ul li {
  padding: 4px;
  border-bottom: 1px dotted #CCCCCC;
  font-size: 12px;
}

#nav ul ul li a {
  color: #666666;
}

#nav ul ul li:hover a {
  color: #000000;
}

/* SUB1 */

#nav ul.sub0 li ul {
  top: 0px;
  position: absolute;
  left: 160px;
  /*140px*/
  /* 117px */
}

#nav ul.sub0 li, ul.sub1 li, ul.sub2 li {
  background-color: #FFFFFF; 
}

#nav li.sub0, #nav li.sub1, #nav li.sub2 {
  float: none;
}

/* HIDE ALL */

#nav ul ul {
  visibility: hidden;
  margin-top: -3px; 
}

#nav ul ul ul {
  margin-top: 0px; 
}

#nav li.main:hover ul.sub0 li.sub0:hover {
  /*font-weight: bold;
  background-color: #F0F0F0;*/
  color: #333333;
}

#nav li.main:hover ul.sub0 li.sub0:hover ul.sub1 {
  font-weight: normal;
}

#nav li.main:hover ul.sub0 {
  visibility: visible;
  /* font-weight: bold; */
}

#nav li.sub0:hover ul.sub1 {
  visibility: visible;
}

#nav li.sub1:hover ul.sub2 {
  visibility: visible;
}

/*
#nav li {
  z-index: 9;
}
*/

/* NEW HOVER */

#nav li.main a.nav_news, #nav li.main a.nav_news_active {
  display: block;
  background-image: url('../../img/design/nav/news.jpg');
  height: 43px;
  width: 58px;
}

#nav li.main:hover a.nav_news, #nav li.main a.nav_news_active {
  background-image: url('../../img/design/nav/news_on.jpg');
}

#nav li.main a.nav_mtw, #nav li.main a.nav_mtw_active  {
  display: block;
  background-image: url('../../img/design/nav/mtw.jpg');
  height: 43px;
  width: 55px;
}

#nav li.main:hover a.nav_mtw, #nav li.main a.nav_mtw_active {
  background-image: url('../../img/design/nav/mtw_on.jpg');
}

#nav li.main a.nav_coverage, #nav li.main a.nav_coverage_active {
  display: block;
  background-image: url('../../img/design/nav/coverage.jpg');
  height: 43px;
  width: 96px;
}

#nav li.main:hover a.nav_coverage, #nav li.main a.nav_coverage_active {
  background-image: url('../../img/design/nav/coverage_on.jpg');
}

#nav li.main a.nav_media, #nav li.main a.nav_media_active {
  display: block;
  background-image: url('../../img/design/nav/medien.jpg');
  height: 43px;
  width: 76px;
}

#nav li.main:hover a.nav_media, #nav li.main a.nav_media_active {
  background-image: url('../../img/design/nav/medien_on.jpg');
}

#nav li.main a.nav_media_en, #nav li.main a.nav_media_en_active {
  display: block;
  background-image: url('../../img/design/nav/media.jpg');
  height: 43px;
  width: 67px;
}

#nav li.main:hover a.nav_media_en, #nav li.main a.nav_media_en_active {
  background-image: url('../../img/design/nav/media_on.jpg');
}

#nav li.main a.nav_community, #nav li.main a.nav_community_active {
  display: block;
  background-image: url('../../img/design/nav/community.jpg');
  height: 43px;
  width: 108px;
}

#nav li.main:hover a.nav_community, #nav li.main a.nav_community_active {
  background-image: url('../../img/design/nav/community_on.jpg');
}

#nav li.main a.nav_imprint, #nav li.main a.nav_imprint_active {
  display: block;
  background-image: url('../../img/design/nav/impressum.jpg');
  height: 43px;
  width: 109px;
}

#nav li.main:hover a.nav_imprint, #nav li.main a.nav_imprint_active {
  background-image: url('../../img/design/nav/impressum_on.jpg');
}

#nav li.main a.nav_imprint_en, #nav li.main a.nav_imprint_en_active {
  display: block;
  background-image: url('../../img/design/nav/imprint.jpg');
  height: 43px;
  width: 84px;
}

#nav li.main:hover a.nav_imprint_en, #nav li.main a.nav_imprint_en_active {
  background-image: url('../../img/design/nav/imprint_on.jpg');
}

#nav li.main a.nav_mw2, #nav li.main a.nav_nav_mw2_active {
  display: block;
  background-image: url('../../img/design/nav/mw2.jpg');
  height: 43px;
  width: 165px;
}

#nav li.main:hover a.nav_mw2, #nav li.main a.nav_nav_mw2_active {
  background-image: url('../../img/design/nav/mw2_on.jpg');
}

#nav li.sub0 {
  /* height: 15px; */
}

#nav li div.sub {
  background-image: url('../../img/design/nav/arrow.jpg');
  background-position: center right;
  background-repeat: no-repeat;
}

#nav a:hover {
  text-decoration: none;
  font-weight: bold;
}