/* CSS Schrauben-Lange - Dreispaltig - Breite 990px (gesamt) */
html, body {margin: 0;}

body {background-color: #ffffff;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-size: 100%;
text-align: left;}

/* PBody */
#PBody {width: 100%; text-align: left; background-color: #ffffff;}

/* Mainbox ----background-color: #FFFFFF;---------------------------------------------------------------------- */ 
#PC {background-image: url("pics/ly_bg_schraube_gross.gif");
background-repeat: no-repeat;
position: relative;
margin: 0px 0 0 5px;
width: 100%;
height: 570px;
color: #000;
text-align: left;}

/* Pagehead -------------------------------------------------------------------------------------- */ 
			#PH {position: relative;
				background-color:transparent;
				height:100px;
				width:100%;
				margin:0px;}	
				
			#PHShop {background-image: url("pics/ly_shop_head.gif");
				background-repeat: no-repeat;
				position: relative;
				background-color: transparent;
				height: 100px;
				width: 990px;
				margin: 0px;}	
			
				#PHLogoBox {height: 50px; 
					float: left; 
					margin: 0px 0 0 3px; /*oben,rechts,unten,links*/	
					padding: 38px 0 0 0;
					left: 0px;
					background-color: transparent;}
				
/* Navigation - rechts neben dem Logo im Headbereich --------------------------------------------- */
					#PHLogoNav {background-color: transparent;
						font-size: 80%;
						font-weight: normal;
						color: #77A621;						
						width: 990px;
						padding: 2px 0 2px 0;
						margin: 0 0 0 0;
						text-align: right;}
						
					#PHLogoNav ul {display: block;
					   	list-style-type: none; 
					   	margin: 5px 0 0 51em;
					   	padding: 0;}
														
					#PHLogoNav li {float: left;
						list-style-type: none; 
						margin: 0 5px 0 5px;
						padding: 0 0 1px 0;}
											
					#PHLogoNav a,
					#PHLogoNav a:link,
					#PHLogoNav a:visited {text-decoration: none; font-weight: normal; color: #77A621;}	
					#PHLogoNav a:active, #PHLogoNav a:hover {text-decoration: underline;}
					
 /* Box um die horizontale Navigation ------------------------------------------------------- */							
		#PHMainNavBox {
			position: absolute;
			background-color: #e3e3e3; 			
			font-family: Tahoma, Arial, Helvetica, Sans-serif;
			font-size: 100%;
			text-align: left;
			line-height: 1.2em;			
			width: 620px;
			margin: 0 175px 1px 185px;
			padding: 0 4px 0 0;
			border-top: 1px solid #cccccc;
			border-left: 1px solid #cccccc;
			border-right: 1px solid #999999;
			border-bottom: 1px solid #999999;
			float:right;
			z-index:25}
			
/* LoginNav  -------------------------------------- */
		#PBMainNavLoginBox {
			margin: 0px;
			padding: 0px;
			left: 1px;
			background-color: transparent;}
			
/* Formatiert die Überschrift ---------------------- */				
		#PBMainNavLoginTitleBox {
			padding:0 0 0 0;
			margin:0 0 0 0;
			font-size: 70%;
			color: #000000;
			float: left;}
			
/* Formatiert den Text ----------------------------- */	
			#PBMainNavLoginText {color: #666666;					
				line-height: 18px;
				margin: 0 0 0 0;
				padding: 0 4px 0 0;
				background-color: transparent;}	
							
/* Hauptnavigation links -------------------------------------------------------------------------------- */ 
			#PBSubNavBox {position: relative;			
				width: 160px;
				margin: 0 3px 0 3px;
				padding: 0px;			
				font-size: 80%;		
				float: left;}
				
