/* ==================================================================
 - Stylesheet fuer die Darstellung der Produkte
Datei: jado_products.css
Media: all

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

Inhalt:
CSS-Anweisungen für die Darstellung der Produkte der Website www.jado.com

Anmerkungen:
- Aufteilung 3/2
- Scrollbereich rechts
- Im Produktdetailbereich wechselt die Hintergrundfarbe zu #ffffff.


Aufbau:
1. wrapperMainContent
	1.1 Inline-Elemente
	1.2 Block-Elemente
	1.3 Tabulatorennavigation
		1.3.1 Gepunktete Tabs
		1.3.2 Tabs für Designsegmente
		1.3.2 Tabs für Produktgruppen
	1.4 Listen
		1.4.1 Standardliste
		1.4.2 Downloadliste
		1.4.3 Awardliste
		1.4.4 Linkliste
		1.4.5 Kollektionsliste
		1.4.6 Produktgruppenauswahlliste		
		1.4.7 Detail Recommend Collection List
	1.5 Tabellen
		1.5.1 Tabelle für Kollektionennavigation (products.html)
		1.5.2 Tabelle mit Produktgruppennavigation (products.html)
		1.5.3 Tabelle mit Produktbildern
	1.6 Spezielle Bereiche
		1.6.1 Scrollbare Contentbox, volle Höhe
		1.6.2 Scrollbare Contentbox, nach einer Tabulatorennavigation
		1.6.3 Scrollbare Contentbox, nach einer Tabulatorennavigation,
					gefolgt von einer Ebene mit Aktionen
		1.6.4 Ebene mit Aktionen
		1.6.5 Produktgruppenübersicht
		1.6.6 Produktgruppenlisting

2. wrapperSubContent
	2.1 Block-Elemente
	2.2 Spezielle Bereiche
		2.2.1 Box mit Vollbild
		2.2.2 Box für Detailbild und Technikbild
		2.2.3 Box für Oberflächen
			2.2.3.1 Tabelle mit Oberflächen
		2.2.4 Box für Masszeichnungen
		2.2.5 Box für Bildpräsentation
		2.2.6 Ebene mit Aktionen
		2.2.7 Ebene für Text über Bildern

3. wrapperMainContent3-2
==================================================================== */
/* ======================================================

	=1. wrapperMainContent

========================================================= */
#wrapperMainContent {
	position: absolute;
	top: 0;
	left: 308px;
	overflow: hidden;

	width: 443px;
	height: 312px;
}

/* === Zusatzklasse für die 3 zu 2 Seiten === */
#wrapperMainContent.dreiZuZwei {
	left: 450px;

	width: 299px;
	height: 312px;
	background-color: #dcdcdc;
	border-left: 2px solid #ffffff;
}

/*#wrapperPage div.products { background-color: #ffffff; }*/

/* === Zusatzklasse für die 1 zu 1 Seiten === 
#wrapperMainContent {
	left: 0;
	
	width: 751px;
}
*/
/* ======================================================
	=Zusatzklasse für #wrapperMainContent
	enthält die beiden punktierten Linie, die die
	Begrenzung des Scrollbaren Bereichs darstellen, aber
	nicht mitscrollen dürfen. Es kommt sonst zu hässlichen
	Überlappungen der Punkte.
========================================================= */
div.with_box_full_yscroll { background: url(img/bg/wrapperMainContent/with_box_full_yscroll.gif) no-repeat 10px 30px; }

div.with_tab_nav_box_full_yscroll { background: url(img/bg/wrapperMainContent/with_tab_nav_box_full_yscroll.gif) no-repeat 10px 52px; }

* html div.with_tab_nav_box_full_yscroll { background: url(img/bg/wrapperMainContent/with_tab_nav_box_full_yscroll.gif) no-repeat 10px 48px; }

div.with_tab_nav_box_full_yscroll_box_actions { background: url(img/bg/wrapperMainContent/with_tab_nav_box_full_yscroll_box_actions.gif) no-repeat 10px 52px; }

* html div.with_tab_nav_box_full_yscroll_box_actions { background: url(img/bg/wrapperMainContent/with_tab_nav_box_full_yscroll_box_actions.gif) no-repeat 10px 48px; }

/* ======================================================
	=Zusatzklasse für #wrapperMainContent
	enthält das Hintergrundbild, das nicht mitscrollen
	darf.
========================================================= */
div.think { background: url(img/bg/wrapperMainContent/design_segment_think.jpg) no-repeat; }

div.feel { background: url(img/bg/wrapperMainContent/design_segment_feel.jpg) no-repeat; }

div.dream { background: url(img/bg/wrapperMainContent/design_segment_dream.jpg) no-repeat; }

div.dream_alternative { background: url(img/bg/wrapperMainContent/design_segment_dream_alt.jpg) no-repeat; }

div.bath { background: url(img/bg/wrapperMainContent/product_group_bath.jpg) no-repeat; }

div.kitchen { background: url(img/bg/wrapperMainContent/product_group_kitchen.jpg) no-repeat; }

/* ======================================================
	=1.1 Inline-Elemente
========================================================= */
#wrapperMainContent a {
	color: #4d7094;
	text-decoration: none;
}

#wrapperMainContent a:hover,
#wrapperMainContent a:focus,
#wrapperMainContent a:active {
		color: #ffffff;

		background-color: #4d7094;
}

#wrapperMainContent a.link_download {
	display: block;

	font-size: 9px;
	color: #9da8b0;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 16px;

	width: 190px;
	height: 14px;
	background: no-repeat 0 2px;
	padding: 2px 15px 2px 5px;
}

* html #wrapperMainContent a.link_download { width: 210px; }

#wrapperMainContent a.link_download:hover,
#wrapperMainContent a.link_download:focus,
#wrapperMainContent a.link_download:active {
	color: #9da8b0;

	background-color: transparent;
}

#wrapperMainContent a.link_download:hover span,
#wrapperMainContent a.link_download:focus,
#wrapperMainContent a.link_download:active { background-color: transparent; }

#wrapperMainContent a.file_type_pdf { background-image: url(img/action_icon/download_file_type_pdf.gif); }

#wrapperMainContent a.file_type_txt { background-image: url(img/action_icon/download_file_type_txt.gif); }

#wrapperMainContent a.file_type_rtf { background-image: url(img/action_icon/download_file_type_txt.gif); }

#wrapperMainContent a.file_type_doc { background-image: url(img/action_icon/download_file_type_txt.gif); }

#wrapperMainContent a.file_type_dwg { background-image: url(img/action_icon/download_file_type_dwg.gif); }

#wrapperMainContent a.file_type_dxf { background-image: url(img/action_icon/download_file_type_dxf.gif); }

#wrapperMainContent a.file_type_jpg { background-image: url(img/action_icon/download_file_type_jpg.gif); }

#wrapperMainContent a.file_type_gif { background-image: url(img/action_icon/download_file_type_jpg.gif); }

#wrapperMainContent a.file_type_movie { background-image: url(img/action_icon/download_file_type_movie.gif); }

#wrapperMainContent a.file_type_eps { background-image: url(img/action_icon/download_file_type_eps.gif); }

#wrapperMainContent a.file_type_zip { background-image: url(img/action_icon/download_file_type_zip.gif); }

#wrapperMainContent a.teaser_image,
#wrapperMainContent a.teaser_image:hover,
#wrapperMainContent a.teaser_image:focus,
#wrapperMainContent a.teaser_image:active {
	background-color: transparent;
	margin-left: 10px;
}

#wrapperMainContent img.has_3d_anim {
	position: absolute;
	top: 5px;
	left: 400px;
}

/* ======================================================
	=1.2 Block-Elemente
========================================================= */
#wrapperMainContent h1 {
	font-size: 13px;

	margin: 7px 27px 10px 10px;
}

	#wrapperMainContent.dreiZuZwei h1 {
		font-size: 11px;

		width: 246px;
		margin: 3px 13px 0 10px;
	}

#wrapperMainContent h2 {
	font-size: 11px;

	width: 388px;
	margin: 0 0 10px 7px;
	padding: 0;
}

	#wrapperMainContent h2.product_group_title { margin-left: 0px; }

#wrapperMainContent h3 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;

	width: 388px;
	margin: 0 0 0 7px;
}

#wrapperMainContent h2.title_think,
#wrapperMainContent h1.think { color: #819baf; }

#wrapperMainContent h2.title_feel,
#wrapperMainContent h1.feel { color: #989a61; }

#wrapperMainContent h2.title_dream,
#wrapperMainContent h1.dream { color: #bc8b5e; }

#wrapperMainContent p {
	line-height: 16px;

	width: 388px;
	margin: 0 0 10px 7px;
}

	#wrapperMainContent.dreiZuZwei p {
		line-height: 14px;

		width: 246px;
		margin: 0 13px 10px 10px;
	}

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

	=1.3 Tabulatorennavigation

