/* ==================================================================
 - Stylesheet fuer die Navigationen
Datei: jado_navigation.css
Media: all

Datum: 27.08.2012
Autor:	Agentur Grintsch (mf/mr)
Internet: www.grintsch.com

Inhalt:
CSS-Anweisungen für die Navigation der Site der Website www.jado.com

Aufbau:
1. Klassen

2. Countryselector
	2.1 Countryselector: Sichtbare Fläche
	2.2 Countryselector: Drop box
	2.3 Countryselector: Countries

3. Hauptnavigation
	3.1 Hauptnavigation: 1. Level
		3.1.1 Hauptnavigation: 1. Level - Products
		3.1.2 Hauptnavigation: 1. Level - Suche
		3.1.3 Hauptnavigation: 1. Level - Favoriten
	3.2 Hauptnavigation: 2. Level
		3.2.1 Hauptnavigation: 2. Level - Drop box
		3.2.2 Hauptnavigation: 2. Level - Navigationspunkte
		3.2.3 Hauptnavigation: 2. Level - Produkte
			3.2.3.1 Hauptnavigation: 2. Level - Produkte (Kollektionen/Designsegmente)
			3.2.3.2 Hauptnavigation: 2. Level - Produkte (Produktgruppen)
			3.2.3.3 Hauptnavigation: 2. Level - Produkte (Oberflächen)
		3.2.4 Hauptnavigation: 2. Level - Suche
		3.2.5 Hauptnavigation: 2. Level - Suche

4. Produktliniennavigation
	4.1 Produktliniennavigation: think
	4.2 Produktliniennavigation: feel
	4.3 Produktliniennavigation: dream
	4.4 Produktliniennavigation: Over box
	4.5 Produktliniennavigation: IE6 hacks

5. Zusatznavigation (-> gibts nicht mehr)
==================================================================== */
/* =================================================

	=1. Klassen

==================================================== */
ul.navigation {
	float: left;

	list-style-type: none;
}

	ul.navigation li {
		float: left;
		
		background: url(img/sprite/no-repeat.gif) no-repeat 0 0;
	}

		ul.navigation li a {
			display: block;
			float: left;

			font-weight: bold;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;

			cursor: pointer;
		}

			ul.navigation li a span {
				display: block;
				
				cursor: pointer;
			}

.clear {
	float: none !important;
	clear: both !important;

	font-size: 0;

	width: 0;
	height: 0;
	line-height: 0 !important;
}

.wech {
	display: inline;
	position: absolute;
	left: -100000px;
	top: -100000px;
	overflow: hidden;

	width: 0;
	height: 0;
}
/* =================================================

	=2. Countryselector

==================================================== */
/* =================================================

	=2.1 Countryselector: Sichtbare Fläche

==================================================== */
#wrapperCountrySelector {
	position: absolute;
	top: 481px;
	left: 778px;

	width: 217px;
	height: 31px;
	background: url(img/sprite/repeat-x.gif) repeat-x 0 0;
}

	#wrapperCountrySelector div.box_country_selector { background: url(img/sprite/no-repeat.gif) no-repeat 0 -1px; }

	#wrapperCountrySelector a.title_country_selector {
		display: block;

		width: 212px;
		height: 26px;
		padding: 3px 0 1px 4px;
		margin: 1px 0 0 1px;
	}

	#wrapperCountrySelector a.title_country_selector:hover,
	#wrapperCountrySelector a.title_country_selector:focus,
	#wrapperCountrySelector a.title_country_selector:active {
		text-decoration: none;

		background: url(img/sprite/no-repeat.gif) no-repeat 0 -360px;
	}

		#wrapperCountrySelector a.title_country_selector span {
			display: block;

			font-weight: bold;
			text-transform: uppercase;
		}

		#titleCountrySelector {
			font-size: 12px;
			color: #fff;
			margin-bottom: -5px;
		}

		*+html #titleCountrySelector { margin-bottom: 0; }

		#selectedCountry {
			font-size: 9px;
			color: #525658;
		}

		#wrapperCountrySelector a.title_country_selector:hover #titleCountrySelector,
		#wrapperCountrySelector a.title_country_selector:focus #titleCountrySelector,
		#wrapperCountrySelector a.title_country_selector:active #titleCountrySelector { color: #525658; }

		#wrapperCountrySelector a.title_country_selector:hover #selectedCountry,
		#wrapperCountrySelector a.title_country_selector:focus #selectedCountry,
		#wrapperCountrySelector a.title_country_selector:active #selectedCountry { color: #ffffff; }

