/** Custom CSS **/
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .inputbox:focus {
    border-color: #ffad3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ffad3b;
}
/** Webisco standard styles **/
/*
 Das Suchfeld
*/
/* Use the default style
#webisco-search {
    background-color: #EEEEEE;
    border: 1px solid #888888;
    padding: 3px;
    margin-bottom: 10px;
}
#webisco-search #webisco-search-inputfield {
    border: 1px solid #000;
}
#webisco-search #webisco-search-submit {
    border: 1px solid #000;
    background-color: #fff;
}
*/


/*
  Die Kurzinformation über den Warenkorbinhalt
*/
#webisco-cartinfo {
    background-color: white;
    border: 1px solid black;
    color: #FFFFFF;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 10px;
    text-align: left;
}
#webisco-cartinfo a {
    color: #FFCA00;
    text-decoration: none;
}
#webisco-cartinfo .webisco-cartinfo-sum {
    float: left;
}
#webisco-cartinfo .webisco-cartinfo-agb {
    float: right;
}



/*
 Der kleine Kundenbereich, der immer igendwo auf der Webseite zu sehen ist (Login/Logout)
*/
/* Use the default style!
#webisco-permanent-accountbox {
    background-color: #eeeeee;
    border: 1px solid #888888;
    padding: 3px;
    overflow: hidden;
    width: 240px;
    font-size: 10px;
    margin-bottom: 10px;
    text-align: left;
}
#webisco-permanent-login {
}
#webisco-permanent-login-name {
    float: left;
}
#webisco-permanent-login-password {
    float: left;
}
#webisco-permanent-login input {
    margin-left: 2px;
    margin-right: 2px;
    max-width: 40px;
    width: 40px;
    border: 1px solid #000;
    font-size: 10px;
}
#webisco-permanent-login #webisco-permanent-login-submit {
    border: 1px solid #000;
    background-color: #ffffff;
    width: auto;
    float: right;
}
#webisco-permanent-login #webisco-permanent-login-forgotpassword {
    clear: both;
    float: left;
}
#webisco-permanent-login #webisco-permanent-login-newaccount {
    float: right;
}
#webisco-permanent-logout {
}
#webisco-permanent-account-home {
}
*/



/*
 Die horizontale Navigationsleiste, um zur vorigen Kategorie zu kommen
*/
#webisco-rootline {
    background-color: white;
    border: 1px solid black;
    border-right-width: 0px;
    color: #FFFFFF;
    padding: 3px;
    text-align: left;
}
#webisco-rootline a{
    padding: 3px;
    color: #FFFFFF;
}
#webisco-rootline a:hover {
    padding: 3px;
    text-decoration: none;
    color: #FFCA00;
    background-color: black;
}
#webisco-rootline .webisco-rootline-title {
    padding: 3px;
}
#webisco-rootline .webisco-rootline-item {
    padding: 3px;
}
#webisco-rootline .webisco-rootline-separator {
    padding: 3px;
    font-weight: bold;
}



/*
 Der Up-Button, um zur vorigen Kategorie zu kommen
*/
#webisco-step-up {
    background-color: #EEEEEE;
    border: 1px solid black;
    text-align: center;
    float: left;
}
#webisco-step-up a {
    padding: 3px;
    display: block;
}
#webisco-step-up a:hover {
    background-color: black;
    display: block;
    color: #FFCA00;
}



/*
 Die Baumnavigation für Angebote und Ersatzteile
*/
#webisco-navigation {
    clear: both;
    color: #FFFFFF;
    background-color: #0059F6;
    border: 1px solid black;
    margin-right: 20px;
    min-width: 250px;
    width: 250px;
}
#webisco-navigation ul {
    text-align: left;
    list-style: none;
    list-style-position: outside;
    padding-left: 10px;
    padding-right: 3px;
    margin: 2px;
}
#webisco-navigation li {
    font-weight: normal;
    display: block;
}
/*
 Alle <ul>-Elemente beinhalten eine Klasse mit ihrer Ebentiefe
*/
#webisco-navigation ul .webisco-navigation-level-0 {
}
#webisco-navigation ul .webisco-navigation-level-1 {
}
/*
 Alle <li>-Elemente beinhalten eine Klasse mit ihrer Ebentiefe
*/
#webisco-navigation li .webisco-navigation-level-0 {
}
#webisco-navigation li .webisco-navigation-level-1 {
}
#webisco-navigation .webisco-navigation-item {
}
#webisco-navigation a {
    display: block;
    padding: 1px;
    color: #FFFFFF;
    border-bottom: 1px solid black;
}
#webisco-navigation a:hover {
    text-decoration: none;
    color: #FFCA00;
    background-color: #00309C;
}
#webisco-navigation .webisco-navigation-title {
    font-weight: bold;
    margin-top: 200px;
}
#webisco-navigation .webisco-navigation-active-path {
    color: #FFCA00;
}
#webisco-navigation .webisco-navigation-active-path a {
    color: #FFCA00;
}
#webisco-navigation .webisco-navigation-active-item {
    font-weight: bold;
}

