/* -----------------------------------------------------------------------------------------
   $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;
        background-color: #FFFFFF;
        padding: 0px;
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

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: #f0a480;
  font-weight: bold;
}

SPAN.underline {
        text-decoration: underline;
}

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

.banner {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  line-height: 1.5;
  text-align:center;
}

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

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

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

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

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

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

.onepxwidth {
        width: 1px;
}

.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; height: 0px; overflow: hidden;}
.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; border-color: #CCCCCC; padding: 5px 5px 5px 10px;}

#topbg {
        width: 980px;
        height: 164px;
        background-image: url(img/topbg.jpg);
        border-color:#CCCCCC;
        border-style:none solid;
        border-width:0pt 0px;
        margin:0pt auto;

}

#topobenbg {
        width: 980px;
        height: 30px;
        margin: 0pt auto;
}

#topoben {
  width: 980px;
  height: 10px;
  color: #000000;
  text-align: right;
  margin: 5pt auto 0 auto;
}

#topoben a {color: #000000;}

#topcontent {
  width: 980px;
  height: 126px;
  margin: 0 auto 0 auto;
}

#topimg {
  float: left;
}

#topmenubox {
  clear: both;
  width: 980px;
  float: right;
  margin: 0 auto 0 auto;
  color: #ffffff;
  font-size: 11px;
}

#maincontent {
  width: 980px;
  background: #ffffff;
  background-image: url(img/mainbg.jpg);
  background-repeat: repeat-x;
  border: 1px solid #CCCCCC;
  border-top: 0;
  border-bottom: 0;
  margin: 0 auto 0 auto;
}

#leftmenu {
  width: 202px;
  margin: 0px;
  float: left;
  padding: 0 0 0 5px;
}

#navtrail {
  width: 950px;
  padding: 6px 0 0 10px;
  font-size: 11px;
  margin: 0 0 6px 0;
}

#content {
  width: 550px;
  float: left;
  margin: 0 8px 0 8px;
}


#rightmenu {
  width: 202px;
  padding: 0 5px 0 0;
  float: left;
}

#footer {
  width: 982px;
  height: 90px;
  background-image: url(img/footer.jpg);
  margin: 0 auto 10px auto;
}

.menutopleft {
  width: 180px;
  height: 21px;
  padding: 6px 0 0 22px;
  background-image: url(img/menutop.jpg);
  margin: 0;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}

.menucontentcat {
  padding: 1px 1px 0 1px;
  background: #ffffff;
  margin: 0 0 10px 0;
  font-size: 11px;
  border: 1px solid #cdcdcd;
  border-top: 0;
}

.menucontent {
  padding: 3px;
  background: #FFFFFF;
  margin: 0 0 10px 0;
  font-size: 11px;
  border: 1px solid #cccccc;
  border-top: 0;
}

.menucontentgrau {
  padding: 3px;
  background: #f1f1f1;
  margin: 0 0 10px 0;
  font-size: 11px;
  border: 1px solid #cccccc;
  border-top: 0;
}

.menucontent_bonus {
  padding: 3px;
  background: #ffffff;
  margin: 0 0 10px 0;
  font-size: 11px;
  text-align:center;
  border: 1px solid #cccccc;
}

.bestsellerbox {
  border-bottom: 1px solid #cccccc;
  margin: 5px 5px 5px 0;
  padding: 0 6px 6px 0;
}

.bestsellertopic {
  font-size: 10px;
  text-align: center;
  margin: 0; padding: 0;
}

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

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

.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: #fafafa;
  border: 1px solid #cccccc;
}

.subcat a:hover {background: #999999; color: #ffffff; text-decoration: none;}

.reviewsbox {
  padding: 5px;
  background: #dbe8fa;
  border: 1px solid #999999;
  margin: 0 0 10px 0;
}

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

.h1topic {
  width: 539px;
  height: 18px;
  background: #999999;
  margin: 0 0 10px 0;
  font-weight: bold;
  color: #ffffff;
  font-size: 11px;
  padding: 6px 0 0 10px;
}

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

.h2topiclist {
  font-size: 11px;
  text-align: center;
  margin: 0 0 8px 0;
  padding: 5px 5px 5px 5px;
  background: #f1f1f1;
  height: 36px;
  overflow: hidden;
}
.h2topiclist a {color: #5c5c5c;}

.boxlistingpic {
  margin: 5px 0 15px 0;
  text-align: center;
  height: 85px;
}

.pprice {
  padding: 5px;
  margin: 0;
}

.pricebox {
  text-align: center;
}

.boxlisting {
  width: 170px;
  height: 280px;
  border: 1px solid #cccccc;
  float: left;
  margin: 0;
}

.boxlisting_up {
  width: 118px;
  height: 130px;
  border: 1px solid #cccccc;
  float: left;
  text-align: center;
  margin: 0;
}

.taxinfo {
  color:#999999;
  font-size: 11px;
}

.taxinfo a:hover {
  color: #999999;
}

.taxinfo a {
  color: #999999;
}

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


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

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

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

.listhori li {float: left;}

.historytabtop {
  font-weight: bold;
  font-size: 11px;
  background: #999999;
  color: #ffffff;
  height: 18px;
  padding: 4px 0 0 0;
}

.histsub {
  font-size: 11px;
}

.historyinvoice {
  width: 260px;
  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 {
  float: right;
  width: 400px;
  font-size: 11px;
  text-align: right;
}

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

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

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

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

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

.payartbox {
  padding: 4px;
  margin: 3px 0 6px 0;
  background: #f7fbff;
}

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

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

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

.bearbeiten {
  color: #6584a2;
}

.navigator {font-size: 11px;}

.kasten_links {
  width: 210px;
  float: left;
  text-align: center;
  border-right: 1px solid #cccccc;
  padding: 0 6px 0 0;
}

.kasten_zusatzbilder {
  width: 500px;
  text-align: center;
  padding: 0 6px 0 0;
}

.kasten_links_klein {
  width: 150px;
  float: left;
  text-align: center;
  padding: 0 6px 0 0;
}

.kasten_rechts {
  width: 300px;
  float: right;
  text-align: right;
}

.kasten_rechts_klein {
  width: 360px;
  float: left;
  text-align: left;
}

.kasten_links_bestseller {
  width: 60px;
  float: left;
  text-align: center;
  border-right: 1px solid #cccccc;
  padding: 0 4px 0 0;
}

.kasten_rechts_bestseller {
  width: 115px;
  float: right;
  text-align: right;
}

.pinfooptions {
  padding: 2px;
  background: #999999;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
}

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

.downloadbox {
  border: 1px solid #cccccc;
  padding: 4px;
  margin: 10px 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: 130px;
  float: right;
  padding: 2px 4px 2px 0;
}

.smallText {
  font-size: 11px;
}

ul.navilist { list-style-type:none; margin:0px;padding:0px;}
li.maincat {padding:0px; margin: 0;}

.maincat { list-style-type:none; margin: 0; padding: 0; border-bottom: 1px solid #ffffff;}
.maincat a {font-size: 11px; color:#101010; padding: 5px; display: block; background: #e0dede;}
.maincat a:hover{background: #999999; color: #ffffff; text-decoration: none;}
.maincat a.gewaehlt{background: #999999; color: #ffffff;}
.maincat a.gewaehlt:hover{background: #999999; color: #ffffff;}

.subcatlevel1 {margin: 0; padding: 0; border-bottom: 1px solid #ffffff;}
.subcatlevel1 a{font-size: 11px; color:#101010; padding: 5px 5px 5px 15px; display: block; background: #eaeaea;}
.subcatlevel1 a:hover {background: #999999; color: #ffffff; text-decoration: none;}
.subcatlevel1 a.gewaehlt{background: #999999; color: #ffffff;}
.subcatlevel1 a.gewaehlt:hover{background: #999999; color: #ffffff; text-decoration: none;}

.subcatlevel2 {margin: 0; padding: 0; border-bottom: 1px solid #ffffff;}
.subcatlevel2 a{font-size: 11px; color:#101010; padding: 5px 5px 5px 25px; display: block; background: #f1f1f1;}
.subcatlevel2 a:hover {background: #999999; color: #ffffff; text-decoration: none;}
.subcatlevel2 a.gewaehlt{background: #999999; color: #ffffff;}
.subcatlevel2 a.gewaehlt:hover{background: #6691c0; color: #ffffff; text-decoration: none;}

.subcatlevel3 {margin: 0; padding: 0; border-bottom: 1px solid #ffffff;}
.subcatlevel3 a{font-size: 11px; color:#101010; padding: 5px 5px 5px 35px; display: block; background: #f1f1f1;}
.subcatlevel3 a:hover {background: #999999; color: #ffffff; text-decoration: none;}
.subcatlevel3 a.gewaehlt{background: #999999; color: #ffffff;}
.subcatlevel3 a.gewaehlt:hover{background: #999999; color: #ffffff; text-decoration: none;}

.poll_question  {
  background-color:#dddddd;
  padding:2px;
  margin-bottom:10px;
  font-family:Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
}

.access_step_cc {background-color:#dddddd; padding-left:5px; padding-right:10px;}
.access_step_c2 {padding-left:5px; padding-right:10px;}

.tabberlive .tabbertabhide {display:none;}
.tabber {}
.tabberlive {margin-top:1em;}
ul.tabbernav{margin:0; padding: 3px 0; border-bottom: 1px solid #CCCCCC; font: 11px Verdana, Arial, sans-serif; font-weight: bold;}
ul.tabbernav li{list-style: none; margin: 0; display: inline;}
ul.tabbernav li a{padding: 3px 0.5em; border: 1px solid #CCCCCC; border-bottom: none; background: #FFFFFF;
 text-decoration: none;}
ul.tabbernav li a:link {color: #999999; }
ul.tabbernav li a:visited {color: #FFFFFF; }
ul.tabbernav li a:hover{color: #FFFFFF; background: #999999; border-color: #CCCCCC;}
ul.tabbernav li.tabberactive a{color: #FFFFFF; background-color: #999999; border-bottom: 1px solid #FFFFFF;}
ul.tabbernav li.tabberactive a:hover{color: #FFFFFF; background: #999999; border-bottom: 1px solid white;}
.tabberlive .tabbertab {padding:5px; border:1px solid #CCCCCC; border-top:0;}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px; overflow:auto;}

/* Popup-Warenkorb */

