body {
  color           : #034ea2;
  background-color: #eeeeee}



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



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-face-color      : #eeeeee;}



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



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



table.list tr.filter td,
table.matrix tr.filter td,
table.matrixECalender 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;}



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



.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}



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



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



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



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



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



.button {
  width          : 7.5em;
  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          : 12em;
  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;}



.timeStamp th,
.help {
  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}

.headerList {
  text-align    : left;}

.background2 {
  background-color:#ddffff}

.checkGray ,
.checkBlack{
  text-align:center;
  border:1px solid #bbbbbb;
  width:1.25em;
  font-weight:bold;
}

.checkGray{
   color:gray
 }

.checkBlack{
   color:black
 }



/*  // nur zu Beispielzwecken, kann weg oder modifiziert werden */
.readonly {
  margin-left     : 1px;
  margin-right    : 1px;
  background-color: #eeeeee}

 .showPageNo {
    text-align    : center;
    color         : #aaaaaa;
    font-size     : x-small;
    font-weight   : normal}


/* 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.5;
}

/* transparente maske um den hintergrund abzudecken */
div.staplerScreenCover {
       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;
}

.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;
}

/* msg-container */
div.staplerConfirmBox,
div.staplerMsgBox,
div.staplerSelectBox {
       display: none;
       position: absolute;
       left: 125px;
       top: 150px;
       width: 550px;
       height: 300px;
       background-color: #FFF67A;
       color: #000000;
       z-index: 667;
       border: 4px solid #000000;
       padding: 10px;
}

/* tabelle fuer msg inhalt */
div.staplerConfirmBox table,
div.staplerMsgBox table,
div.staplerSelectBox table {
       height: 100%;
       width: 100%;
}

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

/* msg tabellenzellen / listenspalten die als buttons dienen */
div.staplerConfirmBox .staplerConfirmBoxButton,
div.staplerSelectBox .staplerSelectBoxButton,
div.staplerSelectBox li {
       height: 50px;
       width: 50%;
       font-weight: bold;
       background-color: #FFFf83;
       border: 2px outset #a0a0a0;
}

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

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

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


/* TREE */


table.tree,
table.tree tr,
table.tree tr th,
table.tree tr td {
  border-spacing : 0px;
  padding        : 0px;
  border-collapse: collapse;
  white-space    : nowrap;
  }



table.tree tr td.foldedNode,
table.tree tr td.foldedLastNode,
table.tree tr td.foldedRootNode,
table.tree tr td.unfoldedNode,
table.tree tr td.unfoldedLastNode,
table.tree tr td.unfoldedRootNode,
table.tree tr td.iLine,
table.tree tr td.lLine,
table.tree tr td.tLine,
table.tree tr td.noLine {
  width: 0%;
  height: 22px;
}



table.tree tr {
  height: 22px;}

table.tree {
  float: left;
  width: 120px;
}

.foldedNode,
.foldedLastNode,
.unfoldedNode,
.unfoldedLastNode,
.iLine,
.lLine,
.tLine {
  background-image   : url(../images/tree/vertical.gif);
  background-position: 0px 0px;
  background-repeat: repeat-y;}


.lLine,
.foldedLastNode,
.unfoldedLastNode {
background-repeat:no-repeat;}

.label,
.label span {
  color: #034ea2 !important;
  text-align: left;
}

.highlightedLabel {
  font-weight: bold;}

.disabledLabel {
  color: #bbbbbb;}

table.tree tr td.foldedNode {
}

td.addendum2 {
  width : 100%;
}

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