/* $Id: screen.css 33 2009-08-13 16:40:06Z hweber $ */

/*----------------------------------------------------------*/
/*                 Elemente-Definitionen                    */
/*----------------------------------------------------------*/

/* Allgemeine und Dokument-Definitionen */
*			{	margin:0; padding:0; }
html		{	width:100%; height:100%; }
body		{	font-family:Arial, Helvetica, sans-serif; color:#000; font-size:100.1%;
				width:100%; height:100%;
				text-align:center;
				background-color:#FFF; }

/* Typografie */
h1, h2, h3, h4, h5, h6, p, li
			{	color:#7B7B7B; font-weight:normal;
				text-align:left; }
h1			{	font-family:Times, serif; font-size:1.3em; font-weight:bold; font-style:italic; letter-spacing:0.03em;
				margin:0.5em 0 0.5em 0; }
h2			{	font-size:1.0em; font-weight:bold;
				margin:0.5em 0 0.5em 0; }
h3			{	font-size:0.9em; font-weight:bold;
				margin:0.8em 0 0 0; }
p			{	font-size:0.8em;
				margin:0 0 0.5em 0;
				line-height:1.4em; }
ul			{	margin:0.5em 0 0.5em 1.0em;
				text-align:left; }
li			{	font-size:0.8em;
				line-height:1.4em; }
em			{   font-size:1.3em; font-weight:bold; font-style:normal; }
dfn			{   color:#F07F8C;
				cursor:help; }

/* Fette Überschrift */
h1 strong	{	font-size:1.75em; letter-spacing:0.01em; }

/* Absätze innerhalb einer Liste */
li p		{	font-size:1.0em; }

/* Tabellen */
table		{	margin-top:5px;
				width:100%;
				border:none;
				border-spacing:0; border-collapse:collapse; }
td			{	vertical-align:top; text-align:left;
				padding:5px;  }


/* Hyperlinks */
a,
a:link,
a:active,
a:visited	{	color:#7B7B7B; text-decoration:underline; }
a:hover		{	color:#000; text-decoration:underline; }

/* Hyperlinks auf Überschriften */
h1 a,
h1 a:link,
h1 a:active,
h1 a:visited,
h1 a:hover	{	text-decoration:none; }

/* Hyperlink mit Ornament */
a.ornament	{	font-family:Times, serif; font-size:1.4em; font-weight:bold; font-style:italic; letter-spacing:0.03em; text-decoration:none;
				padding-top:12px; padding-left:35px;
				height:48px; display:block; 
				background:url('../images/link_ornament.png') center left no-repeat; }
a.ornament,
a.ornament:link,
a.ornament:active,
a.ornament:visited,
a.ornament:hover
			{	text-decoration:none; }
a.ornament:hover
			{	background:url('../images/link_ornament_active.png') center left no-repeat; }

/* Drucken-Hyperlink */
a.drucken	{	font-family:Times, serif; font-size:1.4em; font-weight:bold; font-style:italic; letter-spacing:0.03em; text-decoration:none;
				padding-top:12px; padding-right:25px;
				text-align:right;
				height:23px; display:block; 
				background:url('../images/link_drucken.png') center right no-repeat; }
a.drucken,
a.drucken:link,
a.drucken:active,
a.drucken:visited,
a.drucken:hover
			{	text-decoration:none; }
a.drucken:hover
			{	background:url('../images/link_drucken_active.png') center right no-repeat; }

/* Hyperlink für PDF-Downloads */
a.download_pdf
			{	font-family:Times, serif; font-size:1.4em; font-weight:bold; font-style:italic; letter-spacing:0.03em; text-decoration:none;
				padding-top:12px; }
a.download_pdf,
a.download_pdf:link,
a.download_pdf:active,
a.download_pdf:visited,
a.download_pdf:hover
			{	text-decoration:none; }
a.download_pdf img
			{	vertical-align:middle; }

/* Hyperlinks im Pressebereich */
a.presse_pdf
			{	background:url('../images/link_pdf.png') center left no-repeat;
				margin-left:10px; padding-left:20px; }
a.presse_jpg
			{	background:url('../images/link_jpg.png') center left no-repeat;
				margin-left:10px; padding-left:20px; }

/* Weitere HTML-ELemente */
hr			{	color:#CCC;
				height:1px;
				border:#CCC; 
				background-color:#CCC; }
img			{	border:none; }

/*----------------------------------------------------------*/
/*                   Layout-Definitionen                    */
/*----------------------------------------------------------*/

#main			{	margin:0 0 0 -490px;
					position:absolute; top:20px; left:50%; width:980px;
					border:1px solid #000; }

#head			{	position:relative; width:100%;  height:260px;
					background:#FEFAF3 url('../images/head_background.jpg') top left no-repeat; }

#logo			{	position:absolute; top:14px; left:9px; width:91px; height:78px; }

#suche			{	position:absolute; top:40px; right:0px; }

#nav1			{	margin:0;
					position:absolute; top:65px; right:0; width:880px; height:40px; overflow:hidden;
					white-space:nowrap;
					background:#FFF2CF url('../images/nav1_background.png') top left repeat-x; }

#nav2			{	margin:0; padding-left:10px;
					position:absolute; top:105px; left:0; width:970px; height:30px; overflow:hidden;
					white-space:nowrap;
					background:#FDD387 url('../images/nav2_background.png') top left repeat-x; }

#animation		{	position:absolute; top:135px; right:0; width:980px; height:125px;
					background:#FCCE79; }

#content		{	position:relative; width:100%; height:460px;
					text-align:left;
					background:#FEF8EC url('../images/content_background.jpg') top left no-repeat; }

#text			{	position:absolute; top:45px; left:101px;
					width:500px; height:415px; }

#text_large		{	padding-right:9px;
					position:absolute; top:45px; left:101px;
					width:540px; height:415px;
					overflow:auto; }

#text_suche		{	position:absolute; top:45px; left:101px;
					width:500px; height:415px;
					overflow-y:auto; }

#image			{	position:absolute; top:0; right:0; width:328px; height:330px; }

#info			{	padding:20px 30px;
					position:absolute; top:330px; right:0; width:268px; height:90px;
					background:#E2E3E5 url('../images/info_background.png') top left no-repeat; }

#katalog		{	position:absolute; top:5px; left:150px; width:680px; height:450px; }

#hinweis		{	position:absolute; bottom:10px; left:18px; width:140px; }

#download		{	position:absolute; top:285px; right:19px; width:140px; height:143px; }

#iframe			{	width:980px; height:460px; }

#foot			{	width:100%; height:20px;
					background:#FDD58B url('../images/foot_background.png') top left repeat-x; }

/*----------------------------------------------------------*/	
/*                Navigations-Definitionen                  */			
/*----------------------------------------------------------*/

/* Navigation (Hauptnavigation) */
#nav1 li			{	font-family:Times, serif; font-size:18px; font-weight:bold; font-style:italic; letter-spacing:0.03em;
						width:105px; line-height:40px; float:left; display:inline; }
