@media print
{
   div#boxHeader  { display: none;  }
   div#boxIcons   { display: none;  }
   div#boxLft     { display: none;  }
   div#boxRgt     { display: block; }
   div#boxMsg     { display: none;  }
   div#boxMsgCount { display: none;  }
   div#boxHelp    { display: none;  }
   div#boxNotice  { display: none;  }
   div#boxQuestion{ display:none;  }
   div#boxMsgButton{ display:none;  }
   #boxSearch     { display: block; }
   #boxIcon       { display: block; 
                    float:   right; }
   .icon_bar      { display: none;  }
   
   body
   {
      font-size:       8pt;
      font-family:     Helvetica,Arial;
      margin: 0px;
      padding: 0px;
   }
   
   table, tr, td
   {
      border: solid black  1px;
      border-left-width:   0px;
      border-right-width:  0px;
      border-collapse:     collapse;
      font-size:           8pt;
      font-family:         Helvetica,Arial;
   }
   
   td
   {
      /* background-color: #FFFFFF; */
      padding-left:   0px;
      padding-right:  3px;
      border-right: 1px solid #303030;

      /* 20141010: added to print complete lines */
      page-break-inside: avoid;
      page-break-before:auto;
   }

   th
   {
      background-color: #A0A0A0;
      padding-top:      2px;
      padding-bottom:   2px;
   }
   
   input, select
   {
      font-weight:  bold;
      border: 0px solid #000000;
      border-bottom-width: 1px;
   }

   thead
   {
     display:table-header-group;
   }
   tbody
   {
     display:table-row-group;
   }  

   .breakbg
   {
      background-color:   #D0D0D0;
   }
   h1
   {
      font-size:    12pt;
      color:            black;
      padding-bottom: 5px;
      width: 100%;
   }

   /*---------------------------------------------------*/
   /* new 20141008: for div scrolling with new IE 10/11 */
   /*---------------------------------------------------*/

   .table, .row, .cell {
       outline: none;
       border: none;
       outline-style: none;
       vertical-align: top;
       text-align: left;
   }

   .table {
       border-collapse: collapse;
       display: inline;
       table-layout: fixed; /* This will ensure the cells within the table will keep there width. */
       width: auto;
       height:auto;
   }

   .row {
       /* display: table-row; */
       display: inline;
       width: auto;
   }

   .cell {
       /* display: table-cell; */
       display:inline;
       white-space: nowrap; /* This property is used to show ellipses, when the content within de cell is overflown. */
   }

   #boxSearch table,
   #boxSearch table tr,
   #boxSearch table tr td
   { 
      border: none;
   }

}


