/* .oc:CSS-stMenuTop.css - Voomates - /templates/#Voo#/frontend/_resources/styles/stMenuTop.css - 2012-12-29:0200. */
/* .wpa: wolfgang papendieck [papendieck.net] - oc: oliver martens [OMARtecc engineering]. */
/* .copyright (c)2012 oc. */
/* .voomates - Shopware 4.0.5. Stylesheet. */

/* .basics. */
/* .Div-Container. */
/* .voomates menutop: main-menu-navigation. */
#diVooNavShadow{ position:absolute; width:980px; height:66px; top:0px; margin:0 0 0 24px; z-index:1; background:url(../images/backgrounds/bg_NaviShadow.png) repeat-x; }
#diVooNavigation{ position:absolute; width:100%; height:62px; top:0px; margin:0; padding:0; z-index:16; background:transparent; }

#diMenuContainer{ position:relative; width:830px; height:100%; top:4px; left:0px; margin:0 auto;	line-height:0px; background:transparent; }
/* .oc: #diMenuContainer a{ color:#999999; } */
div.clearb{ clear:both; }

/* .MenuList: 1.level:horizontal. */
/* .oc:ulMenu (unsorted-list) [position:relative! | width:NO | ]. */
#ulMenu{ position:relative; top:0px; left:0px; }
#ulMenu, #ulMenu ul{ list-style:none; margin:0; padding:0; }

/* .oc:ulMenu anchor BG-REPLACE menu-vert ALLE buttons(=li) [ | ]. */
#ulMenu a{ display:block; }
/*. #ulMenu a:hover{ background-color:yellow; } */
/*. #ulMenu a.active{ background-color:green; } */

/* .oc:liP1 menu-horiz Level1-buttons(=li) [ul li]. */
/*oc[2013-03-09]: #ulMenu .liP1{ float:left; width:146px; height:50px;	text-align:center; line-height:63px; background:url(../images/buttons/bNaviTop_off.png) no-repeat;	background-position:left bottom; } */
#ulMenu .liP1{ float:left; width:146px; height:50px;	text-align:center; background:url(../images/buttons/bNaviTop_off.png) no-repeat;	background-position:left bottom; }

#ulMenu .liP1{ margin:0px 25px 0px 0px;	}
#ulMenu .liP1.last{ margin-right:0;	}
/* .oc:liP1 anchor menu-horiz Level1-buttons(=li) [ul li]. */
/* .oc:letter-spacing:0.04em; ONLY UwAmp. */
/*oc[2013-03-09]: #ulMenu .liP1 a.liP1{ margin:0;	padding:0; text-decoration:none;	color:#999999; font-size:14px; font-weight:bold; } */
#ulMenu .liP1 a.liP1{ margin:0;	padding:0; line-height:62px; letter-spacing:0.7px; text-decoration:none;	color:#999999; font-size:14px; font-family:"BitterBold"; }

/* .oc:liP1 anchor-hover menu-horiz Level1-buttons(=li) [ul li]. */
#ulMenu .liP1.hov, #ulMenu .liP1 a.liP1:hover, #ulMenu .liP1.hov a.liP1{ height:61px; line-height:70px; color:black; background:url(../images/buttons/bNaviTop_hover.png) no-repeat;	background-position:left bottom; }
#ulMenu .liP1.active{  }
#ulMenu .liP1 a.liP1.active{ height:62px; line-height:70px; color:black; background:url(../images/buttons/bNaviTop_act.png) no-repeat; background-position:left bottom; }
#ulMenu .liP1 a.liP1.active.hov{ background:url(../images/buttons/bNaviTop_hover-act.png) no-repeat; background-position:left bottom; }
#ulMenu .liP1.hov a.liP1.active{ background:url(../images/buttons/bNaviTop_hover-act.png) no-repeat; background-position:left bottom; }

/* .oc:ulP1 BG menu-vert L2 hintergrund gesamt [height:auto | ] [ul li ul]. */
/*oc[2013-03-09]: #ulMenu .ulP1{ position:absolute; display:none; width:195px; height:auto; min-height:440px; top:0px; margin:0 0 0 -25px; padding:73px 0 50px 0;	background:url(../images/backgrounds/bg_VooMenuTop574_85.png) repeat-x 0 -73px;	z-index:-1; } */
#ulMenu .ulP1{ position:absolute; display:none; width:195px; min-height:500px; top:0px; margin:0 0 0 -25px; padding:0 0 50px 0;	background:url(../images/backgrounds/bg_VooMenuTop574_85.png) repeat-x 0 bottom;	z-index:-1; }
#ulMenu .ulP1.stDyn{ min-height:80px; }
/*oc[2013-03-09]: #ulMenu .ulP1 .stUlP1Bg{ position:relative; display:none; width:685px; height:100%; min-height:440px; top:-73px; left:195px; margin:0; padding:0 0 134px 0;	background:url(../images/backgrounds/bg_VooMenuTop574_85.png) repeat-x 0 bottom;	z-index:-1; } */
#ulMenu .ulP1 .stUlP1Bg{ position:absolute; display:none; width:685px; height:100%; top:0px; left:195px; margin:0; padding:0;	background:url(../images/backgrounds/bg_VooMenuTop574_85.png) repeat-x 0 bottom;	z-index:-1; }