#nav1 li a			{	color:#7B797C; font-size:1.0em; text-decoration:none;
						position:relative; width:100%; float:left; display:block;
						text-align:center; }
#nav1 li a:link,
#nav1 li a:active,
#nav1 li a:visited
					{	color:#7B797C; text-decoration:none; }
#nav1 li a:hover	{	color:#1A1A18; text-decoration:none;
						background:url('../images/nav1_background_active.png') top left no-repeat; }
#nav1 li a.active,
#nav1 li a.active:link,
#nav1 li a.active:active,
#nav1 li a.active:visited
					{	color:#1A1A18;
						background:url('../images/nav1_background_active.png') top left no-repeat; }
#nav1 li.ueber_engel
					{	width:115px; }
#nav1 li.ueber_engel a.active,
#nav1 li.ueber_engel a.active:link,
#nav1 li.ueber_engel a.active:active,
#nav1 li.ueber_engel a.active:visited,
#nav1 li.ueber_engel a:hover
					{	background:url('../images/nav1_ueber_engel_background_active.png') top left no-repeat; }
#nav1 li.bezugsquellen
					{	width:135px; }
#nav1 li.bezugsquellen a.active,
#nav1 li.bezugsquellen a.active:link,
#nav1 li.bezugsquellen a.active:active,
#nav1 li.bezugsquellen a.active:visited,
#nav1 li.bezugsquellen a:hover
					{	background:url('../images/nav1_bezugsquellen_background_active.png') top left no-repeat; }
#nav1 li.shop a		{	background:url('../images/nav1_shop_background.png') top left no-repeat; }
#nav1 li.shop a.active,
#nav1 li.shop a.active:link,
#nav1 li.shop a.active:active,
#nav1 li.shop a.active:visited,
#nav1 li.shop a:hover
					{	background:url('../images/nav1_shop_background_active.png') top left no-repeat; }
#nav1 li.presse		{	width:135px; }
#nav1 li.presse a.active,
#nav1 li.presse a.active:link,
#nav1 li.presse a.active:active,
#nav1 li.presse a.active:visited,
#nav1 li.presse a:hover
					{	background:url('../images/nav1_presse_background_active.png') top left no-repeat; }

/* Navigation (Unternavigation) */
#nav2 li			{	font-size:12px; font-weight:bold;
						float:left; display:inline;
						line-height:30px; }
#nav2 li span		{	padding:0 5px; }
#nav2 li a			{	color:#575757; font-size:1.0em; text-decoration:none;
						padding:0 4px 0 5px;
						float:left; display:block;
						text-align:center;
						background:url('../images/nav2_background.png') top center no-repeat; }
