@charset "utf-8";
/* CSS Document */
/*
@font-face {
   font-family: Calibri;
   local: Calibri;               

   src: url(Calibri.ttf);  
}*/
@font-face {
    font-family: 'Calibri';
    src: url('calibri-webfont.eot');
    src: url('calibri-webfont.eot?#iefix') format('embedded-opentype'), url('calibri-webfont.woff') format('woff'), url('calibri-webfont.ttf') format('truetype'), url('calibri-webfont.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* <Standard> */
html {
    overflow-y: scroll;
}

html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

img {
    vertical-align: bottom;
    border: none;
}

/* <p> */
p {
    font-size: 14px;
    margin: 0 0 30px 0;
    line-height: 18px;
}

    p strong {
        margin: 0 0 10px 0;
    }

    p.attention, td p.attention {
        font-weight: bold;
        font-size: 14px;
        font-style: italic;
        line-height: normal;
        margin: 15px 0 10px 0;
        color: #c3242d !important;
        word-break: break-word;
    }

        p.attention a, td p.attention a {
            text-decoration: underline !important;
            color: #c3242d !important;
        }

            p.attention a.arrow, td p.attention a.arrow {
                background-image: url(../images/link-arrow-red.gif);
            }

    p.information, td p.information {
        font-weight: bold;
        font-size: 14px;
        font-style: italic;
        line-height: normal;
        padding: 1px 0 3px 20px;
        margin: 15px 0 20px 0;
        color: #003a6c !important;
        background-image: url(../images/icon-information.jpg);
        background-repeat: no-repeat;
        background-position: left top;
    }

        p.information a, td p.information a {
            text-decoration: underline !important;
            color: #003a6c !important;
        }

            p.information a.arrow, td p.information a.arrow {
                background-image: url(../images/link-arrow-blue.gif);
            }

    p.note, td p.note {
        margin: 4px 0 6px 0;
        color: #a8a8a8 !important;
        font-weight: bold;
    }

        p.note a, td p.note a {
            text-decoration: underline !important;
            color: #a8a8a8 !important;
        }

            p.note a.arrow, td p.note a.arrow {
                background-image: url(../images/link-arrow-grey.gif);
            }

    p.spacer {
        margin: 0;
    }

    p.smaller {
        margin-bottom: 5px;
    }

        p.smaller input {
            margin-left: 31px !important;
            width: 295px;
        }

    p.half {
        margin-top: 0px;
        margin-bottom: 17px;
        width: 356px;
    }

    p.smaller2 label {
        padding-right: 5px;
    }
/* </p> */

/* <a> */
a {
    color: #003a6c;
    text-decoration: none;
    font-weight: bold;
}

    a strong {
        color: #003a6c;
    }

    a:hover {
        color: #003a6c;
        text-decoration: underline !important;
    }

        a:hover strong {
            color: #003a6c;
            text-decoration: underline;
        }

    a.pdf {
        padding-left: 17px;
        background-image: url(../images/icon-pdf.gif);
        background-repeat: no-repeat;
    }

    a.doc {
        padding-left: 17px;
        background-image: url(../images/icon-doc.gif);
        background-repeat: no-repeat;
    }

    a.xls {
        padding-left: 17px;
        background-image: url(../images/icon-xls.gif);
        background-repeat: no-repeat;
    }

    a.down {
        padding-left: 17px;
        background-image: url(../images/icon-down.gif);
        background-repeat: no-repeat;
    }

    a.cart-icon {
        background-image: url(../../images/cart-button.jpg);
        /*background-position:top;*/
        background-repeat: no-repeat;
        display: block;
        height: 24px;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    a.cart-icon2 {
        background-image: url(../images/cart-icon.jpg);
        background-position: top;
        background-repeat: no-repeat;
        display: block;
        height: 29px;
        width: 29px;
        margin-right: 8px;
    }

    a.favorit {
        background-image: url(../images/favorit.gif);
        background-repeat: no-repeat;
        background-position: top;
        display: block;
        height: 14px;
        width: 12px;
    }

        a.favorit:hover {
            background-position: bottom;
        }

        a.favorit checked {
            background-position: bottom;
        }

            a.favorit checked:hover {
                background-position: top;
            }

.div_cart-delete {
    text-align: right;
    padding-top: 10px;
}

a.cart-delete {
    font-style: italic;
    text-decoration: underline;
    color: #7e7b81 !important;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
}
/*a.cart-icon:hover, a.cart-icon2:hover {
	background-position:bottom;
}*/
a.arrow {
    background-image: url(../images/link-arrow.gif);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    padding: 0 0 0 13px;
    margin: 0 0 0 3px;
    font-weight: bold;
    color: #494a4e;
}

    a.arrow:hover {
        color: #7f8187;
    }

a.favorit {
    background-image: url(../images/favorit.gif);
    background-repeat: no-repeat;
    background-position: top;
    display: block;
    height: 14px;
    width: 12px;
}

    a.favorit:hover {
        background-position: bottom;
    }

    a.favorit span {
        display: none;
    }

a.checked {
    background-position: bottom;
}

    a.checked:hover {
        background-position: top;
    }

a.grey {
    font-weight: normal;
    text-decoration: underline;
    color: #7e7b81;
}
/* </a> */

.red {
    color: #c3242d;
    font-weight: bold;
}

    .red a {
        color: #c3242d !important;
    }

.divredborder {
    float: left;
    border: 1px solid #c3242d;
    border-radius: 8px;
    margin: 10px 0;
    padding: 5px;
}

.required {
    vertical-align: top;
    color: #c3242d;
    font-weight: bold;
    margin-left: 5px;
}

h1 {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 30px 0;
    padding: 0;
    clear: both;
}

h2 {
    color: #000000;
    font-size: 17px;
    margin: 0 0 23px 0;
    padding: 0;
    clear: both;
}

    h2 a {
        color: #000000;
        font-size: 17px;
        margin: 25px 0 23px 0;
        padding: 0;
        text-decoration: none;
        clear: both;
    }

        h2 a:hover {
            color: #000000;
            font-size: 17px;
            margin: 25px 0 23px 0;
            padding: 0;
            clear: both;
        }

h3 {
    color: #000000;
    font-size: 16px;
    margin: 16px 0 8px 0;
    padding: 0;
    clear: both;
}

h4 {
    margin: 0 0 20px 0;
    clear: both;
    font-size: 13px;
    font-weight: bold;
}

h5 {
    color: #000000;
    margin: 10px 0 10px 0;
    clear: both;
    font-size: 12px;
    font-weight: bold;
}

hr {
    border: none;
    border-top: 1px solid #e6ebf0;
    height: 1px;
}

.linie {
    float: left;
    border-top: 1px solid #e6ebf0;
    width: 736px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.linie-wide {
    width: 964px;
}


/* <input>
   <textarea> */
input, textarea {
    font-size: 14px;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    border-radius: 3px;
}

    input.text {
        background-color: #F3F3F3;
        border: #CCCCCC solid 1px;
    }

    input.center {
        text-align: center;
    }

    input.hidden {
        display: none;
    }

    input.per_daten {
        background-color: #FFFFFF;
        border: #CCCCCC solid 1px;
    }

        input.per_daten[disabled] {
            background-color: #F3F3F3;
            border: #CCCCCC solid 1px;
            color: #000000;
        }

textarea {
    background-color: #FFFFFF;
    border: #CCCCCC solid 1px;
    resize: none;
    overflow-y: scroll;
}
/* </input>
   </textarea> */

select {
    font-size: 14px;
    border-radius: 3px;
}

.ddl_adress {
    background-color: #F3F3F3;
    font-size: 11px;
    border: #AAAAAA solid 1px;
}

div.div_footer {
    clear: both;
}


/* <GEMOS zus�tzlich> */
.rightcol {
    float: right;
    width: 179px;
    margin-right: 6px;
}

.rightalign {
    float: right;
}

.rightmarker {
	margin: 0px 10px 0px 0px !important;
}

#tooltip {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    text-align: left;
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #F2F5F8;
    border-radius: 5px;
    padding: 5px;
    opacity: 0.95;
}

    #tooltip h3 {
        margin-left: 5px;
    }

/* </GEMOS zus�tzlich> */


/* <div_page> */
div#div_page {
    width: 964px;
    margin: 0 auto 0 auto;
    text-align: left;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 14px;
    /*border-right:1px solid #f3f3f3;
	border-left:1px solid #f3f3f3;*/
}

table {
    margin: 0;
    padding: 0;
}

    table th {
        margin: 0;
        padding: 0;
    }

    table td {
        margin: 0;
        padding: 0;
    }

        table td.top {
            vertical-align: top;
        }

    table.tdpadding td {
        padding: 2px 4px;
        text-align: left;
        vertical-align: top;
    }

div#div_page table th.top {
    vertical-align: top;
}

