/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce
   -----------------------------------------------------------------------------------------
   based on:
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
   (c) 2003         nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License
   ---------------------------------------------------------------------------------------*/
@import url("navigation.css");


body {
     margin: 0px 0pt;
     background: transparent url('images/Hintergrund.jpg') repeat;
     color: #444444;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-style: normal;
     font-size: 11px;
     line-height: 150%;
     }

.rahmen {
        width: 1000px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        /* border: 3px solid #FFF; */ /* Randabstand, z.b. weisse Linie */
        background-color: #fffce1;
        }

#header {
        border: 0px solid #FF7F00;
        width: 1000px;
        background: url(./images/motive/gowinda_webkopf_fnal.jpg) top left repeat-y;
        height: 159px;
        }

/*Servicenavigation */

#service {
         width: 450px;
         position: relative;
         left: 290px;
         top: 95px;
         text-align: left;
         background: transparent;
         border: 0px solid red;
         }

.navService {
      margin: 0px;
      padding: 0px;
      }

.navService ul {
         float: right;
         margin: 0px;
         padding: 0px 20px 0px 0px;
         border-left: solid 0px #991B0F;
         background-color: #FFFFFF;
         font-weight: bold;
         }

.navService li {
      display: inline;
      list-style: none;
      margin: 0px;
      padding: 0px;
      }

.navService li a {

       font-weight: bold;
        text-decoration: none;
        color: #ffffff;
        font-size: 11px;
        text-transform: uppercase;


      margin: 0px; padding: 2px 5px 2px 5px;
      border-right: solid 0px #991B0F;
      color: #FFFFFF; /* farbe der Servicenav */
      text-decoration: underline;
      }

.navService a:hover,
.navService a.selected
            {
      color: #FFFFFF;
      text-decoration: underline;
      }





/*
.nav2
*/


/* Linke Navigation */

.navLeft {
      overflow: hidden;
      clear: both;
      float: left;
      width: 290px;
      min-height: 500px;
      margin: 0px;
      padding: 0px 0px 10px 0px;
      color: rgb(75,75,75);
      font-size: 1.0em;
      border-right: 3px solid #008000;

      background-color: #95b917;
      }


/* rechte Navigation */
.navRight {
         overflow: hidden;
         float: right;
         width: 180px;
         min-height: 500px;
         margin: 0px;
         padding: 5px 0px 10px 0px;
         text-align: left;
         color: rgb(75,75,75);
         }

.content {
          float: left;
          width: 705px;
          min-height: 500px;
          margin: 0px;
          padding: 5px 0px 0px 0px;
          color: #444444;
          border: 0px solid red;
          /* background-color: white;  */
          background-color: #fffce1;

          }

.content-container {
                   margin: 0px 0px 5px 0px;
                   padding: 0px 5px 0px 5px;
                   min-height: 1px;
                   border: 0px solid #FF10FF;

                   }


.footer {
        overflow: hidden;
        clear: both;

        padding: 0px 0px 0px 0px;
        background-color: #4a8400;
        font-size: 11px;
        border: 0px solid red;
        }

.footer p {
        margin: 0px;
        padding: 0px;
        text-align: center;
        font-size: 11px;
        color: #FFFFFF;
        }

.footer a {
        color: #FFFFFF;
        }

.footer a:hover
       {
       color: #FFFFFF;
       text-decoration: underline;
       }



#buffer {
        width: 700px;
        clear: both;
        height: 35px;
        border: 1px solid #0000FF;
        }

#bufferText {
        width: 700px;
        clear: both;
        font-weight: bold;
        color: #FFFF00;  /* Farbe für die Pfeile zwischen den Menüpunkten */
        padding-top: 10px;
        padding-left: 10px;
        font-size: 11px;
        }


/* Menüpunkte der Breadcrumb-Navigation */
a.headerNavigation,
a.headerNavigation:hover
{
 color: #FFFFFF;
 font-size: 11px;
}




/* Link-Farbe */
a {
  color: #555555;
  text-decoration: none;
}

/* Link-Hover */
a:hover
       {
       color: #4F4F4F;
       text-decoration: underline;
       }

a.pageResults
             {
             color: #555;
             font-size: 11px;
             }

a.pageResults:hover
                   {
                   background: #FFF none repeat;
                   color: #555555;
                   font-size: 11px;
                   }

form
    {
    display: inline;
    }


img
{ border: 0pt none ;
}

h2 {
   font-size: 14px;
   }

h3 {
   font-size: 12px;
   border-bottom: 1px solid;
   border-color: #cccccc;
   width: 100%;
   }

/* Anrede auf Startseite */
span.greetUser
    {
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    }

/* Sternchen für Nicht lieferfähig */
span.markProductOutOfStock
    {
    color: #A93D4D;
    font-size: 11px;
    font-weight: bold;
    }

/* Sonderpreis */
span.productDiscountPrice
{
color: #FF0000;
font-weight: bold;
}