#nav2 li a:link,
#nav2 li a:active,
#nav2 li a:visited
					{	color:#7B797C; text-decoration:none; }
#nav2 li a.active,
#nav2 li a:hover	{	color:#1A1A18; text-decoration:none;
						background:url('../images/nav2_background_active.png') top center no-repeat; }
#nav2 li.materialien
					{	margin-left:300px; }
#nav2 li.bezugsquellen
					{	margin-left:617px; }

/* Fusszeilen-Navigation */
#foot ul			{	margin:0 20px;
						text-align:right; }
#foot ul li			{	font-size:0.75em; font-weight:bold;
						display:inline;
						line-height:20px; }
#foot ul li span	{	padding:0 10px; }
#foot ul li a,
#foot ul li a:link,
#foot ul li a:active,
#foot ul li a:visited,
#foot ul li a:hover	{	font-size:1.0em; text-decoration:none; }

/*----------------------------------------------------------*/
/*                  Klassen-Definitionen                    */
/*----------------------------------------------------------*/

/* Textfluss für Bilder */
img.left			{	margin-right:10px;
						float:left; }
img.right			{	float:right;
						margin-bottom:5px; margin-left:10px; }
img.center			{	text-align:center; }

/* Textfluss wiederzuherstellen */
.clear				{	clear:both; }
.none				{	float:none; }

/* Alternativ-Bild für Header-Animation */
#animation img		{	width:980px; height:120px; }

/* Suche */
#suche input		{	color:#999; font-size:0.9em; font-weight:bold;
						padding-left:2px;
						width:188px; height:18px;
						border:none;
						background-color:#E2E3E5; }
strong.search		{	color:#9B3342; }
ol li				{	margin-bottom:20px; }
ol li p				{	margin:0; }

/* Katalog */
#katalog img		{	margin-left:320px;
						width:320px; height:450px; }

/* PDF-Download */
#download p			{	font-family:Times, serif; font-size:1.1em; font-weight:bold; font-style:italic;
						margin:0;
						text-align:right; line-height:1.2em; }
#download p a,
#download p a:link,
#download p a:active,
#download p a:visited,
#download p a:hover
					{	font-size:1.0em; text-decoration:none; }

/* Neuheiten */
div.news			{	margin-top:20px; margin-right:24px;
						position:relative; width:150px; float:left; }
