body {
    font-size: 12px;
    font-family: Open sans;
    font-weight: normal;
}

div.body_wrapper {
    /*width: 1200px;*/
    /*margin: auto;*/
}

div.left_body {
    float: left;
    width: 324px;
    height: 89vh;
    overflow: hidden;
}

div.right_body {
    float: left;
    height: 89vh;
}

div.scroll_wrapper {
    width: 900px;
    height: 81vh;
    overflow: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

div.scroll_wrapper::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}

div.square {
    display: inline-block;
    width: 150px;
    background-color: #EEEEEE;
    margin-left: 5px;
    margin-top: 5px;
}

div.img_square {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-image: url('../img/graue-punkte.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%;
    margin-left: 5px;
}

div.square_row {
    position: relative;
    padding: 2px;
}

div.double_square {
    float: left;
    height: 465px;
    width: 150px;
}

div.double_square_high {
    display: inline-block;
    height: 452px;
    width: 142px;
    background-color: #FFFFFF;
    margin-left: 5px;
    color: #555;
}

div.double_square img {
    width: 150px;
    margin-left: 5px;
}

img.logo {
    position: absolute;
    bottom: 5px;
    right: 10px;
    width: 50%;
}

div.abnehmer {
    height: 366px;
    width: 853px;
    background-color: #EEEEEE;
    margin-left: 10px;
    margin-top: 7px;
}

div.abnehmer_sub_hl {
    float: left;
    padding: 2px;
    margin-left: 2px;
    font-size: 11px;
    color: #555;
}

div.abnehmer_sub {
    float: left;
    padding: 2px;
    margin-left: 2px;
    font-size: 11px;
    color: #555555;
}

input.order_input {
    padding: 5px;
    height: 32px;
    border: 0;
    margin: 2px;
    font-size: 13px;
    color: #555;
}

div.box {
    width: 95%;
    background-color: #EEEEEE;
    margin-left: 10px;
    margin-top: 7px;
    padding: 2%;
}

div.box_header {
    font-size: 15px;
    padding: 5px;
    /*padding-bottom: 2%;*/
}

/*div.artikeluebersicht {*/
/*    width: 813px;*/
/*    background-color: #EEEEEE;*/
/*    margin-left: 10px;*/
/*    margin-top: 20px;*/
/*    padding: 20px;*/
/*}*/

div.artikel_col1 {
    display: inline-block;
    width: 51%;
    white-space: normal;
}

div.artikel_col2 {
    display: inline-block;
    width: 10%;
    font-size: 9px;
    margin-top: 7px;
    text-align: center;
}

div.artikel_col3 {
    display: inline-block;
    width: 9%;
    font-size: 9px;
    margin-top: 7px;
    text-align: right;
}

div.artikel_col4 {
    display: inline-block;
    width: 20%;
    font-size: 9px;
    margin-left: 7px;
    white-space: normal;
}

div.artikel_col5 {
    display: inline-block;
    width: 9%;
    font-size: 9px;
    margin-top: 7px;
    text-align: right;
}

div.artikeluebersicht hr {
    background-color: #ccc;
    width: 99%;
    margin-left: 5px;
    border: none;
    height: 1px;
}

div.artikeluebersicht input.article_value {
    border: none;
    background: transparent;
    width: 30px;
    text-align: center;
}

div.artikeluebersicht input.article_amount {
    border: none;
    background: transparent;
    padding: 0;
    width: 70px;
    text-align: right;
}

div.artikeluebersicht input.article_total_amount {
    border: none;
    background: transparent;
    padding: 0;
    width: 60px;
    text-align: right;
}

img.in_warenkorb {
    width: 170px;
}

div.order_uebersicht {
    height: 174px;
    width: 853px;
    background-color: #EEEEEE;
    margin-left: 10px;
    margin-top: 20px;
}

div.order_box {
    width: 97%;
    padding: 5px;
    height: 71px;
    background-color: #FFF;
    font-size: 11px;
    color: #555;
    margin-top: 2%;
}

div.order_invoice_address {
    height: 50px;
    width: 853px;
    background-color: #EEEEEE;
    margin-left: 10px;
    margin-top: 20px;
}

div.order_delivery_address {
    height: 50px;
    width: 853px;
    background-color: #EEEEEE;
    margin-left: 10px;
    margin-top: 20px;
}

div.order_payment_information {
    height: 232px;
    width: 853px;
    background-color: #EEEEEE;
    margin-left: 10px;
    margin-top: 20px;
}

div.payment_info {
    /*padding-top: 15px;*/
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    font-size: 11px;
    color: #555;
    padding: 1%;
}

div.pflichtfelder {
    text-align: right;
    float: left;
    font-size: 11px;
    color: #000000;
    margin-top: 10px;
}

img.send_order_img {
    width: 170px;
}

div.send_order {
    float: right;
    text-align: left;
    margin-top: 20px;
    border: 2px solid #FFF;
    font-size: 15px;
    font-weight: bold;
    padding: 6px;
}

/*Footer*/
div.footer_row {
    padding: 15px 15px 0 15px;
    /*width: 1140px;*/
    width: 1224px;
    font-size: 11px;
    color: #CCCCCC;
    display: inline-block;
}

div.footer_row hr {
    color: #eee;
    /*width: 1037px;*/
    width: 100%;
    /*margin-left: 149px;*/
    margin-top: 5px;
}

div.footer_row a {
    color: #CCCCCC;
    text-decoration: none;
}

div.footer_row_l {
    display: inline-block;
    /*margin-left: 149px;*/
}

div.footer_row_l span {
    display: inline-block;
    margin: 0;
    vertical-align: bottom;
}

div.footer_row_r {
    float: right;
}

/* Inhalt des Login-Tooltips */
div.login_div {
    width: 260px;
    height: 270px;
}

div.login_div_hl {
    padding: 2px;
    margin-left: 2px;
    font-size: 13px;
    color: #555;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 18px;
}

div.login_div_subhl {
    padding: 2px;
    margin-left: 2px;
    font-size: 11px;
    color: #555;
}

div.login_div input {
    padding: 5px;
    width: 255px;
    height: 32px;
    border: 1px solid #eeeeee;
    margin: 2px;
    font-size: 13px;
    color: #555;
}

div.login_div img.login_go {
    width: 32px;
    margin-top: 2px;
}

div.login_div img.continue_without_login_img {
    width: 140px;
}

div.login_div a.continue_without_login_button {
    cursor: pointer;
    display: inline-block;
    margin: 10px 0 10px 60px;
}

/*.ui-icon {*/
/*    background-image: url('jquery-ui-1.14.1/images/ui-icons_222222_256x240.png');*/
/*}*/

.ui-multiselect-menu {
    background-color: #FFFFFF;
    color: #555555;
}

/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {*/
/*    background: #fdcf51 url("jquery-ui-1.14.1/images/ui-bg_highlight-soft_75_fdcf51_1x100.png") 50% 50% repeat-x;*/
/*}*/

/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {*/
/*    background: #fff url("jquery-ui-1.14.1/images/ui-bg_highlight-soft_65_ffffff_1x100.png") 50% 50% repeat-x;*/
/*}*/

div.foot_notes {
    font-size: 11px;
    margin-bottom: 2%;
    color: #000000;
}

div.infotext_zedal {
    font-size: 11px;
    margin-bottom: 2%;
    color: #000000;
}