#popCart {
        position: absolute;
        top: 40%;
        left: 50%;
        width: 480px;
        margin-left: -250px;
        border: 1px solid #cccccc;
                background-color: #F1F1F1;
        color: #000;
        z-index: 100000;
        display: none;
        padding: 10px 10px 25px 10px;;
}

.popup_header {
        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 1.0em;
        color: #FFFFFF;
        text-align: center;
        vertical-align:bottom;
        padding: 3px 0px;
        border: 1px solid #cccccc;
                background-color: #999999;
        margin: 0px auto;
        width: 480px;
}

.popup_image {
        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 0.9em;

        text-align: center;

        color: #000;
        margin: 10px auto;

        padding: 5px;
}

#mycart {
        margin: 0px auto;
        height: 60px;
        width: 300px;
}

.cart_contents {
        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 12px;

        text-align: left;
        color: #000;
        height: 42px;
        float: right;
}

#pop_buttons_box {
        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 1.0em;

        text-align: center;
        width: 480px;
        height: 28px;
        vertical-align:bottom;
        margin: 10px auto 0 auto;
}

#pop_buttons_box a {
        color: #000;
        text-decoration: none;
}
#pop_buttons_box a:hover {
        color: #484848;
        text-decoration: none;
}

.close_button {
        float: left;
        width: 160px;
        border: 1px solid #000;
}
.cart_button {
        float: right;
        width: 160px;
        border: 1px solid #000;
}

