@import url(fonts/opensans/stylesheet.css);

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, a, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/**********************************************************/
.left-category-nav ul li a {
    font-size: 14px;
}

ol {
    list-style: disc;
    padding-left: 20px;
}

.mobile-only {
    display: none !important;
}

.tooltip {
    font-size: 12px;
    width: 160px;
    z-index: 30000;
    background: #000;
    color: #fff;
    padding: 10px;
}

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

    a:hover {
        text-decoration: underline;
    }

.clear {
    clear: both;
    float: none;
    height: 1px;
    line-height: 1px;
}

body {
    font-family: 'Open Sans', serif;
    line-height: 1.4;
}

#Page {
    min-width: 1082px;
}

#Header {
    background: #000000;
    min-height: 220px;
    padding: 0 4%;
    position: relative;
    z-index: 500;
}

    #Header .headerimg {
        background: url(bg-hotelbedarf24.jpg);
        background-repeat: no-repeat;
        background-position: center;
    }

    #Header .topnav {
        position: absolute;
        right: 4%;
        font-family: 'Open Sans';
        padding-top: 4px;
    }

        #Header .topnav a {
            color: #ccc;
            text-decoration: none;
            padding-left: 20px;
            font-size: 12px;
        }

            #Header .topnav a:hover {
                text-decoration: underline;
            }

    #Header .logo {
        display: block;
        padding: 10px 0 20px 0;
        width: 300px;
    }

    #Header .search-text {
        border: 1px solid #4D4D4D;
        background-color: #fff;
        width: 386px;
        height: 16px;
        padding: 4px;
    }

    #Header .search-button {
        background: url(icon_sprite.png) 0 -47px;
        height: 25px;
        width: 25px;
        border: none;
        cursor: pointer;
    }

    #Header .AspNet-TreeView,
    #Header .tv {
        margin-top: 10px;
    }

        #Header .AspNet-TreeView ul,
        #Header .tv ul {
            overflow: hidden;
            min-height: 42px;
            background: url(menu_linie.png);
        }

            #Header .AspNet-TreeView ul li,
            #Header .tv ul li {
                display: block;
                float: left;
                line-height: 42px;
                margin-right: 20px;
                margin-left: 10px;
                position: relative;
            }

                #Header .AspNet-TreeView ul li ul,
                #Header .tv ul li ul {
                    display: none;
                }

                #Header .AspNet-TreeView ul li a,
                #Header .tv ul li a {
                    color: #B3B3B3;
                    font-size: 16px;
                    text-decoration: none;
                }

                #Header .AspNet-TreeView ul li .AspNet-TreeView-Expand,
                #Header .tv ul li .tvex,
                #Header .AspNet-TreeView ul li .AspNet-TreeView-Collapse,
                #Header .tv ul li .tvcl {
                    overflow: hidden;
                    display: block;
                    position: absolute;
                    width: 10px;
                    height: 10px;
                    background: url("icon_sprite.png") repeat scroll -10px -101px transparent;
                    top: 18px;
                    left: -10px;
                }

                #Header .AspNet-TreeView ul li.AspNet-TreeView-Selected a,
                #Header .tv ul li.tvs a,
                #Header .AspNet-TreeView ul li:hover a,
                #Header .tv ul li:hover a,
                #Header .AspNet-TreeView ul li.AspNet-TreeView-ChildSelected a,
                #Header .tv ul li.tvcs a {
                    color: #fff;
                }

                #Header .AspNet-TreeView ul li.AspNet-TreeView-Selected .AspNet-TreeView-Expand,
                #Header .tv ul li.tvs.tvex,
                #Header .AspNet-TreeView ul li.AspNet-TreeView-Selected .AspNet-TreeView-Collapse,
                #Header .tv ul li.tvs .tvcol,
                #Header .AspNet-TreeView ul li:hover .AspNet-TreeView-Expand,
                #Header .tv ul li:hover .tvex,
                #Header .AspNet-TreeView ul li:hover .AspNet-TreeView-Collapse,
                #Header .tv ul li:hover .tvcol {
                    background-position: -10px -113px;
                }

                #Header .AspNet-TreeView ul li img,
                #Header .tv ul li img {
                    margin-right: 5px;
                    vertical-align: top;
                    margin-top: 17px;
                }

    #Header a.AspNet-TreeView-Leaf[title*="NACHHALTIG | ECO"],
	#Header .AspNet-TreeView a[href*="_H24=xHB26_l.dpage"] {
		color: limegreen !important;
	}	
	
    #Header .sclink {
        display: block;
        position: absolute;
        color: #fff;
        width: 230px;
        height: 90px;
        border-top: 1px solid #4D4D4D;
        padding-top: 10px;
        top: 30px;
        right: 4%;
        text-decoration: none;
    }

    #Header .scc .title {
        font-size: 14px;
        line-height: 24px;
        color: #CCC;
    }

    #Header .scc .content {
        font-size: 12px;
        line-height: 14px;
        color: #B3B3B3;
    }

    #Header .scc .price {
        font-size: 18px;
        line-height: 34px;
        color: #fff;
    }

    #Header .scc .arrow {
        position: absolute;
        width: 25px;
        height: 25px;
        top: 64px;
        left: 205px;
        background: url(icon_sprite.png) no-repeat 0 -24px;
    }