========================================================= */
/* ======================================================
	=1.3.1 Gepunktete Tabs
========================================================= */
#wrapperMainContent ol.tab_navigation {
	list-style-type: none;

	width: 402px;
	height: 30px;
	background: url(img/bg/wrapperMainContent/tab_navigation.gif) no-repeat 0 -21px;
	padding-left: 1px;
	margin: 7px 30px 0 10px;
}

* html #wrapperMainContent ol.tab_navigation { background: url(img/bg/wrapperMainContent/tab_navigation.gif) no-repeat 0 -22px; }

	#wrapperMainContent ol.tab_navigation li {
		float: left;

		height: 18px;
		background: url(img/line/v_1px_2px_525658_trans.gif) repeat-y right;
		padding: 2px 8px 0 5px;
	}

		#wrapperMainContent ol.tab_navigation li a {
			font-weight: bold;
			color: #8996a0;
			text-decoration: none;

			padding: 0 2px;
		}

		#wrapperMainContent ol.tab_navigation li a:hover,
		#wrapperMainContent ol.tab_navigation li a:focus,
		#wrapperMainContent ol.tab_navigation li a:active {
			color: #ffffff;

			background-color: #8996a0;
		}

		#wrapperMainContent ol.tab_navigation li.active { background-color: #edeef0; }

		#wrapperPage div.products ol.tab_navigation li.active { background-color: #edeef0; }

			#wrapperMainContent ol.tab_navigation li.active a { color: #525658; }

			#wrapperMainContent ol.tab_navigation li.active a:hover,
			#wrapperMainContent ol.tab_navigation li.active a:focus,
			#wrapperMainContent ol.tab_navigation li.active a:active {
				color: #ffffff;

				background-color: #525658;
			}

/* ======================================================
	=1.3.2 Tabs für Designsegmente bzw.Produktgruppen
========================================================= */
#wrapperMainContent ol.tab_navigation_design_segments,
#wrapperMainContent ol.tab_navigation_product_groups {
	list-style-type: none;

	width: 264px;
	height: 30px;
	margin: 10px 0 0 5px;
	padding: 0px;
}

	#wrapperMainContent ol.tab_navigation_design_segments li,
	#wrapperMainContent ol.tab_navigation_product_groups li {
		float: left;

		width: 79px;
		height: 18px;
		padding: 0px 0 0 8px;
	}

	* html 	#wrapperMainContent ol.tab_navigation_design_segments li { width: 87px; }

	#wrapperMainContent ol.tab_navigation_product_groups li { width: 123px; }

	* html #wrapperMainContent ol.tab_navigation_product_groups li { width: 131px; }

		#wrapperMainContent ol.tab_navigation_design_segments li a,
		#wrapperMainContent ol.tab_navigation_product_groups li a {
			display: block;

			font-weight: bold;
			color: #ffffff;
			text-decoration: none;

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

		#wrapperMainContent ol.tab_navigation_product_groups li a { width: 119px; }

		#wrapperMainContent ol.tab_navigation_design_segments li a:hover,
		#wrapperMainContent ol.tab_navigation_design_segments li a:focus,
		#wrapperMainContent ol.tab_navigation_design_segments li a:active,
		#wrapperMainContent ol.tab_navigation_product_groups li a:hover,
		#wrapperMainContent ol.tab_navigation_product_groups li a:focus,
		#wrapperMainContent ol.tab_navigation_product_groups li a:active {
			color: #525658;
			background-color: transparent;
		}

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

	=1.4 Listen

========================================================= */
#wrapperMainContent h3.list_title {
	font-size: 10px;
	letter-spacing: normal;

	margin-bottom: 3px;
}

	/* ======================================================
		=1.4.1 Standardliste
	========================================================= */
	#wrapperMainContent ul {
		list-style-type: none;

		width: 387px;
		margin: 0 7px 10px 8px;
	}

		#wrapperMainContent ul li {
			line-height: 14px;

			background: url(img/icon/disc_525658.gif) no-repeat 0 5px;
			padding-left: 10px;
		}


	/* ======================================================
		=1.4.2 Downloadliste
	========================================================= */
	#wrapperMainContent ul.list_downloads { margin-bottom: 10px; }

		#wrapperMainContent ul.list_downloads li {
			width: 210px;
			background: none;
			padding-left: 6px;
		}

	/* ======================================================
		=1.4.3 Awardliste
	========================================================= */
	#wrapperMainContent ul.list_awards  { margin-bottom: 10px; }

		#wrapperMainContent ul.list_awards li {
			line-height: 18px;

			background: url(img/icon/arrow_4d7094.gif) no-repeat 0 4px;
			padding-left: 12px;
		}

			#wrapperMainContent ul.list_awards li a {
				color: #4d7094;
				text-decoration: none;
			}

			#wrapperMainContent ul.list_awards li a:hover,
			#wrapperMainContent ul.list_awards li a:focus,
			#wrapperMainContent ul.list_awards li a:active {
				color: #ffffff;
				text-decoration: none;

				background-color: #4d7094;
			}


	/* ======================================================
		=1.4.4 Linkliste
	========================================================= */
	#wrapperMainContent ul.list_links {
		list-style-type: none;

		width: 381px;
		margin: 0 7px 10px 16px;
	}

		#wrapperMainContent ul.list_links li {
			line-height: 18px;
			background: url(img/icon/arrow_4d7094.gif) no-repeat 0 4px;
			padding-left: 12px;
		}

			#wrapperMainContent ul.list_links li a {
				color: #4d7094;
				text-decoration: none;
			}

			#wrapperMainContent ul.list_links li a:hover,
			#wrapperMainContent ul.list_links li a:focus,
			#wrapperMainContent ul.list_links li a:active {
				color: #ffffff;
				text-decoration: none;

				background-color: #4d7094;
			}

	/* ======================================================
		=1.4.5 Kollektionsliste
	========================================================= */						
