body        {   background: #EEEEEE; font-size: .80em;
                font-family:  "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
                margin: 0px; padding: 0px; color: #696969;
            }
a:link, 
a:visited 	{ color: #7BA2C4; }
a:hover 	{ color: #1d60ff; text-decoration: none;}
a:active	{ color: #7BA2C4; }
p			{ margin-bottom: 10px; line-height: 1.6em; } 
hr          { height:1px; border:0px solid red; background:#E5E5E5;     }


/* Button / Textboxen etc.
----------------------------------------------------------*/
.dxeTextBox,
.dxeButtonEdit,
.dxeMemo,
.dxbButton                  { background-color: white;     /* background-color:#7BA2C4; */
                              border: 1px solid #AFB1B6; /* #9f9f9f */
                              border-radius: 4px;
                              overflow:hidden;
                              cursor: default; 
                              margin:2px 0 2px 0; /* abstände zueinander */
                            }
/* textbox 
    rahmen innen -> bestimmt auch die Größe der Textbox 
*/
.dxeTextBox td.dxic         { padding: 2px 2px; width: 100%; }
.dxeTextBox .dxeEditArea    { background-color: white; }
.BtnSucheStart  .dxbButton  { margin:10px 0;  
                              background: #DDE8FF url('') repeat-x top; /* url('') wichtig, da sonst irgende in Bild geladen wird*//*AA2200  E17D30  */
                              color:#173A59; font-size:1em; font-weight:bold; width:170px; height:30px;	
                              /*border:6px solid #CCC;*/cursor: pointer;    }
     

/* Ausgabe Plan */

.tTable         {   font-family:verdana,arial,helvetica;  }
.tRowHeaderTop  {   padding:4px 10px 0px 0; background:#EEE;    }
.tRowHeader     {   padding:4px 10px 0px 0; background:#DDD;    }
.tRow           {   padding:4px 10px 0px 0;  background:#EEE;  border-bottom:1px solid #DDD; display:block; }
.tRowFooterPrint{   display:none;   }
.tRowFooter     {   padding:4px 10px 0px 0;  background:#DDD; }
.tTableHeader   {   font-size:small; font-weight:normal;        }

.divBel         {    width:23px; height:14px; display:inline-block; font-size:10px; color:#DDD; color:red; border-left:1px solid #BBB; border-right:0; border-bottom:6px solid #CCC; }
.divFrei        {    width:23px; height:20px; display:inline-block; font-size:10px; color:#DDD; color:green; border-left:1px solid #BBB; border-right:0; }
.divNix         {    width:23px; height:20px; display:inline-block; font-size:10px; color:#DDD; color:transparent; border-left:1px solid transparent;  }
.div99999       {    width:23px; height:14px; display:inline-block; font-size:10px; color:#DDD; color:orange; border-left:1px solid #BBB; border-bottom:6px solid #CCC;  }
.div88888       {    width:23px; height:14px; display:inline-block; font-size:10px; color:#DDD; color:grey; border-left:1px solid #BBB; border-bottom:6px solid #CCC;  }
.div77777       {    width:23px; height:20px; display:inline-block; font-size:10px; color:#DDD; color:maroon; border-left:1px solid #BBB; border-bottom:6px solid #CCC; }

.divKalTage     {    width:23px; height:16px; display:inline-block;  font-size:9px; text-align:center; border-left:1px solid #BBB; }
.divKalKat      {    width:220px; height:16px; display:inline-block; color:#666; font-size:small; vertical-align:middle;  }
.divKalMon      {    width:220px; height:16px; display:inline-block; color:#666; font-size:11px; vertical-align:middle;   }
.divKalMonSingle{    display:inline-block; color:#666; font-size:11px; vertical-align:middle;   }
.divLegend      {    padding:0 4px 0 4px; height:20px; display:inline-block; color:#666; font-size:11px; vertical-align:middle;   }
.divNoResult    {    padding: 10px 0 10px 120px; color: red; width:300px;}

.divPrintButton {   float: right; }

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

.cssSelected    {  border-bottom:5px solid green; }
.cssSelectedNo  {  border-bottom:5px solid silver; }

/* Verlauf von http://www.colorzilla.com/gradient-editor/# */
/* zur Sicherheit zuerst background:red; falls der Verlauf nicht geht */
.divAnreise     {    width:23px; height:17px; display:inline-block; font-size:10px; color:#DDD; color:red; border-left:1px solid #BBB; border-right:0; border-bottom:3px solid #CCC;  } 
/* zur Sicherheit zuerst background:red; falls der Verlauf nicht geht */
.divAbreise     {    width:23px; height:17px; display:inline-block; font-size:10px; color:#DDD; color:red; border-left:1px solid #BBB; border-right:0; border-bottom:3px solid #CCC;  }