/*----------------------------------------------------------*/
/*                 Standard-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%;
					text-align:center; margin:0; padding:0; overflow-x:hidden;
					background-color:#EAEAEA; }

/* Typografie */
h1, h2, h3, h4, h5, h6, p
				{	text-align:left; font-weight:normal; }
h1, h2, h3, h4, h5, h6
				{	font-weight:bold; }
h1				{	font-size:1.0em; color:#000;
					margin:0 0 0.9em 0; }
h2				{	font-size:0.9em; color:#000;
					margin:0 0 0.2em 0; }
h3				{	font-size:0.85em; color:#000;
					margin:0.9em 0 0 0; }
h4				{	font-size:0.75em; color:#000;
					margin:0 0 0 0.2em; }
p				{	font-size:0.8em;
					margin:0 0 0.8em 0;
					line-height:1.4em; }
p p				{	font-size:1.0em; }
ul				{	margin-left:0; }
li				{	font-size:0.9em; }
input,
select			{	color:#000; font-size:12px; font-weight:normal;
					margin:1px; }
dfn				{   color:#900;
					cursor:help; }

/* Tabellen */
table			{	width:100%;
					border:0;
					border-spacing:0; border-collapse:collapse; }
table p			{	margin:0; }

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

/* Weitere HTML-ELemente */
hr				{	color:#CCC;
					height:1px;
					border:#CCC;
					background-color:#CCC;
					margin-bottom:10px; }
img				{	border:none;
					margin:0; padding:0; }
textarea		{	font-family:Arial, Helvetica, sans-serif; }

/*----------------------------------------------------------*/
/*                Individual-Definitionen                   */
/*----------------------------------------------------------*/

#head			{	width:100%; height:100px;
					background-color:#FFF;
					margin-bottom:20px;}

#main_nav		{	text-align:left;
					width:980px; height:100px;
					margin-left:auto; margin-right:auto;
					position:relative; }

#logo			{	width:125px; height:75px;
					position:absolute; left:860px; top:10px;}

#box			{	text-align:left; position:relative;
					width:980px;
					margin-left:auto; margin-right:auto; }

#sub_nav		{	width:140px; height:340px;
					float:left;
					margin-right:20px; padding-left:10px;
					background-color:#FFF;}

#content		{	width:810px;
					float:left; }

#dotted			{	width:755px; position:absolute; top:323px; left:15px;
					border-top:4px dotted #C8C8C8;
					z-index:100; }

#gallery		{	width:810px; height:310px;
					margin-bottom:30px;
					position:relative; }

#text			{	width:570px;
					padding:15px;
					background:#FFF url('/images/roundet.png') bottom right no-repeat; }

#copyright		{	border-bottom:1px solid #C5C5C5; }
#copyright p	{	font-size:10px; color:#C5C5C5; }
#copyright a,
#copyright a:link,
#copyright a:active,
#copyright a:visited
				{	color:#C5C5C5; text-decoration:none; }
#copyright a:hover
				{	color:#C5C5C5; text-decoration:underline; }

/* Overlay */
#overlay		{	position:fixed; z-index:9998; left:0; top:0;
					display:none; width:100%; height:100%;
					background-color:#000;  }

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

/* Hauptnavigation */
#main_nav ul	{	position:absolute; top:10px; left:0;
					height:100%;
					list-style:none; list-style-image:none; }
#main_nav ul li	{	font-size:0.8em; font-weight:bold; text-transform:uppercase;
					text-align:left;
					padding-bottom:3px; }
