@charset "UTF-8";
/* CSS Document */

/* Copyright: Lars Trautmann 2007 / www.piratearts.de */



/* ##################################################### */
/* ####################### BODY ######################## */
/* ##################################################### */

body			{
				margin: 0px;
				background-color:#FFFFFF;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#545454;
				}

/* ##################################################### */
/* ####################### TEXT ######################## */
/* ##################################################### */

span.klein			{ font-size:10px; }
span.topic_big		{ font-size:20px; font-weight:bold; }
span.topic_normal	{ font-size:14px; font-weight:bold; }
span.large			{ font-size:20px; }
span.xlarge			{ font-size:24px; }


.red				{ color:#ff4f00; }
.blue				{ color:#297fdc; }

/* ##################################################### */
/* ####################### LINKS ####################### */
/* ##################################################### */

a 				{ color:#297fdc; text-decoration:underline; background-color:transparent; }
a:hover 		{ color:#ff4f00; text-decoration:underline; background-color:transparent; }
a.a_2 			{ text-decoration:none; background-color:transparent; }
a.a_2:hover 		{ text-decoration:none; background-color:transparent; }


/* ##################################################### */
/* #################### GRUNDAUFBAU #################### */
/* ##################################################### */

div				{ border:none; }

.floatleft		{ float:left; }
.floatright		{ float:right; }

.absatz			{ padding-bottom:10px; }
.absatz2		{ padding-bottom:30px; }
.absatz3		{ padding-bottom:20px; }

.clearall		{ clear:both; } /* Zum Beenden von float-Tags */



/* ##################################################### */
/* ####################### OBEN ######################## */
/* ##################################################### */

/* Kopfteil */
#head			{
				width:1005px;
				height:90px;
				margin:0 auto;
				background-image:url(img_layout/head.gif);
				}

/* Hauptmenu */
#hmenu			{
				width:1005px;
				margin:0 auto;
				}



/* ##################################################### */
/* ####################### MITTE ####################### */
/* ##################################################### */

/* Grundfläche */
#mitte			{ margin:0 auto; width:1005px; }

/* Verschiedene Spaltentypen */
/* 1 - INDEX SEITE */
#div_l1			{
				width:261px;
				background-image:url(img_layout/cont_l1_bg.gif);
				float:left;
				}
#div_m1			{
				width:468px;
				background-image:url(img_layout/cont_m1_bg.gif);
				float:left;
				}
#div_r1			{
				width:271px;
				background-image:url(img_layout/cont_r1_bg.gif);
				float:left;
				}

/* 2 - NEWS */
#div_m2			{
				width:729px;
				background-image:url(img_layout/cont_m2_bg.gif);
				float:left;
				}
#div_r2			{
				width:271px;
				background-image:url(img_layout/cont_r1_bg.gif);
				float:left;
				}
				
/* 3 - UNTERNEHMEN und KONTAKT und PRODUKTE(nur linke Spalte) */
#div_l3			{
				width:261px;
				float:left;
				}
#div_m3			{
				width:740px;
				background-image:url(img_layout/cont_m3_bg.gif);
				float:left;
				}

/* 4 - PRODUKTE */
#div_m4			{ /* Zeite linke Content Spalte */
				width:230px;
				float:left;
				}
#div_r4			{ /* Haupt Content Spalte - Produktauswahl (leere Seite) */
				width:510px;
				background-image:url(img_layout/cont_r4_bg.gif);
				float:left;
				}
#div_r5			{ /* Haupt Content Spalte - Produktblatt */
				width:510px;
				background-image:url(img_layout/cont_r5_bg.gif);
				float:left;
				}
				
				
/* Inhaltsfelder der verschiedenen Spaltentypen */
/* 1 - INDEX SEITE */
#cont_l1		{
				margin-left:35px;
				margin-right:20px;
				min-height:500px;
				}
#cont_m1		{
				margin-left:20px;
				margin-right:20px;
				min-height:500px;
				}
#cont_r1		{
				margin-left:20px;
				margin-right:35px;
				min-height:500px;
				}

/* 2 - NEWS */
#cont_m2		{
				margin-left:45px;
				margin-right:20px;
				min-height:500px;
				}
#cont_r2		{
				margin-left:20px;
				margin-right:35px;
				min-height:500px;
				}
				
/* 3 - UNTERNEHMEN und KONTAKT */
#cont_m3		{
				margin-left:20px;
				margin-right:100px;
				min-height:500px;
				}

/* 4 - PRODUKTE */
#cont_r4		{
				margin-left:20px;
				margin-right:45px;
				min-height:402px;
				}


.cont_img		{ margin-left:-19px; margin-right:-19px; }