#Mid {
    width: 92%;
    margin: 0 auto;
    position: relative;
    background: #fff;
    padding: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 15px 0px #ddd;
    -moz-box-shadow: 0px 0px 15px 0px #ddd;
    -webkit-box-shadow: 0px 0px 15px 0px #ddd;
    -o-box-shadow: 0px 0px 15px 0px #ddd;
}

#Footer {
    width: 92%;
    margin: 20px auto 20px auto;
}

    #Footer .title,
    .grouplist .title {
        text-transform: uppercase;
        margin: 20px 0;
        font-size: 14px;
        color: #4d4d4d;
    }

    #Footer .botnav {
        font-size: 13px;
        line-height: 14px;
        font-family: Arial;
        margin-top: 20px;
        margin-bottom: 70px;
    }

        #Footer .botnav a {
            color: #333;
            text-decoration: none;
        }

            #Footer .botnav a:hover {
                text-decoration: underline;
            }



/*PRODUCTLIST***************************************************/

#Productlist .article_mini {
    width: 18%;
    height: 414px;
    float: left;
    margin-bottom: 44px;
    border-right: 1px solid #ccc;
    padding-right: 0.9%;
    margin-right: 0.9%;
    position: relative;
}

#Productlist .itemseperator,
.big-block #Productlist .itemseperator {
    height: 374px;
    width: 1px;
    background: #ccc;
    float: left;
    margin: 0 8px;
}

.big-block #Productlist .article_mini {
    width: 14.7%;
    margin-bottom: 35px;
}


#Productlist .article_mini a {
    display: block;
}

/*#Productlist .article_mini .image{
    padding: 10px;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px auto;
    border: 1px solid #ccc;
    text-align: center;
}*/
#Productlist .article_mini .imagebox {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px auto;
}
/*---*/
#Productlist .article_mini .imgcenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px auto;
    text-align: center;
    border: 1px solid #ccc;
    position: relative;
}

    #Productlist .article_mini .imgcenter * {
        vertical-align: middle;
    }
