/* Liste */
.tableList {
    border-collapse: separate;
    border: 0px solid #888 !important;
    font-weight: normal;
    float: left;
    table-layout: fixed;
}

    .tableList tbody {
        width: 700px;
        border-top: 0px solid #888;
        border-left: 1px solid #888;
        border-bottom: 1px solid #888;
        border-right: 1px solid #888;
    }

    .tableList TH {
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-align: left;
        background: url(../../Images/layout/tableHeadKachel.gif) repeat-x 0 0;
        border: 0px solid #888 !important;
        white-space: nowrap;
        background-color: #D3D3D3;
        margin: 10px 10px 0 10px;
        padding: 10px 10px 5px 10px;
    }


        .tableList TH A {
            color: #000;
            font-size: 13px;
            text-decoration: none;
            border: none !important;
        }

    .tableList TR {
        border: 0;
        margin: 0;
        padding: 0;
        color: #000000;
        border: 0px solid #888;
        border: 0px solid #888;
    }


tr.dynamic_sum_row {
    border: 0;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    background-color: #FF8C00;
    border: 0px solid #888;
    border: 0px solid #888;
}


    th.dynamic_sum_cell, tr.dynamic_sum_row > th {
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: left;
        border-collapse: separate;
        background: none;
        border: 1px solid #888;
        margin: 0px 10px 0 10px;
        padding: 5px 10px 5px 10px;
    }


.tableList TR.alt {
    color: #000000;
    background-color: #cde9d2;
    border-right: 1px solid #888;
}


.tableList tr:hover {
    background-color: #999933;
}


.tableList TD {
    padding: 10px;
    text-align: left;
    border: 0px solid #888 !important;
    white-space: normal;
}

.tableList_auswertung TD {
    white-space: break-spaces !important;
}


.tableList TD.nowrap {
    white-space: nowrap !important;
}


.tableList TD.MessageTextCell {
    white-space: nowrap !important;
}

.tableList TD.wrapCell {
    white-space: pre-line !important;
}

.tableList TH.min_width, .tableList TD.min_width {
    min-width: 60px !important;
}


    .tableList TH.min_width input {
        min-width: 60px !important;
    }


.processbutton img, .processbutton IMG, .tableList TD IMG {
    width: 20px !important;
    height: 20px !important;
}



.datapager {
    margin: 0px;
    padding: 12px 10px 18px 10px;
    color: #666;
    padding-top: 12px;
    background-color: #fff;
    border: 1px solid #888;
    height: 15px;
}

.datapager_modal {
    margin: 0 0 5px 0 !important;
    padding: 8px 6px 10px 6px;
}

.datapager input.ergebnisseProSeite, .datapager input[disabled].ergebnisseProSeite {
    margin: 0px;
    padding: 0px;
    border: none;
}

.pagerspan {
    margin: 0px;
    padding: 0px;
    width: 100%;
    color: #000;
    background-color: #fff;
}

.gotopage {
    width: 50px;
    height: 20px;
    border: 1px solid #888888;
}

.datapager_modal img {
    margin-top: 0px !important;
}

.datapager .pagerCaption {
    padding-right: 10px;
}


.datapager span {
    font-weight: bold;
    font-size: 11px;
    float: none;
    margin: 0px;
    padding: 0px;
    color: #666;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
}

    .datapager span.active {
        color: #016bb2;
        margin-right: 2px;
        padding-right: 2px;
        font-size: 14px;
    }

    .datapager span A:link {
        font-weight: bold;
        font-size: 11px;
        float: none;
        margin-right: 2px;
        padding-right: 2px;
        color: #666;
        text-align: center;
        text-decoration: none;
    }

    .datapager span A:visited {
        font-weight: bold;
        font-size: 11px;
        float: none;
        margin-right: 2px;
        padding-right: 2px;
        color: #666;
        line-height: 16px;
        text-align: center;
        text-decoration: none;
    }

    .datapager span A:hover {
        color: #016bb2;
        font-size: 14px;
    }

.datapagerinfo {
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    display: inline;
    margin: 0;
    padding: 0;
}




.listpagefunction {
    font-weight: normal;
    font-size: 11px;
    width: 100%;
    clear: left;
}

    .listpagefunction ul li span {
        font-weight: bold;
    }

    .listpagefunction UL {
        display: inline;
        margin: 0;
        padding: 0px 0px 10px 0px;
        overflow: hidden;
        list-style-type: none;
        float: left;
        width: 95%;
    }

    .listpagefunction LI {
        float: left;
        border: 0px;
        margin: 0px;
        padding: 0px 10px 0px 0px;
        overflow: hidden;
        list-style-type: none;
        white-space: nowrap;
    }

        .listpagefunction LI:last-child {
            padding: 0px 0px 0px 0px;
        }



.listimage_container {
    float: left !important;
    width: 20px;
    height: 16px;
    border: solid 0px #016bb2;
    margin: 0px;
    padding: 3px 0px 0px 0px;
    clear: none;
}