#wrapperMainContent ul.list_collections {
	list-style-type: none;
	
	width: 150px;
	background-color: #616f76;
	padding: 10px 20px 15px 40px;
	margin: 0;
	
	opacity: 0.9;
	filter: alpha(opacity=90);
}

 * html #wrapperMainContent ul.list_collections { width: 210px; }

	#wrapperMainContent ul.list_collections li {
		background-image: none;
		padding: 1px 0; 
		border-bottom: 1px solid #fff;
	}
	
	#wrapperMainContent ul.list_collections li.last { border: none; }

		#wrapperMainContent ul.list_collections li a {
			display: block;

			font-size: 11px;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			
			
			padding: 1px 0 2px 0;
			
			cursor: pointer;
		}
		
		*+html #wrapperMainContent ul.list_collections li a {
			background-color: #616f76;
			padding: 0 0 1px 0;
		}

		*+html #wrapperMainContent div.box_product_surface ul.list_collections li a {
			background-color: #798790;
		}

		#wrapperMainContent ul.list_collections li a:hover,
		#wrapperMainContent ul.list_collections li a:focus,
		#wrapperMainContent ul.list_collections li a:active {
			color: #616f76;
			
			background-color: #fff;
		}

			*+html #wrapperMainContent ul.list_collections li a span {
				display: block;
				
				padding: 1px 0;
			}
		
			*+html #wrapperMainContent ul.list_collections li a:hover span,
			*+html #wrapperMainContent ul.list_collections li a:focus span,
			*+html #wrapperMainContent ul.list_collections li a:active span {
				color: #616f76;
				
				background-color: #fff;
			}

	/* ======================================================
		=1.4.6 Produktgruppenauswahlliste
	========================================================= */
	#wrapperMainContent ul.list_selection {
		list-style-type: none;

		width: 388px;
		background: url(img/bg/wrapperMainContent/list_outline_left_top_right.gif) #cad0d4 no-repeat ;
		padding-top: 2px;
		margin: 0 13px 10px 7px;
	}

		#wrapperMainContent ul.list_selection li {
			background: url(img/bg/wrapperMainContent/li_list_selection.gif) no-repeat center bottom;
			padding: 1px 3px 1px 3px;
		}

		* html #wrapperMainContent ul.list_selection li.display_block,
		html* #wrapperMainContent ul.list_selection li.display_block { padding-bottom: 5px; margin-bottom: -10px; }

		#wrapperMainContent ul.list_selection li.last { background: url(img/line/h_1px_2px_525658_trans.gif) repeat-x left bottom; }

			#wrapperMainContent ul.list_selection li a {
				display: block;

				color: #525658;
				text-decoration: none;

				padding: 1px 0 3px 0;
				margin: 0px 3px 0 3px;

				cursor: pointer;
			}

			#wrapperMainContent ul.list_selection li a:hover,
			#wrapperMainContent ul.list_selection li a:focus,
			#wrapperMainContent ul.list_selection li a:active { background-color: transparent; }

			#wrapperMainContent ul.list_selection li.last a { padding-bottom: 2px;}

				#wrapperMainContent ul.list_selection li a span { display: block; }

				#wrapperMainContent ul.list_selection li a.has_sub_selection span span.show_sub_selection {
					display: inline;

					background: url(img/icon/arrow_down_525658.gif) no-repeat 6px 4px;
					padding-right: 12px;
				}

				#wrapperMainContent ul.list_selection li a:hover span,
				#wrapperMainContent ul.list_selection li a:focus span,
				#wrapperMainContent ul.list_selection li a:active span {
					color: #ffffff;
					background-color: #8996A0;
				}

				#wrapperMainContent ul.list_selection li a.has_sub_selection:hover span.show_sub_selection,
				#wrapperMainContent ul.list_selection li a.has_sub_selection:focus span.show_sub_selection,
				#wrapperMainContent ul.list_selection li a.has_sub_selection:active span.show_sub_selection { background-image: url(img/icon/arrow_down_ffffff.gif); }

	/* === Auswahlliste 2. Ebene === */
	#wrapperMainContent ul.list_selection li ul.list_sub_selection {
		display: none;

		width: 364px;
		background: none #8996A0;
	}

		#wrapperMainContent ul.list_sub_selection li { background-image: url(img/bg/wrapperMainContent/li_list_subselection.gif); }

		* html #wrapperMainContent ul.list_sub_selection li { margin-bottom: -3px; }

		#wrapperMainContent ul.list_selection li ul.display_none { display: none; }
		#wrapperMainContent ul.list_selection li ul.display_block { display: block; }

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

		#wrapperMainContent ul.list_sub_selection li a { margin: 0 2px 0 0; }

		#wrapperMainContent ul.list_sub_selection li a span {
			background-color: #8996A0;
			margin-top: 1px;
		}

		#wrapperMainContent ul.list_sub_selection li a:hover span,
		#wrapperMainContent ul.list_sub_selection li a:focus span,
		#wrapperMainContent ul.list_sub_selection li a:active span { background-color: #cad0d4; }


	/* ======================================================
		=1.4.7 Liste für empfohlene Kollektionen (Produktdetail)
	========================================================= */
	#wrapperMainContent ul.list_recommended_collections li {
		width: 210px;

		padding-left: 6px;
		margin-bottom: 2px;
		
		background: none;
	}

	#wrapperMainContent ul.list_recommended_collections li a { 
		display: block;

		font-size: 9px;
		line-height: 10px;

		width: 203px;

		padding: 2px 0 0 5px;
	}

		*html #wrapperMainContent ul.list_recommended_collections li a { width: 210px; }


		#wrapperMainContent ul.list_recommended_collections li a:hover,
		#wrapperMainContent ul.list_recommended_collections li a:focus,
		#wrapperMainContent ul.list_recommended_collections li a:active { 
			color: #fff; 
			background: none;
		}

	#wrapperMainContent ul.list_recommended_collections li a.think { 
		color: #819baf;
		border: 1px solid #819baf; 
	}
	#wrapperMainContent ul.list_recommended_collections li a.feel { 
		color: #989a61;
		border: 1px solid #989a61; 
	}
	#wrapperMainContent ul.list_recommended_collections li a.dream { 
		color: #bc8b5e;
		border: 1px solid #bc8b5e;
	}

		#wrapperMainContent ul.list_recommended_collections li a.think:hover,  
		#wrapperMainContent ul.list_recommended_collections li a.feel:hover, 
		#wrapperMainContent ul.list_recommended_collections li a.dream:hover { 
			color: #fff;
		}

		#wrapperMainContent ul.list_recommended_collections li a.think:hover { background-color: #819baf; }
		#wrapperMainContent ul.list_recommended_collections li a.feel:hover { background-color: #989a61; }
		#wrapperMainContent ul.list_recommended_collections li a.dream:hover { background-color: #bc8b5e; }

	/* ======================================================
		=1.4.8 Liste für Oberflächen in wrapperSubContent wrapperTextOverImage
	========================================================= */
	#wrapperSubContent #wrapperTextOverImage table.list_surfaces {
		margin-bottom: 2px;
	}

	#wrapperSubContent #wrapperTextOverImage table.list_surfaces td {
		font-size: 9px;
		text-transform: uppercase;
		height: 22px;
		
		padding-left: 4px;
	}

	#wrapperSubContent #wrapperTextOverImage table.list_surfaces td img { xxxvertical-align: middle; }

	* html #wrapperSubContent #wrapperTextOverImage table.list_surfaces td {
		color: #525658;
	}

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

	=1.5 Tabellen

========================================================= */
	#wrapperMainContent table {
		width: 388px;
		background: url(img/bg/wrapperMainContent/table/table_outline_left_right.gif) repeat-y 0 4px;
		padding-bottom: 2px;
		margin: -5px 7px 26px 7px;
	}

		#wrapperMainContent table tr.first { background: url(img/line/h_1px_2px_525658_trans.gif) repeat-x 0 0; }

		#wrapperMainContent table tr.last { background: url(img/line/h_1px_2px_525658_trans.gif) repeat-x left bottom; }

		/* === Tabellenkopf === */
		#wrapperMainContent table th { padding: 5px 0 1px 0; }

		* html #wrapperMainContent table th {
			font-size: 11px;
			color: #525658;
		}

			#wrapperMainContent table th a {
				display: block;

				color: #ffffff;
				text-align: left;
				text-decoration: none;

				padding: 2px 5px 3px 5px;
				margin-left: 4px;
			}

			* html #wrapperMainContent table th a { margin-left: 0; }

			#wrapperMainContent table th a:hover,
			#wrapperMainContent table th a:focus,
			#wrapperMainContent table th a:active { color: #525658; }

		/* === Tabellenzellen === */
		#wrapperMainContent table tr.last td { padding-bottom: 1px; }

		* html #wrapperMainContent table td {
			font-size: 11px;
			color: #525658;
		}

			#wrapperMainContent table td a {
				display: block;

				color: #525658;
				text-align: left;
				text-decoration: none;

				background: url(img/line/h_1px_2px_525658_trans.gif) repeat-x left bottom;
				padding: 1px 0 2px 0;
				margin: 0 4px;

				cursor: pointer;
			}

			#wrapperMainContent table td a.last { background-image: none; }

			#wrapperMainContent table td a:hover,
			#wrapperMainContent table td a:focus,
			#wrapperMainContent table td a:active {
				color: #ffffff;

				background-color: #edeef0;
			}

				#wrapperMainContent table td a span {
					display: block;

					background-image: url(img/helpie/empty.gif);
					padding: 0 2px;
				}

				#wrapperMainContent table td a:hover span,
				#wrapperMainContent table td a:focus span,
				#wrapperMainContent table td a:active span { background-color: #cad0d4; }

	/* ======================================================
		=1.5.1 Tabelle für Kollektionennavigation (products.html)
	========================================================= */
	#wrapperMainContent table.table_navigation_collections {
		margin-bottom: 26px;
	}

		/* === Tabellenkopf === */
		#wrapperMainContent table.table_navigation_collections th { width: 129px; }

		#wrapperMainContent table.table_navigation_collections th.dream { width: 130px; }

			#wrapperMainContent table th a { width: 111px; }

			* html #wrapperMainContent table th a { width: 121px; }

			#wrapperMainContent table.table_navigation_collections th.think a {
				background: url(img/bg/wrapperMainContent/table/th_design_segment_think.jpg) repeat-y;
			}

			#wrapperMainContent table.table_navigation_collections th.feel a {
				background: url(img/bg/wrapperMainContent/table/th_design_segment_feel.jpg) repeat-y;
			}

			#wrapperMainContent table.table_navigation_collections th.dream a {
				background: url(img/bg/wrapperMainContent/table/th_design_segment_dream.jpg) repeat-y;
			}

		/* === Tabellenzellen === */
		#wrapperMainContent table.table_navigation_collections td {
			text-transform: uppercase;

			width: 129px;
		}

		#wrapperMainContent table.table_navigation_collections td.dream { width: 130px; }

				#wrapperMainContent table.table_navigation_collections td a span { width: 117px; }

				#wrapperMainContent table.table_navigation_collections td.think a:hover span,
				#wrapperMainContent table.table_navigation_collections td.think a:focus span,
				#wrapperMainContent table.table_navigation_collections td.think a:active span { background-color: #819baf; }

				#wrapperMainContent table.table_navigation_collections td.feel a:hover span,
				#wrapperMainContent table.table_navigation_collections td.feel a:focus span,
				#wrapperMainContent table.table_navigation_collections td.feel a:active span { background-color: #989a61; }

				#wrapperMainContent table.table_navigation_collections td.dream a:hover span,
				#wrapperMainContent table.table_navigation_collections td.dream a:focus span,
				#wrapperMainContent table.table_navigation_collections td.dream a:active span { background-color: #bc8b5e; }

	/* ======================================================
		=1.5.2 Tabelle mit Produktgruppennavigation (products.html)
	========================================================= */
	/* === Tabellenkopf === */
	#wrapperMainContent table.table_navigation_product_groups th { width: 194px; }

		#wrapperMainContent table.table_navigation_product_groups th a {
			width: 175px;
			background: url(img/bg/wrapperMainContent/table/th_product_groups.jpg) repeat-y;
		}

		* html #wrapperMainContent table.table_navigation_product_groups th a { width: 185px; }

	/* === Tabellenzellen === */
	#wrapperMainContent table.table_navigation_product_groups td a span { width: 181px; }

	/* ======================================================
		=1.5.3 Tabelle mit Produktgruppenauswahl
	========================================================= */
	#wrapperMainContent table.table_product_group_selection {
		background: url(img/bg/wrapperMainContent/list_outline_left_top_right.gif) #cad0d4;
		padding: 0px;
	}

	#wrapperMainContent table.show_all td {
		background: url(img/line/h_1px_2px_525658_trans.gif) repeat-x left bottom;
	}

		#wrapperMainContent table.show_all td a {
			background-image: none;
			padding: 3px 3px 2px 3px;
			margin: 0;
		}

		#wrapperMainContent table.show_all td a:hover,
		#wrapperMainContent table.show_all td a:focus,
		#wrapperMainContent table.show_all td a:active { background-color: transparent; }

			#wrapperMainContent table.show_all td a:hover span,
			#wrapperMainContent table.show_all td a:focus span,
			#wrapperMainContent table.show_all td a:active span { background-color: #8996A0; }

	/* ======================================================
		=1.5.3 Tabelle mit Produktbildern oder 3D Anims
	========================================================= */
	#wrapperMainContent table.table_product_images {
		width: 387px;
		background-image: none;
		margin: 0 7px 10px 7px;
	}

	#wrapperMainContent table.table_product_images td {
		vertical-align: top;

		padding-bottom: 10px;		
	}

	#wrapperMainContent table.table_product_images td.box_image { width: 87px; }

	#wrapperMainContent table.table_product_images td.box_text {
		width: 300px;
		background: url(img/line/h_1px_2px_525658_trans.gif) repeat-x left top;
	}

		#wrapperMainContent table.table_product_images td.box_text h3 {
			width: 300px;
			margin: 5px 0 10px 0;			
		}

		#wrapperMainContent table.table_product_images td.box_text ul {
			width: 300px;
			margin: 0 0 10px 0;
		}

		/* ======================================================
			=1.5.4 xxl_view Products
		========================================================= */
		#wrapperMainContent table.table_product_images td.box_image a.link_to_xxl_view {
			float: left;
			display: inline;

			width: 74px;
			height: 50px;
			background-color: #ffffff;
			margin: -73px 0 0 3px;

			-moz-opacity: 0;
			filter: alpha(opacity=0);
			opacity: 0;
		}

		#wrapperMainContent table.table_product_images td.box_image a.link_to_xxl_view { background: url(img/action_icon/show_xxl_view_S.gif) #ffffff no-repeat center; }

				#wrapperMainContent table.table_product_images td.box_image a.link_to_xxl_view span {
					position: absolute;
					left: -10000px;
					top: -10000px;
					width: 0;
					height: 0;
					overflow: hidden;
					display: inline;
				}
		
		#wrapperMainContent table.table_product_images td.box_image a.link_to_xxl_view:hover,
		#wrapperMainContent table.table_product_images td.box_image a.link_to_xxl_view:focus,
		#wrapperMainContent table.table_product_images td.box_image a.link_to_xxl_view:active {
			-moz-opacity: 0.9;
			filter: alpha(opacity=90);
			opacity: 0.9;
		}

		/* ======================================================
			=1.5.4 xxl_view Ambients (verschiedene Höhen)
		========================================================= */
