/* Zusammenfassung der Schriftarten */
a, checkbox, div, h3, input, p, radio, select, span, td, textarea, tr,
.boxText, .errorBox, .infoBoxContents, .infoBoxNoticeContents, .inputRequirement, .linkListingCats, .linkFeatured, .linkFeaturedHeading, .linkFeaturedMain, .linkListing-heading, .linkListingMain, .linkListingSubCats, .messageBox, .messageStackSuccess, .orderEdit, .productListing-subheading, .stockWarning
											{ font-family: Arial, Helvetica, sans-serif; }
											
/* Zusammenfassung der Schriftgroessen */
/* 9px */
td.required, td.requiredError,
.linkListingSubCats
											{ font-size: 9px; }	
/* 10px */
p, span, td, tr,
.errorBox, .inputRequirement, .linkFeatured, .linkFeaturedMain, .linkListing-heading, .linkListingMain, .messageBox, .messageStackSuccess, .orderEdit, .stockWarning 	     
											{ font-size: 10px; }								
/* 11px */
checkbox, input, radio, select, textarea, 
a.headerNavigation, td.infoBoxHeading,
.infoBoxContents, .infoBoxNoticeContents, .linkListingCats		
											{ font-size: 11px; }												
/* 12px */
h3,
span.greetUser, span.markProductOutOfStock, td.fieldValue, td.formAreaTitle, td.headerInfo, td.tableHeading, 
.boxText, .topnav
											{ font-size: 12px; }											
/* 13px */
td.accountCategory, td.fieldKey
											{ font-size: 13px; }		
/* 14px */					
.linkFeaturedHeading											
											{ font-size: 14px; }																											
																		
/* Zusammenfassung der Schriftstyles */
/* bold */
span.greetUser, span.markProductOutOfStock, td.fieldKey,  td.footer, td.formAreaTitle, td.headerInfo, td.headerNavigation, td.infoBoxHeading, td.tableHeading, tr.headerNavigation, 
.errorBox, .linkFeatured, .linkFeaturedHeading, .linkListing-heading, .linkFeaturedMain, .linkListingMain, .linkListingCats
											{ font-weight: bold; }
/* underline */
a,
a:hover, a:visited,
.orderEdit 						
											{ text-decoration: underline; }
/* none */
a.headerNavigation, a.headerNavigation:hover								
											{ text-decoration: none; }	
/* center */											
.linkFeatured, .linkFeaturedHeading, .linkFeaturedMain,.linkListingCats, .linkListingSubCats, .linkListing-heading, 
td.headerInfo 
						 								{ text-align: center; }