/* =================================================

	=2.2 Countryselector: Drop box

==================================================== */
#wrapperCountrySelector div.drop {
	position: absolute;
	top: -108px;
	left: 0;
	visibility: hidden;

	width: 217px;
	background: #95a0aa url(img/sprite/no-repeat.gif) no-repeat 0 0;
}

#wrapperCountrySelector:hover div.drop { visibility: visible; }
* html #wrapperCountrySelector a.title_country_selector:hover div.drop { visibility: visible; }

/* =================================================

	=2.3 Countryselector: Countries

==================================================== */
#wrapperCountrySelector ul.sub {
	width: 217px;
	background: url(img/sprite/repeat-x.gif) repeat-x 0 0;
	padding-top: 1px;
}

	#wrapperCountrySelector ul.sub li {
		width: 217px;
		min-height: 15px;
		background-image: none;
		padding-top: 1px;
	}

		#wrapperCountrySelector ul.sub li a {
			width: 206px;
			background: url(img/sprite/repeat-x.gif) repeat-x 0 16px;
			margin: 0 5px 0 6px;
			padding: 1px 0 3px 0;
		}

		* html #wrapperCountrySelector ul.sub li a { display: inline; text-decoration: none; }

		#wrapperCountrySelector ul.sub li.last a {
			background-image: none;
			padding-bottom: 2px;
		}

			#wrapperCountrySelector ul.sub li a span {
				font-size: 10px;
				font-weight: normal;

				width: 202px;
				padding: 0 2px;
			}

			* html #wrapperCountrySelector ul.sub li a span { width: 206px; }

			#wrapperCountrySelector ul.sub li a:hover span,
			#wrapperCountrySelector ul.sub li a:focus span,
			#wrapperCountrySelector ul.sub li a:active span {
				color: #525658;

				background-color: #c8cdd1;
			}

/* =================================================

	=3. Hauptnavigation

==================================================== */
#wrapperNavigationMain {
	position: absolute;
	top: 157px;
	left: 22px;
	z-index: 100;
}

* html #wrapperNavigationMain { left: 20px; }

#wrapperNavigationMain ul.main table {
	position: absolute;
	top: 0;
	left: 0;

	width: 0;
	height: 0;

	border-collapse: collapse;
}

/* =================================================

	=3.1 Hauptnavigation: 1. Level

==================================================== */
#wrapperNavigationMain ul.main {
	clear: both;

	width: 973px;
	height: 22px;
	background: url(img/sprite/repeat-x.gif) repeat-x 0 0;
}

* html #wrapperNavigationMain ul.main { width: 975px; }

	#wrapperNavigationMain li.main {
		position: relative;
		display: block;

		width: 149px;
		height: 21px;
		padding: 1px 0 0 1px;
	}

	#wrapperNavigationMain li#menuMain_03 { width: 146px; }

			#wrapperNavigationMain li a.main {
				font-size: 12px;
				text-decoration: none;

				width: 145px;
				height: 15px;
				padding: 3px 0 3px 4px;
			}

			* html #wrapperNavigationMain li a.main { width: 148px; }

			#wrapperNavigationMain li#menuMain_03 a { width: 142px; }

			* html #wrapperNavigationMain li#menuMain_03 a { width: 145px; }

			#wrapperNavigationMain li a:hover,
			#wrapperNavigationMain li a:focus,
			#wrapperNavigationMain li a:active {
				color: #525658;

				background: url(img/sprite/no-repeat.gif) no-repeat 0 -360px;
			}

/* =================================================
	=3.1.1 Hauptnavigation: 1. Level - Products
==================================================== */
#wrapperNavigationMain #menuMainProducts { width: 152px; }

	#wrapperNavigationMain #menuMainProducts a { width: 148px; }

	* html #wrapperNavigationMain #menuMainProducts a { width: 151px; }

