body            {   font-family:verdana,arial,helvetica; }

#divWait {
    z-index: 99999; position: absolute; top: 20%; left: 20%; background: white; opacity: 0.6; width: 200px; height: 200px;
    /* !!! evtl. Pfad anpassen */
    background:url(../Styles/img/CtrlIcons/preloader.gif);
    background-repeat:no-repeat;
}

.tTable         {   }
.tTableEigen    {   min-width:880px;}
.tRowHeader     {   padding:4px 10px 0px 0; background:#DDD;    }
.tRow           {   padding:4px 10px 0px 0;  background:#EEE;  border-bottom:1px solid #DDD; }
.tRowFooterPrint{   display:none;   }
.tRowFooter     {   padding:4px 10px 0px 0;  background:#DDD; }
.tTableHeader   {   font-size:small; font-weight:normal; }

.divBel         {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD; background:red; border-left:1px solid #BBB;   }
.divFrei        {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD; background:green; border-left:1px solid #BBB; }
.divNix         {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD; background:transparent; border-left:1px solid transparent;  }
.div99999       {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD; background:orange; border-left:1px solid #BBB; }
.div88888       {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD; background:grey; border-left:1px solid #BBB; }
.div77777       {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD; background:maroon; border-left:1px solid #BBB; }

.divKalTage     {   float:left; width:17px; height:15px; display:block;  font-size:9px; text-align:center; border-left:1px solid #BBB; }
.divKalKat      {   float:left; width:120px; height:20px; display:block; color:#666; font-size:small; vertical-align:middle;  }
.divKalMon      {   float:left; width:120px; height:20px; display:block; color:#666; font-size:11px; vertical-align:middle;   }
.divLegend      {   float:left; padding:0 4px 0 4px; height:20px; display:block; color:#666; font-size:11px; vertical-align:middle;   }

.divPrintButton {   float: right; }

.tTable a {color:#DDD;text-decoration:none;}
.tTableEigen a {color:#DDD;text-decoration:none;}

/* Wochenende */
.cssWE          {   opacity:0.85;       }
.cssWEhead      {   color:green; }


/* Verlauf von http://www.colorzilla.com/gradient-editor/# */
/* zur Sicherheit zuerst background:red; falls der Verlauf nicht geht */
.divAnreise     {    float:left; width:17px; height:20px; display:inline-block; font-size:10px; color:#DDD; background:red; border-left:1px solid #BBB; border-right:0;   } 
.divAnreise, .div99999      {
                    background: rgb(0,128,0); /* Old browsers */
                    background: -moz-linear-gradient(-45deg,  rgba(0,128,0,1) 50%, rgba(255,0,0,1) 60%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(0,128,0,1)), color-stop(60%,rgba(255,0,0,1))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008000', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* zur Sicherheit zuerst background:red; falls der Verlauf nicht geht */
.divAbreise     {    float:left; width:17px; height:20px; display:inline-block; font-size:10px; color:#DDD; background:red; border-left:1px solid #BBB; border-right:0;   }
.divAbreise     {
                    background: rgb(255,0,0); /* Old browsers */
                    background: -moz-linear-gradient(-45deg,  rgba(255,0,0,1) 50%, rgba(0,128,0,1) 60%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(255,0,0,1)), color-stop(60%,rgba(0,128,0,1))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#008000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* zur Sicherheit zuerst background:red; falls der Verlauf nicht geht */
.divAnAbreise     { float:left; width:17px; height:20px; display:inline-block; font-size:10px; color:#DDD; background:red; border-left:1px solid #BBB; border-right:0;   }
/* ACHTUNG wenn keine Kennzeichnung vom An-Abreisetag gewünscht, dann hier den Teil ausblenden und es wird immer belegt angezeigt */
/* Farbe vom Standardstreifen ist maroon*/
.divAnAbreise     {
                    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1a00+0,ff1a00+46,08000c+47,ff1a00+48,ff1a00+100 */
                    background: #ff1a00; /* Old browsers */
                    background: -moz-linear-gradient(-45deg,  #ff1a00 0%, #ff1a00 46%, maroon 47%, #ff1a00 50%, #ff1a00 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(-45deg,  #ff1a00 0%,#ff1a00 46%,maroon 47%,#ff1a00 50%,#ff1a00 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(135deg,  #ff1a00 0%,#ff1a00 46%,maroon 47%,#ff1a00 50%,#ff1a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



/*  diverses ----------------------------------------------------------*/
/*/*.divVacancAnreise { float: left; width: 120px; margin: 4px; height:50px;}
.divVacancAbreise { float: left; width: 120px; margin: 4px; height:50px;}
.divVacancKate    { float: left; width: 200px; margin: 4px; height:50px;}
.divVacancPfeile  { float: left; width: 120px; margin: 4px; height:50px; padding:0;}
.divVacanzButton  { float: left; width: 120px; margin: 4px; height:50px;  }
.divVacanzButton a { text-decoration:none; font-size:20px; font-weight:bold;display:block;
    padding: 0.2em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;text-align:center;}*/



.cmbPfeile {  margin: 0 0 4px 4px; padding:4px; float:left;  width:30px; height:30px;  }
.cssPfeilRechts {
    /* Pfeil nach rechts per CSS */
    border-top:     10px solid transparent;
    border-bottom:  10px solid transparent;
    border-left:    14px solid #9b0f0f;
    border-right:   10px solid transparent;
	font-size:0;line-height:0;height:0;width:0;padding:0;margin:0;
    /* Ende Pfeil nach links per CSS */
    /*background:url("img/CtrlIcons/arrow_right.png") no-repeat 100% 0;*/
}
.cssPfeilLinks {
    /* Pfeil nach links per CSS */
    border-top:     10px solid transparent;
    border-bottom:  10px solid transparent;
    border-left:    10px solid transparent;
    border-right:   14px solid #9b0f0f;
	font-size:0;line-height:0;height:0;width:0;padding:0;margin:0;
    /* Ende Pfeil nach links per CSS */
}

.divLitInfo {float: left; padding:10px 0;  margin:0px;font-size:small;min-width:800px;border:0px solid #DDD;color:#004FA3;font-size:medium;}
.rightDiv  { float: right; width: 120px; margin: 0px; padding:20px; border-left:1px solid #DDD;box-shadow:0px 0px 14px #DDD;min-height:200px;}
.LiteralBelegungsPlan{ float: left; margin: 0px; padding:20px 0;}

.divVacancPfeile  { }
.divBelEigennutz  {   color: yellow; border-bottom:2px solid yellow; }
.divBelHandwerk   {   color: green;  border-bottom:2px solid green;   }
.spanUmsatz       {   font-size:10px; color:red;float:right; height:19px; border-bottom:1px solid #DDD; }
.divUmsatzGesamt {   float:left; font-size:medium; color:red; padding:10px; width:80%; border:1px solid #DDD; }
.divUmsatzGesamt span {   float:left; font-size:x-small; color:green; padding:0px; width:96%; border:0px solid #DDD; }
.divUmsatzJahr   {   font-size:small; color:maroon; padding:0 0 0 10px; margin: 0;  border:0px solid #DDD;line-height:2rem; }
.divUmsatzJahrWrapper   {  clear:left; background: #DDD; padding:10px; margin:10px 0; width:80%;}

.divLitLinks      { padding:10px;  background:#EEE;margin:20px 0px;}
.divLitLinks  a   { clear:both; width:100%; display:block;color:darkred; }

@media screen and (max-width:991px) {
    .rightDiv               {width:96%;clear:both;float:left;}
    .divLitInfo             {width:96%;float:left;}
    .LiteralBelegungsPlan   {width:96%;float:left; overflow: scroll;}
    .divUmsatzGesamt        {width:96%; }
    .divUmsatzJahrWrapper   {width:96%; }
}

.tTable::after {
    content: "Irrtum und Änderungen vorbehalten. Tatsächliche Verfügbarkeit auf Anfrage. | Errors and omissions excepted";
    color: maroon;
    font-size: x-small;
}

.tTableHeader {
    padding: 10px 0;
    font-size: medium;
    color: #004FA3;
    background:#FFF;
}

#tTable {
    margin: auto auto;
    box-shadow: 0px 5px 25px 2px #ccc;
    font-family: verdana;
    border: 10px solid #FFF;
}
.pZimmer {font-weight:bold;}