/*
  $Id: stylesheet.css,v 1.52 2003/02/13 13:54:41 project3000 Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
 

/*==========================================================*/
/*================ GRUNDSTRUKTUR + FRAMES ====================*/
/*==========================================================*/

html {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
body {
  margin: 0px; /* margin and padding only necessary to cater for Mac IE5 */
  height: 100%;
  padding:0px 0px 0px 0px;
  /*\*/  overflow: hidden; /* because Mac IE5 don't understand */
  background-color: #789959;
}
div {
  margin: 0px;
  padding: 0px;
}
#content {
  /*\*/
  position: absolute;
  top: 59px;
  right: 0px;
  bottom: 0px;
  left: 120px;
  /* Exclude all previous props for Mac IE5 */
  margin: 59px 0px 0px 120px; /* Cater for Mac IE5 */
  /*\*/ margin: 0px; /* Put back for all the rest */
  /*\*/ overflow: auto; /* no need for Mac IE5 to see this */
  padding: 0px 0px 40px 20px;
}
#left-sidebar
  {
  position: fixed;
  top: 59px;
  bottom: 0px;
  left: 0px;
  width: 120px;
  height: 100%;
  overflow: hidden;
  background-color: #3E5825;
}
#header {
  position: fixed;
  top: 0px;
  /*\*/right: 0px;
  left: 0px;   /* Exclude right and left props for Mac IE5 */
  margin: 0px 0px 0px 0px;
  /*\*/ margin: 0; /* */
  height: 59px;
  background-color: black;
}

<!--[if IE]>
/* let the IE expressions commence */
#left-sidebar {
  height: expression(document.body.clientHeight + "px");
}
#content {
  height: expression(document.body.clientHeight - 59 + "px");
  width: expression(document.body.clientWidth - 120 + "px");
}
#header {
  width: expression(document.body.clientWidth + "px");
}
<![endif]-->

div.padding {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}
/*==========================================================*/
/*============POP-UP Hilfe Fenster==========================*/
/*==========================================================*/


BODY.info-popup {
  margin:0px;
  height: 100%;
  padding:0px 0px 0px 0px;
  background: #789959;
  color: #000000;
  border-width: 0px;
}

/*==========================================================*/
/*========================Warnings==========================*/
/*==========================================================*/

.boxText { font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 11px; }
.errorBox { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 11px; color: #000000; text-decoration: underline; }


/*==========================================================*/
/*========================TEXTFORMATE=======================*/
/*==========================================================*/

FONT {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #000000;
}

A { 
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #3E5825;
  text-decoration: underline;
}
td.intro A {
  color: #ffffff;
}

TD {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  }

/*kurze Produktliste*/
TD.list {
  padding-top: 1px;
  padding-bottom: 4px;
}
A.list { 
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: red;
}

A.navigation, font.navigation {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
}

.creators_icon {
  width: 76px;
  height: 76px;
  border-right: 100px;
  vertical-align: left;
}

TR.linklist_blank {
  height: 35px;
}
TR.linklist_1 {
  height: 35px;
  background-image: url(images/links/links_1.gif);
}
TR.linklist_2 {
  height: 35px;
  background-image: url(images/links/links_2.gif);
}
TR.linklist_3 {
  height: 35px;
  background-image: url(images/links/links_3.gif);
}
TR.linklist_4 {
  height: 35px;
  background-image: url(images/links/links_4.gif);
}
A.linklist {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
}

.uppercase {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}
/*==========================================================*/
/*========================FORMULARE=========================*/
/*==========================================================*/

FORM {
  display: inline;
}

TR.header {
  background: #ffffff;
}

TD.headerNavigation {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  /*background: #ff9900;*/
  text-transform: uppercase;
}

A.headerNavigation {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #789959;
}

TD.footer {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  background: #789959;
  color: #ffffff;
  font-weight: bold;
}


td.bio_illu {
  background-color: #ECEDD1;
  vertical-align: top;
  text-align: right;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #FFFFFF;
  padding-left: 5px;
  padding-right: 5px;
  background: #3E5825;
  vertical-align: middle;
  height: 19px;
}
TD.pageSubHeading, DIV.pageHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 5px;
  background: #B9BA90;
  vertical-align: middle;
  height: 19px;
}
TD.pageFooting, DIV.pageFooting {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #FFFFFF;
  padding-left: 5px;
  padding-right: 5px;
  background: #3E5825;
  vertical-align: middle;
  text-align: right;
  height: 30px;
}

