.pl-table-filter {
  padding: 15px;
  position: relative;
}

.filter-content > * {
  float: left;
  clear: both;
  width: 100%;
}


#table-filters {
  display: grid;
  grid-template-columns: repeat(12, calc(100%/12));
}
#table-controls {
  /*background-color: #E4E3E1;*/
  /*border-bottom: 1px solid #8F989D;*/
  padding-bottom:10px;
}

#table-box {
  grid-column: 1/ span 12;
  grid-row: 1;
  /*background: #e6e6e6;*/
  background-color: #E6E6E6;
  border: 1px solid #8F989D;
}

#table-filters > .filter-programm {
  grid-column: 1/ span 6;
  grid-row: 1;
}

#table-filters > .filter-varianten {
  grid-column: 7/ span 6;
  grid-row: 1;
}

#table-filters > .filter-wissenschaftsbereiche {
  grid-row: 2;
  grid-column: 1/ span 4;
}

#table-filters > .filter-regionen {
  grid-row: 2;
  grid-column: 5/ span 4;
}

#table-filters > .filter-int-bezug {
  grid-row: 2;
  grid-column: 9/ span 4;
}
.button-reset {
  grid-column: 5 / span 4;
  grid-row: 3;
  text-align: center;
}

#table-banner > .pl-total {
  float: left;
  font-size: 1.1em;
  font-weight: bold;
}
#table-banner > .button-download {
  float: right;
}
#programmliste {
  clear:both;
}


/*---------------------8<------------------------------------------------*/

/* The following rules override / adjust styling of surrounding containers
 * in GEPRIS. The CSS class `programmlisten` is exclusively used on the
 * Programmlisten-Page, whereas `content`, `contentWrap` and `mainLeft` are
 * part of the "regular" application layout.
 */

.programmlisten.content {
		/* margin: 0 0 0 10px; */
		/* width: 692px; */
		width: 100%;
    margin: 0px;
}

.programmlisten.contentWrap {
		/* margin: 0 0 0 0.8em; */
		/* padding: 0.35em 0 0; */
		/* width: 725px; */
    /* moved added the original left padding to the margin, so we can
     * conveniently set the content to 100% width
     */
		padding: 0.35em calc(10px + 0.8em) 0px;
		width: 100%;
		box-sizing: border-box;
    margin: 0px;
}

.programmlisten.mainLeft {
		/* width: 735px; */
		width: 100%;
}