/*		#wrapperMainContent table.table_product_images td.box_image div.xxl_view {
			position: relative;
			width: 80px;
			height: 100%;
			margin: 0;
			padding: 0;
			background: none;
		}
		
		#wrapperMainContent table.table_product_images td.box_image div.xxl_view a.link_to_xxl_view {
			position: absolute;
			display: block;
			height: 94%;
			width: 76px;
			margin: 2px; 
			background: url(img/action_icon/show_xxl_view_S.gif) #ffffff no-repeat center;

			-moz-opacity: 0;
			filter: Alpha(opacity=0);
			opacity: 0;
		}

			*html #wrapperMainContent table.table_product_images td.box_image div.xxl_view a.link_to_xxl_view { height: 93%; width: 76px; }
			*+html #wrapperMainContent table.table_product_images td.box_image div.xxl_view a.link_to_xxl_view { height: 90%; }

				#wrapperMainContent table.table_product_images td.box_image div.xxl_view span {
					position: absolute;
					left: -10000px;
					top: -10000px;
					width: 0;
					height: 0;
					overflow: hidden;
					display: inline;
				}
		
		#wrapperMainContent table.table_product_images td.box_image div.xxl_view a.link_to_xxl_view:hover,
		#wrapperMainContent table.table_product_images td.box_image div.xxl_view a.link_to_xxl_view:focus,
		#wrapperMainContent table.table_product_images td.box_image div.xxl_view a.link_to_xxl_view:active {
			-moz-opacity: 0.9;
			filter: alpha(opacity=90);
			opacity: 0.9;
		}
*/

	/* ======================================================
		=1.5.3 Tabelle mit 3D Anims
	========================================================= */
	#wrapperMainContent table.table_product_3d_anims {
		width: 387px;
		background-image: none;
		margin: 0 7px 10px 7px;
	}

	#wrapperMainContent table.table_product_3d_anims td {
		vertical-align: top;

		padding-bottom: 5px;
	}

	#wrapperMainContent table.table_product_3d_anims td.box_image { width: 87px; }

		#wrapperMainContent table.table_product_3d_anims td.box_image a.link_show_3d_anim {
			float: left;
			display: inline;

			width: 74px;
			height: 50px;
			background: url(img/action_icon/link_show_3d_anim.jpg) #ffffff no-repeat center;
			margin: -73px 0 0 3px;

			-moz-opacity: 0;
			filter: alpha(opacity=0);
			opacity: 0;
		}

		*+html #wrapperMainContent table.table_product_3d_anims td.box_image a.link_show_3d_anim { margin-top: -76px; }

		* html #wrapperMainContent table.table_product_3d_anims td.box_image a.link_show_3d_anim { margin-top: -76px; }

				#wrapperMainContent table.table_product_3d_anims td.box_image a.link_show_3d_anim span {
					position: absolute;
					left: -10000px;
					top: -10000px;
					width: 0;
					height: 0;
					overflow: hidden;
					display: inline;
				}

		#wrapperMainContent table.table_product_3d_anims td.box_image a.link_show_3d_anim:hover,
		#wrapperMainContent table.table_product_3d_anims td.box_image a.link_show_3d_anim:focus,
		#wrapperMainContent table.table_product_3d_anims td.box_image a.link_show_3d_anim:active {
			-moz-opacity: 0.9;
			filter: alpha(opacity=90);
			opacity: 0.9;
		}

	#wrapperMainContent table.table_product_3d_anims td.box_text {
		width: 300px;
		background: url(img/line/h_1px_2px_525658_trans.gif) repeat-x left top;
	}


		#wrapperMainContent table.table_product_3d_anims td.box_text h2 {
			overflow: hidden;

			font-size: 10px;
			letter-spacing: normal;

			width: 300px;
			height: 35px;
			margin: 5px 0 5px 0;
		}

		#wrapperMainContent table.table_product_3d_anims td.box_text p {
			font-size: 10px;

			width: 300px;
			margin: 5px 0 0 0;
		}

		#wrapperMainContent table.table_product_3d_anims td.box_text a.link_show_details,
		#wrapperMainContent table.table_product_3d_anims td.box_text a.link_add_to_favourites,
		#wrapperMainContent table.table_product_3d_anims td.box_text a.link_delete_from_favourites {
			display: block;
			float: left;

			font-size: 9px;
			color: #9da8b0;
			text-decoration: none;
			text-transform: uppercase;

			width: 122px;
			height: 10px;
			background-image: none;
			border: 1px solid #9da8b0;
			padding: 1px 15px 1px 5px;
			margin: 0 13px 5px 0;
		}

		#wrapperMainContent table.table_product_3d_anims td.box_text a.link_add_to_favourites,
		#wrapperMainContent table.table_product_3d_anims td.box_text a.link_delete_from_favourites {
			height: 12px;
			background: url(img/action_icon/link_add_to_favourites.gif) transparent no-repeat;
			padding: 2px 15px 0 5px;
			border: none;
			margin-right: 0;
		}

		* html #wrapperMainContent table.table_product_3d_anims td.box_text a.link_show_details { padding-bottom: 0px; }

		* html #wrapperMainContent table.table_product_3d_anims td.box_text a.link_show_details,
		* html #wrapperMainContent table.table_product_3d_anims td.box_text a.link_add_to_favourites,
		* html #wrapperMainContent table.table_product_3d_anims td.box_text a.link_delete_from_favourites { width: 142px; }

		#wrapperMainContent table.table_product_3d_anims td.box_text a.link_delete_from_favourites { background-image: url(img/action_icon/link_delete_from_favourites_subcontent.gif); }

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

	=1.6 Spezielle Bereiche

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

	=1.6.1 Scrollbare Contentbox,
			volle Höhe und vertikaler Scrollbalken