div#div_page table th.center {
    vertical-align: middle;
}

div#div_page table td input.small {
    width: 150px;
}

div#div_page table td input.verysmall {
    width: 80px;
}

div#div_page table.kunde td input {
    width: 210px;
}

div#div_page table.kunde td.spacer {
    width: 240px;
}

/* Newsletter CheckBox in per_datencO bzw. per_datencK */
div#div_page table.kunde td #chk_knd_new_jn,
div#div_page table.kunde td #chk_mbr_new_jn {
    margin-left: -99px;
}

div#div_page table th.right {
    text-align: right;
    width: 70px;
}

div#div_page table td.tablebutton {
    padding: 10px 0 0 7px;
}

div#div_page div.kunde {
    margin-left: 76px;
}

    div#div_page div.kunde .simplehtml {
        clear: both;
        padding-right: 180px;
    }

div#div_page div.daten {
    margin-left: 90px;
}
/* </div_page> */

/* <div_content> */
div#div_content {
    float: right;
    margin-bottom: 20px;
    text-align: left;
}

    div#div_content.wide {
        width: 736px;
    }

    div#div_content.einspalter {
        width: 940px;
    }

    div#div_content.narrow, div.narrow {
        width: 546px;
    }
/* </div_content> */

/* <simplehtml> */
div.simplehtml {
    clear: both;
    font-family: Calibri, Arial, Helvetica, sans-serif; /* OS-BK: wegen CMS Artikeltext */
    font-size: 14px;
}

    div.simplehtml a {
        color: #003a6c;
        text-decoration: none;
    }

        div.simplehtml a.arrow {
            color: #494a4e;
            text-decoration: none;
        }
