#topnav {
	position: relative;
	width: 600px;
	height: 23px;
	background: url(navigation_bg.gif) no-repeat;
	z-index:500;
}

/* -----------------------------------------------
					NAVIGATION
----------------------------------------------- */
ul#navigation, 
ul#navigation * {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

ul#navigation {
	/* Die relative Positionierung mit dem z-index ist wichtig,
	damit die Navigation auf einer höheren Ebene als die Input
	Felder ist da es ansonsten zu einer Überlappung kommt. */
	position: relative;
	z-index: 1000;
	width: 580px;
	height: 23px;
	left: 10px;
	float: left;
	background: url(./../images/button_back.gif) repeat-x;
}
	
	ul#navigation, #navigation ul {
		list-style: none;
	}

        #navigation li{
		float: left;
	}

	#navigation li#yourBasketUS {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 20;
	}
	
	#navigation li#yourBasketUK {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 20;
	}
	
	#navigation li a {
		width: auto !important;
		/* für den IE wird eine feste Breite gebraucht,
		da ansonsten display: block nicht funktioniert.
		Da dem IE aber egal ist wenn das Element zu schmal
		definiert ist gehts wunderbar mit 1px und ist
		dennoch dynamisch breit */
		width: 1px;
		white-space: nowrap;
		padding: 0 9px 0 9px;
		line-height: 21px;
		height: auto !important;
		height: 1px;
		display: block;
		color: #1E425A;
	}
	
	#navigation li a:hover {
		color: #59676D;
		background-color: #FFF;
	}


	#navigation li#yourBasketUS a#yourBasketMainUS {
		padding: 0;
		width: 43px !important;
		width: 43px;
		text-indent: -9999px;
		background-image: url(icon_cart.gif);
		background-position: 50% 50%;
	}
	
	#navigation li#yourBasketUK a#yourBasketMainUK {
		padding: 0;
		width: 43px !important;
		width: 43px;
		text-indent: -9999px;
		background-image: url(icon_cart.gif);
		background-position: 50% 50%;
	}

	#navigation li a.act {
		color: #59676D;
		background-color: #FFF;
	}
	
	#navigation li ul {
		position: absolute;
		left: -9999px;
		margin-left: -30px;
		padding: 1px 30px 30px 30px;
		width: 200px !important;
		width: 260px;
	}
	
	#navigation li li {
		width: 200px;
		clear: left;
		background-color: #DEE4E7;
		margin-bottom: -1px;
	}
	
	#navigation li li a {
		/* Die relative Positionierung mit dem z-index ist wichtig,
		damit der äbergeordnete Navigationspunkt vor der nächst tieferen
		Ebene ist */
		position: relative;
		z-index: 999;
		margin: 1px;
		width: auto !important;
		width: 198px;
		white-space: normal;
		color: #060;
		background-color: #F4F4F4;
	}
	
	*:first-child+html #navigation li li a {
		height: 21px !important;
	}
	
	#navigation li li a:hover {
		color: #060;
		background-color: #FFF;
	}
	
	#navigation li ul ul {
		display:none;
	}

	#navigation li.first ul ul {
		display:block;
		margin: -52px 0 0 169px !important;
		margin: -53px 0 0 169px;
		padding: 30px 30px 30px 30px;
		width: 200px !important;
		width: 260px;
	}

	
	#navigation li li li a {
		background-color: #FAFAFA;
	}
	
	#navigation li:hover ul ul, #navigation li.sfhover ul ul {
		left: -9999px;
	}
	
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
		left: auto;
	}
	
#yourBasket {
	position: absolute;
	top: -13px !important;
	top: 0px;
	right: 5px;
	z-index: 1020;
}



	#yourBasket a {
		display: block;
		width: 25px;
		height: 16px;
		text-indent: -9999px;
		background: url(icon_cart.gif) no-repeat 50% 50%;
	}



	
	#yourBasket a:hover {
		background-color: #FFF;
	}




/* #navigation li.customerstatements {
	font-weight: bold;
}

	#navigation li.customerstatements a {
		color: #e23828;
	}
*/