========================================================= */
/* === Scrollbereich === */
#wrapperMainContent div.box_full_yscroll {
	overflow: auto;

	height: 266px;
	margin: 12px 7px 0 10px;
}

* html #wrapperMainContent div.box_full_yscroll {
	overflow-y: scroll;
	overflow-x: hidden;
}

#wrapperMainContent.dreiZuZwei div.box_full_yscroll {
	height: 230px;
	margin: 0 7px 0 5px;
}

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

	=1.6.2 Scrollbare Contentbox,
		 mit vertikalem Scrollbalken,
		 nach einer Tabulatorennavigation

========================================================= */
#wrapperMainContent.with_tab_nav_box_full_yscroll div.box_full_yscroll {
	height: 239px;
	margin: 0 7px 0 10px;
}

	#wrapperMainContent.with_tab_nav_box_full_yscroll div.box_full_yscroll p { width: 388px; }

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

	=1.6.3 Scrollbare Contentbox,
		 mit vertikalem Scrollbalken,
		 nach einer Tabulatorennavigation
		 gefolgt von einer Ebene mit Aktionen

========================================================= */
#wrapperMainContent.with_tab_nav_box_full_yscroll_box_actions div.box_full_yscroll {
	height: 221px;
	margin: 0 7px 0 10px;
}

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

	=1.6.4 Ebene mit Aktionen

========================================================= */
#wrapperMainContent div.box_actions {
	position: absolute;
	top: 293px;
	left: 10px;

	width: 430px;
}

	#wrapperMainContent div.box_actions a.link_action {
		display: block;

		font-size: 9px;
		color: #9da8b0;
		text-decoration: none;
		text-transform: uppercase;

		width: 383px;
		height: 12px;
		background-repeat: no-repeat;
		padding: 2px 15px 0 5px;
	} /* bei 2 Links: width: 190px bzw 210px */

	* html #wrapperMainContent div.box_actions a.link_action { width: 403px; }

	#wrapperMainContent div.box_actions a.link_action:hover,
	#wrapperMainContent div.box_actions a.link_action:focus,
	#wrapperMainContent div.box_actions a.link_action:active { background-color: #edeef0; }

	#wrapperMainContent div.box_actions a.link_back { background-image: url(img/action_icon/link_back_403px.gif); }

	/* Actionbox innerhalb des Scrollbaren Bereichs */
	#wrapperMainContent div.box_full_yscroll div.box_actions {
		position: static;

		width: 388px;
		margin: 0 0 0 7px;
	}

		#wrapperMainContent div.box_full_yscroll div.box_actions a.link_action {
			display: block;
			float: left;

			font-size: 9px;
			color: #9da8b0;
			text-decoration: none;
			text-transform: uppercase;

			width: 171px;
			height: 12px;
			background-repeat: no-repeat;
			padding: 2px 15px 0 5px;
		}

		* html #wrapperMainContent div.box_full_yscroll div.box_actions a.link_action { width: 191px; }

		#wrapperMainContent div.box_full_yscroll div.box_actions a.link_recommend {
			background-image: url(img/action_icon/link_recommend_191px.gif);
			margin-right: 5px;
		}

		#wrapperMainContent div.box_full_yscroll div.box_actions a.link_add_to_favourites { background-image: url(img/action_icon/link_add_to_favourites_191px.gif); }

		#wrapperMainContent div.box_full_yscroll div.box_actions a.link_delete_from_favourites { background-image: url(img/action_icon/link_delete_from_favourites_191px.gif); }


/* === Aktionbox für die 3 zu 2 Seiten === */
#wrapperMainContent.dreiZuZwei div.box_actions {
	position: absolute;
	top: 290px;
	left: 7px;

	width: 283px;
}

	#wrapperMainContent.dreiZuZwei div.box_actions a.link_show_movie {
		display: block;
		float: left;

		font-size: 9px;
		color: #9da8b0;
		text-decoration: none;
		text-transform: uppercase;

		width: 108px;
		height: 13px;
		background: url(img/action_icon/link_show_movie.gif) #ffffff no-repeat;
		padding: 3px 15px 0 5px;
		margin: 0 5px 0 0;

		cursor: pointer;
	}

	* html #wrapperMainContent.dreiZuZwei div.box_actions a.link_show_movie { width: 128px; height: 16px; }

	#wrapperMainContent.dreiZuZwei div.box_actions a.link_show_pdf {
		display: block;
		float: left;

		font-size: 9px;
		color: #9da8b0;
		text-decoration: none;
		text-transform: uppercase;

		width: 190px;
		height: 13px;
		background: url(img/action_icon/link_show_pdf.gif) #ffffff no-repeat;
		padding: 3px 15px 0 5px;
		margin: 0 5px 0 0;

		cursor: pointer;
	}

	* html #wrapperMainContent.dreiZuZwei div.box_actions a.link_show_pdf { width: 210px; height: 16px; }

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

	=1.6.5 Produktgruppenübersicht

========================================================= */
#wrapperMainContent div.box_product_group {
	width: 388px;
	background: url(img/line/h_1px_2px_525658_trans.gif) repeat-x left bottom;
	padding-bottom: 5px;
	margin: 0 5px 3px 7px;
}

	#wrapperMainContent div.box_product_group h2 {
		font-size: 10px;
		font-weight: bold;

		margin-bottom: 13px;
	}

	#wrapperMainContent div.box_product_group div.box_image {
		position: relative;
		float: left;

		font-size: 10px;

		width: 60px;
		margin: 0 4px 5px 0;
	}

	#wrapperMainContent div.box_product_group div.last_of_row { margin-right: 0; }

	#wrapperMainContent div.box_product_group div.box_image img {
		display: block;

		padding-bottom: 5px;
	}

	#wrapperMainContent div.box_product_group div.box_image span.is_in_favourites {
		position: absolute;
		bottom: 18px;
		right: 0px;

		width: 14px;
		height: 15px;
		background: url(img/icon/is_in_favourites.gif) #ffffff no-repeat 0 0;
	}

	* html #wrapperMainContent div.box_product_group div.box_image span.is_in_favourites { margin-top: -32px; }

	#wrapperMainContent div.box_product_group div.box_image a.has_3D_anim {
		display: block;
		width: 40px;
		height: 21px;
		background: url(img/icon/3d_anim.jpg) #edeef0 no-repeat 0 0;
		margin: 4px 10px 0;
	}

	#wrapperMainContent div.box_product_group div.box_image a.link_details,
	#wrapperMainContent div.box_product_group div.box_image a.link_add_to_favourites,
	#wrapperMainContent div.box_product_group div.box_image a.link_delete_from_favourites {
		float: left;
		display: inline;

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

		width: 50px;
		height: 21px;
		background-color: #ffffff;
		padding: 6px 0 0 6px;
		margin: -73px 0 0 2px;

		-moz-opacity: 0;
		filter: alpha(opacity=0);
		opacity: 0;
	}

	* html #wrapperMainContent div.box_product_group div.box_image a.link_details {
		width: 56px;
		height: 27px;
		margin-top: -68px;
	}

	#wrapperMainContent div.box_product_group div.box_image a.link_add_to_favourites,
	#wrapperMainContent div.box_product_group div.box_image a.link_delete_from_favourites {
		height: 22px;
		background: url(img/action_icon/add_to_favourites.gif) #ffffff no-repeat center;
		padding-top: 5px;
		margin: -47px 0 0 2px;
	}

	* html #wrapperMainContent div.box_product_group div.box_image a.link_add_to_favourites,
	* html #wrapperMainContent div.box_product_group div.box_image a.link_delete_from_favourites {
		width: 56px;
		height: 27px;
		margin-top: -42px;
	}

	#wrapperMainContent div.box_product_group div.box_image a.link_delete_from_favourites { background-image: url(img/action_icon/delete_from_favourites.gif); }

			#wrapperMainContent div.box_product_group div.box_image a.link_add_to_favourites span,
			#wrapperMainContent div.box_product_group div.box_image a.link_delete_from_favourites span,
			#wrapperMainContent div.box_product_group div.box_image span.is_in_favourites span,
			#wrapperMainContent div.box_product_group div.box_image a.has_3D_anim span {
				position: absolute;
				left: -10000px;
				top: -10000px;
				display: inline;
				overflow: hidden;

				width: 0;
				height: 0;
			}

		#wrapperMainContent div.box_product_group div.box_image a.link_details:hover,
		#wrapperMainContent div.box_product_group div.box_image a.link_add_to_favourites:hover,
		#wrapperMainContent div.box_product_group div.box_image a.link_delete_from_favourites:hover {
			-moz-opacity: 0.9;
			filter: alpha(opacity=90);
			opacity: 0.9;
		}

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

	=1.6.6 Produktgruppenlisting

