/*
  $Id: stylesheet.css,v 1.4 2006-04-20 11:51:52 hotzenplotz Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

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

body{
  background-color:white;
  background-image:url(images/bg.jpg);
  background-repeat:repeat-y;
  background-position:center top;
  color:#4A525C;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  text-align:center;
}

body,td,p,span,div
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height: 1.5;
}

img
{
  line-height:0px;
  margin:0px 0px 0px 0px;
  border-style:none;
}

table
{
  border-style:none;
}

/* === Basics === */

/* Ausrichtung: */
.top    { margin-top:0px;margin-bottom:auto;vertical-align:top; }
.middle { margin-top:auto;margin-bottom:auto;vertical-align:middle; }
.bottom { margin-top:auto;margin-bottom:0px;vertical-align:bottom; }
.left   { margin-left:0px;margin-right:auto;text-align:left; }
.center { margin-left:auto;margin-right:auto;text-align:center; }
.right  { margin-left:auto;margin-right:0px;text-align:right; }

/* Padding: */
.nopadding { padding:0px 0px 0px 0px; }
.padLeft { padding:2px 2px 2px 10px; }
.padRight { padding:2px 10px 2px 2px; }
.pad { padding:2px 10px 2px 10px; }
.padAll { padding:7px 10px 10px 10px; }
.padTop { padding:10px 0px 0px 0px; }
.padVert { padding:10px 0px; }
.padOnlyLeft { padding:0px 0px 0px 10px; }

/* Tabellenzellen und Tabellen ausrichten: */
td
{
  vertical-align:top;
  text-align:left;
}
.center
{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.right {
  margin-left:auto;
  margin-right:0px;
  text-align:right;
}
.middle
{
  vertical-align:middle;
}
.bottom
{
  margin-top:auto;
  margin-bottom:0px;
  vertical-align:bottom;
}
.nowrap
{
  white-space:nowrap;
}
.fill
{
  width:100%;
}

.ucase { text-transform:uppercase; }
.lcase { text-transform:lowercase; }
.caps { font-variant:small-caps; }

/* Die einzige Zelle einer großen Tabelle, die nur dafür sorgt,
  dass die Seite zentriert wird */
.big_body_cell {
  background: #ffffff;
  text-align:center;
  vertical-align:top;
}

/* Tabellen für Kopf und Footer */
.big_body_head_and_footer {
  background-color:#AAC6D2;
  height:23px;
  width:100%;
  color:#ffffff;
}
/* Tabellenzelle f. den Hauptcontent: */
.ds_td_main {
  padding-left:8px;
  padding-right:2px;
}
/* Zelle in der Mitte zwischen den Ecken des dunklen Boxbalkens: */
.ds_box_topbar {
  width:100%;
  background-color:#92b8c9;
}
/* Sectionueberschrifts Box: */
.ds_box_section {
  font-family: Arial, Helvetica, sans-serif;
  font-variant:small-caps;
  font-size:12px;
  padding-left:12px;
  background-color:#e5edf1;
  vertical-align:middle;
  text-align:left;
  font-weight:bold;
  height:24px;
  color:#5c7681;
}
/* Ueberschriften innerhalb v. ds_box_section an anderen Stellen
als im Menue. z.B. auf der Startseite in der Kategorieuebersicht: */
.ds_section_heading_content {
  color:#334d64;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-variant:small-caps;
  font-size:12px;
  font-weight:bold;
}

/* Tabellenzellen im Haupt-Contentbereich, die links und rechts eingerückt sind. */
.ds_main_schmaler {
  padding-left:15px;
  padding-right:15px;
  vertical-align:top;
}

/* */
.ds_sonderangebot_heading {
  font-family: Arial, Helvetica, sans-serif;
  color:#3082a8;
  font-weight:bold;
  font-size:14px;
}


/* Die Zelle im Footer, in der der Text erscheint */
.ds_footer {
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  vertical-align:middle;
  color:#ffffff;
  font-size:11px;
}
/* Link im Footer */
a.ds_footer {
  text-align:center;
  color:#ffffff;
  font-size:11px;
}
a.ds_footer:hover {
  text-align:center;
  color:#000000;
  font-size:11px;
}

a.ds_orange {
  color:#FE6A08;
  text-decoration:none;
  cursor:pointer;
}
a.ds_orange:hover {
  color:#FE6A08;
  text-decoration:underline;
}

.ds_orange {
  color:#FE6A08;
}


/* Zelle, die die 'weiter' Buttons unter einer Seite enthält.*/
.ds_page_button_bar {
  width:100%;
  background-color:#e5edf1;
}

A {
  color: #4a4b4b;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

form {
	display: inline;
}

tr.header {
  background: #ffffff;
}

tr.headererror {
  background: #ffd9bf;
}

td.headererror {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ffd9bf;
  color: #334d64;
  font-weight : bold;
  text-align : center;
}

tr.headerinfo {
  background: #00ff00;
}

td.headerinfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #00ff00;
  color: #334D64;
  font-weight: bold;
  text-align: center;
}

tr.footer {
  background: #bbc3d3;
}

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

.infoBox {
  background: #b6b7cb;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

td.infoBoxHeading {

  font-family: Arial, Helvetica, sans-serif;
  font-variant:small-caps;
  font-size:14px;
  background-color:#e5edf1;
  vertical-align:middle;
  text-align:left;
  font-weight:bold;
  color:#5c7681;
}

td.infoBox, span.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
}

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

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

table.productListing {
  border-collapse:collapse;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #E5EDF1;
  color: #334D64;
  font-weight: bold;
  border:1px solid #b6b7cb;
}

td.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  color: #334D64;
  border:1px solid #b6b7cb;
}
td.productListing-data2 {
  font-family: Verdana, Arial, sans-serif;
  color: #334D64;
  background-color:#fafbfc;
  border-top:1px solid #b6b7cb;
  border-right:1px solid #b6b7cb;
  border-bottom:1px solid #b6b7cb;
}

