/* $Id: screen.css 35 2010-06-01 16:43:02Z hweber $ */

/*----------------------------------------------------------*/
/*                 Standard-Definitionen                    */
/*----------------------------------------------------------*/

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

/* Typografie */
h1, h2, h3, h4, h5, h6, p, li
				{	font-family:Verdana, Arial, Helvetica, sans-serif;
					text-align:left; font-weight:normal; }
h1, h2, h3, h4, h5, h6
				{	font-weight:bold; }
h1				{	font-size:18px; color:#004A93;
					margin:0 0 2px 0; }
h1 small		{	font-size:11px; }
h2				{	font-size:16px; color:#004A93;
					margin:0 0 1px 0; }
h3				{	font-size:14px; color:#000;
					margin:2px 0 0 0; }
p				{	font-size:11px; line-height:14px;
					margin:0 0 5px 0;} 
ul				{	margin-left:12px; }
li				{	font-size:11px; line-height:14px; }
input,
select			{	color:#000; font-size:12px; font-weight:normal;
					margin:1px; }
dfn				{   color:#900;
					cursor:help; }

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

/* Weitere HTML-ELemente */
img				{	vertical-align:top; border:none; }

/*----------------------------------------------------------*/
/*                Gestaltungs-Grundgerüst                   */
/*----------------------------------------------------------*/

/* Menü */
div.menue		{	width:320px;
					padding-top:90px; padding-left:20px;
					float:left;
					background:url('../images/menue_background.png') top left repeat-x; }
div.menue_info	{	width:306px; height:194px; }
table.menue_options
				{	}
div.menue_nav	{	width:340px;
					margin-top:20px; }