/* Alter Preis */
span.productOldPrice
     {
     color: #FF0000;
     text-decoration: line-through;
     }

/* Ihr Preis */
span.productSpecialPrice
    {
    color: #FF0000;
    }


/* Formular */
table.formArea
              {
              border: 0px solid #CCCCCC; /* graue Rahmen */
              background: #fffce1;
              }

/* Eingabefeld Textarea */
textarea
        {
        font-size: 11px;
        width: 100%;
        }


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.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even { background: rgb(248, 248, 249) none repeat; }
tr.footer { background: rgb(187, 195, 211) none repeat; }
tr.header { background: rgb(255, 255, 255) none repeat; }
tr.headerError { background: rgb(255, 0, 0) none repeat; }
tr.headerInfo, tr.subBar {  }


tr.headerNavigation {
                    /* background: rgb(246, 246, 246) none repeat;  */
                    }

.accountCategory { color: rgb(170, 187, 221);
font-size: 11px; }
.an { display: block; }
.aus { display: none; }


#boxInfo
        {
        padding: 3px 3px 3px 5px;
        background: #fffce1;
        line-height: 16px;
        border-top: 3px solid #008000;
        border-bottom: 3px solid #008000;
        }

/* Inhalt einer Box */

.boxText
        {
        padding: 3px 3px 10px 5px;
        background: #95b917;
        line-height: 16px;
        border: 0px solid #000000;
        font-size: 11px;
        }

.messageBox,
.infoBoxNoticeContents,
.infoBox,
span.infoBox,
.productListing-data,
.smallText,
span.smallText,
p.smallText,
.fieldValue,
checkbox,
input,
radio,
select
{
font-size: 11px;
}


/* Standardadressen-Boxen */
.boxTextBG
{
 background-color: rgb(241, 241, 241);
 font-size: 11px;
 border: 0px solid #cccccc;
}

/* Rahmen um Gutschein einlösen */
.boxGift
        {
        background-color: #F1F1F1;
        font-size: 11px;
        border: 1px solid #CCCCCC;
        }


.boxTextPrice
{
color: rgb(255, 0, 0);
font-size: 11px;
}

span.newItemInCart
{
color: rgb(255, 0, 0);
font-size: 11px;
}

/* Anzeige Pflichtfeld (Sternchen) */

.inputRequirement
{
color: rgb(255, 0, 0);
font-size: 11px;
}

/* Bereich wo Info zu Pflichtfeld steht */
.input_must
           {
           color: rgb(255, 0, 0);
           font-size: 11px;
           border: 1px dashed red;
           padding: 5px;
           margin-top: 5px;
           margin-bottom: 15px;
           }

/* 1-2-3 Checkout-Marker aktuell */
.checkoutBarCurrent {
        color: #555555;
        font-size: 11px;
        }

/* 1-2-3 Checkout-Marker nicht aktuell */

.checkoutBarFrom,
.checkoutBarTo {
               color: #8C8C8C;
               font-size: 11px;
               }

/* Verwendet in der 1-2-3Leitse */
.onepxwidth { width: 1px; }


/* Überschrift der ContentSeiten (z.B. Advanced Search) */

.contentsTopics {
                border-bottom: 1px solid rgb(204, 204, 204);
                color: rgb(85, 85, 85);
                font-size: 11px;
                font-weight: bold;
                height: 22px;
                padding-left: 5px;
                vertical-align: middle;
                width: 510px;
                }

/* Copyright xtc*/

.copyright {
           font-size: 11px;
           line-height: 1.5;
           text-align: center;
           color: #FFFFFF;
           }
.copyright a {
           color: #FFFFFF;

           }

/* Hinweisbox im Warenkorb wenn Mindestmengen etc nicht erreicht */

.errorBox {
          background-color: rgb(255, 179, 181);
          font-size: 11px;
          font-weight: bold;
          padding: 5px;
          border: 1px solid red;
          margin-top: 5px;
          }


/* Benutzt in fax.html */
.tableHeading {
font-size: 11px;
font-weight: bold; }

/* benutzt in Box Cart.html */
.gvBox { border: 1px solid rgb(255, 255, 255); background-color: rgb(255, 179, 181);
font-size: 11px;
font-weight: bold; }

/* Hinweis auf Sicherheits/Session-Probleme */
.headerError { background: rgb(255, 0, 0) none repeat; color: rgb(255, 255, 255);
font-size: 11px;
font-weight: bold;
text-align: center; }
.headerInfo {
background: rgb(0, 255, 0) none repeat; color: rgb(255, 255, 255);
font-size: 11px;
font-weight: bold;
text-align: center;
}

/* Breadcrumb */
.headerNavigation
                 {
                 border-color: rgb(182, 183, 203);
                 border: 0px solid rgb(182, 183, 203);
                 /* background: rgb(246, 246, 246) none repeat;  */
                 color: #1D7F50;
                 font-size: 13px;
                 font-weight: bold;
                 }

