/* From file: tabPane/tab.css */

.tabPane .tab {
    height: 25px;
    position: relative;
    top: 0;
    border-left: 1px solid lightgray;
    border-top: 1px solid lightgray;
    border-right: none;
    border-bottom: none;
    float: left;
    padding: 0;
    margin: 0;
}

.tabPane .tab:first-child {
    margin-left: 10px;
}

.tabPane .tab:last-child {
    border-right: 1px solid lightgray;
}

.tabPane .tab.active {
    border-bottom: 1px solid white;
    font-weight: bold;
    top: 0;
    height: 26px;
}

/* From file: tabPane/_tabPane.css */

.tabPane {
    height: 26px;
    border-bottom: 1px solid lightgray;
    margin-top: 10px;
}

/* From file: itemList/gallery/productListItem/description/supplier.css */

.itemList .gallery .productListItem .description .supplier {
    font-size: 12px;
    
}

.itemList .gallery .productListItem .description .supplier.supplier span translate {
    display: inline-block;
}

.itemList .gallery .productListItem .description .supplier.supplier span {
    display: block;
}

/* From file: itemList/gallery/productListItem/description/_description.css */

.itemList .gallery .productListItem .description {
    font-size: 12px;
    padding: 5px;
}

/* From file: itemList/gallery/productListItem/description/title.css */

.itemList .gallery .productListItem .description .title {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    height: 40px;
    overflow: hidden;
}

/* From file: itemList/gallery/productListItem/description/price.css */

.itemList .gallery .productListItem .description .price {
    text-align: center;
    font-size: 14px;
}

.itemList .gallery .productListItem .description .price.price .amount {
    font-weight: bold;
    line-height: 14px;
    font-size: 14px;
}

.itemList .gallery .productListItem .description .price.price .opt {

}

/* From file: itemList/gallery/productListItem/description/projektartikel.css */

.itemList .gallery .productListItem .description .projektartikel {



}

/* From file: itemList/gallery/productListItem/_productListItem.css */

.itemList .gallery .productListItem {
    background: #fff none repeat scroll 0 0;
    border: 1px none #ddd;
    border-radius: 3px;
    box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.08);
    float: left;
    height: 400px !important;
    margin: 5px;
    max-width: 300px;
    min-width: 230px;
    position: relative;
    width: 19% !important;
    display: block;
    overflow: hidden;
}

/* From file: itemList/gallery/productListItem/formDiv.css */

.itemList .gallery .productListItem .formDiv {
    position: absolute;
    bottom: 5px;
    right: 5px;
    text-align: right;
}

/* From file: itemList/gallery/productListItem/image.css */

.itemList .gallery .productListItem .image {
    padding: 5px;
    text-align: center;
}

.itemList .gallery .productListItem .image.image a {
    color: #243588;
    text-decoration: none;
    transition: color 0.1s linear 0s;
}

.itemList .gallery .productListItem .image.image img {
    margin: 0;
    max-width: 100%;
    text-align: center;
}

/* From file: itemList/gallery/_gallery.css */

.itemList .gallery {

}

/* From file: itemList/gallery/ribbon/_ribbon.css */

.itemList .gallery .ribbon {
    height: 85px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 85px;
}

/* From file: itemList/gallery/ribbon/ribbonInside.css */

.itemList .gallery .ribbon .ribbonInside {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 800;
    left: -5px;
    line-height: 1.5em;
    padding: 2px 7px;
    position: relative;
    text-align: center;
    top: 15px;
    transform: rotate(45deg);
    width: 120px;
}

/* From file: itemList/_itemList.css */

.itemList {
    overflow-y: scroll;
}

.itemList.itemList .noResult {
    margin: 10px 0;
    font-size: 14px;
}

.itemList.itemList .newSearch {

    font-size: 12px;
    background: #477dca url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/search-icon.png") no-repeat;
    background-position: 95% center;
    background-size: 10% auto;
    padding-right: 25px;
    text-align: left;
}

/* From file: itemList/liste/productListItem/description/supplier.css */

.itemList .liste .productListItem .description .supplier {
    font-size: 12px;
    margin-bottom: 5px;

}

.itemList .liste .productListItem .description .supplier.supplier span b {
    margin-right:10px;
}

/* From file: itemList/liste/productListItem/description/_description.css */