/* </simplehtml> */

div.seitenumbruch {
    height: 40px;
    /*page-break-after:always;*/
}

#ddl_adressen {
    font-size: 11px;
    width: 640px;
}

div#div_facts {
    width: 356px;
    float: left;
    margin-left: 24px;
    font-size: 14px;
}

#lbl_bez {
    height: 55px;
    display: block;
}

div#div_art_text {
    font-size: 14px;
    /*line-height:18px;*/
}

div#div_download {
    padding-top: 30px;
}
/* <div_accountdata> */
div#div_accountdata {
    width: 320px;
    float: left;
    margin: 0 0 40px 0;
}

    div#div_accountdata table {
        width: 300px;
        text-align: left;
    }

        div#div_accountdata table td.numbers {
            text-align: right;
        }
/* </div_accountdata> */

/* <div.grey.save> */
div.grey.save {
    float: left;
    border-top: 1px solid #D7D7D9;
    font-size: 12px;
    width: 400px;
}

    div.grey.save.small {
        width: 250px;
    }

    div.grey.save table {
        border-collapse: collapse;
        margin: 5px 10px 10px 10px !important;
    }

        div.grey.save table tr td, div.grey.save table th {
            padding: 5px 10px 0 0;
        }

        div.grey.save table th {
            font-size: 11px;
        }

        div.grey.save table td {
            text-align: left;
        }

    div.grey.save a.btnB, div.grey.save a.btnC {
        float: left;
        border-left: #D7D7D9 solid 1px;
    }

    div.grey.save a.btnB {
        width: 199px;
    }

    div.grey.save a.btnC {
        width: 132px;
    }

    div.grey.save.small a.btnB {
        width: 124px;
    }

    div.grey.save.small input {
        width: 110px !important;
    }

    .checkbox input,
    div.grey.save.small .checkbox input {
        text-align: center; /* center checkbox horizontally */
        vertical-align: middle; /* center checkbox vertically */
        width: 20px !important;
    }

    div.grey.save .checkbox label {
        width: 300px;
    }

    div.grey.save.small .checkbox label {
        width: 150px;
    }


/* <div_pricesum> */
.div_pricesum {
    width: 202px;
    float: right;
    margin-right: 10px;
}

.div_pricesum2 {
    width: 356px;
    float: right;
}

.pricesum {
    font-size: 24px;
    font-weight: bold;
}
/* </div_pricesum> */

/* <div_login_left> */
div#div_login_left {
    float: left;
}

    div#div_login_left label, div#div_login_left label input {
        display: inline;
        margin: 0 20px 0 10px;
        width: 15px;
        border: none;
        vertical-align: top;
    }

    div#div_login_left input {
        font-size: 16px;
        height: 30px;
        width: 346px;
        padding-left: 10px;
    }

input[type="radio"] /*div#div_login_left*/ {
    width: 20px !important;
    height: 20px !important;
}

div#div_login_left select {
    font-size: 16px;
    height: 30px;
    width: 356px;
}

div#div_login_left table th {
    font-size: 16px;
    width: 90px;
    text-align: left;
    line-height: 25px;
    white-space: nowrap;
}

div#div_login_left table td label {
    padding-right: 40px;
}

div#div_login_left td {
    font-size: 16px !important;
}
/* </div_login_left> */

/* <div_login_right> */
div#div_login_right {
    float: left;
}

    div#div_login_right div.simplehtml {
        padding-right: 0;
    }
/* </div_login_right> */

/* <div_logout> */
div#div_logout {
    width: 260px;
}

    div#div_logout div {
        margin: 10px 10px 0 10px;
        height: 30px;
    }
/* </div_logout> */

/* <div_directorder, div_adress_ausw> */
div#div_directorder, div#div_adress_ausw {
    width: 546px;
    margin-bottom: 30px;
}

    div#div_directorder table, div#div_adress_ausw table {
        /*border-collapse:collapse;*/
        width: 526px;
        margin: 0 10px 0 10px;
        padding-bottom: 5px;
    }
/* </div_directorder, div_adress_ausw> */


/* <div_adress_edit> */
div#div_adress_edit {
    width: 400px;
}

    div#div_adress_edit table {
        border-collapse: collapse;
        margin: 5px 10px 10px 10px !important;
    }

        div#div_adress_edit table tr td, div#div_adress_edit table th {
            padding: 5px 10px 0 0;
        }

        div#div_adress_edit table th {
            font-size: 11px;
            width: 85px;
        }

        div#div_adress_edit table td {
            text-align: left;
        }

    div#div_adress_edit a.btnB {
        float: left;
        border-left: #D7D7D9 solid 1px;
        width: 199px;
    }
/* </div_adress_edit> */

div#div_onlinekatalog img {
    width: 736px;
    border-radius: 5px;
    margin-top: 15px;
}

#div_pka_header {
    padding-top: 13px;
}

    #div_pka_header .pka_overlay {
        position: absolute;
        bottom: 15px;
        left: 0;
        color: #ffffff;
        font-size: 29px;
        background: rgb(0, 58, 108);
        background: rgba(0, 58, 108, 0.7);
        padding-left: 15px;
        padding-right: 15px;
    }