/*\*/ /*/
#Productlist .article_mini .imgcenter {
    display: block;
}
#Productlist .article_mini .imgcenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
#Productlist .article_mini a {
    text-decoration: none;
}

#Productlist .article_mini .info .hover {
    padding: 10px 5px;
    border: 1px solid #fff;
    overflow: hidden;
    min-height: 150px;
}

#Productlist .article_mini .info:hover .hover {
    border: 1px solid #B3B3B3;
    background: #E6E6E6
}

#Productlist .article_mini .info .seperator,
#Productlist .article_mini .info .hr,
.last-seen-box .seperator,
.last-seen-box .hr {
    background: #B3B3B3;
    height: 1px;
    line-height: 1px;
    width: 95%;
    margin: 5px auto;
}

#Productlist .article_mini .info .name {
    color: #666;
    font-size: 13px;
    height: 90px;
    overflow: hidden;
}

#Productlist .article_mini .info .price {
    color: #000;
    font-size: 21px;
}

.ve-price,
.vep {
    font-size: small;
}

#Productlist .article_mini .info .short {
    color: #333;
    font-family: Arial;
    font-size: 12px;
    height: 16px;
}

#Productlist .article_mini .info.no-add-button .hover {
    height: 165px;
}

.article_mini .amount {
    padding-left: 5px;
    margin-top: 10px;
    position: relative;
}

    .article_mini .amount input {
        width: 52%;
        border: 1px solid #ccc;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .article_mini .amount span {
        font-size: 12px;
    }

    .article_mini .amount .popup {
        display: none;
    }

.shoppinglist-manager-item .add-to-cart,
#Productlist .article_mini .button {
    position: relative;
}

    .shoppinglist-manager-item .add-to-cart .icon,
    #Productlist .article_mini .button .icon,
    .grouplist .button .icon,
    .productdetail .button .icon,
    .last-seen-box .button .icon {
        position: absolute;
        width: 25px;
        height: 25px;
        background: url(icon_sprite.png) no-repeat 0 -71px;
        left: 0;
        top: 0px;
    }

.button.change .icon,
.button.change .icon {
    background-position: -1px -124px !important;
    width: 20px !important;
    height: 20px !important;
    left: 0px !important;
    top: 3px !important;
}

.button.change:hover .icon {
    background-position: -1px -142px !important;
}

.button.delete .icon {
    background-position: -1px -160px !important;
    width: 20px !important;
    height: 20px !important;
    left: 1px !important;
    top: 2px !important;
}

.button.delete:hover .icon {
    background-position: -1px -178px !important;
}


.productbox {
    border: 1px solid #CCC;
    padding: 20px;
    width: 445px;
    height: 188px;
    overflow: hidden;
    position: relative;
    float: left;
}

    .productbox.neubox {
        margin-left: 20px;
    }

    .productbox a {
        color: #000;
    }

    .productbox .image {
        width: 140px;
        height: 140px;
        float: left;
        text-align: center;
    }


    .productbox .right {
        float: right;
        width: 290px;
    }

    .productbox .title {
        border-bottom: 1px solid #CCC;
        font-size: 28px;
        text-transform: uppercase;
        padding-bottom: 10px;
        margin-bottom: 16px;
        line-height: 50px;
    }

    .productbox .name {
        font-size: 14px;
        color: #666;
        height: 34px;
    }

    .productbox .price {
        font-size: 24px;
    }

    .productbox .more {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        background: #000;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        border-width: 1px 0 0 1px;
    }

    .productbox .more {
        text-decoration: none;
    }

#Mid .left-block {
    width: 22%;
    float: left;
}

#Mid .right-block {
    width: 75%;
    float: right;
}

#Mid .AspNet-TreeView,
#Mid .tv {
    font-size: 12px;
}

    #Mid .AspNet-TreeView a.AspNet-TreeView-Root,
    #Mid .tv a.tvr {
        display: none;
    }

    #Mid .AspNet-TreeView a,
    #Mid .tv a {
        display: block;
        color: #333;
        text-decoration: none;
        padding: 5px 0;
        border-bottom: 1px solid #CCC;
    }

    #Mid .AspNet-TreeView li li,
    #Mid .tv li li {
        padding-left: 20px;
    }

    #Mid .AspNet-TreeView a.AspNet-TreeView-Selected,
    #Mid .tv a.tvs,
    #Mid .AspNet-TreeView a:hover,
    #Mid .tv a:hover,
    #Mid .AspNet-TreeView-ChildSelected,
    #Mid .tvcs {
        color: #29ABE2;
    }


/*PAGING UND BREADCRUMBS*******************************************************************************/

div.paging {
    float: right;
}

.paging,
.paging a:hover {
    color: #333;
    font-size: 16px;
}

    .paging a {
        color: #666;
        font-size: 0.9em;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        width: 8px;
    }

        .paging a.nextLink,
        .paging a.prevLink {
            width: 90px;
        }


