/* -----------------------------------------------------------------------------------------
   $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
   ---------------------------------------------------------------------------------------*/

body {
        color: #000000;
        margin: 0 0 15px 0;
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background-image: url(img/bkgd.jpg);
        background-repeat:repeat-x;
        background-color:#F8E9D1;
        text-align:center;
}

img{
        border:0;
}

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

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

FORM {
        display: inline;
}


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

A.pageResults:hover {
  color: #ffffff;
  background: #5583b7;
}


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

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

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

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

SPAN.underline {
        text-decoration: underline;
}

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

.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}
.parseTime {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

A.copyright {
  color: #000000;
}
A.copyright:hover {
  color: #000000;
  text-decoration: underline;
}


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

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
SPAN.productOldPrice {
        font-family: Verdana, Arial, sans-serif;
        color: #ff0000;
        text-decoration: line-through;
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: x-small;
        font-weight: bold;
        color: Black;
        border-bottom: 1px solid #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: #FFF0E1; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #FFF0E1; }

/* input requirement */

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








.poweredby {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}

.onepxwidth {
        width: 1px;
}



/*                Eigene Formatierung                */


.clr {clear: both; margin: 0; padding: 0;}
.clrsmall {clear: both; margin: 0; padding: 0; height: 1px; overflow: hidden;}
.clrnone {clear: both; margin: 0; padding: 0;}
.clrmiddle {clear: both; margin: 0; padding: 0; height: 4px; overflow: hidden;}

label {width: 180px; display: block; float: left;}
legend {color: #575757;}
fieldset {border: 1px solid #EDC280; padding: 5px 5px 5px 10px;}
/* HEADINGS */
h1 {color:#000000;font-weight:bold;font-size:13px;margin:20px 0px 15px 0px;padding:0px;width:auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:#000000;}
h2 {color:#000000; font-weight:bold;font-size:12px;margin:15px 0px 8px 0px;padding:0px;}
h3 {color:#000000; font-weight:bold;font-size:12px;margin:15px 0px 8px 0px;padding:0px;}

#wrap {
        margin-top: 10px; padding: 0;

}

#topcontent {
  width: 1000px;
  height: 226px;
  margin: 0 auto;
  background-image: url(img/main_bkgd.jpg);
  background-repeat: repeat-y;
  padding:0;

}


#topmenubox {

  width: 1000px;
  height:21px;
  margin: 0 auto;
  color: #ffffff;
  font-size: 11px;
  padding:0;
  text-align:right;

}


.menutop {

  padding-right:70px;color: #523E2F;
}

.menutop li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #523E2F;
}


.menutop li a {
  display: block;
  float:right;
  width: 80px;
  text-align: center;
  font-size: 12px;
  color: #523E2F;
  font-weight: normal;
  margin-top:4px;
}

.menutop li a:hover {color: #523E2F;}



#maincontent {

  width: 1000px;
  background-image: url(img/main_bkgd.jpg);
  background-repeat: repeat-y;
  margin: 0 auto;
  text-align:left;
  padding: 0;
}

#leftmenu {
  width: 200px;
  margin: 0 auto;
  float: left;
  padding: 0;
}

#rightmenu {
  width: 200px;
  margin: 0 auto;
  float: right;
  padding: 0;

}

#navtrail {

  padding: 8px 0 0 10px;
  background-image: url(img/main_top.jpg);
  background-repeat: no-repeat;
  margin: 0 200px 0 200px;
  height:32px;
  font-size: 9px;
  color:#FFFFFF;
  font-size:10px;
  text-align:left;
}

#hl_new_products {
  height: 21px;
  background-image: url(img/hl_new_products.jpg);
  padding: 6px 0 0 10px;
  border: 1px solid;
  border-color: #EDC280;
  font-size: 11px;
  color:#4d2f20;
  font-weight:bold;
  margin: 0 30px 5px 0;
}

#navtrail a {

  color:#FFFFFF;
  font-size:9px;
}

#content {

  font-size: 11px;
  margin: 0 210px 0 210px;
  padding:0;
}


#footer {
  clear: both;
  width: 1000px;
  height: 40px;
  margin: 0 auto 10px auto;
}

