body {
  color           : #034ea2;
  background-color: #eeeeee;
  scrollbar       : none;
  margin          : 15px 10px;
}


body,
td,
th,
input,
textarea,
select {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : small;
}


th {
    text-align: center;
}


textarea {
  scrollbar-base-color      : #eeeeee;
  scrollbar-darkshadow-color: #dddddd;
  scrollbar-arrow-color     : #034ea2;
  scrollbar-highlight-color : #ffffff;
  scrollbar-shadow-color    : #dddddd;
  scrollbar-track-color     : #ffffff;
  scrollbar-3dlight-color   : #eeeeee;
  scrollbar-face-color      : #eeeeee;
}

.listHeader {
  border-spacing : 0px;
  padding        : 0.75ex 0.75ex 0.75ex 0.75ex;
  color          : #034ea2;
  white-space    : nowrap;
}
.listHeader tr td {
  color          : #333333;
  border         : solid #333333 1px;
  border-collapse: collapse;
  white-space    : nowrap;
  overflow       : hidden;
  height         : 4ex;
}
.listHeaderTitle {
  font-size     : x-large;
  color         : #034ea2;
  padding-bottom: 1ex;
}



.list .rowHeader  {
  border-spacing : 0px;
  padding        : 0.75ex 0em 0ex 0.75ex;
  color           : #034ea2;
  white-space    : nowrap;
}

.list tr td,
.matrix tr td {
  color: #333333;
}


.list tr td,
.list tr th,
.matrix tr td,
.matrix tr th {
  border-spacing : 0px;
  padding        : 0.75ex 0em 0ex 0em;
  border-bottom  : solid #bbbbbb 1px;
  border-collapse: collapse;
  white-space    : nowrap;
  overflow       : hidden;
}

.list tr td,
.matrix tr td,
.matrixECalender tr td {
    text-align : left;
    white-space: nowrap;
}


table.list tr.filter td,
table.matrix tr.filter td {
  text-align         : center;
  border-bottom-width: 0px;
}



.filter td input {
  background-color: #eeeeee;
  border-spacing  : 0px;
  padding         : 0.2em 0ex 0.2em 0ex;
  border-color    : #bbbbbb;
  border-style    : solid;
  border-width    : 1px;
}


tr.filter td {
    overflow: visible;
}


.details table,
.details th,
.details td {
  border-spacing: 0px;
  padding: 0px;
  border-top: 1px solid #dddddd;
  border-collapse:collapse;
  text-align: left;  
}



.details th {
  border-width  : 0px;
  text-align    : left;
  padding-right : 1em;
  vertical-align: top;
  color         : #034ea2;
}



.details .caption {
  height        : 3ex;
  vertical-align: bottom;
  border-bottom : 1px solid #dddddd;
}



.details td {
  background-color: #ffffff;
}


tfoot table {
    margin-top: 20px;
}


input,
textarea,
select,
option {
  color           : #000000;
  background-color: #ffffff;
  border          : none;
  border-spacing  : 0px;
  padding         : 0.25ex 0.25em 0.25ex 0.25em;
}


input[type='checkbox'], input[type='radio'] {
        margin: 0.25ex 0.25em 0.25ex 0.25em;
}


table.list,
table.matrix {
  table-layout: fixed;
}



.filter {
  border-width: 1px;
  text-align  : center;
}



.filter td input {
  background-color: #ffffff;
}



a {
  color: #034ea2;
  text-decoration: none;
}



.button {
  width          : 9em;
  height         : 3.5ex;
  text-align     : center;
  border-color   : #cccccc;
  border-style   : solid;
  border-width   : 1px;
  border-collapse: collapse;
  white-space    : nowrap;
  cursor         : pointer;
}


td.calendarButton {
  width          : 7.5em;
  height         : 24px;
  text-align     : center;
  border-color   : #cccccc;
  border-style   : solid;
  border-width   : 1px;
  border-collapse: collapse;
  white-space    : nowrap;
  background-color:#eeeeee;
}



.menue  tr td {
  width          : 16em;
  height         : 3.5ex;
  text-align     : center;
  border-color   : #cccccc;
  border-style   : solid;
  border-width   : 1px;
  border-collapse: collapse;
  white-space    : nowrap;
}



.logo {
  color      : #034ea2;
  font-family: Arial, Helvetica, Sans-serif;
  font-style : italic;
  font-weight: bold;
}



.servletName {
  font-size     : larger ;
  color         : #034ea2;
  padding-bottom: 1ex;
}

span.e {
  color      : #E60000;
}

.timeStamp th {
  color: #aaaaaa;
}