.breadcrumbs {
    overflow: hidden;
    display: block;
    line-height: 20px;
}

    .breadcrumbs,
    .breadcrumbs a:hover {
        color: #29ABE2;
        font-size: 14px;
    }

        .breadcrumbs a {
            color: #333;
            text-decoration: none;
        }

        .breadcrumbs span {
            display: block;
            float: left;
        }

        .breadcrumbs .seperator {
            width: 20px;
            height: 20px;
            background: url("icon_sprite.png") no-repeat scroll -3px -95px transparent;
        }


.productdetail .item {
    overflow: hidden;
    border: 1px solid #ccc;
    border-width: 1px 0;
    margin: 12px 0;
    padding: 12px 0;
}

    .productdetail .item .left {
        float: left;
        width: 31%;
        text-align: center;
        min-height: 260px;
        line-height: 260px;
        position: relative;
    }

        .productdetail .item .left img {
            vertical-align: middle;
        }

    .productdetail .item .right {
        float: right;
        width: 69%;
        font-size: 13px;
    }

    .productdetail .item .code,
    .productdetail .item .article-short,
    .productdetail .item .article-title,
    .productdetail .item .article-short {
        display: block;
    }

    .shoppinglist-manager-item .article-title,
    .productdetail .item .article-title {
        font-size: 21px;
        margin-bottom: 12px;
    }

    .shoppinglist-manager-item .code,
    .productdetail .item .code {
        font-size: 13px;
        margin-bottom: 12px;
    }

    .shoppinglist-manager-item .article-price,
    .productdetail .item .article-price {
        font-size: 21px;
        padding: 4px 0;
        border: 1px solid #ccc;
        border-width: 1px 0;
        margin: 12px 0;
    }

    .productdetail .item .amount {
        border: 1px solid #ccc;
        padding: 2px;
        width: 100px;
        margin: 5px 0;
    }

    .productdetail .item select.amount {
        width: auto;
    }

    .productdetail .item .batchsize {
        margin-bottom: 8px
    }


    .productdetail .item .button {
        width: 130px;
        margin-top: 7px;
        margin-bottom: 7px;
    }

.detailgallery {
    overflow: hidden;
}

    .detailgallery a {
        display: block;
    }

        .detailgallery a.secimg {
            float: left;
        }

.button {
    display: block;
    position: relative;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    color: #333;
    text-decoration: none;
    padding-left: 34px;
}

#Productlist .button {
    background: none;
}

.grouplist {
    overflow: hidden;
}

.groupitem {
    width: 20%;
    float: left;
}

    .groupitem .article-title {
        display: block;
        text-align: left;
        font-size: 12px;
        color: #666;
        height: 30px;
        overflow: hidden;
    }

    .groupitem a {
        text-decoration: none;
        display: block;
        text-align: center;
    }

        .groupitem a .pic {
            height: 70px;
        }

    .groupitem .hover {
        display: block;
        padding: 8px;
        border: 1px solid #fff;
        margin-top: 10px;
    }

    .groupitem:hover .hover {
        border: 1px solid #B3B3B3;
        background: #E6E6E6
    }

    .groupitem .button {
        border: 1px solid #B3B3B3;
        border-width: 1px 0;
        margin: 5px 0;
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: left;
        background-position: 0px -71px;
    }

.grouplist .title {
    margin-top: 0;
}


/*SHOPPINGCART******************************************************************/

