/* 	Kunde:					Wibitsports
	Zuletzt bearbeitet:		Frank Meyering
	Datum:					25.08.2008
------------------------------------------------------------------------------------------------------------------------------------*/

/* Menu-01. MAINMENÜ
------------------------------------------------------------------*/

#nav { 
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	list-style: none;
	z-index: 0;
}

#nav ul {
	padding: 0;
	margin: 0;	
	list-style: none; 
}

#nav li { /* all list items */
	display: block;
	float: left;	
	padding:0px 0px 0px 0px;
	margin:0px 2px 0px 0px;
	text-align:center;
}

#nav a {
	display: block;
	float: left;
	text-align:center;
	padding:6px 0px 0px 0px;
	width:137px;
	height: 20px;
	font-family:Tahoma;
	font-size:1.2em;
	line-height:1.2em;
	font-weight: normal;
	text-decoration:none;
	z-index: 0;
	color:#aaaaaa;
	background: url(../picts/bg/nav-main/bg_nav-main_inaktiv.gif) top center no-repeat;
}

#nav li a:hover {
	font-weight:bold;
	color:#666666;
	background: url(../picts/bg/nav-main/bg_nav-main_rollover.gif) top center no-repeat;
}

#nav li a.active {
	font-weight:bold;
	color:#006ac0;
	background: url(../picts/bg/nav-main/bg_nav-main_aktiv.gif) top center no-repeat;
}

#nav li a.active:hover, #nav li.IFSUBCUR a {
	font-weight:bold;
	background: url(../picts/bg/nav-main/bg_nav-main_aktiv.gif) top center no-repeat;	
	color:#006ac0;
}



/*	SHOP	*/

#nav li.nav-main-shop a{
	background:url(../picts/bg/nav-main/bg_nav-main-shop_inaktiv.gif)  top center no-repeat;
	padding:4px 0px 0px 37px;
	width:100px;
	height:22px;
	text-align:left;
}

#nav li.nav-main-shop a:hover, #nav-main ul li.nav-main-shop a.active{
	background:url(../picts/bg/nav-main/bg_nav-main-shop_aktiv.gif)  top center no-repeat;
}

/*	ZWEITE EBENE	*/
#nav li ul {display: none;} 

#nav li.IFSUBCUR ul {
	display:block;
	position: absolute;
	left:0px;
	margin:26px 0px 0px 0px;
	padding:0px 0px 10px 24px;
	z-index:10;
	height: auto;
	text-align:left;
	width:900px;
}

#nav li ul li{
	display:block;
	float:left;
	margin:0px 10px 1px 0px;
	padding:0px 12px 0px 0px;
	width: auto;
	text-align:left;
	background:url(../picts/bg/nav-main/bg_nav-main_bullet.gif)  right 7px no-repeat;
}

#nav li ul li.submenu-end{
	background:none;
}

#nav li.IFSUBCUR ul li  a{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;
	height: auto;
	text-align:left;
	background:none;
	color:#aaaaaa;
	font-weight:bold;
	width: auto;
	font-weight:normal;
	font-size:1.0em;
	background:none;
}

#nav li.IFSUBCUR ul li a:hover {
	font-weight: normal;
	color:#666666;
	background:none;
}

#nav li.IFSUBCUR ul li a.active {
	font-weight:bold;
	color:#006ac0;
	background:none;
}

#nav li.IFSUBCUR ul li a.active:hover {
	font-weight:bold;
	background:none;
	color:#006ac0;
}



/*	MENU | nav-languages
------------------------------------------------------------------------------------------------------------------------------------*/

#nav-languages ul {
	padding: 0;
	margin: 0;	
	list-style: none; 
}

/* all list items */
#nav-languages li { 
	display: block;
	float: left;	
	position: relative;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
	height:14px;
	width:25px;
}

#nav-languages li.l-en a { position:absolute; background:url(../picts/flags/wibit-en-inaktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-en a:hover { position:absolute; background:url(../picts/flags/wibit-en-aktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-en a.active { position:absolute; background:url(../picts/flags/wibit-en-aktiv.gif) no-repeat; height:12px; width:22px;}