/*Box um die Überschrift ------------------------------- */
					.PBSubNavTitleBox {position: relative;
						background-color: #FEF99C;
						margin: 14px 1px 2px 0;
						width: 160px;
						left: 1px;
						border-right: 1px solid #F7C20B;
						border-top: 1px solid #FFF951;			
						border-bottom: 1px solid #F7C20B;}
															
					/*Überschrift Text */	
					.PBSubNavTitleText {margin:15px 0 0 0;
						font-weight: 600;
						padding: 4px;
						color: #77A621;
						text-align: center;}
						
/* Formatiert die Navigation --------------------------- */			
					#PBSubNav {width: 160px;
					left: 1px;
					display: block;
					margin: 0 0 0 2px;
					padding: 0 0 0 0;}
					
							#PHSubNav ul {display: block;
						   	list-style-type: none; 
						   	margin: 0 0 0 2px;
						   	padding: 0;}
									
							#PBSubNav li {display: block;
							list-style-type: none; 
							margin: 0 0 0 0;
							padding: 0 0 0 0;}
							
/* Formatiert die einzelnen Punkte der Navigation------- */							
							 /*display: block; muss im ff wieder rein!!!border-top: 1 --------------*/
							#PBSubNav a {display: block;
							text-decoration: none;
							font-weight: normal; 
							margin: 0 0 0 0;
							padding: 2px 2px 0 14px;
							height: 18px;
							line-height: 1em;
							background-color: #77A621;
							background-image: url("pics/ly_button_a.gif");
							background-repeat: no-repeat;
							color:#FFFFFF;}
								
							#PBSubNav a:link {}
							#PBSubNav a:active {}
							#PBSubNav a:hover {background-image: url("pics/ly_button_b.gif");
							background-repeat: no-repeat;}
							#PBSubNav a:visited {}
							
/* Formatiert die Unterpunkte in der Navigation --------- */							
							#PBSubNav li li a {text-decoration: none;
							font-weight: normal; 
							margin: 0 0 0 0;
							padding: 2px 2px 0 24px;
							height: 18px;
							line-height: 1em;
							width: 160px; /*display: block; muss im ff wieder rein!!!*/
							background-color: #A7DA47;
							background-image: url("pics/ly_button_a1.gif");
							background-repeat: no-repeat;
							color: #4f6d16;}
							
							#PBSubNav li li a:link {}
							#PBSubNav li li a:active {}
							#PBSubNav li li a:hover {background-image: url("pics/ly_button_b1.gif");
							background-repeat: no-repeat;}
							#PBSubNav li li a:visited {}		

/* zusätzliche Klasse für die Navigation ----------------------------------*/
							li.PBSubNavContentText {}			
					
/* Funktionsbereich - Suche und Login  ---------------------------------------------*/
				#PBSubNavSearchBox {position: relative;
				margin: 10px 0 0 2px;			
				width: 160px;
				padding: 0;}
				
					#PBSubNavSearchTitleBox {background-color: #E3E3E3;
					border-top: 1px solid #cccccc;
					border-left: 1px solid #cccccc;
					border-right: 1px solid #999999;
					border-bottom: 1px solid #999999;
					font-weight: 600;
					padding: 2px 3px 2px 8px;
					margin: 0;
					height: 1.0em;
					color: #999999;
					font-size: 90%;}

					#PBSubNavSearchText {font-size: 90%;
					color: #666666;
					margin: 0 0 0 0;
					padding: 5px 5px 5px 8px;					
					background-color: #ffffff;
					border-left: 1px solid #e3e3e3;
					border-right: 1px solid #999999;
					border-bottom: 1px solid #999999;}

/* Func ------------------------------- */
				#PBSubNavFuncBox {background-color: #FEFEC0;
				position: relative;
				margin: 10px 0 50px 0;
				width: 165px;
				padding: 0;
				left: 1px;
				border-top: 1px solid #FEEC2D;
				border-left: 1px solid #FEEC2D;
				border-right: 1px solid #F7C20B;
				border-bottom: 1px solid #F7C20B;}

					#PBSubNavFuncTitleBox {background-color: #FEF99C;
					font-weight: 600;
					padding: 4px;
					height: 1.0em;
					color: #77A621;}

					#PBSubNavFuncText {font-size: 90%;
					color: #666666;
					margin: 0 0 0 0;
					padding: 4px;}
			
