/*
 * Datei:   css/navigation.css
 * Autor:   Thomas Schlicker
 * Version: 06/2009
 */


/* HEADER NAVI */
#header ul.topnavi {
	position: relative;
	z-index: 2000;
}
#header ul.topnavi li {
	float: left;
}
#header ul.topnavi li a {
	display: block;
}
#header ul.topnavi li.hover,
#header ul.topnavi li:hover {
	position: relative;
}
#header ul.topnavi li a.topic {
	float: left;
	width: 155px;
	height: 30px;
	margin: 8px 0px 0px 5px;
	background: transparent url(../images/topnavi-topic.png) no-repeat scroll top left;
}
#header ul.topnavi li a.topic:hover {
	background: transparent url(../images/topnavi-topic-hover.png) no-repeat scroll top left;
}
#header ul.topnavi li a.mark {
	cursor: pointer;
	float: left;
	width: 163px;
	height: 30px;
	margin: 8px 0px 0px 5px;
	border-left: 2px solid #FF0000;
	background: transparent url(../images/topnavi-mark.png) no-repeat scroll 8px 0px;
}
#header ul.topnavi li a.mark:hover {
	background: transparent url(../images/topnavi-mark-hover.png) no-repeat scroll 8px 0px;
}
#header ul.topnavi li a.categorie {
	cursor: pointer;
	float: left;
	width: 190px;
	height: 30px;
	margin: 8px 0px 0px 5px;
	border-left: 2px solid #FF0000;
	background: transparent url(../images/topnavi-categorie.png) no-repeat scroll 8px 0px;
}
#header ul.topnavi li a.categorie:hover {
	background: transparent url(../images/topnavi-categorie-hover.png) no-repeat scroll 8px 0px;
}
#header ul.topnavi li.search {
	float: left;
	height: 30px;
	margin: 8px 0px 0px 5px;
	border-left: 2px solid #FF0000;
	background: transparent url(../images/topnavi-search.png) no-repeat scroll 8px 0px;
}
#header ul.topnavi li.search input {
	width: 115px;
	font-size: 12px;
	margin: 5px 0px 0px 110px;
	padding: 1px 2px;
	border: 1px solid #000;
	background-color: #BABABA;
}
#header ul.topnavi li.cart {
	float: left;
	height: 30px;
	font-size: 10px;
	color: #BABABA;
	margin: 8px 0px 0px 10px;
	border-left: 2px solid #FF0000;
	background: transparent url(../images/topnavi-cart.png) no-repeat scroll 8px 0px;
}
#header ul.topnavi li.cart a.cart-name {
	float: left;
	text-decoration: underline;
	margin: 10px 0px 0px 40px;
}
#header ul.topnavi li.cart span#cart-number {
	float: left;
	font-weight: bold;
	margin: 10px 0px 0px 8px;
}
#header .styleguide {
	margin: 180px 0px 0px 15px;
}
#header .weapon {
	margin: 10px 0px 0px 15px;
}

/* SECOND LEVEL */
ul.topnavi ul {
	width: 185px;
	top: 95%;
	left: 10%;
	position: absolute;
	visibility: hidden;
	border: 1px solid #000;
	padding: 2px 0px 6px !important;
	background: transparent url(../images/bg-content.jpg) repeat scroll top left;
}
ul.topnavi ul li {
	float: none;
	width: 100%;
	margin: 1px 10px;
}
ul.topnavi ul li a {
	color: #A8A8A8;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
ul.topnavi ul li a:hover {
	color: #FFF;
}
/* IE 6 & 7 Needs Inline Block */
ul.topnavi ul li a {
	width: 100%;
	display: inline-block;
} 

/* LEVEL THREE */
ul.topnavi ul ul {
	width: 185px;
	left: 85%;
	top: 0px; /*10%;*/
}
ul.topnavi li:hover > ul {
	visibility: visible;
}

/* SERVICENAVI */
#servicenavi {
	width: 60px;
	margin: 190px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
#servicenavi li a.login {
	float: left;
	width: 50px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/servicenavi-login.png) no-repeat scroll top left;
}
#servicenavi li a.account {
	float: left;
	width: 50px;
	height: 132px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/servicenavi-account.png) no-repeat scroll top left;
}
#servicenavi li a.support {
	float: left;
	width: 50px;
	height: 102px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/servicenavi-support.png) no-repeat scroll top left;
}
#servicenavi li a.sniper {
	float: left;
	width: 50px;
	height: 85px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/servicenavi-sniper.png) no-repeat scroll top left;
}
#servicenavi li a.faq {
	float: left;
	width: 50px;
	height: 54px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/servicenavi-faq.png) no-repeat scroll top left;
}
#servicenavi li a.links {
	float: left;
	width: 50px;
	height: 76px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/servicenavi-links.png) no-repeat scroll top left;
}
#servicenavi li a.newsletter {
	float: left;
	width: 50px;
	height: 136px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/servicenavi-newsletter.png) no-repeat scroll top left;
}
#servicenavi li a.coupon{
	float: left;
	width: 50px;
	height: 132px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/servicenavi-coupon.png) no-repeat scroll top left;
}