/* STYLES FOR MAIN NAVIGATION */

.mainnav,.mainnav  ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
}

/**************************** Primärnavigation ****************************/
.mainnav li {
  float: left;
  position: relative;
  width: 119px;
  text-align: center;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.mainnav li.home a {
  background-image:  url("/img/ecke_li-o2.jpg");
  background-repeat: no-repeat;
}
.mainnav li.home a:hover,
.mainnav li.home div a, .mainnav li.home div a:visited {
  background-image:  url("/img/ecke_li-o.jpg");
  background-repeat: no-repeat;
}
.mainnav li div { background-color: #C2B7A1; }
.mainnav li div a { margin: 0; font-weight: bold; background-color: #C2B7A1; }

/* Links inside the menu */
.mainnav a {
  margin: 0;
  display: block;
  padding: 7px 0 7px 0;
  color: #FFFFFF;
  background-color: #3C3623;
  text-decoration: none;;
  display: block;
  width: 100%;
}

/* hover and highlighted items ('highlighted' are parent items to visible menus) */
.mainnav a:hover, .mainnav a.highlighted, .mainnav a.highlighted:hover { font-weight: bold; background-color: #C2B7A1; }


/************************* Sekundärnavigation *********************/
.mainnav ul {
  display: none;
  position: absolute;
  top: 1.0em;
  margin-top: 17px;
  /* I'm using ems and px to allow people to zoom their font */
  left: -1px;
  width: 550px;
}
.mainnav li li {
  margin: 0;
  margin-bottom: -1px;
  display: block;
  width: 120px;
  border: 0;
}
.mainnav li li.last         { width: 121px; }
.mainnav li.charter li      { width: 96px; }
.mainnav li.charter li.last { width: 97px; }
.mainnav li ul.active       { display: block; }
.mainnav li.kauf ul         { left: -121px; }
.mainnav li.shop ul         { left: -361px; }

.mainnav li.active a { font-weight: bold; }
.mainnav li.active ul a { font-weight: normal; }

/* background images */
.mainnav li li a,
.mainnav li ul.active li a              { background-color: none; background:  url("/img/seknav_back.gif"); }

.mainnav li li a:hover,
.mainnav li ul.active li a:hover,
.mainnav li ul.active li a.active       { background-color: none; background:  url("/img/seknav_back_hover.gif"); font-weight: bold; }

.mainnav li li.first a,
.mainnav li ul.active li.first a        { background-color: none; background:  url("/img/seknav_back_first.gif"); }

.mainnav li li.first a:hover,
.mainnav li ul.active li.first a:hover,
.mainnav li ul.active li.first a.active { background-color: none; background:  url("/img/seknav_back_hover_first.gif"); font-weight: bold; }

.mainnav li li.last a,
.mainnav li ul.active li.last a         { background-color: none; background:  url("/img/seknav_back_last.gif"); }

.mainnav li li.last a:hover,
.mainnav li ul.active li.last a:hover,
.mainnav li ul.active li.last a.active  { background-color: none; background:  url("/img/seknav_back_hover_last.gif"); font-weight: bold; }

.mainnav li.charter li.last a,
.mainnav li.charter ul.active li.last a { background-color: none; background:  url("/img/seknav_back_last_charter.gif"); }

.mainnav li.charter li.last a:hover,
.mainnav li.charter ul.active li.last a:hover,
.mainnav li.charter ul.active li.last a.active { background-color: none; background:  url("/img/seknav_back_hover_last_charter.gif"); font-weight: bold; }

/**************************** Tertiärnavigation *********************/
.mainnav ul ul {
  top: 25px;
  margin-top: 0;
  left: 8px;
  width: 100px;
  font-size: 11px; 
}
.mainnav li ul.active ul { display: none; }
.mainnav li.charter ul ul { left: 5px; width: 84px; }
.mainnav li.shop ul ul { left: 8px; }
.mainnav li.kauf ul ul { left: 8px; }

.mainnav ul ul li {
  float: none;
  display: block;
  margin: 0;
  margin-bottom: -1px;
  // margin-bottom: -5px;
  border: 1px solid #FFFFFF;
  width: 100px;
}
* html .mainnav ul ul li {
  margin-bottom: -1px;
}
.mainnav li.charter ul ul li { width: 84px; }

.mainnav li li li a { padding: 5px 0 5px 0; }

.mainnav li li li a,
.mainnav li ul.active li li a              { background-color: #C2B7A1; background-image: none; }

.mainnav li li li a:hover,
.mainnav li ul.active li li a:hover,
.mainnav li ul.active li li a.active       { background-color: #3C3623; background-image: none; }

.mainnav li li.first li a,
.mainnav li ul.active li.first li a        { background-color: #C2B7A1; background-image: none; }

.mainnav li li.first li a:hover,
.mainnav li ul.active li.first li a:hover,
.mainnav li ul.active li.first li a.active { background-color: #3C3623; background-image: none; }

.mainnav li li li.last a,
.mainnav li ul.active li.last li a         { background-color: #C2B7A1; background-image: none; }

.mainnav li li li.last a:hover,
.mainnav li ul.active li.last li a:hover,
.mainnav li ul.active li.last li a.active  { background-color: #3C3623; background-image: none; }

.mainnav li.charter li.last li a,
.mainnav li.charter ul.active li.last li a { background-color: #C2B7A1; background-image: none; }

.mainnav li.charter li.last li a:hover,
.mainnav li.charter ul.active li.last li a:hover,
.mainnav li.charter ul.active li.last li a.active { background-color: #3C3623; background-image: none; }


/*********************** HACKS ************************************/

.mainnav ul>li:last-child {
  margin-bottom: 1px; /* Mozilla fix */
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.mainnav a {
  float: left;
}

.mainnav ul a {
  float: none;
}

/* \*/
.mainnav a {
  float: none;
}

/* */ /*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
* :first-child+html .mainnav ul li {
  float: left;
}

* html .mainnav ul li {
  float: left;
  height: 1%;
}

* html .mainnav ul a {
  height: 1%;
}
/* End Hacks */