/* CONTENT */
#container #holder {
    background: #f7f7f7;
    padding: 0 0 100px 0;
}

#container #holder div#content {
    width: 482px;
    float: left;
    padding: 0 47px 0 26px;
}

#container #holder div#content p {
    line-height: 18px;
}

/* BREADCRUMB */
#container #holder div#content #breadcrumb {
    height: 35px;
    width: 482px;
    border-bottom: 1px solid #d7d7d7;
    color: #000;
}

#container #holder div#content #breadcrumb ul {
    list-style-type: none;
}

#container #holder div#content #breadcrumb ul li {
    float: left;
    padding: 15px 0 0 0;
    margin: 0;
}

#container #holder div#content #breadcrumb ul li a {
    color: #000;
}

#container #holder div#content #breadcrumb ul li.trenner {
    background: url('../img/main_link_li.gif') bottom center no-repeat;
    padding: 0;
    width: 4px;
    height: 27px;
    margin: 0 6px;
}

#container #holder div#content #breadcrumb span#back_btn {
    float: right;
    padding: 0 0 0 14px;
    margin: 16px 0 0 0;
    background: url('../img/back_btn_bg.gif') 0px 4px no-repeat;
}

#container #holder div#content #breadcrumb span#back_btn a {
    color: #000;
}

/* TAB BOX */
/*tabs*/
#container #holder div#content div#tab_box {
    margin: 18px 0 0 0;
}

#container #holder div#content div#tab_box ul#tabs {
    list-style-type: none;
    height: 27px;
    margin: 30px 0 0 8px;
    z-index: 2;
    position: relative;
}

#container #holder div#content div#tab_box ul#tabs li {
    float: left;
    height: 30px;
    margin: 0;
    background: #fdfdfd url('../img/tab_box_tabs_rightbg.gif') top right no-repeat;
}

#container #holder div#content div#tab_box ul#tabs li div,
#container #holder div#content div#tab_box ul#tabs li a {
    display: block;
    height: 24px;
    padding: 6px 14px 0 14px;
    font-weight: normal;
    text-align: center;
    color: #a5a5a5;
    cursor: pointer;
}

#container #holder div#content div#tab_box ul#tabs.red li.selected div,
#container #holder div#content div#tab_box ul#tabs.red li.selected a,
#container #holder div#content div#tab_box ul#tabs.red li a {color: #cc0033;}

#container #holder div#content div#tab_box ul#tabs li div {float: left;}

#container #holder div#content div#tab_box ul#tabs li.selected {
    background: #fdfdfd url('../img/tab_box_tabs_rightbg_hover.gif') top right no-repeat;
    margin: 0 0 0 -3px;
}

#container #holder div#content div#tab_box ul#tabs li.selected div,
#container #holder div#content div#tab_box ul#tabs li.selected a {
    background: url('../img/tab_box_tabs_leftbg.gif') top left no-repeat;
    color: #000;
}

#container #holder div#content div#tab_box ul#tabs li#first div,
#container #holder div#content div#tab_box ul#tabs li#first a {
    background: url('../img/tab_box_tabs_leftbg_first.gif') top left no-repeat;
}

#container #holder div#content div#tab_box ul#tabs li#first.selected div,
#container #holder div#content div#tab_box ul#tabs li#first.selected a {
    background: url('../img/tab_box_tabs_leftbg_first_hover.gif') top left no-repeat;
}

#container #holder div#content div#tab_box ul#tabs li#last {
    background: url('../img/tab_box_tabs_rightbg_last.gif') top right no-repeat;
}

#container #holder div#content div#tab_box ul#tabs li#last.selected {
    background: url('../img/tab_box_tabs_rightbg_last_hover.gif') top right no-repeat;
}

#container #holder div#content div#tab_box #box_head {
    background: url('../img/tab_box_top_bg.gif') top left no-repeat;
    height: 3px;
    width: 482px;
}

#container #holder div#content div#tab_box #box {
    width: 476px;
    border-left: 3px solid #d7d7d7;
    border-right: 3px solid #d7d7d7;
    background: #FFF;
    padding-bottom: 10px;
}

#container #holder div#content div#tab_box #box_bottom {
    background: url('../img/tab_box_bottom_bg.gif') top left no-repeat;
    height: 3px;
    width: 482px;
}