a.pageResults {
  color: #0000FF;
}

a.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

td.pageHeading, div.pageHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-variant:small-caps;
  font-size: 12px;
  font-weight: bold;
  color: #334D64;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px;
  background-color:#E5EDF1;
}

tr.subBar {
  background: #E5EDF1;
}

td.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #334D64;
}


td.smallText, span.smallText, p.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

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

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

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

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

checkbox, input, radio, select {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

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

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

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

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

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


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

.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: #334D64;
}

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


/* Die nächsten beiden f. Nachrichtentexte in SR-Nachrichtenfeldern */
.messageError, .messageWarning {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#FF0000;
}
.messageInfo, .messageSuccess {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#009900;
}

/* input requirement */

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

.infoHeader {
  font-family: Verdana, Arial, sans-serif;
  font-variant:small-caps;
  font-size: 14px;
  color: #ff6600;
  font-weight : bold;
  }

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  vertical-align:middle;
  text-align:left;
  padding: 3px 10px 3px 10px;
  margin:0px 0px 0px 0px;
  background-color:#E5EDF1;
  color:#334D64;
  text-transform:uppercase;
}
h1.product {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  vertical-align:middle;
  text-align:left;
  padding: 3px 10px 3px 10px;
  margin:0px 0px 0px 0px;
  background-color:#FFDDC7;
  color:#334D64;
  text-transform:uppercase;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  vertical-align:middle;
  text-align:left;
  padding: 3px 10px 3px 10px;
  margin:0px 0px 0px 0px;
  background-color:#E5EDF1;
  color:#334D64;
  text-transform:uppercase;
}
h2.normal {
  text-transform:none;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  vertical-align:middle;
  text-align:left;
  padding: 3px 10px 3px 10px;
  margin:0px 0px 0px 0px;
  background-color:#E5EDF1;
  color:#334D64;
  font-variant:small-caps;
}
h4 /* Ganz normale Überschriften, z.B. im Popup */
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-variant:small-caps;
  font-size:16px;
}
h5 /* S. materialinfo */
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:13px;
  color:#334D64;
}

.aFooter
{
  font-size:11px;
  text-decoration:none;
  cursor:pointer;
  color:#333333;
}
.aFooter:hover
{
  font-size:11px;
  text-decoration:underline;
  cursor:pointer;
  color:#333333;
}

/* Engabefelder f. Produktoptionen: */
.optionInput {
  width:250px;
  background-color:#eff4f7;
  border:1px solid #9bb8be;
  margin-top:8px;
  margin-bottom:8px;
}

#divCategoriesDescription {
  position:absolute;
  top:-500px;
  left:-500px;
  width:0px;
  height:0px;
  display:none;
}

/* SR: Productpreis Special Online-Preis*/
.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight:bold;
  color: #ff6600;
}
.productSpecialPriceMwst {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}
/* SR: Productpreis Rabatt */
.productSurcharge {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight:bold;
  color:#999999;
}
.productSurchargeMwst {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color:#999999;
}

#productsDescription
{
  padding:10px 10px 10px 10px;
}

/* SR: Productpreis */
.productPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight:bold;
}



/* ============================================================ POPVOVER */



#divPopoverBg
{
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  z-index:90;
  vertical-align:top;
  text-align:center;
  background-color:#333355;
  width:100%;
  height:100%;
  overflow:hidden;
  opacity:0.5;
  filter: alpha(opacity=50);
}

#divPopFiftyPercent
{
  position:absolute;
  left:50%;
  z-index:95;
  display:none;
}


#divPopContent
{
  position:absolute;
  display:none;
  background-color:#FFFFFF;
  z-index:77;
  width:500px;
}