tr.dots_triple {
  background-image: url(images/dots/dots_triple.gif);
  background-repeat: repeat-x;
  height: 5px;
}

tr.dots_double {
  background-image: url(images/dots/dots_double.gif);
  background-repeat: repeat-x;
  height: 3px;
}

tr.dots_double_black {
  background-image: url(images/dots/dots_double_black.gif);
  background-repeat: repeat-x;
  height: 3px;
}

tr.green_line {
  background-color: #3E5825;
  height: 1px;
}

/*==========================================================*/
/*========================Boxen=======================*/
/*==========================================================*/

.introBox {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background-color: #3E5825;
  color: #FFFFFF;
  padding: 5px;
  width: 100%;
}

.infoBox {
  background: #000000;
}

.infoBoxContents {
  background: #ECEDD1;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}

td.boxes_column_right {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 20px;
}

TD.infoBoxHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  background: #fed89e;
  color: #000000;
  text-transform: uppercase;
}

TD.infoBoxLeftHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: green;
  color: #fed89e;
}

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

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: #ECEDD1;
}
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: #B9BA90;
}


TR.shippingOptions-odd, TR.shippingOptions-even {
  padding-left: 5px;
}
TR.productListing-heading {
  background:: #ff9900;
}

TD.productListing-heading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  background: #3E5825;
  color: #ffffff;
  font-weight: bold;
  font-variant: small-caps;
}

TD.productListing-data {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}



A.pageResults {
  color: #fed89e; 
}



TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main, div.main, td.intro {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #000000;
  background: #ECEDD1;
  vertical-align: top;
  padding:10px 20px 20px 20px;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
}

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

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

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

TD.tableHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 5px;
  background: #B9BA90;
  vertical-align: middle;
  height: 19px;}

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

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}

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