@media screen
{

input[readonly] {
  background-color: black;
  }
  

html, body
{ 
   background-color:#E0E0E0;
   font-size:       10pt;
   margin:          0px;
   font-family:     Helvetica,Arial;
   min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
   overflow: hidden;
   background-color: #4e6f97;}

table, tr, td
{
   border: solid black  1px;
   border-collapse:     collapse;
   font-size:           10pt;
   font-family:         Helvetica,Arial;
}

th
{
/*   background-color: #FFFFFF; */
   padding-left: 5px;
   padding-right: 5px;
}

.form_table
{
   border-style: none;
   margin-top: 15px;
}

.form_table table
{
  border-collapse: collapse;
  empty-cells: show;
  border-style: none;
}

.form_table th
{
  border-style: none;
  border-bottom: 2px solid black;
  text-align:    left;
  padding-left:  5px;
  padding-right: 5px;
}

.form_table tr
{
  border-style: none;
}

.form_table td
{
  padding-left:  5px;
  padding-right: 5px;
  border-style:  none;
  border-right:  1px solid #D0D0D0;
  border-bottom: 1px solid #808080;
  vertical-align: middle;
}

.form_table td:last-child
{
   border-right-width: 0px;
}

.tooltip
{
   position: absolute;
   display: block;
   background-color: #f9f9f9;
   border: 1px solid #404040;
   cursor: pointer;
   font-size: 8pt;
   padding-left:  2px;
   padding-right: 2px;
}

.greybg
{
   background-color:   #FFFAC0;
}

.marked_line
{
   background-color: #FFCC66;
}
   

.breakbg
{
   background-color:   #D0D0D0;
}

#span_headline_icons
{
   margin:              0px;
   padding:             0px;
   background-color:    #E0E0E0;
   height:              26px;
   min-height:          26px;
   display:             block;

   border-style: none;
   border-top: solid white 1px;
   border-bottom: solid white 1px;
   
   margin-bottom:      18px; 
}

#span_headline_text
{
   /* former h1 */
   font-size:    12pt;
   font-weight:  bold;
   color:            black;
   background-color: #F0B000; 
   

   padding: 5px;
   margin:  0px;
   display:block;
   background-color: #183f6f; color: #E0E0FF;}

.question_button
{
   border:  1px solid black;
   display: inline-block;
   clear:   none;
   width:   150px;
   padding: 10pt;
   margin:  5pt;
   background-color: #A0A0A0;
   cursor:  pointer;
}

.icon_bar
{
   border-style:        none;
   border-collapse:     collapse;
   font-size:           10pt;
   font-family:         Helvetica,Arial;
   background-color:    #E0E0E0;
   margin:              0px;
   padding:             4px;
   /* height:              14px; */
}

.holiday
{
   background-color:     red;
   color:                white;
}

.marked
{
   background-color:     #40F040;
   color:                black;
   border: solid green 2px;
}

.marked_veg
{
   background-color:     green;
   color:                white;
   border: solid green 2px;
}



h1
{
   font-size:    12pt;
   color:            black;
   background-color: #F0B000; 

   padding: 5px;
   margin:  0px;
   display:block;
   background-color: #183f6f; color: #E0E0FF;}

h2
{
   font-size:    10pt;
   color:            black;
   background-color: white;
   padding: 5px;
   margin:  0px;
}

/*
h3
{
   font-size:    7pt;
   color:         blue;
   background-color: white;
   padding: 0px;
   margin:  0px;
}
*/

h4
{
   font-size:    10pt;
   color:        #303030;
   background-color: #FFBF0F;
   padding: 5px;
   margin:  0px;
   display:block;
   text-align: center;
   background-color: #183f6f; color: #E0E0FF;}

/* HELP Hx */
h5
{
   font-size: 14pt;
   font-weight: bold;
   border-bottom: 1px solid black;
   padding: 5px;
   margin:  0px;
   width: 95%;
   background-color: #183f6f; color: #E0E0FF;}

h6
{
   font-size: 12pt;
   font-weight: bold;
   text-decoration: underline;
   
   padding: 5px;
   padding-left: 0px;
   margin:  0px;
   display:block;
}

h3
{
   background-color: #F09090;
   color: red;
   font-weight: normal;
   font-size: 10pt;
   border: 1px red solid;
   
   text-decoration: none;
   
   padding: 5px;
   margin:  5px;
   width: 90%;
}

.overview_list_headling
{
   display:    block;
   font-size:    7pt;
   color:         blue;
   background-color: white;
   padding: 0px;
   margin:  0px;
}

input.disabled
{
   background-color: #B0B0B0;
   outline-style: none;
   color: white;
}

.klein
{
   font-size: 7pt;
   font-weight: bold;
   text-align: center;
}

.search_bg_box
{
         background-color: #FFFFE0;
      }

.search_input
{
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-color: black;
   border-bottom-width: 1px;
   font-size: 8pt;
   
   background-color: #183f6f; color: white;}

.div_file
{
   float: left;
   clear: none;
   text-align: center;
   padding: 10px;
}



/* DIV STYLES */

#boxHeader
{
   border: none;
   padding: 5px;
   background-color: #F0B000;
   display:block;
   
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:25px;
   overflow:hidden;
   
   background-color: #183f6f; color: white;}

#boxLft
{
   position:absolute;
   top:25px;
   bottom:40px;
   width:200px;
   z-index:3;   
   overflow: auto;
   
   border:   none;
   border-top: solid white 1px;
   padding-left: 4px;
   padding-right: 4px;
}

#boxRgt
{
   background-color: #F5F5F5; 
   border:   solid white 1px;
   display:block;
   position:absolute;
   top:25px;
   bottom:40px;
   left:200px;
   right:0px;
   overflow:auto;
   z-index:1;
}

#boxQuestionWrapper
{
   border:   none;
   display:  none;
   visibility: hidden;
   position: absolute;
   top:      55px;   /* 25px boxRgt + Header */
   bottom:   40px;
   left:     200px;
   right:    0px;
   overflow: hidden;
   z-index:  2;
   text-align: center;
}

#boxQuestionTransp
{
   background-color: black;
   position:absolute;
   top:0px;
   left:0px;
   margin:   0px;
   border:   none;
   width: 100%;
   height:100%;
   overflow: auto;
   text-align: center;
   
   	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
}

#boxQuestionInner
{
   position:absolute;
   top:0px;
   left:0px;
   
   margin-left:20%;
   margin-top:20%;
         
   border: 1px solid white;
   background-color: #909090;
   color: black;
   width: 50%;
   height: 30%;
}


#boxHelp
{
   /* visibility: hidden; */
   border:   solid white 2px;
   position: absolute;
   left: 0px;
   top:  0px;
   height:     100%;
   min-height: 100%;
   display:block;
   overflow:	auto;
   z-index:     20;
   width:       100%;
}

#boxHelpInner
{
   position: relative; 
   margin: 20px; 
   padding: 10px;
   background-color: #F5F5F5; 
   height: 90%;
}

#boxRgtDetail
{
   width: 100%;
   height: 100%;
   overflow: auto;
}

#boxDetailTable
{
   width: 100%;
   min-width: 100%;
   height: 100%;
   border-style: none; 
   border-collapse: collapse;
}

#boxDetailTable tr
{
   border-style: none; 
}

#boxMsg
{
   margin: 0px;
   padding: 10px;
   float:left;

   background-color: black;
}

#boxMsgCount
{
   float:left;
   margin: 6px;
   padding: 0px;
   width: 20px;
   height: 25px;
   text-align: center;
   color: white;
   font-size: 15pt;
}

#boxMsgIcon
{
   padding: 0px;
   margin:  0px;
   float:left;
}

#boxMsgBig
{
   position: absolute;
   left: 0px;
   bottom:  0px;
   
   overflow: hidden;
   visibility: hidden;

   width: 100%;

   height: 50%;

   border: 2px solid white;
   background-color: #303030;
   
   color: white;
   
   z-index: 9;
}

#boxNotice
{
   display:block;
   margin: 5px;
   margin-bottom: 10pt;
}

#boxIconMisterp
{
   display: none;
}

#spanDownloadIcon
{
   color: blue;
   text-decoration: underline;
   cursor: pointer;
   display:inline-block;
   text-align:center;
}

.boxDash
{
   border: solid black 1px;
   padding: 3px; 
   margin: 10px;
   overflow: hidden; 
   float: left;
}

.ajax_simple
{
   border: 0px black solid;
   height: 14px;
   overflow: hidden;
   padding: 0px;
   margin: 0px;
   font-size: 10pt;

  /* background-color: #183f6f; color: white; */
}

.subframeBox
{
   padding: 10px;
}

.simple_list
{
   border-top: solid #a0a0a0 1px !important;
}

.menue_item
{
   border: solid #a0a0a0 1px;
   border-top-width: 0px;
   padding-left:  5px;
   padding-right: 5px;
   padding-top:   10px;
   margin:         0px;
   padding-bottom:10px;
   display:       block;
   background-color: #FFFFFF;
   cursor:        pointer;
   font-weight:   bold;
}

.invisible_table
{
   border-width: 0px;
}

.menue_item_sub
{
   border: solid black 1px;
   border-top-width: 0px;
   border-left: solid black 8px;
   padding-left:  20px;
   padding-right: 20px;
   padding-top:   6px;
   margin:         0px;
   margin-left: 5px;
   padding-bottom:6px;
   display:       block;
   cursor:        pointer;
   background-color: #D0D0D0;
}

.menue_item_sub1
{
   border: solid black 1px;
   border-top-width: 0px;
   border-left: solid black 8px;
   padding-left:  20px;
   padding-right: 20px;
   padding-top:   6px;
   margin:         0px;
   margin-left:    5px;
   padding-bottom:6px;
   display:       block;
   cursor:        pointer;
   background-color: #D0D0D0;
   font-weight:   bold;
}

.menue_item_sub2
{
   border: solid black 1px;
   border-top-width: 0px;
   padding-left:  40px;
   padding-right: 20px;
   padding-top:   10px;
   margin:         0px;
   margin-left:   15px;
   padding-bottom:10px;
   display:       block;
   cursor:        pointer;
   background-color: #A0A0A0;
}

.menue_item_logout
{
   /* border: solid black 1px; */
   font-weight:   bold;
   padding-left:  20px;
   padding-right: 20px;
   padding-top:   10px;
   margin:         0px;
   padding-bottom:10px;
   display:       block;
   cursor:        pointer;
   background-color: #183f6f; color: #E0E0FF;}

.rossis_hidden_button:hover
{
   border: 1px solid #a0a0a0;
   /* outline: 1px solid #a0a0a0; */
   background-color: #e0e0e0;
   border-radius: 2px;
}

.rossis_hidden_button
{
   /* transparent border */
   border: 1px solid rgba(255,255,255,0);
}

/*---------------------------------------------------*/
/* new 20141008: for div scrolling with new IE 10/11 */
/*---------------------------------------------------*/

/* Resets */
*, *:after, *:before {
    margin: 0; /* Margin zero is used to prevent unnecessary white space. */
    /* padding: 0; */ /* Padding zero is used to prevent unnecessary white space. */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* Border boxing is used, so the padding, margin and borders are within de width and height of de element. */
}

.table, .row, .cell {
    outline: none;
    border: none;
    outline-style: none;
    vertical-align: top;
    text-align: left;
}

.table {
    border-collapse: collapse;
    display: table;
    table-layout: fixed; /* This will ensure the cells within the table will keep there width. */
    width: 100%;
}

.row {
    display: table-row;
    width: 100%;
}

.cell {
    display: table-cell;
    white-space: nowrap; /* This property is used to show ellipses, when the content within de cell is overflown. */
    overflow: hidden; /* This property is used to show ellipses, when the content within de cell is overflown. */
    -ms-text-overflow: ellipsis; /* This property is used to show ellipses, when the content within de cell is overflown. */
    -o-text-overflow: ellipsis; /* This property is used to show ellipses, when the content within de cell is overflown. */
    text-overflow: ellipsis; /* This property is used to show ellipses, when the content within de cell is overflown. */
}

.div_scroll_y
{
   overflow-y: auto;
}

#boxSearch table,
#boxSearch table tr,
#boxSearch table tr td
{ 
   border: none;
}

.boxMsgBig_table_bg
{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.35+0,0+100;Neutral+Density */
   background: -moz-linear-gradient(top,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.35)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

} /* media screen */