* {
        margin: 0;
        padding: 0;
        font-family: Verdana;
        font-size: small;
    }

    body {
            overflow: hidden;
    }

    #header {
        background-color: #7994a6;
        height: 140px;
    }

        #header #logo {
            height: 120px;
            width: 120px;
            position: absolute;
            top: 10px;
            left: 10px;
            background-image: url("../Images/logo.PNG");
            background-size: 120px 120px;
        }

        #header #workbench {
            height: 120px;
            position: absolute;
            top: 10px;
            left: 150px;
            right: 10px;
            background-image: url("../Images/bg_workbench.PNG");
            background-size: 120px 120px;
            background-repeat: repeat-x;
            overflow-x: hidden;
        }

    #linetop {
        /* .line */
    }

    #content {
        background-color: #dddddd;
        background-image: url("../Images/bg_content.PNG");
        font-size: 12px;
        position: absolute;
        top: 145px;
        bottom: 55px;
        width: 100%;
        overflow: hide;
        /*overflow-x:auto;
overflow-y:hide;*/
    }

    #linebottom {
        width: 100%;
        position: absolute;
        bottom: 50px;
    }

    #footer {
        background-color: #7994a6;
        height: 50px;
        width: 100%;
        position: absolute;
        bottom: 0px;
    }

    .line {
        /* .line */
        background-color: #f8b800;
        height: 5px;
    }

    .float-left {
        float: left;
    }

    .float-right {
        float: right;
    }

    .clear {
        clear: both;
    }

    /* ########## Kategorie scheiß! ########## */
    .Kategorie {
        background-image: url("../../Images/bg_workbench.PNG");
        background-size: 100px 100px;
        background-repeat: repeat-x;
        border: 1px solid black;
        float: left;
        padding: 5px;
        margin: 5px;
        text-align: center;
        overflow: hidden;
        width: 80px;
        height: 80px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .Kategorie:hover {
            background-image: none;
            background-color: Orange;
            cursor: pointer;
        }

        .Kategorie img {
            height: 40px;
            width: 40px;
        }

        .Kategorie #TextSpace {
            height: 40px;
            width: 80px;
            font-size: 8pt;
            line-height: 10px;
        }

    /* ########## Objekttyp scheiß ########## */
    .ObjektTyp {
        background-image: url("../../Images/bg_workbench.PNG");
        background-size: 100px 100px;
        background-repeat: repeat-x;
        border: 1px solid black;
        float: left;
        padding: 5px;
        margin: 5px;
        text-align: center;
        overflow: hidden;
        width: 80px;
        height: 80px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .ObjektTyp:hover {
            background-image: none;
            background-color: Orange;
            cursor: pointer;
        }

        .ObjektTyp img {
            height: 40px;
            width: 40px;
        }

        .ObjektTyp #TextSpace {
            height: 40px;
            width: 80px;
            font-size: 8pt;
            line-height: 10px;
        }



    /* #################### Workbench #################### */

    #wb-container {
        height: 120px;
        overflow: visible;
    }

    .wbico {
        max-height: 30px;
        max-width: 30px;
        margin: 2px;
    }

        .wbico:hover {
            cursor: pointer;
        }

    .workbenchtool {
        height: 100px;
        width: 75px;
        padding: 10px;
        text-align: center;
    }

        .workbenchtool:hover {
            height: 100px;
            width: 75px;
            padding: 10px;
            background-color: #f8b800;
            cursor: pointer;
        }

        .workbenchtool a {
            text-decoration: none;
        }

        .workbenchtool img {
            height: 60px;
            width: 60px;
        }

        .workbenchtool p {
            width: 75px;
            text-align: center;
            font-size: 8pt;
            font-family: Verdana;
            color: White;
			word-wrap: break-word;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
        }

    .workbenchpanel {
        font-size: 12px;
        height: 100px;
        width: 300px;
        padding: 10px;
    }

    .workbenchtextbox {
        height: 100px;
        width: 215px;
        padding: 5px;
    }

        .workbenchtextbox input {
            padding: 2px;
            /*width: 145px;*/
        }

        .workbenchtextbox #SearchText, .workbenchtextbox #OrtSearchText {
            width: 175px;
        }

    .vline {
        height: 100%;
        width: 1px;
        background-color: #7994a6;
    }

    .openWB {
        max-width: 100%;
        background-color: White;
        position: fixed;
        top: 145px;
        left: 0px;
        right: 0px;
        z-index: 99999;
        border: 1px solid orange;
        background-image: url("../Images/bg_workbench.PNG");
        background-size: 1px 100%;
        background-repeat: repeat-x;
        display: none;
        margin-left: 10px;
        margin-right: 10px;
        overflow-y: auto;
    }

    .opopup {
        /*height:100%;
width:100%;*/
    }

    .wb-scroll {
        height: 120px;
        position: absolute;
        width: 25px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
    }

    .wb-left {
        left: 0px;
        background-image: url("../../Images/scroll_left.png");
    }

    .wb-right {
        right: 0px;
        background-image: url("../../Images/scroll_right.png");
    }

    .filtersymbol {
        text-align: center;
    }

        .filtersymbol img {
            max-height: 50px;
            max-width: 50px;
        }

    /* #################### Popup #################### */

    #Popup-cross {
        position: fixed;
        display: none;
        top: 0px;
        right: 0px;
        height: 80px;
        width: 80px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid black;
        background-color: #555555;
        opacity: 0.8;
        z-index: 99999;
    }

        #Popup-cross:hover {
            cursor: pointer;
            opacity: 1;
        }

    #Popup-shadow {
        position: fixed;
        display: none;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #000000;
        opacity: 0.7;
        z-index: 99998;
    }

    #Popup {
        position: fixed;
        display: none;
        left: 10%;
        top: 10%;
        right: 10%;
        max-height: 80%;
        /*bottom:10%;*/
        background-color: #eeeeee;
        z-index: 99999;
        overflow-y: scroll;
        padding: 10px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    /* #################### Pager #################### */

    #first_gridpager {
        height: 10px !important;
        width: 10px !important;
        background-image: url("../Images/first_gridpager.png");
        background-size: 100% 100%;
    }

    #prev_gridpager {
        height: 10px !important;
        width: 10px !important;
        background-image: url("../Images/prev_gridpager.png");
        background-size: 100% 100%;
    }

    #next_gridpager {
        height: 10px !important;
        width: 10px !important;
        background-image: url("../Images/next_gridpager.png");
        background-size: 100% 100%;
    }

    #last_gridpager {
        height: 10px !important;
        width: 10px !important;
        background-image: url("../Images/last_gridpager.png");
        background-size: 100% 100%;
    }

    #search_jqGrid {
        height: 19px !important;
        width: 19px !important;
        background-image: url("../Images/search_jqGrid.png");
        background-size: 100% 100%;
    }

    #refresh_jqGrid {
        display: none;
    }

    #searchmodfbox_jqGrid {
        background-color: White;
        border: 1px solid black;
    }

    #gridpager {
        background-color: #7994A6;
    }

    #sopt_menu {
        background-color: White;
        border: 1px solid black;
        list-style: none;
    }

    #delmodjqGrid {
        background-color: White;
    }

    button, input[type="submit"] {
        padding: 1px;
        margin: 1px;
    }

    .clickable:hover {
        cursor: pointer;
    }

    #dpi {
        height: 19cm;
        left: -100%;
        position: absolute;
        top: -100%;
        width: 27.7cm;
    }


    /* #################### Sonstiges #################### */

    .button {
        background-color: lightgray;
        border: 1px solid black;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        padding: 3px;
    }

    .button:hover {
        background-color: orange;
    }