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

Datum: 03.01.2008
Autor:	Agentur Grintsch
Internet: www.grintsch.com

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

Aufbau:
1. Navigation
	1.1 Countryselector
	1.2 Hauptnavigation
	1.3 Produktliniennavigation
	1.4 Zusatznavigation
==================================================================== */
/* =================================================
	=1.1 Countryselector
==================================================== */
#wrapperCountrySelector {
	position: absolute;
	top: 483px;
	left: 777px;
}

* html #wrapperCountrySelector { left: 776px; }

	#wrapperCountrySelector a:hover { visibility: visible; } /* for IE6 */

	#wrapperCountrySelector a.title_country_selector {
		display: block;

		width: 214px;
		height: 25px;
		background: url(img/bg/wrapperCountrySelector/wrapperCountrySelector_a.gif) no-repeat;
		padding: 4px 0 0 4px;
	}
	
	* html #wrapperCountrySelector a.title_country_selector { width: 219px; }

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

		background-image: url(img/bg/wrapperCountrySelector/wrapperCountrySelector_a_over.gif);
	}

		#wrapperCountrySelector a.title_country_selector span {
			display: block;

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

		#titleCountrySelector {
			font-size: 12px;
			color: #ffffff;
			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; }

	#wrapperCountrySelector #menuCountrySelector {
		position: absolute;
		top: -10000px;
		left: -1000px;

		width: 0;
		height: 0;
	}

	#wrapperCountrySelector:hover #menuCountrySelector,
	* html #wrapperCountrySelector a.title_country_selector:hover #menuCountrySelector {
		position: absolute;
		top: -81px;
		left: 0;

		width: 218px;
		height: 81px;
		background: url(img/bg/wrapperCountrySelector/menuCountrySelector.gif) no-repeat;
	}

		#menuCountrySelector ul {
			overflow: auto;
			overflow-x: hidden;

			width: 210px;
			height: 75px;
			margin: 5px 0 0 5px;
		}

		* html #menuCountrySelector ul { overflow-y: hidden; }

			#menuCountrySelector ul li {
					display: block;
					float: left;

					line-height: 12px;

					width: 210px;
					min-height: 10px;
					background: url(img/line/h_1px_2px_ffffff_95a0aa.gif) repeat-x bottom;
					padding: 1px 0 2px;
				}

				* html #menuCountrySelector ul li { height: 10px; }

				#menuCountrySelector ul li.last { background-image: none; }

					#menuCountrySelector ul li a {
						text-decoration: none;
						text-transform: uppercase;

						margin: 0;
					}

					* html #menuCountrySelector ul li a span {
						background-color: #8a97a0;

						cursor: pointer;
					}

					#menuCountrySelector ul li a.country {
						display: block;

						font-size: 10px;
						color: #ffffff;
					}

						#menuCountrySelector ul li a.country span {
							display: block;

							width: 210px;
						}

						* html #menuCountrySelector ul li a.country span { width: 214px; }

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

					#menuCountrySelector ul li a.language {
						display: inline;

						font-size: 9px;
						color: #C4CBD0;
					}

						#menuCountrySelector ul li a.language span {
							display: inline;

							min-width: 10px;
							padding: 0 2px;
						}

						* html #menuCountrySelector ul li a.language span { width: 10px; }

						#menuCountrySelector ul li a.language:hover span,
						#menuCountrySelector ul li a.language:focus span,
						#menuCountrySelector ul li a.language:active span {
							color: #ffffff;
							background-color: #afb3b5;
						}


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

* html #wrapperNavigationMain { left: 20px; }

