    <style>
        body
        {
            font-family: verdana, Helvetica, sans-serif; font-size: 10pt;
            color: #000000;            background-color: #FFFFFF;                    }

        input[type=submit],
        input[type=button],
        input[type=reset] {
            padding:2px 5px!important;
        }
        img {
            border-style:none;
        }
        .list_elem:hover {
            background-color:#e3e3e3;
        }
        .break {
            clear:both;
            float:none;
        }
        .links, .links_projekt, links_select, .auspraegung_left
        {
            font-family: verdana, Helvetica, sans-serif;
            font-size: 10pt;
            vertical-align:top;
            color: #FFFFFF;                    background-color: #968446;        }
        .linkstabelle {

                    background-color: #968446;
        }
        .linkstabelle a:link, .linkstabelle a:visited
        {
                    color: #FFFFFF!important;
                    text-decoration:none;
        }
        .links
        {
            width:21%;
        }

        .auspraegung_left
        {
            width:200px;
            float:left;
            height:25px;
        }

        .links_theader
        {
            text-align: center;
        }

        .links_projekt
        {
            width:150px;
        }
        .rechts, .rechts_select, .auspraegung_right
        {
            font-family: verdana, Helvetica, sans-serif; font-size: 10pt;
            font-size: 10pt;
            color: #000000;            background-color: #FFFFFF;        }

        .auspraegung_right{
            float:left;
            width:340px;
            padding-left:10px;
            height:25px;
        }

        #auspraegung_content .links{
            width:175px;
        }

        A.links:link {font-family: verdana, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF}
        A.links:visited {font-family: verdana, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF}
        A.links:active {font-family: verdana, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF}
        A.links:hover {font-family: verdana, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF}

        A,
        A:link {font-family: verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000}
        A:visited {font-family: verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000}
        A:active {font-family: verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000}
        A:hover {font-family: verdana, Helvetica, sans-serif; font-size: 10pt; color: #000000}

        legend {
            font-family: verdana, Helvetica, sans-serif; font-size: 10pt;
            font-size: 10pt;
            color:                #000000;            padding: 1px;
            background:#fff;
        }


        fieldset {
            display: inline;
            margin-bottom: 5px;
        }

        h1
        {
            text-align : center;
        }

        .success, .success_upd, .success_small
        {
            color: green;
            text-align : center;
        }
        .success
        {
            font-size:50px;
        }
        .success_small
        {
            font-size: 25px;
        }
        .success_upd
        {
            font-size:15px;
        }

        .error, .error_upd, .error_small
        {
            color: red;
            text-align : center;
        }

        .error
        {
            font-size:50px;
        }

        .error_small
        {
            font-size: 25px;
        }
        .error_upd
        {
            font-size:15px;
        }
        .pending
        {
            color: red;
            font-weight : bold;
        }

        .rot
        {
            background-color:#ff4040;
        }
        .gelb
        {
            background-color:#ffff40;
        }
        .gruen
        {
            background-color:#40FF40;
        }

        span.artikel
        {
            cursor:  pointer;
            color: blue;
            text-decoration: underline;
        }

        fieldset#Artikelstamm
        {
            position: absolute;
            left: 780px;
            top: 15px;
        }

        /* ------- Lagerwirtschaft ------- */
        .lagerwirtschaft .td_text {
            width: 400px;
        }

        .lagerwirtschaft .td_zahl {
            width: 125px;
        }

        .gerade {
            background-color: #E4E4E3;
        }

        #eingangsbuchungArtikel .links_theader_menge input {
            width: 30px;
        }

        #eingangsbuchungArtikel .links_theader_artikelid input {
            width: 150px;
        }

        #eingangsbuchungArtikel .links_theader_warenwert input {
            width: 50px;
        }

        #eingangsbuchungArtikel .links_theader_loeschen input {
            width: 25px;
        }

        .lagerwirtschaft .datum_zweistellig {
            width: 20px;
        }

        .lagerwirtschaft .datum_vierstellig {
            width: 35px;
        }

        .lagerwirtschaft .wert {
            width: 50px;
        }
        /* ------- /Lagerwirtschaft ------ */

        /* ------- Rechnungsbuch ------- */
        .rechnungsbuch img {
            border: 0;
        }
        /* ------- /Rechnungsbuch ------- */

        .pagination,
        .pagination a:link,
        .pagination a:hover,
        .pagination a:active,
        .pagination a:visited
        {
            color:#000000;
        }

        .checked
        {
            font-style: italic;
        }

        div.checklist li.optgroup
        {
            font-size: 1.1em;
            font-weight: bold;
            font-style: italic;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding-left: 7px;
        }
        div.checklist li.optgroup:hover
        {
        }
        ul.checklist
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        div.checklist
        {
            border: 1px solid gray;
            border-left: 3px solid #ccc;
            line-height: 1.6em;
        }
        div.checklist, div.checklistHighlighted
        {
            overflow-y: auto;
            overflow-x: hidden;
        }
        .bezahlt_0 {
            width:15px;
            background-color:#f00;
            color:#fff;
            text-align:center;
        }
        .bezahlt_1 {
            width:15px;
            background-color:#0f0;
            color:#000;
            text-align:center;
        }
        .bezahlt_2 {
            width:15px;
            background-color:#FCA600;
            color:#000;
            text-align:center;
        }

        .filter_div {
            padding:3px;
            float:left;
        }

        /* ---------------------------------- */
        /* ------------ Tree PHP ------------ */
        /* ---------------------------------- */

        /* -- Body Einstellungen -- */
        .body_tree
        {
            width: 100% !important;
            height: 100%;

            float: left;
            margin: 0;
            padding: 0;
            background-color: transparent;
            color: #000000;
            min-width: 320px;

            /* Scrollbalken */
            overflow-x: hidden;
            overflow-y: hidden;
        }

        /* Trenner Einstellungen */
        .trenner
        {
            clear: both;
            float: left;
            width: 100%;
            margin: 10px 0 10px 0;
            border-top: 3px groove #cccccc;
        }

        /* -- Kopfeinstellungen -- */
        /* - Hauptcontainer Kopf - */
        .control
        {
            position: fixed;
            float: left;
            width: 99%;
            z-index: 100;
            top: 0 !important;
            left: 0 !important;
            display: inline-block;
            background-color: #fff;
        }
        .header
        {
            float: left;
            width: 100%;
            min-width: 320px;
            margin-bottom: 2px;
            display: inline-block;
        }
        /* - Symbolleiste - */
        .symbolleiste
        {
            float: left;
            background-color:#CCCCCC;
            width: 55%;
            margin: 0 auto;
        }
        .symbole
        {
            float: left;
        }
        .einzsymbol
        {
            float: left;
            height: 27px;
            border: 1px solid #CCCCCC;
            background-color:#CCCCCC;
        }
        /* - Fehlerbereich - */
        .fault
        {
            background-color:#CCCCCC;
            border: 1px solid #CCCCCC;
            float: left;
            height: 27px;
            width: 44%;
            text-align: center;
        }

        /* - Kopfbereich - */
        .fatherpath
        {
            float: left;
            /*width: 50%;*/
            height: 29px;
            display: table-cell;
        }
        .fatherpath .ordner
        {
            height: 29px;
            text-align: center;
            font-size: 16px;
        }
        .inhaltfatherpath {
            width: 100%
            float: left;
            margin: 15px 0 0 0;
            padding: 10px 0 0 0;
        }
        /* - Div alles zu - */
        .alleszu
        {
            width: 1%;
            height: 31px;
            text-align: center;
            vertical-align: middle;
            display: table-cell;
        }
        .alleszu_iso
        {
            display: inline-block;
            margin: 0 auto;
            text-align: center;
        }

        /* - Favoriten - */
        .favorites
        {
            width: 99%;
            min-height: 29px;
            border-collapse: collapsed;
            border: 1px solid #cccccc;
            background-color: #cccccc;
            position: static;
            float: left;
            display: inline-block;
        }


        /* - Tabellen Einstellungen - */
        /*  alle wichtigen Tabbellenelemente wurden in DIV�s
        gepackt um die Tabellenklasse verwalten zu k�nnen*/
        .tabellehauptcontainer
        {
            empty-cells: hide;
            table-layout: auto;
            border-collapse: collapse !important;
            border-spacing: 0px !important;
            border-padding: 0px !important;
            border: 0;
            caption-side: top;
            line-height: 1.0em;

            float: left;
            width:99%;
            min-width: 320px;
            position: fixed;
            left: 0;
            bottom: 0;

            /* Scrollbalken */
            overflow-x: scroll;
            overflow-y: scroll;
        }
        .tabelleordner
        {
            width: 100%;
        }
        .tabellecontainer a
        {
            text-decoration: none;
            border-collapse: none;
        }
        .tabellecontainer,
        .tabellecontainer tbody,
        .tabellecontainer tr,
        .tabellecontainer td
        {
            width: 100%;
        }
        .tabelleaufklapper
        {
            vertical-align: top;
            width: 19px !important;
            border: 0;
        }
        .artikelcontainer
        {
            width: 100%;
        }
        .tabelleartikel,
        .tabelleartikel tbody,
        .tabelleartikel table
        {
            width: 100%;
        }
        .tabelleartikel a
        {
            float: left;
            width: 100%;
        }
        .artikel_name_icons
        {
            position: relative;
            float: left;
        }
        .artikel_icons_pos
        {
            empty-cells: hide;
            float: none;
            margin: 0;
            width: 22px !important;
        }
        .artikel_icons_pos table
        .artikel_icons_pos tbody,
        .artikel_icons_pos tr,
        .artikel_icons_pos td,
        .artikel_icons_pos a
        {
            caption-side: top;

            float: none;
            text-wrap: none;
        }
        td.artikel_icons_pos
        {
            vertical-align: top;
        }
        /* - Ordner und Artikel - */
        /*  Achtung diese zwei klassen m�ssen auf
        einer h�heren z-index Ebene liegen */

        .ordner
        {
            display: inline-block !important;
            min-width: 200px;
            max-width: 300px;
            z-index: 25;
            margin: 0;
        }
        .artikel {
            display: ruby;
            min-width: 200px;
            z-index: 25;
            z-index: 25;
            margin: 0;
            text-decoration: none;
        }

        /* ----- papierkorb ----- */
        .papierkorb
        {
            float: left;
            width: 99%;
            min-width: 320px;
            display: inline;
            background-color: transparent !important;
            background: none;
        }
        .papierkorbueberschrift
        {
            float: left;
            width: 100%;
            display: inline-block;
            margin: 0 0 0 -2px;

        }
        .papierkorbueberschrift .ordner
        {
            float: left;
            width: 100%;
            display: table-cell;
            vertical-align: middle;
            height: 31px;
            z-index: 1;
            font-size: 16px !important;
            margin: 0 0 0 2px;
        }
        .papierkorb_inhalt
        {
            float: left;
            width: 100%;
            display: block;
        }
        .papierkorb_inhalt a,
        .inhaltfatherpath a
        {
            color: #000000 !important;
        }
        .papierkorbleeren
        {
            float: left;
            width: 100%;
            text-align: center;
            vertical-align: middle;
            padding: 1px;
            margin: 10px 0 0 0;
        }

        /* ----- Statistik und Zusatzbuttons ----- */
        .sonderfelder
        {
            float: left;
            width: 100%;
            min-width: 320px;
        }
        .shopstatistik
        {
            float: left;
            text-align: center;
            margin: 0 auto;
            width: 100%;
            padding: 0 0 10px 0;
        }
        .editoren_haupt
        {
            float: left;
            width: 100%;
            text-align: center;
        }
        .editoren_iso
        {
            display: inline-block;
            text-align: left;
            margin: 0 auto;
        }
        /* -- Button Gr��en zur�cksetzten --*/
        .ui-button, .ui-button-text-only
        {
            line-height: 1.8em !important;
            /*padding: 0 0.6em !important;*/
        }
        .ui-button-text
        {
            padding: 0 0;
        }

        /* ---------------------------------- */
        /* --------- Tree PHP ende  --------- */
        /* ---------------------------------- */


        /* ---------------------------------- */
        /* ------ Mailverteiler Button ------ */
        /* ---------------------------------- */

        #stage {
            margin: 0;
            padding: 0;
        }
        #stage .slider-frame {
            position: relative;
            display: block;
            margin: 0;
            padding: 0;
            width: 85px;
            height: 15px;
            background-color: #404040;
            background-repeat: no-repeat;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#404040));
            background-image: -webkit-linear-gradient(#2b2b2b, #404040);
            background-image: -moz-linear-gradient(#2b2b2b, #404040);
            background-image: -o-linear-gradient(top, #2b2b2b, #404040);
            background-image: -khtml-gradient(linear, left top, left bottom, from(#2b2b2b), to(#404040));
            filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2b2b2b', EndColorStr='#404040', GradientType=0);
            filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2b2b2b', EndColorStr='#404040', GradientType=0))";
            border-top: 1px solid #333333;
            border-right: 1px solid #333333;
            border-bottom: 1px solid #666666;
            border-left: 1px solid #333333;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: inset 0px 1px 8px 0 rgba(0, 0, 0, 0.25);
            -moz-box-shadow: inset 0px 1px 8px 0 rgba(0, 0, 0, 0.25);
            box-shadow: inset 0px 1px 8px 0 rgba(0, 0, 0, 0.25);
        }
        #stage .slider-frame .slider-button-off{
            display: block;
            margin: 0;
            padding: 0;
            width: 43px;
            height: 13px;
            line-height: 13px;
            background: #cf2718;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #70430e;
            -webkit-transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
            color: #fff;
            font-family:Helvetica;
            font-size:11px;
            font-weight: bold;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
            text-align: center;
            cursor: pointer;
        }
        #stage .slider-frame .slider-button-on {
            display: block;
            margin-left: 40px;
            padding: 0;
            width: 43px;
            height: 13px;
            line-height: 13px;
            background: #2372c6;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #0f3f74;
            -webkit-transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
            color: #fff;
            font-family:Helvetica;
            font-size:11px;
            font-weight: bold;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
            text-align: center;
            cursor: pointer;
        }
        #stage .slider-frame .slider-button-off.on {
            margin-left: 40px;
            background: #2372c6;
            border: 1px solid #0f3f74;
        }
        #stage .slider-frame .slider-button-off:before {
            position: absolute;
            display: block;
            margin: 0;
            padding: 0;
            width: 43px;
            height: 5px;
            background: rgba(255, 255, 255, 0.25);
            content: '';
            -moz-border-radius: 15px;
            border-radius: 15px;
        }
        #stage .slider-frame .slider-button-on:before {
            position: absolute;
            display: block;
            margin: 0;
            padding: 0;
            width: 43px;
            height: 5px;
            background: rgba(255, 255, 255, 0.25);
            content: '';
            -moz-border-radius: 15px;
            border-radius: 15px;
        }
        #stage .slider-frame .slider-button-on.off {
            margin-left: 0px;
            background: #cf2718;
            border: 1px solid #0f3f74;
        }

        /* ---------------------------------- */
        /* --- Mailverteiler Button ende  --- */
        /* ---------------------------------- */

        .tb_bv_button
        {
            height: 22px;
            width: 30px;
        }


        /* ---------------------------------------------------- */
        /* --- Darstellung von Listen ohne Tabellen Border  --- */
        /* ---------------------------------------------------- */
        .gerade {
            background-color: #E4E4E3;
        }
        .gerade:hover {
            background-color:#ccc;
        }
        .keinRand tr,
        .keinRand td{
            border: 0px !important;
        }
        .keinRand tr:not:first-child:hover{
            background-color:#ccc;
        }

        .keinRand td     {
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-height: 30px;
            padding:2px;

        }
        td.dokumentnamebox {
            position: relative;
            display: block;
            max-width: 400px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dokumentnamebox {
            position: relative;
            white-space: nowrap;
            float: left;
            display: inline;
            max-height: 40px;
            overflow: hidden;
            vertical-align: top !important;
            text-overflow: ellipsis !important;
        }

        .keinRand .dokumentnamebox a {
            position: relative;
            display: inline;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 1; /* number of lines to show */
            -webkit-box-orient: vertical;
            /* max-width: 380px; */
            margin-right: 2px;
        }

        .marquee {
            display: inline;
            padding: 0;
            max-width: 510px;
            float: left;
            vertical-align: top;
        }

        .marquee:hover {
            animation: dokumentnamebox 8s linear infinite;
        }

        @keyframes dokumentnamebox {
            0%   { text-indent: 0%; }
            100% { text-indent: -120%; }
        }

        .ungerade:hover{
            background-color:#ccc;
        }
        a.pagination {
            padding:5px;
            display:inline-block;
            margin:2px;
            border:1px solid #666;
        }
        .headline , .headline a:link, .headline a:visited, .headlineVertical, .headlineVertical a:link, .headlineVertical a:visited{
            font-family: verdana, Helvetica, sans-serif;
            font-size: 10pt;
            font-weight:bold;
            background-color: #ccc;
            padding:1%;
        }

        .nav,
        .pos,
        .aktuell
        {
            font-size:11px;
        }

        .aktuell
        {
            font-weight:bold;
        }
        .ui-tabs .ui-tabs-hide
        {
            display:none;
        }

    </style>