.itemList .liste .productListItem .description {
    font-size: 12px;
    padding: 5px;
    min-width: 530px;
    display: inline-block;
    margin-left:135px;
}

.itemList .liste .productListItem .description.description ul li {
    display: inline-block;
    margin-right: 5px;
}

/* From file: itemList/liste/productListItem/description/title.css */

.itemList .liste .productListItem .description .title {
    font-size: 14px;
    display: block;
    height: 20px;
    margin-bottom: 5px;
    overflow: hidden;
}

/* From file: itemList/liste/productListItem/description/price.css */

.itemList .liste .productListItem .description .price {
    text-align: right;
    font-size: 14px;
    position: absolute;
    right: 190px;
    bottom: 0
}

.itemList .liste .productListItem .description .price.price .amount {
    font-weight: bold;
    line-height: 20px;
    font-size: 20px;

}

.itemList .liste .productListItem .description .price.price .opt {

}

/* From file: itemList/liste/productListItem/description/projektartikel.css */

.itemList .liste .productListItem .description .projektartikel {



}

/* From file: itemList/liste/productListItem/_productListItem.css */

.itemList .liste .productListItem {
    background: #fff none repeat scroll 0 0;
    border: 1px none #ddd;
    box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.08);
    float: left;
    height: 120px;
    margin-bottom: 1px;
    width: 100%;
    min-width: 700px;
    position: relative;

    display: block;
}

.itemList .liste .productListItem.productListItem:nth-of-type(2n) {
    background-color: #eee;
}

/* From file: itemList/liste/productListItem/formDiv.css */

.itemList .liste .productListItem .formDiv {
    position: absolute;
    bottom: 5px;
    right: 5px;
    text-align: right;
}

/* From file: itemList/liste/productListItem/image.css */

.itemList .liste .productListItem .image {
    padding: 0px;
    text-align: center;
    width: 130px;
    display: inline-block;
    position: absolute;
    top:0;
    left:0;
    z-index: 5;
}

.itemList .liste .productListItem .image.image a {
    color: #243588;
    text-decoration: none;
    transition: color 0.1s linear 0s;
}

.itemList .liste .productListItem .image.image img {
    margin: 0;
    max-width: 100%;
    text-align: center;
}

/* From file: itemList/liste/ribbon/_ribbon.css */

.itemList .liste .ribbon {

    overflow: hidden;
    position: absolute;
    left:0;
    bottom:0;
    width: 130px;
    z-index: 7;
}

/* From file: itemList/liste/ribbon/ribbonInside.css */

.itemList .liste .ribbon .ribbonInside {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 800;

    line-height: 1.5em;
    padding: 2px 7px;
    position: relative;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 120px;

    opacity: 0.7;
}

/* From file: itemList/liste/_liste.css */

.itemList .liste {

}

/* From file: spa/availability.css */

.spa .availability {
}

.spa .availability.ON_STOCK {
    background-color: #77b57a;
}

.spa .availability.EXPECTED_STOCK {
    background-color: #ffa700;
}

.spa .availability.ON_RAMP {
    background-color: #ffa700;
}

.spa .availability.ORDERABLE, .spa .availability.NOT_ORDERABLE {
    background-color: #e32225;
}

/* From file: spa/buttonKit/button.css */

.spa .buttonKit .button {
    background: #477dca  no-repeat scroll 50% 50%;
    font-size: 16px;
    padding: 0;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    position: relative;
}

