/* ==================================================================
 - Allgemeines Stylesheet fuer die Druckausgabe
Datei: jado_print.css
Media: print

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

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

Aufbau:
1. Allgemeine Selektoren
	1.1 Inline-Elemente
	1.2 Klassen

2. Layoutbereiche
	2.1 Unsichtbare Bereiche
	2.2 Logobereich
	2.3 Contentbereich
		2.3.1 Liste als gepunktete Tabs (Tabnavigation)
		2.3.2 Produktkatalog
		2.3.3 Suche
		2.3.4 Nicht anzeigen
		2.3.5 Subcontent
	2.4 Lightbox
	2.5 Fixes für lokales FlexcrollCSS
==================================================================== */
/* ======================================================

	=1. Allgemeine Selektoren

========================================================= */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #525658;
}

/* ======================================================
	=1.1 Inline-Elemente
========================================================= */
em {
	font-style: normal;
	font-weight: bold;
}

a { text-decoration: none; }

/* ======================================================
	=1.2 Klassen
========================================================= */
.clearer {
	clear: both;

	font-size: 0px;

	width: 0;
	height: 0px;
	line-height: 0px;
}

.hidden {
	position: absolute;
	left: -10000px;
	top: -10000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

.versalien { text-transform: uppercase; }

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

	=2. Layoutbereiche

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

	=2.1 Unsichtbare Bereiche

========================================================= */
#alignerPage {}
#wrapperPage {}

#wrapperFlashHeader,
#wrapperLogin,
#wrapperCountrySelector,
#wrapperNavigationMain,
#wrapperBreadcrumb,
#wrapperFavourites,
#wrapperNavigationDesignSegments,
#wrapperNaviAdditional,
#wrapperLegals { display: none; }

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

	=2.2 Logobereich

========================================================= */
#wrapperLogo { margin-bottom: 10px; }

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

	=2.3 Contentbereich

=========================================================*/
#wrapperContent {
	width: auto;
	height: auto;
	background-color: #ffffff;
}

	#wrapperContent h1 { page-break-after: avoid; }

	#wrapperContent h2 a[href^="/"]:after {
		content: " (http://www.jado.com" attr(href)") ";
		color: #4d7094;
		background-color: inherit;
		font-style: italic;
		size: 50%;
	}

	#wrapperContent p { text-align: justify; }

	#wrapperContent p a[href]:after,
	#wrapperContent li a[href]:after {
		content: " ("attr(href)") ";
		color: #4d7094;
		background-color: inherit;
		font-style: italic;
		size: 90%;
	}/**/

	#wrapperContent p a[href^="/"]:after,
	#wrapperContent li a[href^="/"]:after {
		content: " (http://www.jado.com" attr(href)") ";
		color: #4d7094;
		background-color: inherit;
		font-style: italic;
		size: 90%;
	}

	#wrapperContent p a[href^="/"].link_download:after,
	#wrapperContent li a[href^="/"].link_download:after {
		content: "=> Download: http://www.jado.com" attr(href)"";
		color: #4d7094;
		background-color: inherit;
		font-style: italic;
		size: 90%;
	}

	#wrapperContent table th { text-align: left; }

	#wrapperContent table td { padding-right: 15px; }

	/* ======================================================
		=2.3.1 Liste als gepunktete Tabs (Tabnavigation)
	========================================================= */
	#wrapperContent ol.tab_navigation,
	#wrapperContent ol.tab_navigation_design_segments { padding-left: 0; }

	#wrapperContent ol.tab_navigation li,
	#wrapperContent ol.tab_navigation_design_segments li { display: none; }

	#wrapperContent ol.tab_navigation li.active,
	#wrapperContent ol.tab_navigation_design_segments li.active {
		display: block;

		font-size: 18px;
		font-weight: bold;
		list-style-type: none;

		page-break-after: avoid;
	}

	#wrapperContent ol.tab_navigation li.active a,
	#wrapperContent ol.tab_navigation_design_segments li.active a { color: #525658; }

	#wrapperContent ol.tab_navigation li.active a[href]:after,
	#wrapperContent ol.tab_navigation li.active a[href^="/"]:after,
	#wrapperContent ol.tab_navigation_design_segments li.active a[href]:after,
	#wrapperContent ol.tab_navigation_design_segments li.active a[href^="/"]:after { display: none; }


	/* ======================================================
		=2.3.2 Produktkatalog
	========================================================= */
	#wrapperContent div.box_product_group div.box_image {
		float: left;

		font-size: 10px;

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

		#wrapperContent table.table_product_images td.box_image { padding-bottom: 10px; }

			#wrapperContent div.box_product_group div.box_image img,
			#wrapperContent table.table_product_images td.box_image img { border: 1px solid #525658; }

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

			padding-left: 10px;
		}

	#wrapperContent div.box_product_group div.box_image a.link_details,
	#wrapperContent div.box_product_group div.box_image a.link_add_to_favourites,
	#wrapperContent div.box_product_group div.box_image a.link_delete_from_favourites { display: none; }

	/* ======================================================
		=2.3.3 Suche
	========================================================= */
	#wrapperContent div.box_search_results_products table td { vertical-align: top; }

		#wrapperContent div.box_search_results_products table td h3 { margin-top: 0px; }

		#wrapperContent div.box_search_results_products table td img { border: 1px solid #525658; }

	/* ======================================================
		=2.3.4 Nicht anzeigen
	=========================================================*/
	#wrapperContent table.table_teaser td.td_image a,
	#wrapperContent table.table_teaser td.td_image img,
	#wrapperContent table.table_teaser td.link_read_more a.link_read_more,
	#wrapperContent p.link_read_more,
	#wrapperContent ul.list_collections li a[href]:after,
	#wrapperContent ul.list_collections li a[href^="/"]:after,
	#wrapperContent div.box_actions,
	#wrapperContent table.table_product_images a.link_to_xxl_view,
	#wrapperContent div.advanced_search_tab,
	#wrapperContent div.search_box_actions { display: none; }

	/* ======================================================
		=2.3.5 Subcontent
	=========================================================*/
	#wrapperSubContent div.box_details_images div.box_image {
		float:left;

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

		#wrapperSubContent div.box_surfaces table.table_surfaces td {
			font-size: 10px;
			vertical-align: top;
		}

			#wrapperSubContent div.box_details_images div.box_image img,
			#wrapperSubContent div.box_surfaces table.table_surfaces img,
			#wrapperSubContent div.box_technical_images img { border: 1px solid #525658; }

	#wrapperSubContent #wrapperFlashOrImage,
	#wrapperSubContent.products h2,
	#wrapperSubContent a.link_to_xxl_view,
	#wrapperSubContent a.link_to_technical_data { display: none; }


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

	=2.4 Lightbox