.numbering {
    width: 100%;
    overflow: hidden;
}

    .numbering .block {
        width: 32%;
        margin-right: 2%;
        position: relative;
        float: left;
        height: 68px;
        border: 1px solid #ccc;
        color: #999;
        font-size: 18px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .numbering .block.active {
            border-color: #000;
            color: #000;
        }

        .numbering .block.last {
            margin-right: 0;
        }

        .numbering .block span {
            position: absolute;
            top: 13px;
            left: 40px;
        }

            .numbering .block span.number {
                font-size: 22px;
                position: absolute;
                top: 10px;
                left: 10px;
            }

.basket {
    margin-top: 20px;
    width: 100%;
}

    .basket thead th {
        border: 1px solid #ccc;
        border-width: 1px 0;
    }

        .basket thead th span {
            display: block;
            background: #f2f2f2;
            margin: 1px 0;
            text-align: left;
            font-size: 12px;
            padding: 5px 2px;
        }

    .basket td {
        height: 90px;
        vertical-align: middle;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
    }

        .basket td.separator {
            height: 1px;
            background: #ccc;
        }

        .basket td.image {
            width: 10%;
        }

        .basket td.article a {
            color: #000;
            text-decoration: none;
        }

            .basket td.article a:hover {
                color: #29ABE2;
            }

        .basket td.price {
            width: 10%;
        }

        .basket td.amount {
            width: 10%;
        }

    .basket input.amount {
        float: left;
        border: 1px solid #ccc;
        width: 52px;
        padding: 2px;
    }

    .basket .amount .wk-refresh,
    .basket .amount .wk-delete {
        display: block;
        float: left;
        width: 16px;
        height: 16px;
        background: url(icon_sprite.png) no-repeat -6px -125px;
        margin: 2px 5px;
    }

        .basket .amount .wk-refresh:hover {
            background-position: -6px -143px;
        }

    .basket .amount .wk-delete {
        background-position: -5px -162px;
    }

        .basket .amount .wk-delete:hover {
            background-position: -5px -180px;
        }

    .basket .total {
        width: 10%;
    }

        .basket .total,
        .basket .total span {
            text-align: right;
        }

table.sum {
    font-size: 12px;
    float: right;
    margin: 10px 0;
}

.sum td {
    text-align: right;
}

.sum .firsttd {
    width: 188px;
    text-align: left;
}

.sum .sum_total {
    font-size: 21px;
}

/*LASTSEENBOX*****************************************************/

.last-seen-box .title {
    text-transform: uppercase;
    font-size: 14px;
    margin: 10px 0;
    color: #4D4D4D;
}

.last-seen-box a {
    text-decoration: none;
    color: #666;
}

.last-seen-box .article {
    border: 1px solid #ccc;
}

.last-seen-box .image {
    text-align: center;
    padding: 10px 0;
}

.last-seen-box .name {
    font-size: 13px;
    padding: 12px;
}

.last-seen-box .button {
    color: #333;
    width: 78%;
    margin: 0 auto 10px auto;
}


/*CHECKOUT******************************************************/

.contactedit,
.contactdata,
.conditions,
.zahlart {
    border: 1px solid #CCCCCC;
    font-size: 14px;
    margin: 10px auto 30px;
    padding: 20px;
    overflow: hidden;
}

    .contactedit input[type=text],
    .contactedit textarea {
        border: 1px solid #CCCCCC;
        padding: 4px;
        width: 208px
    }

    .contactedit input.plz {
        width: 50px;
    }

    .contactedit .row,
    .contactdata .row {
        padding: 5px;
        overflow: hidden;
    }

        .contactedit .row.line,
        .contactdata .row.line {
            border-bottom: solid 1px #cccccc;
            position: relative;
        }

            .contactedit .row.line div.r {
                bottom: 0;
                position: absolute;
                right: 0;
            }

    .contactedit .l span {
        margin-bottom: 10px;
    }

    .contactedit h3,
    .contactdata h3,
    .conditions h3 {
        font-size: 18px;
        color: #000;
        font-weight: 600;
    }

    .contactedit .withInputs > h3,
    .contactedit .adrtab td h2 {
        margin-top: 30px;
    }

    .contactedit .leftedit .row + h3 {
        margin-top: 50px;
    }

    .contactedit .adrtab td h2,
    .contactedit h3 + br + h2 {
        margin-bottom: 15px;
    }

.mindestbestellwert {
    margin-left: 10%;
    font-size: 16px;
}

div.contactedit div.row div.l {
    width: 50%;
    float: left;
}

div.contactedit div.row div.r {
    width: 50%;
    float: left;
}



.contactedit .leftedit {
    width: 40%;
    margin-left: 10%;
    float: left;
}

.contactedit .rightedit {
    width: 40%;
    float: right;
    margin-right: 10%;
}

.contactedit .bottomedit {
    width: 80%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.contactedit table.adrtab {
    float: right;
    margin-right: 10%;
    width: 40%;
}

.contactedit .row .r table {
    width: auto;
}

.zahlart {
}

.userlogin.address {
    margin-top: 20px;
}

.conditions .row .l {
    line-height: 3em;
}

.conditions div.row + h3 {
    margin-top: 2em;
}

#orderview .cms_text {
    text-align: right;
}

.newsletter-disclaimer {
    color: #29abe2;
    font-size: 0.8em;
    text-align: right;
    padding-bottom: 10px;
}

    .newsletter-disclaimer a {
        color: #29abe2;
        text-decoration: underline;
    }

#orderview .cms_text {
    text-align: right;
}
/*LOGIN***********************************************************/



