@charset "utf-8";

/* home menupunkt, nicht in der kategorie liste */
div#faux a.navHome {
	width: auto;
	float: left;
	padding: 5px 15px;
	color: #fff;
	font-size: 14px;
	text-decoration:none;
	margin-top: 6px;
	border-right: 1px solid #007fc3;
}

/* 25% aktion & warenkorb */
div#faux div#cart {
	background:url(../img/navBgPattern.png) repeat-x;
	height: 44px;
	width: 330px;
	position: absolute;
	top: 0;
	right: 45px;
}

div#faux a.bullet {
	background:url(../img/25bullet.png) no-repeat 0px 1px;
	display: block;
	float: left;
	width: 70px;
	height: 44px;
	text-decoration:none;
}

div#faux span.line {
	display: block;
	float: left;
	width: 1px;
	height: 24px;
	background-color:#007fc3;
	margin: 6px 15px 0px 15px;
}


div#faux a.cart {
	background:url(../img/warenkorb.png) no-repeat 0px 3px;
	display: block;
	float: left;
	width: 214px;
	height: 34px;
	padding: 10px 0 0 10px;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}

/* haupt navigation */
div#faux ul.left_menu.menu_level1, ul.level1_sub {
	background:url(../img/navBgPattern.png) repeat-x;
	width: 981px;
	height: 44px;
	list-style: none;
}

ul.level3_sub, ul.level4_sub {
	display: none !important;
}

div#faux ul.left_menu.menu_level1 li.level1, ul.level1_sub li.dir, ul.level1_sub li.page {
	float: left;
	border-right: 1px solid #007fc3;
	padding: 0 5px;
	margin-top: 6px;
}

	div#faux ul.left_menu.menu_level1 li.level1 a, ul.level1_sub li.dir a, ul.level1_sub li.page a {
		display: block;
		padding: 5px 10px;
		color: #fff;
		text-decoration: none;
		font-size:14px;
	}

	ul.level2_sub li.dir, ul.level2_sub li.page {
		float: none;
		border: none;
		padding: 0;
	}

	div#faux ul.left_menu.menu_level1 li.level1:first-child {
		/*border: none;*/
	}

	div#faux ul.left_menu.menu_level1 li.level1:last-child {
		display: none;
	}

	div#faux ul.left_menu.menu_level1 li.level1:hover {

	}

		div#faux ul.left_menu.menu_level1 li.level1:hover a, ul.level1_sub li.dir:hover a {
			background-color: #fff;
			
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;

			-webkit-box-shadow: 1px 5px 5px #000;
			-moz-box-shadow: 1px 5px 5px #000;
			box-shadow: 1px 5px 5px #000; 

			color: #007fc3;
		}

	div#faux ul.left_menu.menu_level1 li.level1 ul, ul.level1_sub li.dir ul {
		display: none;
		background-color:#fff;
		position:absolute;
		z-index:100;

		-webkit-box-shadow: 1px 5px 5px #000;
		-moz-box-shadow: 1px 5px 5px #000;
		box-shadow: 1px 5px 5px #000; 

		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px; 
	}

	div#faux ul.left_menu.menu_level1 li.level1:hover ul, ul.level1_sub li.dir:hover ul {
		display: block;
	}

		div#faux ul.left_menu.menu_level1 li.level1:hover ul li {
			
		}

			div#faux ul.left_menu.menu_level1 li.level1:hover ul li a, ul.level1_sub li.dir:hover ul li a, ul.level2_sub li a {
				background: none;
				border: none;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none; 

				display: block;
				margin: 0;
				color: #000;
				text-decoration: none;
				font-size:11px;

				min-width: 150px;
			}

				div#faux ul.left_menu.menu_level1 li.level1:hover ul li a:hover, ul.level1_sub li.dir:hover ul li a:hover  {
					background-color: #007fc3;
					color: #fff;
					-moz-border-radius: 0px;
					border-radius: 0px; 
				}

	/* ab der 2. ebene ausblenden in der hauptnavigation */
	div#faux ul.left_menu li.level1 ul.menu_level2 li.level2 ul {
		display: none;
	}

/* / haupt navigation */

/* breadcrumb */
ul#breadcrumb {
	float: left;
	width: 560px;
}

	ul#breadcrumb li {
		float: left;
	}

		ul#breadcrumb li a {
			font-size: 10px;
		}


	ul#breadcrumb li:before {
		content: "»";
		padding: 0 5px;
		font-size: 10px;
	}
	
	ul#breadcrumb li:first-child:before {
		content: "";
		padding: 0;
	}