#commercial {
  width: 100px;
  height: 100px;
  margin: 0 auto 0 auto;
  text-align: center;
}


/*                ########## Menu-Boxen Start ##########                */

.menutopleft {

  height: 32px;
  padding: 6px 0 0 15px;
  background-image: url(img/hl_box_left.jpg);
  background-repeat:no-repeat;
  color: #f4d9af;
  font-size: 11px;
  font-weight: normal;
  margin:0 auto;

}

.menutopleft_cat {

  height: 32px;
  padding: 6px 0 0 15px;
  background-image: url(img/hl_cat.jpg);
  background-repeat:no-repeat;
  color: #f4d9af;
  font-size: 11px;
  font-weight: normal;
  margin:0 auto;

}

.menutopright {

  height: 32px;
  padding: 6px 15px 0 0;
  background-image: url(img/hl_box_right.jpg);
  background-repeat:no-repeat;
  color: #f4d9af;
  font-size: 11px;
  font-weight: normal;
  text-align:right;
  margin:0 auto;
}

.menutopleft_search {

  height: 32px;
  padding: 6px 15px 0 0;
  background-image: url(img/hl_cart.jpg);
  background-repeat:no-repeat;
  color: #f4d9af;
  font-size: 11px;
  font-weight: normal;
  text-align:right;
  margin:0 auto;
}



.menucontent {

width: 180px;
  padding: 0;
  margin: 0;
  font-size: 11px;
  padding: 5px 0 15px 20px;
}

.menucontentright {
text-align:left;
width: 170px;
  margin: 0;
  font-size: 11px;
  padding: 5px 0 15px 20px;
}

.menucontentcenter {
text-align:center;
width: 185px;
  margin: 0;
  font-size: 11px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:8px;
}



/*                ########## Menu-Boxen Ende ##########                */




#loginboxtop {
  clear: both;
  width: 900px;
  padding: 5px 0 0 0;
}

#loginboxtop a {color: #ffffff;}


.loginfloattext {
  float: left;
  margin: 8px 5px 0 5px;
}

.loginfloatbut{
  float: left;
  margin: 4px 5px 0 5px;
}


.loginboxnew {
  margin: 5px 0 15px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px dashed #000000;
}



/*                ######## Start Produktinfo-Seite ########                        */


.zusatz {
  float: left;
  height: 17px;
  padding: 2px 5px 2px 5px;
  margin: 0 5px 0 0;
  font-size: 11px;
  border: 1px solid #EDC280;
  background: #FFF0E1;
}

.errorbox {
  float: left;
  height: 35px;
  padding: 5px;
  margin: 0 5px 10px 0;
  width:570px;
  font-size: 11px;
  border: 1px solid #7F0000;
  background: #FFF0E1;
}

.productbut {
  float: left;
  width: 170px;
  height: 20px;
  padding: 2px 5px 2px 5px;
  margin: 0 5px 0 0;
  font-size: 11px;
  border: 1px solid #EDC280;
  background: #FFF0E1;
}

.reviewsboxinfo {
  padding: 5px;
  background: #FFF0E1;
  border: 1px solid #4d7fb4;
  margin: 0 0 10px 0;
  font-size: 10px;
}

.leftsideproduct {
  clear: both;
  width: 210px;
  height: 225px;
  overflow: hidden;
  float: left;
  padding: 5px 0 0 0;
  margin: 0 116px 0 0;
  border: 1px solid #b2bc73;
  text-align: center;
}

.rightsideproduct {
  width: 207px;
  float: left;
  margin: 0;
}

.productdesc {
  clear: both;
  padding: 5px;
  margin: 0 0 10px 0;
  border: 1px solid #b2bc73;
}

.productdeschead {
  font-weight: bold;
  color: #000000;
  background: #dee5bd;
  border: 1px solid #b2bc73;
  border-bottom: 0;
  width: 200px;
  margin:0;
  padding: 5px;
}

/*                ######## Ende Produktinfo-Seite ########                        */



/*                ######## Start Categorie-Listing ########                        */

.abstandcat {width: 12px; overflow: hidden; float: left;}