.spa .buttonKit .button.cart {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4hJREFUeNrk11toz2Ecx/H/Trb/bDNnwsZaybhybKyhtNpacmFqU8r5SktcUEqkWYhCSRkXGiJbQkktcrGwoR2FYY6zk802M7Pt7/3w+enX2v+0i/8uPPXK7/ntd3j+z/P9fp+fIJfL5RjJFuwY4WYNYBSiR2JAwXrxfnxEGe4gNVADCNUgRiMG83U+CA8CMYAgBaGZhbmIRzK2YjFqAjWAwa1SM5CPAXThpwRkALtxFG1aol9oRwf6dfwVX9CIHrTq3Ff9/Ts68UMDH/BnAGY5nmIDXmAs9mEmzmGalm2Zjl+pHwknwjUoM/BeDa5DffOjmnAN9x1mAG5UYL+tvw11CLGdy0W1jkP1tyy0YwVSkYmbaEQ+CtCH44j0NIADtocbSfimf61zGWhAlO3canwyD7edu4xCHU9AM9JNP9RDfBQpFk6iRcUqDLvwBH1IwBhsVDx0Y7nSe7liwFy3EHe1XGsVR6WeYsBq5XpJlR6aoLV+rcFY51oUaCGqJ05bAIdokN8VD+NwBdl/3uBhCYw8lNn6e1Bp60dpunNs5/aiFtFwIg2dWIJZaMJ263pvtf865iFJfVMb4jBd/S6l4QzbPWFKQysFpyrqH2kmTKbcs5diT82k4nut20E0K5/TUaKHmdRailWIwiJMwU5EIEMvPqNYqMXLf2/wsgTGQdff9hmtSqFuHbfhB3qVDfXoULY8Qym6UINLuveQ/fm+DGAx+rVuJgUvoErrGasHmn6Err+Iq7ba8AbZihcz6JX25/uy/5uUe6s0rFVcTFJ1a9cyxdqudyo2TJuta03071B1fDx4O/bWTM7ewnqcUkyY7TsL1VrXyTitEmzVgRRM1IAKFA8nlY5e94LBLVkZYBUkpwqMqQnvpFd/r1fUf0ODsqRDs9WmH+TXDDh0oyk0R/BQs2BmYw4WqAIOr/kQhNam8wHh6q9DD1J8vN8tbzMQo635AM5rjbdovY8pBuKHuG9An3W/tEe4/P0gMS0PuVrzEK1vuNbdpSwI04sGvzxYRcocF2OTqqLPA8jUB0MOJugXb0aF4sblJn5MYI7XTnoWNzSAEzjs7qt4qJaIT7p5vKa7QbuitxanGShSwJarHvgVhImqWiUqqc+1u/kaXLfxHsX4qR1xyGvdVcI6pCmfy7ShdPqRXKZoFSo+1uhjxO8gdOjjoU+FxN/m1O7YPJzP8v/nf8e/BRgAAmmlBn4bn0AAAAAASUVORK5CYII=);
    background-color: #46AFEB;
}

.spa .buttonKit .button.bell {
    background-color: #e1b440;
}

.spa .buttonKit .button.cart.present {
    background-color: #243588;
}

.spa .buttonKit .button.leaflet {
    background-color: yellowgreen;
}

.spa .buttonKit .button.cart_remove {
    background: #96151b url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABF5JREFUeNq0l31o1HUcx383b7pbm82W68GatYzKHgSbhmC41ERCIgQDtb96IIxMi0ojg9Ja0MKgxULogZLUkqZBEXSb1yqGulmYuQx70JnNTefDznZuO3e9Ptf7N36d97SHvvDivs+fz30/T3e+WCzmDKe9XXJV4tRcuBO+hbpMa35nZJtdOsczvtujhAkPetbqbS5nBIWbgDlF15U50555yp0Lan5AuK3ZHik6oMBoKIThKGRP61y/8D6nHCEJSgwItzXb457xS/BqeBx+heNQCd8MUgGzq9NUtT4+KJcC7tgV3szYnbMzfn3ri2AsTNWCbwgK1MnmwUQl3H6C8Lh/mAJn4AXYAhNhBjwCN8P+kVIimXDHY/Mw7ISPYSX8BsvAYuxKvc4Y539oqcLwQ6iCJVKyD05DF5xX/yQcW9bxZzuf56Cz8cV1pXtrNqxLtHkSnwh6TZCsfQmv6BV+gXGwBq6Bd2CCnHeB+gcPB+tLEH5ZGoe7QInc/Pz5qRQw2x+AG2WWeITBs/CaXsHaCvMXsuFtOX6/ffM1qYQniw6y8Kx0cb8dFnnG38F4uMEzdxCKMUNBfzTaEJ+o3X6Bw82tqQ65Qm3N9liLRiI7fGlqwRRohHfhhJKVqb8Z9th5sJT2BKwyf/jg1qnPd7d3THEvuOmBxU9WrK8y5954YNOWltDKp+9113Jy/Q39fdEKX4Zi1Cwh++SwZbK9RUmuZ84U7IFRR0IN49p2N+VdPq08XDq7wpQcBRfD3607vo61N+8pLCorC9U9tnx2XIIpkIZKaPKMV8OPnnEBHIUlNeMnOAb956AFCiEA8yAMd8C10AGPuvsz5f5P4RaYrLFlx1LlB2tnwcLwas8Ze5nTOGYYIvSvgA76u/QS+RByN2cygU/R8BGsVSTsks3rdZn5yDGohgJ4SFnUxnlwj7kDbLUgsEeH6QMSMpjAWBv7t/0FnRCFbvVPQQR6oQ0OQRecgR+gEc7Cftiksy97789Ggelw3uwGk+F92Cd7FulCG+dp/0b4RH0//A6L5S+m9F3e+7Op/xZyfygMW+QXJZZ6lZK/hyLP/oB8w1HOsL29sFwpe3c2tcDbLOt9Dktl11aVb0tSP8muloLfUsGapXtnKnEF5CfmD29aOP7HybL8UTpDEeAmpIASkeWEw6JX64fM61Xm2xQlXXqtU540nvULODrYozqwU69QLe++HbqHXI+zcEJjBRyBMRrfD+dgZpbnU5LpBcYqpl+C92Tjh2Xv1+UDE5Oc61cO6VOOSGnndD5QqXI7Wvn8hBQo1IWdynq+JMJzlKSsvw0ehMhgFFigzGW/iC7VN7YMt1d+E0vhP+aYxVALG+AzKfAGvDqYn2ST4KgOF+u521QVM7VSvUCtHLY54TdEVk44SVmrXin1Z1W3bJ3rC2iFbdCjiph0b6pMaH9Q5imem1RQwoMIrqUqYOYf9jfoq6E4obVLZNeuIUR4QNXxeNpyO9y/58Nt/wgwAMIQVoxWYpU4AAAAAElFTkSuQmCC) no-repeat scroll 50% 50%;
}