/*
 Copyright-Vermerk von ByteRider
*/
#webisco-copyright {
    color: #222222;
    font-size: 10px;
    text-align: center;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
#webisco-tecdoc-copyright {
    color: #AAAAAA;
    font-size: 10px;
    text-align: center;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}


/*
 Der Hauptinhaltsbereich
*/
#webisco-content {
    clear: both;
    width: 100%;
}

/*
 Diese Klasse wird dann mitgegeben, wenn Webisco denkt, dass es zentriert besser aussieht
*/
#webisco-content .centering-hint {
    /* text-align: center; */
}

/*
 Überschriften
*/
#webisco-content .webisco-header {
    color: black;
    font-size: 23px;
}

/*
 Die Fehlerausgabe
*/
#webisco-content .webisco-error {
    background: #FFF2F2;
    border: solid 1px #FF3030;
    color: #FF3030;
    margin-bottom: 15px;
}

/*
 Die normale Infoausgabe
*/
#webisco-content .webisco-message {
    background: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
    margin-bottom: 15px;
    clear: both;
}

/*
 Das Fenster mit der Meldung einer Ladeverzögerung
*/
#webisco-progress {
    clear: both;
    font-size: 18px;
    color: #DDDDDD;
    background: #666666;
    border: solid 1px #000000;
    z-index: 999;
    text-align: left;
    padding: 20px;
    opacity: .9;
    filter: alpha(opacity=90);
    position: absolute;
    visibility: hidden;
    top: 200px;
}
#webisco-progress-bar {
    color: #CCCCCC;
    height: 8px;
    margin-top: 20px;
}



/*
 Das Feld zum Eintragen des Benutzernamens oder der Emailadresse
*/
#webisco-send-password {
    background: #EEEEEE;
    border: solid 1px black;
    width: 50%;
    padding: 5px;
}
#webisco-send-password-input{
}
#webisco-send-password-submit{
}



/*
 Die Fahrzeugauswahl
*/
#webisco-car-selection {
    background: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
    clear: both;
    overflow: hidden;
    max-width: 100%;
    
}
#webisco-car-selection-last-cars {
    clear: both;
    float: left;
    width: 33%;
}
#webisco-car-selection-incremental {
    clear: both;
    float: left;
    width: 33%;
}
#webisco-car-selection-numbers {
    float: left;
    width: 33%;
}
#webisco-motor-selection {
    float: left;
    width: 33%;
}
#webisco-car-selection-links {
    clear: both;
    float: left;
    width: 100%;
}
#webisco-car-selection-links .webisco-car-selection-link {
    float: left;
}
#webisco-car-selection-links .webisco-car-selection-step0 {
    padding: 10px;
}
#webisco-car-selection-links .webisco-car-selection-step1 {
    clear: both;
}
#webisco-car-selection-links .webisco-car-selection-step2 {
    clear: both;
}


/*
 Die Fahrzeugauswahl im Permanentmodus
*/
#webisco-car-selection-permanent {
    background: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
    clear: both;
    overflow: hidden;
}
#webisco-car-selection-last-cars-permanent {
    float: left;
    width: 45%;
}
#webisco-car-selection-incremental-permanent {
    float: left;
    width: 45%;
}
#webisco-car-selection-number-permanent {
    float: right;
    width: 45%;
}

/*
 Die kleine Infobox über das aktuell gewählte Fahrzeug
*/
#webisco-car-info{
    background-color: #EEEEEE;
    border: 1px solid #888888;
    padding: 3px;
    text-align: left;
    width: 350px;
}
#webisco-car-selected{
}
#webisco-car-selected-permanent{
}
#webisco-car-not-selected{
}
#webisco-car-change{
    float: right;
    overflow: visible;
}




#webisco-navigation-text-links {
}
#webisco-navigation-text-links .webisco-link{
    padding: 1px;
    margin: 1px;
    margin-right: 10px;
    font-size: 10px;
    border: 0px;
    background: inherit;
}

/* Einfache Link-Schaltflächen
*/
.webisco-link {
    background-color: #EEEEEE;
    border: 1px solid black;
    text-align: center;
    float: left;
    padding: 5px;
}

/* Allgemeine Geschäftsbedingungen
*/
#webisco-agb {
    background: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
    margin-bottom: 10px;
    text-align: left;
}

/* Widerrufsbelehrung
*/
#webisco-widerrufsbelehrung {
    background: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
    margin-bottom: 10px;
    text-align: left;
}

/* Batterieverordnung
*/
#webisco-batterieverordnung {
    background: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
    margin-bottom: 10px;
    text-align: left;
}

/* Impressum
*/
#webisco-impressum {
    background: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
    margin-bottom: 10px;
    text-align: left;
}