.listimage {
    clear: both;
    border: 0px;
    margin: 0px;
    padding: 0px;
    height: 20px;
    width: 20px;
}




.listimage_sum {
    clear: both;
    border: 0px;
    margin: 0px;
    padding: 0px;
    height: 20px;
    width: 20px;
}

.listimage_alternatepage_button {
    clear: both;
    border: 0px;
    margin: 0px;
    padding: 0px 2px 0px 0px;
    height: 20px;
    width: 20px;
}

.listimage_sumpanel {
    border: solid 1px #888 !important;
    background-color: #888;
    cursor: default;
    font-size: 11px;
    padding: 1px 1px 0;
    width: 80px;
}

.pagesumcaption {
    float: left;
    margin: 2px 0px 0px 0px !important;
    white-space: nowrap !important;
    font-weight: bold;
    border: 0px solid #888 !important;
}

.pagesumlink, .listimage_sumpanel.A {
    cursor: pointer;
    display: block;
    margin: 1px 0;
    padding: 4px 19px 4px 0px;
    text-decoration: none;
    white-space: nowrap;
    color: #FFF;
}

.pagesumtypcell, .pagesumtyppanel {
    white-space: nowrap !important;
    border: 0px solid red !important;
    width: 190px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    overflow: auto;
}

.pagesumtypcell_short, .pagesumtyppanel_short {
    white-space: nowrap !important;
    border: 0px solid red !important;
    width: 120px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.pagesumtyp {
    float: left;
    white-space: nowrap !important;
    font-weight: bold;
    border: 0px solid #888 !important;
}

    .pagesumtyp input {
        float: right;
        margin-top: 4px;
        margin-left: 2px;
        margin-right: 2px;
    }

    .pagesumtyp label {
        float: left;
        margin-top: 2px;
    }

.pagesumdisplaycontrol {
    border: 0px solid #888;
    height: 20px;
    width: 100%;
    padding: 0px 1px 0px 2px !important;
    margin: 0px !important;
    font-size: 11px;
    text-align: left;
}


.columnconfiglistoptioncontainer {
    width: 155px !important;
    border: solid 0px #000 !important;
}

/*datalist*/

.datalist {
    border-collapse: collapse; /* height: 400px; */
}

    .datalist tbody {
        clear: both;
        border-collapse: separate;
        border-top: 0px solid #888 !important;
        border-left: 1px solid #888 !important;
        border-bottom: 1px solid #888 !important;
        border-right: 1px solid #888 !important;
    }


    .datalist tr, .datalist TR {
        margin: 0px;
        padding: 4px;
        border-right: 1px solid #888 !important;
    }

    .datalist TH, .datalist th {
        background: url("../../Images/layout/tableHeadKachel.gif") repeat-x scroll 0 0 transparent;
        border: 0px solid #888888 !important;
        border-right: 0px solid #888888 !important;
        color: #000000;
        font-size: 11px;
        font-weight: bold;
        margin: 3px 10px 0px 0px !important;
        padding: 3px 10px 0px 3px !important;
        text-align: left;
        white-space: nowrap;
    }

        .datalist TH.indexcontainer {
            background: url("../../Images/layout/tableHeadKachel.gif") repeat-x scroll 0 0 transparent;
            border: 0 solid #888888 !important;
            color: #000000;
            font-size: 11px;
            font-weight: bold;
            margin: 3px 2px 0px 0px !important;
            padding: 3px 2px 0px 0px !important;
            text-align: left;
            white-space: nowrap;
        }

        .datalist th.imagecontainer {
            font-size: 11px;
            font-weight: bold;
            color: #000;
            text-align: left;
            margin: 3px 0px 0px 0px !important;
            padding: 3px 0px 0px 0px !important;
            background: url(../../Images/layout/tableHeadKachel.gif) repeat-x 0 0;
            border: 0px solid #888 !important;
        }

        .datalist th.filterheader {
            font-size: 11px;
            font-weight: bold;
            color: #000;
            text-align: left;
            padding: 3px 5px 2px 3px !important;
            margin: 3px 5px 0px 0px !important;
            background: url(../../Images/layout/tableHeadKachel.gif) repeat-x 0 0;
            border: 0px solid #888 !important;
            border-right: 0px solid #888 !important;
        }


        .datalist th a {
            color: #000;
            font-size: 13px;
            text-decoration: none;
            border: none !important;
        }


    .datalist TR.alt {
        color: #000000;
        background-color: #d9e9f4;
        border: none !important;
    }

    .datalist tr:hover {
        cursor: auto;
        background-color: #999933;
    }

    .datalist TR.selected {
        background-color: #FFFF00;
    }


    .datalist tr.datalist_sum_row > th {
        background: none !important;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: left;
        border-collapse: separate;
        background-color: #006699;
        padding: 5px !important;
        margin: 5px !important;
        border: 1px solid #888;
    }

    .datalist tr:hover {
        background-color: #FF8C00;
    }

    .datalist TD.highlight {
        padding: 2px !important;
        margin: 0px !important;
        font-weight: normal;
        background-color: #DAA520 !important;
    }



#loupedatalist tr:hover {
    cursor: pointer;
    background-color: #999933;
}