/* EINZELNE TABS */

#container #holder div#content div#tab_box td.prodimage {width: 100px;}

/* tab1 -> Konfigurieren */
#container #holder div#content div#tab_box #box div#tab_1 table {
    margin: 0 6px;
    width: 464px;
    background: url('../img/tab_box_konfig_table_bg.gif') top left repeat-y;
}

    /* ausnahme für table in table */
    #container #holder div#content div#tab_box #box div#tab_1 table tr td table {
        width: auto;
        background: none;
    }

    #container #holder div#content div#tab_box #box div#tab_1 table tr td table tr {
        height: auto;
    }

    #container #holder div#content div#tab_box #box div#tab_1 table tr td table tr td {
        vertical-align: middle;
        width: auto;
        line-height: 20px;
        padding: 0;
    }

    #container #holder div#content div#tab_box #box div#tab_1 table tr td table tr td.rightcol {
        padding: 0 0 0 20px;
    }

    #container #holder div#content div#tab_box #box div#tab_1 table tr td table tr td span.small {
        line-height: 8px;
    }
    /* -----------------------*/

#container #holder div#content div#tab_box #box div#tab_1 table tr {
    height: 77px;
}

#container #holder div#content div#tab_box #box div#tab_1 table tr td {
    padding: 0 0 0 23px;
    vertical-align: top;
    color: #000;
    font-size: 12px;
    width: 60%;
}

#container #holder div#content div#tab_box #box div#tab_1 table tr td.leftcol {
    padding-top: 16px;
    width: 40%;
}

#container #holder div#content div#tab_box #box div#tab_1 table tr td span.small {
    color: #8e95a2;
    font-size: 11px;
}

#container #holder div#content div#tab_box #box div#tab_1 table tr td.center {vertical-align: middle;}

#container #holder div#content div#tab_box #box div#tab_1 table tr td input {
    width: 50px;
    height: 17px;
    border: 1px solid #898989;
}

#container #holder div#content div#tab_box #box div#tab_1 table tr td input.radio {
    border: none;
    height: 10px;
    width: auto;
}

#container #holder div#content div#tab_box #box div#tab_1 input#configsubmit {
    border: none;
    width: 89px;
    height: 26px;
    background: url('../img/tab_box_konfig_submit.gif') top left no-repeat;
    margin: 20px 15px 20px 0;
    float: right;
}

/* tab2 -> Auswahl */
#container #holder div#content div#tab_box #box div#tab_2 {
    padding: 16px 0 0 25px;
    color: #000;
}

#container #holder div#content div#tab_box #box div#tab_2 table {
    width: 100%;
    margin: 10px 0;
    color: #818185;
    background: url('../img/tab_box_auswahl_table_bg.gif') top left repeat-y;
}

#container #holder div#content div#tab_box #box div#tab_2 table#productlist table tr.withbg,
table#productlist tr.withbg {
    background: #FFF;
}

#container #holder div#content div#tab_box #box div#tab_2 table#productlist tr td,
table#productlist tr td {
    height: 75px;
}

#container #holder div#content div#tab_box #box div#tab_2 table#productlist tr td.price_scale,
table#productlist tr td.price_scale {
    height: auto;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #E2E2E2;
}

#container #holder div#content div#tab_box #box div#tab_2 table#productlist tr td strong,
table#productlist tr td strong {
    color: #000;
}

#container #holder div#content div#tab_box #box div#tab_2 table#productlist tr td.bestellen_btn {
    width: 75px;
    text-align: right;
}

#container #holder div#content div#tab_box #box div#tab_2 table#productlist tr td a.waehlen_btn {
    width: 65px;
    height: 19px;
    background: url('../img/zubhoer_waehlen_btn.gif') top left no-repeat;
    display: block;
    padding: 5px 0 0 15px;
    margin: 0 10px 0 0;
}

#container #holder div#content div#tab_box #box div#tab_2 table#productlist table tr.acclist,
table#productlist tr.acclist {
     background: #FFF;
}

#container #holder div#content div#tab_box #box div#tab_2 table#productlist table tr.acclist td,
table#productlist tr.acclist td {
    border-top: 1px solid #E2E2E2;
     border-bottom: 1px solid #E2E2E2;
}

#container #holder div#content div#tab_box #box div#tab_2 table#productlist tr td input.waehlen_btn {
    width: 63px;
    height: 24px;
    border: none;
    background: url('../img/tab_box_auswahl_waehlen_btn.gif') top left no-repeat;
    color:  #cc0033;
    padding: 0 0 0 8px;
    font-size: 10px;
    margin: 18px 6px 0 0;
    cursor: pointer;
}

#container #holder div#content div#tab_box #box div#tab_2 table.tabboxheadertable {
    border-bottom: 1px solid #E2E2E2;
    background: #FFF;
}

#container #holder div#content div#tab_box #box div#tab_2 table.tabboxheadertable tr td {
    height: 20px;
}

table#productlist tr td a.details {
    width: 70px;
    height: 70px;
    border: none;
    background: url('../img/tab_box_auswahl_waehlen_btn.gif') top left no-repeat;
    color:  #cc0033;
    font-size: 10px;
    cursor: pointer;
}

#container #holder div#content div#tab_box #box div#tab_2 table#productlist tr td input.stueck {
    width: 34px;
    height: 19px;
    background: #f0f0f0;
    border: 1px solid #cfcfd0;
    text-align: right;
    margin: 5px 0 0 0;
}

/* tab3 -> Zubehör */
#container #holder div#content div#tab_box #box div#tab_3 {
    padding: 16px 0 0 25px;
    color: #000;
}

#container #holder div#content div#tab_box #box div#tab_3 table {
    width: 100%;
}

#container #holder div#content div#tab_box #box div#tab_3 table tr td {
    color: #818185;
}

#container #holder div#content div#tab_box #box div#tab_3 table tr td.image {
    width: 120px;
}

#container #holder div#content div#tab_box #box div#tab_3 table tr td strong {
    color: #000;
}

#container #holder div#content div#tab_box #box div#tab_3 table#zubehoer {
    margin: 15px 0 20px 0;
    width: 440px;
    background: url('../img/tab_box_zubehoer_bg.gif') 0px 32px repeat-y;
}

#container #holder div#content div#tab_box #box div#tab_3 table#zubehoer tr th {
    height: 33px;
    background: url('../img/tab_box_zubehoer_head_bg.gif') top left repeat-x;
    text-align: left;
    font-weight: normal;
    padding: 0 0 0 15px;
}

#container #holder div#content div#tab_box #box div#tab_3 table#zubehoer tr td {
    height: 59px;
    padding: 4px 0 0 15px;
}

#container #holder div#content div#tab_box #box div#tab_3 table#zubehoer tr {
    background: #FFF;
}

#container #holder div#content div#tab_box #box div#tab_3 table#zubehoer tr.selected {
    background: none;
}

#container #holder div#content div#tab_box #box div#tab_3 table#zubehoer tr td.preis {
    text-align: right;
}

#container #holder div#content div#tab_box #box div#tab_3 table#zubehoer tr td input.stueck {
    width: 34px;
    height: 19px;
    background: #FFF;
    border: 1px solid #cfcfd0;
    text-align: right;
    margin: 5px 0 0 0;
    visibility: hidden;
}

#container #holder div#content div#tab_box #box div#tab_3 table#zubehoer tr td.price_scale {
    height: auto;
    border-bottom: 1px solid #dedede;
    padding-top: 8px;
}

#container #holder div#content div#tab_box #box div#tab_3 table#zubehoer tr td.stueck_td {
    width: 36px;
}

#container #holder div#content div#tab_box #box div#tab_3 table#zubehoer tr td img.add_chkbox:hover {
    cursor: pointer;
}

#container #holder div#content div#tab_box #box div#tab_3 input#warenkorb_btn {
    background: url('../img/tab_box_zubehoer_tobasket.gif') top left no-repeat;
    border: none;
    width: 128px;
    height: 29px;
    font-size: 10px;
    color: #cc0033;
    margin: 0 10px 20px 0;
    float: right;
    cursor: pointer;
}
#container #holder div#content div#tab_box #box div#tab_3 input#warenkorb_btn_top {
    background: url('../img/tab_box_zubehoer_tobasket.gif') top left no-repeat;
    border: none;
    width: 128px;
    height: 29px;
    font-size: 10px;
    color: #cc0033;
    margin: 10px 10px 0 0;
    float: right;
    cursor: pointer;
}

/* tab3 -> Sensoren */
#container #holder div#content div#tab_box #box div#tab_sensoren {
    padding: 16px 0 0 25px;
    color: #000;
}

#container #holder div#content div#tab_box #box div#tab_sensoren h1 {
    margin-top: 0;
}

#container #holder div#content div#tab_box #box div#tab_sensoren a#konfig_und_bestellung {
    background: url('../img/btn_konfig_und_bestellung.gif') top left no-repeat;
    width: 190px;
    height: 56px;
    display: block;
    float: right;
    margin: 0 16px 0  0;
    line-height: 56px;
    text-align: center;
    color: #000;
}

#container #holder div#content div#tab_box #box div#tab_sensoren ul {
    list-style-type: none;
    border-top: 1px solid #dadadc;
    margin: 0 26px 0 0;
    padding: 0 0 16px 0;
}

#container #holder div#content div#tab_box #box div#tab_sensoren ul li {
    background: url('../img/main_link_li.gif') 0px 9px no-repeat;
    padding: 5px 0 5px 12px;
    margin: 0;
    border-bottom: 1px solid #dadadc;
}

#container #holder div#content div#tab_box #box div#tab_sensoren a#link_datenblatt {
    float: right;
    margin: 28px 50px 0 0;
}

/* SIDEBAR */
#container #holder div#sidebar {
    width: 295px;
    float: left;
}

#container #holder div#sidebar div#sidebar_basket {
    width: 256px;
    margin: 10px 0 0 0;
    padding: 20px 0 16px 32px;
    background: #FFF url('../img/sidebar_bg.gif') top left no-repeat;
}

#container #holder div#sidebar div#sidebar_basket div.basket {
    min-height: 53px;
    width: 246px;
    margin: 11px 2px 0 -28px;
    padding: 10px 6px 10px 28px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    background: #f7f7f7;
}

#container #holder div#sidebar div#sidebar_basket span.zurkasse {
    float: right;
    margin: 10px 0 0 0;
}

#container #holder div#sidebar div#sidebar_basket span.zurkasse a {
    margin: 0;
    padding: 10px 26px 0 8px;
    width: 60px;
    height: 18px;
    color: #cc0033;
    background: url('../img/main_link_li.gif') 0px 15px no-repeat;
}

#container #holder div#sidebar div#sidebar_basket  p.summe {
    padding: 1px 0 0 0;
    margin: 0;
    color: #8e95a2;
    font-weight: bold;
    font-size: 11px;
}

#container #holder div#sidebar div#sidebar_basket  span.preis {
    margin: 0;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

/* Sidebar Box */
#container #holder div#sidebar div.sidebar_box {
    width: 280px;
    margin: 10px 0 0 0;
    padding: 8px 0 16px 8px;
    background: #FFF url('../img/sidebar_bg.gif') top left no-repeat;
}

#container #holder div#sidebar div.sidebar_box h3 {
    margin: 12px 8px 0 28px;
    color: #000;
}

#container #holder div#sidebar div.sidebar_box p {
    margin: 18px 8px 0 28px;
}

#container #holder div#sidebar div.sidebar_basket_bottom {
    width: 288px;
    height: 3px;
    background: url('../img/sidebar_bg_bottom.gif') top left no-repeat;
}

/* Detail Box */
#container #holder div#sidebar div#sidebar_details {
    width: 288px;
    height: 217px;
    margin: 18px 0 0 0;
    padding: 10px 0 0 0;
    text-align: center;
    background: url('../img/sidebar_details_bg.gif') top left no-repeat;
}

#container #holder div#sidebar div#sidebar_details p {
    width: 273px;
    text-align: left;
    padding: 0 0 0 15px;
}

#container #holder div#sidebar div#sidebar_details p a {
    padding: 0 0 0 10px;
}

/* Register User */
#content table.registeruser {
    margin: 18px 0 0 0;
}

#content table.registeruser tr td {
    padding: 2px;
}

#content table.registeruser tr td.input input {
    border: 1px solid #929794;
    width: 220px;
}

#content table.registeruser tr td.submit div.submitbar {
    border: 1px solid #929794;
    width: 140px;
    text-align: center;
}

/* Warenkorb */
#content table.warenkorb {
    border: 1px solid #CFCFCF;
}

#content table.warenkorb tr th {
    text-align: left;
    padding: 4px 6px;
    background: #CFCFCF;
    color: #000;
}

#content table.warenkorb tr.even {
  background:#e4e2e2;
}

#content table.warenkorb tr.odd {
  background:#F0F0F0;
}

#content table.warenkorb tr.older a {
  color: green;
}

#content table.warenkorb tr td.price {
    text-align: right;
}

#content table.warenkorb tr td.delete {
    width: 50px;
    text-align: center;
}

#content table.warenkorb tr input {
    border: 1px solid #ccc;
    margin: 4px;
    text-align: right;
}

#content table.warenkorb tr input.noborder {
    border: none;
}

#content table.warenkorb tr td span.zurkasse {
    float: right;
    margin: 10px 18px 0 0;
}

#content table.warenkorb tr#versandkosten {
    padding: 4px 0;
    height: 20px;
    color: #000;
}

#content table.warenkorb tr#versandkosten td.element {
    text-align: right;
    padding: 0 8px 0 0;
    color: #000;
}

#content table.warenkorb tr#versandkosten td.articleName {
    color: #000;
}

#content table.warenkorb tr.footer {
    height: 20px;
}

/* bestelluebersicht */
#content table.bestelluebersicht {
    border: 1px solid #CFCFCF;
}

#content table.bestelluebersicht tr th {
    text-align: left;
    padding: 4px 6px;
    background: #CFCFCF;
    color: #000;
}

#content table.bestelluebersicht tr.even {
  background:#e4e2e2;
}

#content table.bestelluebersicht tr.odd {
  background:#F0F0F0;
}

#content table.bestelluebersicht tr td.price {
    text-align: right;
}

#content table.bestelluebersicht tr td.delete {
    width: 50px;
    text-align: center;
}

#content table.bestelluebersicht tr td.element {
    text-align: right;
    padding: 0 6px 0 0;
    height: 20px;
}

#content div.payment  {
   padding: 0 0 8px 0;
}

#content div.payment input {
    float: left;
    margin: 0 8px 0 0;
}

#content div.payment label {
    float: left;
}

/* bestellhistory */
#content table.history {
    border-collapse: collapse;
    width: 482px;
    margin-bottom: 10px;
    border: 1px solid #E2E2E2;
}

#content table.history tr th {
    background-color:#e2e2e2;
    padding: 5px;
}

#content table.history tr td {
    padding: 5px;
}

#content table.history tr td.artikel {
    width: 320px;
}

#content table.history tr td.stck {
    width: 50px;
    text-align: center;
}

#content table.history tr td.preis {
    width: 60px;
     text-align: right;
}

#content table.history tr td.img {
    width: 12px;
}

/* Login */
#content table.login {margin: 18px 0 0 0;}
#content table.login tr th.heading {
    text-align: left;
}

#content table.login input {
    border: 1px solid #CFCFCF;
    margin: 0 0 4px 0;
}

#content table.login div.submitbar input {border: none;}

#content div#shopitem_view {
    border: 3px solid #E2E2E2;
    padding: 8px;
    background: #FFF;
}

#content div#shopitem_view div.itemimage {
    float: left;
    padding: 1px;
    border: 1px solid #575654;
    margin: 0 6px 30px 0;
}

#container div.fragen {
    border: 3px solid #e2e2e2;
    padding: 6px;
}

#container div.antworten {
    margin: 15px 0 0 0;
}

#container div.antworten h2 {
    margin-bottom: 10px;
}

#container div.antworten p.toplink {
    border-bottom: 3px solid #E2E2E2;
}

#countItem input {
  width:30px;
  border: 3px solid #E2E2E2;
  text-align:right;
  float:left;
  margin-right:235px;
}

#searchvalue {
    width: 150px;
    height: 17px;
    border: 1px solid #898989;
}

#searchbutton {
    border: 1px solid #898989;
    margin-left:20px;
}

#showallbutton {
    border: 1px solid #898989;
    margin-left:20px;
}

/**** Konfigurator SUCHE ***/
form#searchform input {
    margin: 0 0 0 10px;
}
form#searchform input#searchvalue {
    width: 200px;
}