========================================================= */
#wrapperMainContent.eins_zu_eins div.box_list_collection {
	float: left;
	
	width: 372px;
	height: 312px;
	border-right: 3px solid #dcdcdc;
	border-left: 3px solid #dcdcdc;
}

* html #wrapperMainContent.eins_zu_eins div.box_list_collection { width: 378px; }

#wrapperMainContent.eins_zu_eins div.kitchen {
	width: 370px;
	border-left: 0;
}

* html #wrapperMainContent.eins_zu_eins div.kitchen { width: 373px; }

	#wrapperMainContent.eins_zu_eins div.bath h1,
	#wrapperMainContent.eins_zu_eins div.kitchen h1 {
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		
		width: 150px;
		background-color: #3e4f57;
		padding: 4px 20px 3px 40px;
		margin: 183px 0 0;
	}

	* html #wrapperMainContent.eins_zu_eins div.bath h1,
	* html #wrapperMainContent.eins_zu_eins div.kitchen h1 { width: 210px; }
	
	#wrapperMainContent.eins_zu_eins div.kitchen h1 {
		float: right;
		
		width: 160px;
		margin-top: 223px;
		padding-left: 30px;
	}
	
	#wrapperMainContent.eins_zu_eins div.kitchen ul {
		float: right;
		
		width: 160px;
		min-height: 35px;
		padding-bottom: 20px;
		padding-left: 30px;
	}

	 * html #wrapperMainContent.eins_zu_eins div.kitchen ul { width: 210px; height: 75px; }
	 
#wrapperMainContent.eins_zu_eins div.box_list_surfaces h1 {
	position: absolute;
	
	color: #4D7094;
	font-size: 13px;
	text-transform: uppercase;
	
	width: 300px;
	margin: 7px 27px 10px 10px;
}


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

	=1.6.7 Kollektionen

========================================================= */
#wrapperMainContent.eins_zu_eins div.box_text_collection {
	float: right;
	position: relative;
	
	width: 370px;
}

	#wrapperMainContent.eins_zu_eins div.box_text_collection div.box_bg {
		position: absolute;
		top: 67px;
		z-index: 1;
		
		width: 390px;
		height: 245px;
		background-color: #fff;
		
		opacity: 0.75;
		filter: alpha(opacity=75);
	}
	
	#wrapperMainContent.eins_zu_eins div.box_text_collection div.box_text {
		position: absolute;
		top: 66px;
		z-index: 2;
				
		width: 340px;
		height: 180px;
		padding: 50px 35px 15px 15px;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
	}
	
	* html #wrapperMainContent.eins_zu_eins div.box_text_collection div.box_text { width: 390px; }
	
		#wrapperMainContent.eins_zu_eins div.box_text_collection div.box_text p {
			font-size: 14px;
			color: #6e7880;
			line-height: 18px;
			
			width: auto;
		}
		
		#wrapperMainContent.think div.box_text_collection div.box_text a { color: #4d7094; }
		#wrapperMainContent.feel div.box_text_collection div.box_text a { color: #989a61; }
		#wrapperMainContent.dream div.box_text_collection div.box_text a { color: #bc8b5e; }
		#wrapperMainContent.dream_alternative div.box_text_collection div.box_text a { color: #bc8b5e; }
		
		#wrapperMainContent div.box_text_collection div.box_text a:hover,
		#wrapperMainContent div.box_text_collection div.box_text a:focus,
		#wrapperMainContent div.box_text_collection div.box_text a:active { color: #fff; }

		#wrapperMainContent.feel div.box_text_collection div.box_text a:hover,
		#wrapperMainContent.feel div.box_text_collection div.box_text a:focus,
		#wrapperMainContent.feel div.box_text_collection div.box_text a:active { background-color: #989a61; }

		#wrapperMainContent.dream div.box_text_collection div.box_text a:hover,
		#wrapperMainContent.dream div.box_text_collection div.box_text a:focus,
		#wrapperMainContent.dream div.box_text_collection div.box_text a:active { background-color: #bc8b5e; }

		#wrapperMainContent.dream_alternative div.box_text_collection div.box_text a:hover,
		#wrapperMainContent.dream_alternative div.box_text_collection div.box_text a:focus,
		#wrapperMainContent.dream_alternative div.box_text_collection div.box_text a:active { background-color: #bc8b5e; }
		
	#wrapperMainContent.eins_zu_eins #wrpCollectionTabs {
		position: absolute;
		top: 44px;
		left: 15px;
		z-index: 3;
		
		width: 300px;
		height: 46px;
	}

		#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li {
			float: left;
			
			list-style-type: none;
	
			width: 76px;
			height: 46px;
			background-image: none;
			padding: 0;
			margin-right: 4px;
		}
	
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a {
				display: block;
				
				width: 76px;
				height: 16px;
				background-color: none;
				background-image: url(img/bg/wrapperMainContent/collection_tabs.gif);
				background-repeat: no-repeat;
				margin-top: 6px;
			}
			
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a.think { background-position: 0 -6px;}
			
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a:hover.think,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a:focus.think,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a:active.think { background-position: 0 -29px; }
						
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a.feel { background-position: -82px -6px; }
			
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a:hover.feel,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a:focus.feel,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a:active.feel { background-position: -82px -29px; }
						
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a.dream { background-position: -164px -6px; }
			
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a:hover.dream,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a:focus.dream,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li a:active.dream { background-position: -164px -29px; }
						
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a {
				display: block;
				
				width: 76px;
				height: 46px;
				margin-top: 0;
			}
			
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a.think,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a:hover.think,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a:focus.think,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a:active.think { background-position: 0 -51px; }
			
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a.feel,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a:hover.feel,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a:focus.feel,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a:active.feel { background-position: -82px -51px; }
			
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a.dream,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a:hover.dream,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a:focus.dream,
			#wrapperMainContent.eins_zu_eins #wrpCollectionTabs li.active a:active.dream { background-position: -164px -51px; }

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

	=1.6.8 World of products

========================================================= */
#wrapperMainContent.eins_zu_eins div.box_collections,
#wrapperMainContent.eins_zu_eins div.box_product_groups,
#wrapperMainContent.eins_zu_eins div.box_product_surfaces {
	float: left;
	
	width: 364px;
	height: 312px;
	border-right: 10px solid #CAD0D4;
	border-left: 2px solid #CAD0D4;
}

* html #wrapperMainContent.eins_zu_eins div.box_collections { width: 376px; }

#wrapperMainContent.eins_zu_eins div.box_product_groups {
	width: 243px;
	border-left: 0;
}

* html #wrapperMainContent.eins_zu_eins div.box_product_groups { width: 253px; }