div.newslast		{	margin-right:0; }
div.news img		{	margin-bottom:10px;
						width:120px; height:130px;
						border:1px solid #7B7B7B; }
div.news a.detail,
div.news a.detail.hover
					{	cursor:url('../images/lupe.cur'), pointer; }
div.newspopup		{	padding:20px;
						width:640px;
						position:absolute; top:180px; right:0; display:none; z-index:30;
						background:#FEF8EC;
						border:1px solid #000; }
a.newsclose img		{	position:absolute; top:6px; right:6px;
						width:16px; height:16px;
						cursor:pointer; }

/* Lexikon */
div.lexikon			{	width:177px; float:left; }
div.lexikon p.key	{	margin-bottom:0; }
div.lexikon p.char	{	font-weight:bold;
						margin-bottom:0; margin-top:1.2em; }
div.lexikonpopup	{	padding:20px;
						width:600px;
						position:absolute; top:180px; left:50px; display:none; z-index:30;
						background:#FEF8EC url('../images/content_background.jpg') top left no-repeat;
						border:1px solid #000; }
a.lexikonclose img	{	position:absolute; top:6px; right:6px;
						width:16px; height:16px;
						cursor:pointer; }

/* PopUp */
div.popup			{	padding:20px;
						width:600px;
						position:absolute; top:180px; right:0; display:none; z-index:30;
						background:#FEF8EC;
						border:1px solid #000; }
a.popupclose img	{	position:absolute; top:6px; right:6px;
						width:16px; height:16px;
						cursor:pointer; }

/* Bezugsquellen */
p.traders_slider	{	margin-top:0; margin-bottom:0; }
p.traders_details
					{	margin-top:0; display:none; }
p.traders_slider a,
p.traders_slider a:link,
p.traders_slider a:active,
p.traders_slider a:visited,
p.traders_slider a:hover
					{	color:#7B7B7B; text-decoration:none; }

/* Informationen und Links */
#info p				{	margin:0; }
#info ul			{	margin:0;
						list-style:none; list-style-image:none; }

/* Beschriftung für Formularfelder im Kontaktformular */
label			{	float:left; }
label.adress	{	width:4.5em; color:#000; }
label.formular	{	width:7.0em; color:#000; }

/* Formularfelder */
input.text,
textarea.text	{	margin-bottom:10px;
					width:300px;
					border:1px solid #FDD386;
					color:#000;
					background-color:#FFF; }			
input.focus,
textarea.focus	{	background-color:#FFF2CE; }
input.error,
textarea.error	{	background-color:#FCC;
					border:1px solid #CFA8A8; }

/* Fehlermeldung */
div.error-message
				{	display:none;
					color:#FD0026; }
div.error-message p	
				{	color:#FD0026;
					padding-left:20px;
					background: url('../images/error.png') center left no-repeat; }

/* Zebra-Liste */
table.zebra_list
				{	}	
tr.odd			{	}
tr.even			{	background:url('../images/zebralist_background.png') top left repeat; }
tr.active		{	background:url('../images/zebralist_background_active.png') top left repeat; }

/*----------------------------------------------------------*/
/* Abweichende CSS-Anweisungen für die Startseite           */
/*----------------------------------------------------------*/

/* Layout-Elemente */
#page_index #logo
				{	position:absolute; top:15px; left:25px; width:118px; height:101px; }

#page_index #head
				{	height:230px; }

#page_index #banner
				{	position:absolute; bottom:0; left:0; width:100%; height:36px;
					background:#FDD387 url('../images/banner_background.png') top left repeat-x; }

#page_index #content
				{	height:510px; }

#page_index #index_flash
				{	position:absolute; top:0; left:0; width:652px; height:510px; }

#page_index #image
				{	height:330px; }

#page_index #info
				{	padding:0; padding-left:30px;
					top:330px; height:180px; width:298px;
					text-align:center; }

/* Überschriften im Header */
#page_index #head h1
				{	color:#7B7B7B; font-size:4.0em; letter-spacing:0;
					margin:0;
					position:absolute; top:39px; left:230px; }
#page_index #head h2
				{	font-family:Times, serif; color:#7B7B7B; font-size:1.7em; font-style:italic; letter-spacing:0.03em;
					margin:0;
					position:absolute; top:115px; left:400px; }

/* Adresse */
#page_index #head p.address
				{	color:#7B7B7B; font-weight:bold;
					position:absolute; top:125px; left:12px;
					text-align:center; }

/* Alternativ-Bild anstelle Flash-Animation */
#page_index #index_flash img
				{	width:652px; height:510px; }

/* Sprachnavigation Startseite */
#page_index #info li
				{	font-weight:bold;
					margin-right:30px; margin-top:30px;
					width:70px; float:left; display:inline; }
#page_index #info li.first
				{	margin-left:50px; }
#page_index #info li.last
				{	margin-right:0px; }
#page_index #info li a
				{	color:#7B797C; font-size:1.0em; text-decoration:none;
					text-align:center; line-height:1.2em;
					position:relative; width:100%; float:left; display:block; }
#page_index img.language
				{	width:40px; height:27px; }

/*----------------------------------------------------------*/
/* Abweichende CSS-Anweisungen für den Pressebereich        */
/*----------------------------------------------------------*/

/* Sprachnavigation Pressebereich */
#page_presse #info li
				{	font-weight:bold;
					margin-right:30px; margin-top:20px;
					width:70px; float:left; display:inline; }
#page_presse #info li a
				{	color:#7B797C; font-size:1.0em; text-decoration:none;
					text-align:center; line-height:1.2em;
					position:relative; width:100%; float:left; display:block; }
#page_presse img.language
				{	width:40px; height:27px; }

/* Pressebilder */
div.pressebild		{	margin-top:10px; margin-right:24px;
						position:relative; width:150px; float:left; }
div.pressebild img
					{	width:120px; height:125px;
						border:1px solid #7B7B7B; }
div.pressebild p	{	height:40px; }
div.pressebild a.detail,
div.pressebild a.detail.hover
					{	cursor:url('../images/lupe.cur'), pointer; }

/*----------------------------------------------------------*/
/*                  Ausgabemedium Drucker                   */
/*----------------------------------------------------------*/

@media print {
	/* Allgemeine und Dokument-Definitionen */
	body			{	font-size:80%; }

	/* Typografie */
	h1, h2, h3, h4, h5, h6, p, li
					{	color:#000; }

	/* Hyperlinks */
	a,
	a:link,
	a:active,
	a:visited,
	a:hover			{	color:#000; }

	/* Kontainer für mehrspaltige Layouts */
	#main			{	width:auto;
						position:static; top:0; left:0;
						margin:0;
						border:none }
	#head			{	display:none; }
	#content		{	width:auto;
						float:none; }
	#text,
	#text_large		{	top:0; left:0;
						overflow:visible; }
	div.column_1,
	div.column_2	{	margin-bottom:60px;
						float:none; }
	#image			{	display:none; }
	#info			{	display:none; }
	#foot			{	display:none; }

	div.newspopup,
	div.lexikonpopup
					{	top:0; left:0; }
	a.drucken,
	a.ornament,
	a.newsclose,
	a.lexikonclose,
	a.popupclose	{	display:none; }
}