/* ==================================================================
 - Stylesheet fuer die Darstellung der Contentseiten
Datei: jado_content.css
Media: all

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

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

Aufbau:
1. wrapperMainContent
	1.1 Inline-Elemente
	1.2 Block-Elemente
	1.3 Listen
		1.3.1 Standardlisten, unordered und ordered
		1.3.2 Linkliste
		1.3.3 Liste als gepunktete Tabs
	1.4 Tabellen
		1.4.1 Einfache Tabelle
		1.4.2 Tabelle für Teaser (Portalseiten)
	1.5 Spezielle Bereiche
		1.5.1 Scrollbare Contentbox
		1.5.2 Bildbereich mit Untertitel, textumflossen

2. wrapperSubContent
	2.1 Block-Elemente
	2.2 Linkliste
	2.3 Spezielle Bereiche
		2.3.1 Box zur Anzeige eines Bildes oder Flashfilmes
		2.3.2 Box zur Anzeige von Texten über dem wrapperFlashOrImage
==================================================================== */
/* ======================================================

	=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;
	border-left: 2px solid #ffffff;
}

/* ======================================================
	=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; }

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

#wrapperMainContent a {
	color: #4d7094;
	text-decoration: none;
}

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

	background-color: #4d7094;
}

#wrapperMainContent h2 a { color: #525658; }

	#wrapperMainContent h2.colored a { color: #ffffff; }

	#wrapperMainContent h2.colored a:hover,
	#wrapperMainContent h2.colored a:focus,
	#wrapperMainContent h2.colored a:active {
		color: #525658;

		background-color: transparent;
	}

#wrapperMainContent p.link_read_more a.link_read_more {
	background: url(img/icon/arrow_4d7094.gif) no-repeat 0 2px;
	padding-left: 12px;
}

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

	#wrapperMainContent p.link_read_more a.link_read_more span { background-color: #edeef0; }

	#wrapperMainContent p.link_read_more a.link_read_more:hover span,
	#wrapperMainContent p.link_read_more a.link_read_more:focus span,
	#wrapperMainContent p.link_read_more a.link_read_more:active span { background-color: #4d7094; }

#wrapperMainContent p.link_download a.link_download {
	font-size: 9px;
	color: #9da8b0;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 14px;
}

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

	#wrapperMainContent p.link_download a.link_download span {
		background-color: #ffffff;
		padding: 2px 15px 0 5px;
		xxxpadding: 3px 15px 1px 5px;
	}

	*+html #wrapperMainContent p.link_download a.link_download span { padding-top: 3px; padding-bottom: 1px; }

	#wrapperMainContent p.link_download a.link_download span.link_download_text {
		background-image: url(img/line/links_top_bottom.gif);
		background-repeat: repeat-x;
		border-left: 1px solid #9da8b0;
	}

	*+html #wrapperMainContent p.link_download a.link_download span.link_download_text { background-position: 0 2px; }

	#wrapperMainContent p.link_download a.link_download span.link_download_filetype {
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-right: 13px;
	}

	#wrapperMainContent p.link_download a.link_download span.filetype_pdf {
		width: 10px;
		background-image: url(img/icon/link_filetype_pdf_ffffff.gif);
		background-color: #edeef0;
		margin-left: -3px;
	}

	* html #wrapperMainContent p.link_download a.link_download span.filetype_pdf { background-position: 0 1px; }

	*+html #wrapperMainContent p.link_download a.link_download span.filetype_pdf { background-position: 0 2px; }

	#wrapperMainContent p.link_download a.link_download span.filetype_jpg {
		width: 10px;
		background-image: url(img/icon/link_filetype_jpg_ffffff.gif);
		background-color: #edeef0;
		margin-left: -3px;
	}

	* html #wrapperMainContent p.link_download a.link_download span.filetype_jpg { background-position: 0 1px; }

	*+html #wrapperMainContent p.link_download a.link_download span.filetype_jpg { background-position: 0 2px; }


/*#wrapperMainContent p.link_ebook a.link_ebook {
	font-size: 9px;
	color: #9da8b0;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 14px;
}

#wrapperMainContent p.link_ebook a.link_ebook:hover,
#wrapperMainContent p.link_ebook a.link_ebook:focus,
#wrapperMainContent p.link_ebook a.link_ebook:active {
	color: #9da8b0;
	background-color: transparent;
}

	#wrapperMainContent p.link_ebook a.link_ebook span {
		background-color: #ffffff;
		padding: 2px 15px 0 5px;
	}

	*+html #wrapperMainContent p.link_ebook a.link_ebook span { padding-top: 3px; padding-bottom: 1px; }

	#wrapperMainContent p.link_ebook a.link_ebook span.link_ebook_text {
		background-image: url(img/line/links_top_bottom.gif);
		background-repeat: repeat-x;
		border-left: 1px solid #9da8b0;
	}

	*+html #wrapperMainContent p.link_ebook a.link_ebook span.link_ebook_text { background-position: 0 2px; }

	#wrapperMainContent p.link_ebook a.link_ebook span.link_ebook_icon {
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-right: 13px;
	}

	#wrapperMainContent p.link_ebook a.link_ebook span.link_ebook_icon {
		width: 10px;
		background-image: url(img/icon/link_filetype_pdf_ffffff.gif);
		background-color: #edeef0;
		margin-left: -3px;
	}

	* html #wrapperMainContent p.link_ebook a.link_ebook span.link_ebook_icon { background-position: 0 1px; }

	*+html #wrapperMainContent p.link_ebook a.link_ebook span.link_ebook_icon { background-position: 0 2px; }
*/


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

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