.spa .buttonKit .button.button .itemCount {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    box-shadow: 0 2px 3px #000;
    color: #243588;

    position: absolute;
    top: 2px;
    right:2px;

    font-size: 11px;
    line-height: 20px;

    text-indent: initial;

    width: 20px;
}

/* From file: spa/buttonKit/quantity.css */

.spa .buttonKit .quantity {
    height:45px;
    width: 80px;
    font-size: 14px;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    text-align: center;
}

/* From file: spa/buttonKit/_buttonKit.css */

.spa .buttonKit {

}

.spa .buttonKit.buttonKit-align-left {
    text-align: left;
}

.spa .buttonKit.buttonKit-align-right {
    text-align: right;
}

/* From file: spa/apiIcon/_apiIcon.css */

.spa .apiIcon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}

.spa .apiIcon.apiIcon-leftOfText {
    padding-left: 25px;
    background-position: left;
}

.spa .apiIcon.apiIcon-projektartikel {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNpitJrzjpOBgWEaEMcCMTMD8eAvEM8C4mKWRx9/9wIZCQykA5CFmUD8nQnqAkpAFAuQ4EEWkeNnZjiaLIxTx+FHvxgqdn9mePTxL0yIkwVdka08G5i+/PIPWAMy0BVnYbCVY2PIMuViqNjzGS6OYQg/OyOY3nLrB8O0099Q5HzU2MGG8HMwoYgzoRuiK84KppGci7AAqvnyy9/4DdEThzjuEtA76GEVrcuJ1QIs3oGYiytwQeG05dZP3IZA/MsItgldIcwFSy99xxBHMUROAJJgDz/8xdB++AvRCYUJ3d+4ApVoQ3ShgXoZLVBJMkQe6pKHJLoEZPVrIBaFJLCfDB9//CPVO98ZZXpftgMZFRRkwG6QS+qBGJRhooBYggTNT4F4JRDXAAQYAPqeX2NUiPmoAAAAAElFTkSuQmCC);
}