/* Page Body - Mittlerer Bereich -------------------------------------------------------------------------- */ 
			#PB {position: relative;
			padding: 0;
			margin: 0 0 0 0;	
			background-color: transparent;			
			width: 994px;
			height: 430px;
			z-index:5}
						
					#PBPrint {font-size: 75%;
					margin: 10px 0 0 5px;
					position: relative;
					float: left;}					

				#PBCText {font-size: 80%;
				position: relative;
				color: #000000;
				margin: 0em 0px 0px 15px;
				padding: 8px 10px 10px 14px;
				width: 620px;
				height: 452px;	
				background-color: #ffffff;
				border-top: 1px solid #e3e3e3;
				border-left: 1px solid #e3e3e3;
				border-right: 1px solid #999999;
				border-bottom: 1px solid #999999;
				float: left;
				overflow: auto;}	
				
				#PBCShopText {font-size: 75%;
				position: relative;
				color: #000000;
				margin: 2.1em 0px 0px 16px;
				padding: 8px 12px 10px 12px;
				width: 621px;
				height: 430px;	
				background-color: #ffffff;
				border-top: 1px solid #e3e3e3;
				border-left: 1px solid #e3e3e3;
				border-right: 1px solid #999999;
				border-bottom: 1px solid #999999;
				float: left;
				overflow: auto;}	
				
				#PBCTitle {font-size: 80%;
				width: 580px;
				line-height: 16px;
				margin: 0 0 0 0;
				background-color: orange;}
				
				#PBCTitleText {margin: 0 0 10px 0;
				padding: 0px;
				height: 22px;
				font-size: 130%;
				color: #001B94;
				font-weight: bold;}
				
					.TextBox {width: 520px;			/*Ansprechpartner*/	
					background-color: transparent;
					text-align: left;
					padding: 0px 0px 0px 0px;
					float: left;	
					margin: 1px 0px 1px 0;}

					.TextBoxHome {width: 482px;			/*nur Startseite*/
					height: 324px;
					background-image: url("pics/ly_startbild.jpg");
					background-repeat: no-repeat;
					text-align: left;
					padding: 10px 0px 0px 8px;
					margin: 1px 0px 1px 4em;}
				
					.PBCTextBoxLeft {width: 280px;					
						background-color: transparent;
						text-align:left;
						padding: 0px 0px 0px 0px;	/*oben,rechts,unten,links*/	
						margin: 0px;
						float:left;		
						}
						
					.PBCFormBoxLeft {
						width: 220px;					
						background-color: transparent;
						text-align:right;
						padding: 0px 10px 0px 0px;	/*oben,rechts,unten,links*/	
						margin: 0px;
						float:left;	
						color: #666666;	
						}
						
					.PBCTextBoxRight {
						width: 280px;					
						background-color: transparent;
						text-align:left;
						padding: 0px 0px 0px 0px;	/*oben,rechts,unten,links*/	
						margin:0 0 0 0px;
						float:right;		
						}
					.BoxLeft {
						width: 170px;					
						background-color: transparent;
						text-align:left;
						padding: 0px 0px 0px 0px;	/*oben,rechts,unten,links*/	
						margin: 0px;
						float:left;
						}
					.BoxRight {
						width: 200px;					
						background-color: transparent;
						text-align:right;
						padding: 0px 0px 0px 0px;	/*oben,rechts,unten,links*/	
						margin:6px 0px 6px 10px;
						float:right;		
						}
					.PicBoxRight {
						width: 120px;					
						background-color: transparent;
						text-align:right;
						padding: 0px 0px 0px 0px;	/*oben,rechts,unten,links*/	
						margin:6px 0px 6px 10px;
						float:right;		
						}
					