.datalist img, .datalist IMG {
    border: 0px;
    margin: 0px 0px 0 0;
    padding: 0px;
}

.datalist td {
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    white-space: nowrap;
    padding: 5px 10px 0px 3px !important;
    margin: 0px !important;
    border: 0px solid #888 !important;
}


    .datalist TD.highlight {
        padding: 2px !important;
        margin: 0px !important;
        font-weight: normal;
        background-color: #DAA520 !important;
    }




    .datalist TD SPAN, .datalist td SPAN {
        font-weight: bold;
    }

.datalist tr.datalist_sum_row, tr.datalist_sum_row {
    background-color: #006699;
    color: #ffffff !important;
}

    .datalist td.datalist_sum_number, .datalist tr.datalist_sum_row td {
        text-align: right;
        font-weight: bold;
        color: #ffffff !important;
    }

.datalist TD.wrapCell {
    white-space: pre-line !important;
}


.datalist td.inputcell, td.inputcell {
    background: url(../../Images/layout/inputKachel_bestand.gif) repeat-x !important;
    padding: 2px !important;
    margin: 0px !important;
    border: 1px solid #888 !important;
}

.datalist td.genericinputcell_readonly {
    padding: 0px !important;
    margin: 0px !important;
}

th.datalist_number,
td.datalist_number,
th.datalist_sum_number,
td.datalist_sum_number {
    text-align: right !important;
}



.datalist_display tr:hover {
    cursor: default !important;
    background-color: #999933;
}


.datalist_display TH, .datalist_display TD {
    border: 0px solid #888 !important;
}


/*datalistfunction*/
.datalistfunctioncaption {
    font-size: 13px;
    color: #008000;
    font-weight: bold;
    padding: 0px 0 0 3px;
    margin: 0px 0 0 3px;
}

.datalistfunction {
    clear: both;
    margin: 2px 0px 0px 2px;
    padding: 2px 0px 0px 2px;
    font-weight: normal;
    font-size: 11px;
    width: 90%;
    height: 21px;
    border: solid 0px #888;
}

    .datalistfunction ul li span {
        font-weight: bold;
    }

    .datalistfunction UL {
        border: 0px;
        display: inline;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        list-style-type: none;
        float: left;
    }

    .datalistfunction LI {
        float: left;
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }


/*detailtableList*/

.detailtableList tbody, .detailtableList TBODY {
    border: 1px solid #888;
    width: 1000px !important;
    table-layout: fixed !important;
    display: table !important;
    overflow: hidden !important;
}

.detailtableListdiv {
    border-right: 0px solid #888;
}

.detailtableList tr, .detailtableList TR {
    margin: 4px;
    padding: 4px;
    border-right: 1px solid #888 !important;
}

.detailtableList .commandCell {
    width: 8px !important;
}

.detailtableList .standardtablecell {
    white-space: normal !important;
    overflow: visible !important;
}

.detailtableList .shorttablecell {
    width: 25px !important;
    white-space: normal !important;
    overflow: visible !important;
}


.detailtableList td, .detailtableList TD {
    font-size: 11px;
    font-weight: normal;
    border: none !important;
    text-align: left;
    padding: 0 5px 0 5px !important;
    margin: 0 5px 0 5px !important;
    overflow: hidden !important;
    white-space: normal !important;
    width: 50px !important;
}

.detailtableList th, .detailtableList TH {
    font-weight: bold !important;
    color: #000000;
    text-align: left;
    padding: 0 5px 0 0px !important;
    margin: 0 5px 0 0px !important;
    background: url(../../Images/layout/tableHeadKachel.gif) repeat-x 0 0;
    border: 0px solid #888 !important;
    overflow: hidden !important;
    white-space: normal !important;
    width: 50px !important;
}

.detailtableList tr.alt, .detailtableList TR.alt {
    color: #000000;
    background-color: #d9e9f4;
    border: none !important;
}

.detailtableList tr:hover, .detailtableList TR:hover {
    cursor: pointer;
    background-color: #999933;
}

.detailoptiondiv {
    float: left;
    width: 150px;
    padding: 0 5px 0 0 !important;
    margin: 0 5px 0 0 !important;
    border: 0px double #888;
}


    .detailoptiondiv label, .detailoptiondiv LABEL {
        border: 0px solid #888 !important;
        padding: 0 0 0 5px !important;
        margin: 0 0 0 5px !important;
        float: left;
    }

    .detailoptiondiv input, .detailoptiondiv INPUT {
        border: 0px solid #DEB887 !important;
        padding: 0 0 0 5px !important;
        margin: 0 0 0 5px !important;
        float: left;
    }