#wrapperMainContent.eins_zu_eins div.box_product_surfaces {
	width: 121px;
	border-left: none 0;
	border-right: none 0;
}

	#wrapperMainContent.eins_zu_eins div.box_collections h1,
	#wrapperMainContent.eins_zu_eins div.box_product_groups h1,
	#wrapperMainContent.eins_zu_eins div.box_product_surfaces h1 {
		color: #4d7094;
		text-transform: uppercase;
		
		width: 300px;
	}
	
	#wrapperMainContent.eins_zu_eins div.box_product_groups h1 { width: 205px; }
	#wrapperMainContent.eins_zu_eins div.box_product_surfaces h1 { 
		width: 104px; 
		margin: 7px 7px 10px 10px;
	}

	#wrapperMainContent.eins_zu_eins div.box_collections div.box_collection,
	#wrapperMainContent.eins_zu_eins div.box_product_groups div.box_product_group,
	#wrapperMainContent.eins_zu_eins div.box_product_surfaces div.box_product_surface {
		float: left;
		
		width: 121px;
		height: 154px;
		background-repeat: no-repeat;
		padding-top: 125px;
		border-right: 1px solid #edeef0;
		margin: 0;
	}

	#wrapperMainContent.eins_zu_eins div.box_product_groups div.box_product_group,
	#wrapperMainContent.eins_zu_eins div.box_product_surfaces div.box_product_surface { padding-top: 109px; }

	* html #wrapperMainContent.eins_zu_eins div.box_collections div.box_collection,
	* html #wrapperMainContent.eins_zu_eins div.box_product_groups div.box_product_group { width: 121px; }
	
	#wrapperMainContent.eins_zu_eins div.box_product_groups div.box_product_group {
		background: url(img/bg/wrapperMainContent/box_product_group.jpg) #616f76 no-repeat 0 -17px;
	}
	
	#wrapperMainContent.eins_zu_eins div.box_product_surfaces div.box_product_surface {
		background: url(img/bg/wrapperMainContent/box_product_surface.jpg) #616f76 no-repeat 0 -17px;
	}
	
		#wrapperMainContent.eins_zu_eins div.box_collections div.box_collection p {
			width: 78px;
			margin: 0 22px 10px;
		}
		
		* html #wrapperMainContent.eins_zu_eins div.box_collections div.box_collection p { margin: 0 0 10px 21px; }

		#wrapperMainContent.eins_zu_eins div.box_product_surfaces div.box_product_surface p {
			width: 121px;
			margin: 0;
		}

			#wrapperMainContent.eins_zu_eins div.box_collections div.box_collection p a {
				display: block;
				
				width: 76px;
				height: 46px;
				background-color: none;
				background-image: url(img/bg/wrapperMainContent/collection_tabs.gif);
				background-repeat: no-repeat;
				border: 1px solid #fff;
			}
			
			#wrapperMainContent.eins_zu_eins div.box_product_groups div.box_product_group p a,
			#wrapperMainContent.eins_zu_eins div.box_product_surfaces div.box_product_surface p a {
				display: block;
				
				font-size: 14px;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				text-align: center;
				
				height: 16px;
				background-color: #3e4f57;
				padding: 4px 4px 3px;
			}

		#wrapperMainContent.eins_zu_eins div.box_collections ul,
		#wrapperMainContent.eins_zu_eins div.box_product_groups div.box_product_group ul,
		#wrapperMainContent.eins_zu_eins div.box_product_surfaces div.box_product_surface ul {
			float: left;
			
			width: 101px;
			height: 128px;
			padding: 0 10px;
		}

		#wrapperMainContent.eins_zu_eins div.box_product_surfaces div.box_product_surface ul {
			padding: 35px 10px;
			background-color: #798790;
		}

		* html #wrapperMainContent.eins_zu_eins div.box_collections ul,
		* html #wrapperMainContent.eins_zu_eins div.box_product_groups div.box_product_group ul,
		* html #wrapperMainContent.eins_zu_eins div.box_product_surfaces div.box_product_surface ul { width: 121px; }

	#wrapperMainContent.eins_zu_eins div.box_collections div.collection_think {
		background-image: url(img/bg/wrapperMainContent/box_collection_think.jpg);
		background-color: #819aae;
	}
		
		#wrapperMainContent.eins_zu_eins div.box_collections div.collection_think p a { background-position: 0 -51px; }	

		#wrapperMainContent.eins_zu_eins div.box_collections div.collection_think ul { background-color: #819aae; }

			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_think ul li a { background-color: #819aae; }
			
			#wrapperMainContent.eins_zu_eins div.box_collections div.collection_think ul li a:hover,
			#wrapperMainContent.eins_zu_eins div.box_collections div.collection_think ul li a:focus,
			#wrapperMainContent.eins_zu_eins div.box_collections div.collection_think ul li a:active { color: #819aae; }
			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_think ul li a:hover span,
			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_think ul li a:focus span,
			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_think ul li a:active span { color: #819aae; }

	#wrapperMainContent.eins_zu_eins div.box_collections div.collection_feel {
		background-image: url(img/bg/wrapperMainContent/box_collection_feel.jpg);
		background-color: #999b62;
	}		

		#wrapperMainContent.eins_zu_eins div.box_collections div.collection_feel p a { background-position: -82px -51px; }	

		#wrapperMainContent.eins_zu_eins div.box_collections div.collection_feel ul { background-color: #999b62; }
		
			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_feel ul li a { background-color: #999b62; }
			
			#wrapperMainContent.eins_zu_eins div.box_collections div.collection_feel ul li a:hover,
			#wrapperMainContent.eins_zu_eins div.box_collections div.collection_feel ul li a:focus,
			#wrapperMainContent.eins_zu_eins div.box_collections div.collection_feel ul li a:active { color: #999b62; }
			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_feel ul li a:hover span,
			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_feel ul li a:focus span,
			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_feel ul li a:active span { color: #999b62; }
	
	#wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream {
		width: 120px;
		background-image: url(img/bg/wrapperMainContent/box_collection_dream.jpg);
		background-color: #c28462;
		border-right: none;
	}
	
	* html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream { width: 120px !important; }		
		
		#wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream p a { background-position: -164px -51px; }	

		#wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream ul {
			width: 100px;
			background-color: #c28462;
		}
		
		* html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream ul { width: 120px; }
		
			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream ul li a { background-color: #c28462; }
			
			#wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream ul li a:hover,
			#wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream ul li a:focus,
			#wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream ul li a:active { color: #c28462; }
			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream ul li a:hover span,
			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream ul li a:focus span,
			*+html #wrapperMainContent.eins_zu_eins div.box_collections div.collection_dream ul li a:active span { color: #c28462; }

	#wrapperMainContent.eins_zu_eins div.box_product_groups div.bath { width: 121px; }
	
		#wrapperMainContent.eins_zu_eins div.box_product_groups div.bath p {
			width: 121px;
			margin: 0;
		}		
		
		#wrapperMainContent.eins_zu_eins div.box_product_groups div.bath ul {
			width: 101px;
			padding: 35px 10px 0;
		}
		
		* html #wrapperMainContent.eins_zu_eins div.box_product_groups div.bath ul { width: 120px; }
		

	#wrapperMainContent.eins_zu_eins div.box_product_groups div.kitchen {
		width: 121px;
		background-position: -122px -17px;
		border: 0;	
	}
	
		#wrapperMainContent.eins_zu_eins div.box_product_groups div.kitchen p {
			width: 121px;
			margin: 0;
		}

		* html #wrapperMainContent.eins_zu_eins div.box_product_groups div.kitchen p { xxxmargin: 0 0 0 15px; }
	
		#wrapperMainContent.eins_zu_eins div.box_product_groups div.kitchen ul {
			width: 101px;
			padding: 35px 10px 0;
		}
		
		* html #wrapperMainContent.eins_zu_eins div.box_product_groups div.kitchen ul {
			width: 120px;
			xxxmargin-right: 5px;
		}

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

	=2. wrapperSubContent

========================================================= */
#wrapperSubContent {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;

	width: 308px;
	height: 312px;
	background: url(img/bg/wrapperSubContent/wrapperSubContent.gif) repeat-y 302px 0;
}

/* === Zusatzklasse für die 3 zu 2 Seiten === */
#wrapperSubContent.dreiZuZwei {
	width: 450px;
	height: 312px;
	background-position: 449px 0;
}

/* ======================================================
	=2.1 Block-Elemente
========================================================= */
#wrapperSubContent h2 {
	font-size: 12px;
	line-height: 16px;

	margin: 7px 7px 0px 7px;
}

#wrapperSubContent h3 {
	font-size: 10px;

	height: 19px;
	margin: 0 7px 10px 7px;
}

	#wrapperSubContent h3.product_surface_title { margin-bottom: 0px; }

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

	=2.2 Spezielle Bereiche

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

	=2.2.1 Box für Bilder oder FlashFilm

========================================================= */
#wrapperSubContent #wrapperFlashOrImage {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6;

	width: 302px;
	height: 312px;
	background: url(img/bg/wrapperSubContent/box_content.jpg) repeat-x;
}

/* === Zusatzklasse für die 3 zu 2 Seiten === */
#wrapperSubContent.dreiZuZwei #wrapperFlashOrImage {
	width: 450px;
	height: 312px;
	background: url(img/bg/wrapperSubContent/box_content.jpg) repeat-x;
}

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

	=2.2.2 Box für Detailbild und Technikbild