/* Datenschutz-Hinweise
*/
#webisco-datenschutz {
    background: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
    margin-bottom: 10px;
    text-align: left;
}

/* Versand- und Zahlungsbedingungen
*/
#webisco-versandbedingungen {
    background: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
    margin-bottom: 10px;
    text-align: left;
}



/*
 Die Unterkategorien bei einer gewählten Kategorie (alternativ zur Baumnavigation als Liste)
*/
#webisco-subsections {
    background: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
    width: 60%;
    clear:both;
    margin-bottom: 7px;
    overflow: hidden;
}
#webisco-subsections h2 {
    font-size: 20px;
}
#webisco-subsections a {
    display: block;
    border: solid 1px black;
    background-color: white;
    padding: 2px;
}
#webisco-subsections a:hover {
    background-color: black;
    color: #FFCA00;
}
#webisco-subsections img {
    border: 0px;
}
#webisco-subsections .webisco-subsection {
    font-size: 15px;
}
#webisco-subsections .even {
    clear: left;
    width: 45%;
    overflow: hidden;
    float: left;
    padding-bottom: 5px;
    text-align: center;
}
#webisco-subsections .odd {
    clear: right;
    width: 45%;
    overflow: hidden;
    float: right;
    padding-bottom: 5px;
    text-align: center;
}

/*
 Die Filter über der Artikeltabelle
*/
#webisco-content .webisco-article-filter {
    clear: left;
    float: left;
    text-align: left;
    margin-top: 3px;
    margin-bottom: 3px;
}
#webisco-content .webisco-article-filter label {
    padding-right: 10px;
}

/*
 Die Anzeige der Artikel in einer Liste zum Durchblättern
*/
#webisco-content .webisco-article-table {
    clear: both;
    border: solid 1px black;
    border-spacing: 0px;
    overflow: auto;
    display: block;
    width: 100%;
}
/* <div> */
#webisco-content .webisco-article-table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-content .webisco-article-table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}
#webisco-content .webisco-article-table .row {
    display: table-row;
}
#webisco-content .webisco-article-table .cell {
    display: table-cell;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}
#webisco-content div.cell.description {
    width: 100%;
}
#webisco-content div.cell.listprice {
    text-align: right;
}
#webisco-content div.cell.price {
    text-align: right;
}
#webisco-content .webisco-article-table-row-even {
    background: #EEEEEE;
}
#webisco-content .webisco-article-table-row-odd {
    background: #DDDDDD;
}
/* <table> */
#webisco-content .webisco-article-table th {
    background: #EEEEEE;
    padding: 3px;
}
#webisco-content .webisco-article-table td {
    padding: 3px;
    padding-top: 9px;
    vertical-align: top;
    text-align: left;
}
#webisco-content .webisco-article-table td.description{
    width: 100%;
}
#webisco-content .webisco-article-table td.listprice div.webisco-article-table-listprice-value{
    text-align: right;
    width: 100%;
}
#webisco-content .webisco-article-table td.price div.webisco-article-table-price-value{
    text-align: right;
    width: 100%;
}
#webisco-content tr.webisco-article-table-row-even {
    background: #EEEEEE;
}
#webisco-content tr.webisco-article-table-row-odd {
    background: #DDDDDD;
}
#webisco-content .webisco-article-thumbnail {
    border: solid 1px #777777;
}
#webisco-content .webisco-article-stock-icon {
    vertical-align: middle;
    float: left;
}
#webisco-content .webisco-article-stock-text {
    float: left;
    vertical-align: baseline;
    font-size: 9px;
    margin-right: 3px;
    margin-top: 8px;
}
#webisco-content .webisco-article-stock-branches {
    float: left;
    vertical-align: baseline;
    font-size: 9px;
    margin-right: 3px;
    margin-top: 8px;
}
#webisco-content .webisco-article-delivery-time {
    float: left;
    vertical-align: baseline;
    font-size: 9px;
    margin-right: 3px;
    margin-top: 8px;
}



/*
 Die Renneransicht
*/
#webisco-content .webisco-teaser {
    background: #EEEEEE;
    border: solid 1px black;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
}
/* <table> */
#webisco-content .webisco-teaser table {
    width: 100%;
}
#webisco-content .webisco-teaser .webisco-article {
    border: none;
    display: block;
    padding: 0px;
    margin: 0px;
    width: auto;
}
#webisco-content .webisco-teaser .webisco-article-data {
    float: left;
    margin-left: 20px;
}
/* <div> */
#webisco-content .webisco-teaser .table {
    margin: 5px;
    display: block;
}
#webisco-content .webisco-teaser .row {
    float: left;
    width: 100%;
    display: table-row;
}
#webisco-content .webisco-teaser .cell  {
    display: table-cell;
    float: left;
}
#webisco-content .webisco-teaser-1 .cell {
    width: 100%;
}
#webisco-content .webisco-teaser-2 .cell {
    width: 50%;
}
#webisco-content .webisco-teaser-3 .cell {
    width: 33%;
}
#webisco-content .webisco-teaser-4 .cell {
    width: 25%;
}
#webisco-content .webisco-teaser .cell div .webisco-article-data  {
    margin-left: 0px;
    position: relative;
    float: left;
    width: auto;
}
#webisco-content .webisco-teaser .cell div .webisco-article-data .table {
    margin-left: 0px;
    display: table;
    float: none;
}
#webisco-content .webisco-teaser .cell div .webisco-article-data .table .row {
    display: table-row;
    float: none;
}
#webisco-content .webisco-teaser .cell div .webisco-article-data .table .cell {
    display: table-cell;
    width: auto;
    float: none;
    padding-bottom: 1px;
    padding-top: 1px;
    vertical-align: middle;
}