/* =================================================
	=3.1.2 Hauptnavigation: 1. Level - Suche
==================================================== */
* html #wrapperNavigationMain #menuMainSearch { height: 22px; }

	#wrapperNavigationMain #menuMainSearch form {
		width: 146px;
		height: 18px;

		padding: 2px 0 0px 3px;
	}

	* html #wrapperNavigationMain #menuMainSearch form { margin-top: 1px; }

		#wrapperNavigationMain #menuMainSearch .input_text {
			float: left;

			font-size: 10px;
			color: #c4cbd0;

			width: 120px;
			height: 14px;
			background-color: #8996a0;
			padding: 0 1px 1px;
			border: 1px solid #fff;
			border-right: none;
			margin: 0;
		}

		* html #wrapperNavigationMain #menuMainSearch .input_text { font-size: 11px; height: 17px; }

		* html #wrapperNavigationMain #menuMainSearch .input_image { margin-left: -3px; }

/* =================================================
	=3.1.3 Hauptnavigation: 1. Level - Favoriten
==================================================== */
#wrapperNavigationMain #menuMainFavourites { width: 222px; }

* html #wrapperNavigationMain #menuMainFavourites { width: 230px; }

	#wrapperNavigationMain #menuMainFavourites a {
		width: 199px;
		background: url(img/sprite/no-repeat.gif) no-repeat 0 -420px;
		padding-left: 23px;
	}

	* html #wrapperNavigationMain #menuMainFavourites a { width: 229px; }

	#wrapperNavigationMain #menuMainFavourites a:hover,
	#wrapperNavigationMain #menuMainFavourites a:focus,
	#wrapperNavigationMain #menuMainFavourites a:active { background-position: 0 -470px; }

/* =================================================

	=3.2 Hauptnavigation: 2. Level

==================================================== */
/* =================================================
	=3.2.1 Hauptnavigation: 2. Level - Drop box
==================================================== */
#wrapperNavigationMain div.drop {
	position: absolute;
	left: 0;
	visibility: hidden;

	width: 151px;
	background: #95a0aa url(img/sprite/no-repeat.gif) no-repeat 150px 0;
}

#wrapperNavigationMain li.main:hover div.drop { visibility: visible; }
* html #wrapperNavigationMain li.main a:hover div.drop { visibility: visible; }

#wrapperNavigationMain div#menuDrop_03 {
	width: 148px;
	background-position: 147px 0;
}

	#wrapperNavigationMain div.drop_inner { background: url(img/sprite/no-repeat.gif) no-repeat 0 0; }

/* =================================================
	=3.2.2 Hauptnavigation: 2. Level - Navigationspunkte
==================================================== */
#wrapperNavigationMain ul.sub {
	width: 150px;
	background: url(img/sprite/repeat-x.gif) repeat-x 0 0;
	padding-top: 1px;
}

#wrapperNavigationMain div#menuDrop_03 ul.sub { width: 147px; }

	#wrapperNavigationMain ul.sub li {
		width: 150px;
		min-height: 15px;
		background-image: none;
		padding-top: 1px;
	}

	* html #wrapperNavigationMain ul.sub li { padding-top: 0; }

	#wrapperNavigationMain div#menuDrop_03 ul.sub li { width: 147px; }

	#wrapperNavigationMain ul.sub li a {
		width: 139px;
		background: url(img/sprite/repeat-x.gif) repeat-x 0 15px;
		margin: 0 5px 0 6px;
		padding: 1px 0 3px 0;
	}

	* html #wrapperNavigationMain ul.sub li a { display: inline; font-size: 11px; font-weight: normal; text-decoration: none; background-position: 0 16px; padding-bottom: 2px; }

	#wrapperNavigationMain ul.sub li.last a { background-image: none; }

	* html #wrapperNavigationMain ul.sub li a:hover { background: url(img/sprite/repeat-x.gif) repeat-x 0 16px; }

	#wrapperNavigationMain div#menuDrop_03 ul.sub li a { width: 136px; }

		#wrapperNavigationMain ul.sub li a span {
			width: 135px;
			padding: 0 2px;
		}

		* html #wrapperNavigationMain ul.sub li a span { width: 139px; background-image: none; }

		#wrapperNavigationMain div#menuDrop_03 ul.sub li a span { width: 132px; }

		* html #wrapperNavigationMain div#menuDrop_03 ul.sub li a span { width: 136px; }

		#wrapperNavigationMain ul.sub li a:hover span,
		#wrapperNavigationMain ul.sub li a:focus span,
		#wrapperNavigationMain ul.sub li a:active span {
			color: #525658;
			
			background-color: #c8cdd1;
		}

		* html #wrapperNavigationMain ul.sub li a span:hover { background-image: none; }