#wrapperMainContent h2 {
	font-size: 12px;

	width: 380px;
	padding: 2px 5px;
	margin: 0 0 6px 7px;
}

	* html #wrapperMainContent h2 { width: 390px; }

	#wrapperMainContent h2.colored,
	#wrapperMainContent h2.think,
	#wrapperMainContent h2.feel,
	#wrapperMainContent h2.dream {
		color: #ffffff;

		background: url(img/bg/wrapperMainContent/table/th_product_groups.jpg) #8996A0 repeat-y;
	}

	#wrapperMainContent h2.think { background: url(img/bg/wrapperMainContent/table/th_design_segment_think.jpg) #819baf repeat-y; }
	#wrapperMainContent h2.feel { background: url(img/bg/wrapperMainContent/table/th_design_segment_feel.jpg) #989a61 repeat-y; }
	#wrapperMainContent h2.dream { background: url(img/bg/wrapperMainContent/table/th_design_segment_dream.jpg) #bc8b5e repeat-y; }

#wrapperMainContent h3 {
	font-size: 11px;

	width: 380px;
	margin: 0 0 4px 11px;
}

	#wrapperMainContent h3.list_title { margin-bottom: 3px; }

#wrapperMainContent p {
	line-height: 16px;

	width: 380px;
	margin: 0 0 10px 11px;
}

	#wrapperMainContent p.link_read_more { margin-top: -8px; }

/* === Anpassungen für 3-2 === */
#wrapperMainContent.dreiZuZwei h1 {
	color: #525658;

	width: 246px;
	margin-bottom: 0;
}

#wrapperMainContent.dreiZuZwei h2 {
	width: 246px;
	margin-left: 0;
}

#wrapperMainContent.dreiZuZwei h3,
#wrapperMainContent.dreiZuZwei p {
	width: 246px;
	margin-left: 5px;
}

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

	=1.3 Listen

========================================================= */
/* ======================================================
	=1.3.1 Standardlisten
========================================================= */
#wrapperMainContent ul {
	list-style-type: none;

	width: 379px;
	margin: 0 7px 10px 12px;
}

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

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

#wrapperMainContent ol {
	width: 360px;
	margin: 0 7px 10px 31px;
}

* html #wrapperMainContent ol {
	width: 358px;
	padding-left: 30px;
	margin-left: 0;
}

	#wrapperMainContent ol li { line-height: 16px; }

/* === Anpassungen für 3-2 === */
#wrapperMainContent.dreiZuZwei ul {
	width: 245px;
	margin-left: 6px;
}