.suggest_link {
    color: #000000;
        background-color: #FFFFFF;
        border-bottom: 1px solid #cccccc;
        padding: 6px 6px 6px 4px;
}
.suggest_link_over {
        background-color: #999999;
        padding: 6px 6px 6px 4px;
        cursor: pointer;
}
#search_suggest {
        position: absolute;
        visibility: hidden;
        background-color: #FFFFFF;
        text-align: left;
        border: 1px solid #000000;
        width: 400px;
}

#link_exchange {
width:700px;
margin: 0px auto;
padding: 0 0 10px 0;
text-align:center;
font-family: Verdana, Arial, sans-serif;
font-size:10px;
color: #000000;
}

#link_exchange a{
color: #000000;
}

.tabelle_feld1 {
  width: 70px;
  float: left;
  text-align: center;
  padding: 2px 2px 2px 2px;
}

.tabelle_feld2 {
  width: 220px;
  float: left;
  text-align: left;
  padding: 2px 2px 2px 2px;
}

.tabelle_feld3 {
  width: 130px;
  float: left;
  text-align: right;
  padding: 2px 2px 2px 2px;
}

.tabelle_feld4 {
  width: 70px;
  float: left;
  text-align: center;
  padding: 2px 2px 2px 2px;
}

.h2topicliste {
  font-size: 12px;
  text-align: left;
  margin: 0 0 0 0;
  padding: 2px 2px 2px 2px;
  overflow: hidden;
}

.h2topicliste a {color: #5c5c5c;}

.copyright {
color:#000000;
font-size:10px;
line-height:1.5;
text-align:center;
}
a.copyright {
color:#000000;
}
a.copyright:hover {
color:#000000;
text-decoration:underline;
}
.copyright a{
color:#000000;
}