/*
Projektname:   Royal Hair
Web:           www.safirbilgisayar.com
Erstellt am:   21.03.2010    
Freigabe am:   NICHT freigegeben
*/
#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: 600px;
}

#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: #666;
color: #000;
display: none;
overflow: hidden;
padding: 15px 10px 13px 10px;
position: absolute;
left: 0;
top: 33px;
width: 580px;
height: 25px;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

#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 13px 0 0;
padding: 0 20px 0 0;
position: relative;
width: 77px;
}

#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: #fff;
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 ------------------------------------------------*/

/* ------- AnaSayfa -------------------------------------------------------------- */
/* Türkçe */
#navi ul li.nav-anasayfa_tr a {
background-image: url(../images/anasayfa_tr.png); 
width: 100px;
}

#navi ul li.nav-anasayfa_tr a:hover,
#navi ul li#queractive.nav-anasayfa_tr a {
background-image: url(../images/anasayfa_gri_tr.png);
}

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

#navi ul li.nav-homepage_en a:hover,
#navi ul li#queractive.nav-homepage_en a {
background-image: url(../images/home_page_gri_en.png);
}

/* ------- Hakkımızda ------------------------------------------------------ */
/* Türkçe */
#navi ul li.nav-hakkimizda_tr a {
background-image: url(../images/hakkimizda_tr.png); 
width: 100px;
}

#navi ul li.nav-hakkimizda_tr a:hover,
#navi ul li#queractive.nav-hakkimizda_tr a {
background-image: url(../images/hakkimizda_gri_tr.png);
}

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

#navi ul li.nav-aboutus_en a:hover,
#navi ul li#queractive.nav-aboutus_en a {
background-image: url(../images/about_us_gri_en.png);
}

/* ------- Baylara Özel --------------------------------------------------------- */
/* Türkçe */
#navi ul li.nav-baylaraozel_tr a {
background-image: url(../images/baylara_ozel_tr.png); 
width: 100px;
}

#navi ul li.nav-baylaraozel_tr a:hover,
#navi ul li#queractive.nav-baylaraozel_tr a {
background-image: url(../images/baylara_ozel_gri_tr.png);
}

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

#navi ul li.nav-for_man_en a:hover,
#navi ul li#queractive.nav-for_man_en a {
background-image: url(../images/for_man_gri_en.png);
}

/* ------- Bayanlara Özel ----------------------------------------------------- */
/* Türkçe */
#navi ul li.nav-bayanlaraozel_tr a {
background-image: url(../images/bayanlara_ozel_tr.png); 
width: 100px;
}

#navi ul li.nav-bayanlaraozel_tr a:hover,
#navi ul li#queractive.nav-bayanlaraozel_tr a {
background-image: url(../images/bayanlara_ozel_gri_tr.png); 
}

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

#navi ul li.nav-for_woman_en a:hover,
#navi ul li#queractive.nav-for_woman_en a {
background-image: url(../images/for_woman_gri_en.png);
}

/* ------- Ürünler ---------------------------------------------------------- */
/* Türkçe */
#navi ul li.nav-urunler_tr a {
background-image: url(../images/urunler_tr.png); 
width: 100px;
}

#navi ul li.nav-urunler_tr a:hover,
#navi ul li#queractive.nav-videolar_tr a {
background-image: url(../images/urunler_gri_tr.png);
}

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

#navi ul li.nav-products_en a:hover,
#navi ul li#queractive.nav-products_en a {
background-image: url(../images/products_gri_en.png);
}

/* ------- Sıkça Sorulan Sorular --------------------------------------------- */
/* Türkçe */
#navi ul li.nav-sss_tr a {
background-image: url(../images/sss_tr.png); 
width: 100px;
}

#navi ul li.nav-sss_tr a:hover,
#navi ul li#queractive.nav-sss_tr a {
background-image: url(../images/sss_gri_tr.png);
}

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

#navi ul li.nav-faq_en a:hover,
#navi ul li#queractive.nav-faq_en a {
background-image: url(../images/faq_gri_en.png);
}