#wrapperMainContent.dreiZuZwei ol {
	width: 226px;
	margin-left: 25px;
}

/* ======================================================
	=1.3.2 Linkliste
========================================================= */
	#wrapperMainContent ul.list_links li {
		padding-left: 20px;
		margin-bottom: 6px;
	}

	#wrapperMainContent ul.list_links li.link_intern { background: url(img/icon/arrow_4d7094.gif) no-repeat 0 4px; }

	#wrapperMainContent ul.list_links li.link_extern { background: url(img/icon/arrow_out_8996A0.gif) no-repeat 0 5px; }

	#wrapperMainContent ul.list_links li.filetype_pdf { background: url(img/icon/filetype_pdf.gif) no-repeat 0 1px; }

	#wrapperMainContent ul.list_links li.filetype_txt { background: url(img/icon/filetype_txt.gif) no-repeat 0 1px; }

	#wrapperMainContent ul.list_links li.filetype_jpg { background: url(img/icon/filetype_jpg.gif) no-repeat 0 1px; }

	#wrapperMainContent ul.list_links li.filetype_movie { background: url(img/icon/filetype_movie.gif) no-repeat 0 1px; }

	#wrapperMainContent ul.list_links li.filetype_e-book { background: url(img/icon/filetype_e-book.gif) no-repeat 0 1px; }

		#wrapperMainContent ul.list_links li.link_intern a { color: #4d7094; }

		#wrapperMainContent ul.list_links li.link_extern a { color: #8996A0; }

		#wrapperMainContent ul.list_links li.link_download a { color: #9da8b0; }

		#wrapperMainContent ul.list_links li a:hover,
		#wrapperMainContent ul.list_links li a:focus,
		#wrapperMainContent ul.list_links li a:active { color: #ffffff; }

		#wrapperMainContent ul.list_links li.link_intern a:hover,
		#wrapperMainContent ul.list_links li.link_intern a:focus,
		#wrapperMainContent ul.list_links li.link_intern a:active { background-color: #4d7094; }

		#wrapperMainContent ul.list_links li.link_extern a:hover,
		#wrapperMainContent ul.list_links li.link_extern a:focus,
		#wrapperMainContent ul.list_links li.link_extern a:active { background-color: #8996A0; }

		#wrapperMainContent ul.list_links li.link_download a:hover,
		#wrapperMainContent ul.list_links li.link_download a:focus,
		#wrapperMainContent ul.list_links li.link_download a:active { background-color: #9da8b0; }

/* === Anpassungen für 3-2 === */
#wrapperMainContent.dreiZuZwei ul.list_links {
	width: 245px;
	margin-left: 6px;
}

/* ======================================================
	=1.3.3 Liste als gepunktete Tabs
========================================================= */
#wrapperMainContent ol.tab_navigation {
	list-style-type: none;

	width: 402px;
	height: 23px;
	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 17px 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;
		}

		#wrapperPage 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.4 Tabellen

========================================================= */
/* ======================================================
	=1.4.1 Einfache Tabelle
========================================================= */
#wrapperMainContent table.table_content {
	width: 388px;
	background: url(img/bg/wrapperMainContent/table/table_outline_left_right.gif) repeat-y 0 4px;
	margin: 5px 6px 10px 8px;

	empty-cells: show;
}

* html #wrapperMainContent table.table_content {
	width: 389px;
	background: url(img/bg/wrapperMainContent/table/table_outline_left_right_ie6.gif) repeat-y 0 4px;
}

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

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

		/* === Tabellenkopf === */
		#wrapperMainContent table.table_content th { width: auto; }

			#wrapperMainContent table.table_content th span {
				display: block;

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

				width: auto;
				background-color: #8996a0;
				padding: 1px 2px;
				margin: 5px 5px 3px 5px;
			}

			#wrapperMainContent table.table_content th span a {
				display: block;

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

				width: auto;
				background-color: #8996a0;
			}

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

			#wrapperMainContent table.table_content th span a:hover,
			#wrapperMainContent table.table_content th span a:focus,
			#wrapperMainContent table.table_content th span a:active {
				color: #525658;
				background-color: #8996a0;
			}


		/* === Tabellenzellen === */
		#wrapperMainContent table.table_content td { vertical-align: bottom; }

		#wrapperMainContent table.table_content td span {
			display: block;


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

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

		#wrapperMainContent table.table_content tr.last td span { background-image: none; }