/* Bestellung abschicken */
#frm_bestellenO div.rightcol {
    margin-left: 10px;
    width: 260px;
}

.div_radiobutton label, .div_radiobutton label input {
    display: inline;
    margin: 0 20px 0 10px;
    border: none;
    vertical-align: top;
}

#div_ladr_std p {
    margin-top: 0;
}

/* <div_search> */
.div_search {
    display: inline-block;
    width: 546px;
}

.div_search_narrow {
    width: 332px;
}

.div_search_wide {
    width: 736px;
}

    .div_search div.search_row, .div_search_narrow div.search_row, .div_search_wide div.search_row {
        min-height: 20px;
        padding: 5px 0;
    }

    .div_search div.search_caption, .div_search_wide div.search_caption {
        float: left;
        min-height: 20px;
        padding: 5px 0;
        width: 178px;
    }

        .div_search div.search_caption.checkbox {
            width: 30px;
        }

.div_search_narrow div.search_caption {
    float: left;
    min-height: 20px;
    padding: 5px 0;
    width: 100px;
}

.div_search div.search_input, .div_search_wide div.search_input {
    float: left;
    min-height: 20px;
    padding: 5px 0;
    width: 356px;
}

    .div_search div.search_input input, .div_search div.search_input textarea,
    .div_search_wide div.search_input input, .div_search_wide div.search_input textarea {
        height: 20px;
        width: 351px;
        margin-top: 0;
    }

        .div_search div.search_input input[type="checkbox"],
        .div_search_wide div.search_input input[type="checkbox"],
        .div_search_narrow div.search_input input[type="checkbox"] {
            width: 20px;
        }

    .div_search div.search_input select,
    .div_search_wide div.search_input select {
        height: 20px;
        width: 356px;
        margin-top: 0;
    }

.div_search_narrow div.search_input {
    float: left;
    min-height: 20px;
    padding: 5px 0;
    width: 232px;
}

    .div_search_narrow div.search_input input, .div_search_narrow div.search_input textarea {
        height: 20px;
        width: 227px;
        margin-top: 0;
    }

    .div_search_narrow div.search_input select {
        height: 20px;
        width: 232px;
        margin-top: 0;
    }

.div_search div.search_button {
    margin-top: 24px;
    float: right;
}

.div_search_narrow div.search_button {
    margin-top: 10px;
    float: right;
}

.div_search div.search_button input {
    width: 161px;
}

.search_button_right {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    float: left;
}

/* <div_anz> */
.div_anz {
    width: 736px;
}

.accordion .div_anz {
    width: 675px;
}

.accordion .accordion .div_anz {
    width: 605px /*635px;*/
}

.div_anz div.anz_row {
    min-height: 20px;
    padding: 5px 0;
}

.div_anz div.anz_caption {
    float: left;
    min-height: 20px;
    padding: 5px 0;
    width: 190px;
}

.div_anz div.anz_value {
    float: left;
    min-height: 20px;
    padding: 5px 0 5px 10px;
    width: 536px;
}

.accordion .div_anz div.anz_value {
    width: 475px;
}

.accordion .accordion .div_anz div.anz_value {
    width: 405px; /*435px;*/
}

.div_input {
    display: inline-block;
    width: 546px;
    margin-bottom: 30px;
    padding-top: 2px;
    padding-bottom: 5px;
    background-color: #d7d7d9;
    border-color: #d7d7d9;
    border-radius: 3px;
}

.div_input_narrow {
    width: 356px;
    margin-bottom: 30px;
    padding-top: 2px;
    padding-bottom: 5px;
    background-color: #d7d7d9;
    border-color: #d7d7d9;
    border-radius: 3px;
}

div.input_row {
    display: inline-block;
    min-height: 20px;
    padding: 5px 0;
}

.div_input div.input_caption {
    float: left;
    background-color: #d7d7d9;
    min-height: 20px;
    padding-left: 10px;
    width: 170px;
}

.div_input div.input_row_only {
    float: left;
    width: 516px;
    padding: 5px 0;
    padding-left: 10px;
    min-height: 20px;
}

.div_input_narrow div.input_caption {
    float: left;
    background-color: #d7d7d9;
    min-height: 20px;
    padding-left: 10px;
    width: 100px;
}

.div_input div.input_input {
    float: left;
    background-color: #d7d7d9;
    padding-left: 5px;
    width: 341px;
}

    .div_input div.input_input select {
        height: 20px;
        width: 341px;
        margin-top: 0;
    }

.div_input_narrow div.input_input {
    float: left;
    background-color: #d7d7d9;
    padding-left: 5px;
    width: 241px;
}

.div_input div.input_single {
    float: left;
    background-color: #d7d7d9;
    padding-left: 10px;
    width: 531px;
}

.white-wide {
    width: 348px;
}

div#div_leftcol {
    width: 204px;
    margin-right: 24px;
    float: left;
}

div#div_fuer_konto {
    display: inline-block;
}

span.hidden {
    display: none;
}

span.attention {
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	color: #c3242d !important;
}

.calendar_header {
    color: white;
    font-weight: bold;
    font-size: 10px;
}

/* ------- Gesamtpreisliste und Favoritenliste ------- */

#uCtr_Prodkat_div_cataloglist {
    width: 764px;
}