.spa .apiIcon.apiIcon-esd {
    
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAUCAYAAAAk/dWZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAldJREFUeNrsVzFOw1AM/UXdGAgnoD0BQWKnnIDmBLQzA83GlnZjaxfmpidoOEHDjkQ4AeEEhIG5PKNnZL5SMRQQoFqyfupvf/vZ/k7aWC6X7q/TlvsHtAGxAfGF1PhMoX142cIiXDzcXlTrOHu62tazyt2zl/LLQCDIIdbE30DAsrfAY8eIJ5DHNXIJKMJeURO46Il+Cn6krz5ApGsmROI+xTltCyIH33iBTaUC4GvwOTiQ4lDeYWAi64KlSgcAUtJJyL0Oz4/Be2CR91mRijoFgqmMzYdKMRFO5fw9pyxqekHnfJbAB3wOuMYIMGWLqc0MstxURsBM4GRs7J05M+F5FaujdAybxFYXv49psyBwIQEaebZje7F73FSjlM5adD5FsHfgoKa6WsGAfT9gUtpekgImKrQtKm1hKhtTrtkW3RFZ7E+o57j2bSVsO5XSFgi4TXD7XEOuPu2Z5y7XjKXXKoSmIprxEXSG0HkyiVTaUT3RoWzIKk21E7BXbNW0k3ALAERRD49Nq1kKoTcwzjPTfs9w1jOBK4h7JsWZMwMG26CvjHrvUw18B16CAy8hblU7LUxVxgTToZGdKmPyW1a96ZRwAGjgRz4gBJ1bMKyInFdxeunlfqDNRAYAW/zNRAA2V2RYRmyKLOcmy3JgJu8KyGe29eQMnUrMYkKw13SeEYS0TwHHM943pYh+dFJleuGN/9yAjkyrlY3veIOyZ3vm3eB4eR3fEfmPvrHXAFI3ZpVSAOn/+m8nBBlzxOpQqEy7jf7kRxoqMwd3v+UDcPPP7pfQqwADACMHDNw1nWVaAAAAAElFTkSuQmCC);
    padding-left: 55px;
}

/* From file: spa/header/widget/_widget.css */

.spa .header .widget {
    background: yellowgreen ;
    color: #ffffff;
    height: 60px;
    line-height: 50px;
    position: absolute;
    text-decoration: none;
    text-align: center;
    top: 20px;
    z-index:38;
    transition: opacity 0.3s ease 0s, box-shadow 1s ease 0s;
    width: 70px;
}

.spa .header .widget.cart {
    right: 0;
    background: #46afeb url(data:image/png;base64,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) no-repeat 50% bottom / 50% 70%;
}

.spa .header .widget.leaflet {
    right: 70px;
    background: yellowgreen;
}

.spa .header .widget.settings {
    right: 140px;
    background: #aaaaaa;
}

.spa .header .widget.active {
    box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, 0.75);
    transition: box-shadow 1s ease 0s;
}

.spa .header .widget.widget span.itemcount {
    line-height: 20px;
    display: block;
    background: #fff;
    color: #46afeb;
    margin: 0 auto;
    margin-top: 3px;
    border-radius: 20px;
    font-size: 11px;
    width: 20px;
}

.spa .header .widget.fa-2x .fa-file-text-o::before {
    display: block;
    margin-top:-1px;
}

/* From file: dialog/window/content.css */

.dialog .window .content {
    position: absolute;
    top:55px;
    left:5px;
    right:5px;
    bottom:55px;
    font-size:12px;
}

/* From file: dialog/window/footer.css */

.dialog .window .footer {
    position: absolute;

    left:5px;
    right:5px;
    bottom:3px;
    height: 45px;
}

.dialog .window .footer.footer button {
    margin-left:15px;
    margin-top: 10px;
}

/* From file: dialog/window/close.css */

.dialog .window .close {
    
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    text-align: center;
    background-color: #bbbbbb;
    border-radius: 15px;
    color: #ffffff;
    opacity: 1;
    height: 16px;
    width: 16px;
    line-height: 16px;
    font-weight: 400;
    padding: 5px;
}

/* From file: dialog/window/_window.css */

.dialog .window {
    background-color: #fff;
    border: 1px solid lightblue;
    border-radius: 5px;
    bottom: 100px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
    margin-left: -50%;
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 999999;
}

.dialog .window.small {
    width: 500px;
    height: 300px;
    margin-left: -50px;
}

/* From file: dialog/window/header/_header.css */

.dialog .window .header {
    position:absolute;
    top: 2px;
    left:2px;
    right:2px;

    padding-left:10px;
    height: 45px;
    border-bottom: 2px solid #46afeb;
    color: #46afeb;
    line-height: 45px;
    z-index: auto;
}

/* From file: dialog/_dialog.css */