div.basket		{	width:340px;
					border-bottom:2px solid #FFD400; }
ul.nav_1		{	width:100px;
					margin:0;
					float:left;
					list-style:none; }
ul.nav_2		{	width:140px;
					margin:0;
					float:left;
					list-style:none; }
ul.nav_3		{	width:100px;
					margin:0;
					float:left;
					list-style:none; }

/* Testverfahren */
div.test_procedure_wrapper
				{	position:relative; z-index:2;		/* Hack, um den Bug des z-index-stack dex IE7 zu beheben */
					border:1px solid transparent;		/* Hack, weil der IE7 sonst einen Leerraum eingefügt hat */
					cursor:pointer; }
ul.test_procedure
				{	margin:0; padding-bottom:10px; padding-left:2px;
					display:none; position:absolute; top:0; left:149px; width:200px; z-index:1;
					border-top:5px solid transparent; border-left:2px solid transparent;
					list-style:none; }

/* Inhalt */
div.content		{	width:480px;
					min-height: 560px;
					float:left; position:relative;
					background-position:top left; background-repeat:no-repeat; }

/* Informationen */
div.info		{	width:150px;
					float:left;
					background:url('../images/info_background.png') top left repeat-x;
					border-left:10px solid #FFF; }
ul.nav_news		{	width:140px; height:55px;
					margin:50px 0 0 0; padding-top:15px; padding-left:10px;
					list-style-type:none; }
div.info_news	{	width:135px;
					padding:10px 5px 10px 10px; }
div.exhibition	{	width:150px;
					padding-bottom:10px;
					background-color:#EEE;
					border-bottom:2px solid #FFD400; }

/* Firmeninformation ( Logo / Claim / Sprach-Navigation ) */
div.company		{	width:820px; height:120px;
					position:absolute; top:0; left:0; }
img.claim		{	position:absolute; top:0; left:0; }
img.logo		{	position:absolute; top:50px; left:0; }
ul.nav_lang		{	width:90px; height:55px;
					margin:0; padding-top:15px; padding-right:10px;
					position:absolute; top:50px; right:0;
					list-style-type:none; }

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

/* Navigation */
ul.nav_1 li,
ul.nav_2 li,
ul.nav_3 li		{	color:#004A93;
					padding-top:2px; }
ul.nav_1 li a,
ul.nav_2 li a,
ul.nav_3 li a
				{	color:#004A93; text-decoration:none; }
ul.nav_1 li a:link,
ul.nav_2 li a:link,
ul.nav_3 li a:link,
ul.nav_1 li a:active,
ul.nav_2 li a:active,
ul.nav_3 li a:active,
ul.nav_1 li a:visited,
ul.nav_2 li a:visited,
ul.nav_3 li a:visited,
ul.nav_1 li a:hover,
ul.nav_2 li a:hover
ul.nav_3 li a:hover
				{	text-decoration:none; }
ul.nav_1 li a:hover,
ul.nav_2 li a:hover,
ul.nav_3 li a:hover,
ul.nav_1 li a.active,
ul.nav_2 li a.active,
ul.nav_3 li a.active
				{	font-weight:bold; }

/* Testverfahren-Navigation */
ul.test_procedure li
				{	color:#000;
					padding:3px 0 3px 10px;
					background-color:#E9EAF4;
					border-bottom:3px solid #FFF; }
ul.test_procedure li a
				{	color:#000; text-decoration:none; }
ul.test_procedure li a:link,
ul.test_procedure li a:active,
ul.test_procedure li a:visited,
ul.test_procedure li a:hover
				{	text-decoration:none; }
ul.test_procedure li a:hover,
ul.test_procedure li a.active
				{	font-weight:bold; }

/* Sprachnavigation */
ul.nav_lang li	{	color:#FFD400; font-size:12px; text-align:right;
					padding-top:2px; }
ul.nav_lang li a
				{	color:#FFD400; text-decoration:none; }
ul.nav_lang li a:link,
ul.nav_lang li a:active,
ul.nav_lang li a:visited,
ul.nav_lang li a:hover
				{	text-decoration:none; }
ul.nav_lang li a:hover,
ul.nav_lang li a.active
				{	font-weight:bold; }

/* News-Navigation */
ul.nav_news li	{	color:#FFD400; font-size:12px;
					padding-top:2px; }
ul.nav_news li a
				{	color:#FFD400; text-decoration:none; }
ul.nav_news li a:link,
ul.nav_news li a:active,
ul.nav_news li a:visited,
ul.nav_news li a:hover
				{	text-decoration:none; }
ul.nav_news li a:hover,
ul.nav_news li a.active
				{	font-weight:bold; }

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

/* Grid-Layout */
div.grid_1_of_1	{	width:790px;
					margin-bottom:6px; padding:5px; }
div.grid_1_fullsize
				{	width:800px;
					padding:0; }

div.grid_1_of_2	{	width:387px;
					float:left;
					margin-right:6px; margin-bottom:6px; padding:5px; }
div.grid_2_of_2	{	width:387px;
					float:left;
					margin-left:-3px; margin-bottom:6px; padding:5px;
					border-left:3px solid #E6F5FC; }
div.grid_2_fullsize
				{	width:397px;
					margin-left:0; padding:0;
					border:none; }

/* DIV-Kontainer auf relative Positionierung setzen, damit Kind-Elemente absolut positioniert werden können */
div.relative	{	position:relative; }

/* DIV-Kontainer um Text zu umschliessen und unten auszurichten */
div.text_wrapper
				{	position:absolute; bottom:0; left:0; }

/* Tabelle für die Suchoptionen */
table.menue_options tr td
				{	width:150px; height:30px;
					background-color:#7587BA;
					border:1px solid #FFF; }
table.menue_options tr td.empty
				{	background-color:transparent;
					border:none; }
table.menue_options tr td.dark
				{	background-color:#004A93;
					border:1px solid #7587BA; }
table.menue_options tr td.select
				{	background-color:#FFF;
					border:1px solid #004A93; }
table.menue_options tr td.no_border_bottom
				{	border-bottom:none; }
table.menue_options tr td p
				{	color:#FFF; line-height:30px;
					margin:0 0 0 10px; }
table.menue_options tr td select
				{	width:150px;
					border:none; }
table.menue_options tr td select option.first
				{	color:#CCC; }

/* Suche */
input.search	{	color:#FFF;
					padding-left:60px; padding-bottom:2px; vertical-align:middle; text-align:left;
					height:26px;
					background:url('../images/search_background.png') center left no-repeat;
					border:none;
					cursor:pointer; }

/* Anfrage-Korb */
div.basket p	{	color:#CD007B;
					margin-bottom:5px; }

/* Inhalte mit Text */
.content_text	{	width:430px;
					position:absolute; top:220px; left:10px;
					padding-left:10px; padding-right:10px;
					background-color:#FFF; }

/* Darstellung der Produkte */
ul.product		{	margin:0;
					width:450px;
					position:absolute; top:220px; left:10px;
					list-style-type:none;
					border-bottom:4px solid #FFF; }
ul.product li	{	line-height:24px;
					border:4px solid #FFF; border-bottom:none; }
ul.product li a.show_product
				{	text-decoration:none;
					margin:0; padding:1px 20px 2px 40px;
					width:382px;
					display:block;
					background:#D3D5E8 url('../images/productlist_slidedown.png') center right no-repeat; }
ul.product li a.show_product:link,
ul.product li a.show_product:active,
ul.product li a.show_product:visited,
ul.product li a.show_product:hover
				{	text-decoration:none; }
ul.product li a.slideup
				{	color:#FFF;
					background:#000 url('../images/productlist_slideup.png') center right no-repeat; }
ul.product li div
				{	margin:0; padding:10px 5px 10px 40px;
					display:none;
					background-color:#FFF; }
ul.product li div p.show_moretext
				{	text-align:right; }
ul.product li div a.show_moretext
				{	color:#004A93; font-weight:bold;
					text-decoration:none; }
ul.product li div div.moretext
				{	padding:0; }
ul.product li div table
				{	width:400px; }
ul.product li div table th.column_1
				{	width:20%; height:1px; }
ul.product li div table th.column_2
				{	width:60%; height:1px; }
ul.product li div table th.column_3
				{	width:20%; height:1px; }
ul.product li div table td
				{	padding:0 3px; vertical-align:top; text-align:left; }
ul.product li div table td.underline
				{	border-bottom:1px #E9EAF4 solid; }
ul.product li div table td.lightbackground
				{	background-color:#FFFFE5; }
ul.product li div table td.variant_head
				{	background-color:#E9EAF4; }
ul.product li div table p
				{	margin:0; }

/* Darstellung der News */
ul.news			{	margin:0;
					width:450px;
					position:absolute; top:220px; left:10px;
					list-style-type:none;
					border-bottom:4px solid #FFF; }
ul.news li		{	line-height:14px;
					border:4px solid #FFF; border-bottom:none; }
ul.news li a.show_news
				{	text-decoration:none;
					margin:0; padding:6px 30px 7px 40px;
					width:372px;;
					display:block;
					background:#D3D5E8 url('../images/newslist_slidedown.png') center right no-repeat; }
ul.news li a.show_news:link,
ul.news li a.show_news:active,
ul.news li a.show_news:visited,
ul.news li a.show_news:hover
				{	text-decoration:none; }
ul.news li a.slideup
				{	color:#FFF;
					background:#000 url('../images/newslist_slideup.png') center right no-repeat; }
ul.news li div
				{	margin:0; padding:10px 5px 10px 40px;
					display:none;
					background-color:#FFF; }
ul.news li div table
				{	width:400px; }
ul.news li div table th.column_1
				{	width:20%; height:1px; }
ul.news li div table th.column_2
				{	width:60%; height:1px; }
ul.news li div table th.column_3
				{	width:20%; height:1px; }
ul.news li div table td
				{	padding:0 3px; vertical-align:top; text-align:left; }
ul.news li div table p
				{	margin:0; }

/* Darstellung der Ausstellungen */
ul.exhibition	{	margin:0;
					width:450px;
					position:absolute; top:220px; left:10px;
					list-style-type:none;
					border-bottom:4px solid #FFF; }
ul.exhibition li
				{	line-height:24px;
					border:4px solid #FFF; border-bottom:none; }
ul.exhibition li a.show_exhibition
				{	text-decoration:none;
					margin:0; padding:1px 20px 2px 40px;
					width:382px;
					display:block;
					background:#D3D5E8 url('../images/exhibitionlist_slidedown.png') center right no-repeat; }
ul.exhibition li a.show_exhibition:link,
ul.exhibition li a.show_exhibition:active,
ul.exhibition li a.show_exhibition:visited,
ul.exhibition li a.show_exhibition:hover
				{	text-decoration:none; }
ul.exhibition li a.slideup
				{	color:#FFF;
					background:#000 url('../images/exhibitionlist_slideup.png') center right no-repeat; }
ul.exhibition li div
				{	margin:0; padding:10px 5px 10px 40px;
					display:none;
					background-color:#FFF; }


/* Darstellung der Flyer */
ul.flyer		{	margin: 10px 0 20px 0;
					list-style-type:none;
					overflow: hidden; }
ul.flyer li		{	margin: 0 7px 20px 0;
					float: left; width: 100px; }
ul.flyer li img {	width: 100px; }
ul.flyer li a,
ul.flyer li a:link,
ul.flyer li a:active,
ul.flyer li a:visited,
ul.flyer li a:hover
				{	text-decoration:none; }

/* Bildergalerie (groß) */
.gallery_large	{	width:300px; height:300px;
					position:absolute; top:135px; left:150px; }
.gallery_large img
				{	width:300px; height:300px;
					position:absolute; top:0; left:0; display:none; }
.gallery_large img.mask
				{	display:inline; z-index:12; }

/* Bildergalerie (klein) */
.gallery_small	{	width:150px; height:150px;
					position:absolute; top:37px; left:100px; }
.gallery_small img
				{	width:150px; height:150px;
					position:absolute; top:0; left:0; display:none; }
.gallery_small img.mask
				{	display:inline; z-index:12; }

/* News */
p.news_date		{	color:#004A93; text-align:right; 
					margin-bottom:0; }
p.news_header	{	font-weight:bold;
					margin-bottom:0; }
p.news_text		{	margin-bottom:0; }

/* Newsletter */
p.newsletter	{	color:#FFF;
					height:30px; line-height:30px;
					margin-top:10px; margin-bottom:0; padding-left:10px;
					background-color:#888; }
p.newsletter a,
p.newsletter a:link,
p.newsletter a:active,
p.newsletter a:visited,
p.newsletter a:hover
				{	color:#FFF; text-decoration:none; font-weight:normal; }


/* Ausstellungen */
p.exhibition_head
				{	color:#FFD400;
					height:30px; line-height:30px;
					margin-top:2px; margin-bottom:0; padding-left:10px;
					background-color:#004A93; }
p.exhibition_head a,
p.exhibition_head a:link,
p.exhibition_head a:active,
p.exhibition_head a:visited,
p.exhibition_head a:hover
				{	color:#FFD400; text-decoration:none; font-weight:normal; }
p.exhibition_date
				{	color:#004A93; 
					margin:0 5px 0 10px; }
p.exhibition_text
				{	font-weight:bold;
					margin:0 5px 0 10px;  }

/* Anfrage-Korb */
table.request	{	width:425px; }
table.request th.column_1
				{	width:85%; height:1px; }
table.request th.column_2
				{	width:15%; height:1px; }
table.request td
				{	padding:0 3px; vertical-align:top; text-align:left; }
table.request td.underline
				{	border-bottom:1px #E9EAF4 solid; }
table.request table p
				{	margin:0; }

/* Symbole (Icons) */
img.icon		{	width:16px; height:16px; }

/* Slimbox2 */
img.slimbox2	{	display:none; }

/* Overlay */
div.overlay		{	position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; display:none;
					background-color:#E9EAF4;
					cursor:pointer; }

/* Testverfahren */
div.test_procedure_box
				{	position:absolute; top:200px; left:360px; width:460px; height:400px;
					padding:10px; z-index:101; overflow-y:scroll; overflow-x:hidden; display:none;
					background-color:#FFF;
					border:10px solid #000; }
a.test_procedure_close
				{	position:absolute; top:175px; left:845px; width:30px; height:30px;
					display:none; z-index:102;
					background:url('../images/close_box.png') top left no-repeat;
					cursor:pointer; }

/* System-Meldungen */
div.message_box	{ 	position:fixed; z-index:9999; left:50%; top:50%;
					margin-left:-200px; margin-top:-90px; padding:10px;
					display:none; width:400px; height:180px;
					background-color:#FFF;
					border:10px solid #004C94; }
div.message_box h1
				{ 	text-align:center; }
div.message_box p
				{ 	color:#000; font-size:14px;
					margin-top:10px; text-align:center; }

/* Beschriftung für Formularfelder im Kontaktformular */
label			{	float:left; }
label.address	{	width:8.0em; }

/* Links */
a.more,	
a.more:link,
a.more:active,
a.more:visited,
a.more:hover	{	color:#CD007B; text-decoration:none; font-style:italic; font-weight:normal; }

/* Formularfelder */
input.text,
textarea.text,
select.text		{	width:150px;
					padding:2px 0;
					background-color:#FFF;
					border:1px solid #000; }
textarea.text	{	width:250px; }
input.focus,
textarea.focus	{	background-color:#EEE; }
input.error,
textarea.error	{	background-color:#FFC;
					border:1px solid #900; }
input.checkbox	{	vertical-align:middle; }
input.radio		{	vertical-align:middle; }
input.contact,
select.contact	{	width:20.0em; }
textarea.contact
				{	width:27.4em; }

/* Textfluss */
p.left			{	text-align:left; }
p.right			{	text-align:right; }
img.left		{	float:left; margin-right:7px; }
img.right		{	float:right; margin-left:7px; }
img.center		{	text-align:center;
					margin-left:auto; margin-right:auto; }
br.clear		{	clear:both; }

/* Fehlermeldungen */
p.error			{	color:#CD007B; }

/*----------------------------------------------------------*/
/*                  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 */
	div.menue_nav	{	display:none; }
	div.info		{	display:none; }
}