.worktimecal {border-spacing:0em;
                border:1px solid rgba(var(--darkbordercolor),0.4);
                width:100%;
                background-image:linear-gradient(120deg, rgba(var(--darkbordercolor),0.3) 0%, rgba(var(--darkbordercolor),0.2) 25%, rgba(var(--darkbordercolor),0.2) 50%,rgba(var(--darkbordercolor),0.3) 75%, rgba(var(--darkbordercolor),0.1) 100%);
                color:rgb(var(--darktextcolor));
                margin:5px;
                padding:1em;
                table-layout: fixed;
                border-collapse: collapse;
                }

  .worklegend { border-spacing:0em;
                border-radius: .2em 0.5em .2em .2em;
                border:1px solid rgba(var(--darkbordercolor),0.4);
                font-size:0.8em;
                height:0.6em;
                width:5em;
                background-image:   linear-gradient(0deg, rgba(var(--lightbgcolor),0.2) 0%, rgba(var(--lightbgcolor),0.3) 100%),
                                    linear-gradient(120deg, rgba(var(--darkbordercolor),0.3) 50%, rgba(var(--darkbordercolor),0.4) 85%, rgba(var(--darkbordercolor),0.3) 100%)
                                    ;
                color:rgb(var(--darktextcolor));
                margin:0.2em;
                vertical-align:middle;
                padding:0.3em;
                }

  .workltext {
                font-size:0.6em;
                font-weight:bold;
                padding:0.2em;
                vertical-align:middle;
                }


  .worktimecal th {font-size:.7em;
                   font-weight:120%;
                   border-bottom:2px solid rgba(var(--darkbordercolor),0.8);
                   border-left:2px solid rgba(var(--darkbordercolor),0.8);
                   background-color:rgba(var(--lightbgcolor),0.9);
                   height:2em;}

  .worktimecal th:first-child {border-left:0px;}
  .worftimecal th:last-child {border-right:0px;}



  .worktimecal .kw {font-size:0.6rem;
                    font-weight:bold;
                    text-align:center;
                    font-weight:120%;
                    border-right:2px solid rgba(var(--darkbordercolor),0.7);
                    border-top:1px solid rgba(var(--darkbordercolor),0.8);
                    border-bottom:1px solid rgba(var(--darkbordercolor),0.8);
                    background-color:rgba(var(--lightbgcolor),0.9);
                    width:1.9em;}

  .worktimecal tr:nth-child(2) td:nth-child(1) {border-top:2px solid rgba(var(--darkbordercolor),0.6);}
  .worktimecal tr:last-child td:nth-child(1) {border-bottom:5px;}
  .worktimecal tr:nth-of-type(even) {background-color:rgba(var(--lightbordercolor),0.1);}

  .worktimecal tr + .multitru  {background-color:rgba(var(--lightbgcolor),0.5) ;}
  .worktimecal tr + .multitrg  {background-color:rgba(var(--lightbgcolor),0.7) ;}

  .worktimecal td {height:1.5rem; }

  .worktimecal .wd {vertical-align:middle;
                    text-align:left;
                    font-size:0.6em;
                    font-weight:bold;
                    min-height:3em;
                    min-width:2em;
                    padding:0.3em;
                    background-color:rgba(255,255,255,0.2);
                    border:1px solid rgba(var(--lightbordercolor),0.6);
                    }

   .worktimecal .driver, .driverl {
                    display:flex;
                    align-items:space-between;
                    justify-content: flex-start;
                    flex-wrap: nowrap;
                    text-align:center;
                    font-size:1em;
                    height:1.5em;
                    font-weight: bold;
                    border-radius: 0.5em 0.5em 0.5em 0.5em;
                    box-shadow: 0.1em 0.1em 0.2em #2F2F2F;
                    padding:0.2em;
                    margin:0.2em;
                    }
                .driverl{
                    min-width:9em;
                }

   .worktimecal .typepoint, .driverl .typepoint {
                    text-align:center;
                    font-size:1em;
                    border-radius: 1em 1em 1em 1em;
                    box-shadow: inset 0.1em 0.1em 0.1em rgba(var(--darkbgcolor),1);
                    width:0.9em;
                    height:0.9em;
                    flex-grow:0;
                    flex-shrink:0;}

   .worktimecal .kraU, .driverl.kraU {
                    background-image:repeating-linear-gradient(135deg ,rgba(200,0,0,0.3) 0px, rgba(200,0,0,0.3) 2px, transparent 2px, transparent 8px) ;
                    border:1px solid rgba(200,0,0,0.2);}

   .worktimecal .chaU, .driverl.chaU{
                    background-image:repeating-linear-gradient(135deg ,rgba(0,0,0,0.3) 0px, rgba(0,0,0,0.3) 2px, transparent 2px, transparent 8px) ;
                    border:0;}

  .worktimecal .agU, .driverl.agU {
                    background-image:linear-gradient(120deg, transparent 0%, rgba(var(--darkbordercolor),0.2) 100%);
                    box-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.3);
                    color:rgba(var(--darkbordercolor),0.6);
                    }

  .worktimecal .baU, .driverl.baU {
                    background-image:linear-gradient(120deg, transparent 0%, transparent 35%,rgba(178,178,0,0.5) 100%);
                    box-shadow: 0.1em 0.1em 0.1em #2F2F2F;
                    border:1.0px solid rgba(178,178,0,0.8);}


  .worktimecal .wdp, .lwdp
                    {vertical-align:middle;
                    text-align:center;
                    font-size:0.7em;
                    font-weight:bold;
                    min-height:2em;
                    min-width:2em;
                    padding:0.3em;
                    background-color:rgba(255,255,255,0.8);
                    border:1px solid rgba(var(--darkbordercolor),0.8);
                    }

  .worktimecal .wdp {height:3em;}

  .worktimecal .sud {background-color:rgba(var(--WeekendSun),0.6);
                     color:#333333;
                     font-weight:bold;}

  .worktimecal .sad {background-color:rgba(var(--WeekendSun),0.4);
                     color:#333333;}



  .worktimecal .ndm {
                    background-image:repeating-linear-gradient(135deg ,rgba(230,230,230,1) 0px, rgba(230,230,230,1) 8px, transparent 8px, transparent 16px) ;
                    color:rgba(var(--lighttextcolor),0.4);
                    border:1px;
                    }

  .worktimecal .urla, .lurla
                    {background-color:rgba(100,100,255,0.9);
                    color:rgba(var(--darktextcolor),0.8);}
  .worktimecal .urlaf, .lurlaf
                    {background-color:rgba(100,100,255,0.5);
                    color:rgba(var(--darktextcolor),0.8);}

  .worktimecal .kra, .lkra
                     {background-color:rgba(200, 0, 0, 0.4);
                     color:rgba(var(--darktextcolor),0.8);}
  .worktimecal .kraf, .lkraf
                    {background-color:rgba(200,0,0,0.2);
                    color:rgba(var(--darktextcolor),0.8);}

  .worktimecal .sons, .lsons
                     {background-color:rgba(102, 255, 255, 0.9);
                     color:rgba(var(--darktextcolor),0.8);}
  .worktimecal .sonsf, .lsonsf
                    {background-color:rgba(102, 255, 255, 0.5);
                    color:rgba(var(--darktextcolor),0.8);}

  .worktimecal .work, .lwork
                    {background-color:rgba(100,255,100, 0.9);
                    color:rgba(var(--darktextcolor),0.8);}
  .worktimecal .workf, .lworkf
                    {background-color:rgba(100,255,100, 0.5);
                    color:rgba(var(--darktextcolor),0.8);}

  .worktimecal .worksun, .lworksun
                    {background-color:rgba(100,255,100, 0.6);}
  .worktimecal .workfsun, .lworkfsun
                    {background-color:rgba(100,255,100, 0.2);}

  .worktimecal .ueber {background-image:linear-gradient(225deg, rgba(0,128,0,0.8) 0.9em, transparent 0.9em);}
  .worktimecal .fz {background-image:linear-gradient(45deg, rgba(128,0,0,0.8) 0.9em, transparent 0.9em);}

  .worktimecal .fd {background-color:rgba(var(--WeekdayFeier),0.8);
                     color:#333333;}


  .worktimecal .urlsp {background-color:rgba(255, 206, 133, 0.8);
                     color:rgba(var(--darktextcolor),0.5);
                     }


  .worktimecal .kav, .lkav
                    {background-color:rgba(231, 156, 169, 0.9);}


  .worktimecal .today {border-right:2px solid #FF0000;
                       border-left:2px solid #FF0000;
                       }

  .worktimecal th.today {border-top:2px solid #FF0000;}

  .worktimecal tr:last-child .today{border-bottom:2px solid #FF0000;}
  .worktimecal .today::after .kw {border-right:;}

  .worktimecal .sum {vertical-align:middle;
                    text-align:center;
                    font-weight:bold;
                    width:1.8em;
                    }

  .worktimecal .zt  {font-size:0.7rem;
                    text-align:right;
                    font-weight:120%;
                    border-right:2px solid rgba(var(--darkbordercolor),0.8);
                    border-top:1px solid rgba(var(--darkbordercolor),0.8);
                    border-bottom:1px solid rgba(var(--darkbordercolor),0.8);
                    width:10em;
                    padding-right:0.5em;
                    }

  .worktimecal .zf  {text-align:center;
                    font-size:0.8em;
                    font-weight:;
                    height:2em;
                    background-color:rgba(255,255,255,0.5);
                    border-top:1px solid rgba(var(--darkbordercolor),0.6);
                    border-left:1px solid rgba(var(--darkbordercolor),0.6);
                    }

  .worktimecal .pl  {background-color:rgba(100,255,100,0.1);
                     color:rgba(0,128,0,0.9);}

  .worktimecal .min  {background-color:rgba(250,0,0,0.1);
                     color:rgba(128,0,0,0.9);}
  .worktimecal .tabview {font-size:0.8em;
                         vertical-align: middle;
                         text-align: center;}

  .worksetlists {   width:100%;
                    font-size:1em;
                    border-top:1px solid rgb(var(--lightbordercolor));
                    padding:.5em 0;
                }

  .worksetlists:first-child{border:none; }

  .worksetlists .fcell { flex:auto;}

  .worksetlists img {height:1.5em;}