/* =================================================
	=3.2.3 Hauptnavigation: 2. Level - Produkte
==================================================== */
#wrapperNavigationMain #menuMainProducts div.drop {
	width: 460px;
	background-position: 459px 0;

	white-space: nowrap;
}

/* INT/EN/DE with JES, INT/EN/DE without Jean Nouvel */
#wrapperNavigationMain #menuMainProducts div.drop_int,
#wrapperNavigationMain #menuMainProducts div.drop_en,
#wrapperNavigationMain #menuMainProducts div.drop_de {
	top: -154px;

	height: 154px;
}

/* With JES 
#wrapperNavigationMain #menuMainProducts div.drop_int,
#wrapperNavigationMain #menuMainProducts div.drop_en {
	top: -168px;

	height: 168px;
}*/

#wrapperNavigationMain #menuMainProducts div.drop_fr,
#wrapperNavigationMain #menuMainProducts div.drop_nl {
	top: -140px;

	height: 140px;
}

	#wrapperNavigationMain #menuMainProducts div.drop_inner { width: 460px; }

	/* INT/EN with JES, INT/EN/DE without Jean Nouvel */
	#wrapperNavigationMain #menuMainProducts div.drop_int div.drop_inner,
	#wrapperNavigationMain #menuMainProducts div.drop_en div.drop_inner,
	#wrapperNavigationMain #menuMainProducts div.drop_de div.drop_inner { height: 154px; }

	/*#wrapperNavigationMain #menuMainProducts div.drop_int div.drop_inner,
	#wrapperNavigationMain #menuMainProducts div.drop_en div.drop_inner { height: 168px; }*/

	#wrapperNavigationMain #menuMainProducts div.drop_fr div.drop_inner,
	#wrapperNavigationMain #menuMainProducts div.drop_nl div.drop_inner { height: 140px; }

		#wrapperNavigationMain #menuMainProducts div.drop h2 {
			position: absolute;
			top: 0;

			width: 20px;
			height: 99%;
			background: url(img/sprite/repeat-x.gif) repeat-x 0 0;
		}

			#wrapperNavigationMain #menuMainProducts div.drop h2 a {
				display: block;

				width: 19px;
				height: 100%;
				background: url(img/sprite/no-repeat.gif) no-repeat;
				margin: 1px 0 0 1px;
			}

			#wrapperNavigationMain #menuMainProducts div.drop h2 a:hover,
			#wrapperNavigationMain #menuMainProducts div.drop h2 a:focus,
			#wrapperNavigationMain #menuMainProducts div.drop h2 a:active { height: 98%; }

		#wrapperNavigationMain #menuMainProducts div.drop div.box_grouping {
			float: left;

			background: url(img/sprite/repeat-x.gif) repeat-x 0 0;
			padding: 1px 0 0 5px;
			margin-left: 21px;
		}

		* html #wrapperNavigationMain #menuMainProducts div.drop div.box_grouping { display: inline; }

			#wrapperNavigationMain #menuMainProducts div.drop div.box_grouping ul {
				background-image: none;
				padding-top: 0;
			}

		#wrapperNavigationMain #menuMainProducts div.drop a { float: none; }