table.popContent { border-top:6px solid #92B8C9;border-bottom:6px solid #92B8C9; }
thead.popContent { background-color:#E6EFF7; }
tfoot.popContent { background-color:#E6EFF7; }
tbody.popContent { background-color:#ffffff; }
th.popContent
{
  text-align: right;
  padding: 4px 6px;
  cursor: pointer;
  font-weight:bold;
  font-size:10px;
  text-transform:uppercase;

}

#srPopLoadingBox /* Box um die loading.gif */
{
  padding:10px;
  background-color:#FFFFFF;
  border:1px solid #FFFFFF;
  z-index:92;
  position:absolute;
  top:-400px;
  left:-200px;
  text-align:center;
  -moz-opacity:0.65;
  opacity:0.65;
  filter: alpha(opacity=65);
}

#srPopLoadingMessage /* Text unter loading.gif */
{
  font-size:11px;
  color:#666666;
  margin-top:10px;
  white-space:nowrap;
}


/* Menübar */

#khorbar_stretcher {
  width:228px;
  height:40px;
  padding:0px 0px 0px 0px;
}

.khorbaritem	{
  float: left;
  width:100px;
/*  min-width:100px; */
  height:40px;
  white-space: nowrap;
  font-family: arial, helvetica, sans-serif;
/*   font-variant:small-caps; */
  font-size:11px;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  border-style: none;
}

.khorbaritem a	{
  color: #5C7681;
/*  width:116px; */
  display: block;
  text-align:center;
  vertical-align:bottom;
  padding-top:12px;
  padding-bottom:12px;
  font-size:11px;
  font-weight:bold;
  background:url(images/menuimages/ds-menu-bg-normal.png);
}

.khorbaritem a:link	{
  color: #5C7681;
  text-decoration: none;
  background:url(images/menuimages/ds-menu-bg-normal.png);
}

.khorbaritem a:visited	{
  color: #5C7681;
  text-decoration: none;
  background:url(images/menuimages/ds-menu-bg-normal.png);
}

.khorbaritem a:hover	{
  color: #5C7681;
  text-decoration: none;
  padding-top:16px;
  padding-bottom:8px;
  background:url(images/menuimages/ds-menu-bg-hover.png);
}

.khorbaritem a:active	{
  color: #5C7681;
  text-decoration: none;
  background:url(images/menuimages/ds-menu-bg-on.png);
}


/* Produktmenu */

div#pMenu
{
  padding:18px 0px 18px 0px;
  background-color:#fafbfc;
}

div.pmenuGroup
{
  padding:0px 0px 0px 0px;
  background-color:#fafbfc;
}
div.pmenuGroupContent
{
  padding:0px 0px 0px 12px;
  background-color:#fafbfc;
}

div.pmenuGroup h3
{
  background-image:url(images/bg-pmenu-header.gif);
  background-repeat:repeat-x;
  background-color:transparent;
  padding-left:1px;
  text-transform:none;
  font-variant:normal;
  font-weight:bold;
}
a.menuH3
{
  text-decoration:none;
  font-weight:bold;
  color:#334D64;
}
a.pmenuItem {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration:none;
  font-weight:bold;
  color:#334D64;
  cursor:pointer;
  display:block;
  padding:2px 0px 2px 0px;
  vertical-align:middle;
}
a.pmenuItem:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration:none;
  font-weight:bold;
  color:#334D64;
  display:block;
  padding:2px 0px 2px 0px;
  vertical-align:middle;
}
a.pmenuItem:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration:none;
  font-weight:bold;
  color:#334D64;
  display:block;
  padding:2px 0px 2px 0px;
  vertical-align:middle;
}
a.pmenuItemImage
{
  display:block;
  background-image:url(images/separator-horizontal.gif);
  background-repeat:repeat-x;
}

a.pmenuItem_selected {
  font-weight:bold;
  vertical-align:middle;
  background-color:#eaeaea;
  color:#5c7681;
}


/* Accordien */

.boxAccordion
{
}

.boxAccordionHeadOfContent
{
  background-image:url(images/bg-accordion.jpg);
  background-repeat:repeat-x;
}


.accordionItem {
  margin:0px 0px 2px 0px;
}
.accordionItem h3.accordionTitle
{
  margin:0px 0px;
  padding:4px 10px 0px 40px;
  height:22px;
  color:#ffffff;
  background-color:#92B8C9;
  background-image:url(images/accordion-pfeil.gif);
  background-repeat:no-repeat;
  vertical-align:middle;
  cursor:pointer;
  font-weight:bold;
  font-size:13px;
  font-variant:normal;
}
.accordionItem .accordionTitle.selected
{
  margin:0px 0px;
  padding:4px 10px 0px 40px;
  color:#ffffff;
  background-color:#FF6600;
  background-image:url(images/accordion-pfeil-selected.gif);
  background-repeat:no-repeat;
  cursor:pointer;
}
.accordionContent
{
  padding:15px 15px 15px 15px;
  background-image:url(images/bg-accordion-content.png);
  background-repeat:repeat-x;
}
.accordionContent h4
{
  margin:0px;
  padding:0px 0px 0px 0px;
  font-weight:normal;
  font-size:24px;
  font-family:Arial;
}