=========================================================*/
#wrapperLightbox img { border: 1px solid #525658; }

#wrapperLightbox a.link_action,
#wrapperLightbox div.box_switch_images,
#wrapperLightbox a.link_show_more_images,
#wrapperLightbox a.link_to_xxl_view { display: none; }

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

	padding-left: 10px;
}

#wrapperLightbox table.table_product_images td.box_image { padding-bottom: 10px; }

/* ======================================================
	=2.5 Fixes für lokales FlexcrollCSS
========================================================= */
#wrapperContent #flex__1_mcontentwrapper,
#wrapperContent #flex__2_mcontentwrapper,
#wrapperContent #flex__3_mcontentwrapper,
#wrapperSubContent #box_table_surfacesFlexCroll_mcontentwrapper
#wrapperLightbox #wrapperTableProductImages_mcontentwrapper {
	visibility: hidden;
	display: inline;
}

#wrapperContent #flex__1_contentwrapper,
#wrapperContent #flex__2_contentwrapper,
#wrapperContent #flex__3_contentwrapper,
#wrapperSubContent #box_table_surfacesFlexCroll_contentwrapper,
#wrapperLightbox #wrapperTableProductImages_contentwrapper {
	visibility: visible;

	height: auto;
}

#wrapperContent #flex__1_scrollwrapper,
#wrapperContent #flex__2_scrollwrapper,
#wrapperContent #flex__3_scrollwrapper,
#wrapperSubContent #box_table_surfacesFlexCroll_scrollwrapper,
#wrapperLightbox #wrapperTableProductImages_scrollwrapper { display: none; }

scrollgeneric {
 	display:none;
}

.mcontentwrapper, .contentwrapper {
	position: relative !important;
 	height: auto !important;
 	width: auto !important;
 	margin: 0 !important;
 	padding: 0 !important;
 	top: 0 !important;
 	overflow: visible !important;
}