/*  $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
*/
@media print {
 .headerNavigation { display: none; }
 .leftNavigation { display: none; }
 .rightNavigation { display: none; }
 table.footer { display: none; }
 pageHeading { display: inline-block; }
 input { display: none; }
 .infoBoxContents { border: 1px white; }
 .ContentBox { border: 1px white; }
 .ContentBoxRight { border: 1px white; }

 .titlePrint { display: inline-block; }
 .titleScreen { display: none; }
 .mainScreen { display: none; }
}

@media screen, handheld {
 .titlePrint { display: none; }
 .titleScreen { display: inline-block; }
 .mainScreen {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	}
}

.hidden { display: none; }

.boxText {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

.errorBox {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #ffb3b5;
	font-weight: bold;
}

.stockWarning {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #cc0033;
}

.productsNotifications { background: #f2fff7; }

.orderEdit {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: navy;
	text-decoration: none;
}

.browserButton {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

INPUT.cssButton {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #f0e7b6;
	color: #000000;
	height: 19px;
	vertical-align: text-top;
	cursor: pointer;
	border: 1px;
	border-style: solid;
	border-color: gray;
	border-spacing: 1px;
	line-height: 14px;
	padding-bottom: 3px;
}

INPUT.cssButton:hover {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #E1B01A;
	color: #000000;
	height: 19px;
	vertical-align: text-top;
	cursor: pointer;
	border: 1px;
	border-style: solid;
	border-color: #000000;
	border-spacing: 1px;
	line-height: 14px;
	padding-bottom: 3px;
}

a.cssButton, div.cssButton {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #f0e7b6;
	color: #000000;
	height: 16px;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: 1px;
	border-style: solid;
	border-color: gray;
	border-spacing: 1px;
	line-height: 16px;
	padding-bottom: 1px;
}

a.cssButton:Hover {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #f0e7b6;
	color: #000000;
	height: 16px;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: 1px;
	border-style: solid;
	border-color: gray;
	border-spacing: 1px;
	line-height: 16px;
	padding-bottom: 1px;
}

div.cssButton:Hover {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #E1B01A;
	color: #000000;
	height: 16px;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: 1px;
	border-style: solid;
	border-color: #000000;
	border-spacing: 1px;
	line-height: 16px;
	padding-bottom: 1px;
}

/*
.browserButtonSearch { 
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	font-size: 11px; 
	background: silver url('./includes/languages/german/images/buttons/button_quick_find.gif') 2px 1px no-repeat; 
   margin-bottom: 1px ! important;
   padding: 1px 1px 1px 15px;
   text-transform: none;
}
*/

BODY {
	background: #dddddd;
	/*
	background-image: url('./images/body_bg.jpg');
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#000000', endColorStr='#ffffff', gradientType='0');
	*/
	margin: 0px;
	border: 0px;
	text-align:-moz-center;
	#text-align:center; /* FF */
} 

A { 
	color: Navy;
	/* color: #077DBB; */
	text-decoration: none;
}

A:hover {
	color: Maroon;
	/* text-decoration: underline; */
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

A.hover {
	color: Maroon;
	/* pseudo class for "A" without href */
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

A:active {  }

A.link {
	background: url('./images/icons/link.gif') center left no-repeat;
	padding-left: 15px;
	text-decoration: none;
}

A:hover.link {
	background: url('./images/icons/link-mo.gif') center left no-repeat;
	padding-left: 15px;
	border-bottom: 1px dotted maroon;
}

A.pics:hover { border-bottom: 0px; }

.pics { border-bottom: 0px; }

FORM { display: inline; }

TABLE.header {
	background-color: #E1B01A;
	width: 1000px; /* 980 */
	margin-left:auto; 
	margin-right:auto;
}

TR.header {
	/*
  background-color: #EEEEEE;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='silver', endColorStr='white', gradientType='1');
  */
}

TD.header {
	/*  
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='silver', endColorStr='maroon', gradientType='1');
  */
}

TABLE.headerNavigation {
	background-color: #077DBB;
	border-top: 1px ridge black;
	border-bottom: 1px ridge black;
	width: 1000px;  /* 980 */
	margin-left:auto; 
	margin-right:auto;
}

TR.headerNavigation { 
	background: #077DBB;
}

TD.headerNavigationLeft {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E1B01A;
}

A.headerNavigationLeft { 
	color: white; 
	text-decoration: none;
	/*
	padding-left: 1px; 
	padding-right: 1px; 
	*/
}

A.headerNavigationLeft:hover {
	color: #E1B01A;
	/*
	padding-left: 0px;
	padding-right: 0px;
	border-left: 1px solid #E1B01A;
	border-right: 1px solid #E1B01A;
	border-bottom: 1px solid #077DBB;
	*/
}

TD.headerNavigationRight {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #E1B01A;
	/* vertical-align: bottom; */
}

A.headerNavigationRight { 
	color: navy; 
	text-decoration: none;
	/*
	padding-left: 1px; 
	padding-right: 1px; 
	border-left: 0px;
	border-right: 0px;
	*/
}

A.headerNavigationRight:hover {
	color: #E1B01A;
	/*
	padding-left: 0px;
	padding-right: 0px;
	border-left: 1px solid #E1B01A;
	border-right: 1px solid #E1B01A;
	border-bottom: 1px dotted #E1B01A;
	*/
}

TABLE.main {
   background: white;
	width: 1000px;  /* 980 */
	border-left: 1px solid black;
	border-right: 1px solid black;
}

TABLE.right {
   background: white;
	border: 0px;
	margin-left:10px; 
	margin-right:0px;
	margin-bottom: 5px;
	width: 625px;
}

TABLE.footer {
	width: 1000px; /* 980 */
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

A.headerCategories { 
	color: white; 
	text-decoration: none;
}

A.headerCategories:hover { color: #E1B01A; }

TR.headerError { background: Gray; }

TD.headerError {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background: Gray;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

TR.headerInfo { background: Silver; }

TD.headerInfo {
	font-family: Tahoma, Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background: Silver;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

TR.footer { background: #bbc3d3; }

TD.footer {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #E1B01A;
	color: White;
	font-weight: normal;
}

.ContentBox {
	/* background: #f8f8f9;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#999999', endColorStr='#f8f8f9', gradientType='1');
	border: 1px groove #999999; */
	border-top: 1px solid #E1B01A;
	border-right: 1px solid #E1B01A;
	border-bottom: 1px solid #E1B01A;
	border-left: 1px solid #FFFFFF;
}

.ContentBoxRight {
	background: #ededef;
	/*
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#999999', endColorStr='#f8f8f9', gradientType='1');
	border: 1px groove #999999; */
	border-top: 1px solid #E1B01A;
	border-right: 1px solid #E1B01A;
	border-bottom: 1px solid #E1B01A;
	border-left: 1px solid #FFFFFF;
}

.ContentBoxTrans {
	background: transparent;
	/* border: 1px groove #FFFFFF; */
}

TABLE.infoBoxHeading {
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	background: #000000;
}

TR.infoBoxHeading {
}

TD.infoBoxHeading {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: white;
	height: 28px;
}

TABLE.infoBox {
	background: #f8f8f9;
	/* border-top: 1px solid #000000; */
	border-right: 1px solid #E1B01A;
	border-bottom: 1px solid #E1B01A;
}

.infoBoxContents { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

TABLE.infoBoxContents { 
	background: #f8f8f9; 
}

TR.infoBoxContents { }

TD.infoBoxContents { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

TABLE.infoBoxHeadingDictionary {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid silver;
	background: silver;
}

TR.infoBoxHeadingDictionary { }

TD.infoBoxHeadingDictionary {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

TABLE.infoBoxDictionary {
	background: silver;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: #f8f8f9;
}

TR.infoBoxContentsDictionary { }

TD.infoBoxContentsDictionary {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

TABLE.infoBoxHeadingService {
	border-right: 1px solid #E1B01A;
	border-top: 1px solid #E1B01A;
}

TR.infoBoxHeadingService { }

TD.infoBoxHeadingService {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: #E1B01A;	
	color: #FFFFFF;
}

TABLE.infoBoxService {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: #E1B01A;	
}

TR.infoBoxContentsService { }

TD.infoBoxContentsService {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

TABLE.infoBoxHeadingActive {
	border-left: 1px solid maroon;
	border-right: 1px solid maroon;
	border-top: 1px solid maroon;
	border-bottom: 1px solid #E2B01B;
	background: #E2B01B;
   /* filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E2B01B', endColorStr='#D4B98D', gradientType='1'); */
}

TR.infoBoxHeadingActive {
}

TD.infoBoxHeadingActive {
	color: white;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

TABLE.infoBoxActive {
	border-left: 1px solid maroon;
	border-right: 1px solid maroon;
	border-bottom: 1px solid maroon;
	padding-bottom: 1px;
	background: #FFE6E6;
}

TR.infoBoxActive { }

TD.infoBoxActive {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

TABLE.infoBoxContentsActive { }

TR.infoBoxContentsActive { 
	/* background: #FFE6E6;  */
}

TD.infoBoxContentsActive, SPAN.infoBoxContentsActive {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

TD.infoBox, SPAN.infoBox {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

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

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

TABLE.productListing {
	border-top: 1px solid #E1B01A;
	border-right:  1px solid #E1B01A;
	border-bottom:  1px solid #E1B01A;
	/*
	border-spacing: 1px;
	padding: 1px;
	*/
}

.productListing-heading {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background: #E1B01A; /* #077DBB; */
	border: 0px;
	/* filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#800000', endColorStr='#CCCCCC', gradientType='0'); */
}

.productListing-heading-link {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

.productListing-heading-link:hover {
	color: black;
}

TR.productListing-odd { 
	border-bottom: 1px solid #E1B01A; 
}

TR.productListing-even {
	border-bottom: 1px solid #E1B01A; 
}

.productListing-data {
	/* border-bottom: 1px solid #E1B01A; */
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

.productListing-data-line {
	border-bottom: 1px solid #E1B01A;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

A.pageResults {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: gray;
	font-weight: bold;
}

A.pageResults:hover { color: #CE0000; text-decoration: underline; }

TD.pageHeading, DIV.pageHeading {
	background: black;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: white;
	padding: 6px;
	height: 28px;
}

SPAN.pageHeadingLink {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #E1B01A;
}

SPAN.pageHeadingActive {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: white;
}

SPAN.pageHeadingInactive {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: silver;
}

TR.subBar { background: #f4f7fd; }

TD.subBar {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

TD.main, P.main {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
   background: white; 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

TD.smallTextInactive, SPAN.smallTextInactive, P.smallTextInactive {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Silver;
}

TD.accountCategory {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #aabbdd;
}

TD.fieldKey {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

TD.fieldValue {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

TD.tableHeading {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

SPAN.tableHeading {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

SPAN.newItemInCart {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ff0000;
}

CHECKBOX, RADIO, SELECT {
	/*background-color: transparent;*/
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

INPUT.text, TEXTAREA.text {
	border: 1px solid #808080;
	/* background-color: #EEEEEE; */
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
}

INPUT.focus, TEXTAREA.focus {
	border: 1px solid #555555;
	background-color: #EEEEEE;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
}

INPUT.alert, TEXTAREA.alert {
	border: 1px solid #555555;
	background-color: silver;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
}

INPUT.button {
	background: url('./images/pfeil_rot.gif') no-repeat 4px;
	padding-left: 14px;
	background-color: #dddddd;
	text-align: left;
}

INPUT.image { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	border: 0px; 
	}

SELECT.smallText {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

OPTGROUP {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: maroon;
}

OPTION { color: #000000; }

OPTION.category {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background: maroon;
	color: #ffffff;
}

TEXTAREA {
	width: 100%;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

/*
table {
	border: 0px;
	width: 100%;
	padding: 0px;
	border-collapse:collapse;
	border-spacing:0;
	margin: 0;
}
*/
SPAN.greetUser {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #f0a480;
	font-weight: bold;
}

TABLE.formArea {
	background: #f1f9fe;
	border-color: #7b9ebd;
	border-style: solid;
	border-width: 1px;
}

TD.formAreaTitle {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

SPAN.markProductOutOfStock {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #c76170;
	font-weight: bold;
}

SPAN.productSpecialPrice {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #ff0000;
}

SPAN.errorText {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #ff0000;
}

SPAN.productReview { }

SPAN.productPrice { 
	font-weight: normal;
}

SPAN.productPriceInfo { 
	color: gray;
}

.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }

.moduleRowSelected { background-color: #E9F4FC; }

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

.checkoutBarCurrent {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* message box */
.messageBox {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

.messageStackError, .messageStackWarning {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: red;
	font-weight: bold;
/*	background-color: #CCCCCC; */
}

.messageStackSuccess {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: maroon;
}

/* input requirement */
.inputRequirement {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: Red;
}

/* ToolTip */
.ToolTip { color: Navy; text-decoration: none; }

.ToolTipHover {
	color: #7F0080;
	text-decoration: underline;
	cursor: default;
}

.ToolTipBox {
	position: absolute;
	display: none;
	z-index: 99;
	background-color: #E4E4E4;
}

/* PicView */
 DIV.productimage {
	position: absolute; 
	display: none;	
	background: #ffffff;
	padding: 0px; 
	z-index: 100;
	/*
	border: 1px solid #333; 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	*/
 }
 
 #LoadMessage {
	position:absolute;
	display: none;	
	background:#444444;
	left:0px;
	top:0px;
	z-index:5;
	width:100%;
	height:100%;
	text-align:center;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}


.treffer {
	border: none;
}

#LoadMessage {
	position:absolute;
	display: none;	
	background:#444444;
	left:0px;
	top:0px;
	z-index:5;
	width:100%;
	height:100%;
	text-align:center;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}

#livesearchframe {
	position: relative;
	left: -140px;
}

#livesearch {
	display:none;
	position: absolute;
	z-index:3000; 
	overflow:hidden; 
	text-align:center;
}

#livesearchresult {
	background-color: #eeeeee;
	padding-left:5px;
	padding-right:5px;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
	border-bottom: 1px solid Gray;
	margin:auto;
	text-align:right;
}

#lsr {
	font-weight: normal;
	font-size: 11px;
}