#nav-languages li.l-de a { position:absolute; background:url(../picts/flags/wibit-de-inaktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-de a:hover { position:absolute; background:url(../picts/flags/wibit-de-aktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-de a.active { position:absolute; background:url(../picts/flags/wibit-de-aktiv.gif) no-repeat; height:12px; width:22px;}

/*#nav-languages li.l-fr a { position:absolute; background:url(../picts/flags/wibit-fr-inaktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-fr a:hover { position:absolute; background:url(../picts/flags/wibit-fr-aktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-fr a.active { position:absolute; background:url(../picts/flags/wibit-fr-aktiv.gif) no-repeat; height:12px; width:22px;}

#nav-languages li.l-es a { position:absolute; background:url(../picts/flags/wibit-es-inaktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-es a:hover { position:absolute; background:url(../picts/flags/wibit-es-aktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-es a.active { position:absolute; background:url(../picts/flags/wibit-es-aktiv.gif) no-repeat; height:12px; width:22px;}

#nav-languages li.l-cn a { position:absolute; background:url(../picts/flags/wibit-cn-inaktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-cn a:hover { position:absolute; background:url(../picts/flags/wibit-cn-aktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-cn a.active { position:absolute; background:url(../picts/flags/wibit-cn-aktiv.gif) no-repeat; height:12px; width:22px;}

#nav-languages li.l-gr a { position:absolute; background:url(../picts/flags/wibit-gr-inaktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-gr a:hover { position:absolute; background:url(../picts/flags/wibit-gr-aktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-gr a.active { position:absolute; background:url(../picts/flags/wibit-gr-aktiv.gif) no-repeat; height:12px; width:22px;}

#nav-languages li.l-ru a { position:absolute; background:url(../picts/flags/wibit-ru-inaktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-ru a:hover { position:absolute; background:url(../picts/flags/wibit-ru-aktiv.gif) no-repeat; height:12px; width:22px;}
#nav-languages li.l-ru a.active { position:absolute; background:url(../picts/flags/wibit-ru-aktiv.gif) no-repeat; height:12px; width:22px;}
*/



/*	MENU | NAV-HEADER
------------------------------------------------------------------------------------------------------------------------------------*/

#nav-header ul {
	float:right;
	list-style: none;
}

#nav-header ul li {
	float:left;
	font-weight: normal;
	line-height: 1.3em;
	font-size: 1.1em;
	letter-spacing:normal;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#nav-header a {
	display: block;
	float:left;
	height:18px;
	width:117px;
	text-decoration:none;
	text-align:center;
	color:#aaaaaa;
	background: url(../picts/bg/nav-header/bg_nav-header_inaktiv.gif) no-repeat;
	margin:8px 3px 0px 0px;
	padding:2px 0px 0px 0px;
	font-weight:normal;
	text-decoration:none;
}

#nav-header a:hover {
	color:#666666;
	background: url(../picts/bg/nav-header/bg_nav-header_inaktiv.gif) no-repeat;
	height:18px;
}

#nav-header a.active {
	color:#ffffff;
	background: url(../picts/bg/nav-header/bg_nav-header_aktiv.gif) no-repeat;
	height:17px;
}

#nav-header a.active:hover {
	color:#ffffff;
	background: url(../picts/bg/nav-header/bg_nav-header_aktiv.gif) no-repeat;
	height:17px;
}


/*	MENU | NAV-FOOTER
------------------------------------------------------------------------------------------------------------------------------------*/

#nav-footer ul {
	list-style: none;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	color:#666666;
}

#nav-footer ul li {
	float:left;
	letter-spacing:normal;
	margin:3px 0px 0px 5px;
	padding:0px 10px 0px 0px;
	text-align:left;
	display:block;
	background:url(../picts/bg/bg_nav-footer_bullet.gif) center right no-repeat;
}

#nav-footer ul li.nav-footer-last{
	background:none;
}