/* === =Erstes Level === */
#wrapperNavigationMain ul.menu_level_first {
	clear: both;

	width: 973px;
	height: 17px;
	background: url(img/line/h_1px_2px_ffffff_trans.gif) repeat-x left top;
}

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

	width: 0;
	height: 0;

	border-collapse: collapse;
}

	#wrapperNavigationMain li.level_first {
		position: relative;
		display: block;
		float: left;

		width: 150px;
		height: 19px;
	}

	#wrapperNavigationMain #menuMainProducts { width: 153px; }

	#wrapperNavigationMain #menuMain_03 { width: 147px; }

	#wrapperNavigationMain #menuMain_01:hover,
	#wrapperNavigationMain #menuMain_01:focus,
	#wrapperNavigationMain #menuMain_01:active { background: url(img/bg/wrapperNavigationMain/navi_main_jado_over.gif); }

	#wrapperNavigationMain #menuMainProducts:hover,
	#wrapperNavigationMain #menuMainProducts:focus,
	#wrapperNavigationMain #menuMainProducts:active { background: url(img/bg/wrapperNavigationMain/navi_main_products_over.gif); }

	#wrapperNavigationMain #menuMain_03:hover,
	#wrapperNavigationMain #menuMain_03:focus,
	#wrapperNavigationMain #menuMain_03:active { background: url(img/bg/wrapperNavigationMain/navi_main_service_over.gif); }

	#wrapperNavigationMain #menuMain_04:hover,
	#wrapperNavigationMain #menuMain_04:focus,
	#wrapperNavigationMain #menuMain_04:active { background: url(img/bg/wrapperNavigationMain/navi_main_press_over.gif); }

			#wrapperNavigationMain li.level_first a.level_first_link {
				display: block;
				float: left;

				font-size: 12px;
				font-weight: bold;
				color: #ffffff;
				text-transform: uppercase;
				text-decoration: none;

				width: 145px;
				height: 16px;
				background: url(img/bg/wrapperNavigationMain/navi_main_first_level_li.gif) no-repeat;
				padding: 3px 0 0 5px;
			}

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

			#wrapperNavigationMain #menuMain_03 a.level_first_link { width: 142px; }

			#wrapperNavigationMain li.level_first a.level_first_link:hover,
			#wrapperNavigationMain li.level_first a.level_first_link:focus,
			#wrapperNavigationMain li.level_first a.level_first_link:active { color: #525658; }

			* html #wrapperNavigationMain #menuMain_01 a.level_first_link:hover,
			* html #wrapperNavigationMain #menuMain_01 a.level_first_link:focus,
			* html #wrapperNavigationMain #menuMain_01 a.level_first_link:active { background: url(img/bg/wrapperNavigationMain/navi_main_jado_over.gif); }

			* html #wrapperNavigationMain #menuMainProducts a.level_first_link:hover,
			* html #wrapperNavigationMain #menuMainProducts a.level_first_link:focus,
			* html #wrapperNavigationMain #menuMainProducts a.level_first_link:active { background: url(img/bg/wrapperNavigationMain/navi_main_products_over.gif); }

			* html #wrapperNavigationMain #menuMain_03 a.level_first_link:hover,
			* html #wrapperNavigationMain #menuMain_03 a.level_first_link:focus,
			* html #wrapperNavigationMain #menuMain_03 a.level_first_link:active { background: url(img/bg/wrapperNavigationMain/navi_main_service_over.gif); }

			* html #wrapperNavigationMain #menuMain_04 a.level_first_link:hover,
			* html #wrapperNavigationMain #menuMain_04 a.level_first_link:focus,
			* html #wrapperNavigationMain #menuMain_04 a.level_first_link:active { background: url(img/bg/wrapperNavigationMain/navi_main_press_over.gif); }


		/* === =#menuMainSearch === */
		#wrapperNavigationMain #menuMainSearch form {
			width: 145px;
			height: 18px;
			background: url(img/bg/wrapperNavigationMain/navi_main_first_level_li.gif) no-repeat;
			padding: 2px 0 0px 3px;
			margin-bottom: -3px;
		}

		#wrapperNavigationMain #menuMainSearch:hover,
		#wrapperNavigationMain #menuMainSearch:focus,
		#wrapperNavigationMain #menuMainSearch:active { background-image: none; }

			#wrapperNavigationMain #menuMainSearch .input_text {
				float: left;

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

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

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

				height: 17px;
				padding-bottom: 1px;
			}

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


		/* === =#menuMainFavourites === */
		#wrapperNavigationMain #menuMainFavourites { width: 221px; }

			#wrapperNavigationMain #menuMainFavourites a.level_first_link {
				width: 198px;
				background: url(img/bg/wrapperNavigationMain/navi_main_favourites.gif) no-repeat;
				padding-left: 23px;
			}

			* html #wrapperNavigationMain #menuMainFavourites a.level_first_link { width: 221px; }

			#wrapperNavigationMain #menuMainFavourites a.level_first_link:hover,
			#wrapperNavigationMain #menuMainFavourites a.level_first_link:focus,
			#wrapperNavigationMain #menuMainFavourites a.level_first_link:active { background-image: url(img/bg/wrapperNavigationMain/navi_main_favourites_over.gif); }

		#wrapperNavigationMain a:hover { visibility: visible; } /* for IE6 */
		#wrapperNavigationMain li:hover { position: relative; z-index: 200; } /* for IE7 */

	/* === =folgende Level unsichtbar === */
	#wrapperNavigationMain ul.menu_level_first ul,
	#wrapperNavigationMain ul.menu_level_first #menuSecondProducts {
		position: absolute;
		left: -10000px;

		width: 0;
	}

	/* === =Zweites Level, sichtbar === */
	#wrapperNavigationMain ul.menu_level_first :hover ul.menu_level_second {
		left: 0;

		width: 150px;

		background: url(img/bg/wrapperNavigationMain/navi_main_second_level.gif) no-repeat;
		padding: 1px 0 0 1px;

		white-space: nowrap;
	}

	* html #wrapperNavigationMain ul.menu_level_first :hover ul.menu_level_second { width: 151px; }

	#wrapperNavigationMain ul.menu_level_first :hover #menuSecond_03 {
 		width: 147px;
 		background-image: url(img/bg/wrapperNavigationMain/navi_main_second_level_service.gif);
	}

	* html #wrapperNavigationMain ul.menu_level_first :hover #menuSecond_03 { width: 148px; }

	#wrapperNavigationMain ul.menu_level_first :hover #menuSecond_04 {}

	#wrapperNavigationMain ul.menu_level_first :hover #menuSecondSearch {
		top: -18px;

		height: 18px;
	}

	#wrapperNavigationMain ul.menu_level_first :hover #menuSecondFavourites {
		top: -18px;

		height: 18px;
	}

		#wrapperNavigationMain ul.menu_level_first :hover ul.menu_level_second li {
			position: relative;
			display: block;
			float: left;

			width: 149px;
			min-height: 15px;
			background-color: #95a0aa;
		}

		#wrapperNavigationMain ul.menu_level_first :hover #menuSecond_03 li { width: 146px; }

		* html #wrapperNavigationMain ul.menu_level_first :hover ul.menu_level_second li { height: 15px; }

			#wrapperNavigationMain ul.menu_level_first :hover ul.menu_level_second li a {
				display: block;

				font-size: 10px;
				font-weight: bold;
				color: #ffffff;
				text-decoration: none;
				text-transform: uppercase;

				width: 139px;
				background: url(img/line/h_1px_2px_ffffff_95a0aa.gif) repeat-x bottom;
				margin: 0 5px;
				padding: 2px 0 3px 0;
			}

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecond_03 li a { width: 136px; }

			#wrapperNavigationMain ul.menu_level_first :hover ul.menu_level_second li.last a { background-image: none; }

				#wrapperNavigationMain ul.menu_level_first :hover ul.menu_level_second li a span {
					display: block;

					width: 135px;
					padding: 0 2px;

					cursor: pointer;
				}

				* html #wrapperNavigationMain ul.menu_level_first :hover ul.menu_level_second li a span { width: 139px; }

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecond_03 li a span { width: 132px; }

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


	/* === =Produkte: zweite Ebene ===*/
	#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts {
		top: -155px;
		left: 0px;

		width: 301px;
		height: 155px;
		background: url(img/bg/wrapperNavigationMain/menuSecondProducts.gif) #95a0aa no-repeat;

		white-space: nowrap;
	}

		#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts div.menu_level_second { height: 155px; }

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts div.menu_level_second h2 {
				position: absolute;
				top: 0;
				left: 0;
			}

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts div.menu_level_second h2 a {
					display: block;

					width: 17px;
					height: 154px;
					background-repeat: no-repeat;
				}

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts div.menu_level_second h3 a {
					position: absolute;
					top: 0;
					left: 0;

					width: 15px;
					background: no-repeat center;
					padding-right: 2px;
				}

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts div.menu_level_second h2 a span,
					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts div.menu_level_second h3 a span {
						position: absolute;
						left: -100000px;
						top: -10000px;

						width: 0;
						height: 0;
					}


		/* === =Produkte: Designsegmente ===*/
		#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections {
			position: absolute;
			top: 0;
			left: 1px;

			width: 149px;
			margin: 1px 0 0 0;
		}

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a { width: 17px; }

			/* === International/Englisch === */
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.int { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleCollections_int.jpg); }

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.int:hover,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.int:focus,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.int:active { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleCollections_over_int.jpg); }

			/* === Deutsch === */
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.de { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleCollections_de.jpg); }

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.de:hover,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.de:focus,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.de:active { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleCollections_over_de.jpg); }

			/* === Französisch === */
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.fr { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleCollections_fr.jpg); }

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.fr:hover,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.fr:focus,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.fr:active { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleCollections_over_fr.jpg); }

			/* === Niederländisch === */
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.nl { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleCollections_nl.jpg); }

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.nl:hover,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.nl:focus,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections h2 a.nl:active { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleCollections_over_nl.jpg); }

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #boxMenuSecondCollection_think,
				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #boxMenuSecondCollection_feel,
				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #boxMenuSecondCollection_dream {
					position: relative;

					width: 125px;
					border-bottom: 1px solid #ffffff;
					margin-left: 23px;
				}

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #boxMenuSecondCollection_think { height: 55px; }

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_think a {
						height: 55px;
						background-image: url(img/bg/wrapperNavigationMain/menuSecondCollectionTitle_think.gif);
					}

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_think a:hover,
					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_think a:focus,
					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_think a:active { background-image: url(img/bg/wrapperNavigationMain/menuSecondCollectionTitle_think_over.gif); }

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #boxMenuSecondCollection_feel { height: 41px; }

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_feel a {
						height: 41px;
						background-image: url(img/bg/wrapperNavigationMain/menuSecondCollectionTitle_feel.gif);
					}

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_feel a:hover,
					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_feel a:focus,
					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_feel a:active { background-image: url(img/bg/wrapperNavigationMain/menuSecondCollectionTitle_feel_over.gif); }

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #boxMenuSecondCollection_dream {
					height: 55px;
					border-bottom: none;
				}

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_dream a {
						height: 55px;
						background-image: url(img/bg/wrapperNavigationMain/menuSecondCollectionTitle_dream.gif);
					}

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_dream a:hover,
					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_dream a:focus,
					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollectionTitle_dream a:active { background-image: url(img/bg/wrapperNavigationMain/menuSecondCollectionTitle_dream_over.gif); }


				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections ul {
					top: 0;
					left: 17px;

					width: 108px;

					white-space: nowrap;
				}

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollection_think { height: 55px; }

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollection_feel { height: 41px; }

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProducts #menuSecondCollection_dream { height: 55px; }

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections li {
						position: relative;
						display: block;
						float: left;

						width: 113px;
						min-height: 12px;
					}

					* html #wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections li { height: 12px; }

						#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections li a {
							display: block;

							font-size: 9px;
							font-weight: bold;
							color: #ffffff;
							text-decoration: none;
							text-transform: uppercase;

							background: url(img/line/h_1px_2px_ffffff_95a0aa.gif) repeat-x 1px bottom;
							margin: 0 5px 0 0;
							padding: 1px 0 2px 0;
						}

						#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections li.last a { background-image: none; }

						* html #wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections li.last a { padding-bottom: 1px; }

							#wrapperNavigationMain ul.menu_level_first :hover #menuSecondCollections li a span {
								display: block;

								width: 103px;
								padding: 0 2px;

								cursor: pointer;
							}

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


		/* === =Produkte: Produktgruppen ===*/
		#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups {
			position: absolute;
			top: 0;
			left: 154px;

			width: 147px;
			margin: 1px 1px 0 0;
		}

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a { width: 19px; }

			/* === International/Englisch === */
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.int { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleProductGroups_int.jpg); }

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.int:hover,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.int:focus,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.int:active { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleProductGroups_over_int.jpg); }

			/* === Deutsch === */
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.de { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleProductGroups_de.jpg); }

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.de:hover,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.de:focus,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.de:active { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleProductGroups_over_de.jpg); }

			/* === Niederländisch === */
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.nl { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleProductGroups_nl.jpg); }

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.nl:hover,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.nl:focus,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.nl:active { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleProductGroups_over_nl.jpg); }

			/* === Französisch === */
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.fr { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleProductGroups_fr.jpg); }

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.fr:hover,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.fr:focus,
			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups h2 a.fr:active { background-image: url(img/bg/wrapperNavigationMain/navi_main_titleProductGroups_over_fr.jpg); }

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups #boxMenuSecondProductGroups {
				position: absolute;
				top: 20px;
				left: 22px;

				width: 119px;
				height: auto;
			}

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups #boxMenuSecondProductGroups h4 {
					font-size: 12px;
					font-weight: normal;
					color: #ffffff;
					text-transform: none;

					width: 119px;
					padding: 0 0 1px 0;
					border-bottom: 1px solid #ffffff;
					margin-bottom: 3px;
				}

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups #boxMenuSecondProductGroups h4 a {
						display: block;

						color: #ffffff;

						padding: 0 2px;
					}

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups #boxMenuSecondProductGroups h4 a:hover,
					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups #boxMenuSecondProductGroups h4 a:focus,
					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups #boxMenuSecondProductGroups h4 a:active {
						color: #525658;
						text-decoration: none;

						background-color: #c8cdd1;
					}

			#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups ol {
				width: 119px;
				margin-bottom: 10px;
			}

				#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups li {
					position: relative;
					display: block;

					line-height: 12px;

					width: 109px;
					min-height: 10px;
					background: url(img/line/h_1px_2px_ffffff_95a0aa.gif) repeat-x left bottom;
					padding: 1px 0 2px 0;
					margin: 0 0 0 10px;
				}

				* html #wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups li {
					float: left;

					height: 10px;
					margin-left: 5px;
				}

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups li a {
						display: block;

						font-size: 10px;
						color: #ffffff;
						text-decoration: none;
						text-transform: uppercase;
					}

						#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups li a span {
							display: block;

							width: 105px;
							padding: 0 2px;

							cursor: pointer;
						}

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

					#wrapperNavigationMain ul.menu_level_first :hover #menuSecondProductGroups li.last { background-image: none; }

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

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