#div_cataloglist {
    width: 764px;
}

.cataloglistitem {
    float: left;
    width: 354px;
    height: 100px;
    background-color: #F2F5F8;
    border: 0px solid #F2F5F8;
    border-radius: 5px;
    margin: 0 20px 15px 0;
    padding: 2px;
    overflow: hidden;
}

.cataloglistitem_left {
    float: left;
    height: 100%;
}

    .cataloglistitem_left img {
        border-radius: 5px;
        height: 100px;
        width: 100px;
    }

.cataloglistitem_right {
    float: left;
    margin-left: 15px;
    height: 100%;
    width: 239px;
    position: relative;
}

    .cataloglistitem_right h4 {
        margin-top: 8px;
    }

    .cataloglistitem_right a:link, .cataloglistitem_right a:visited, .cataloglistitem_right a:hover, .cataloglistitem_right a:active {
        color: #002882;
        text-transform: uppercase;
    }

    .cataloglistitem_right > .red {
        position: absolute;
        bottom: 3px;
    }
/* -------------- */
.upper {
    text-transform: uppercase;
}

.freshbutton {
    color: #000000;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    border-radius: 3px;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px;
    overflow: visible; /* OS-BK: wichtig f�r IE8 */
}

.freshbutton-blue {
    background: #FFB201;
    border: 0px solid #FFB201;
}

    .freshbutton-blue:hover {
        background: #595959;
        border: 0px solid #595959;
        color: #FFFFFF;
    }

.freshbutton-darkblue {
    background: #FFB201;
    border: 0px solid #FFB201;
}

    .freshbutton-darkblue:hover {
        background: #595959;
        border: 0px solid #595959;
        color: #FFFFFF;
    }

.freshbutton-bluenav {
    color: #000000;
    background: #e6ebf0;
    border: 0px solid #e6ebf0;
    height: 25px;
    line-height: 25px;
    min-width: 25px;
    margin-left: 3px;
}

    .freshbutton-bluenav:hover, .freshbutton-bluenavaktuell {
        color: #000000;
        background: #ccd8e2;
        border: 0px solid #ccd8e2;
        height: 25px;
        line-height: 25px;
        min-width: 25px;
        margin-left: 3px;
    }

.freshbutton-disabled {
    color: #000000;
    background: #d7d7d9;
    border: 0px solid #d7d7d9;
    height: 25px;
    line-height: 25px;
    width: 25px;
    margin-left: 3px;
}

.freshbutton-grey {
    background: #FFB201;
    border: 0px solid #FFB201;
}

    .freshbutton-grey:hover {
        background: #595959;
        border: 0px solid #595959;
        color: #FFFFFF;
    }

.freshbutton-greyongrey {
    background: #a2a2a7;
    border: 0px solid #a2a2a7;
}

    .freshbutton-greyongrey:hover {
        background: #7e7b81;
        border: 0px solid #7e7b81;
    }

.freshbutton-darkgrey {
    background: #FFB201;
    border: 0px solid #FFB201;
}

    .freshbutton-darkgrey:hover {
        background: #595959;
        border: 0px solid #595959;
        color: #FFFFFF;
    }

.freshtext {
    font-size: 14px;
    border-radius: 3px;
    /*margin-top: 3px;*/
    min-height: 20px;
    line-height: 20px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 5px;
}

.freshdropdown {
    font-size: 14px;
    border-radius: 3px;
    /*margin-top: 3px;*/
    min-height: 20px;
    line-height: 20px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0px;
}

.freshtext[disabled] {
    color: #7E7B81;
}

.freshtextlogin {
    font-size: 16px;
    border-radius: 3px;
    margin-bottom: 13px;
    height: 30px;
    line-height: 30px;
}

.freshtext-white {
    border: 0 solid #FFFFFF;
}

.freshtext-whiteborder {
    border: 1px solid #e6ebf0;
}

.freshtext-blue {
    border: 0 solid #e6ebf0;
    background-color: #e6ebf0;
}

.freshtext-grey {
    border: 0 solid #D7D7D9;
    background-color: #D7D7D9;
}

label {
    display: inline;
    font: Arial;
}

.freshcheckbox {
    display: none;
    text-align: center; /* center checkbox horizontally */
    vertical-align: middle; /* center checkbox vertically */
    width: 20px !important;
}

    .freshcheckbox + label {
        background-color: #e6ebf0;
        /*margin-left:-10px\9;*/
        border: 0px solid #D7D7D9;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        border-radius: 3px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }

    .freshcheckbox[disabled] + label {
        background-color: #d7d7d9;
    }

.freshcheckbox-grey + label {
    background-color: #D7D7D9;
    /*margin-left:-10px\9;    */
    border: 0px solid #D7D7D9;
}

.freshcheckbox-whiteborder + label {
    background-color: #ffffff;
    border: 1px solid #e6ebf0;
    border: 0px\9;
}

.freshcheckbox-redborder + label {
    background-color: #c3242d;
    border: 1px solid #c3242d;
    border: 0px\9;
}

.freshcheckbox-redborder[disabled] + label {
    background-color: #c3242d;
}

.freshcheckbox + label:active, .freshcheckbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.freshcheckbox:checked + label {
    background-color: #e6ebf0;
    border: 0px solid #D7D7D9;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    /*color: #000000;*/
}

.freshcheckbox-grey:checked + label {
    background-color: #D7D7D9;
    border: 0px solid #D7D7D9;
}

.freshcheckbox-whiteborder:checked + label {
    background-color: #ffffff;
    border: 1px solid #e6ebf0;
}

.freshcheckbox-redborder:checked + label {
    background-color: #c3242d;
    border: 1px solid #c3242d;
}

.freshcheckbox:checked + label:after {
    content: "\2714";
    font-size: 16px;
    position: absolute;
    top: 0px;
    left: 3px;
    /*color: #000000;*/
}

#div_kat_list {
    clear: both;
}