/*	=3.2.3.1 Hauptnavigation: 2. Level - Produkte (Kollektionen/Designsegmente)
==================================================== */
#wrapperNavigationMain #menuMainProducts div.drop h2.collections {
	left: 0;
	
	width: 18px;
}

	#wrapperNavigationMain #menuMainProducts div.drop h2.collections a {
		width: 17px;
		background-position: 0 -520px;
	}
	#wrapperNavigationMain #menuMainProducts div.drop h2.collections a:hover { background-position: -30px -520px; }

	#wrapperNavigationMain #menuMainProducts div.drop h2.collections a.de { background-position: -60px -520px; }
	#wrapperNavigationMain #menuMainProducts div.drop h2.collections a.de:hover { background-position: -90px -520px; }

	#wrapperNavigationMain #menuMainProducts div.drop h2.collections a.fr { background-position: -120px -520px; }
	#wrapperNavigationMain #menuMainProducts div.drop h2.collections a.fr:hover { background-position: -150px -520px; }

	#wrapperNavigationMain #menuMainProducts div.drop h2.collections a.nl { background-position: -180px -520px; }
	#wrapperNavigationMain #menuMainProducts div.drop h2.collections a.nl:hover { background-position: -210px -520px; }

#wrapperNavigationMain #menuMainProducts div.drop div.box_collections {
	width: 129px;
	padding-left: 6px;
	margin-left: 18px;
}

	#wrapperNavigationMain #menuMainProducts div.drop div.box_collection {
		width: 124px;
		padding: 1px 0;
		border-bottom: 1px solid #fff;
	}

	#wrapperNavigationMain #menuMainProducts div.drop div.box_dream { border-bottom: none; }

		#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3 {
			float: left;

			width: 15px;
			padding-top: 1px;
		}

			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3 a {
				width: 15px;
				height: 37px;
				background: url(img/sprite/design-segments.gif) no-repeat;
			}

			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3 a.box_3 { height: 37px; }
			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3 a.box_4 { height: 51px; }

			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.think a { background-position: 0 center; }

			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.think a:hover,
			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.think a:focus,
			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.think a:active { background-position: -30px center; }

			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.feel a { background-position: -60px center; }

			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.feel a:hover,
			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.feel a:focus,
			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.feel a:active { background-position: -90px center; }

			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.dream a { background-position: -120px center; }

			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.dream a:hover,
			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.dream a:focus,
			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection h3.dream a:active { background-position: -150px center; }

		#wrapperNavigationMain #menuMainProducts div.drop div.box_collection ul { width: 109px; }

		* html #wrapperNavigationMain #menuMainProducts div.drop div.box_collection ul { width: 105px; }

			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection ul li {
				width: 109px;
				min-height: 11px;
				padding-top: 0;
				border-bottom: 1px solid #95a0aa;
			}

			* html #wrapperNavigationMain #menuMainProducts div.drop div.box_collection ul li { width: 105px; }

			#wrapperNavigationMain #menuMainProducts div.drop div.box_collection ul li.last { border-bottom: 0; }

				#wrapperNavigationMain #menuMainProducts div.drop div.box_collection ul li a {
					font-size: 9px;
					line-height: 11px;

					width: 103px;
					background-position: 0 12px;
					padding: 0 0 2px;
					margin: 0 5px;
				}

				* html #wrapperNavigationMain #menuMainProducts div.drop div.box_collection ul li a { line-height: 9px; margin-right: 0; padding: 1px 0 2px; }

				#wrapperNavigationMain #menuMainProducts div.drop div.box_collection ul li.last a { padding-bottom: 0; }

					#wrapperNavigationMain #menuMainProducts div.drop div.box_collection ul li a span { width: 99px; }

					* html #wrapperNavigationMain #menuMainProducts div.drop div.box_collection ul li a span { width: 103px; padding-top: 1px; }

/*	=3.2.3.2 Hauptnavigation: 2. Level - Produkte (Produktgruppen)
==================================================== */
#wrapperNavigationMain #menuMainProducts div.drop h2.product_groups { left: 153px; }

	#wrapperNavigationMain #menuMainProducts div.drop h2.product_groups a { background-position: 0 -740px; }
	#wrapperNavigationMain #menuMainProducts div.drop h2.product_groups a:hover { background-position: -30px -740px; }

	#wrapperNavigationMain #menuMainProducts div.drop h2.product_groups a.de { background-position: -60px -740px; }
	#wrapperNavigationMain #menuMainProducts div.drop h2.product_groups a.de:hover { background-position: -90px -740px; }

	#wrapperNavigationMain #menuMainProducts div.drop h2.product_groups a.fr { background-position: -120px -740px; }
	#wrapperNavigationMain #menuMainProducts div.drop h2.product_groups a.fr:hover { background-position: -150px -740px; }

	#wrapperNavigationMain #menuMainProducts div.drop h2.product_groups a.nl { background-position: -180px -740px; }
	#wrapperNavigationMain #menuMainProducts div.drop h2.product_groups a.nl:hover { background-position: -210px -740px; }