* html #wrapperNavigationDesignSegments { width: 769px; }

#wrapperNavigationDesignSegmentsInnerFlash {
	position: absolute;
	top: -116px;
	left: 0px;
	visibility: hidden;

	width: 752px;
	height: 175px;
}

	#wrapperNavigationDesignSegments div.box_design_segment {
		float: left;

		width: 245px;
		height: 57px;
	}

	#wrapperNavigationDesignSegments div.box_think { margin-right: 28px; }
	#wrapperNavigationDesignSegments div.box_feel  { margin-right: -12px; }

		#wrapperNavigationDesignSegments div.box_design_segment h3 {
			float: left;

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

			margin: 7px 0 0 0;
		}
		
		#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;
				
				color: #ffffff;
				text-decoration: none;

				height: 44px;
			}

			#wrapperNavigationDesignSegments div.box_design_segment h3 a:hover,
			#wrapperNavigationDesignSegments div.box_design_segment h3 a:focus,
			#wrapperNavigationDesignSegments div.box_design_segment h3 a:active {
				color: #525658;
				text-decoration: none;
			}

		#wrapperNavigationDesignSegments div.box_design_segment h3.think_title a { background: url(img/bg/wrapperNavigationDesignSegments/title_sprite.gif) -75px 0px no-repeat; }
		#wrapperNavigationDesignSegments div.box_design_segment h3.feel_title a { background: url(img/bg/wrapperNavigationDesignSegments/title_sprite.gif) -75px -44px no-repeat; }
		#wrapperNavigationDesignSegments div.box_design_segment h3.dream_title a { background: url(img/bg/wrapperNavigationDesignSegments/title_sprite.gif) -75px -88px no-repeat; }

		#wrapperNavigationDesignSegments div.box_design_segment h3.think_title a:hover { background: url(img/bg/wrapperNavigationDesignSegments/title_sprite.gif) 0px 0px no-repeat; }
		#wrapperNavigationDesignSegments div.box_design_segment h3.feel_title a:hover { background: url(img/bg/wrapperNavigationDesignSegments/title_sprite.gif) 0px -44px no-repeat; }
		#wrapperNavigationDesignSegments div.box_design_segment h3.dream_title a:hover { background: url(img/bg/wrapperNavigationDesignSegments/title_sprite.gif) 0px -88px no-repeat; }


		#wrapperNavigationDesignSegments div.box_design_segment ul {
			float: left;

			list-style-type: none;

			background: url(img/bg/wrapperNavigationDesignSegments/ul.gif) repeat-x 0 7px;
		}
		
		#wrapperNavigationDesignSegments div.box_design_segment ul li {
			float: left;

			width: 42px;
			height: 57px;
			background-repeat: no-repeat;
			background-position: 0 8px;
			padding: 0;
		}

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

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

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

				text-decoration: none;

				width: 42px;
				height: 42px;
				background-repeat: no-repeat;
				margin-top: 8px;

				cursor: pointer;
			}

			#wrapperNavigationDesignSegments div.box_design_segment ul li a.active,
			#wrapperNavigationDesignSegments div.box_design_segment ul li a:hover,
			#wrapperNavigationDesignSegments div.box_design_segment ul li a:focus,
			#wrapperNavigationDesignSegments div.box_design_segment ul li a:active  {
				opacity: 0;
				filter: alpha(opacity = 0);
				moz-opacity: 0;
			}

				#wrapperNavigationDesignSegments div.box_design_segment ul li a span {
					display: inline;
					position: absolute;
					left: -100000px;
					top: -10000px;
					overflow: hidden;

					width: 0;
					height: 0;
				}

		/***** THINK ****/
		#wrapperNavigationDesignSegments #collection_CUBIC {
			background-image: url(img/bg/wrapperNavigationDesignSegments/think_cubic_active.jpg);
		}

			#wrapperNavigationDesignSegments #collection_CUBIC a {
				background-image: url(img/bg/wrapperNavigationDesignSegments/think_cubic.jpg);
			}

		#wrapperNavigationDesignSegments #collection_GLANCE {
			background-image: url(img/bg/wrapperNavigationDesignSegments/think_glance_active.jpg);
		}

			#wrapperNavigationDesignSegments #collection_GLANCE a {
				background-image: url(img/bg/wrapperNavigationDesignSegments/think_glance.jpg);
			}

		#wrapperNavigationDesignSegments #collection_GLANCE_WELCOME {
			background-image: url(img/bg/wrapperNavigationDesignSegments/think_glance_welcome_active.jpg);
		}

			#wrapperNavigationDesignSegments #collection_GLANCE_WELCOME a {
				background-image: url(img/bg/wrapperNavigationDesignSegments/think_glance_welcome.jpg);
			}

		#wrapperNavigationDesignSegments #collection_JEAN_NOUVEL {
			background-image: url(img/bg/wrapperNavigationDesignSegments/think_jean_nouvel_active.jpg);
		}

			#wrapperNavigationDesignSegments #collection_JEAN_NOUVEL a {
				background-image: url(img/bg/wrapperNavigationDesignSegments/think_jean_nouvel.jpg);
			}

		/***** FEEL ****/
		#wrapperNavigationDesignSegments #collection_GEOMETRY {
			background-image: url(img/bg/wrapperNavigationDesignSegments/feel_geometry_active.jpg);
		}

			#wrapperNavigationDesignSegments #collection_GEOMETRY a {
				background-image: url(img/bg/wrapperNavigationDesignSegments/feel_geometry.jpg);
			}

		#wrapperNavigationDesignSegments #collection_IQ {
			background-image: url(img/bg/wrapperNavigationDesignSegments/feel_iq_active.jpg);
		}

			#wrapperNavigationDesignSegments #collection_IQ a {
				background-image: url(img/bg/wrapperNavigationDesignSegments/feel_iq.jpg);
			}

		#wrapperNavigationDesignSegments #collection_NEW_HAVEN {
			background-image: url(img/bg/wrapperNavigationDesignSegments/feel_new_haven_active.jpg);
		}

			#wrapperNavigationDesignSegments #collection_NEW_HAVEN  a {
				background-image: url(img/bg/wrapperNavigationDesignSegments/feel_new_haven.jpg);
			}

		/***** DREAM ****/
		#wrapperNavigationDesignSegments #collection_RETRO {
			background-image: url(img/bg/wrapperNavigationDesignSegments/dream_retro_active.jpg);
		}

			#wrapperNavigationDesignSegments #collection_RETRO a {
				background-image: url(img/bg/wrapperNavigationDesignSegments/dream_retro.jpg);
			}

		#wrapperNavigationDesignSegments #collection_LIGHTHOUSE {
			background-image: url(img/bg/wrapperNavigationDesignSegments/dream_lighthouse_active.jpg);
		}

			#wrapperNavigationDesignSegments #collection_LIGHTHOUSE a {
				background-image: url(img/bg/wrapperNavigationDesignSegments/dream_lighthouse.jpg);
			}

		#wrapperNavigationDesignSegments #collection_ORIENTAL {
			background-image: url(img/bg/wrapperNavigationDesignSegments/dream_oriental_active.jpg);
		}

			#wrapperNavigationDesignSegments #collection_ORIENTAL a {
				background-image: url(img/bg/wrapperNavigationDesignSegments/dream_oriental.jpg);
			}

		#wrapperNavigationDesignSegments #collection_PERLRAND_CRISTAL {
			background-image: url(img/bg/wrapperNavigationDesignSegments/dream_perlrand_cristal_active.jpg);
		}

			#wrapperNavigationDesignSegments #collection_PERLRAND_CRISTAL a {
				background-image: url(img/bg/wrapperNavigationDesignSegments/dream_perlrand_cristal.jpg);
			}

/* =================================================
	=1.4 Zusatznavigation
==================================================== */
#wrapperNaviAdditional {
	position: absolute;
	top: 512px;
	left: 774px;

	width: 221px;
	border-top: 2px solid #cad0d4;
}

	#wrapperNaviAdditional ul {
		list-style-type: none;

		margin: 28px 0 0 4px;
	}
	
		#wrapperNaviAdditional li { line-height: 12px; }

			#wrapperNaviAdditional li a {
				font-size: 10px;
				color: #ffffff;
				text-transform: uppercase;
			}