﻿/***********************************************************
  $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
  
  Re-Desing by Andre-poch.de
*************************************************************/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; padding-left: 10px; }
.boxLogin { font-family: Verdana, Arial, sans-serif; font-size: 10px; padding-left: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #008800; #CC0000; text-decoration: underline; }

.cartspace { padding-right: 10px; }

.bigrahmen { 
  background: #FFFFFF;
  padding: 5px;
  border-left: 1px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #D2D2CC;
}

.mainspace { padding: 1px; }
.rahmen { border: 1px solid #D2D2CC; }
.space { padding-left:5px; }

.siteNavigation {
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #FFFFFF;
  background: #EFEDDD;
}

/**************************************************************
  Geben Sie hier [BODY] den Pfad zu dem Hintergrundbild ein,
  welches Sie als Hintergrund der gesamten Seite zeigen wollen.
***************************************************************/

BODY {
  style="filter:alpha(opacity=50)" 
  background: transparent;
  background-image: url('./images/****.gif');
  background-repeat: no-repeat;
  color: #000000;787878;
  margin: 0px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
}

BODY {
  SCROLLBAR-DARKSHADOW-COLOR: #5E5E55; 
  SCROLLBAR-TRACK-COLOR: #D2D2CC; 
  SCROLLBAR-FACE-COLOR: #EFEDDD; 
  SCROLLBAR-SHADOW-COLOR: #E5E5EE; 
  SCROLLBAR-HIGHLIGHT-COLOR: #D2D2CC; 
  SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
  SCROLLBAR-ARROW-COLOR: #5E5E55;
  background: #FFFFFF;
  color: #000000;
  margin: 0px;
}

/****************************************************************************
  Geben Sie hier [.tableBackground] den Pfad zu dem Hintergrundbild ein,
  welches Sie als Hintergrund der gesamten Shops (Hauptabelle) zeigen wollen.
*****************************************************************************/

.tableBackground {  
    background: transparent; #EFEDDD;
    background-image: url('./images/infobox/thema/1/bg.jpg');
    background-repeat: no-repeat;
    valign: bottom;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: #ADAD99;
}

/****************************************************************************
  Geben Sie hier [.tableBackgroundLeft] den Pfad zu dem Hintergrundbild ein,
  welches Sie als Hintergrund der linken Spalte neben dem Shop zeigen wollen.
*****************************************************************************/

.tableBackgroundLeft {  
    background: transparent; #EFEDDD;
    background-image: url('./images/infobox/thema/1/bgleft.jpg');
    background-repeat: no-repeat;
    valign: bottom;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: #ADAD99;}

/**************************************************************************
  Geben Sie hier [.tableBackgroundTop] den Pfad zu dem Hintergrundbild ein,
  welches Sie als Hintergrund der Spalte oberhalb des Shops zeigen wollen.
***************************************************************************/


.tableBackgroundTop {  
    background: transparent; #EFEDDD;
    background-image: url('./images/infobox/thema/1/bgtop.gif');
    background-repeat: no-repeat;
    valign: bottom;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: #ADAD99;
}

A {
  color: #4174AD;#000000;
  text-decoration: none;
}

A:hover {
  color: #C40000; #CC0000;
  text-decoration: none;
}

FORM {
  display: inline;
}

TR.header {
  background: #FFFFFF;
}

TR.headerNavigation {
  background: transparent;
}

/************************************************************************************
  Geben Sie hier [TD.headerNavigation] den Pfad zu dem Hintergrundbild ein,
  welches Sie innerhalb HeaderNavigation (Navigationsleiste im Header) zeigen wollen.
*************************************************************************************/

TD.headerNavigation {
  padding-left: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-image: url('./images/***.jpg');
  background-repeat: no-repeat;
  background: transparent;
  color: #707070;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;    
  border-bottom: 0px;
  border-style: solid;
  border-color: #828275;
  font-weight : light;
}

A.headerNavigation {
  color: #707070;
}

A.headerNavigation:hover {
  color: #C40000; #CC0000;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #D7D6BE;
}

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

TR.footer {
  background: transparent; #D7D6BE;
}

/****************************************************************************
  Geben Sie hier [TD.footer] den Pfad zu dem Hintergrundbild ein,
  welches Sie innerhalb der Boxen Datumszeile / Seitenzugriffe zeigen wollen.
*****************************************************************************/

TD.footer {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  color: #707070;
  font-weight: bold;
  border: 1px solid #f7f7f7;
  background: transparent;
  background-image: url('./images/***.jpg');
  background-repeat: no-repeat;
  border: 1px solid #f7f7f7;
}

/***************************************************************
  Geben Sie hier [.infoBox] den Pfad zu dem Hintergrundbild ein,
  welches Sie innerhalb der Boxen zeigen wollen.
****************************************************************/

.infoBox {
  background: transparent;
  background-image: url('./images/***.***');
  background-repeat: no-repeat;
  border-left: 1px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #F78127;#828275;
}

.infoBoxContents {
  background: transparent;#EFEDDD;
  background-image: url('./images/infobox/thema/2/menue_mitte.***');
  background-repeat: no-repeat;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
}

.infoBox04Contents {
  background: transparent;#EFEDDD;
  background-image: url('./images/infobox/thema/2/menue_mitte.***');
  background-repeat: no-repeat;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
}

/************************************************************************
  Geben Sie hier [TD.infoBoxHeading] den Pfad zu dem Hintergrundbild ein,
  welches Sie innerhalb der Boxenüberschriften zeigen wollen.
*************************************************************************/

/*

TD.infoBoxHeading {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #f7f7f7;
  color: #000000;
  background-image: url('./images/infobox/thema/2/menue_oben.***');
  background-repeat: no-repeat;
  font-variant: small-caps;
}

*/

.infoBoxPlain {
  border-left: 1px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #ADAD99;
}

.infoBoxPage {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNew {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxLogin {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #D2D2CC;
}

.infoBoxNoticeContents {
  background: transparent;#EFEDDD;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #C40000; #CC0000;
  background: #EFEDDD;transparent;
  background-image: url(images/infobox/thema/4/corner_right_left.gif);
}

TD.infoBoxHeadingImg {
  background: #EFEDDD;
  background-image: url(images/infobox/thema/4/corner_right_left.gif);
  background-repeat: no-repeat;
}

TD.infoBoxHeadingImgR {
  background: #EFEDDD;
  background-image: url(images/infobox/thema/4/corner_right.gif);
  background-repeat: no-repeat;
}

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

TR.productsBorder {
  border: 1px;
  border-style: solid;
  border-color: #D2D2CC;
}  

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd, TR.productsData-odd {
  background: #E9E9EE;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even, TR.productsData-even {
  background: #FFFFFF;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #D2D2CC;
  border-spacing: 1px;
}

.productListing-heading {
  padding: 2px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: url('./images/infobox/thema/5/***.***');
#ADAD99;
  a_hover: #008800; #CC0000;
  color: #4174AD;#000000;
  font-weight: standart;
}

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

A.pageResults:hover {
  color: #FFFFFF;
  text-decoration: none; 
  background: #ADAD99;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #5E5E55;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 2px;
  padding-right: 0px; 
}

TD.pageHeadingImg {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #5E5E55;
  padding-top: 0px;
  padding-bottom: 38px;
  padding-left: 2px;
  padding-right: 0px; 
}

TD.pageHeadingIndex {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #5E5E55;
  padding-top: 12px;
  padding-bottom: 0px;
  padding-left: 2px;
  padding-right: 0px; 
}

TD.productHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-right: 5px;
  color: #5E5E55;
  background: #E9E9EE;
}

TR.subBar {
  background: #ffffff;
}

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

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

/**********************************
 customers greetings - Begruessung
***********************************/

TD.main_greetings {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  color: #808080;
  background: transparent;#EFEDDD;
  background-image: url('./images/***.***');
  background-repeat: no-repeat;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-style: solid;
  border-color: #828275;
}

TD.mainDrop {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.3;
  padding-top: 8px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;    
}

.rdata {
  border: 1px;
  border-style: solid;
  border-color: #828275;
}

TD.tdata {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.3;
}

TD.error {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FF0000;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none; 
}
TD.accountCategory {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  color: #aabbdd;
}

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

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

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

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

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  background: #FFFFFF;

}

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

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

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

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

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

SPAN.productSpecialPrice {
  font-family: Tahoma, Verdana, sans-serif;
  color: #ff0000;
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
.moduleRow { }
.moduleRowOver { background-color: #ffffb0; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #f2f2f2; }

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

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

/**************
 categories box
***************/

TABLE.categ {
  border: 0px;
  border-spacing: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: transparent;
  color: #000000;
  width: 0%;
  text-align: left;
}

TD.categ {
     vertical-align: middle;
	 horizontal-align: left;
}

DIV.categ_div {
  background-image: url(images/ka_hintergrund.gif);
  height: 23px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/**************
 TextMain Index
***************/

TD.intro_main {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 10px;
  color: #000033;
  font-weight: light;
  border: 1px solid #f7f7f7;
  background: transparent;
  background-image: url('./images/***.jpg');
  background-repeat: no-repeat;
}


/****************************************************************************
  Geben Sie hier [.columnLeftBackground] den Pfad zu dem Hintergrundbild ein,
  welches Sie als Hintergrund der column_left.php zeigen wollen.
*****************************************************************************/

.columnLeftBackground {  
  background: transparent; #EFEDDD;
  background-image: url('./images/infobox/thema/1/bg.***');
  background-repeat: no-repeat;  
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-style: solid;
  border-color: #ADAD99;
}

/*****************************************************************************
  Geben Sie hier [.rightcolumnBackground] den Pfad zu dem Hintergrundbild ein,
  welches Sie als Hintergrund der column_right.php zeigen wollen.
******************************************************************************/

.columnRightBackground {
  filter:alpha(opacity=100)  
  background: transparent; #EFEDDD;
  background-image: url('./images/infobox/thema/1/bg.***');
  background-repeat: no-repeat;  
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-style: solid;
  border-color: #ADAD99;
}


/*******************************************************************
  Geben Sie hier [.loginbox_bg] den Pfad zu dem Hintergrundbild ein,
  welches Sie als Hintergrund der Loginbox zeigen wollen.
********************************************************************/

.loginbox_bg {  
    background: transparent; #EFEDDD;
    background-image: url('./images/loginbox_bg.gif');
    background-repeat: no-repeat;
    valign: bottom;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: #ADAD99;
}

TR.footerNavigation {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  color: #707070;
  font-weight: bold;
  border: 1px solid #f7f7f7;
  background: transparent;
  background-image: url('./images/***.jpg');
  background-repeat: no-repeat;
  border: 1px solid #f7f7f7;
}

TD.footerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: transparent; #000000;
  color: #ffffff;
  font-weight : bold;
}

A.footerNavigation { 
  color: #707070; 
}

A.footerNavigation:hover {
  color: #C40000; #CC0000;
}

.infoBox2 {
  background: transparent;
  background-image: url('./images/***.***');
  background-repeat: no-repeat;
  border-left: 0px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-style: dotted;
  border-color: #828275;
}

/***************************************************
  New Class for right column infoBoxes // Beginn off
****************************************************/
.infoBox03 {
  background: transparent;
  background-image: url('./images/***.***');
  background-repeat: no-repeat;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-style: dotted;
  border-color: #828275;
}

TD.infoBox03Heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #C40000; #CC0000;
  background: #EFEDDD;transparent;
  background-image: url(images/infobox/thema/4/corner_right_left.gif);
}

TD.infoBox03HeadingImg {
  background: #EFEDDD;
  background-image: url(images/infobox/thema/4/corner_right_left.gif);
  background-repeat: no-repeat;
}

TD.infoBox03HeadingImgR {
  background: #EFEDDD;
  background-image: url(images/infobox/thema/4/corner_right.gif);
  background-repeat: no-repeat;
}

TD.infoBox03, SPAN.infoBox03 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBox03Contents {
  background: transparent;#EFEDDD;
  background-image: url('./images/infobox/thema/2/menue_mitte.***');
  background-repeat: no-repeat;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
}

/************************************************************************
  Geben Sie hier [TD.infoBoxHeading] den Pfad zu dem Hintergrundbild ein,
  welches Sie innerhalb der Boxenüberschriften zeigen wollen.
*************************************************************************/

/*

TD.infoBox03Heading {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #f7f7f7;
  color: #000000;
  background-image: url('./images/infobox/thema/2/menue_oben.***');
  background-repeat: no-repeat;
  font-variant: small-caps;
}

/************************************************
  New Class for right column infoBoxes // End off
*************************************************/


.infoBoxContentsCo2 {
  background: #F8F8F9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* Cool Href */
A.coolHref { 
  font-family:Verdana, Arial, sans-serif; 
  font-size:10px; 
  color:#000000; 
  background:#FFFFFF; 
  padding:2px; 
  display:block;
  width:90%;
  border:1px;
  border-style:inset;
  border-color:#b6b7cb;
}
A.coolHref:hover {
  font-family:Verdana, Arial, sans-serif; 
  font-size:10px; 
  font-weight:bold;
  color:#FFFFFF; 
  background:#bbc3d3; 
  padding:2px; 
  display:block;
  width:90%;
  border:1px;
  border-style:inset;
  border-color:#b6b7cb;
  text-decoration:none;
}
A.coolHref_sel { 
  font-family:Verdana, Arial, sans-serif; 
  font-size:10px; 
  color:#FFFFFF; 
  background:#bbc3d3; 
  padding:2px; 
  display:block;
  width:90%;
  border:1px;
  border-style:inset;
  border-color:#b6b7cb;
  text-decoration:none;
}
A.coolHref_sel:hover {
  font-family:Verdana, Arial, sans-serif; 
  font-size:10px; 
  color:#FFFFFF; 
  background:#bbc3d3; 
  padding:2px; 
  display:block;
  width:90%;
  border:1px;
  border-style:inset;
  border-color:#b6b7cb;
  text-decoration:none;
}

/* Cool Href end-off*/

/************************************************
  New Class for LatestNewsInfoBoxes // Beginn off
*************************************************/
.infoBox04 {
  background: transparent;
  background-image: url('./images/***.***');
  background-repeat: no-repeat;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-style: dotted;
  border-color: #828275;
}

TD.infoBox04Heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #4174AD; #000000; #C40000; #CC0000;
  background: #EFEDDD;transparent;
  background-image: url(images/infobox/thema/5/bgheader.gif);
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-style: dotted;
  border-color: #828275;
}

TD.infoBox04HeadingImg {
  background: #EFEDDD;
  background-image: url(images/infobox/thema/4/corner.***);
  background-repeat: no-repeat;
}

TD.infoBox04HeadingImgR {
  background: #EFEDDD;
  background-image: url(images/infobox/thema/4/corner_right.gif);
  background-repeat: no-repeat;
}

TD.infoBox04, SPAN.infoBox04 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBox04Contents {
  background: transparent;#EFEDDD;
  background-image: url('./images/infobox/thema/2/menue_mitte.***');
  background-repeat: no-repeat;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
}

/************************************************************************
  Geben Sie hier [TD.infoBoxHeading] den Pfad zu dem Hintergrundbild ein,
  welches Sie innerhalb der Boxenüberschriften zeigen wollen.
*************************************************************************/

/*

TD.infoBox04Heading {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #f7f7f7;
  color: #4174AD;#000000;
  background-image: url('./images/infobox/thema/2/menue_oben.***');
  background-repeat: no-repeat;
  font-variant: small-caps;
}
*/
/**********************************************
  New Class for LatestNewsInfoBoxes // end off
***********************************************/









/* original box layout divider
.boxrechts{
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F3F3F3;
	border-right-color: #D4D4D4;
	border-bottom-color: #D4D4D4;
	border-left-color: #F3F3F3;
	background-color: #F7F7F7;
	margin: 1px;
	padding: 1px;
}
*/

/******************
categories_navi CSS
*******************/

TD.subnavicontent { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 12px;
  font-weight:bold;
  background: #FCE178; 
  color: #000000; 
  padding:5px;
  border-bottom:1px solid #FFFFFF;
  } 



.ebene0 { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000; } 
.ebeneactive0 { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; } 

TD.ebene0 { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 12px; 
  background: #FCE178; 
  color: #000000; 
  padding:5px;
  border-bottom:1px solid #FFFFFF;
  background-image:url(images/layout/cat_pfeil_down.gif);
  background-repeat:no-repeat;
  background-position:right;
  
  } 

.ebene1 { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000; } 
.ebeneactive1 { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000;
text-decoration:underline;
} 
TD.ebene1 { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 12px; 
  background: #DEDEDE; 
  color: #000000; 
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;
  } 

.ebene2 { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #000000; } 
.ebeneactive2 { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #000000; 
text-decoration:underline;} 
TD.ebene2 { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px; 
  background: #DEDEDE; 
  color: #000000; 
  padding-left:20px;
  padding-top:2px;
  padding-bottom:2px;
  } 
  
/******************
Produktbeschreibung
*******************/ 
  TD.productDesc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #808080;
  padding: 1px 7px 1px 7px;
}

/*****************************************
product_info_beginn
******************************************/

.product_descrition_Table_header {
background-color: transparent;#ffffff;
border: #99CC33 solid 0px;
width: 100%;

text-align: left;
vertical-align: middle;
font-size: 14px;
font-weight: bold;
}

.product_descrition_Table {
background-color: transparent;#ffffff;
border: #99CC33 solid 0px;
width: 100%;
text-align: left;
vertical-align: middle;
font-size: 12px;
font-weight: ;
}

.product_info_Table {
background-color: transparent;#ffffff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	  padding: 0px;
  padding-bottom: 10;
  padding-left: 10;
  padding-right: 10;
  padding-top: 10px;

text-align: left;
vertical-align: middle;
}


span.product_info_Price{
color: #99CC33;
font-size: 24px;
font-weight: bold;
text-align: ;
vertical-align: middle;
font-family: Verdana, Arial, sans-serif;
margin: 0px 0px 5px 5px;
}

span.product_info_Price_1{
color: #4174AD;
font-size: 14px;
font-weight: bold;
text-align: ;
vertical-align: middle;
font-family: Verdana, Arial, sans-serif;
margin: 0px 0px 5px 5px;
}

span.product_info_Price_2{
color: #4174AD;
font-size: 10px;
font-weight: bold;
text-align: ;
vertical-align: middle;
font-family: Verdana, Arial, sans-serif;
margin: 0px 0px 5px 5px;
}

.product_info_Price{
align: center;
background-color: transparent;#ffffff;
border: #99CC33 solid 0px;
width: 1%;
padding: 2px 4px;
text-align: ;
vertical-align: middle;
padding-top: 0px;
padding-left: ;
padding-right: 10px;	
padding-bottom: ;
}

.product_info_Price_small{
background-color: transparent;#ffffff;
border: #99CC33 solid 0px;
width: 1%;
padding: 2px 4px;
text-align: left;
vertical-align: middle;
padding-top: 0px;
padding-left: 0;
padding-right: 0px;	
padding-bottom: ;
}

.product_info_Image {
background-color: transparent;#ffffff;
border: #99CC33 solid 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;	
padding-bottom: 0px;
vertical-align: ;
}

.product_info_Image_1 {
background-color: transparent;#ffffff;
border: #99CC33 solid 0px;
padding-top: 0px;
padding-left: 25px;
padding-right: 10px;	
padding-bottom: 10px;
vertical-align: middle;
}

.product_info_Image_2 {
background-color: transparent;#ffffff;
border: #99CC33 solid 0px;
padding-top: 0px;
padding-left: 25px;
padding-right: 10px;	
padding-bottom: 10px;
vertical-align: middle;
}

.product_info_Image_3 {
background-color: transparent;#ffffff;
border: #99CC33 solid 0px;
padding-top: 0px;
padding-left: 25px;
padding-right: 10px;	
padding-bottom: 10px;
vertical-align: middle;
}

.product_info_Name {
width: 100%;
background-color: transparent;#ffffff;
}

span.product_info_Name {
color: #4174AD;
font-size: 24px;
font-weight: bold;text-align: left;
vertical-align: middle;
font-family: Verdana, Arial, sans-serif;
margin: 0px 0px 5px 15px;
}

.product_info_Option {
background-color: transparent;#ffffff;
align: left;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;	
padding-bottom: 0px;
}

span.product_info_Option {
color: #99CC33;
font-size: 12px;
font-weight: bold;text-align: left;
text-align: left;
vertical-align: middle;
font-family: Verdana, Arial, sans-serif;
margin: 0px 0px 5px 15px;
}

span.product_info_Option1 {
color: #000000;
font-size: 10px;
font-weight: bold;text-align: left;
vertical-align: middle;
font-family: Verdana, Arial, sans-serif;
margin: 0px 0px 5px 15px;
}


/***************************************
product_info end
****************************************/

/***************************************
header navi beginn
****************************************/

#navcontainer ul
{
list-style-type: none;
text-align: center;
padding: 2px;
position: relative;
z-index: 1;
}

#navcontainer li
{
display: inline;
text-align: center;
margin: 2px 2px;
}

#navcontainer li a
{
padding: 3px 8px;
color: #000;
background-color: #fff;
background-image: url(images/infobox/thema/5/bgheader.gif);
border: 0px solid #666;
text-decoration: none;
}

#navcontainer li a:hover
{
color: #900;
border: 0px solid #FF9900;#666;
border-top: 2px solid #FF9900;#333;
border-bottom: 3px solid #FF9900;#333;
}
.code {
border: 1px dashed #666;
padding: 8px;
}

/***************************************
header navi end of
****************************************/


/***************************************
Products_description_tabs beginn_ver_01
****************************************/

.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;
}

.dynamic-tab-pane-control .tab-row .tab {
	font-family:	Verdana, Helvetica, Arial;
	font-size:		12px;
	cursor:			Default;
	display:		inline;
	margin:			1px -5px 1px 5px;
	float:			left;
	padding:		3px 6px 3px 6px;
	background:		rgb(234,242,255);
	border:			1px solid;
	border-color:	rgb(120,172,255);
	border-left:	0;
	border-bottom:	0;
	border-top:		0;
	
	cursor:			hand;
	cursor:			pointer;
	
	z-index:		1;
	position:		relative;
	top:			0;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	border:			1px solid rgb(120,172,255);
	border-bottom:	0;
	z-index:		3;
	padding:		2px 6px 5px 6px;
	margin:			1px -6px -2px 0px;
	top:			-3px;
	background:		white;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font-family:		Verdana, Helvetica, Arial;
	font-size:			13px;
	color:				rgb(0,66,174);
	text-decoration:	none;
	cursor:			hand;
	cursor:			pointer;	
}

.dynamic-tab-pane-control .tab-row .hover a {
	color:	rgb(0,66,174);
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
	font-weight:	bold;
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb(120,172,255);
	background:		White;
	z-index:		2;
	position:		relative;
	top:			-2px;
	color:			Black;
	font-family:	Verdana, Helvetica, Arial;
	font-size:		13px;
	padding:		10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
	background:		transparent;rgb(234,242,255);
	height:			1.0em;
	width:			100%;
}
/***************************************
Products_description_tabs end of_ver_01
****************************************/


/***************************************
Products_description_tabs beginn_ver_02
****************************************/

.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;		/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
}

.dynamic-tab-pane-control .tab-row .tab {

	width:				70px;
	height:				16px;
	background-image:	url( "images/tab_pane/tab.png" );
	
	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	
	cursor:			Default;

	margin:			1px -1px 1px 2px;
	padding:		2px 0px 0px 0px;
	border:			0;

	z-index:		1;
	font:			11px Tahoma;
	white-space:	nowrap;
	text-align:		center;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	width:				74px !important;
	height:				18px !important;
	background-image:	url( "images/tab_pane/tab.active.png" ) !important;
	background-repaet:	no-repeat;

	border-bottom-width:	0;
	z-index:		3;
	padding:		2px 0 0px 0;
	margin:			1px -3px -3px 0px;
	top:			-2px;
	font:				11px Tahoma;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font:				11px Tahoma;
	color:				Black;
	text-decoration:	none;
	cursor:				default;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	font:				11px Tahoma;
	width:				70px;
	height:				16px;
	background-image:	url( "images/tab_pane/tab.hover.png" );
	background-repaet:	no-repeat;
}


.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb( 145, 155, 156 );
	background:		rgb( 252, 252, 254 );
	z-index:		2;
	position:		relative;
	top:			-2px;

	font:				11px Tahoma;
	color:				Black;

	filter:			progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
					progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
	
	/*244, 243, 238*/
	/* 145, 155, 156*/
	
	padding:		10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
}

/***************************************
Products_description_tabs end of_ver_02
****************************************/


.boxes_footer_info {
	border-width:1; 
	border-color:#C7C7C7;
	border-top-style:solid; 
	border-right-style:solid; 
	border-bottom-style:solid; 
	border-left-style:solid;
}

.boxes_body {
	border-width:1; 
	border-color:#C7C7C7;
	background: #ffffff;
}