#kat_list_table {
    margin-top: 30px;
    border: 0;
    border-collapse: collapse;
}

    #kat_list_table td {
        vertical-align: top;
        padding: 0;
        margin: 0;
    }

#kat_list_element_table {
    border-collapse: collapse;
}

    #kat_list_element_table a {
        font-size: 13px;
    }

.kat_list_element_td {
    font-size: 14px;
}

.kat_list_element_td_img {
    width: 166px !important;
    height: 158px !important;
    vertical-align: middle !important;
    text-align: center;
    border-radius: 5px;
}

    .kat_list_element_td_img img {
        border-radius: 7px;
    }

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

/* produkt Liste */
.widget-wrapper {
    margin-top: 30px;
    float: left;
    position: relative;
    width: 166px;
    padding-right: 24px;
    min-height: 350px;
}

.widget-wrapper-endline {
    padding-right: 0;
}

.widget-wrapper-endline + .widget-wrapper {
	clear: left;
}

.widget-wrapper > .widget {
    background-clip: padding-box;
}

.item-widget {
    position: relative;
    font-size: 13px;
}

    .item-widget .image a {
        text-decoration: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        /*text-decoration: none; /* No underlines on the link */
        /*z-index: 10; /* Places the link above everything else in the div */
        /*background-color: #FFF; /* Fix to make div clickable in IE */
        /*opacity: 0; /* Fix to make div clickable in IE */
        /*filter: alpha(opacity=1); /* Fix to make div clickable in IE */
    }

.widget-wrapper .item-widget .image {
    background-clip: padding-box;
    border-radius: 5px;
}

.item-widget .image {
    height: 166px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

    .item-widget .image img {
        height: auto;
        max-height: 166px;
        max-width: 100%;
        width: auto;
    }

.absolute-center {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.item-widget .item-details {
    margin-top: 7px;
    height: 7.25em;
}

    .item-widget .item-details > div.title {
        height: 40px; /*2.9em;*/
        white-space: normal;
        font-weight: bold;
    }

    .item-widget .item-details > div {
        line-height: 13px; /*1.45em;*/
    }

.item-widget .title {
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-widget div.price-row {
    height: 26px; /*1.45em;*/
    overflow: hidden;
    white-space: normal;
}

    .item-widget div.price-row > div.discounted-price, .item-widget div.price-row > .current-price {
        /*font-size: 16px;*/
    }

    .item-widget div.price-row > div {
        display: inline-block;
    }

        .item-widget div.price-row > div.discounted-price span.price, .item-widget div.price-row > .current-price span.price {
            font-weight: bold;
        }

        .item-widget div.price-row > div.ident {
            float: left;
            font-weight: normal;
        }

        .item-widget div.price-row > div.price {
            float: right;
            padding-right: 5px;
            font-weight: bold;
        }

.div_tooltip {
    text-align: left;
    max-width: 300px;
}

    .div_tooltip h3, .div_tooltip_wide h3 {
        margin-top: 5px;
    }

    .div_tooltip table td, .div_tooltip_wide table td {
        font-size: 13px;
        padding: 2px 8px;
        text-align: left;
        vertical-align: top;
    }

.div_tooltip_wide table th {
    font-size: 13px;
    padding: 2px 8px;
    text-align: left;
}

.div_tooltip_wide {
    max-width: 600px;
    width: 600px;
}

.greytext {
    color: #7E7B81;
}

.italictext {
    font-style: italic;
}

/* Retourenaufkleber */
#div_retourenaufkleber_C {
	border: solid black 1pt;
	font-family: Arial, sans-serif;
	width: 100mm;
}

#div_retourenaufkleber_C #div_national {
	height: 10mm;
	font-size: 12pt;
	display: flex;
	border-bottom: solid black 1pt;
	justify-content: space-between;
	align-items: flex-end;
}

#div_retourenaufkleber_C #div_produkt_logo {
	width: 33.3%;
}

#div_retourenaufkleber_C #div_produkt_name {
	width: 33.3%;
	text-align: center;
	align-self: center;
}

#div_retourenaufkleber_C #div_dhl_logo {
	width: 33.3%;
	align-self: center;
}

#div_retourenaufkleber_C #div_dhl_logo > img {
	max-width: 100%;
	max-height: 100%;
}

#div_retourenaufkleber_C #div_absender {
	font-size: 8pt;
	height: 18mm;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

#div_retourenaufkleber_C #div_von_text, #div_retourenaufkleber_C #div_an_text {
	width: 6mm;
	margin-left: 5pt;
}
	
#div_retourenaufkleber_C #div_anschrift_pikt {
	width: 100%;
	height: 29mm;
	font-size: 9pt;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
}