/* Footer ? */
.footer { border-color: rgb(182, 183, 203);
border-bottom: 1px solid rgb(182, 183, 203);
/* background: rgb(246, 246, 246) none repeat;  */
color: #1D7F50;

font-size: 13px;
font-weight: bold;
}



.infoBox {  }


.infoBoxContents
{
/* background: transparent url('img/bg_box2.gif') repeat-x; */
color: rgb(85, 85, 85);
font-size: 11px;
}

/* Überschrift der Boxen */
.infoBoxHeading
 {
 font-size: 11px;
 font-weight: bold;
 color:#FFF;
 text-decoration: none;
 text-transform: uppercase;
 background-color: #95b917;

 /*
 border-bottom: 0px solid rgb(153, 153, 153);

*/
 padding: 0px 0px 0px 5px;

}

.infoBoxHeading a
 {
 color: #FFFFFF;
 text-decoration: underline;
 font-weight: bold;

 }



/* Seitenüberschrift */

.PageHeading {


font-size: 11px;
 font-weight: bold;
 color:#FFF;
 text-decoration: none;
 text-transform: uppercase;
 background-color: #95b917;

 padding: 0px 0px 0px 5px;
 }



/* Kopfklasse */
.header
       {
       background: transparent url('img/header.jpg') repeat;
       }


.main,
p.main
{
font-size: 11px;
line-height: 15px;
}

/* Warnhinweise nach Feldeingabe */
.messageStackError,
.messageStackWarning
                    {
                    background-color: rgb(255, 179, 181);
                    font-size: 11px;
                    }

/* OK-Hinweise nach Feldeingabe */
.messageStackSuccess {
                     background-color: rgb(153, 255, 0);
                     font-size: 11px;
                     }

/* Bei Auswahl Zahlung/Lieferarten verwendet */
.moduleRow {
           border-bottom: 1px solid #E6E6E6;
           background-color: #E6E6E6;
           height: 25px;
           line-height: 150%;
           }

.moduleRow a {
           text-decoration: none;
           }

.moduleRow a:hover
           {
           text-decoration: none;
           }

.moduleRowOver {
               border-bottom: 1px solid rgb(204, 204, 204);
               background-color: #EFA6AA;
               height: 25px;
               line-height: 150%;
               text-decoration: none;
               }
.moduleRowOver a { text-decoration: none; }
.moduleRowOver a:hover { text-decoration: none; }

.moduleRowSelected {

           height: 25px;
           line-height: 150%;
           background-color: #C0C0C0;

  }

.productListing-heading
                       {
                       background: rgb(182, 183, 203);
                       color: rgb(255, 255, 255);
                       font-size: 11px;
                       font-weight: bold;
                       }

/* kleine Überschrift in account.html */
.smallHeading
             {
             color: rgb(85, 85, 85);
             font-size: 11px;
             font-weight: bold;
             }

/* Für Optionen TableListing */
.tableListingI  { background-color: rgb(238, 238, 238); }
.tableListingII { background-color: rgb(208, 208, 208); }

/* preis */
.price
      {
      color: #4a8400;
      font-weight: bold;
      font-size: 15px;
      }


/* Box allgemein */

.box {
     border: 0px solid #1D7F50;   /* rahmen der Box */
     margin-bottom: 10px;
     }

.adresslabel {
              background-color: #EFEFEF;
              width: 50%;
              padding: 5px;
              }

/* Sitemap Tables */
.sitemap_heading {
                  background-color: #1D7F50;
                  padding-top: 2px;
                  padding-bottom: 2px;
                  font-size: 11px;
                  font-weight: bold;
                  color:#FFF;
                  }

.sitemap_heading a {color:#FFFFFF;}

.sitemap_heading a:hover {
                         color: #FFFFFF;
                         text-decoration: underline;
                         }

.sitemap_sub {
             color: #000000;
             padding: 2px 4px;
             background-color: #F1F1F1;
             line-height: 16px;
             border: 0px solid #000000;
             font-size: 11px;
             }

.sitemap_sub a {color:#000000;}

.sitemap_sub a:hover {
             color: #000000;
             text-decoration: none;
             }

.teaser {
        border: 1px solid #009966;
        padding: 15px;
        }

.boxTextWhite
        {
        padding: 3px;
        background: #FFFFFF;
        line-height: 16px;
        border: 0px solid #000000;

        font-size: 11px;
        }





/* Navigation */

.nav1active {
            font-weight: bold;
            }

.nav2 {
      padding-left: 5px;
      }

.nav2active {
            font-weight: bold;
            padding-left: 5px;
            }
.nav3 {
      padding-left: 10px;
      }

.nav3active {
            font-weight: bold;
            padding-left: 10px;
            }

.nav4 {
      padding-left: 13px;
      }

.nav4active {
            font-weight: bold;
            padding-left: 13px;
            }