@charset "utf-8";
/* CSS Document */

#head {
	background: url(../images/layout/en_bg_header.jpg) no-repeat 44px top;
}

/* 3. Navigation */

ul#navigation {
	width: 911px;
	float:none;
	height: 30px;
	position:absolute;
	z-index: 10;
	top: 147px;
}

ul#navigation li{
	float:left;
}

ul#navigation a{
	text-decoration: none;
	text-indent: -9999px;
	display:block;
	height: 25px;
}

a.l1{ width: 78px;}
a.l2{ width: 76px;}
a.l3{ width: 85px;}
a.l4{ width: 95px;}
a.l5{ width: 67px;}
a.l6{ width: 64px;}
a.l7{ width: 73px;}
a.l8{ width: 62px;}
a.l9{ width: 124px; margin: 0 96px 0 0;}
a.l10{ width: 35px;}
a.l11{ width: 37px;}

ul#navigation li.active .l1, a.l1:hover{background:url(../images/layout/en_bg_navigation.jpg) left top;}
ul#navigation li.active .l2, a.l2:hover{background:url(../images/layout/en_bg_navigation.jpg) -78px top;}
ul#navigation li.active .l3, a.l3:hover{background:url(../images/layout/en_bg_navigation.jpg) -154px top;}
ul#navigation li.active .l4, a.l4:hover{background:url(../images/layout/en_bg_navigation.jpg) -239px top;}
ul#navigation li.active .l5, a.l5:hover{background:url(../images/layout/en_bg_navigation.jpg) -334px top;}
ul#navigation li.active .l6, a.l6:hover{background:url(../images/layout/en_bg_navigation.jpg) -401px top;}
ul#navigation li.active .l7, a.l7:hover{background:url(../images/layout/en_bg_navigation.jpg) -465px top;}
ul#navigation li.active .l8, a.l8:hover{background:url(../images/layout/en_bg_navigation.jpg) -538px top;}
ul#navigation li.active .l9, a.l9:hover{background:url(../images/layout/en_bg_navigation.jpg) -600px top;}
ul#navigation li.active .l10, a.l10:hover{background:url(../images/layout/en_bg_navigation.jpg) -820px top;}
ul#navigation li.active .l11, a.l11:hover{background:url(../images/layout/en_bg_navigation.jpg) -855px top;}



/*----------------- PNG-Filter/Position Hacks fr IE6 -------------------*/



/*------------------------------- Subnavi  -------------------------------*/

ul#subnavigation{
	float:left;
	width:198px;
	height: 404px;
	background:url(../images/layout/en_bg_subnavi.jpg) no-repeat;
	padding: 28px 0 0 0;
}

ul#subnavigation li{
	text-indent: -9999px;
	display:block;
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 91px;
}

ul#subnavigation li.shoplink{
	padding: 24px 0 0 35px;
	height: 56px;
}

ul#subnavigation li.myspace{
	padding: 5px 0 0 35px;
	height: 56px;
}

ul#subnavigation a{
	text-indent: -9999px;
	display:block;
	width: 107px;
	text-decoration: none;
}

ul#subnavigation a.l20{
	height: 56px;
	width: 163px;
}

ul#subnavigation a.l30{
	height: 56px;
	width: 163px;
}

ul#subnavigation li.active .l12, a.l12:hover{background:url(../images/layout/bg_subnavi-hover.jpg) no-repeat left 3px;}
ul#subnavigation li.active .l13, a.l13:hover{background:url(../images/layout/bg_subnavi-hover.jpg) no-repeat left -23px;}
ul#subnavigation li.active .l14, a.l14:hover{background:url(../images/layout/bg_subnavi-hover.jpg) no-repeat left -49px;}
ul#subnavigation li.active .l15, a.l15:hover{background:url(../images/layout/bg_subnavi-hover.jpg) no-repeat left -75px;}
ul#subnavigation li.active .l16, a.l16:hover{background:url(../images/layout/bg_subnavi-hover.jpg) no-repeat left -101px;}
ul#subnavigation li.active .l17, a.l17:hover{background:url(../images/layout/bg_subnavi-hover.jpg) no-repeat left -127px;}
ul#subnavigation li.active .l18, a.l18:hover{background:url(../images/layout/bg_subnavi-hover.jpg) no-repeat left -153px;}
ul#subnavigation li.active .l19, a.l19:hover{background:url(../images/layout/bg_subnavi-hover.jpg) no-repeat left -179px;}
ul#subnavigation li.active .l19, a.l26:hover{background:url(../images/layout/en_bg_subnavi-hover.jpg) no-repeat left -205px;}
ul#subnavigation li.active .l20, a.l20:hover{background: url(../images/layout/bg_subnavi_shop-hover.jpg) no-repeat left -1px;}
ul#subnavigation li.active .l21, a.l30:hover{background: url(../images/layout/bg_subnavi_myspace-hover.jpg) no-repeat left -1px;}

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

ul#footer{
	width: 632px;
	float:none;
	background:url(../images/layout/en_bg_footer.jpg) no-repeat;
	height: 22px;
	padding: 0 0 0 8px;
}

ul#footer li{
	text-indent: -9999px;
	display:block;
	height: 22px;
	line-height: 22px;
	float:left;
}

ul#footer a{
	text-indent: -9999px;
	display:block;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
}

a.l21{ width: 68px;}
a.l22{ width: 70px;}
a.l23{ width: 57px;}
a.l24{ width: 55px;}
a.l25{ width: 71px;}

ul#footer li.active .l21, a.l21:hover{background:url(../images/layout/en_bg_footer-hover.jpg) no-repeat 0px 4px;}
ul#footer li.active .l22, a.l22:hover{background:url(../images/layout/en_bg_footer-hover.jpg) -68px 4px;}
ul#footer li.active .l23, a.l23:hover{background:url(../images/layout/en_bg_footer-hover.jpg) -138px 4px;}
ul#footer li.active .l24, a.l24:hover{background:url(../images/layout/en_bg_footer-hover.jpg) -195px 4px;}
ul#footer li.active .l25, a.l25:hover{background:url(../images/layout/en_bg_footer-hover.jpg) no-repeat -250px 4px;}