#div_retourenaufkleber_C #div_anschrift {
	height: 25mm;
	width: 66.6%;
	position: relative;
}

#div_retourenaufkleber_C #div_anschrift_box_o_l {
	position: absolute;
	left: 3pt;
	top: 0px;
	width: 4.5mm;
	height: 4.5mm;
	border-style: solid none none solid;
	border-width: 0.5mm;
}

#div_retourenaufkleber_C #div_anschrift_box_o_r {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 4.5mm;
	height: 4.5mm;
	border-style: solid solid none none;
	border-width: 0.5mm;
}

#div_retourenaufkleber_C #div_anschrift_box_u_l {
	position: absolute;
	left: 3pt;
	bottom: 0px;
	width: 4.5mm;
	height: 4.5mm;
	border-style: none none solid solid;
	border-width: 0.5mm;
}

#div_retourenaufkleber_C #div_anschrift_box_u_r {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 4.5mm;
	height: 4.5mm;
	border-style: none solid solid none;
	border-width: 0.5mm;
}

#div_retourenaufkleber_C #div_anschrift_daten {
	position: absolute;
	left: 0mm;
	top: 2pt;
	right: 0mm;
	bottom: 0mm;
	display: flex;
	flex-direction: row;
	align-items: start;
}

#div_retourenaufkleber_C #div_pikt_C {
	width: 33%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#div_retourenaufkleber_C #img_gogreenplus_pikt_C, 
#div_retourenaufkleber_C #img_gewicht_pikt_C {
	height: 12mm;
}

#div_retourenaufkleber_C #div_eigenschaft_box {
	height: 10mm;
	display: flex;
	flex-direction: row;
	align-items: center;
}

#div_retourenaufkleber_C #div_eigenschaft_lines {
	max-height: 6mm;
	width: 100%;
	border-style: solid none solid none;
	border-width: 1pt;
}

#div_retourenaufkleber_C #div_eigenschaft_kein_C {
	width: 33.3%;
	height: 2mm;
	color: white;
}

#div_retourenaufkleber_C #div_eigenschaft_C {
	position: relative;
	color: white;
}

#div_retourenaufkleber_C #lbl_eigenschaft_C {
	padding-left: 5pt;
}

#div_retourenaufkleber_C #div_sendung_info {
	height: 20mm;
	font-size: 9pt;
	display: flex;
	flex-direction: row;
	align-items: center;
}

#div_retourenaufkleber_C #div_sendung_nrs {
	width: 57.5%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

#div_retourenaufkleber_C #div_sendung_nrs_text {
	margin: 0px 3pt;
}

#div_retourenaufkleber_C #div_gewicht_C {
	max-width: 42.5%;
	text-align: center;
}

#div_retourenaufkleber_C #div_routing_code, #div_retourenaufkleber_C #div_idc_id_code {
	height: 37mm;
	width: 100%;
	font-size: 9pt;
	padding: 5pt 3pt 0px 3pt;
	box-sizing: border-box;
}

#div_retourenaufkleber_C #div_routing_code {
	border-top: solid black 1pt;
}

#div_retourenaufkleber_C #lbl_routing_text_C, #div_retourenaufkleber_C #lbl_idc_id_text_C {
}

#div_retourenaufkleber_C #div_routing_barcode, #div_retourenaufkleber_C #div_idc_id_barcode {
	text-align: center;
}

#div_retourenaufkleber_C #barcode_routing_code_C, #div_retourenaufkleber_C #barcode_idc_id_code_C {
	height: 25mm;
	max-width: 96mm;
	padding: 3pt 5mm 0px 5mm;
	box-sizing: border-box;
}

#div_retourenaufkleber_C #div_vls_software {
	height: 4mm;
	font-size: 8pt;
	padding: 0px 0px 3pt 3pt;
}

#div_retourenaufkleber_D {
	border-width: medium;
	border-style: dashed;
	border-color: rgb(102, 102, 102);
	width: 536px;
	height: 816px;
}

#div_retourenaufkleber_D>#div_absender_D {
	height: 221px; 
	margin-top: 25px; 
	margin-left: 35px; 
	font-size: 1.4em;
}

#div_retourenaufkleber_D>#div_idc_id_code_D {
	height: 225px;
	text-align: center;
}

#div_retourenaufkleber_D>#div_dhl_retoure_D {
	height: 54px;
	margin-left: 35px;
}
	
#div_retourenaufkleber_D>#div_anschrift_D {
	height: 108px;
	margin-left: 35px;
	font-size: 1.4em;
}

#div_retourenaufkleber_D>#div_idc_id_ident_D {
	height: 169px;
	margin-left: 35px;
}

/* Bilder / Thumbnails */
div#div_pictures {
    float: left;
    width: 356px;
}

.detailimage {
    background-clip: padding-box;
    height: 356px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

    .detailimage img {
        height: auto;
        max-height: 356px;
        max-width: 100%;
        width: auto;
    }

.thumbnailimage-wrapper {
    width: 66px;
}

.thumbnailimage {
    background-clip: padding-box;
    border-radius: 5px;
    height: 66px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #E6EBF0;
}

    .thumbnailimage img {
        height: auto;
        max-height: 66px;
        max-width: 100%;
        width: auto;
    }

#gallery a.zoomGalleryActive, #gallery a:hover {
    opacity: 0.99;
}

