@charset "iso-8859-1";
/* author: IMaS GmbH */
/* Creation date: 05.02.2004 */

/*************************************************************************************
* Programm: content.css                                                              *
* Funktion:                                                                          *
*************************************************************************************/

p {
    margin: 0px;
    padding: 0px;
}

form {
    margin: 0px;
}

body.pbso {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px
}

body.pbso2 {
    background-color: #eeeeee;
    margin: 0px;
    padding: 0px
}

table.aussen {
    /*min-height:			100%;*/
    width: 100%;
}

td.aussen {
    background-color: #ffffff;
}

/* Ueberschrift */
table.head {
    border: 1px solid #3B7544;
    height: 16px;
    min-height: 16px;
}

div > table.head {
    height: auto;
    min-height: auto;
}

td.head1 {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #3B7544;
    padding: 2px 0 0 0;
    margin: 0px;
    border-bottom: 1px solid #3B7544;
    width: 100%;
}

td.head1 > div {
    min-height: 15px;
    height: 15px;
    padding: 0px 2px 0 2px;
}

td.headfunc {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #DCE6BB;
    padding: 0 3px 0 3px;
    margin: 0px;
    border-left: 1px solid #3B7544;
}

td.head2 {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #DCE6BB;
    padding: 1px 0 0px 0;
}

td.head2 > div {
    min-height: 14px;
    height: 14px;
    padding: 0px 2px 0 2px;
}

/* Sort-Icon und -Text */
img.sort_icon {
    padding: 1px 1px 0 0;
}

table.title {
    border: 1px solid #3B7544;
    height: 36px;
    min-height: 36px;
}

/* Ueberschrift klassisch */
th.title {
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #3B7544;
    padding: 0px;
    margin: 0px;
    border: 0px solid #3B7544;
    height: 19px;
}

/* Sub1 klassisch */
td.title {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #DCE6BB;
    padding: 1px;
    padding-right: 3px;
    padding-left: 3px;
    margin: 0px;
}

td.choose {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #DCE6BB;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
    margin: 0px;
}

td.title2 {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFCA;
    padding: 1px;
    padding-right: 3px;
    padding-left: 3px;
    margin: 0px;
}

table.body {
    border-right: 1px solid #3B7544;
    border-left: 1px solid #3B7544;
    border-bottom: 1px solid #3B7544;
}