/* ======================================================
	=1.4.2 Tabelle für Teaser (Portalseiten)
========================================================= */
#wrapperMainContent table.table_teaser {
	width: 390px;
	margin: 0 0 15px 7px;
}

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

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

	#wrapperMainContent table.table_teaser td.td_image { width: 70px; }

		#wrapperMainContent table.table_teaser td.td_image img {
			width: 60px;
			height: 60px;
			border: 2px solid #8996a0;
		}

	#wrapperMainContent table.table_teaser td.td_text {
		width: 320px;
		min-height: 52px;
	}

	* html #wrapperMainContent table.table_teaser td.td_text { height: 52px; }

		#wrapperMainContent table.table_teaser td.td_text h2 {
			font-size: 12px;

			width: 310px;
		}

		#wrapperMainContent table.table_teaser td.td_text p { width: 310px; }

		#wrapperMainContent table.table_teaser td.link_read_more a.link_read_more {
			background: url(img/icon/arrow_4d7094.gif) no-repeat 0 2px;
			margin: 0 0 0 5px;
			padding-left: 12px;
		}

		#wrapperMainContent table.table_teaser td.link_read_more a.link_read_more,
		#wrapperMainContent table.table_teaser td.link_read_more a.link_read_more,
		#wrapperMainContent table.table_teaser td.link_read_more a.link_read_more { background-color: transparent; }

			#wrapperMainContent table.table_teaser td.link_read_more a.link_read_more span { background-color: #edeef0; }

			#wrapperMainContent table.table_teaser td.link_read_more a.link_read_more:hover span,
			#wrapperMainContent table.table_teaser td.link_read_more a.link_read_more:focus span,
			#wrapperMainContent table.table_teaser td.link_read_more a.link_read_more:active span { background-color: #4d7094; }

#wrapperMainContent.dreiZuZwei table.table_teaser {
	width: 255px;
	margin-left: 0;
}

	#wrapperMainContent.dreiZuZwei table.table_teaser td.td_text { width: 185px; }

		#wrapperMainContent.dreiZuZwei table.table_teaser td.td_text h2,
		#wrapperMainContent.dreiZuZwei table.table_teaser td.td_text p { width: 175px; }

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

	=1.5 Spezielle Bereiche

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

	=1.5.1 Scrollbare Contentbox,
		volle Breite und vertikaler Scrollbalken

========================================================= */
#wrapperMainContent div.box_full_yscroll {
	overflow: auto;
	overflow-x: hidden;

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

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

#wrapperMainContent.dreiZuZwei div.box_full_yscroll { width: 284px; }

	/* ======================================================
		= mit Tabs
	========================================================= */
	#wrapperMainContent div.box_full_yscroll_tabs {
		overflow: auto;
		overflow-x: hidden;

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

		* html #wrapperMainContent div.box_full_yscroll_tabs {
			height: 242px;
		}

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

	=1.5.2 Bildbereich mit Untertitel, textumflossen

========================================================= */
#wrapperMainContent p.box_image,
#wrapperMainContent span.box_image {
	font-size: 10px;
	text-align: center;
	line-height: 10px;

	padding: 5px 2px;
}

#wrapperMainContent span.box_image {
	float: right;

	padding: 5px 0 5px 10px;
}

	#wrapperMainContent p.box_image img,
	#wrapperMainContent span.box_image img {
		display: block;

		border: 2px solid #ffffff;
		margin-bottom: 2px;
	}

#wrapperMainContent span.S { width: 99px; }

#wrapperMainContent span.M { width: 194px; }

#wrapperMainContent.dreiZuZwei span.M {
	float: left;

	margin-left: 15px;
}


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

	=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.dreiZuZwei h1 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;

	margin: 20px 20px 10px 20px;
}