/* Farbangaben für Text und Hintergrund */												
.errorBox                		{ 								background: #ffb3b5; }
.infoBox 										{								  background: #006633; }
.infoBoxContents 						{ 								background: #ccc; }
.infoBoxNotice 							{									background: #FF9900; }
.infoBoxNoticeContents 			{ color: #000000; background: #FFE0C1; }
.inputRequirement 					{ color: #ff0000; }
.linkFeatured 							{ color: #FFFFFF; background: #dbd6d6; }
.linkFeaturedHeading 				{	color: #FFFFFF; background: #dbd6d6; }
.linkFeaturedMain 					{ color: #FFFFFF; background: #dbd6d6; }
.linkListingMain 						{ color: #000000; }
.linkListing-heading 				{ color: #FFFFFF; background: #b6b7cb; }
.orderEdit 							 		{ color: #70d250; }	
.productListing-subheading 	{ color: #FFFFFF; background: #86C486; }
.productListing-third 			{ 								background: #89C589; }
.productsNotifications   		{ 								background: #f2fff7; }
.stockWarning            		{ color: #cc0033; }
.topnav											{ color: #dddddd; }

h3                       		{ color: #336633; }
hr                       		{ color: #336633; }

a 													{ color: #000000; }
a:visited 									{ color: #009900; }
a:active  									{ color: #000000; }
a:hover 										{	color: #AABBDD; }	

a.headerNavigation 					{ color: #336633; }
a.headerNavigation:visited 	{ color: #336633; }
a.headerNavigation:hover 		{ color: #ffffff; background:#B3D9B3; }

a.linkListingCats:hover, a.linkListingMain:hover, a.linkListingSubCats:hover 
														{ color: #FF0000; }														
a.linkListingMain 					{ color: #ffffff; }														
a.linkListing-heading 			{ color: #FFFFFF; }
a.linkListing-heading:hover { color: #FF0000; }		
														
a.pageResults 							{ color: #0000FF; }
a.pageResults:hover 				{ color: #0000FF; background: #0099FF; }																											

span.errorText, span.newItemInCart 
														{ color: #ff0000; }
span.greetUser 							{ color: #f0a480; }

span.markProductOutOfStock 	{ color: #c76170; }

td.accountCategory 					{ color: #aabbdd; }

tr.accountHistory-odd, tr.addressBook-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd 			
														{									background: #AFD8AF; }
tr.accountHistory-even, tr.addressBook-even, tr.upcomingProducts-even, tr.shippingOptions-even 
														{ 								background: #C9E4C9; }

tr.header 									{									background: #B3D9B3; }
tr.headerNavigation 				{ 								background: #E1F0E1; }
td.headerNavigation 				{ color: #336633; background: #B3D9B3; }

tr.headerInfo 							{									background: #336633; }
td.headerInfo 							{ color: #ffffff; background: #00ff00; }

td.infoBoxHeading 					{ color: #ffffff; }
																																		
tr.linkListing-odd 					{ 								background: #f8f8f9; }
tr.linkListing-even 				{ 								background: #F5F5F5; }

td.required 								{ color: #009900; }
td.requiredError 						{ color: #FF0000; }

/* Hover in Auswahlfaellen*/
.moduleRowOver 							{ background-color: #f90; cursor: pointer; }
.moduleRowSelected 					{ background-color: #ccc; }

/* message box */
.messageBox									{ background-color: #ffb3b5; }
.messageStackSuccess 				{ background-color: #99ff00; }	
													

/* ab hier der unbearbeitete Teil */
form 												{ display: inline; }

textarea										{ width: 100%; }

table.formArea 							{ background: #C9E4C9; border-color: #336633; border-style: solid; border: 1px; }
  
.right 											{ text-align: right; }

/* BOM: Links Manager v1.18 */
table.linkListing 					{ border: 1px; border-style: solid; border-color: #b6b7cb; }

td.linkListing-data 				{ border-right: 1px solid #b6b7cb; border-bottom: 1px solid #b6b7cb; padding: 4px; }

.linkFeatured 							{ border: 1px solid black; }

.linkListingCats 						{ color: #FFFFFF;  }
a.linkListingCats 					{ color: #000000; line-height: 1.5; }

.linkListingSubCats 				{ color: #FFFFFF;  }
a.linkListingSubCats 				{ color: #000000; line-height: 1.5; }
/* EOM: Links Manager v1.18 */

/* BOM: Abstimmungen */
TD.pollBoxRow, TD.pollBoxText 
														{ border-color: #eeeeee; border-style: solid; border-width: 1px; }
TR.pollOptRow, TR.pollFooter 
														{ background: #f1f9fe; }
/* EOM: Abstimmungen */

/* BOM: more_pics */
TABLE.popup 								{ border-width: 1px; border-style: dotted; }
/* EOM: more_pics*/

	/* neue Formatierungen */
	body { 
		margin: 10px;
		height: 100%;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666; background: #585858; background-image: url(images/body_bg.gif); 
		background-repeat: repeat-x; } 
		body.popup { 
			color: #666666; background: #eee; }		

	/* den gesamten Inhalt mittig zentriert */
	div.contentbox {
		width:1018px; 
		height: 100%;
		position: absolute; left: 50%;
		margin-left: -509px; }

	/* der Header-Bereich */ 
	div.header {
		background: url(images/header/bg.jpg) 0 0;
		margin: 0; padding: 0;
		height: 138px;
	}
		div.header div { 
			background: url(images/header/tl.jpg) 0 0 no-repeat; }
		div.header div div { 
			background: url(images/header/tr.jpg) 100% 0 no-repeat; }
		div.header div div div {	
			width:auto;
			/*overflow:hidden;*/ }	
		div.header div div div div { 
			background: none; padding: 0px; }

		/* Obere Top-Nav grau */
		.toplinks { 
			text-align: right; 
			font-weight: bold;
			height: 16px; line-height: 16px; }
		.toplinks td {
			padding-right: 5px; }
		.toplinks a, .toplinks a:hover, .toplinks a:visited, .toplinks a:active {
			text-decoration:none; 
		  cursor: pointer;	}
		.toplinks span { 
			float: right; }		
		span.toplinks	{ 
			line-height: 16px; 
			padding: 0px 15px; 
			color:#333;
			white-space: nowrap; }
		div.topcat { 
			text-align:left; 
			height: 20px; 
			margin: 11px 0px 0px 0px; padding: 0px 0px 0px 1px; }

/* mittlere Top-Nav Suche / Sprache *******************************************************************/
		.topbox {
			height: 38px; }
		.topbox div { 
			background-color: #0099CC; /*------------------------------------------------------------------------------*/					
			/*background:url(images/header/topbox_bg.png) repeat-x;*/ }
		.topbox div div {
			background:url(images/header/topbox_li.png) no-repeat 0 0; }	
		.topbox div div div {
			padding: 3px 5px 0px 5px; 
			background:url(images/header/topbox_re.png) no-repeat 100% 0; }
		.topbox span { 
			float: right; 
			height: 28px; 
			vertical-align: text-bottom; }
		.topbox span.topboxcontent { 
			color: #222; 
			font-size:12px; 
			white-space: nowrap; 
			padding: 0px 5px 0px 5px; }
		.topbox span.topboxcontent a img { 
			vertical-align:middle; }
		.topbox span input { 
			margin-top: 5px; padding: 1px; 
			border: 1px solid #222; 
			color: #222; 
			height: 18px; }
		.topbox span select { 
			margin-top: 5px; padding: 0px; 
			border: 1px solid #222; 
			color: #222; 
			height: 16px; }

/* untere Top-Nav grün ********************************************************************************/
		.topnav {
			text-align:right; 
			font-weight: bold;
			height: 18px; }
		.topnav td {
			padding-right: 6px; }
		.topnav a, .topnav a:hover, .topnav a:visited, .topnav a:active {
			text-decoration:none; 
			cursor: pointer; }
		.topnav span { 
			float: right; }		
		span.topnav	{ 
			background-image:url(images/header/topnav_bg.png); 
			display: block; 
			height: 18px; line-height: 18px;
			padding: 0px 7px 0px 7px; 
			white-space: nowrap; }

/* css Navi *******************************************************************************************/	
	.topMenuWrapper {
		position:relative;
		margin-top: 11px;
		z-index:100; }
	
	.topMenu {
		width: 100%; }
	.topMenu td {
		height: 22px;
		text-align: center;
		vertical-align: middle; }
	.topMenu a {
		font-weight: bold;
		display: block;
		height: 22px; line-height: 22px;
		margin: 0px; padding: 0px; }
	.topMenu a, .topMenu a:link, .topMenu a:visited, .topMenu a:active {
		color: #ddd;
		text-decoration: none;
		padding: 0px 5px;
		border-right:1px solid #666; }
	.topMenu a:hover {
		color: #000000;
		text-decoration: none;
		background-image:url(images/header/topcat_bg_selected.jpg); }	
		
	.subMenusContainer {
		position: relative;
		z-index: 150; }
	.subMenu {
		background-image:url(images/header/h_menu_bg.gif);
		height:57px;
		padding-top:6px;
		font-weight: bold;
		position: absolute;
		top: 0px;
		width: 100%; }
	.subMenuOvr {
		margin-left:14px; }
	.subMenu h2 {
		margin: 0px; padding: 0 0 2px 0;
		font-size: 20px;
		color: #333; }
	.subMenu a, .subMenu a:link, .subMenu a:hover, .subMenu a:active, .subMenu a:visited {
		color: #000;
		text-decoration: none; }
	.subMenu a {
		margin-right: 9px; }
		
/* die Boxen auf der rechten Seite in eigener Regie ***************************************************/
		.rightnav {
			width: 158px; height: 100%;
			background: url(images/right_bg.jpg) #999 repeat-x;
			border-right: 1px solid #222; border-left: 1px dotted #222; 
			padding: 10px 10px 10px 10px; margin-left: 10px;  }
		.rightBox {
			width: 138px;
			background: #eee; 
			padding: 3px;
			border: 1px dotted #222; border-top: 0px; }
		.rightBoxContents {
			background: #eee; }
		.rightBoxHeading {
			width: 138px;
			background: #ddd; 
			border: 1px dotted #222; border-bottom: 0px;
			padding: 3px;  margin-top: 0px;
			font-weight: bold;  font-size: 12px; }
		.rightBoxHeading {
			margin-top: 10px; }
		.rightBoxHeading:first-child { margin-top: 0px; }

		/* die Haupttabelle mit einem linken Rand versehen */
		.maincontent {
			border-left: 1px solid #222;
			padding: 0px 0px 0px 10px;
			margin: 0px;
			/*width: 100%;*/
			background-color: #fff;
		}
		.maincontent table {
			margin-top: 10px;
		}
		
		/* alternierende Produktzeilen */
		.productListing-even { 
			background: #eee; }
		.productListing-odd	{ 
			background: #ddd; }
			
 		.productlisting-boxtop {
			border: 1px solid #222;
			border-bottom: 0px;
		}
		.productlisting-boxbottom {
			border: 1px solid #222;
			border-top: 0px;
		}

/* die neuen Uebersichsdarstellungen ******************************************************************/
		table.frontView,
		table.frontViewSmall {
			width: 100%;
			border: 0px;
			margin: 0px;
			padding: 0px;	}
		table.frontView td,
		table.frontViewSmall td {
			text-align:center; vertical-align:top; 
			background-color: #eee;
			border: 1px solid #ddd; }	
		table.frontView td {
			height: 340px; }		
		table.frontViewSmall td {
			width: 198px; max-width: 198px;
			height: 214px; }
			.fourProducts td {
			  width: 200px; max-width: 200px; }
		table.frontView .picture { 
			height: 280px;
			text-align:center;
			display: block;
			/*overflow: hidden;*/ }
		table.frontViewSmall .picture { 
			width: 100%; height: 160px; 
			text-align:center;
			/*overflow: hidden;*/ }
		table.frontView .text { 
			height: 64px; 
			padding: 2px 0 0 54px;
			font-size: 11px; font-weight: bold; 
			text-align: center;
			display:block; 
			background: #ccc url(images/logo.png) 0 0 no-repeat; }
			.frontView .text span {
				width: 200px; 
				text-align: center; }
		table.frontViewSmall .text { 
			height: 54px; 
			padding: 2px 0 0 54px;
			font-size: 12px; font-weight: bold; 
			text-align: center;
			display:block; 
			background: #ccc url(images/logo.png) 0 0 no-repeat; }
			.frontView .text span {
				width: 140px; 
				text-align: center; }
		a.text, a.text:visited { 
			color:#000; 
			text-decoration:none; 
			display: block; }
		a.text:hover, a.text:active  { 
			background-color:#f90; color:#000; 
			z-index: 20; 
			text-decoration:none; }

		span.price { 
			font-size:12px; 
			line-height:14px; 
			color: #093; 
			text-align: right; }
			span.price span { font-size:12px; }
		p.frontViewSmall { clear:both; font-size: 16px; }

/* Content ********************************************************************************************/
		.main {
			font-size: 12px;
			margin-bottom: 10px;
			line-height: 1.5; 
		}
		
		.pageHeading								{ background:url(images/icon_pageheader.gif) repeat-x;
																	color: #444;
																	font-size: 22px;
																	font-weight: bold; 
																	height: 36px; line-height: 36px; 
																	margin: 10px 0 10px 0; }
							
		.pageHeading div						{ background:url(images/icon_pageheader_left.gif) 0 0 no-repeat;
																	width: 100%;
																	height: 36px; }
		.pageHeading div div				{ background:url(images/icon_pageheader_right.gif) 100% 0 no-repeat;
																	width: 100%;
																	height: 36px; }
		.pageHeading div div div		{	background-image: none;
																	padding-left: 10px; }																																		
																	
		div.pageHeading	img,
		div.pageHeading	span				{ float: right; 
																	margin-top: -37px;
																	margin-right: 12px; }	
		div.pageHeading + div,
		div.pageHeading + form,
		div.pageheading + .stagetable,
		div.pageHeading .newimage		{ float: none; margin-top: 0px; }
		div.pageHeading + p					{ clear: right; }			

		/* Checkout-Procedure */
		.stagetable									{	padding: 0px 0px 10px 0px; margin: 0px; }
		.stagetable td							{ width: 25%; }	
		.stagetable a, stagetable a:visited, stagetable a:hover, stagetable a:active
																{ text-decoration: none; }		
		.stage											{ color: #fff;
																	font-size: 16px;
																	font-weight: bold; 
																	height: 36px; line-height: 36px; 
																	margin: 0px; }
							
		.stage div									{ width: 100%;
																	height: 36px; }
		.stage div div							{ width: 100%;
																	height: 36px; }
		.stage div div div					{	background-image: none;
																	padding: 0px 5px 0px 32px; }		
		.stage_a										{ background:url(images/stage_am.gif) repeat-x; }	
		.stage_a .stage_1						{ background:url(images/stage_al1.gif) 0 0 no-repeat; }
		.stage_a .stage_2						{ background:url(images/stage_al2.gif) 0 0 no-repeat; }
		.stage_a .stage_3						{ background:url(images/stage_al3.gif) 0 0 no-repeat; }
		.stage_a .stage_4						{ background:url(images/stage_al4.gif) 0 0 no-repeat; }						
		.stage_a div div						{ background:url(images/stage_ar.gif) 100% 0 no-repeat; }
		.stage_p										{ background:url(images/stage_pm.gif) repeat-x; }	
		.stage_p .stage_1						{ background:url(images/stage_pl1.gif) 0 0 no-repeat; }
		.stage_p .stage_2						{ background:url(images/stage_pl2.gif) 0 0 no-repeat; }
		.stage_p .stage_3						{ background:url(images/stage_pl3.gif) 0 0 no-repeat; }
		.stage_p .stage_4						{ background:url(images/stage_pl4.gif) 0 0 no-repeat; }
		.stage_p div div						{ background:url(images/stage_pr.gif) 100% 0 no-repeat; }
																	
		.infoBoxHeading							{ background: url(images/icon_header.gif); 
																	color: #ddd;
																	font-weight: bold; 
																	height: 20px; line-height: 20px; 
																	border: 0px; 
																	margin: 0px; }
		.infoBoxHeading	div					{ background:url(images/icon_header_left.gif) 0 0 no-repeat;
																	width: 100%;
																	height: 20px; }
		.infoBoxHeading	div div			{ background:url(images/icon_header_right.gif) 100% 0 no-repeat;
																	width: 100%;
																	height: 20px; }	
		.infoBoxHeading	div div	div	{ background-image: none;
																	width: 100%; 
																	padding-left: 10px; }																													
																																		
		.infoBoxContent							{ background: #fff; 
																	border-left: 1px solid #000; 
																	border-right: 1px solid #000;  }
		.infoBoxContent .it					{ margin-top:0px; }
		.infoBoxContent .it	td			{ padding: 2px 10px 2px 10px; }
		.infoBoxContent .subheader	{ background: #ccc; 
																	font-weight: bold; }
		.infoBoxContent	div					{ padding: 10px; }															
			.sizeforprice							{ font-size: 24px; font-weight: bolder; }
			.buttonseparator					{ text-align: right; 
																	margin-top: 10px; padding: 10px 0px 10px 0px; 
																	border-top: 1px solid #f90; }
			.rowcolor1								{ background:#eee; }
			.rowcolor2								{ background:#ddd; }
			.contenttext							{	padding: 10px;
																	margin: 0;
																	font-size: 12px; }	
			.label										{ font-size: 12px;
																	width: 100px; }
			.nopm, .nopm td						{ padding: 0px;
																	margin: 0px;
																	vertical-align: top; }

		.infoBoxFooter							{ background:url(images/icon_footer.gif) repeat-x;
																	height: 6px;  
																	border: 0px; 
																	margin: 0px 0px 10px 0px; }												
		.infoBoxFooter div					{ background:url(images/icon_footer_left.gif) 0 0 no-repeat;
																	width: 100%;
																	height: 6px; }
		.infoBoxFooter div div			{ background:url(images/icon_footer_right.gif) 100% 0 no-repeat;
																	width: 100%;
																	height: 6px; }	
		.infoBoxFooter div div div	{ background-image: none;
																	width: 100%;
																	padding-left: 10px; }																													
																												
		div.productInfoContentOuter	{ background: #fff; 
																	font-size: 12px; 
																	border-top: 0px; }
			div.productInfoContentOuter	p, div.productInfoContentOuter	li
																{ font-size: 12px; }
			div.productInfoContentOuter	ul, div.productInfoContentOuter	li
																{ list-style: none; }

		.piContent									{ background:url(images/pic.gif) repeat-x;
																	text-align: center;
																	border: 0; 
																	margin: 0px; }												
		.piContent div							{ background:url(images/pic_left.gif) 0 0 no-repeat;
																	width: 100%; }
		.piContent div div					{ background:url(images/pic_right.gif) 100% 0 no-repeat;
																	width: 100%; }			

		.piContentFooter						{ background:url(images/pic_b.gif) repeat-x;
																	height: 10px;  
																	border: 0px; 
																	margin: 0px 0px 10px 0px; }												
		.piContentFooter div				{ background:url(images/pic_bleft.gif) 0 0 no-repeat;
																	width: 100%;
																	height: 10px; }
		.piContentFooter div div		{ background:url(images/pic_bright.gif) 100% 0 no-repeat;
																	width: 100%;
																	height: 10px; }	

		.piContent span							{ background: #bbb; 
																	font-size: 12px;
																	font-weight: bold;
																	height: 24px; line-height: 24px; 
																	width: 100%;
																	display: block; }
		.piContent label						{ float: left; width: 120px;  }
		.infoSpecialHeading					{ background: url(images/icon_special.gif); 
																	color: #fff;
																	font-weight: bold; 
																	height: 20px; line-height: 20px; 
																	border: 1px solid #c30; 
																	padding-left: 10px; margin: 0px; }
		.infoSpecialContent					{ background: #fff; 
																	padding: 10px; margin-bottom: 10px;
																	border: 1px dotted #c30; }	
		.actionbox, .actionbox:active, .actionbox:hover, .actionbox:visited	{ 
																	color: #222;
																	text-decoration: none; }
																				
		.ip													{ padding: 5px 10px 5px 10px; }
		.ipl												{ padding-left: 10px; }		
		.mt													{ margin-top: 10px; }		
		.ml													{ margin-left: 10px; }
		.mr													{ margin-right: 10px; }		
		
/* Verfuegbarkeitsanzeige */
	.product_available,
	.infoBoxContent	div.product_available	{
		height: 14px; max-height: 14px; line-height: 14px; font-weight: bold; padding: 0 ; color:black; }
		
/* Preisauszeichnungen */
	.productNormalPrice {
		font-size: 18px; 
		text-align: right;
		color: #093; }
		.productNormalPrice + table {
			margin-top: 0; }
	.productReducedPrice {
		font-size: 12px;
		text-align: right; 
		text-decoration: line-through; 
		padding-bottom: 0 ! important; }
	.productSpecialPrice {
		font-size: 18px; 
		text-align: right; 
		padding-top: 0 ! important;
		color: #f00; }
		.productReducedPrice + span.productSpecialPrice {
			margin-left: 5px; }
/*	span.productDiscountPrice 	{ color: #0000ff; }			*/
	.productDiscountPrice {
		font-size: 18px; 
		text-align: right; 
		padding-top: 0 ! important;
		color: #f00; }
		.productDiscountPrice + span.productSpecialPrice {
			margin-left: 5px; }