body {    background-color: #263c4e;    font-family: Verdana;    color: #000000;    font-size: 12px;}

/* Menu */
.sm_box {    font-family: Verdana, Arial, Helvetica, sans-serif;    width: auto;    margin-top: 5px;    border: 1px solid #000000;    background-color: #0e72fc;    margin-bottom: 8px;}
.sm_titel {    width: auto;    background-color: #303030;    font-size: 12pt;    color: #ffffff;    padding-left: 8px;}
.vsm_titel {    width: auto;    background-color: #303030;    font-size: 10pt;    color: #ffffff;    padding-left: 8px;}
.sm_link {    width: auto;    font-size: 10pt;    color: #ffffff;    padding: 1px;    margin-left: 8px;}

    .sm_link a {        text-decoration: none;        color: #000;    }
    .sm_link:hover {        background-color: #909090;    }
    .sm_link:hover a {            color: #ffffff;        }

.vsm_link {    width: auto;    font-size: 8pt;    color: #ffffff;    padding: 1px;    margin-left: 8px;}
.vsm_link a {        text-decoration: none;        color: #000;    }
.vsm_link:hover {        background-color: #909090;    }
 .vsm_link:hover a {            color: #ffffff;        }

.dist {    margin-bottom: 8px;}

img {    border: none;}

/* Window */
.win {
    clear: both;
    width: 100%;
    margin: 2px;
    border: 1px solid #000000;
    background-color: #4d4d4d;
    color: #ffffff;
    margin-top: 10px;
}

.win_titel {    padding-left: 8px;    width: auto;    height: 24px;    background-color: #202020;    font-size: 12pt;    color: #ffffff;
}

.win_main {    padding: 6px;    display: table;}

/* Optionales */
.Rbox {    border-radius: 5px;}
.Tbox {    border-radius: 4px 4px 0px 0px;}
.Hbox {    float: left;}
.Bbox {    float: right;}
.NLbox {    clear: both;}
.TWbox {    float: left;    padding: 1px;    text-align: Left;    margin: 1px;}
.Selected {    border-radius: 10px;    border: 3px solid #F80;}
.nok {    border: 2px solid #F00;    font-size: 8pt;    color: #F00;    text-align: right;}
.ok {    border: 2px solid #0F0;    font-size: 8pt;    color: #0F0;}
.lbbox {    border-radius: 3px;    font-size: 8pt;    color: #FF9030;    background-color: #202020;    padding: 3px;    margin: 2px;}
.data {    font-size: 10pt;    color: #d0d0d0;}

.header {    width: 1024px;    height: 42px;    color: #ffffff;    font-size: 16px;    background-color: #303030;    font-weight: bold;}
.footer {    width: 1024px;    height: 42px;    color: #ffffff;    font-size: 10px;    background-color: #303030;}
.footer a {        color: #ffffff;        text-decoration: none;        font-size: 10px;        padding: 5px;    }
.headsupmessage {
    width: 1024px;
    height: 42px;
    color: #000000;
    font-size: 14px;
    background-color: #ff9900;
    font-weight: normal;
}
.wintab {
    text-align: center;
    background-color: #909090;
    border: 1px solid #ffffff;
}
    .wintab th {        color: #FFFFFF;        text-align: center;        background-color: #303030;        height: 20px;        font-size: 13px;    }
    .wintab td {        color: #FFFFFF;    }
.eingabe {    background-color: #101010;    color: #FFFFFF;}
.label {    font-size: 10px;    color: #fcb026;}
.fettblau {    font-size: 12px;    color: #c0c0fa;}
.blau {    color: #c0c0fa;}
.orange {    color: #ffa71c;}
.yes {    color: #428642;}
.no {    color: #b14b4b;}

.BildView {    border-radius: 6px;    text-align: center;    border: 1px solid #000000;    padding: 2px;    margin: 2px;    width: 140px;    height: 180px;    background-color: #303030;    color: #FFFF00;    float: left;}
    .BildView:a {        border-width: 0px;    }

.MediaView {    border-radius: 6px;    text-align: center;    border: 1px solid #000000;    padding: 2px;    margin: 2px;    width: 140px;    height: 180px;    background-color: #303030;    color: #FFFF00;    float: left;}

    .MediaView:a {        border-width: 0px;    }

.Drow {    border: 1px solid #000000;    padding: 2px;    margin: 2px;    width: 810px;    height: 28px;    background-color: #303030;}

.SDrow {    border: 1px solid #000000;    padding: 2px;    margin: 2px;    width: 810px;    height: 30px;    background-color: #404060;    color: #FFFF00;}

.ImageButton {    vertical-align: bottom;}

.ButtonClass {    cursor: pointer;}

.SFDInfoButton {
    background-color: #555555;
    color: white;
    border: 4px solid #008CBA;
    width: 100%;
    position: relative;
    float: right;
    vertical-align: middle;
    border-radius: 8px;
    padding: 12px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

    .SFDInfoButton:hover {
        background-color: white;
        color: black;
        border: 4px solid #008CBA;
    }

.SSDInfoButton {
    background-color: #555555;
    color: white;
    border: 4px solid #008CBA;
    width: 100%;
    position: relative;
    float: right;
    border-radius: 8px;
    padding: 12px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

    .SSDInfoButton:hover {
        background-color: white;
        color: black;
        border: 4px solid #008CBA;
    }


.PopImage {    display: inline;    cursor: pointer;}
    .PopImage .Icon {        width: 28px;        height: 28px;    }
    .PopImage .PopUp_Image {        position: absolute;        visibility: hidden;        width: 100px;        height: 100px;        z-index: 1;        margin-left: -60px;        margin-Top: -30px;    }
    .PopImage .show { visibility: visible; -webkit-animation: fadeIn 1s;  animation: fadeIn 1s;    }

    .PopImage .hide { visibility: visible; -webkit-animation: fadeout 1s; animation: fadeout 1s; opacity: 0;    }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tb_id {
    font-size: 13px;
    color: #ffffff;
}
.tb_info {    font-size: 12px;    color: #d0d0d0;}
.tb_info_ok {    font-size: 12px;    color: #80ff80;}
.tb_info_bad {    font-size: 12px;    color: #FFFF00;}
.tb_info_att {    font-size: 12px;    color: #FF0000;}
.st_Angelegt {    color: #008C00;}
.st_Upload {    color: #CC00FF;}
.st_Upload_Scan {    color: #CC33FF;}
.st_Upload_Bord {    color: #CC66FF;}
.st_Upload_Ready {    color: #CC99FF;}
.st_Upload_Problem {    color: #ff9900;}
.st_Upload_Ok {    color: #CCFF00;}
.st_Import {    color: #00FF00;}
.st_Import_Check {    color: #00FF00;}
.st_Import_Problem {    color: #ff9900;}
.st_Import_Ok {    color: #00FF00;}
.st_Design {    color: #00FF00;}
.st_Design_Start {    color: #00FF00;}
.st_Design_Ready {    color: #00FF00;}
.st_Design_Ok {    color: #00FF00;}
.st_Prüfung {    color: #00FF00;}
.st_Freigabe {    color: #3399ff;}
.st_Freigabe_Send {    color: #3399ff;}
.st_Design_Ready {    color: #3399ff;}
.st_Freigabe_Ja {    color: #3399ff;}
.st_Freigabe_Nein {    color: #ff9900;}
.st_Fertigung {    color: #6699FF;}
.st_Fertigung_Start {    color: #FFFF00;}
.st_Fertigung_Ready {    color: #CC00FF;}
.st_Versandt {    color: #00ff00;}
.st_Versandt_Bereit {    color: #55ff55;}
.st_Versendet {    color: #00ff00;}
.st_Empfang_OK {    color: #FFFFFF;}
.st_Closed {    color: #e6e6e6;}
.st_Archiv {    color: #c2c2d6;}
.stbeta_true {    color: #FFFF00}
.stbeta_false {    color: lightgray}