/* Inhalt Infobox innerhalb des Contentbereiches-Mitte ----------------------*/
			.PBCTextInfoBox {
			clear:both;
			margin: 10px 0 0 0;
			font-size: 100%;
			width: 100%;}

	/* Überschrift der Infobox -------------------*/
			.PBCTextInfoTitleBox {
				background-color: #f5f5f5;
				margin: 0 0 0 0;
				border-top: 1px solid #d1d1d1;
				border-left: 1px solid #d1d1d1;
				border-right: 1px solid #999999;
				border-bottom: 1px solid #999999;
			}
				.PBCTextInfoTitleText {
					padding: 3px;
					font-weight: 600;
					font-size: 90%;
					margin: 0 0 0 3px;
					color: #666666;
					text-align: left;
					}
			.PBCTextInfoContent {						
				font-size: 100%;
				margin: 0 0 0 0;
				padding: 5px;
				border-left: 1px solid #d1d1d1;
				border-right: 1px solid #999999;
				border-bottom: 1px solid #999999;}
							
/* Inhalt Infobox rechts --------------------------------------------------------------------------- */ 
			#PBCInfoBox {
			position: relative;
			background-image: url("pics/ly_schrauben_gross.jpg");
			background-repeat: no-repeat;			
			font-size: 80%;		
			right: 0px;
			width: 165px;
			height:500px;
			float: right;
			margin: -40px 0 0 0;
			z-index: 20;
			}
			
				.PBCInfoContentBoxBorder {
					margin: 67px 0 0 0px;
					margin-right: 1px;
					background-color:transparent;
					width:165px;
					height: 350px;
					border-bottom: 1px solid #e3e3e3;}
						
		/* Überschrift der Infobox ------------------------- */
					.PBCInfoTitleBox {
					width:165px;
					background-color: #e3e3e3;
					margin: 0px 0px 0 0;
					border-top: 1px solid #e3e3e3;
					border-left: 1px solid #e3e3e3;
					border-right: 1px solid #999999;
					border-bottom: 1px solid #999999;
					}
					.PBCInfoTitleText {
					padding: 1px 3px 2px 5px;
					margin: 0 0 0 0px;					
					font-weight: 600;
					font-size: 90%;			
					color: #999999;					
					line-height:16px;
					text-align: left;}
					
					.PBCInfoContentBox {
					position: relative;										
					margin:0px 0px 8px 0px;
					padding: 3px 2px 3px 6px;
					width:165px;
					color: #77A621;
					background-color: #ffffff;					
					border-left: 1px solid #e3e3e3;
					border-right: 1px solid #999999;
					border-bottom: 1px solid #999999;}				
															
					/* Text der Infobox */	
					.PBCInfoContentText {
					margin: 0px 0 0px 0;
					padding: 0 0 0 0px;
					text-align: left;
					color: #000000;
					font-weight: normal;
					font-size: 90%;}				

div.cleaner {
	clear:both; /* hebt das float vorheriger Elemente wieder auf */
	
}
					
/* Page Foot - Seiten-Fuss -------------------------------------------------------------------------- */ 
			/*#PF {			
			position: relative;			
			background-color: transparent;
			margin:0px 0 0 0;
			width: 980px;
			height: 18px;
			text-align: left;
			}	
				.PFBottomText {
				color: #999999;
				font-size: 90%;
				margin: 0px 0 2px 0;
				padding: 0px 0 0 15px;
				}		*/		
			.PFCopy {
			height: 16px;
			width: 980px;
			margin: -10px 0 0px 0;
			padding: 0 0 0 0px;
			color: #cccccc;
			font-size: 70%;
			text-align: center;
			background-color: transparent;}
								

h1{font-size: 120%; font-weight: bold; color: #77A621; margin:0 0 10px 0; letter-spacing: 1px; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;}
h2{font-size: 100%; font-family: Verdana; font-weight: bold; color: #999999; margin:0px; letter-spacing: 1px; }
h3{font-size: 110%; font-weight: normal; color: #999999; margin:0 0 8px 0px; }
h4{font-size: 100%; font-weight: bold; color: #000000; margin:0px;}
h5{font-size: 110%; font-weight: normal; color: #ff9900; margin:0px; letter-spacing: 1px; }
h6{ border-bottom: 1px solid #e3e3e3; color: #ff9900;}

p {font-size: 100%;}
p.just {font-size: 100%; text-align: justify;}

/* Formulare */
input.form {font-family: Tahoma, Arial, Helvetica, Sans-serif; font-size: 100%; background: url("pics/bg_input_1.gif") no-repeat; border: 1px solid #d9efaf; margin:0 4px 0px 0px;}
input.formort {font-size: 90%; background: url(pics/bg_input_1.gif) no-repeat; border: 1px solid #d9efaf; margin:0 4px 0px 4px;}
input.formplz {font-size: 90%; background: url(pics/bg_input_1.gif) no-repeat; border: 1px solid #d9efaf; margin:0 4px 0px 4px;}
input.formsearch {height: 2em; font-size: 80%; background: url("pics/bg_inputsearch_1.gif") no-repeat; margin: 3px 0 3px 0; border-right: 1px solid #77A621; border-left: 1px solid #4f6d16; border-top: 1px solid #4f6d16; border-bottom: 1px solid #77A621;}
input.formloginnav {font-size: 80%; background: url("pics/bg_inputsearch_1.gif"); margin:0 10px 0 3px; height: 16px; border-right: 1px solid #77A621; border-left: 1px solid #4f6d16; border-top: 1px solid #4f6d16; border-bottom: 1px solid #77A621;}

textarea.form {background: url(pics/bg_inputarea_1.gif) no-repeat; font-family: Tahoma, Arial, Helvetica, Sans-serif; font-size: 90%; border: 1px solid #d9efaf;}
select.formselect {margin: 3px 0 0 0; font-size: 90%; border: 1px solid #77A621; width: 105px;}
select.form {margin: 3px 0 0 0; font-size: 90%; border: 1px solid #77A621;}
option.select {margin: 0 0 0 0; color:#77A621;}
option.option1 {border: 1px solid #cccccc;}
form.loginnav {margin: 0 0 0 0; font-size: 100%; color:#000000; line-height: 1.6em;}
form.search {margin: 0 0 0 0;}
form.search_nav {margin: 0 0 5px 0; border-bottom: 1px solid #e3e3e3; padding: 0 0 5px 0;}
form.searchuser {margin: 0 0 0 0;}
form.forum_page {margin: 0 0 0 0; display: block;}
form.forum {margin: 0 0 0 0;}
form.general {margin: 0 0 0 0;}
label.loginform {margin: 0 0 0 0; color:#77A621;line-height: 18px;}

/* Links */
a {text-decoration: underline; font-weight: normal; color: #77A621;}
a.content {text-decoration: underline; font-weight: normal; color: #666666;}
a.content2 {text-decoration: none; font-weight: normal; color: #666666;}
a.foot {text-decoration: none; font-weight: normal; color: #cccccc;}
a.subnavlogin {text-decoration: none; font-weight: normal; color:#666666; margin: 0 5px 0px 20px;}
a.subnavlogin:link {text-decoration: none; font-weight: normal; color: #666666;}
a.subnavlogin:active {text-decoration: underline; font-weight: normal; color: #666666;}
a.subnavlogin:hover {text-decoration: underline; font-weight: normal; color: #666666;}
a.subnavlogin:visited {font-weight: normal; color: #666666;}
a.subnavfunc {text-decoration: none; font-weight: normal; color:#666666;}
a.subnavfunc:link {text-decoration: none; font-weight: normal; color: #666666;}
a.subnavfunc:active {text-decoration: underline; font-weight: normal; color: #666666;}
a.subnavfunc:hover {text-decoration: underline; font-weight: normal; color: #666666;}
a.subnavfunc:visited {font-weight: normal; color: #666666;}

/* Listen - m:o,r,u,l */
/* Listen */
/*ol {margin: 0 0 0 16px;}

ul.misc {margin: 0 0 3px 17px;}*/
ul {list-style: none; margin: 0px;}
li {list-style: none; margin: 0px;}
ul.text { margin: 0px; margin: 8px 0 0px 18px;}
li.text { list-style-image: url(pics/ico_arrow.gif); font-size: 90%;}
ul.down {margin: 0 0 3px 17px;}
li.down {list-style-image: url(pics/pics/ico_down.gif); margin: 0 0 3px 0;}
li.downpdf {list-style-image: url(pics/pics/ico_downpdf.gif); margin: 0 0 3px 0;}
li.downdoc {list-style-image: url(pics/pics/ico_downdoc.gif); margin: 0 0 3px 0;}
ul.links {list-style: none; margin: 0 0 0 10px;}
ul.news {margin: 0 0 3px 17px;}
li.news {list-style: url(pics/pics/ico_news.gif); margin: 0 0 3px 0;}
ul.cat {list-style: url(pics/pics/ico_arrow_1.gif); margin: 0 0 0 17px;}
li.cat {margin: 0 0 3px 0;}
ul.cat_adress {list-style: none; margin: 0 0 0 17px;}
li.cat_adress {margin: 0 0 3px 0;}
ul.adress {margin: 0 0 3px 17px;}
li.adress {list-style: url(pics/pics/ico_user.gif); margin: 0 0 3px 0;}
ul.intlink {margin: 0 0 3px 17px;}
li.intlink {list-style: url(pics/ico_arrow_1.gif); margin: 0 0 3px 0;}
ul.extlink {margin: 0 0 3px 17px;}
li.extlink {list-style: url(pics/pics/ico_extlink.gif); margin: 0 0 3px 0;}
ul.intlinksub {list-style: url(pics/pics/ico_cat.gif); margin: 0 0 3px 0;}
li.intlinksub1 {margin: 0 0 0 10px;}
li.intlinksub2 {margin: 0 0 0 30px;}
li.intlinksub3 {margin: 0 0 0 60px;}
li.intlinksub4 {margin: 0 0 0 120px;}
ul.info {margin: 0 0 3px 17px;}
li.info {list-style: url(pics/pics/ico_info.gif); margin: 0 0 3px 0;}
ul.alp {list-style: none; margin: 0 0 0 0;}
li.alp {margin: 0 0 0 12px; float: left;}
ul.subnavfunc {list-style: none; margin: 0 0 0 0;}
li.subnavfunc {margin: 0 0 0px 0;}
ul.subnavlogin {list-style: none; margin: 1px 0 0 0;}
li.subnavlogin {list-style: none; margin: 0 0.6em 0 0; float: left;}
ul.event {margin: 0 0 3px 17px;}
li.event {list-style: url(pics/pics/ico_event.gif); margin: 0 0 3px 0;}
ul.contnav {list-style: url(pics/pics/ico_arrow_1.gif); margin: 0 0 0 0;}
li.contnav {margin: 0 0 0 0px; float: left; padding: 0 0 0 11px;}
li.contnav2 {margin: 0 0 0 0px;}
ul.forum {margin: 0 0 3px 17px;}
li.forum {list-style: url(pics/pics/ico_forum.gif); margin: 0 0 3px 0;}
ul.smallad {margin: 0 0 3px 17px;}
li.smallad {list-style: url(pics/pics/ico_smallad.gif); margin: 0 0 3px 0;}
ul.job {margin: 0 0 3px 17px;}
li.job {list-style: url(pics/pics/ico_job.gif); margin: 0 0 3px 0;}
ul.advan {margin: 0 0 3px 22px;}
li.advan {list-style: url(pics/ico_arrow_3.gif); margin: 0px 0 3px 0;}

/* Span - m:o,r,u,l */
span.home {color: #003399; font-weight: normal; font-size: 115%; margin: 0 0 10px 0;}
span.title {color: #003399; font-weight: bold; font-size: 120%; margin: 0 0 10px 0;}
span.title2 {color: #003399; font-weight: normal; font-size: 110%;}
span.title3 {color: #003399; font-weight: bold; font-size: 90%;}
span.content {color: #000000; text-align: justify;}
span.pic {color: #666666; font-weight: normal; font-size: 80%;}
span.nav {color: #ff9900; font-size: 70%;}
div.picleft {margin: 0 0 0 0; padding: 5px; float: left;}
div.picright {margin: 0 0 0 0; padding: 2px;}
div.picbottom {margin: 0 0 0 0; padding: 5px;}
div.pictop {margin: 0 0 0 0; padding: 5px;}
div.content {width: 100%; margin: 0 0 0 0; padding: 0px;}
div.PBCContentShopHomeleft {width: 380px; margin: 0 0 0 0; padding: 0px; float: left;}
div.PBCContentShopHomeright {width: 200px; margin: -5px 0 0 0px; padding: 0 0 0 20px;}
div.history { background: url("pics/ly_bg_history.jpg"); background-repeat:no-repeat; width:100%;}

/* Tabelle Kontaktseite */
table.kontakt {
border-left: 1px solid #d9efaf;
border-top: 1px solid #d9efaf; 
border-right: 1px solid #d9efaf;
border-bottom: 1px solid #d9efaf;
margin:0 10px 0 0px;}
td.borderleft {border-left: 1px solid #d9efaf;}
td.borderright {border-right: 1px solid #d9efaf;}
th.thkontakt {font-size: 80%; font-weight: normal; color: #888888; text-align: left; border-bottom:1px solid #d9efaf; line-height: 0.8em; }
th.thaktuell {font-size: 90%; font-weight: 600; color: #999999; padding:5px 0px 5px 0px; text-align: left; border-bottom:1px solid #d9efaf; line-height: 1em; }
table.produkte {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 95%;}
td.title {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 110%; font-weight: normal; color: #77A621; padding: 0px 0px 0.3em 0px;}
td.title2 {font-size: 90%; font-family: Verdana; font-weight: bold; color: #999999; margin:0px; letter-spacing: 1px; }
/* Tabellen */
table.produkte {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 115%;}
td {font-weight: normal; font-size: 70%;}
td.content {font-size: 70%; font-weight: normal;}
th.content {font-size: 70%; font-weight: bold;}
table.cat {/*margin: 10px 0 0 0; padding: 3px; */
font-size: 100%; 
width: 100%;
border-right: 1px solid #aaaaaa;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #aaaaaa;}
th.cat {
font-weight: 600;
/*font-size: 90%;*/
margin: 0 0 0 3px;
color: #999999;
background-color: #f5f5f5; 
border-bottom: 1px solid #dddddd;}
td.cat {font-size: 100%; font-weight: normal;}
th.cat2 {
font-weight: 600;
/*font-size: 85%;*/
margin: 0 0 0 3px;
color: #999999;
background-color: #f5f5f5; 
border-right: 1px solid #dddddd;}

/* Linie - m:o,r,u,l */
hr.title {width: 100%; color: #0000cc; border: solid; margin: -8px 0 0 0;}
hr.title2 {width: 50%; color: #cccccc; border: solid; margin: 50px 0 0 0;}
hr.home {width: 100%; color: #dddddd; border: 1px solid; margin: 0 0 0 0;}
hr.content {width: 100%; color: #dddddd; border: 1px solid; margin: 0 0 0 0;}
hr.trenner {width: 500px; color: #ffffff; border: 2px solid; margin: 0 0 0 0;}
/*hr.search {width: 80%; color: #e3e3e3; border: 1px solid; margin: 8px 0 8px 0px;}*/
hr.order {width: 100%; color: #77A621; border: 1px solid; padding: 0 0 0 0;}
/* hr {width: 60%; color: #DFE4F2; border-style: dashed;} */