BODY { margin: 10px 0px 20px 0px; padding:0px; text-align: center;  background: #F3F7FE url(img/hg-body.jpg) center top no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; overflow-y:scroll; }

.clear { clear:both; }
.overlay { background:url(img/overlay.png) left top repeat; }

		#container { width: 940px; padding:0 20px;	margin: 0 auto;  border: none; text-align: left; background:#fff url(img/hg-head.jpg) left top no-repeat; } 
			
			/* HEADER */
			#container #header { width:940px; height:105px; overflow:hidden; }
				#container #header #logo { float:left; width:210px; height:100%; background:#fff; text-align:center; }
					#container #header #logo a img { margin-left:-20px; margin-top:5px; border:none; }
				#container #header #content { float:left; width:730px; height:100%; background:url(img/head-img.jpg) left 11px no-repeat; }
					#container #header #content #topnav { float:right; margin:16px 225px; padding:1px 5px; font-size:11px; color:#fff; }
					#container #header #content #login { height:50px; margin:22px 0 0 10px; font-size:12px; color:#fff; }
						#container #header #content #login .title { margin-bottom:5px; font-size:14px; font-weight:bold; }
							#container #header #content #login form { padding:0; margin:0; }
							#container #header #content #login form label { padding-right:5px; }
							#container #header #content #login form input { width:120px; padding:3px 2px; margin-right:8px; border:1px solid #66CC99; font-size:12px; }
							#container #header #content #login form input#loginbtn { width:60px; padding:2px 5px; background:#66CC99; border:1px solid #66ffcc; font-size:12px; font-weight:bold; color:#fff; cursor:pointer; }
						#container #header #content #mainnav { margin:79px 0 0 5px; }
							#container #header #content #mainnav #process { float:left; font-weight:bold; }
							#container #header #content #mainnav #info { float:right; margin-right:-7px; }
							#container #header #content #mainnav #info a { padding:2px 3px; color:fff; }
							#container #header #content #mainnav div a { padding:2px 5px; font-size:12px; color:#fff; text-decoration:none; }
							#container #header #content #mainnav div a:hover { text-decoration:underline; }
							/*
							#container #header #content #mainnav a#cartlink { padding-right:50px; margin-right:20px; font-weight:bold; }
							#container #header #content #mainnav a#myaccount { font-weight:bold; }		
							*/
			/* BODY */
			#container #body { width:940px; margin-top:19px; padding:10px 0 30px 0; background:url(img/trauben.jpg) 83px top no-repeat; }
				
				#container #body #subnav { float:left; width:220px; padding-top:20px; }
					#container #body #subnav #searchbox { width:200px; margin-bottom:20px; }
						#container #body #subnav #searchbox .title { padding-bottom:2px; margin-bottom:5px; border-bottom:1px dotted #66CC99; font-size:12px; font-weight:bold; color: #005038; }
						#container #body #subnav #searchbox form { padding:0; margin:0; }
							#container #body #subnav #searchbox form input#searchfield { width:140px; padding:3px 2px; border:1px solid #66CC99; font-size:12px; }
							#container #body #subnav #searchbox form input#searchbtn { width:40px; padding:3px 5px; background:#66CC99; border:1px solid #66ffcc; font-size:12px; font-weight:bold; color:#fff; cursor:pointer; }
					
					#container #body #subnav #links { width:200px; margin-bottom:20px;  }
						#container #body #subnav #links .infoBoxHeading { padding-left:3px; padding-bottom:2px; margin-bottom:5px; border-bottom:1px dotted #66CC99; font-size:12px; font-weight:bold; color: #005038; }
						#container #body #subnav #links a { display:block; margin:0; padding:5px 0 5px 15px; border-bottom:1px dotted #66FFCC; background:url(img/navipunkt.jpg) left center no-repeat; font-size:12px; text-decoration:none; color: #00836A;  }
						#container #body #subnav #links a:hover{ background:url(img/navipunkt-act.jpg) left center no-repeat; color: #993300; }
				
				#container #body #content { float:left; width:720px;  }
					#container #body #content #breadcrumbs { height:20px; }
					#container #body #content #text {  }



			#container #footer { width:970px; margin-left:-20px; padding:10px 5px; border-top:5px solid #F3F7FE; text-align:center; font-size:11px; color: #aaa; }
				#container #footer p { margin:0 0 3px 0; padding:0; font-weight:bold; }
				#container #footer a { color: #aaa; }
				#container #footer a:hover { text-decoration:underline; }

			
			
	#cart_contain { position:absolute; left:500px; top:150px; display:none; width:auto; max-width:350px; border-bottom:1px solid #999; border-right:1px solid #999; }


	#izoom_contain { position:absolute; display:none; width:300; height:340px; padding-left:20px; }
	#izoom_contain.arrowleft{ background: url(img/izoom_contain_arrowleft.gif) left top no-repeat; }
	#izoom_contain.arrowright { padding-left:0; padding-right:20px; background: url(img/izoom_contain_arrowright.gif) left top no-repeat; }
		#izoom_contain > div { width:300px; height:340px; padding:0; margin:0; }















/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
/*This is the Infobox text style*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #1E5A51; line-height:1.2; }

/*This is the Error Messages style with pink background*/
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

/*This is the Warning Messages red font style*/
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

/*This is the Product Notifications green background stylet*/
.productsNotifications { background: #f2fff7; }

/*This is the Order Edit style with green underline*/
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }



/*This is the Default Hyperlink Style with black text and no underlines*/
A {
  color: #000000;
  text-decoration: none;
}

a.index_cat_link {
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a.index_cat_link:hover {
	color: #0000FF;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}
/*This is the Default ACTIVE Hyperlink Style when a mouse is hovering over it, with dusty blue text and an underline*/
A:hover {
  color: blue;
  text-decoration: underline;
}

/*Forms display within the page rather than opening a new window*/
FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}
/*Infobox Template for STS-This is the TOP GRAY BAR BACKGROUND STYLE with Top > Catalog on the left*/
TR.headerNavigation {
  background: #4897C8;
}

/*This is the TOP GRAY BAR FONT STYLE with Top > Catalog on the left*/
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #65B0E1;
  color: #FFFFFF;
  font-weight : bold
}

/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE */
A.headerNavigation { 
  color: #1E5A51; 
}

/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE when the cursor is over them*/
A.headerNavigation:hover {
  color: #1E5A51;
  text-decoration: underline;
}

/*This is the ERROR Background style for a row with a red background*/
TR.headerError {
  background: #ff0000;
}

/*This is the ERROR Background style for a cell with a red background*/
TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

/*This is a ROW Background style with a neon green background*/
TR.headerInfo {
  background: #00ff00;
}

/*This is a CELL Background style with a neon green background*/
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*This is the GRAY BOTTOM BAR Row background*/
TR.footer {
  background: #bbc3d3;
}

/*This is the GRAY BOTTOM BAR Cell background*/
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

/*This is the INFOBOX Background Style, one shade darker than the Infobox Header color*/
.infoBox {
  background: #FCFFF0;
  border: 1px solid #C2C9CE;
}

/*Infobox Template for STS-This is the INFOBOX Contents Style, one shade lighter than the Infobox Header color*/
.infoBoxContents {
  /*background: #D8FFD7;*/
text-align:left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/*This is the INFOBOX Notice Style, a pale salmon color*/
.infoBoxNotice {
  background: #FF8E90;
}

/*This is the INFOBOX Notice Contents Style, a very pale salmon color*/
.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}



/*This is a GENERAL ROW Style for every other line of noted pages, a palest gray color*/
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

/*This is a GENERAL ROW Style for every other line of noted pages, the same palest gray color but allows you to alternate 2 colors if you wish*/
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

/*This is a GENERAL TABLE Style for product listing pages, a deeper gray color*/
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

/*This is the GRAY BAR Style for product listing pages, same deeper gray color as previous item*/
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

/*This is the FONT Style for product listing pages*/
TD.productListing-data {
padding:10px 5px;
font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight:bold;
}


/*This is the HYPERLINK Style for Results pages*/
A.pageResults {
  color: #0000FF;
}

/*This is the HYPERLINK Style for Results pages when the mouse is hovering over it*/
A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

/*This is the MAIN TEXT Style, a deeper gray*/
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
  padding:5px 0px 5px 0px;
  vertical-align:top;
}