/*
 Die Artikelansicht
*/
#webisco-content .webisco-article {
    background: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
    overflow: hidden;
    /* width: 700px; */
}
#webisco-content .webisco-image-map {
    margin-bottom: 6px;
}
#webisco-content .webisco-image-map img{
    border: solid 1px black;
}
#webisco-content .webisco-article-images {
    float: left;
}
#webisco-content .webisco-article-image {
    float: left;
    border: solid 1px #ffad3b;
    margin-right: 6px;
    margin-bottom: 6px;
    clear: left;
}
#webisco-content .webisco-article-data {
    float: left;
    margin-left: 1em;
    width: 50%;
}
/* <div> */
#webisco-content .webisco-article-data .table {
    display: table;
    width: 380px;
}
#webisco-content .webisco-article-data .table .row {
    display: table-row;
}
#webisco-content .webisco-article-data .table .cell {
    display: table-cell;
    vertical-align: top;
}

#webisco-content .webisco-article-number-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-number-value {
    float: left;
}
#webisco-content .webisco-article-packing-unit-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-packing-unit-value {
    float: left;
}
#webisco-content .webisco-article-order-unit-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-order-unit-value {
    float: left;
}
#webisco-content .webisco-article-manufacturer-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-manufacturer-value {
    float: left;
}
#webisco-content .webisco-article-price-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-price-value {
    clear: both;
    float: left;
}
#webisco-content .webisco-article-price-hint {
    clear: both;
    float: left;
    font-size: 9px;
}
#webisco-content .webisco-article-table-price-value {
    clear: both;
    float: right;
}
#webisco-content .webisco-article-listprice-key {
}
#webisco-content .webisco-article-listprice-value {
    float: left;
    clear: both;
    color: #EE0000;
}
#webisco-content .webisco-article-table-listprice-value {
    float: right;
    clear: both;
    color: #EE0000;
}
#webisco-content .webisco-article-deposit-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-deposit-value {
    float: left;
}
#webisco-content .webisco-article-deposit-hint {
    font-size: 9px;
}
#webisco-content .webisco-article-environmental-charge-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-environmental-charge-value {
    float: left;
}
#webisco-content .webisco-article-procurement-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-procurement-value {
    float: left;
}
#webisco-content .webisco-article-tax-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-tax-value {
    float: left;
}
#webisco-content .webisco-article-shipping-costs {
    font-size: 9px;
}
#webisco-content .webisco-article-availability-key {
    font-weight: bold;
    float: left;
    vertical-align: middle;
}
#webisco-content .webisco-article-availability-value {
    margin-left: 3px;
    float: left;
    vertical-align: middle;
}
#webisco-content .webisco-article-availability-image {
    margin-right: 5px;
    vertical-align: middle;
}
#webisco-content .webisco-article-delivery-time-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-delivery-time-value {
    float: left;
}
#webisco-content .webisco-article-availability-branches-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-availability-branches-value {
    margin-left: 3px;
    float: left;
}
#webisco-content .webisco-article-availability-external-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-availability-external-value {
    float: left;
}
#webisco-content .webisco-article-delivery-time-external-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-delivery-time-external-value {
    float: left;
}
#webisco-content .webisco-article-delivery-note {
    float: left;
}
#webisco-content .webisco-article-put-cart {
    margin-top: 10px;
}
#webisco-content .webisco-article-put-cart-text {
}
#webisco-content .webisco-article-put-cart-image {
}
#webisco-content .webisco-teaser .webisco-article-put-cart-image {
    float: left;
}
#webisco-content .webisco-article-car-selection {
    margin: 5px;
}
#webisco-content .webisco-article-continue {
}
#webisco-content .webisco-article-datasheets {
    margin-top: 20px;
}
#webisco-content .webisco-article-datasheet {
}
#webisco-content .webisco-pdf-icon {
    border: solid 1px black;
}
#webisco-content .webisco-article-details {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
    width: 100%;
}
#webisco-content .webisco-article-details-preview {
    font-size: 10px;
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    text-align: left;
    width: 100%;
    color: gray;
}
#webisco-content .webisco-article-details-table {
    border-spacing: 1px;
    border-collapse: collapse;
    width: 100%;
}
#webisco-content .webisco-article-details-table th {
    padding: 1px;
    background: transparent;
    border: 1px dotted black;
    width: 50%;
    vertical-align: top;
}
#webisco-content .webisco-article-details-table td {
    padding: 1px;
    border: 1px dotted black;
    width: 50%;
    vertical-align: top;
}
#webisco-content .oenumbers {
    overflow: auto;
    max-height: 100px;
}
#webisco-content .webisco-article-description {
    clear: right;
    margin-top: 10px;
    float: left;
    text-align: left;
}
#webisco-content .webisco-article-description-header {
    font-weight: bold;
}
#webisco-content .webisco-article-description-text {
}