#wrapperNavigationMain #menuMainProducts div.drop div.box_product_groups { width: 121px; }

	#wrapperNavigationMain #menuMainProducts div.drop div.box_product_groups h4 {
		float: left;

		font-size: 12px;

		width: 116px;
		padding: 0 0 2px 0;
		border-bottom: 1px solid #fff;
		margin: 2px 0 0;
	}

		#wrapperNavigationMain #menuMainProducts div.drop div.box_product_groups h4 a {
			font-weight: normal;
			text-transform: none;

			width: 112px;
			padding: 0 2px;
		}

		#wrapperNavigationMain #menuMainProducts div.drop div.box_product_groups h4 a:hover,
		#wrapperNavigationMain #menuMainProducts div.drop div.box_product_groups h4 a:focus,
		#wrapperNavigationMain #menuMainProducts div.drop div.box_product_groups h4 a:active { background: #c8cdd1; }

		#wrapperNavigationMain #menuMainProducts div.drop div.box_product_groups ul { width: 116px; }

			#wrapperNavigationMain #menuMainProducts div.drop div.box_product_groups ul li { width: 116px; }

				#wrapperNavigationMain #menuMainProducts div.drop div.box_product_groups ul li a {
					width: 106px;
					margin-left: 10px;
				}

					#wrapperNavigationMain #menuMainProducts div.drop div.box_product_groups ul li a span { width: 102px; }

/*	=3.2.3.3 Hauptnavigation: 2. Level - Produkte (Oberflächen)
==================================================== */
#wrapperNavigationMain #menuMainProducts div.drop h2.surfaces { left: 300px; }

	#wrapperNavigationMain #menuMainProducts div.drop h2.surfaces a { background-position: 0 -960px; }
	#wrapperNavigationMain #menuMainProducts div.drop h2.surfaces a:hover { background-position: -30px -960px; }

	#wrapperNavigationMain #menuMainProducts div.drop h2.surfaces a.de { background-position: -60px -960px; }
	#wrapperNavigationMain #menuMainProducts div.drop h2.surfaces a.de:hover { background-position: -90px -960px; }

	#wrapperNavigationMain #menuMainProducts div.drop h2.surfaces a.fr { background-position: -120px -960px; }
	#wrapperNavigationMain #menuMainProducts div.drop h2.surfaces a.fr:hover { background-position: -150px -960px; }

	#wrapperNavigationMain #menuMainProducts div.drop h2.surfaces a.nl { background-position: -180px -960px; }
	#wrapperNavigationMain #menuMainProducts div.drop h2.surfaces a.nl:hover { background-position: -210px -960px; }

#wrapperNavigationMain #menuMainProducts div.drop div.box_surfaces { width: 133px; }

		#wrapperNavigationMain #menuMainProducts div.drop div.box_surfaces ul { width: 128px; }

			#wrapperNavigationMain #menuMainProducts div.drop div.box_surfaces ul li { width: 128px; }

				#wrapperNavigationMain #menuMainProducts div.drop div.box_surfaces ul li a {
					width: 128px;
					margin-left: 0;
				}

					#wrapperNavigationMain #menuMainProducts div.drop div.box_surfaces ul li a span { width: 124px; }

/* =================================================
	=3.2.4 Hauptnavigation: 2. Level - Suche
==================================================== */
#wrapperNavigationMain #menuMainSearch div.drop {
	top: -18px;

	height: 18px;
}

	#wrapperNavigationMain #menuMainSearch div.drop_inner { height: 18px; }