/* .oc:ulP1-liP2 Level2-buttons(=li) [background:GFX der L2-buttons | ] [ul li ul li]. */
/*oc[2013-03-09]: #ulMenu .liP2, #ulMenu .liP2s{ height:auto; border-right:0; text-indent:0px; line-height:35px; background:transparent; } */
#ulMenu .liP2, #ulMenu .liP2s{ height:auto; margin:0; border-right:0; text-indent:0px; background:transparent; }
#ulMenu .liP2.st0, #ulMenu .liP2s.st0{ margin:84px 0 0; }
#ulMenu .liP2{ width:195px; text-align:left; }
#ulMenu .liP2s{ width:195px; text-align:right; }


/* .oc:liP2+liP2s anchor menu-horiz Level2-buttons(=li) [IE6&7 needs inline-block | line-height:100%;!!! | ] [ul li ul li]. */
/* .oc:letter-spacing:0.04em; ONLY UwAmp. */
/*oc[2013-03-09]: #ulMenu .liP2 a, #ulMenu .liP2s a{ margin:0;	text-decoration:none;	font-size:16px; font-weight:bold;	color:#999999; background:transparent;	} */
#ulMenu .liP2 a, #ulMenu .liP2s a{ margin:0;	padding-top:10px; padding-bottom:11px; line-height:100%; letter-spacing:0.7px; text-decoration:none;	font-size:14px; font-family:"BitterBold"; color:#999999; background:transparent;	}

#ulMenu .liP2 a{ padding-left:25px;	}
#ulMenu .liP2s a{ padding-right:32px;	}
/* .oc:liP2+liP2s anchor-hover menu-horiz Level1-buttons(=li) [ul li ul li]. */
/*oc[2013-03-09]: #ulMenu .liP2 a:hover, #ulMenu .liP2s a:hover{ height:35px; line-height:35px; color:#CEDB2C; } */
#ulMenu .liP2 a:hover, #ulMenu .liP2s a:hover{ color:#CEDB2C; }
/*oc[2013-03-09]: #ulMenu .liP2s.hov, #ulMenu .liP2s.hov a.liP2sa{ color:#CEDB2C; background:url(../images/buttons/btn_arr_navi_products.png) no-repeat; background-position:173px center; } */
#ulMenu .liP2s.hov, #ulMenu .liP2s.hov a.liP2sa{ color:#CEDB2C; background:url(../images/buttons/btn_arr_navi_products.png) no-repeat; background-position:173px center; }


/* .oc:ulP2 BG Level3-hintergrund gesamt [left:100% | width:130*5+20 | ] [ul li ul li ul li]. */
/*org: #ulMenu .ulP2{ position:absolute; width:685px; height:auto; min-height:440px; top:0px; left:100%;	padding:84px 0 50px; background:url(../images/backgrounds/bg_VooMenuTop574_85.png) repeat-x; } */
/*oc[2013-03-09]: #ulMenu .ulP2{ position:absolute; width:685px; height:auto; min-height:440px; top:73px; left:100%;	padding:0 0 50px 0; background:transparent; } */
#ulMenu .ulP2{ position:absolute; width:685px; height:auto; min-height:449px; top:0; left:100%;	padding:74px 0 50px 0; background:transparent; }


/* .oc:ulP2-liP3 Level3-buttons(=li) [width:100%!! | height:auto!! | background:GFX-fix der L3-buttons | ]. */
#ulMenu .liP3{ clear:right; width:130px; height:auto; padding:0 0 15px 0; text-align:center; background:transparent; }
/* .oc:liP3 anchor menu-horiz Level3-buttons(=li). */
/*oc[2013-03-09]: #ulMenu .liP3 a{ height:130px; margin:0;	padding:0; line-height:17px; color:#999999; font-size:12px; font-weight:bold; text-decoration:none;	background:transparent; } */
#ulMenu .liP3 a{ height:130px; margin:0;	padding:0; line-height:17px; letter-spacing:1.0px; color:#999999; font-size:12px; font-family:"BitterBold"; text-decoration:none;	background:transparent; }

/* .oc:liP3 anchor-hover menu-horiz Level3-buttons(=li). */
#ulMenu .liP3 a:hover{ height:130px; line-height:17px; color:white; background:url(../images/buttons/bNaviTop_Articles_hover.png) no-repeat; }
#ulMenu .liP3 a span{ position:relative;	top:12px; }

/* .oc:Ausblenden >P1. */
#ulMenu ul,
#ulMenu li:hover ul,
#ulMenu li:hover ul ul,
#ulMenu li:hover ul ul ul,
#ulMenu li.nnn ul,
#ulMenu li.nnn ul ul,
#ulMenu li.nnn ul ul ul{ display:none; }
/* .oc:Einblenden >P1. */
#ulMenu li:hover ul,
#ulMenu ul li:hover ul,
#ulMenu ul ul li:hover ul,
#ulMenu ul ul ul li:hover ul,
#ulMenu li.nnn ul,
#ulMenu ul li.nnn ul,
#ulMenu ul ul li.nnn ul,
#ulMenu ul ul ul li.nnn ul{ display:block; }

/* .IE Hacks. */
#ulMenu li li{ float:left;	clear:both; }
#ulMenu li li a{ height:1%; }
/* .-end-ulMenu-. */