SPAN.greetUser {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TD.formAreaTitle {
  background: #B9BA90;
  padding-left: 5px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
TABLE.formArea {
  background: #ECEDD1;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

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

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

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

.moduleRow { }
.moduleRowOver { background-color: #B9BA90; cursor: hand; }
.moduleRowSelected { background-color: #B9BA90; }

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


/*
------------Boxes Section for css-------------
Format each info box according to you liking
*/

/************Boxen links START*******************/

.InformationBox {
  background: #000000;
}
TD.InformationBoxHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  background: #fed89e;
  color: #000000;
  text-transform: uppercase;
}
.InformationBoxContents {
  background: #ffffff;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


.SearchBox {
  background: #000000;
}
TD.SearchBoxHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  background: #fed89e;
  color: #000000;
  text-transform: uppercase;
}
.SearchBoxContents {
  background: #ffffff;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


.CatagoriesBox {
  background: #000000;
}
TD.CatagoriesBoxHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  background: #fed89e;
  color: #000000;
  text-transform: uppercase;
}
.CatagoriesBoxContents {
  background: #ffffff;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}

.contentBox {
  background: #ECEDD1;
}
TD.contentBoxHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  background: #3E5825;
  color: #ffffff;
  text-transform: uppercase;
  height: 19px;
}
.contentBoxContents {
  background: #ECEDD1;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


/************Boxen rechts START*******************/

.BestSellersBox {
  background: #FFFFFF;
}
TD.BestSellersBoxHeading {
  vertical-align: middle;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: #ffffff;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.BestSellersBoxContents {
  background: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}

.CreatorsBox {
  background: #FFFFFF;
}
TD.CreatorsBoxHeading {
  vertical-align: middle;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: #ffffff;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.CreatorsBoxContents {
  background: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}

.CurrenciesBox {
  background: #789959;
}
TD.CurrenciesBoxHeading {
  vertical-align: middle;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: #ffffff;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.CurrenciesBoxContents {
  background: #fed89e;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}

.LanguagesBox {
  background: #789959;
}
TD.LanguagesBoxHeading {
  vertical-align: middle;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: #ffffff;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.LanguagesBoxContents {
  background: #fed89e;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


.WhatsNewBox {
  background: #FFFFFF;
}
TD.WhatsNewBoxHeading {
  vertical-align: middle;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: #ffffff;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.WhatsNewBoxContents {
  background: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


.PreorderBox {
  background: #FFFFFF;
}
TD.PreorderBoxHeading {
  vertical-align: middle;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: #ffffff;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.PreorderBoxContents {
  background: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


.OrderHistoryBox {
  background: #FFFFFF;
}
TD.OrderHistoryBoxHeading {
  vertical-align: middle;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: #ffffff;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.OrderHistoryBoxContents {
  background: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


.ProductNotificationsBox {
  background: #789959;
}
TD.ProductNotificationsBoxHeading {
  vertical-align: middle;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: #ffffff;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.ProductNotificationsBoxContents {
  background: #ffffff;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


.ReviewsBox {
  background: #789959;
}
TD.ReviewsBoxHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  background: #789959;
  color: #ffffff;
  text-transform: uppercase;
}
.ReviewsBoxContents {
  background: #ffffff;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


.ShoppingCartBox {
  background: #FFFFFF;
}
TD.ShoppingCartBoxHeading {
  vertical-align: middle;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: #ffffff;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.ShoppingCartBoxContents {
  background: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


.SpecialsBox {
  background: #789959;
}
TD.SpecialsBoxHeading {
  vertical-align: middle;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: #ffffff;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.SpecialsBoxContents {
  background: #ffffff;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


.TellaFriendBox {
  background: #789959;
}
TD.TellaFriendBoxHeading {
  vertical-align: middle;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: #ffffff;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.TellaFriendBoxContents {
  background: #fed89e;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}

.ManufacturerInfoBox {
  background: ##fed89e;
}
TD.ManufacturerInfoBoxHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  background: #ff9900;
  color: #ffffff;
  text-transform: uppercase;
}
.ManufacturerInfoBoxContents {
  background: #fed89e;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}


.ManufacturersBox {
  background: #789959;
}
TD.ManufacturersBoxHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  background: #789959;
  color: #ffffff;
  text-transform: uppercase;
}
.ManufacturersBoxContents {
  background: #fed89e;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}



/*==========================================================*/
/*=======================REPRODUKT==========================*/
/*==========================================================*/

/* ================================================= */
/* images in table cells */
.tdi img, .tdi a { 
  display: block; 
  margin: 0; 
  border: 0; 
  padding: 0; 
}

/* ================================================= */
/* headlines */
h1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #3E5825;
  text-transform: uppercase;
  padding: 20, 0, 0, 0; 
}

/* ================================================= */
/* general styles */
.content {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #fed89e;
}

.navi {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #fed89e;
}

.naviaktiv {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #f90;
}

.headline {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #f90;
}

/* ================================================= */
/* kuenstler and comic styles */
.artistname {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #f90;
}

.beireprodukt {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

/* ================================================= */
/* katalog styles */
.kartist {
  font-family: Arial, Helvetica, Verdana, sans-serif;
 
  font-size: 20px;
  font-weight: bold;
  color: #900; 
  text-transform: uppercase;
}

.kcomic { 
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #fed89e;
  text-transform: uppercase;
}

.kconfirm {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #F90;
}

.ktable {
	background-image: url(/katalog/img/menubg.gif);
}

.kwarn { 
  color: #f90;
}


/* ================================================= */
/* link cell backgrounds */
.links_1 {
	background-image: url(images/links/links_1.gif);
	font-color: #FFFFFF;
}
.links_2 {
	background-image: url(images/links/links_2.gif);
}
.links_3 {
	background-image: url(images/links/links_3.gif);
}
.links_4 {
	background-image: url(images/links/links_4.gif);
}