#main_nav ul li a,
#main_nav ul li a:link,
#main_nav ul li a:active,
#main_nav ul li a:visited
				{	color:#000; text-decoration:none; }
#main_nav ul li a:hover
				{	color:#810101; text-decoration:none; }
#main_nav ul li a.active,
#main_nav ul li a.active:link,
#main_nav ul li a.active:active,
#main_nav ul li a.active:visited, 
#main_nav ul li a.active:hover
				{	color:#810101; text-decoration:none; }
#main_nav ul.home_nav
				{	left:10px; }
#main_nav ul.content_nav1
				{	left:170px; }
#main_nav ul.content_nav2
				{	left:340px; }
#main_nav ul.news_nav
				{	left:530px; }
#main_nav ul.news_nav li.company
				{	color:#7C7C7C; }

/* Unternavigation */
#sub_nav ul		{	width:120px;
					margin-top:10px;
					list-style:none; list-style-image:none; }
#sub_nav ul li	{	font-size:0.8em; font-weight:bold;
					display:block;
					padding-bottom:10px; }
#sub_nav ul li a
				{	color:#000; text-decoration:none; }
#sub_nav ul li a:hover,
#sub_nav ul li a.active,
#sub_nav ul li a.active:link,
#sub_nav ul li a.active:active,
#sub_nav ul li a.active:visited,
#sub_nav ul li a.active:hover
				{	color:#810101; text-decoration:none; }

/* Kontakt-Navigation in der Fußzeile */
#contact_nav	{	width:590px; text-align:left; 
					padding:0; margin:10px 0 20px 0;  }
#contact_nav li
				{	font-size:12px; text-transform:uppercase;
					display:inline;
					text-align:left;
					padding-left:5px; padding-right:5px;
					border-right:1px solid #888; }
#contact_nav li.first
				{	padding-left:0; }
#contact_nav li.last
				{	border-right:none; }
#contact_nav li a,
#contact_nav li a.active:link,
#contact_nav li a.active:active,
#contact_nav li a.active:visited
				{	color:#5A5A5A; text-decoration:none; }
#contact_nav li a:hover
				{	color:#810101; text-decoration:none; }

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

/* Grid-Layout */
div.size1of2	{	float:left; width:45%; margin-right:5%; }

/* Artikel-Bildergalerie */
div.article_image
				{	position:relative;
					width:200px;
					margin-right:10px; margin-bottom:10px;
					float:left; }
div.article_image img
				{	position:absolute; top:0; left:0; z-index:10;
					display:none; }

/* Rechte rundeecke in der Gallery */					
img.roundet 	{	position:absolute;
					bottom:0; right:0; z-index:999;}

/* Hyperlink/E-Mail */
a.link_email	{	background:url('/images/link_email.png') center left no-repeat;
					padding-left:16px; text-decoration:underline; }
a.link_pdf		{	background: url('/images/link_pdf.png') center left no-repeat;
					padding-left:25px; text-decoration:underline; }		
a.link_detail	{	font-weight:bold; color:#810101;
					background: url('/images/link_detail.png') center left no-repeat;
					padding-left:18px; text-decoration:none; }
a.link_back		{	font-weight:bold; color:#810101;
					background: url('/images/link_back.png') center left no-repeat;
					padding-left:18px; text-decoration:none; }
a.link_forward	{	font-weight:bold; color:#810101;
					background: url('/images/link_forward.png') center left no-repeat;
					padding-left:18px; text-decoration:none; }
a.into_basket	{	font-weight:bold; color:#810101;
					background: url('/images/link_detail.png') center left no-repeat;
					padding-left:18px; text-decoration:none; }
a.order_basket	{	font-weight:bold; color:#810101;
					background: url('/images/link_detail.png') center left no-repeat;
					padding-left:18px; text-decoration:none; }
a.link_extern	{	background: url(/images/link_extern.png) center right no-repeat;
					padding-right:16px; }
a.link_important
				{	font-weight:bold; color:#810101; }

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

/* Slide-Out und Slide-In */
a.slide_in		{	padding-right:20px;
					background-image:url('/images/slide_in.png');
					background-position:center right;
					background-repeat:no-repeat; }
a.slide_out		{	padding-right:20px;
					background-image:url('/images/slide_out.png');
					background-position:center right;
					background-repeat:no-repeat; }

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

/* Formularfelder */
input.text,
textarea.text,
select.text		{	width:12.0em;
					padding:2px 0;
					background-color:#FFF;
					border:1px solid #000; }
textarea.text	{	width:21.0em }
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.login_button
				{	margin-left:6.5em; }

p.input_placeholder
				{	height:24px; }

/* System-Meldungen */
#message_box	{ 	position:fixed; top:0; z-index:9999; left:50%; top:40%;
					text-align:left;
					margin-left:-200px; padding:10px;
					display:none; width:400px;
					background-color:#FFC;
					border:1px solid #900; }
#message_box h3	{ 	color:#900; }
#message_box p	{ 	color:#900; }
#message_box ul	{	margin-left:1.0em;
					list-style:none; list-style-image:none; }
#message_box li	{ 	color:#900; }

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

/*----------------------------------------------------------*/
/*         Standard-Definitionen für die Index-Seite        */
/*----------------------------------------------------------*/

/* Hintergrundfarbe auf der Startseite */
body.startseite	{	background-color:#EAEAEA; }

/* Bildergalerie auf der Startseite */
#gallery_index	{	width:100%; height:380px;
					margin-top:-20px; padding-top:20px; 
					text-align:center; }
#gallery_index div
				{	width:980px; height:360px;
					position:relative;
					margin:0 auto; }
#gallery_index div img
				{	width:360px; height:360px;
					position:absolute; top:0; left:0; display:none; }

/* Kontakt-Navigation auf der Startseite */
#index_contact_nav
				{	width:980px;
					margin:10px auto 0 auto; }
#index_contact_nav ul
				{	text-align:left;
					margin-right:200px; padding-top:5px; padding-left:170px;
					border-top:4px dotted #C8C8C8; }
#index_contact_nav ul li
				{	font-size:12px; text-transform:uppercase;
					display:inline;
					text-align:left;
					padding-left:5px; padding-right:5px;
					border-right:1px solid #888; }
#index_contact_nav ul li.last
				{	border-right:none; }
#index_contact_nav ul li a,
#index_contact_nav ul li a.active:link,
#index_contact_nav ul li a.active:active,
#index_contact_nav ul li a.active:visited
				{	color:#5A5A5A; text-decoration:none; }
#index_contact_nav ul li a:hover
				{	color:#810101; text-decoration:none; }