/* ##################################################### */
/* ####################### HAUPTMENU BUTTONS ########### */
/* ##################################################### */

.hmenu_button		{
					color:#545454;
					float:left;
					text-align:center;
					font-weight:bold;
					padding-top:20px;
					width:162px;
					height:36px;
					background-image:url(img_layout/hmenu_1.gif);
					}

.hmenu_button:hover	{
					color:#ff4f00;
					background-image:url(img_layout/hmenu_2.gif);
					}
					
.hmenu_button_aktiv	{
					color:#545454;
					float:left;
					text-align:center;
					font-weight:bold;
					padding-top:20px;
					width:162px;
					height:36px;
					background-image:url(img_layout/hmenu_3.gif);
					}

/* ##################################################### */
/* ####################### SUBMENU BUTTONS ############# */
/* ##################################################### */

.sub1_button		{
					text-align:right;
					padding-top:12px;
					padding-right:40px;
					width:221px;
					height:27px;
					background-image:url(img_layout/sub1_1.gif);
					}
.sub1_button:hover	{
					background-image:url(img_layout/sub1_2.gif);
					}
.sub1_button_aktiv	{
					text-align:right;
					padding-top:12px;
					padding-right:40px;
					width:221px;
					height:27px;
					background-image:url(img_layout/sub1_3.gif);
					color:#FFFFFF;
					}
.sub1_button_top	{
					text-align:right;
					padding-top:21px;
					padding-right:40px;
					width:221px;
					height:27px;
					background-image:url(img_layout/sub1_top_1.gif);
					}
.sub1_button_top:hover	{
					background-image:url(img_layout/sub1_top_2.gif);
					}
.sub1_button_top_aktiv	{
					text-align:right;
					padding-top:21px;
					padding-right:40px;
					width:221px;
					height:27px;
					background-image:url(img_layout/sub1_top_3.gif);
					color:#FFFFFF;
					}



.sub2_button		{
					text-align:right;
					padding-top:12px;
					padding-right:40px;
					width:190px;
					height:27px;
					background-image:url(img_layout/sub2_1.gif);
					}
.sub2_button:hover	{
					background-image:url(img_layout/sub2_2.gif);
					}
.sub2_button_aktiv	{
					text-align:right;
					padding-top:12px;
					padding-right:40px;
					width:190px;
					height:27px;
					background-image:url(img_layout/sub2_3.gif);
					color:#FFFFFF;
					}
.sub2_button_top	{
					text-align:right;
					padding-top:21px;
					padding-right:40px;
					width:190px;
					height:27px;
					background-image:url(img_layout/sub2_top_1.gif);
					}
.sub2_button_top:hover	{
					background-image:url(img_layout/sub2_top_2.gif);
					}
.sub2_button_top_aktiv	{
					text-align:right;
					padding-top:21px;
					padding-right:40px;
					width:190px;
					height:27px;
					background-image:url(img_layout/sub2_top_3.gif);
					color:#FFFFFF;
					}

/* ##################################################### */
/* ####################### UNTEN ####################### */
/* ##################################################### */

.bordertop		{
				width:1005px;
				height:20px;
				margin:0 auto;
				background-image:url(img_layout/rand_top_2.gif);
				}
				
.borderbottom	{
				width:1005px;
				height:20px;
				margin:0 auto;
				background-image:url(img_layout/rand_bottom_2.gif);
				}
				
#bottom-content	{
				width:957px;
				padding-left:24px;
				padding-right:24px;
				margin:0 auto;
				background-image:url(img_layout/rand_bg.gif);
				}

.bottom-men		{
				width:942px;
				text-align:center;
				float:left;
				}
				
.bottom-blue	{
				width:942px;
				height:25px;
				text-align:center;
				float:left;
				margin-top:3px;
				background-color:#297fdc;
				}
				
/* ##################################################### */
/* ####################### SPEZIELLES ################## */
/* ##################################################### */

.image-button	{
				float:left;
				padding:5px;
				background-color:#EEEEEE;
				}
.image-button:hover	{
				float:left;
				padding:5px;
				background-color:#CCCCCC;
				}
				
.infoblock_lageplan		{
				float:left;
				width:230px;
				height:341px;
				padding:10px;
				background-color:#EEEEEE;
				}
				
.infoblock_unternehmen	{
				padding:10px;
				background-color:#EEEEEE;
				margin-bottom:20px;
				}
				
.spalte_unternehmen		{	/* Text und Inhaltsspalte auf der Unternehmensseite */
				float:left;
				width:330px;
				margin-right:30px;
				}
				
.textframe		{
				width:500px;
				}
				
.imageframe1	{
				padding-right:10px;
				padding-bottom:30px;
				}