/* $RCSfile: layernavi.css,v $ | $Author: jknieling $ | $Revision: 1.28 $ | $Date: 2010/09/02 09:43:19 $ */ /* ####### Generic ####### */ /* statische */ .toplink {float:right; padding:5px 8px 0 8px;} .toplink a {line-height:1.5em; color:#191919; text-decoration:none;} .toplink a:hover {text-decoration:underline;} /* Topmenue */ .topmenu {position:relative; z-index:9999; margin:0;} .topmenu ul {padding:0; margin:0; list-style:none;} .topmenu ul li a {display:block; text-decoration:none; white-space:nowrap;} .topmenu ul.level_1 li.level_1 a.level_1 {display:block; line-height:1.5em; color:#191919; text-decoration:none; padding:5px 20px 0 8px; overflow:hidden; background:transparent url(../img/bg/topmenu-arrow.gif) right 10px no-repeat;} .topmenu ul.level_1 li.level_1:hover a.level_1, .topmenu ul.level_1 li.hoverStatus a.level_1, .topmenu ul.level_1 li.level_1 a.level_1:hover {background:#FEC424 url(../img/bg/topmenu-arrow-over.gif) right 10px no-repeat;} .topmenu ul.level_1 li.level_1 {display:block; float:left; position:relative;} .topmenu ul.level_2 li.level_2 {display:block; clear:both;} * html .topmenu ul.level_2 li.level_2, * html .topmenu ul.level_2 li.level_2 ul li a {float:left; width:100%; clear:both;} .topmenu ul.level_2 li.level_2 a {display:block; background:#FFFAEC; color:#000; line-height:1.5em; padding:3px 8px;} .topmenu ul.level_2 li.level_2 a:hover {background:#FFEBB7; color:#000;} /* specific to non IE browsers */ .topmenu ul li:hover ul {display:block;} .topmenu ul li:hover ul li ul {display:none;} .topmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:155px; top:0;} /* Topmenue - Layer */ div.topmenu .listlayer { background-color:transparent; display:none; } div.topmenu ul li:hover .listlayer, div.topmenu ul li.hoverStatus .listlayer { display:block; position:absolute; top:22px; left:0; } div.topmenu .listlayer .shadowContainerTopLeft, div.topmenu .listlayer .shadowContainerTopRight, div.topmenu .listlayer .shadowContainerBottomLeft, div.topmenu .listlayer .shadowContainerBottomRight { background-color:transparent; background-position:left top; background-repeat:no-repeat; display:block; width:100%; clear:both; } div.topmenu .listlayer .shadowContainerTopLeft, div.topmenu .listlayer .shadowContainerBottomLeft { padding:0 13px 0 0; } div.topmenu .listlayer .shadowContainerTopLeft { background-image:url(../img/bg/bg_listlayer_lightyellow_topright.png); background-position:right top; } div.topmenu .listlayer .shadowContainerTopRight { background-image:url(../img/bg/bg_listlayer_lightyellow_topleft.png); } div.topmenu .listlayer .shadowContainerBottomLeft { background-image:url(../img/bg/bg_listlayer_lightyellow_bottomright.png); background-position:right top; } div.topmenu .listlayer .shadowContainerBottomRight { background-image:url(../img/bg/bg_listlayer_lightyellow_bottomleft.png); background-position:left top; } div.topmenu .listlayer .shadowContainerBottomLeft, div.topmenu .listlayer .shadowContainerBottomRight { height:14px; } div.topmenu .listlayer .shadowContainerContent { display:block; padding:0; } * html div.topmenu .listlayer { width:160px; } * html div.topmenu .listlayer .shadowContainerContent { margin-right:0; } * html div.topmenu .listlayer .shadowContainerTopLeft, * html div.topmenu .listlayer .shadowContainerTopRight, * html div.topmenu .listlayer .shadowContainerBottomLeft, * html div.topmenu .listlayer .shadowContainerBottomRight { background:#fffaec none; margin:0; padding:0; height:auto; } /* Layernavi */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro-droplist.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #navtopinner ul#menu {margin:0; padding:0; list-style:none; white-space:nowrap;} #navtopinner ul#menu li.level_1, #navtopinner ul#menu li.level_1 a.level_1 {display:block; float:left;} #navtopinner ul#menu li.level_1 a.level_1 {height:38px; white-space:nowrap; background-image:url('../img/sprites/layernavi.gif'); color:#000;} #navtopinner ul#menu li#meinshop a.level_1 {width:90px; background-position:0px 0px;} #navtopinner ul#menu li#meinshop.hoverstatus a.level_1, #navtopinner ul#menu li#meinshop a.active {background-position:0px -38px;} #navtopinner ul#menu li#damen a.level_1 {width:67px; background-position:-90px 0px;} #navtopinner ul#menu li#damen.hoverstatus a.level_1, #navtopinner ul#menu li#damen a.active {background-position:-90px -38px;} #navtopinner ul#menu li#herren a.level_1 {width:68px; background-position:-157px 0px;} #navtopinner ul#menu li#herren.hoverstatus a.level_1, #navtopinner ul#menu li#herren a.active {background-position:-157px -38px;} #navtopinner ul#menu li#kinder a.level_1 {width:67px; background-position:-225px 0px;} #navtopinner ul#menu li#kinder.hoverstatus a.level_1, #navtopinner ul#menu li#kinder a.active {background-position:-225px -38px;} #navtopinner ul#menu li#waesche a.level_1 {width:73px; background-position:-292px 0px;} #navtopinner ul#menu li#waesche.hoverstatus a.level_1, #navtopinner ul#menu li#waesche a.active {background-position:-292px -38px;} #navtopinner ul#menu li#accessoires a.level_1 {width:102px; background-position:-444px 0px;} #navtopinner ul#menu li#accessoires.hoverstatus a.level_1, #navtopinner ul#menu li#accessoires a.active {background-position:-444px -38px;} #navtopinner ul#menu li#schuhe a.level_1 {width:70px; background-position:-546px 0px;} #navtopinner ul#menu li#schuhe.hoverstatus a.level_1, #navtopinner ul#menu li#schuhe a.active {background-position:-546px -38px;} #navtopinner ul#menu li#wohnen a.level_1 {width:78px; background-position:-616px 0px;} #navtopinner ul#menu li#wohnen.hoverstatus a.level_1, #navtopinner ul#menu li#wohnen a.active {background-position:-616px -38px;} #navtopinner ul#menu li#weiteresortimente a.level_1 {width:158px; background-position:-694px 0px;} #navtopinner ul#menu li#weiteresortimente.hoverstatus a.level_1, #navtopinner ul#menu li#weiteresortimente a.active {background-position:-694px -38px;} #navtopinner ul#menu li#specials a.level_1 {width:160px; background-position:-852px 0px;} #navtopinner ul#menu li#specials.hoverstatus a.level_1, #navtopinner ul#menu li#specials a.active {background-position:-852px -38px;} #navtopinner ul#menu li#schmuck a.level_1 {width:80px; background-position:-1012px 0px;} #navtopinner ul#menu li#schmuck.hoverstatus a.level_1, #navtopinner ul#menu li#schmuck a.active {background-position:-1012px -38px;} #navtopinner ul#menu li .listlayer {display:none; position:absolute; top:38px; /*left:0; width:968px; */ background-color:transparent;} * html #navtopinner ul#menu li .listlayer {border:solid 10px #FEC424;} #navtopinner ul#menu li.hoverstatus .listlayer {display:block; visibility:hidden;} #navtopinner ul#menu li .listlayer table.listlayerTable tr td.level_1 {padding:0 20px 0 5px; border-right:1px solid #d9d9d9;} #navtopinner ul#menu li .listlayer table.listlayerTable tr td.level_1.lastItem {padding-right:0; border-right:none;} #navtopinner ul#menu li .listlayer table.listlayerTableSub tr td.level_2 {padding:0 20px 0 0; border-right:1px solid #d9d9d9;} #navtopinner ul#menu li .listlayer table.listlayerTableSub tr td.level_2.lastItem {border-right:none;} #navtopinner ul#menu li .listlayer a.layernavSub:link, #navtopinner ul#menu li .listlayer a.layernavSub:visited {display:block; clear:both; padding:3px 10px; color:#555555; text-decoration:none; white-space:nowrap;} #navtopinner ul#menu li .listlayer a.layernavSub:hover {background-color:#FFC324;} #navtopinner ul#menu li .listlayer .shadowContainerTopLeft, #navtopinner ul#menu li .listlayer .shadowContainerTopRight, #navtopinner ul#menu li .listlayer .shadowContainerBottomLeft, #navtopinner ul#menu li .listlayer .shadowContainerBottomRight { background-color:transparent; background-position:left top; background-repeat:no-repeat; display:block; width:100%; clear:both; } #navtopinner ul#menu li .listlayer .shadowContainerTopLeft, #navtopinner ul#menu li .listlayer .shadowContainerBottomLeft { padding:0 22px 0 0; } #navtopinner ul#menu li .listlayer .shadowContainerTopLeft { background-image:url(../img/bg/bg_listlayer_border_topright.png); background-position:right top; } #navtopinner ul#menu li .listlayer .shadowContainerTopRight { background-image:url(../img/bg/bg_listlayer_border_topleft.png); } #navtopinner ul#menu li .listlayer .shadowContainerBottomLeft { background-image:url(../img/bg/bg_listlayer_border_bottomright.png); background-position:right top; } #navtopinner ul#menu li .listlayer .shadowContainerBottomRight { background-image:url(../img/bg/bg_listlayer_border_bottomleft.png); background-position:left top; } #navtopinner ul#menu li .listlayer .shadowContainerBottomLeft, #navtopinner ul#menu li .listlayer .shadowContainerBottomRight { height:23px; } #navtopinner ul#menu li .listlayer .shadowContainerContent { display:block; padding:30px 10px 20px 15px; } * html #navtopinner ul#menu li .listlayer .shadowContainerContent { padding:15px; } * html #navtopinner ul#menu li .listlayer .shadowContainerTopLeft, * html #navtopinner ul#menu li .listlayer .shadowContainerTopRight, * html #navtopinner ul#menu li .listlayer .shadowContainerBottomLeft, * html #navtopinner ul#menu li .listlayer .shadowContainerBottomRight { background:#fff none; margin:0; padding:0; height:auto; } #navtopinner ul#menu a:hover div.leftlayer, #navtopinner ul#menu :hover div.leftlayer {left:-160px;}