.loggedin {
    color: #fff;
    font-size: 12px;
}

.logintext {
    padding-left: 40px;
    display: block;
    overflow: hidden;
    width: 600px;
    position: absolute;
    top: 96px;
    left: 500px;
    line-height: 27px;
}

    .logintext a {
        font-size: 14px;
        color: #B3B3B3;
        text-decoration: none;
    }

    .logintext div {
        float: left;
    }

    .logintext .icon {
        background: url("icon_sprite.png") repeat scroll 0 -23px transparent;
        border: medium none;
        height: 25px;
        width: 25px;
        margin-left: 20px;
    }



.loginbox,
.registerbox,
div.contactform {
    width: 47%;
    padding: 1%;
    float: left;
    border: 1px solid #ccc;
    font-size: 14px;
    min-height: 170px;
}

.registerbox {
    float: right;
}

    .loginbox .title,
    .registerbox .title,
    .regtitle,
    .pwrecovery .title,
    .contactform .title {
        margin-bottom: 20px;
        font-size: 16px;
    }

.loginbox table {
    table-layout: fixed;
    width: 100%;
}

    .loginbox table tr td.l {
        width: 24%;
    }

    .loginbox table tr td,
    .contactform table tr td {
        padding: 5px 0;
    }

        .loginbox table tr td.r span {
            font-family: Arial;
        }

.loginbox h2 {
    border-bottom: 1pt solid #CCCCCC;
    font-size: 115%;
    margin-bottom: 8pt;
    margin-top: 8pt;
}

.loginbox h3 {
    font-size: 105%;
    margin-bottom: 3pt;
    margin-top: 3pt;
}

.register.content,
.pwrecovery {
    font-size: 12px;
    border: 1px solid #ccc;
    width: 50%;
    padding: 20px;
}

    .loginbox input,
    .register input,
    .contactform input,
    .contactform textarea,
    .pwrecovery input {
        border: 1px solid #ccc;
        width: 50%;
        padding: 4px;
    }

        .register input[type="radio"] {
            width: auto;
        }

    .contactform textarea,
    .pwrecovery input {
        width: auto;
    }

.register select,
.register input {
    width: 95%;
}

.register td.left,
.contactform td.label {
    width: 200px;
    padding-bottom: 10px;
}

.register td.right,
.contactform td {
    width: 400px;
}

.cbklein input {
    width: auto;
}

.register .cobutton {
    width: auto;
}

.contactform td.label {
    vertical-align: top;
}
/*TYPOGRAPHY*****************************************************************/
.typography {
    font-family: 'Open Sans';
    color: #000;
}

    .typography a {
        text-decoration: none;
    }

        .typography a:hover {
            text-decoration: underline;
        }

    .typography h1,
    .typography h2,
    .typography h3,
    .typography h4,
    .typography h5,
    .typography h6 {
        margin-bottom: 20px;
    }

    .typography h1 {
        font-size: 21px;
    }

    .typography h2 {
        font-size: 18px;
    }

    .typography h3 {
        font-size: 16px;
        color: #4D4D4D;
    }

    .typography h4 {
        font-size: 16px;
        border-bottom: 1px solid #ccc;
    }

    .typography h5 {
        font-size: 14px;
    }

    .typography h6 {
        font-size: 12px;
    }

    .typography p {
        font-size: 14px;
        margin: 10px 0;
    }

    .typography hr {
        height: 1px;
        line-height: 1px;
        background: #ccc;
        margin: 5px;
        border: none;
    }

    .typography table {
        border: none;
        table-layout: fixed;
    }

        .typography table td {
            border: none;
            vertical-align: top;
        }

    .typography strong {
        font-weight: bold;
    }

    .typography em {
        font-style: italic;
    }