/* =================================================
	=3.2.5 Hauptnavigation: 2. Level - Suche
==================================================== */
#wrapperNavigationMain #menuMainFavourites div.drop {
	top: -18px;

	height: 18px;
}

	#wrapperNavigationMain #menuMainFavourites div.drop_inner { height: 18px; }

		#wrapperNavigationMain #menuMainFavourites div.drop a {
			background-image: none;
			padding-left: 0;
		}

		* #wrapperNavigationMain #menuMainFavourites div.drop a { width: 120px; }

/* =================================================

    =4. Produktliniennavigation

==================================================== */
#wrapperNavigationDesignSegments {
    position: absolute;
    top: 512px;
    left: 5px;

    width: 974px;
    height: 57px;
    border-top: 2px solid #cad0d4;
    padding-left: 16px;

    z-index: 11;
}

* html #wrapperNavigationDesignSegments { width: 990px; }

    #wrapperNavigationDesignSegments div.box_design_segment {
        float: left;

        height: 44px;
        margin: 7px 20px 0 0;
    }

        #wrapperNavigationDesignSegments div.box_design_segment h3 {
            float: left;

            font-size: 14px;
            font-weight: normal;
            text-align: center;
        }

        #wrapperNavigationDesignSegments div.box_design_segment h3.think_title,
        #wrapperNavigationDesignSegments div.box_design_segment h3.feel_title,
        #wrapperNavigationDesignSegments div.box_design_segment h3.dream_title {
            width: 73px;
            height: 44px;
        }

            #wrapperNavigationDesignSegments div.box_design_segment h3 a {
                display: block;

                height: 44px;
                background: url(img/sprite/nav_design_segments.png);
            }

        #wrapperNavigationDesignSegments div.box_design_segment h3.think_title a { background-position: -74px -1800px; }
        #wrapperNavigationDesignSegments div.box_design_segment h3.feel_title a { background-position: -74px -1844px;}
        #wrapperNavigationDesignSegments div.box_design_segment h3.dream_title a { background-position: -74px -1888px;}

        #wrapperNavigationDesignSegments div.box_design_segment h3.think_title a:hover { background-position: 0 -1800px;}
        #wrapperNavigationDesignSegments div.box_design_segment h3.feel_title a:hover { background-position: 0 -1844px; }
        #wrapperNavigationDesignSegments div.box_design_segment h3.dream_title a:hover { background-position: 0 -1888px; }

        #wrapperNavigationDesignSegments div.box_design_segment ul {
            float: left;

            list-style-type: none;

            background-color: #fff;
        }

        #wrapperNavigationDesignSegments div.box_design_segment ul li {
            float: left;

            width: 42px;
            padding: 0;
        }

        #wrapperNavigationDesignSegments div.box_design_segment ul li.first { padding-left: 1px; }

        #wrapperNavigationDesignSegments div.box_design_segment ul li.last { padding-right: 1px; }

            #wrapperNavigationDesignSegments div.box_design_segment ul li a {
                position: relative;
                display: block;

                text-decoration: none;

                width: 42px;
                height: 42px;
                background: url(img/sprite/nav_design_segments.png) no-repeat #ffffff;
                margin: 1px 0;
            }

/* =================================================

    =4.1 Produktliniennavigation: think

==================================================== */
#wrapperNavigationDesignSegments #collection_CUBIC a { background-position: 0 -1200px; }

    #wrapperNavigationDesignSegments #collection_CUBIC a span.box_over { background-position: 0 21px; }

#wrapperNavigationDesignSegments #collection_GLANCE a { background-position: 0 -1250px; }

    #wrapperNavigationDesignSegments #collection_GLANCE a span.box_over { background-position: 0 -80px; }

#wrapperNavigationDesignSegments #collection_GLANCE_WELCOME a { background-position: 0 -1300px; }

    #wrapperNavigationDesignSegments #collection_GLANCE_WELCOME a span.box_over { background-position: 0 -170px; }

#wrapperNavigationDesignSegments #collection_JEAN_NOUVEL a { background-position: 0 -1350px; }

    #wrapperNavigationDesignSegments #collection_JEAN_NOUVEL a span.box_over{ background-position: 0 -280px; }