.timeStamp td {
  color           : #aaaaaa;
  background-color: #eeeeee;
}



#message {
  position        : absolute;
  top             : 8px;
  left            : 8px;
  padding         : 2px;
  font-weight     : bold;
  color           : #eeeeee;
  background-color: #034ea2;
}
  

#auf_dem_hof {
  display: none; }

#von_bis {
  display: none; }

#bewegungen {
  display: none; }
  
#client {
  display: none; } 
  
#datum {
  display: none; } 
  
#exportType {
  display: none; }   

#zeitraum {
  display: none; }   

#ueberschriften {
  display: none; }   

#row0 {
  display: none; }   

#row1 {
  display: none; }   

#row2 {
  display: none; }   

#row3 {
  display: none; }   

#row4 {
  display: none; }   

#row5 {
  display: none; }   

#row6 {
  display: none; }   

#row7 {
  display: none; }   

#row8 {
  display: none; }   
  
 
td.actualDay{
  background-color : #eeeeee
  color            : #0000ff;
}
  
  
.showPageNo {
  vertical-align: top;
  text-align    : center;
  color         : #aaaaaa;
  font-size     : small;
  font-weight   : normal;
}  
  
.activeTab {
  font-weight    : bold;
  width          : 7.5em;
  height         : 3.5ex;
  text-align     : center;
  border         : solid #cccccc 1px;
  border-bottom  : none;
  border-collapse: collapse;
  white-space    : nowrap;
}


.inactiveTab {
  width          : 7.5em;
  height         : 3.5ex;
  text-align     : center;
  border         : solid #cccccc 1px;
  border-bottom  : none;
  border-width   : 1px;
  border-collapse: collapse;
  white-space    : nowrap;
  cursor         : pointer;
  color           : #aaaaaa;
  background-color: #eeeeee;
}
  

.tabs {
  border-bottom-color   : #cccccc;
  border-bottom-style   : solid;
  border-bottom-width   : 1px;
}

input[readonly]
{
color:black;
}

 .infoBox {
background-color:white;
border:8px solid red;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:red;
padding:15px;
}

/* transparente maske um den hintergrund abzudecken */
div.screenCover {
       display: none;
       position: absolute;
       left: 0px;
       top: 0px;
       z-index: 666;
       background-color: #eeeeee;
       filter:Alpha(opacity=80, finishopacity=80, style=2);
       opacity: 0.8;
}

/* msg-container */
div.confirmBox, 
div.msgBox, 
div.selectBox {
       display: none;
       position: absolute;
       left: 125px;
       top: 150px;
       width: 300px;
       height: 200px;
       background-color: #FFF67A;
       color: #000000;
       z-index: 667;
       border: 1px solid #000000;
       padding: 10px;
}

/* tabelle fuer msg inhalt */
div.sconfirmBox table, 
div.msgBox table, 
div.selectBox table {
       height: 100%;
       width: 100%;
}

/* tabellenzellen / listenspalten fuer msg inhalt */
div.confirmBox td, 
div.msgBox td, 
div.selectBox td,
div.selectBox li {
       vertical-align: middle;
       text-align: center; 
       font-size: 15pt;
       color: #000000;
}

/* msg tabellenzellen / listenspalten die als buttons dienen */
div.confirmBox .confirmBoxButton,
div.selectBox .selectBoxButton,
div.selectBox li {
       height: 10px;
       width: 50%;
       font-weight: bold;
       background-color: #FFFf83;
       border: 1px outset #a0a0a0;
}

/* spezielle auszeichnungen fuer select-box listenspalten */
div.selectBox li {
       width: 80%;
       margin-bottom: 10px;
       margin-left: auto;
       margin-right: auto;
       padding-top: 10px;
}

/* spezielle auszeichnungen fuer select-box auswahl-liste */
div.selectBox ul {
       list-style-type: none;     
       padding: 0px;
       margin: 0px;
}

/* spezielle auszeichnungen fuer select-box msg-text */
div.selectBox .selectMsg {
       height: 40px;
}


#fuss {
   color: #868686;
   height: 25px;
   margin: auto;
   position: relative;
}
#fuss a {
    color: #868686;
    text-decoration: none;
}
#fuss a:hover {
    text-decoration: underline;
}

.searchIcon {
	width: 18px;
	left: -14px;
    height: 18px;
    position:relative;
    display:inline-block;
    background: #fff url(/etc/images/icons-18-black.png) -610px 0; 
}

#lieferantenSuche::-ms-clear {
	display: none;
}


@media print {
    .hideDuringPrint {
        display: none;
    }
}

@media screen {
    .showDuringPrint {
        display: none;
    }
}