.subcat {
  width: 172px;
  height: 40px;
  overflow: hidden;
  text-align: center;
  float: left;
}

.subcat a {
  display: block;
  width: 160px;
  height: 28px;
  padding: 5px;
  background: #F8E9D1;
  border: 1px solid #edc280;
}

.subcat a:hover {background: #F0DFC3; color: #000000; text-decoration: none;}


/*                ######## Ende Categorie-Listing ########                        */


/*                ######## Start Bewertungen ########                        */

.catlist {
  width:30%;

  padding: 5px;
  float: left;
  margin-top: 2px;
}

#catlisting {
width: 560px;
  text-align:left;
  padding: 0;
}


.reviewsbox {
  padding: 5px;
  background: #FFF0E1;
  border: 1px solid #EDC280;
  margin: 0 0 10px 0;
  min-height:200px;
}

.reviewsboxinfo {
  padding: 5px;
  background: #FFF0E1;
  border: 1px solid #EDC280;
  margin: 0 0 10px 0;
  font-size: 10px;
}


/*                ######## Ende Bewertungen ########                        */


/*                ########## Ueberschriften ##########                */

.h1topic {

  color: #000000;
  font-size: 11px;
  font-weight: bold;

}

.h2topic {
  font-size: 12px;
  margin: 0 0 5px 0;
  padding: 0;
}

.h2topiclist {
  font-size: 11px;
  margin: 0 0 8px 0;
  padding: 8px 5px 5px 10px;
 height: 20px;
 overflow: hidden;
}
.h2topiclist a {color: #4d2f20;}


/*                ########## Diverses ##########                */

.logoffbut {
  clear: both;
  margin: 0;
  padding: 12px 0 0 25px;
}

.logoffbut a {color: #ff0000; font-weight: bold;}


.boxlistingpic {
  margin: 0 10px 0 10px;
  text-align: left;
  height: 110px;
}

.price {
  padding: 8px;
  padding-bottom:0;
  margin: 0;
  text-align:right;
  font-size:14px;
  font-weight:bold;
  color:#7F0000;
}

.pricebox {
  text-align: right;
}

.boxlisting {
  width:580px;
  min-height: 180px;
  border: 1px solid #EDC280;
  float: left;
  margin: 0 0 7px 0;
}

#products_left {
  width: 150px;
  margin: 0 auto;
  float: left;
  padding: 0 0 0 5px;
}

#products_right {

  margin: 0 0 0 170px;
  padding: 0;

}

.taxinfo {
  font-size: 10px;
  text-align:right;
  padding: 8px;
  padding-top:0;
  padding-bottom:0;
}

.listabstand {
  float: left;
  width: 16px;
  overflow: hidden;
}


.headmessage {
  border: 1px dashed #FF0000;
  padding: 5px;
  margin: 5px 0 5px 0;
  text-align: center;
}

.accountleftbox {
  width: 250px;
  padding: 5px;
  float: left;
  margin: 0 0 0 7px;
  font-size: 11px;
}

.accountprice {
  text-align: right;
  padding: 0;
  margin: 0;
}

.trenner {
  height: 1px;
  overflow: hidden;
  background: #000000;
  margin: 4px 0 4px 0;
}


.listhori {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width:570px;
}

.listhori li {float: left;}

.historytabtop {
  border-bottom: 1px solid #9F0000;
  font-weight: bold;
  background: #E9D0A8;
  color: #000000;
  padding: 2px 0 2px 0;
}

.histsub {
  font-size: 11px;
}

.historyinvoice {
  width: 280px;
  height: 100px;
  padding: 5px;
  float: left;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  font-size: 11px;
}

.historyblock {
  border: 1px solid #cccccc;
  padding: 4px;
  font-size: 11px;
  margin: 3px 0 6px 0;
}

.historyvalue {
  padding-top:100px;
  font-size: 11px;
  text-align: right;
}

.addresscolor {
  background: #E9D0A8;
  padding: 4px;
}

.addressleft {
  width: 270px;
  padding: 3px;
  margin: 0 50px 0 0;
  float: left;
  font-size: 11px;
  background: #d1e5f8;
}

.addressbutleft {
  width: 200px;
  float: left;
}

.giftcartbox {
  background: #F8E9D1;
  border: 1px solid #EDC280;
  padding: 3px;
  text-align: center;
}

.littleaddress {
  font-size: 11px;
  border: 1px solid #a4c0d8;
  padding: 3px;
  margin: 2px 0 5px 23px;
}


.checkoutbox {
  width: 127px;
  padding: 4px 2px 4px 2px;
  overflow: hidden;
  text-align: center;
  float: left;
  margin: 0 0 0 5px;
  background: #F8E9D1;
  font-size: 10px;
}

.checkoutboxa {
  width: 127px;
  padding: 4px 2px 4px 2px;
  overflow: hidden;
  text-align: center;
  float: left;
  margin: 0 0 0 5px;
  background: #E9D0A8;
  font-size: 10px;
  font-weight:bold;
}


.payartbox {
  border: 1px dashed #5281b5;;
  padding: 4px;
  margin: 3px 0 6px 0;
  background: #F1DFAE;
  height:60px;
}

.paymentblock {
  border: 1px dashed #5281b5;;
  padding: 4px;
  margin: 3px 0 6px 0;
  background: #F1DFAE;
  
}

.payselection {
  float: left;
  width: 40px;
}

.freeshipping {
  background: #d1e5f8;
  padding: 4px;
  margin: 4px 0 4px 0;
}

.partytitle {
  width: 410px;
  float: left;
  margin: 0 10px 0 0;
}

.agbcheckbox {
  background: #F1DFAE;
  padding: 2px;
  margin: 3px 3px 15px 0;
}

.bearbeiten {
  color: #6584a2;
}

.confirmationbox {
  border: 1px solid #cccccc;
  padding: 4px;
  font-size: 11px;
}

.navigator {font-size: 11px;}

.productpricebox {
  width: 260px;
  float: right;
  text-align: right;
}



.headinggreen {
  padding: 4px;
  background: #EDC280;
  margin: 0;
  font-weight: bold;
  color: #ffffff;
  font-size: 11px;
}

.downloadbox {
  border: 1px solid #cccccc;
  padding: 4px;
  margin: 10px 0 10px 0;
}

.errosearchbox {
  width: 350px;
  padding: 5px;
  margin: 0 auto 0 auto;
  border: 1px solid #96beea;
  background: #d7e8fa;
}

.upcoming {
  width: 400px;
  float: left;
}

.upcomingdate {
  width: 140px;
  float: left;
  text-align: right;
}

.upcomingover {
  border-bottom: 1px solid #cccccc;
  padding: 4px 0 4px 0;
  margin: 0 0 10px 0;
}

.artcont {
  width: 410px;
  float: left;
}

.artcontsize {
  width: 130px;
  float: left;
  text-align: right;
}

.artcontbox {
  border-bottom: 1px solid #cccccc;
  padding: 4px 0 4px 0;
  margin: 0 0 10px 0;
}

gratuatebox {
  width: 200px;
}

.gratuatedleft {
  width: 100px;
  float: right;
  padding: 2px 0 2px 0;
}

.gratuatedright {
  width: 100px;
  float: right;
  padding: 2px 4px 2px 0;
}

.smallText {
  font-size: 11px;
}

.totalblock {
  text-align: right;
  float: right;
}

/*                ########## Menu ##########                */
ul.navilist { list-style-type:none; margin:0px;padding:2px;}
li.maincat {padding:2px; margin: 0;font-weight:bold}

#reiter
{

        width:98%;
}


.rahmen_reiter_anzeige
{


        border: 1px solid #8F7728;

}

.rahmen_reiter_default
{
        border: 1px solid #8F7728;
        background-image: url(img/top_bg_02.jpg);
        padding-left:10px;
        padding-right:10px;
        height:43px;
}

.rahmen_reiter_choose
{
        border-right: 1px solid #8F7728;
        border-top: 1px solid #8F7728;
        padding-left:10px;
        padding-right:10px;
        background-image: url(img/top_bg_01.jpg);
        height:43px;
}