#wrapperNavigationDesignSegments #collection_JES a { background-position: -108px -1950px; }

    #wrapperNavigationDesignSegments #collection_JES a span.box_over{ background-position: 0 -1930px; }

#wrapperNavigationDesignSegments #collection_JOY a { background-position: -108px -2060px; }

    #wrapperNavigationDesignSegments #collection_JOY a span.box_over { background-position: 0 -2040px; }

/* =================================================

    =4.2 Produktliniennavigation: feel

==================================================== */
#wrapperNavigationDesignSegments #collection_NEON a { background-position: 0 -1500px; }

    #wrapperNavigationDesignSegments #collection_NEON a span.box_over { background-position: 0 -1079px; }

#wrapperNavigationDesignSegments #collection_GEOMETRY a { background-position: 0 -1400px; }

    #wrapperNavigationDesignSegments #collection_GEOMETRY a span.box_over { background-position: 0 -380px; }

#wrapperNavigationDesignSegments #collection_IQ a { background-position: 0 -1450px; }

    #wrapperNavigationDesignSegments #collection_IQ a span.box_over { background-position: 0 -480px; }

#wrapperNavigationDesignSegments #collection_NEW_HAVEN a { background-position: 0 -1550px; }

    #wrapperNavigationDesignSegments #collection_NEW_HAVEN a span.box_over { background-position: 0 -580px; }

/* =================================================

    =4.3 Produktliniennavigation: dream

==================================================== */
#wrapperNavigationDesignSegments #collection_RETRO a { background-position: 0 -1750px; }

    #wrapperNavigationDesignSegments #collection_RETRO a span.box_over { background-position: 0 -980px; }

#wrapperNavigationDesignSegments #collection_LIGHTHOUSE a { background-position: 0 -1600px; }

    #wrapperNavigationDesignSegments #collection_LIGHTHOUSE a span.box_over { background-position: 0 -680px; }

#wrapperNavigationDesignSegments #collection_ORIENTAL a { background-position: 0 -1650px; }

    #wrapperNavigationDesignSegments #collection_ORIENTAL a span.box_over { background-position: 0 -780px; }

#wrapperNavigationDesignSegments #collection_PERLRAND_CRISTAL a { background-position: 0 -1700px; }

    #wrapperNavigationDesignSegments #collection_PERLRAND_CRISTAL a span.box_over { background-position: 0 -870px; }

/* =================================================

    =4.4 Produktliniennavigation: Over box

==================================================== */
#wrapperNavigationDesignSegments span.box_over {
    display: block;
	position: relative;
    bottom: 0px;
    left: -24px;
	visibility: hidden;
	opacity: 0;
	z-index: 1000;

    color: #525658;
	text-align: center;

    width: 96px;
    height: 100px;
    background: #fff url(img/sprite/nav_design_segments.png) no-repeat;
    border: 2px solid #ccc;
    border-bottom: none;

    transform: scale(0);
    transition: all 0.5s ease-in-out 0s;
    -moz-transform: scale(0);
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transform: scale(0);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transform: scale(0);
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transform: scale(0);
}

    #wrapperNavigationDesignSegments span.box_over span.title {
        display: block;
		
		line-height: 15px;

        background-color: #fff;
        padding: 2px;
    }

#wrapperNavigationDesignSegments a:hover span.box_over {
    bottom: 110px;
	visibility: visible;
    opacity: 1;

    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

#wrapperNavigationDesignSegments .arrow_down {
    position: absolute;
    bottom: -15px;
    left: 0;
	
    width: 0;
    height: 0;
    border-top: 15px solid #ccc;
    border-right: 48px solid transparent;
	border-left: 48px solid transparent;
}

/* =================================================

    =4.5 Produktliniennavigation: IE6 hacks

==================================================== */
* html span.box_over { display: none!important; }

* html #wrapperNavigationDesignSegments ul a:hover { background-position: right inherit!important; }

* html #wrapperNavigationDesignSegments #collection_JES a:hover { background-position: -108px -2002px; }

/* =================================================

	=5. Zusatznavigation
Gibts nicht mehr
==================================================== */
#wrapperNaviAdditional { display: none; }