.cms_title span {
    margin-bottom: 20px;
    font-size: 21px;
}

span.requiredred {
    color: red;
}

table.historie {
    width: 100%;
    font-size: 14px;
}

    table.historie caption {
        text-align: left;
    }

        table.historie caption a {
            display: inline-block;
            padding-bottom: 10px;
            width: 100px;
        }

    table.historie th {
        border-bottom: solid 1pt #444444;
        padding-bottom: 5px;
        font-size: 1.2em;
        text-align: left;
    }

    table.historie td {
        padding: 10px 0;
        border-bottom: solid 1pt #dddddd;
    }

    table.historie a {
        color: #29ABE2;
    }

        table.historie a:hover {
            text-decoration: underline;
        }

.availability {
    overflow: hidden;
    padding-left: 34px;
    background-repeat: no-repeat;
    font-family: 'Open Sans', serif;
    font-size: 11px;
}

    .availability.green {
        background-image: url(/_css/ampel_gruen.png);
        color: #39B54A;
    }

    .availability.red {
        background-image: url(/_css/ampel_rot.png);
        color: #ED1C24;
    }

.article_mini .availability {
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: 0 2px;
    font-family: 'Open Sans', serif;
    font-size: 10px;
}

    .article_mini .availability.green {
        background-image: url(/_css/ampel_gruen.png);
        color: #39B54A;
    }

    .article_mini .availability.red {
        background-image: url(/_css/ampel_rot.png);
        color: #ED1C24;
    }

.specialoffer-icon {
    width: 50px;
    height: 52px;
    background: url(prozent2019.png) no-repeat;
    position: absolute;
    background-size: contain;
}

.article_mini .specialoffer-icon {
    left: -25px;
    bottom: -25px;
}

.eco_icon {
    width: 50px;
    height: 52px;
    background: url(eco-sticker.png) no-repeat;
    position: absolute;
    background-size: contain;
}

.article_mini .eco_icon {
    right: 0;
    top: 0;
}

.primimg .eco_icon {
    right: 30px;
    top: 0;
}

.oldprice {
    color: red;
    text-decoration: line-through;
}

.productdetail .item .oldprice {
    display: inline-block;
    padding-left: 30px;
}

.content-left,
.content-right {
    float: left;
    width: 45%;
}

.content-left {
}

.content-right {
    width: 50%;
    overflow: hidden;
}

.pwrecovery .error {
    padding: 5px 0;
}

.cms-edit-title input, .cms-edit-keywords input {
    width: 75%;
}
/*Brutto / Netto */
.price span.price-gross,
.article-price span.price-gross {
    display: block;
    font-size: 60%;
    font-weight: lighter;
    font-style: italic;
}

.productdetail .ve-price span.price-gross {
    display: block;
    font-size: 80%;
    font-weight: lighter;
    font-style: italic;
}

.price span.price-vat-hint,
.hit-list span.price-vat-hint {
    display: inline-block;
    font-size: 10px;
    font-weight: lighter;
    /*font-style: italic;*/
}

.article-price .price-vat-hint {
    font-size: 12px;
    font-weight: lighter;
}

#Productlist .article_mini .info .price-gross,
#Productlist .article_mini .info .vep {
    font-weight: lighter;
    font-size: 12px;
    font-style: italic;
}

.cms_text ul.manual,
.cms_text div.manual {
    font-size: 14px;
}

.cms_text ul.manual {
    list-style: circle;
    list-style-position: inside;
}

.brands img {
    max-width: 100%;
}

