#navi {
border-left: 1px solid #343434;
border-top: 1px solid #343434;
display: inline;
float: right;
margin: -34px 20px 0 0;
text-transform: uppercase;
/* width: 587px; */
width: 460px;
}

#navi ul {
float: left;
font-size: 13px;
margin: 0;
padding: 0;
position: relative;
}

#navi ul li {
float: left;
display: inline;
font-weight: bold;
height: 1%;
margin: 0;
padding: 0;
}

#navi ul li a {
background: top left no-repeat;
display: block;
height: 34px;
}

#navi ul li a span { /* Image-Replacement */
display: none;
}

#navi ul li div {
background: #fff;
color: #000;
display: none;
height: 190px;
left: -68px;
/* left: 0; */
overflow: hidden;
padding: 15px 10px 13px 10px;
position: absolute;
top: 33px;
width: 508px;
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}

#navi ul li:hover div,
#navi ul li.sfhover div { 
display: block;
}

#navi ul ul { 
border-right: 1px solid black;
display: inline;
float: left;
height: 100%;
margin: 0 18px 0 0;
padding: 0 20px 0 0;
position: relative;
width:90px;
}

#navi ul ul li {
background-image: none !important;
display: inline;
float: left;
margin: 0;
padding: 0;
}

#navi ul ul ul li {
font-weight: normal;
}

#navi ul li div ul.last { 
border-right: none;
margin-right: 0;
}

#navi ul ul a,
#navi ul ul span {
background-image: none !important;
color: #000;
display: block !important;
float: none !important;
height: auto;
padding: 2px 0;
width: 80px !important;
}

#navi ul ul li a:hover  {
color: #d90075;
}

#navi ul ul ul  {
border: none;
display: block;
float: none;
margin: 0;
text-transform: none;
padding: 0;
height: auto;
}

/* --- Hauptnavigationspunkte ------------------------------------------------*/
/* ------- Produkte --------------------------------------------------------- */
/*Deutsch */
#navi ul li.nav-produkte a {
background-image: url(../images/produkte.gif); 
width: 97px;
}

#navi ul li.nav-produkte a:hover,
#navi ul li#queractive.nav-produkte a {
background-image: url(../images/produkte_hover.gif);
}

/* Englisch */
#navi ul li.nav-products a {
background-image: url(../images/navi_produkte_engl.jpg); 
width: 100px;
}

#navi ul li.nav-products a:hover,
#navi ul li#queractive.nav-products a {
background-image: url(../images/navi_produkte_hover_engl.gif);
}

/* ------- Neuheiten -------------------------------------------------------- */
/*Deutsch */
#navi ul li.nav-neuheiten-trends a {
background-image: url(../images/neuheiten.gif); 
width: 99px;
}

#navi ul li.nav-neuheiten-trends a:hover,
#navi ul li#queractive.nav-neuheiten-trends a {
background-image: url(../images/neuheiten_hover.gif);
}


/* ------- Studios ---------------------------------------------------------- */
/* Deutsch */
#navi ul li.nav-nagelstudios a {
background-image: url(../images/nagelstudios.gif); 
width: 83px;
}

#navi ul li.nav-nagelstudios a:hover,
#navi ul li#queractive.nav-nagelstudios a {
background-image: url(../images/nagelstudios_hover.gif);
}

/* Englisch */
#navi ul li.nav-studios a {
background-image: url(../images/navi_studios_engl.jpg); 
width: 87px;
}

#navi ul li.nav-studios a:hover,
#navi ul li#queractive.nav-studios a {
background-image: url(../images/navi_studios_hover_engl.gif);
}


/* ------- Spa -------------------------------------------------------------- */
/* Deutsch */
#navi ul li.nav-spa a {
background-image: url(../images/spa.gif); 
width: 55px;
}

#navi ul li.nav-spa a:hover,
#navi ul li#queractive.nav-spa a {
background-image: url(../images/spa_hover.gif);
}

/* Englisch */
#navi ul li.nav-spa_en a {
background-image: url(../images/navi_spa_engl.jpg); 
width: 59px;
}

#navi ul li.nav-spa_en a:hover,
#navi ul li#queractive.nav-spa_en a {
background-image: url(../images/navi_spa_hover_engl.gif);
}

/* ------- Ueber uns -------------------------------------------------------  */
/* Deutsch */
#navi ul li.nav-ueber-uns a {
background-image: url(../images/ueber_uns.gif); 
width: 93px;
}

#navi ul li.nav-ueber-uns a:hover,
#navi ul li#queractive.nav-ueber-uns a {
background-image: url(../images/ueber_uns_hover.gif);
}

/* ------- Unternehmen ------------------------------------------------------ */
/* Deutsch */
#navi ul li.nav-unternehmen a {
background-image: url(../images/unternehmen.gif); 
width: 124px;
}

#navi ul li.nav-unternehmen a:hover,
#navi ul li#queractive.nav-unternehmen a {
background-image: url(../images/unternehmen_hover.gif);
}

/* Englisch */
#navi ul li.nav-company a {
background-image: url(../images/navi_unternehmen_engl.jpg); 
width: 104px;
}

#navi ul li.nav-company a:hover,
#navi ul li#queractive.nav-company a {
background-image: url(../images/navi_unternehmen_hover_engl.gif);
}

/* ------- Presse ----------------------------------------------------------- */
/* Deutsch */
#navi ul li.nav-presse a {
background-image: url(../images/presse.gif); 
width: 78px;
}

#navi ul li.nav-presse a:hover,
#navi ul li#queractive.nav-presse a {
background-image: url(../images/presse_hover.gif); 
}

/* Englisch */
#navi ul li.nav-press a {
background-image: url(../images/navi_presse_engl.jpg); 
width: 82px;
}

#navi ul li.nav-press a:hover,
#navi ul li#queractive.nav-press a {
background-image: url(../images/navi_presse_hover_engl.gif);
}

/* ------- Haendler --------------------------------------------------------- */
#navi ul li.nav-haendler-bereich a {
background-image: url(../images/haendler.gif); 
width: 82px;
}

#navi ul li.nav-haendler-bereich a:hover,
#navi ul li#queractive.nav-haendler-bereich a {
background-image: url(../images/haendler_hover.gif);
}

/* ------- Partner ---------------------------------------------------------- */
/* Deutsch */
#navi ul li.nav-partner a {
background-image: url(../images/partner.gif); 
width: 82px;
}

#navi ul li.nav-partner a:hover,
#navi ul li#queractive.nav-partner a {
background-image: url(../images/partner_hover.gif);
}

/* Englisch */
#navi ul li.nav-partner_en a {
background-image: url(../images/navi_partner_engl.gif); 
width: 87px;
}

#navi ul li.nav-partner_en a:hover,
#navi ul li#queractive.nav-partner_en a {
background-image: url(../images/navi_partner_hover_engl.gif);
}