#wrapperSubContent.dreiZuZwei h2.list_title {
	font-size: 14px;
	font-weight: normal;

	margin-left: 20px;
}

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

	margin: 0 7px 0 7px;
}

#wrapperSubContent.dreiZuZwei p {
	font-size: 14px;
	line-height: 16px;

	width: 280px;
	height: 70px;
	margin: 0 20px;
}

/* ======================================================
	=2.2 Linkliste
========================================================= */
#wrapperSubContent.dreiZuZwei ul.list_links {
	list-style-type: none;

	width: 185px;
	background: url(img/bg/home_list_links.jpg) repeat-y;
	border: 1px solid #525658;
	border-top-color: #c4cdd0;
	border-left-color: #c4cdd0;
	padding: 2px 0 2px 0;
	margin: 5px 0 10px 20px;
}

* html #wrapperSubContent.dreiZuZwei ul.list_links { padding-bottom: 3px; }

	#wrapperSubContent.dreiZuZwei ul.list_links li {
		width: 175px;
		background: url(img/line/h_1px_2px_ffffff_trans.gif) repeat-x left bottom;
		margin: 0 5px;
	}

	* html #wrapperSubContent.dreiZuZwei ul.list_links li { margin-bottom: -2px; }

	#wrapperSubContent.dreiZuZwei ul.list_links li.last { background-image: none; }

		#wrapperSubContent.dreiZuZwei ul.list_links li a {
			display: block;

			color: #ffffff;
			text-decoration: none;

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

		#wrapperSubContent.dreiZuZwei ul.list_links li a:hover,
		#wrapperSubContent.dreiZuZwei ul.list_links li a:focus,
		#wrapperSubContent.dreiZuZwei ul.list_links li a:active {
			color: #525658;
			text-decoration: none;
		}


			#wrapperSubContent.dreiZuZwei ul.list_links li a span {
				display: block;

				line-height: 14px;

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

			* html #wrapperSubContent.dreiZuZwei ul.list_links li a span { background: url(img/helpie/empty.gif) repeat-x; }

			#wrapperSubContent.dreiZuZwei ul.list_links li a:hover span,
			#wrapperSubContent.dreiZuZwei ul.list_links li a:focus span,
			#wrapperSubContent.dreiZuZwei ul.list_links li a:active span { background-color: #c4cbd0; }

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

	=2.3 Spezielle Bereiche

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

	=2.3.1 Box zur Anzeige eines Bildes oder Flashfilmes

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

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

#wrapperSubContent.dreiZuZwei #wrapperFlashOrImage {
	z-index: 6;

	width: 450px;
}

#wrapperSubContent #wrapperFlashOrImage h3.message_info {
	color: #8996a0;
	font-size: 14px;
	text-align: center;

	height: auto;
	padding-top: 31px;
	margin-top: 67px;
}

#wrapperSubContent #wrapperFlashOrImage h3.message_3d_anim {
	background: url(img/bg/wrapperSubContent/message_3d_anim.jpg) no-repeat center top;
}

	#wrapperSubContent #wrapperFlashOrImage h3.message_info a { color: #525658; }

	#wrapperSubContent #wrapperFlashOrImage h3.message_info a:hover,
	#wrapperSubContent #wrapperFlashOrImage h3.message_info a:focus,
	#wrapperSubContent #wrapperFlashOrImage h3.message_info a:active {
		color: #ffffff;
		text-decoration: none;

		background-color: #525658;
	}

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

	=2.3.2 Box zur Anzeige von Texten über dem wrapperFlashOrImage

========================================================= */
#wrapperSubContent.dreiZuZwei #wrapperTextOverFlash {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;

	width: 450px;
	height: 312px;
}



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

	= Darstellungen für Mac

========================================================= */
/* ======================================================
	= Firefox
========================================================= */

/*
	#wrapperMainContent p.link_download a.link_download span {
		background-color: #ffffff;
		padding: 3px 15px 1px 5px;
	}

*/