#nav-footer ul li a {
	width:auto;
	text-decoration:none;
	color:#aaaaaa;
	font-weight: normal;
	font-size:1.0em;
}

#nav-footer ul li a:hover {
   color:#006ac0;
}

#nav-footer ul li a.active {
   color:#006ac0;
   font-weight:bold;
}


/*	MENU | NAV-BREADCRUMB
------------------------------------------------------------------------------------------------------------------------------------*/

#nav-breadcrumb ul {
	list-style: none;
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#nav-breadcrumb ul li {
	float:left;
	font-weight: normal;
	line-height: 1.1em;
	font-size: 1.0em;
	margin:0px 5px 0px 0px;
	padding:0px 10px 0px 0px;
	text-align:left;
	display:block;
	background:url(../picts/bg/bg_nav-breadcrumb_bullet.gif) right 2px no-repeat;
}

#nav-breadcrumb ul li a {
	width:auto;
	text-decoration:none;
	color:#aaaaaa;
	font-weight: normal;
}

#nav-breadcrumb ul li a:hover {
   color:#666666;
}

#nav-breadcrumb ul li a.active {
   color:#006ac0;
}

#nav-breadcrumb ul li.last {
	background:none;
}

#nav-breadcrumb ul li.last a {
   color:#006ac0;
   font-weight:bold;
}

/*	Menu-04. Dealer-Menu
------------------------------------------------------------------*/

#dealer_menu ul {
	list-style: none; 
}

#dealer_menu li { /* all list items */
	display:block;
/*	height:20px;*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#dealer_menu a {
	display:block;
	width:300px;
	padding:5px 5px 5px 5px;
	font-size:1.2em;
	font-weight: bold;
	text-decoration:none;
	z-index: 0;
	color:#006ac0;
	background:#f1f1f1;
	border-bottom:1px solid #0064c0;
}

#dealer_menu a:hover {
	color:#c1ca00;
	background:#f6f6f6;
	border-bottom:1px solid #c1ca00;
}

#dealer_menu a.active {
	color:#c1ca00;
	background:#ffffff;
	border-bottom:1px solid #c1ca00;
}

#dealer_menu a.active:hover {	
	color:#c1ca00;
	background:#ffffff;
	border-bottom:1px solid #c1ca00;
}

#dealer_menu ul ul a {
	display:block;
	width:285px;
	padding:2px 5px 2px 20px;
	font-size:1.1em;
	font-weight:normal;
	text-decoration:none;
	color:#006ac0;
	border-bottom:1px solid #0064c0;
}

#dealer_menu ul ul a.active {
	font-weight:bold;
}


#dealer_menu li ul {
	padding:0px 0px 0px 0px;
	font-size:0.9em;
}

/* second-level lists*/ 
#dealer_menu li ul {
	display: none;
}

#dealer_menu li.IFSUBCUR ul {
	display:block;
}

/* third-level lists*/ 
#dealer_menu li.IFSUBCUR ul ul {
	display: none;
}

#dealer_menu li ul li.IFSUBCUR ul {
	display:block;
}


#dealer_menu ul ul ul a {
	display:block;
	width:265px;
	padding:2px 5px 2px 40px;
	font-size:1.0em;
	font-weight:normal;
	text-decoration:none;
	color:#006ac0;
	border-bottom:1px solid #0064c0;
}
















/*----------------------*/

ul#nav-submenu {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#000000;

}

ul#nav-submenu  {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
}

ul#nav-submenu li { /* all list items */
	float:left;
	display:block;
	padding:0px 0px 4px 0px;
	margin:0px 0px 0px 0px;
}

ul#nav-submenu a {
	float:left;
	display:block;
	width:146px;
	height:27px;
	padding:9px 0px 0px 14px;
	margin:0px 0px 0px 0px;
	font-size:1.4em;
	line-height:1.1em;
	font-weight: bold;
	text-decoration:none;
	z-index: 0;
	color:#666666;
	background: url(../picts/bg/submenu/bg_nav-submenu-inactive.jpg) no-repeat;
}