========================================================= */
#wrapperSubContent div.box_details_images {
	width: 304px;
	height: 138px;
}

	#wrapperSubContent div.box_details_images div.box_image {
		float: left;

		width: 150px;
		height: 130px;
		margin-right: 2px;
	}

		#wrapperSubContent div.box_details_images div.box_image a.link_to_xxl_view,
		#wrapperSubContent div.box_details_images div.box_image a.link_to_technical_data {
			float: left;
			display: inline;

			color: #9da8b0;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;

			width: 141px;
			height: 123px;
			background-color: #edeef0;
			margin: -126px 0 0 5px;

			-moz-opacity: 0;
			filter: alpha(opacity=0);
			opacity: 0;
		}

		* html #wrapperSubContent div.box_details_images div.box_image a.link_to_xxl_view,
		* html #wrapperSubContent div.box_details_images div.box_image a.link_to_technical_data { margin-top: -129px; }

		html* #wrapperSubContent div.box_details_images div.box_image a.link_to_xxl_view,
		html* #wrapperSubContent div.box_details_images div.box_image a.link_to_technical_data { margin-top: -130px; }

		#wrapperSubContent div.box_details_images div.box_image a.link_to_xxl_view { background: url(img/action_icon/show_xxl_view_L.gif) #ffffff no-repeat center; }

				#wrapperSubContent div.box_details_images div.box_image a.link_to_xxl_view span {
					position: absolute;
					left: -10000px;
					top: -10000px;
					width: 0;
					height: 0;
					overflow: hidden;
					display: inline;
				}

		#wrapperSubContent div.box_details_images div.box_image a.link_to_technical_data {
			height: 83px;
			padding-top: 40px;
		}

		#wrapperSubContent div.box_details_images div.box_image a.link_to_xxl_view:hover,
		#wrapperSubContent div.box_details_images div.box_image a.link_to_xxl_view:focus,
		#wrapperSubContent div.box_details_images div.box_image a.link_to_xxl_view:active,
		#wrapperSubContent div.box_details_images div.box_image a.link_to_technical_data:hover,
		#wrapperSubContent div.box_details_images div.box_image a.link_to_technical_data:focus,
		#wrapperSubContent div.box_details_images div.box_image a.link_to_technical_data:active {
			-moz-opacity: 0.9;
			filter: alpha(opacity=90);
			opacity: 0.9;
		}

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

	=2.2.3 Box für Oberflächen

========================================================= */
#wrapperSubContent div.box_surfaces {
	width: 302px;
	height: auto;
	background-color: #edeef0;
}

	#wrapperSubContent div.box_surfaces h3.table_title {
		text-transform: uppercase;

		margin-bottom: 3px;
	}

	/* ======================================================
		=2.2.3.1 Tabelle mit Oberflächen
	========================================================= */
	#wrapperSubContent div.box_surfaces div.box_table_surfaces {
		overflow: auto;

		width: 290px;
		height: 75px;
		margin: 0 0 0px 7px;
	}

	* html #wrapperSubContent div.box_surfaces div.box_table_surfaces {
		overflow-y: hidden;
		overflow-x: auto;
	}

	#wrapperSubContent div.box_surfaces table.table_surfaces { height: 48px; }

	* html #wrapperSubContent div.box_surfaces table.table_surfaces { height: 73px; }

		#wrapperSubContent div.box_surfaces table.table_surfaces td {
			font-size: 9px;
			color: #525658;
			text-align: center;
			vertical-align: top;

			width: 57px;
		}

			#wrapperSubContent div.box_surfaces table.table_surfaces td img { margin-bottom: 5px; }

			#wrapperSubContent div.box_surfaces table.table_surfaces td a {	color: #525658;	}

			#wrapperSubContent div.box_surfaces table.table_surfaces td a:hover { text-decoration: none; }

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

	=2.2.4 Box für Masszeichnungen

========================================================= */
#wrapperSubContent div.box_technical_images {
	overflow: auto;

	width: 302px;
	height: 207px;
}

	* html #wrapperSubContent div.box_technical_images {
		overflow-y: hidden;
		overflow-x: auto;
	}

		#wrapperSubContent div.box_technical_images a.link_to_xxl_view {
			float: left;
			display: inline;

			width: 293px;
			height: 85px;
			background-color: #ffffff;
			margin: -138px 0 0 5px;

			-moz-opacity: 0;
			filter: alpha(opacity=0);
			opacity: 0;
		}

		#wrapperSubContent div.box_technical_images a.link_to_xxl_view { background: url(img/action_icon/show_xxl_view_L.gif) #ffffff no-repeat center; }

				#wrapperSubContent div.box_technical_images a.link_to_xxl_view span {
					position: absolute;
					left: -10000px;
					top: -10000px;
					width: 0;
					height: 0;
					overflow: hidden;
					display: inline;
				}

		#wrapperSubContent div.box_technical_images a.link_to_xxl_view:hover,
		#wrapperSubContent div.box_technical_images a.link_to_xxl_view:focus,
		#wrapperSubContent div.box_technical_images a.link_to_xxl_view:active {
			-moz-opacity: 0.9;
			filter: alpha(opacity=90);
			opacity: 0.9;
		}

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

	=2.2.5 Box für Bildpräsentation

========================================================= */
#wrapperSubContent div.box_images_images {
	overflow: auto;

	width: 302px;
	height: 207px;
}

	* html #wrapperSubContent div.box_images_images {
		overflow-y: hidden;
		overflow-x: auto;
	}

		#wrapperSubContent div.box_images_images a.link_to_xxl_view {
			float: left;
			display: inline;

			width: 293px;
			height: 85px;
			background-color: #ffffff;
			margin: -138px 0 0 4px;

			-moz-opacity: 0;
			filter: alpha(opacity=0);
			opacity: 0;
		}

		#wrapperSubContent div.box_images_images a.link_to_xxl_view { background: url(img/action_icon/show_xxl_view_L.gif) #ffffff no-repeat center; }

				#wrapperSubContent div.box_images_images a.link_to_xxl_view span {
					position: absolute;
					left: -10000px;
					top: -10000px;
					width: 0;
					height: 0;
					overflow: hidden;
					display: inline;
				}

		#wrapperSubContent div.box_images_images a.link_to_xxl_view:hover,
		#wrapperSubContent div.box_images_images a.link_to_xxl_view:focus,
		#wrapperSubContent div.box_images_images a.link_to_xxl_view:active {
			-moz-opacity: 0.9;
			filter: alpha(opacity=90);
			opacity: 0.9;
		}

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

	=2.2.6 Ebene mit Aktionen

========================================================= */
#wrapperSubContent div.box_actions {
	position: absolute;
	top: 293px;
	left: 7px;
}

	#wrapperSubContent div.box_actions a.link_action {
		display: block;
		float: left;

		font-size: 9px;
		color: #9da8b0;
		text-decoration: none;
		text-transform: uppercase;

		width: 122px;
		height: 12px;
		background-repeat: no-repeat;
		padding: 2px 15px 0 5px;
	}

	* html #wrapperSubContent div.box_actions a.link_action {
		width: 142px;
	}

	#wrapperSubContent div.box_actions a.link_recommend {
		background-image: url(img/action_icon/link_recommend.gif);
		margin-right: 5px;
	}

	#wrapperSubContent div.box_actions a.link_add_to_favourites { background-image: url(img/action_icon/link_add_to_favourites.gif); }

	#wrapperSubContent div.box_actions a.link_delete_from_favourites { background-image: url(img/action_icon/link_delete_from_favourites_subcontent.gif); }

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

	=2.2.7 Ebene für Text über Bildern

========================================================= */
#wrapperSubContent #wrapperTextOverImage {
	position: absolute;
	z-index: 15;

	width: 302px;
	background-color: #edeef0;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	opacity: 0.85;
}

	#wrapperSubContent #wrapperTextOverImage.3d_anim { background: url(img/icon/3d_anim.jpg) no-repeat #edeef0 right 2px; }

	#wrapperSubContent #wrapperTextOverImage.on {
		bottom: 0px;
		left: 0px;
	}

		* html #wrapperSubContent div.on {
			bottom: 0px;
			left: 0px;
		}

	#wrapperSubContent #wrapperTextOverImage.on_3d_anim {
		top: 0px;
		left: 0px;
		background: url(img/icon/3d_anim.jpg) no-repeat #edeef0 right 2px;
	}

	* html #wrapperSubContent div.on_3d_anim {
		top: 0px;
		left: 0px;
		background: url(img/icon/3d_anim.jpg) no-repeat #edeef0 right 2px;
	}

	#wrapperSubContent #wrapperTextOverImage.off {
		top: -10000px;
		left: -10000px;
	}
	
		* html #wrapperSubContent div.off {
			top: -10000px;
			left: -10000px;
		}

	#wrapperSubContent h2.title_think { color: #819baf; }

	#wrapperSubContent h2.title_feel { color: #989a61; }

	#wrapperSubContent h2.title_dream { color: #bc8b5e; }

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

	=3.1 Specials

========================================================= */
/* >>> CR   hide vertical scrollbar bei den Oberflächen */
/* >>> sollte nur für den IE6 gelten" */
#box_table_surfacesFlexCroll .vscrollerbase {
	visibility: hidden !important;
}

/*.hscrollerbase {
	visibility: hidden !important;
}*/