td.bodyHK,
td.bodyVI {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body1HK,
td.body1VI {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body2HK,
td.body2VI {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.bodyPL {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000088;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body1PL {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000088;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body2PL {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000088;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.bodySO {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #880000;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body1SO {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #880000;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body2SO {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #880000;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body1AK {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #008800;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body2AK {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #008800;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body1NE {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #888888;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body2NE {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #888888;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body1PI {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #660066;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body2PI {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #660066;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body1AA {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #660066;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body2AA {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #660066;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body1SA {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #11aabb;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body2SA {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #11aabb;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body1ED {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #110099;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body2ED {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #110099;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body1AN {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

td.body2AN {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

.bodyerr {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #880000;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

.bodyoki {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #008800;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

.bodymsg {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    background-color: #eeeeee;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

.over {
    background-color: #DCE6BB;
    border: 1px solid #3B7544;
}

.out1 {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.out2 {
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
}

.leisteover {
    background-color: #DCE6BB;
    border: 1px solid #3B7544;
}

.leisteout {
    background-color: #DCE6BB;
    border: 1px solid #DCE6BB;
}

th.foot {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #ffffff;
    background-color: #3B7544;
    padding: 1px;
    margin: 0px;
}

.button {
    font-family: tahoma;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    background-color: #DCE6BB;
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #3b7544;
    border-right: 1px solid #3b7544;
    cursor: pointer;
}

.darkbutton {
    font-family: tahoma;
    font-size: 9px;
    font-weight: bold;
    color: #ffffff;
    background-color: #3b7544;
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #DCE6BB;
    border-left: 1px solid #DCE6BB;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    cursor: pointer;
}

.darkbuttonpush {
    font-family: tahoma;
    font-size: 9px;
    font-weight: bold;
    color: #ffffff;
    background-color: #3b7544;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #DCE6BB;
    border-right: 1px solid #DCE6BB;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    cursor: pointer;
}

.butpush {
    font-family: tahoma;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    background-color: #DCE6BB;
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #3b7544;
    border-left: 1px solid #3b7544;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    cursor: pointer;
}

input.body {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 0px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #999999;
    text-align: left;
    width: 100px;
}

input.bodyred, input.bodyerr, select.bodyerr, textarea.bodyerr {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 0px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #880000;
    text-align: left;
    width: 100px;
}

select.readonlyselect.readonly, textarea.readonly, input.readonly {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    background-color: #eeeeee;
    padding: 0px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #999999;
    text-align: left;
    width: 100px;
}

input.hidden {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    padding: 0px;
    padding-right: 2px;
    padding-left: 2px;
    border: 0px solid black;
    text-align: left;
}

iframe.body {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 0px;
    border: 1px solid #999999;
    text-align: left;
}

textarea.body {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 0px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #999999;
    text-align: left;
}

select.dynamic {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

select.body {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 0px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #999999;
    text-align: left;

}

select.ueber {
    font-family: tahoma;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 0px;
    padding-right: 2px;
    padding-left: 2px;
    text-align: left;

}

input.foot {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 0px;
    padding-right: 2px;
    padding-left: 2px;
    margin: 0px;
    border: 1px solid #3b7544;
    text-align: left;
}

a.stdbut, input.stdbut {
    font-family: tahoma;
    font-size: 10px;
    text-align: center;
    color: #000000;
    background-color: #DCE6BB;
    padding: 1px, 5px, 1px, 5px;
    margin: 1px;
    border: 1px solid #3b7544;
    cursor: pointer;
}

a.stdbut {
    padding: 0px 4px;
    letter-spacing: 1px;
}

a.stdbut:hover {
    color: #000000;
    text-decoration: none;
}

div.stdbut {
    font-family: tahoma;
    font-size: 10px;
    text-align: center;
    color: #000000;
    background-color: #DCE6BB;
    padding: 1px;
    margin: 1px;
    border: 1px solid #3b7544;
    cursor: pointer;
}

input.uve {
    font-family: tahoma;
    font-size: 11px;
    text-align: center;
    background-color: #ff9999;
    padding: 0px;
    margin: 0px;
    border: 1px solid #000000;
    cursor: pointer;
    font-weight: bold;
}

img.artikel {
    border: 1px solid #3b7544;
}

.border {
    background-color: #3b7544;
    line-height: 1px;
}

.error {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #880000;
}

.txt {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #000000;
}

.outTD {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #ffffff
}

.overTD {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #3b7544
}

.matchTD {
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 1px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #880000
}

.progress0 {
    border: 1px solid #3B7544;
    background-color: #ffffff;
}

.progress1 {
    border: 1px solid #3B7544;
    background-color: #DCE6BB;
}

.b_u3 {
    border-top: 1px solid #3B7544;
    border-right: 1px solid #3B7544;
    border-bottom: 1px solid #3B7544;
}

A.ul {
    display: block;
    width: 100%;
    height: 100%;
}


A.ulHK {
    color: #000000;
    text-decoration: none;
}

A.ulHK:visited {
    color: #000000;
    text-decoration: none;
}

A.ulHK:active {
    color: #000000;
    text-decoration: none;
}

A.ulHK:hover {
    color: #000000;
    text-decoration: underline;
}

A.ulPL {
    color: #000088;
    text-decoration: none;
}

A.ulPL:visited {
    color: #000088;
    text-decoration: none;
}

A.ulPL:active {
    color: #000088;
    text-decoration: none;
}

A.ulPL:hover {
    color: #000088;
    text-decoration: underline;
}

A.ulSO {
    color: #880000;
    text-decoration: none;
}

A.ulSO:visited {
    color: #880000;
    text-decoration: none;
}

A.ulSO:active {
    color: #880000;
    text-decoration: none;
}

A.ulSO:hover {
    color: #880000;
    text-decoration: underline;
}

A.ulAK {
    color: #008800;
    text-decoration: none;
}

A.ulAK:visited {
    color: #008800;
    text-decoration: none;
}

A.ulAK:active {
    color: #008800;
    text-decoration: none;
}

A.ulAK:hover {
    color: #008800;
    text-decoration: underline;
}

A.ulNE {
    color: #888888;
    text-decoration: none;
}

A.ulNE:visited {
    color: #888888;
    text-decoration: none;
}

A.ulNE:active {
    color: #888888;
    text-decoration: none;
}

A.ulNE:hover {
    color: #888888;
    text-decoration: underline;
}

A.ulSA {
    color: #11aabb;
    text-decoration: none;
}

A.ulSA:visited {
    color: #11aabb;
    text-decoration: none;
}

A.ulSA:active {
    color: #11aabb;
    text-decoration: none;
}

A.ulSA:hover {
    color: #11aabb;
    text-decoration: underline;
}

A.ulED {
    color: #110099;
    text-decoration: none;
}

A.ulED:visited {
    color: #110099;
    text-decoration: none;
}

A.ulED:active {
    color: #110099;
    text-decoration: none;
}

A.ulED:hover {
    color: #110099;
    text-decoration: underline;
}

A.ulPI {
    color: #660066;
    text-decoration: none;
}

A.ulPI:visited {
    color: #660066;
    text-decoration: none;
}

A.ulPI:active {
    color: #660066;
    text-decoration: none;
}

A.ulPI:hover {
    color: #660066;
    text-decoration: underline;
}

A.ulAA {
    color: #660066;
    text-decoration: none;
}

A.ulAA:visited {
    color: #660066;
    text-decoration: none;
}

A.ulAA:active {
    color: #660066;
    text-decoration: none;
}

A.ulAA:hover {
    color: #660066;
    text-decoration: underline;
}

A {
    color: #000088;
    text-decoration: none;
}

A:visited {
    color: #000088;
    text-decoration: none;
}

A:active {
    color: #000088;
    text-decoration: none;
}

A:hover {
    color: #000088;
    text-decoration: underline;
}

A.fake {
    color: #000000;
    text-decoration: none;
}

A.fake:visited {
    color: #000000;
    text-decoration: none;
}

A.fake:active {
    color: #000000;
    text-decoration: none;
}

A.fake:hover {
    color: #000000;
    text-decoration: none;
}

#greyout {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: none;
}

.vorschlag {
    font-family: tahoma;
    font-size: 11px;
    position: absolute;
    z-index: 20;
    background-color: #eee;
    border: 1px solid #666;
    padding: 2px;
    cursor: pointer;
}

.vorschlag > div {
    padding: 2px;
    background-color: #eee;
}

.vorschlag > div:hover {
    background-color: #fff;
}

.input_inlay_span {
    text-align: right;
    vertical-align: middle;
    height: 100%;
    display: block;
    padding: 0px 3px 0px 3px;
    margin-top: -10px;
}

.input_inlay_span > .small_input_icon {
    width: 6px;
    height: 6px;
}

/* Walter ASF Sortiment-Highlight */
div.filter-Sortiment {
    background-color: #FFFFCA;
}

div.filter_stickytop {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    text-align: center;
    padding: 3px;
}