#Header .searchbox.is_fixed {
    position: fixed;
    top: 45px;
    right: 4%;
    z-index: 1;
}

#Header .desktop-only .AspNet-TreeView.is_fixed {
    position: fixed;
    top: 0;
    padding: 0 4%;
    left: 0;
    background: #000;
    margin-top: 0;
    background: #000 url(bg-hotelbedarf24.jpg) no-repeat center bottom;
}


    #Header .desktop-only .AspNet-TreeView.is_fixed > ul {
        background: url(menu_linie.png);
    }

.info-content {
    width: 200px;
    display: none;
    position: absolute;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    padding: 10px;
}

.cms_text ol, .cms_text ul {
    padding-left: 20px;
    line-height: 1;
}

.cms_text ul {
    list-style-type: disc;
}

.cms_text ol {
    list-style-type: decimal;
}


.cms_text li {
    margin-bottom: 10px;
    font-size: 12px;
}

.availability-termin {
    color: darkorange;
    font-size: 11px;
    padding-left: 34px;
}

.article_mini .availability-termin {
    font-size: 10px;
}

.name .zusatz {
    display: block;
}
/*Box optionale Lieferadresse im Checkout 2.Schritt*/

.delivery-address {
    height: 30px;
}

.checkbox-delivery {
}

/*roter Hinweis Mindestbestellwert im Warenkorb und im letzten Checkout-Schritt*/

.minimum-order-value {
    height: 40px;
    width: 500px;
    background-color: #EED1D6;
    margin-top: 17px;
    display: grid;
    grid-template-columns: 80px auto;
}

    .minimum-order-value > div:first-child {
        background-color: #C32A37;
        display: grid;
    }

    .minimum-order-value > div:nth-child(2) {
        font-size: 0.7rem;
        font-weight: 700;
        color: #C32A37;
        padding-left: 15px;
        align-self: center;
    }

.fa-triangle-exclamation, .fa-check {
    color: white;
    align-self: center;
    justify-self: center;
}
/*-----*/

/*Hinweis Versandkosten im Warenkorb und im letzten Checkout-Schritt*/
.free-shipping {
    height: 40px;
    width: auto;
    background-color: #EAF2D4;
    display: grid;
    grid-template-columns: auto 80px;
    float: right;
}

    .free-shipping > div:first-child {
        font-size: 0.7rem;
        color: #1B883B;
        padding: 5px 15px;
        align-self: center;
    }

        .free-shipping > div:first-child > span > span {
            font-weight: 700;
        }

    .free-shipping > div:nth-child(2) {
        background-color: #1B883B;
        display: grid;
    }



.free-shipping-last-step {
    margin-top: -30px;
}
/*-----*/

/*Box Lieferinfos im WArenkorb und im letzten checkout-Schritt*/

.shipping-delivery {
    display: grid;
    grid-template-columns: auto max-content;
    align-items: end;
}

.delivery-info {
    width: 250px;
    height: 60px;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.2);
}

    .delivery-info > a {
        text-decoration: none;
    }

        .delivery-info > a > span {
            font-size: 0.7rem;
            color: #E6812D;
            font-weight: 700;
            padding-left: 5px;
        }

        .delivery-info > a > p {
            font-size: 0.7rem;
            color: #666;
            font-weight: 600;
        }

.fa-truck {
    color: #E6812D;
    font-size: 0.7rem;
}
/*-----*/

/*Checkbox 'abweichende Lieferadresse' zur Rechnungsadresse verschoben*/
.row.checkbox-delivery {
    position: absolute;
    color: red;
    font-weight: 700;
}

.placeholder {
    height: 30px;
}

@media screen and (min-width: 1280px) and (max-width: 1610px) {

    .row.checkbox-delivery {
        top: 443px;
        margin-left: -37.5%;
    }
}

@media screen and (min-width: 1611px) {

    .row.checkbox-delivery {
        top: 426px;
        margin-left: -38%;
    }
}
/******************/

/*Merkliste Pfeile bei Mengenangabe entfernt*/
.menge > input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.menge > input[type=number] {
    -moz-appearance: textfield;
}
/******************/
@import "main.min.css";