/*This is a Row Sub-bar Style, a very pale gray*/
TR.subBar {
  background: #f4f7fd;
}

/*This is a Cell Sub-bar Style, black default text*/
TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

/*This is a Cell and Paragraph Main Style*/
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  vertical-align:top;
}

/*This is a Cell, Span, and Paragraph Font Style*/
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*This is a Cell Font Style in larger size with medium dusty blue font*/
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

/*This is a Cell Font Style in a bold larger size*/
TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a Cell Font Style in a bold larger size*/
TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/*This is a Table Heading Style in a bold larger size*/
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a Span Font Style used for New Items in Cart in a BRIGHT RED FONT*/
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

/*This is a FORM STYLE used for checkboxes, input text, radio buttons, and drop-down boxes*/
CHECKBOX, INPUT, RADIO, SELECT {
  	padding:3px 2px; 
	border:1px solid #66CC99;
	font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}
input[type="image"], input[type="checkbox"], input[type="radio"] {
	padding:3px 2px; 
	border:none;

}

/*This is a FORM STYLE used for text boxes where visitor enters free-form text*/
TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/*This is a TEXT STYLE used for the "Greetings, Username! in a funny orange-salmon color*/
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

/*This is a FORM BACKGROUND AND BORDER STYLE with a very pale dusty blue background and deep dusty blue border*/
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

/*This is a FORM TEXT STYLE with slightly larger bold text*/
TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a SPAN PRODUCTS PAGE STYLE with a pale burgundy color font*/
SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

/*This is a SPAN PRODUCT SPECIAL FONT STYLE in a bright red color*/
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

/*This is a SPAN ERROR TEXT STYLE in a bright red color*/
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
/* BOF price-break-1.11.3 */
TD.productPriceInListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #eeeeee;
}
/* EOF price-break-1.11.3 */
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }