body {
   font: 85%/1.4 Tahoma, Helvetica, sans-serif;
   margin: 10px 0 0;
   padding: 0;
   color: #383A3A;
   background: #fff url(../img/bg-body.gif);
}



/* Generic Styles */

a {
   color: #B51439;
   background-color: transparent;
   text-decoration: underline;
   font-weight: bold;
}

a:hover, a:focus, a:active {
   text-decoration: none;
   color: #E72954;
}

a img {
   border: none;
}

.hide {
   position: absolute;
   left: -10000px;
   top: -10000px;
   display:block;
   text-indent: -10000px;
   line-height: 0.0;
   font-size: 0;
   height: 0;
   overflow: hidden;
}

.clear {
   display: block;
   clear: both;
   line-height: 0.0;
   height: 0;
}

.listprice {
    color: #9A9987;
}

.small {
   font-size: 85%;
   font-weight: normal;
}

.old {
   text-decoration: line-through;
}

#wrap {
   width: 900px /*85%*/;
   margin: 0 auto;
   padding: 3px 10px 3px;
   background: #fff url(../img/bg-wrap.jpg) repeat-y;
}

#headmast {
   height: 115px;
   width: 100%;
   background: url(../img/headmast.jpg) no-repeat;
}

#headmast h1 {
   font-size: 0px;
   line-height: 0.0;
   text-indent: -10000px;
   margin: 0;
}

#sitetools {
   background-color: #383A3A;
   color: #fff;
   float: left;
   width: 100%;
   padding-bottom: 3px;
}

#search {
   float: left;
   width: 195px;
   margin-left: 15px;
   display: inline;
}

#search form {
   margin: 0;
   padding: 3px 0 0;
}

#search label {
   display: block;
   width: 0;
   height: 0;
   overflow: hidden;
   font-size: 0;
   line-height: 0.0;
   text-indent: -10000px;
}

#search input {
   vertical-align: middle;
   background-color: #EEECB3;
   border: 1px solid #C2B92A;
   width: 130px;
}

#search .button {
   border: none;
   background-color: #383A3A;
   width: auto;
}

#mainnavigation {
   margin-left: 224px;
   font-size: 80%;
}

#mainnavigation ul {
   margin: 7px 0 0;
   padding: 0;
   list-style: none;
}

#mainnavigation li {
   display: inline;
   margin-right: 15px;
}

#mainnavigation a {
   text-decoration: none;
   color: #C2BC4E;
   background-color: #383A3A;
   font-weight: bold;
}

#main {
   background: #fff url(../img/bg-content.jpg) no-repeat top right;
   float: left;
   width: 100%;
}

#maincontent {
   clear: left;
   background: transparent url(../img/bg-maincontent.gif) repeat-y;
   padding-bottom: 10px;
   padding-top: 10px;
}

/* Kategorieabhängige Hintergrundbilder */

.Kaminofen-Zubehör {
   background-image: url(../img/bg-zubehoer.jpg) !important;
}

.Sonderzubehör {
   background-image: url(../img/bg-novaline-zubehoer.jpg) !important;   
}

.Bodenschutzplatten {
    background-image: url(../img/bg-bodenschutzplatten.jpg) !important;  
}

#sidebar {
   float: left;
   width: 190px;
   padding: 5px 10px;

}

#content {
   float: right;
   width: 650px;
   margin-right: 15px;
   display: inline;
   font-size: 90%;
}

/* Objekte im Mastergrid */

.quickcart {
   background: #F2F3CB url(../img/bg-warenkorb.gif) no-repeat;
   font-size: 80%;
   padding-top: 15px;
   padding-bottom: 10px;
   margin-bottom: 15px;
   border: 1px solid #DEDE5A;
}

.quickcart h2 {
   color: #383A3A;
   font-size: 100%;
   margin: 0 10px 15px 52px;
}

.quickcart ul, .quickcart p {
   margin-left: 52px;
   padding: 0;
   margin-top: 0;
   margin-bottom: 0;
}


.quickcart li {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.price {
   font-size: 140%;
   font-weight: bold;
}

#shopnavigation {
   font-size: 90%;
   padding: 4px 4px;
   margin-bottom: 40px;
}

#shopnavigation dl {
    margin-top: 0;
    margin-bottom: 0;
}

#shopnavigation dt {
   padding: 3px 0 3px 25px;
   background: transparent url(../img/navi-cat.gif) no-repeat left center;
}

#shopnavigation dd {
   padding-left: 25px;
   background: transparent url(../img/navi-prod.gif) no-repeat left center;
   margin-left: 25px;
}

/* Content-Objekte */

#breadcrumb {
   font-size: 80%;
   background: transparent url(../img/bg-breadcrumb.gif) no-repeat left top;
   padding: 5px 0 5px 28px;
   border-bottom: 1px solid #D5D0BA;
   margin-bottom: 15px;
}

#breadcrumb a, .catnavigator a {
   text-decoration: none;
   color: #B4AC11;
}

.catnavigator {
   font-size: 80%;
   padding: 5px 0 5px 28px;
   background: transparent url(../img/bg-catnavigator.gif) no-repeat left top;
   border-bottom: 1px solid #D5D0BA;
   margin-bottom: 15px;
   clear: left;
}

.bottom {
   border-top: 1px solid #D5D0BA;
   border-bottom-style: none;
   background-position: left 2px;
   padding-bottom: 6px;
}

#content h2 {
   font-size: 140%;
   color: #B4AC11;
   margin-top: 0;
   padding-top: 5px;
   border-bottom: 1px solid;
}

div.categories {
   clear: left;
   margin-bottom: 20px;
}

* html div.categories {
   margin-bottom: 5px;
}

.artikelkurz {
  float: left;
  width: 250px;
  margin: 15px;
  padding: 0 15px 5px;
  border: 1px solid #D0D3C7;
  background: #fff url(../img/bg-artikelkurz.jpg) repeat-x;
}

.artikelkurz img {
   float: left;
   margin-right: 5px;
   margin-bottom: 5px;
   border: 1px solid #C3C82F;
}

.addtocart {
   margin-top: 10px;
}

.addtocart img {
   border: none;
}

.artikelkurz .kurzinfolink {
   clear: left;
}

#content table {
	font-size: 100%;
}

#content h3 {
	color: #B4AC11;
	font-size: 110%;
   margin-top: 10px;
   margin-bottom: 10px;
}

/* FAQ */

.faq ol {
   margin: 25px 0 35px;
}

.faq dt {
   font-weight: bold;
   margin-bottom: 10px;
}

.faq dd {
   margin: 0;
   padding: 0;
}

/* Shopping Cart */

#shoppingcart {
   width: 650px;
}
#shoppingcart table {
   width: 100%;
   background-color: #F9FAE8;
   margin-bottom: 20px;
}

#shoppingcart thead {
   background-color: #B4AC11;
   color: #fff;
}

#shoppingcart tbody {
   background-color: #F2F3CB 
}

#shoppingcart tbody.sum {
   background-color: #E3E0AB;
}

#shoppingcart th, #shoppingcart td {
   text-align: left;
   padding: 1px 3px;
}

#shoppingcart .desc {
   width: 60%;
}

#shoppingcart .action {
   text-align: center;
}

#shoppingcart .cost {
   text-align: right;
   width: 120px;
}

#shoppingcart p a {
   padding: 7px 0 7px 30px;
   background: url(../img/shopping-button.gif) no-repeat;
   font-size: 90%;
}

#shoppingcart form {
   margin-bottom: 20px;
}

/* Specialoffer */

.specialoffer {
   background: #F8F7E7 url(../img/bg-specialoffer.jpg) no-repeat;
   padding-right: 10px;
   font-size: 80%;
}

#wrap .specialoffer h2 {
   color: #B51439;
   font-size: 130%;
   margin-left: 60px;
   margin-top: 15px;
   margin-bottom: 20px;
   font-size: 110%;
   padding-top: 10px;
}

.specofferdetail {
   margin-left: 10px;
   margin-bottom: 20px;
}

.specofferdetail img {
   float: left;
   margin-right: 10px;
   margin-bottom: 5px;
   border: 1px solid #8F8806;
}

.specofferdetail .price {
   font-size: 120%;
   color: #8F8806;
}

.specofferprice {
   clear: left;
   text-align: center;
   border-width: 1px;
   border-color: #DBD896;
   border-style: solid none;
   padding: 3px;

}


/* Produkt im Detail */

.produktbild {
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
}

.preisinfodetail {
   float: right;
   width: 224px;
   padding: 5px 10px;
   background-color: #F2F3CB;
   border: 1px solid #C2B92A;
   margin: 0 0 20px 10px;
}

* html .preisinfodetail {
	margin-bottom: 7px;
}

.preisinfodetail p {
   margin: 0;
   text-align: center;
}

.clearprice {
	clear: right;
}

.produktinformationen {
   margin-bottom: 20px;
}

.produktinformationen ul {
   list-style: none;
   margin-bottom: 20px;
}

.produktinformationen li {
   list-style: disc inside;
}

.produktinformationen h3 {
	padding: 3px 0 3px 28px;
	background: transparent url(../img/bg-h3.gif) no-repeat left center;
}

.sprungmarken {
   font-size: 80%;
   margin-top: 40px;
}

p.up {
   clear: left;
   font-size: 80%;
   border-top: 1px solid #D5D0BA;
   padding-top: 3px;
   text-align: right;
}

.produktinformationen table {
   width: 100%;
   background-color: #F9FAE8;
   margin-bottom: 20px;
   border: 1px solid #A89C62;
}

.produktinformation tr {
   vertical-align: top;
}

.produktinformationen th {
   text-align: left;
   font-weight: normal;
   width: 200px;
}

.produktinformationen .uneven {
   background-color: #EFF0C1;
}


/* Bestellformular */

.orderprogress ol {
      list-style: inside;
      margin: 0; padding: 0;
}

.orderprogress li {
   display: inline;
   margin: 0 20px 0 0;
   padding: 0;
   font-weight: bold;
   color: #B4AC11;
   list-style: decimal;
}

.orderprogress li.inactive {
   color: #A3A3A3;
   font-weight: normal;
}

#custominfo fieldset {
   background-color: #F9F9E9;
   border: 1px solid #A6975E;
   padding: 5px 10px;
   margin-bottom: 10px;
}

#custominfo div {
   clear: left;
   margin-bottom: 5px;
   position: relative;
}

#custominfo label {
   float: left;
   width: 8em;
}

#custominfo input, #custominfo textarea, #custominfo select {
   width: 18em;
   border: 1px solid #A6975E;
   font: 100% Arial, Helvetica, sans-serif;
}

#custominfo input:focus, #custominfo textarea:focus, #custominfo select:focus {
   background-color: #B4AC11;
   color: #fff;
}

#custominfo .required {
   color: #CF1439;
   font-weight: bold;
}

#custominfo fieldset span[class="required"] {
   position: absolute;
   left: 26.5em;
}

#custominfo fieldset#submit {
   background-color: #F2F3CB;
}

.orderconfirm input, .orderconfirm textarea, .orderconfirm select {
   background-color: #F9F9E9 !important;
   border-color: #E1E593 !important;
   }

.orderconfirm input:focus, .orderconfirm textarea:focus, .orderconfirm select:focus {
   background-color: #fff !important;
   color: #000 !important;
}

.orderconfirm #payterm {
   background-color: #fff;
      clear: left;
   margin-top: 15px;
}

.orderconfirm #payterm input {
   width: auto;
	background-color: #fff !important;
	border-style: none;
}

.orderconfirm .accept input {
   width: auto !important;
   display: inline !important;
}

.orderconfirm .accept label {
   float: none !important;
   width: auto !important;
}

.orderconfirm .charge {
	font-size: 90%;
	font-style: italic;
	vertical-align: 2px;
}

#custominfo fieldset#submit input {
   width: auto;
   background-color: #B4AC11 !important;
   color: #fff !important;
   border: 1px solid !important;
   cursor: pointer;
}

#footer {
   clear: both;
   background-color: #AAA597;
   font-size: 80%;
   color: #fff;
   text-align: center;
   padding: 3px 5px;
}

#footer a {
   text-decoration: none;
   color: #DCD99C;
}

