/* Liste Tabelle */

#main-area .area .article .content .line table.liste {
  background: white;
  font-size: 11px;
  text-align: left;
  border: solid;
  border-width: 1px 1px 0 0;
  border-color: #a5abb9;
  width: 100%;
  border-spacing: 0;
}

#main-area .area .article .content .line table.liste th {
  padding: 3px;
  margin: 0;
  font-size: 11px;
  text-align: center;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  vertical-align: top;
}

#main-area .area .article .content .line table.liste th.rotate {
  height: 100px;
  white-space: nowrap;
}
#main-area .area .article .content .line table.liste th.rotate > div {
  transform: translate(0px, 87px) rotate(270deg);
  width: 30px;
}
#main-area .area .article .content .line table.liste th.rotate > div > span {
  padding: 5px 10px;
}


#main-area .area .article .content .line table.liste th .activ {
  color: #cc0e0e; /*red;*/
}

/*
 * new even odd
 */
#main-area .area .article .content .line table.liste tr.only-if-no-other-child:not(:only-child) {  
  display:none;
}

#main-area .area .article .content .line table.liste tr.even-odd td {
  padding: 3px;
  margin: 0;
  font-size: 11px;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  vertical-align: top;
}
#main-area .area .article .content .line table.liste tr.even-odd:nth-child(odd) td {
  background-color: #e9e5de;
}
#main-area .area .article .content .line table.liste tr.even-odd:nth-child(even) td {
  background-color: #f4f2ee;
}
#main-area .area .article .content .line table.liste tr.even-odd td.label-row {
  font-weight: bold;
  border-width: 0 0 1px 1px;
  background-color: #e0e0e0; 
}
#main-area .area .article .content .line table.liste tr.even-odd td.left-align {
  text-align: left;
}
#main-area .area .article .content .line table.liste tr.even-odd td.right-align {
  text-align: right;
}
#main-area .area .article .content .line table.liste  tr.even-odd td.center-align {
  text-align: center;
}
#main-area .area .article .content .line table.liste tr.even-odd td.row-id {
  min-width: 20px;
  text-align: center;
}
#main-area .area .article .content .line table.liste tr.even-odd td.row-control {
  padding-top: 1px;
  padding-bottom: 1px;
  width: 20px;
  text-align: center;
}

/*
 * old even/odd
 */
#main-area .area .article .content .line table.liste td.left-odd {
  padding: 3px;
  margin: 0;
  font-size: 11px;
  text-align: left;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  background-color: #e9e5de;
  vertical-align: top;
}

#main-area .area .article .content .line table.liste td.right-odd {
  padding: 3px;
  margin: 0;
  font-size: 11px;
  text-align: right;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  background-color: #e9e5de;
  vertical-align: top;
}

#main-area .area .article .content .line table.liste td.center-odd {
  padding: 3px;
  margin: 0;
  font-size: 11px;
  text-align: center;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  background-color: #e9e5de;
  vertical-align: top;
}

#main-area .area .article .content .line table.liste td.id-odd {
  padding: 3px;
  margin: 0;
  min-width: 20px;
  font-size: 11px;
  text-align: center;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  background-color: #e9e5de;
  vertical-align: top;
}

#main-area .area .article .content .line table.liste td.control-odd {
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 0;
  width: 20px;
  font-size: 11px;
  text-align: center;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  background-color: #e9e5de;
  vertical-align: top;
}

#main-area .area .article .content .line table.liste td.left-even {
  padding: 3px;
  margin: 0;
  font-size: 11px;
  text-align: left;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  background-color: #f4f2ee;
  vertical-align: top;
}

#main-area .area .article .content .line table.liste td.right-even {
  padding: 3px;
  margin: 0;
  font-size: 11px;
  text-align: right;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  background-color: #f4f2ee;
  vertical-align: top;
}

#main-area .area .article .content .line table.liste td.center-even {
  padding: 3px;
  margin: 0;
  font-size: 11px;
  text-align: center;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  background-color: #f4f2ee;
  vertical-align: top;
}

#main-area .area .article .content .line table.liste td.id-even {
  padding: 3px;
  margin: 0;
  min-width: 20px;
  font-size: 11px;
  text-align: center;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  background-color: #f4f2ee;
  vertical-align: top;
}

#main-area .area .article .content .line table.liste td.control-even {
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 0;
  width: 20px;
  font-size: 11px;
  text-align: center;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
  background-color: #f4f2ee;
  vertical-align: top;
}

#main-area .area .article .content .line table.liste td.buttons {
  padding: 5px;
  margin: 0;
  font-size: 11px;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: #a5abb9;
}
#main-area .area .article .content .line table.liste td.buttons .align-left {
  float: left;
  text-align: left;
}
#main-area .area .article .content .line table.liste td.buttons .align-right {
  float: right;
  text-align: right;
}
#main-area .area .article .content .line table.liste td.buttons .end {
  clear: both;
}


#main-area .area .article .content .line .nav {
  background: white;
  font-size: 11px;
  text-align: left;
  height: auto;
  height: 1%; /* Fake IE */
  padding-left: 5px;
  padding-right: 5px;
  border: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #a5abb9;
}

#main-area .area .article .content .line .nav .page-count {
  font-size: 11px;
  float: left;
  width: 50%;
  margin-top: 5px;
  margin-bottom: 5px;
}

#main-area .area .article .content .line .nav .end
{
  clear: both;
}

#main-area .area .article .content .line .nav .num-rows {
  font-size: 11px;
  text-align: left;
  left: 50%;
  width: 50%;
  float: left;
  text-align: right;
  margin-top: 5px;
  margin-bottom: 5px;
}

#main-area .area .article .content .line .nav .page-nav {
  font-size: 11px;
  text-align: left;
  width: 70%;
  float: left;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  vertical-align: top;
}

#main-area .area .article .content .line .nav .goto-page {
  font-size: 11px;
  text-align: left;
  float: left;
  left: 70%;
  width: 30%;
  text-align: right;
  margin-top: 5px;
  margin-bottom: 5px;
}