/* Topnavigation Anfang */
#navi-wrapper li{
display:inline;
padding-right:8px;
padding-left:9px;
}
#navi-wrapper li.first-level{
font-size:12px;
padding-top:12px;
position:relative;
}
#navi-wrapper li.last-first-level-item{
padding-right:0px;
}
/*
#topnavigation-wrapper li.dropdown{
display:inline;
padding-right:0;
padding-left:0;
}*/
#navi-wrapper .dropdown{
font-size:11px;
min-width:100%;
text-align:left;
position:absolute;
font-size:11px;
top:0px;
left:0px;
z-index:5000;
letter-spacing:0;
}
#navi-wrapper .dropdown .dropdown-arrow{
background-repeat:none;
background-image: url('/jj/c/img/0607F03E6E9C38002B00.png');
height:0px;
width:0px;
position:absolute;
top:34px;
left:7px;
z-index:10;
}
#navi-wrapper li:hover .dropdown-arrow,
#navi-wrapper li a:hover .dropdown-arrow,
#navi-wrapper li.hovered .dropdown-arrow,
#navi-wrapper li a.hovered .dropdown-arrow
{
height:8px;
width:13px;
overflow:hidden;
}
#navi-wrapper ul.second-level {
position:absolute;
top:25px;
left:-6px;
padding:0px;
visibility:hidden;
height:0px;
overflow:hidden;
background-image: url('/jj/c/img/0607F03E6E3E32001400.png');
}
/*topnavi submenus sichtbar machen fuer debugging - anfang*/
#navi-wrapper #topnav-HIER-ID-DES-NAVIPUNKTES-EINTRAGEN ul.second-level
{
padding:31px 0px 20px 13px;
visibility:visible;
height:auto;
overflow:visible;
}
/*topnavi submenus sichtbar machen fuer debugging - ende*/
#navi-wrapper ul.second-level-one-column {
width:146px;
}
#navi-wrapper ul.second-level-two-column {
width:292px;
}
#navi-wrapper li:hover ul.second-level,
#navi-wrapper li a:hover ul.second-level,
#navi-wrapper li.hovered ul.second-level,
#navi-wrapper li a.hovered ul.second-level,
#navi-wrapper li div.hovered
{
padding:31px 0px 20px 13px;
visibility:visible;
height:auto;
overflow:visible;
}
/*
#topnavigation ul.second-level li {
clear:right;
float:left;
}*/
#topnavigation ul.second-level li.left-column {
float:left;
margin-right:70px;
padding:0;
display:inline;
}
#topnavigation ul.second-level li.left-column ul{
padding-top:0px;
margin:0;
float:left;
}
#topnavigation ul.second-level li.right-column {
float:left;
margin-right:50px;
padding:0;
display:inline;
}
#topnavigation ul.second-level li.right-column ul{
padding-top:0px;
float:left;
}
#navi-wrapper .dropdown li{
display:block;
padding:12px 0 0 0;
}
/* ie6 hack */
* html ul.second-level {
width:150px;
}
/* ie6 hack ende */
/* Breitenangaben für die Topnavigations Subnavis */
/* die Breitenangaben sollten mit einem Mac Browser getestet werden */
#topnav-whats-new ul.second-level{
width:205px;
}
#topnav-ueber-jette ul.second-level{
width:322px;
}
#topnav-jewelry ul.second-level{
}
#topnav-bags ul.second-level{
width:164px;
}
#topnav-fragrance ul.second-level{
width:147px;
}
#topnav-shoes ul.second-level{
width:164px;
}
#topnav-eyewear ul.second-level{
}
#topnav-fashion ul.second-level{
}
#topnav-living ul.second-level{
}
/*allgemeine Anpassungen für Dropdown Menüs die sich nach links öffnen in Topnavi*/
#navi-wrapper li.first-level div.left-dropdown ul.second-level{
/*padding:31px 13px 20px 0px;*/
}
#topnavigation li.first-level div.left-dropdown ul.second-level li.left-column{
/*margin-left:50px;
margin-right:0;*/
}
#topnavigation li.first-level div.left-dropdown ul.second-level li.right-column {
/*margin-left:70px;
margin-right:0;*/
}
/*spezielle Anpassungen für Dropdown Menüs die sich nach links öffnen in Topnavi genau für einen Topnavipunkt*/
#navi-wrapper #topnav-fashion div.left-dropdown{
left:-146px;
}
#navi-wrapper #topnav-fashion div.left-dropdown .dropdown-arrow {
left:189px;
}
#navi-wrapper #topnav-living div.left-dropdown{
left:-81px;
}
#navi-wrapper #topnav-living div.left-dropdown .dropdown-arrow {
left:112px;
}
/*Fallback Javascript deaktiviert - einspaltig*/
.nojavascript #topnavigation ul.second-level li ul li{
display:inline;
float:left;
margin-right:50px;
}
.nojavascript #topnavigation ul.second-level li ul li:first-child{
padding:0;
}
.nojavascript #topnavigation ul.second-level li.left-column ul li {
margin-right:70px;
}
.nojavascript li.first-level .dropdown ul.second-level{
width:150px;
}
#topnavigation .nojavascript ul.second-level li ul{
float:left;
}
/*Fallback Javascript deaktiviert - einspaltig ENDE*/
/* Topnavigation Ende */
/* Subnavigationselemente Anfang */
#subnavi-wrapper{
display: none;
overflow: hidden;
position: absolute;
height: 100%;
left: 0px;
top: 0px;
width: 100%;
background-image: url('../img/navi_overlay.png');
z-index: 50;
}
#subnavi{
left:50%;
margin-left:-471px;
position:absolute;
top:161px;
}
#subnavi li{
line-height: 20px;
}
#inpage-navi-wrapper li a{
text-transform: uppercase;
color: #707070;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 12px;
}
#inpage-navi-wrapper ul.inpage-navi-second-level li, #inpage-navi-wrapper ul.inpage-navi-second-level li#inpage-active-second-level{
background: url(/jj/c/img/0607F03E6EA31B002F00.png) 0 6px no-repeat;
height:20px;
}
#inpage-navi-wrapper ul.inpage-navi-second-level li a{
padding-left:12px;
}
h3{
font-size: 30px;
color: #ffffff;
}
/* Subnavigationselemente Ende */
/* Inpage-Navi Anfang */
#inpage-navi-wrapper{
left:50%;
margin-left:-471px;
position:fixed;
top:154px;
z-index: 15;
}
#inpage-navi-wrapper li{
line-height: 20px;
letter-spacing: 1px;
}
h3.black{
color:#000000;
font-size:26px;
margin-bottom:4px;
text-transform:uppercase;
}
#inpage-navi {
cursor: pointer;
}
li#inpage-active-first-level a.active-link-inpage,
li#inpage-active-second-level a.active-link-inpage
{
color:black;
}
#inpage-navi h3 img{
padding-bottom:4px;
}
/* Inpage-Navi Ende */