.article_list {
    border-collapse: collapse;
    width:           100%;
}

.article_list thead th, .article_list tfoot td {
    font-weight: bold;
}

.article_list th, .article_list td {
    padding:        12px 9px;
    border-bottom:  1px solid #DEDEDE;
    vertical-align: top;
}

.row_article:hover {
    background: #f6f6f6;
}

.row_article.last_article_row td {
    border-bottom: none;
}

.row_price_total td {
    border-top:    medium double black;
    border-bottom: none;
}

.col_product_description {
    text-align: left;
}

.col_action_delete {
    width: 10px;
}

.col_action_delete a {
    color:           red;
    text-decoration: none;
}

.col_article_no {
    width: 5em;
}

.col_amount {
    width:      4em;
    text-align: center;
}

.col_vat {
    width:      2em;
    text-align: right;
}

.col_price_per_unit, .col_total_gross_price, .col_total_net_price {
    width:      7em;
    text-align: right;
}

.input_article_amount {
    width:      2em;
    margin:     0;
    text-align: right;
    float:      none;
}

.list > .line, .list > div > .line {
    padding: 12px 7px;
    border-bottom:  1px solid #DEDEDE;
    vertical-align: top;
}

.headline {
    background: #F6F6F6;
    font-weight: bold;
}

.unit {
    padding-right: 7px;
    min-height: 1px;
}

.unit.lastUnit {
    padding-right: 0;
}

.unit.positive {
    text-align: right;
}

input[type='text'], input[type='password'], select, textarea {
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing:     border-box;
    width:              100%;
    padding: 2px 5px;
}