ul#nav-submenu li a:hover {
	background: url(../picts/bg/submenu/bg_nav-submenu-hover.jpg) no-repeat;
	color:#ffffff;
}

ul#nav-submenu li a.active {

	background: url(../picts/bg/submenu/bg_nav-submenu-active.jpg) no-repeat;
	color:#ffffff;
}

ul#nav-submenu li a.active:hover {	

	background: url(../picts/bg/submenu/bg_nav-submenu-active.jpg) no-repeat;
}

ul#nav-submenu li.IFSUBCUR a.active {
	height:18px;
	padding:9px 0px 0px 14px;
	background: url(../picts/bg/submenu/bg_nav-submenu-active-sub.jpg) no-repeat;
	color:#ffffff;
}

ul#nav-submenu li.IFSUBCUR a.active:hover {	
	height:18px;
	padding:9px 0px 0px 14px;
	background: url(../picts/bg/submenu/bg_nav-submenu-active-sub.jpg) no-repeat;
}


/* Zweite Ebene */

ul#nav-submenu li ul {
	display:none;
}


ul#nav-submenu li.IFSUBCUR ul {
	display:block;
	background:url(../picts/bg/submenu/bg_nav-submenu-body-0.jpg) repeat-y;
}

ul#nav-submenu li ul li{ /* all list items */
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

ul#nav-submenu li ul li a {
	display:block;
	width:146px;
	height:auto;
	padding:5px 0px 5px 14px;
	margin:0px 0px 0px 0px;
	font-size:1.0em;
	font-weight: normal;
	text-decoration:none;
	z-index: 0;
	color:#aaaaaa;
	background: url(../picts/bg/submenu/bg_nav-submenu-body-1.jpg) repeat-y;
}

ul#nav-submenu li ul li a:hover {
	background: url(../picts/bg/submenu/bg_nav-submenu-body-2.jpg) repeat-y;
	color:#005da2;
}

ul#nav-submenu li ul li a.active, #nav-submenu li ul li a.active:hover, #nav-submenu li.IFSUBCUR ul li a.active, #nav-submenu li.IFSUBCUR ul li a.active:hover {
	display:block;
	width:146px;
	height:auto;
	padding:5px 0px 5px 14px;
	margin:0px 0px 0px 0px;
	background: url(../picts/bg/submenu/bg_nav-submenu-body-3.jpg) repeat-y;
	font-weight:bold;
	color:#005da2;
}

/*	Subnavi - Header	*/

ul#nav-submenu li ul li.products-header a {
	width:146px;
	padding:11px 0px 5px 14px;
	background:url(../picts/bg/submenu/bg_nav-submenu-header-1.jpg) no-repeat;
}

ul#nav-submenu li ul li.products-header a:hover {
	width:146px;
	padding:11px 0px 5px 14px;
	background:url(../picts/bg/submenu/bg_nav-submenu-header-2.jpg) no-repeat;
}

ul#nav-submenu li ul li.products-header a.active, #nav-submenu li ul li.products-header a.active:hover {
	width:146px;
	padding:11px 0px 5px 14px;
	background:url(../picts/bg/submenu/bg_nav-submenu-header-3.jpg) no-repeat;
}


/*	Subnavi - Footer	*/

ul#nav-submenu li ul li.products-footer a {
	width:146px;
	padding:5px 0px 9px 14px;
	background:url(../picts/bg/submenu/bg_nav-submenu-footer-1.jpg) left bottom no-repeat;
}

ul#nav-submenu li ul li.products-footer a:hover {
	width:146px;
	padding:5px 0px 9px 14px;
	background:url(../picts/bg/submenu/bg_nav-submenu-footer-2.jpg) left bottom no-repeat;
}

ul#nav-submenu li ul li.products-footer a.active, #nav-submenu li ul li.products-footer a.active:hover {
	width:146px;
	padding:5px 0px 9px 14px;
	background:url(../picts/bg/submenu/bg_nav-submenu-footer-3.jpg) left bottom no-repeat;
}