#webisco-content .webisco-article-cars {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
    width: 100%;
}
#webisco-content .webisco-article-cars-header {
    font-weight: bold;
}
#webisco-content .webisco-article-cars-text {
    overflow: auto;
    max-height: 200px;
}
#webisco-content .webisco-article-cars-text table {
    border: 0px;
    padding: 0px;
}
#webisco-content .webisco-article-cars-text table th {
    font-weight: bold;
    vertical-align: middle;
    background-color: #CCCCCC;
    padding: 4px;
    border-bottom: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
}
#webisco-content .webisco-article-cars-text table td {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #DDDDDD;
    border-bottom: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
}


#webisco-content .webisco-article-wheels {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
}
#webisco-content .webisco-article-wheels-header {
    font-weight: bold;
}
#webisco-content .webisco-article-wheels-text {
}

#webisco-content .webisco-article-more-numbers {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
}
#webisco-content .webisco-article-more-numbers-header {
    float: left;
    font-weight: bold;
}
#webisco-content .webisco-article-more-numbers-text {
    padding-left: 5px;
    float: left;
}

#webisco-content .webisco-article-shopping-hint {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
}
#webisco-content .webisco-article-shopping-hint-header {
    font-weight: bold;
}
#webisco-content .webisco-article-shopping-hint-text {
}
#webisco-content .webisco-article-additional-info {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
}
#webisco-content .webisco-article-additional-info-header {
    font-weight: bold;
}
#webisco-content .webisco-article-additional-info-text {
}
#webisco-content .webisco-article-additional-articles {
    margin-top: 10px;
    width: 60%;
}
#webisco-content .webisco-article-replace-articles {
    margin-top: 10px;
    width: 60%;
}

/*
 Die Detailansicht des Warenkorbs
*/
#webisco-cart {
    background: #EEEEEE;
    border: solid 1px #888888;
    margin-bottom: 1px;
    clear: both;
}
#webisco-cart .webisco-cart-recalculate {
}
#webisco-cart .webisco-cart-row-even {
    background: #EEEEEE;
}
#webisco-cart .webisco-cart-row-odd {
    background: #DDDDDD;
}
/* <div> */
#webisco-cart .table {
    display: table;
    width: 100%;
}
#webisco-cart .table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-cart .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}
#webisco-cart .table .header .stretch {
    width: 100%;
}
#webisco-cart .table .row {
    display: table-row;
}
#webisco-cart .table .cell {
    display: table-cell;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}
#webisco-cart-sum .table {
    display: table;
    width: 100%;
}
#webisco-cart-sum .table .row {
    display: table-row;
}
#webisco-cart-sum .table .cell {
    display: table-cell;
}
/* <table> */
#webisco-cart table {
    border-spacing: 0px;
}
#webisco-cart th {
    padding: 3px;
}
#webisco-cart td {
    padding: 3px;
    vertical-align: middle;
}
#webisco-cart div.cell.description {
    width: 100%;
}
#webisco-cart div.cell.listprice {
    text-align: right;
}
#webisco-cart div.cell.price {
    text-align: right;
}
#webisco-cart .table-row-even {
    background: #EEEEEE;
}
#webisco-cart .table-row-odd {
    background: #DDDDDD;
}


#webisco-cart-sum {
    background: #EEEEEE;
    border: solid 1px #888888;
    margin-bottom: 20px;
}
#webisco-cart-sum table {
    border-spacing: 0px;
}
#webisco-cart-sum .webisco-cart-sum-list-price-net { /* der Listenpreis netto */
    background: #EEEEEE;
}
#webisco-cart-sum .webisco-cart-sum-list-price-total { /* der Listenpreis brutto */
    background: #DDDDDD;
}
#webisco-cart-sum .webisco-cart-sum-net { /* der Nettopreis */
    background: #EEEEEE;
}
#webisco-cart-sum .webisco-cart-sum-discount { /* der Zusatzrabatt */
    background: #EEEEEE;
}
#webisco-cart-sum .webisco-cart-sum-tax { /* die Mehrwertsteuer */
    background: #DDDDDD;
}
#webisco-cart-sum .webisco-cart-sum-used-part-tax { /* die Altteilsteuer (sofern vorhanden) */
    background: #EEEEEE;
}
#webisco-cart-sum .webisco-cart-sum-total { /* der Endpreis inkl. aller Steuern */
}
#webisco-cart-sum td {
    padding: 3px;
}

/*
 Die Aktionen beim Betrachten des Warenkorbs
*/
#webisco-content .webisco-cart-actions {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
#webisco-content .webisco-cart-continue-shopping {
    background: #EEEEEE;
    border: solid 1px #888888;
    float: left;
    width: 25%;
}
#webisco-content .webisco-cart-continue-shopping a{
    padding: 5px;
    display: block;
}
#webisco-content .webisco-cart-continue-shopping a:hover{
    background-color: black;
    color: #FFCA00;
}
#webisco-content .webisco-cart-empty {
    background: #EEEEEE;
    border: solid 1px #888888;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 25%;
}
#webisco-content .webisco-cart-empty a{
    padding: 5px;
    display: block;
}
#webisco-content .webisco-cart-empty a:hover{
    background-color: black;
    color: #FFCA00;
}
#webisco-content .webisco-cart-order {
    background: #EEEEEE;
    border: solid 1px #888888;
    float: right;
    width: 25%;
}
#webisco-content .webisco-cart-order a {
    padding: 5px;
    display: block;
}
#webisco-content .webisco-cart-order a:hover{
    background-color: black;
    color: #FFCA00;
}



/*
 Der Login-Bereich direkt nach dem Bestellen des Warenkorbs,
 wenn man bis dahin noch nicht eingeloggt ist
*/
#webisco-content .webisco-login-header {
    text-align: center;
    background: black;
    color: white;
    border-width: 0;
    padding: 10px;
}
#webisco-content .webisco-login-body {
    text-align: center;
    padding: 20px;
    background: #EEEEEE;
    border: solid 1px black;
}
#webisco-registered-customer{
    width: 45%;
    float: left;
}
#webisco-create-customer{
    width: 45%;
    float: right;
}
#webisco-login {
    text-align: center;
}
#webisco-login-name {
}
#webisco-login-password {
}
#webisco-login-namelabel {
    width: 200px;
}
#webisco-login-passwordlabel {
}
#webisco-login input {
    margin-top: 3px;
}
#webisco-login #webisco-login-submit {
}
#webisco-login #webisco-login-forgotpassword {
    margin-top: 20px;
}
#webisco-login #webisco-login-newaccount {
}



/*
 Der Bereich zum Blättern in Seiten
*/
#webisco-content .webisco-page-flip-container {
    float: right;
    text-align: right;
    clear: right;
    margin-top: 3px;
    margin-bottom: 3px;
}
#webisco-content .webisco-page-flip {
    padding-left: 5px;
}
#webisco-content .webisco-page-flip-current { /* die aktuelle Seite */
    font-weight: bold;
}
#webisco-content .webisco-page-flip-1 { /* Zu Seite 1 springen */
}
#webisco-content .webisco-page-flip-back { /* Eine Seite zurück springen */
}
#webisco-content .webisco-page-flip-forward { /* Eine Seite vor springen */
}


#webisco-content .webisco-account-home-header {
    clear: both;
    margin-bottom: 10px;
}
#webisco-content .webisco-account-home-action {
    width: 250px;
    max-width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #EEEEEE;
    border: solid 1px black;
    margin-top: 20px;
}
#webisco-content .webisco-account-home-action a{
    display: block;
}
#webisco-content .webisco-account-home-action a:hover{
    background-color: black;
    display: block;
    color: #FFCA00;
}
#webisco-content .webisco-account-cart-show {
}
#webisco-content .webisco-account-cart-show a {
}
#webisco-content .webisco-account-cart-order { /* Nur vorhanden wenn der Warenkorb Artikel enthält */
}
#webisco-content .webisco-account-cart-order a {
}
#webisco-content .webisco-account-edit {
}
#webisco-content .webisco-account-edit a {
}
#webisco-content .webisco-account-continue-shopping {
}
#webisco-content .webisco-account-continue-shopping a {
}
#webisco-content .webisco-account-order-history {
}
#webisco-content .webisco-account-order-history a {
}
#webisco-content .webisco-account-logout {
}
#webisco-content .webisco-account-logout a {
}

/*
 Die Kundenstammdaten zum Bearbeiten
*/
#webisco-content .webisco-account-details-edit {
    background: #EEEEEE;
    border: solid 1px #888888;
    margin-bottom: 20px;
}
#webisco-content .webisco-account-details-edit table {
    border-spacing: 0px;
}
#webisco-content .webisco-account-details-edit td {
    padding: 3px;
}
#webisco-account-details-edit-table {
}
#webisco-account-details-edit-table .table {
    display: table;
}
#webisco-account-details-edit-table .table .row {
    display: table-row;
}
#webisco-account-details-edit-table .cell {
    display: table-cell;
    padding: 10px;
    vertical-align: top;
}
#webisco-account-details-edit-table-billing-address {
    display: table;
}
#webisco-account-details-edit-table-billing-address .table {
}
#webisco-account-details-edit-table-billing-address .row {
    display: table-row;
}
#webisco-account-details-edit-table-billing-address .cell{
    display: table-cell;
    padding: 4px;
}
#webisco-account-details-edit-table-shipping-address .table {
    display: table;
}
#webisco-account-details-edit-table-shipping-address .row {
    display: table-row;
}
#webisco-account-details-edit-table-shipping-address .cell{
    display: table-cell;
    padding: 4px;
}
#webisco-account-details-edit-table .webisco-shipping-address {
    float: left;
}
#webisco-content .webisco-account-details-edit-table-shipping-address {
}
#webisco-content .webisco-account-details-edit-checkbox-shipping-address {
}
#webisco-content .webisco-account-details-edit-table-settings {
}
#webisco-content .webisco-account-details-edit-submit {
}




/*
 Der Fortschritt ders Bestellvorgangs
*/
#webisco-order-progress {
    text-align: left;
    clear: both;
    margin-top: 3px;
    margin-bottom: 20px;
    background: #EEEEEE;
    border: solid 1px #888888;
    padding: 5px;
}
#webisco-order-progress .webisco-order-progress-title {
    margin-right: 10px;
}
#webisco-order-progress .webisco-order-progress-show-cart {
}
#webisco-order-progress .webisco-order-progress-separator {
    padding: 10px;
    font-weight: bold;
}
#webisco-order-progress .webisco-order-progress-account-edit {
}
#webisco-order-progress .webisco-order-progress-options {
}
#webisco-order-progress .webisco-order-progress-summary {
}
#webisco-order-progress .active {
    font-weight: bold;
}

/*
 Die Optionen der Bestellung
*/
#webisco-order-options {
}
#webisco-order-accept-agbs {
    margin-bottom: 10px;
}
#webisco-order-accept-privacy-statement {
    margin-bottom: 10px;
}
#webisco-order-message{ /* Hinweis für den Kunden, bevor er die Bestellung abschickt */
    width: 500px;
    border: solid 2px red;
    padding: 2px;
    margin: 5px;
}
#webisco-order-shipping {
    background: #EEEEEE;
    border: solid 1px black;
    width: 500px;
    margin-bottom: 10px;
}
/* <div> */
#webisco-order-shipping .table {
    display: table;
    width: 100%;
}
#webisco-order-shipping .table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-order-shipping .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}
#webisco-order-shipping .table .row {
    display: table-row;
}
#webisco-order-shipping .table .cell {
    display: table-cell;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}
/* <table> */
#webisco-order-shipping table {
    border-spacing: 0px;
}
#webisco-order-shipping th {
    padding: 3px;
}
#webisco-order-shipping td {
    padding: 3px;
}
#webisco-order-shipping .webisco-order-shipping-row-even{
    background: #EEEEEE;
}
#webisco-order-shipping .webisco-order-shipping-row-odd{
    background: #DDDDDD;
}
#webisco-order-shipping .webisco-order-shipping-hint{
    font-size: 10px;
    font-style: italic;
}
#webisco-order-payment {
    background: #EEEEEE;
    border: solid 1px black;
    width: 500px;
    margin-bottom: 10px;
}
#webisco-order-payment table {
    border-spacing: 0px;
}
#webisco-order-payment th {
    padding: 3px;
}
#webisco-order-payment td {
    padding: 3px;
}
#webisco-order-payment .webisco-order-payment-row-even {
    background: #EEEEEE;
}
#webisco-order-payment .webisco-order-payment-row-odd {
    background: #DDDDDD;
}
#webisco-order-payment .creditcard span {
    font-size: 8px;
}
#webisco-order-coupon{
    background: #EEEEEE;
    border: solid 1px black;
    width: 500px;
    margin-bottom: 10px;
    text-align: left;
}
#webisco-order-coupon-label{
    margin-left: 3px;
    margin-right: 3px;
}
#webisco-order-coupon-code{
    margin: 2px;
    background: white;
    border: solid 1px;
}

/*
 Die Bestellungsübersicht
*/
#webisco-order-summary {
}
#webisco-order-summary table {
    border-spacing: 0px;
}
#webisco-order-summary td {
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: top;
}
#webisco-order-summary .webisco-account-details {
    background: #EEEEEE;
    border: solid 1px #888888;
    margin-bottom: 20px;
    display: table;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
/* <div> */
#webisco-order-summary .webisco-account-details .table {
    display: table;
    width: 100%;
}
#webisco-order-summary .webisco-account-details .table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-order-summary .webisco-account-details .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}
#webisco-order-summary .webisco-account-details .table .row {
    display: table-row;
}
#webisco-order-summary .webisco-account-details .table .cell {
    display: table-cell;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}
#webisco-order-summary .webisco-order-details .table {
    display: table;
    width: 100%;
}
#webisco-order-summary .webisco-order-details .table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-order-summary .webisco-order-details .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}
#webisco-order-summary .webisco-order-details .table .row {
    display: table-row;
}
#webisco-order-summary .webisco-order-details .table .cell {
    display: table-cell;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}
/* <table> */
#webisco-order-summary .webisco-account-details table {
    border-spacing: 0px;
}
#webisco-order-summary .webisco-account-details td {
    padding: 3px;
}
#webisco-order-summary .webisco-account-details th {
    background-color: #888888;
    color: #EEEEEE;
}
#webisco-order-summary .webisco-order-details {
    background: #EEEEEE;
    border: solid 1px #888888;
    margin-bottom: 20px;
    display: table;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
#webisco-order-summary .webisco-order-details table {
    border-spacing: 0px;
}
#webisco-order-summary .webisco-order-details td {
    padding: 3px;
}
#webisco-order-summary .webisco-order-details th {
    background-color: #888888;
    color: #EEEEEE;
}

/*
 Das Bemerkungsfeld der Bestellung
*/
#webisco-order-comment {
    margin-bottom: 10px;
    text-align: left;
    float: left;
    width: 100%;
    clear: both;
}
#webisco-order-comment-label {
    width: 130px;
    margin-top: 10px;
    margin-right: 3px;
    vertical-align: baseline;
    float: left;
    clear: both;
}
#webisco-order-comment-inputfield {
    width: 500px;
    margin-top: 5px;
    vertical-align: baseline;
    float: left;
}
#webisco-order-number-label {
    width: 130px;
    margin-top: 10px;
    margin-right: 3px;
    vertical-align: baseline;
    float: left;
    clear: both;
}
#webisco-order-number-inputfield {
    width: 200px;
    margin-top: 5px;
    vertical-align: baseline;
    float: left;
}
#webisco-order-person-label {
    width: 130px;
    margin-top: 10px;
    margin-right: 3px;
    vertical-align: baseline;
    float: left;
    clear: both;
}
#webisco-order-person-inputfield {
    width: 200px;
    margin-top: 5px;
    vertical-align: baseline;
    float: left;
}
#webisco-order-desired-delivery-date-label {
    width: 130px;
    margin-top: 10px;
    margin-right: 3px;
    vertical-align: baseline;
    float: left;
    clear: both;
}
#webisco-order-desired-delivery-date-inputfield {
    width: 200px;
    margin-top: 5px;
    vertical-align: baseline;
    float: left;
}
#webisco-order-comment-checkbox {
    clear: both;
    float: left;
}

/*
 Die Schaltflächen beim Bestellungsprozess
*/
#webisco-order-button-area {
}
#webisco-order-button-next {
}
#webisco-order-button-submit {
    color: #A00003;
    float: right;
}


#webisco-content .webisco-bank-account-table {
    clear: both;
    border: 0px;
    border-spacing: 0px;
    overflow: auto;
    display: block;
    padding-top: 10px;
}
/* <div> */
#webisco-content .webisco-bank-account-table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-content .webisco-bank-account-table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}
#webisco-content .webisco-bank-account-table .row {
    display: table-row;
}
#webisco-content .webisco-bank-account-table .cell {
    display: table-cell;
    padding: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    vertical-align: top;
}

/*
 Die Bestellhiistorie
*/
#webisco-order-history {
}
#webisco-order-history .webisco-order-history-filter{
    background: #EEEEEE;
    border: solid 1px #888888;
    margin-bottom: 1px;
    clear: both;
    float: left;
    width: 100%;
}
#webisco-order-history .webisco-order-history-filter form{
    float: left;
    margin: 3px;
}
#webisco-order-history .webisco-order-history-filter input{
    max-width: 80px;
    width: 80px;
}
#webisco-order-history .webisco-order {
    margin: 0px;
    margin-top: 10px;
    width: 100%;
    border: solid 1px #888888;
    display: block;
    float: left;
    background: #EEEEEE;
    clear: both;
}
#webisco-order-history .webisco-order-header {
    display: table;
    float: left;
}
#webisco-order-history .webisco-order-header div.row {
    display: table-row;
    float: none;
}
#webisco-order-history .webisco-order-header div.cell {
    display: table-cell;
    width: auto;
    float: none;
    padding: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    vertical-align: middle;
}
#webisco-order-history .webisco-order-items {
    clear: both;
    display: table;
    float: left;
    border: solid 1px #888888;
    margin: 5px;
    width: auto;
    background: #FFFFFF;
}
#webisco-order-history .webisco-order-items div.header {
    display: table-row;
    float: none;
    font-weight: bold;
}
#webisco-order-history .webisco-order-items div.row {
    display: table-row;
    float: none;
}
#webisco-order-history .webisco-order-items div.cell {
    display: table-cell;
    float: none;
    padding: 3px;
    padding-right: 20px;
}
#webisco-order-history .webisco-order-items div.stretch {
    width: 100%;
}