/* footer navigation */
#foot ul {
	width: 170px;
	float: left;
	font-size:11px;
	margin-right: 25px;
}

	#foot ul li:first-child {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 2px solid #1caad3;
		font-weight:bold;
	}

	#foot ul li {
		margin: 5px;
		color: #fff;
	}

	#foot ul li a {
		color: #fff;
		text-decoration: none;
	}

		#foot ul li a.facebook {
			background:url(../img/facebook.png) no-repeat;
			line-height: 21px;
			padding: 4px 0 6px 25px;
		}


/* kategorie navigation links */
div#faux div#content div#columns div#col1 div.wrap ul.left_menu.menu_level1 {
	background: none;
	width: auto;
	height: auto;
}

div#faux div#content div#columns div#col1 div.wrap ul.left_menu.menu_level1 li.level1:last-child {
	display: block !important;
}

div#faux div#content div#columns div#col1 div.wrap ul.left_menu.menu_level1 li.level1 {
	float: none;
	border-right: none;
	padding: 0;
	margin-top: 0;
}

	div#faux div#content div#columns div#col1 div.wrap ul.left_menu.menu_level1 li.level1 a {
		font-size:12px;
	}

		div#faux div#content div#columns div#col1 div.wrap ul.left_menu a.level1active_link {
			background-color: #007fc3;
			color: #fff;
		}

		div#faux div#content div#columns div#col1 div.wrap ul.left_menu a.level2active_link {
			background-color: #219cde;
			color: #fff;
		}

	div#faux div#content div#columns div#col1 div.wrap ul.left_menu.menu_level1 li.level1:hover a, ul.level1_sub li.dir:hover a {
			background:none;
			border: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none; 
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}


	div#faux div#content div#columns div#col1 div.wrap ul.left_menu li.level1.level1active a.level1active_link {
		background-color: #007fc3;
	}

	div#faux div#content div#columns div#col1 div.wrap ul.left_menu li.level1.level1active a.level2active_link {
			background-color: #219cde;
	}


	div#faux div#content div#columns div#col1 div.wrap ul.left_menu.menu_level1 li.level1 ul, ul.level1_sub li.dir ul {
		display: none;
		background: none;
		position:inherit;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border: none;
	}

		div#faux div#content div#columns div#col1 div.wrap ul.left_menu.menu_level1 li ul li a {
			padding-left: 30px;
			font-size: 11px !important;
		}

				div#faux ul.left_menu.menu_level1 li.level1:hover ul li a:hover, ul.level1_sub li.dir:hover ul li a:hover  {
					background-color: #007fc3;
					color: #fff;
					-moz-border-radius: 0px;
					border-radius: 0px; 
				}

	/* ebenen einblenden bei aktiven status */
	div#faux div#content div#columns div#col1 div.wrap ul.left_menu li.level1active ul.menu_level2,
	div#faux div#content div#columns div#col1 div.wrap ul.left_menu li.level1active ul.menu_level2 li.level2active ul.menu_level3,
	div#faux div#content div#columns div#col1 div.wrap ul.left_menu ul.menu_level3 ul.menu_level4 {
		display: block !important;
	}

	/* ebenen abheben */
	div#faux div#content div#columns div#col1 div.wrap ul.left_menu li.level1active ul {
		border-top: 1px solid #000 !important;
		border-bottom: 1px solid #000 !important;
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
	}

	/* level 3 einrücken */
	div#faux div#content div#columns div#col1 div.wrap ul.left_menu li.level1active ul.menu_level2 li.level2active ul.menu_level3 li a {
		padding-left: 40px;
	}

		/* level 3 hover */
		div#faux div#content div#columns div#col1 div.wrap ul.left_menu li ul li ul li a:hover {
			background: none !important;
			color: #219cde !important;
		}

		/* level 3 active */
		div#faux div#content div#columns div#col1 div.wrap ul.left_menu li ul li ul li a.level3active_link {
			color: #219cde !important;
		}

	/* 4. ebene einrücken */
	div#faux div#content div#columns div#col1 div.wrap ul.left_menu li.level1active ul.menu_level2 li.level2active ul.menu_level3 li.level3active ul.menu_level4 li a {
		padding-left: 50px;
	}

		/* level 4 active */
		div#faux div#content div#columns div#col1 div.wrap ul.left_menu li ul li ul li ul li a.level4active_link {
			color: #219cde !important;
		}


	/* hover stati */
	div#faux div#content div#columns div#col1 div.wrap ul.left_menu li ul li a:hover {
		background-color: #219cde !important;
	}


/* / kategorie navigation links */

/* einfache navigation für landingpage */
div#faux ul.left_menu.menu_level1.noHover li.level1:hover a {
	background:none;
	-webkit-border: 0px;
	-moz-border: 0px;
	border-radius: 0px;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; 

	color: #007fc3;
}