.dialog {
    height: 100%;
    left: 50%;
    max-width: 1200px;
    position: fixed;
    width: 90%;
    z-index: 100;
    display: none;
}

.dialog.active {
    display: block;
}

.dialog.dialog .modalBg {
    background-color: darkgray;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
}

.dialog.dialog .windowMain {
    background-color: #fff;
    border: 1px solid lightblue;
    border-radius: 5px;
    bottom: 100px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
    margin-left: -50%;
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 999999;
}

.dialog.dialog-absolute {
    position: inherit;
    display: block;
}

/* From file: sidebar/_sidebar.css */

.sidebar {
    background-color: #fff;
    bottom: 30px;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 80px;
    width: 335px;
    z-index: auto;
    transition: all 0.4s ease 0s;
}

.sidebar.ng-hide {
    right: -450px;
}

.sidebar.sidebar button {
    padding: 0;
    color: #999999;
    background-color: white;
}

.sidebar.sidebar .pullRight {
    float:right;
}

.sidebar.sidebar .fa-1x {
    font-size: 12px;
}

.sidebar.sidebar .fa-2x {
    font-size: 16px;
}

.sidebar.sidebar .fa-remove:hover {
    color:#E32225;
}

.sidebar.panel-body label.ng-binding {
    font-size: 12px;
    margin-bottom:0;
}

/* From file: sidebar/header.css */

.sidebar .header {
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    position: absolute;
    display: block;
    height: 40px;
    padding-left: 5px;
    left:0;
    right:0;
    font-size: 14px;
}

.sidebar .header.grey {
    background: #aaaaaa;
    color: #ffffff;
}

.sidebar .header.green {
    background: yellowgreen;
    color: #ffffff;
}

.sidebar .header.blue {
    background: #46afeb;
    color: #ffffff;
}

.sidebar .header.header small {
    color: #ffffff;
}

/* From file: sidebar/itemList/_itemList.css */

.sidebar .itemList {
    position: absolute;
    top: 50px;
    bottom: 70px;
    padding: 5px;
    left:0;
    right:0;
    overflow: auto;
}

.sidebar .itemList.withSelector {
    top: 255px;
    font-size: 12px;
}

/* From file: sidebar/itemList/prevItem/overlay.css */

