﻿body            {   font-family:verdana,arial,helvetica; border:0; margin:0; }

/*---------------------------------------------------------------------------------*/

.container {width:860px;padding:0;margin:10px;}
    .LiteralBelegungsPlan   {width:850px;}
    #footer                 {display:none;}
    .rightDiv               {display:none;}
    .main-header            {display:none;}
    .divUmsatzJahrWrapper   {display:none;}


/*---------------------------------------------------------------------------------*/

.tTable         {   }
.tTableEigen    {   min-width:850px;}
.tRowHeader     {   padding:4px 10px 0px 0; background:#DDD !important;    }
.tRow           {   padding:4px 10px 0px 0;  background:#EEE !important;  border-bottom:1px solid #DDD; }
.tRowFooterPrint{   display:none;   }
.tRowFooter     {   padding:4px 10px 0px 0;  background:#DDD !important; }
.tTableHeader   {   font-size:small; font-weight:normal; }

.divBel         {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD !important; background:red !important; border-left:1px solid red;   }
.divFrei        {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD !important; background:green !important; border-left:1px solid green; }
.divNix         {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD !important; background:transparent !important; border-left:1px solid transparent;  }
.div99999       {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD !important; background:orange !important; border-left:1px solid orange; }
.div88888       {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD !important; background:grey !important; border-left:1px solid grey; }
.div77777       {   float:left; width:17px; height:20px; display:block; font-size:10px; color:#DDD !important; background:maroon !important; border-left:1px solid maroon; }

.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 !important; font-size:small; vertical-align:middle;  }
.divKalMon      {   float:left; width:120px; height:20px; display:block; color:#666 !important; font-size:11px; vertical-align:middle;   }
.divLegend      {   float:left; padding:0 4px 0 4px; height:20px; display:block; color:#666 !important; 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 !important; background:red !important; border-left:1px solid green; border-right:0;   } 
.divAnreise     {
                    background: rgb(0,128,0); /* Old browsers */
                    background: -moz-linear-gradient(-45deg,  rgba(0,128,0,1) 50%, rgba(255,0,0,1) 60%) !important; /* 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))) !important; /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%) !important; /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%) !important; /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%) !important; /* IE10+ */
                    background: linear-gradient(135deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%) !important; /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008000', endColorstr='#ff0000',GradientType=1 ) !important; /* 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 !important; background:red !important; border-left:1px solid red; 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%) !important; /* 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))) !important; /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%) !important; /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%) !important; /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%) !important; /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%) !important; /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#008000',GradientType=1 ) !important; /* 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 !important; background:red !important; border-left:1px solid red; 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 !important; /* Old browsers */
                    background: -moz-linear-gradient(-45deg,  #ff1a00 0%, #ff1a00 46%, maroon 47%, #ff1a00 50%, #ff1a00 100%) !important; /* FF3.6-15 */
                    background: -webkit-linear-gradient(-45deg,  #ff1a00 0%,#ff1a00 46%,maroon 47%,#ff1a00 50%,#ff1a00 100%) !important; /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(135deg,  #ff1a00 0%,#ff1a00 46%,maroon 47%,#ff1a00 50%,#ff1a00 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=1 ) !important; /* 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:16px 0 0 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:0 0 10px 0;  margin:0px;min-width:800px;border:0px solid #DDD;color:#004FA3;font-size:10px;line-height:14px;}
.divLitInfo p {margin:0;padding:0;}
.rightDiv  { display:none;}
.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 !important;float:right; height:19px; border-bottom:1px solid #DDD; width:60px;}
.divUmsatzGesamt  {   float:left; font-size:medium; color:red !important; padding:10px; width:80%; border:1px solid #DDD; }
.divUmsatzGesamt span   { float:left; font-size:x-small; color:green !important; padding:0px; width:96%; border:0px solid #DDD; }
.divUmsatzJahr          { font-size:small; color:maroon !important; padding:0 0 0 10px; margin: 0;  border:0px solid #DDD;line-height:2rem; }
.divUmsatzJahrWrapper   { clear:both; background: #EEE !important; padding:10px; margin:10px 0; width:80%;}

.divLitLinks            { padding:10px;  background:#EEE !important;margin:20px 0px;  }
.divLitLinks  a         { clear:both; width:100%; display:block;color:darkred;        }