#gallery a {
    opacity: 0.5;
}

#div_bigPicture {
    position: relative;
    height: 356px;
    max-width: 100%;
}

    #div_bigPicture > div.zoomWrapper {
        width: 100% !important;
        margin: auto;
        position: absolute;
    }

#BigPicture {
    position: absolute;
    border-radius: 5px;
    margin: auto;
    right: 0;
    overflow: auto;
    top: 0;
    left: 0;
}
/* /Bilder / Thumbnails */

/* CeBIT */
.thumbnailimage48 {
    background-clip: padding-box;
    border-radius: 5px;
    height: 48px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #E6EBF0;
}

    .thumbnailimage48 img {
        height: auto;
        max-height: 48px;
        max-width: 100%;
        width: auto;
    }
/* /CeBIT */

.div_favoriten_text {
    float: right;
    position: absolute;
    z-index: 100;
    right: 0;
}

.spn_favoriten_text_short > span {
    background-size: 32px 32px;
    display: inline-block;
    float: right;
    height: 32px;
    width: 32px;
}

.spn_favoriten_text_short_yellow {
    background-image: url("../../images/notes-info_32_yellow.png");
}

.spn_favoriten_text_short_orange {
    background-image: url("../../images/notes-info_32_orange.png");
}

.spn_favoriten_text_short_red {
    background-image: url("../../images/notes-info_32_red.png");
}

.spn_favoriten_text_short_blue {
    background-image: url("../../images/notes-info_32_blue.png");
}

.spn_favoriten_text_short_green {
    background-image: url("../../images/notes-info_32_green.png");
}

.favoritentext {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    font-weight: normal;
    text-align: left;
}

#DG_favoritenkennzeichnung {
    width: 706px;
}

.hidden {
    display: none;
}

.div_UploadProgress {
    margin-top: 30px;
    width: 100%;
    background-color: #7e7b81;
    text-align: center;
    display: inline-block;
    background-repeat: repeat-x;
    border-radius: 13px; /* (height of inner div) / 2 + padding */
    padding: 3px;
    display: none;
}

.div_UploadProgressBar {
    color: #FFFFFF;
    background-color: #003a6c;
    width: 0%; /* Adjust with JavaScript */
    height: 20px;
    border-radius: 10px;
}

.uploadbutton {
    /*border-radius: 3px;
    border: 0px solid #333;
    padding: 10px;    
    background: #777;
    color: #fff;    
    width: 75px;
    cursor:pointer;*/
    border-radius: 3px;
    border: 0px solid #333;
    padding: 3px;
    background: #777;
    color: #fff;
    width: 160px;
    cursor: pointer;
    text-align: center;
}

    .uploadbutton:hover {
        background: #4d7598;
        border: 0px solid #4d7598;
    }

.div_FileUploadDropZone {
    background-color: #E6EBF0;
    width: 100%;
    min-height: 100px;
    text-align: center;
    border-radius: 10px;
}

.div_FileUploadDropZoneInfo {
    display: block;
    padding-top: 20px;
    color: #bdbdc0;
    font-style: italic;
}

.jquery_dialog_title {
    color: #003A6C;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 30px 0;
    padding: 0;
    clear: both;
    width: 100%;
}

/* per_daten.aspx -- news */
#div_content_per_daten_left {
    float: left;
    width: 553px;
}

#div_content_per_daten_right {
    float: right;
    width: 163px;
    background-color: #ccd8e2;
    border-radius: 6px;
}

.per_daten_news_item {
    padding: 10px 0px 10px 5px;
    overflow: hidden;
}

.per_daten_news_item_title {
    color: #003a6c;
    font-weight: bold;
}

.per_daten_news_item_text {
    color: #4d7598;
    font-style: italic;
    font-weight: normal;
    height: 68px;
    overflow: hidden;
}

    .per_daten_news_item_text > a {
        text-decoration: underline;
    }

.per_daten_news_item_line {
    border: none;
    border-top: 2px dotted #ccd8e2;
    color: #fff;
    background-color: #fff;
    width: 153px;
    margin-top: 5px;
}

.osbk_placeholder::placeholder {
    color: #bdbdc0;
}

.osbk_placeholder:-ms-input-placeholder {
    color: #bdbdc0;
}
/* /per_daten.aspx -- news */

/* warenkorb.aspx */
#pan_wakload, #pan_waksave {
    border-style: solid;
    border-width: 1px;
    border-color: #e2e8f9;
    border-radius: 3px;
    display: inline-block;
    width: 480px;
    padding: 10px;
}

.pan_div_left {
    margin-left: 10px;
    float: left;
    width: 202px;
}

.pan_div_right {
    width: 202px;
    float: right;
    text-align: center;
}
/* /warenkorb.aspx */

.umgebung {
    font-weight: bold;
    margin-top: 5px;
    color: red;
    font-size: 35px;
    text-align: center;
}

/* Chrome, Safari, Edge, Opera */
.showUpDown::-webkit-outer-spin-button,
.showUpDown::-webkit-inner-spin-button {
    opacity: 1;
}

/* Firefox */
.showUpDown {
    opacity: 1;
}