.sidebar .itemList .prevItem .overlay {
    position: absolute;
    left: 1px;
    bottom: 1px;
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.sidebar .itemList .prevItem .overlay.overlay.overlay_PROJECT_ARTICLE {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNpitJrzjpOBgWEaEMcCMTMD8eAvEM8C4mKWRx9/9wIZCQykA5CFmUD8nQnqAkpAFAuQ4EEWkeNnZjiaLIxTx+FHvxgqdn9mePTxL0yIkwVdka08G5i+/PIPWAMy0BVnYbCVY2PIMuViqNjzGS6OYQg/OyOY3nLrB8O0099Q5HzU2MGG8HMwoYgzoRuiK84KppGci7AAqvnyy9/4DdEThzjuEtA76GEVrcuJ1QIs3oGYiytwQeG05dZP3IZA/MsItgldIcwFSy99xxBHMUROAJJgDz/8xdB++AvRCYUJ3d+4ApVoQ3ShgXoZLVBJMkQe6pKHJLoEZPVrIBaFJLCfDB9//CPVO98ZZXpftgMZFRRkwG6QS+qBGJRhooBYggTNT4F4JRDXAAQYAPqeX2NUiPmoAAAAAElFTkSuQmCC);
}

.sidebar .itemList .prevItem .overlay.overlay.overlay_ESD_ARTICLE {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPBJREFUeNpi/BSglMvAwODIgAWw/2T6c9DqXeM+u3dV7D8ZOBmwg70sQMIaiAMZcIMZQBwJxIw45H8wAYnveAz4BcR/gfgzHjXfmRioAAaXIcx45FmhAcqKRw0zC+/vLy+BjIdYpX8z/mL5++v7DwaGu/8ZGHhxGPKKMb55vgGQIQvE/zGs+Mv530h21QkzhXWmzH8YWLAYAHLlI5aFajGgxBaH1Y7/LL9EOW96Zv9dtxTI48PhkgUsDL+/gMKEBbsh/AwsbL9AtrHhVAN0MBM2byCBf2g0VquGYWLjwiMPC1A+PGq4GP///0+xSwACDABrkjwmzyhFwQAAAABJRU5ErkJggg==);
}

/* From file: sidebar/itemList/prevItem/_prevItem.css */

.sidebar .itemList .prevItem {
    overflow: hidden;
    transition: all 0.4s ease 0s;
    border-bottom: 1px dashed #ddd;
    padding: 5px 0;
    position: relative;
}

.sidebar .itemList .prevItem.prevItem .image {
    background-color: #fff;
    float: left;
    padding: 5px;
    width: 60px;
}

.sidebar .itemList .prevItem.prevItem .title {
    height: 35px;
    line-height: 14px;
    font-size: 12px;
    overflow: hidden;
}

.sidebar .itemList .prevItem.prevItem .notice {
    width: 220px;
    height: 20px;
    float:left;
    overflow: hidden;
    font-size: 12px;
}

.sidebar .itemList .prevItem.prevItem .qttyPrice {
    height: 20px;
    font-size: 12px;
    overflow: hidden;
}

.sidebar .itemList .prevItem.prevItem .buttonBar {
    position: absolute;
    right:5px;
    bottom: 5px;
    width: 100px;
}

/* From file: sidebar/headButton/_headButton.css */

.sidebar .headButton {
    border: 1px solid #ffffff;
    border-radius: 3px;
    margin-top: 3px;
    margin-right: 5px;
    padding: 0;
    background-color: inherit;
    height: 30px;
    width: 30px;
    transition: all 300ms;
    text-align: center;
}

.sidebar .headButton.green {
    background-color: yellowgreen;
    color:white;
}

.sidebar .headButton:hover {
    background-color: white;
    color: yellowgreen;
    transition: all 300ms;
}

/* From file: sidebar/footer/_footer.css */

.sidebar .footer {
    position: absolute;
    bottom: 0;
    right:0;
    left:0;
    height:40px;
}

.sidebar .footer.footer button, .sidebar .footer.footer .button {
    background-color: #477dca;
    border-radius: 3px;
    color: white;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    padding: 0.75em 1em;
    text-decoration: none;
    margin-top:5px;
    margin-left:5px;
    margin-right:5px;
}

/* From file: sidebar/icon.css */

.sidebar .icon {
    padding: 5px;
    border: 1px solid #999999;
    border-radius: 3px;
    margin-right: 2px;
    background-color: #f1f2f3;
    text-align: right;
    cursor: pointer;
}

/* From file: sidebar/selector/_selector.css */

.sidebar .selector {
    position: absolute;
    top: 42px;
    height:200px;
    padding: 5px;
    left:0;
    right:0;
    overflow: auto;
    border-bottom: 1px dashed grey;
    font-size: 12px;

}

.sidebar .selector.selector .tableRow {

}

.sidebar .selector.selector .tableRow .leftColumn {
    cursor: pointer;
    padding-left: 5px;
}

.sidebar .selector.selector .tableRow.active {
    background-color: lightgrey;
}

/* From file: sidebar/sumTotal/_sumTotal.css */

.sidebar .sumTotal {
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 0;
    height: 30px;
    border-top: 1px dashed;
    //background-color: red;
}

.sidebar .sumTotal.sumTotal span {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 0.75em 1em;
}

.sidebar .sumTotal.sumTotal .gesPreis {
    float: right;
}

/* From file: prodDetails/prodFeatures/_prodFeatures.css */

.prodDetails .prodFeatures {

}

/* From file: prodDetails/prodFeatures/article_details_h2.css */

.prodDetails .prodFeatures .article_details_h2 {
    font-size: 20px;
    clear:both;
    padding-top:15px;
    padding-bottom: 5px;
}

/* From file: prodDetails/prodDownload/_prodDownload.css */

.prodDetails .prodDownload {

}

/* From file: prodDetails/prodDownload/span.css */

.prodDetails .prodDownload span {
    margin-left: 10px;
}

/* From file: prodDetails/prodDownload/h2.css */

.prodDetails .prodDownload h2 {
    font-size: 20px;
}

/* From file: prodDetails/prodDownload/a.css */

.prodDetails .prodDownload a {
    clear:both;
    display: block;
    margin-top: 10px;
}

/* From file: prodDetails/_prodDetails.css */

.prodDetails {

}