/* Datei: tabellen.css */

/* Preistabelle */
.pricetable,
.infotable {
  font-family: 'roboto_condensed', Arial, sans-serif;
  margin: 0;
  padding: 0;
  *border-collapse: collapse; /* IE7 and lower */
  border-spacing: 0;
  width: 100%;
}

.pricetable .info_icon,
.infotable .info_icon {
  color: #1976D2;
}

.pricetable th,
.pricetable td,
.infotable td{
  font-size: 1.1em;
  font-weight: 400;
  border-right: 0.2em solid #FFF;
  border-bottom: 0.2em solid #FFF;
}

.pricetable th {
  color: #FFFFFF;
  margin: 0 0 0 auto;
  padding: 0.25em 0.5em 0.25em 0.5em;
  background-color: #999;
  text-align: left;
}

.pricetable td,
.infotable td {
  vertical-align: middle;
  padding: 0.25em 0.5em 0.25em 0.5em;
  background-color: #EAEAEA;
}

.pricetable.complete td,
.pricetable.single td div:last-child,
.infotable.complete td,
.infotable.single td div:last-child  {
  text-align: right;
}

.pricetable td:first-child,
.pricetable.single td div:first-child,
.infotable td:first-child,
.infotable.single td div:first-child {
  text-align: left;
}

.pricetable tbody tr:nth-child(even) td ,
.infotable tbody tr:nth-child(odd) td {
  background-color: #CCC;
}

.pricetable thead tr:first-child th:first-child,
.infotable tr:first-child td:first-child {
  border-radius: 0.5em 0 0 0;
}

.pricetable thead tr:first-child th:last-child,
.infotable tr:first-child td:last-child {
  border-radius: 0 0.5em 0 0;
}

.pricetable thead tr:first-child th:only-child{
  border-radius: 0.5em 0.5em 0 0;
}

.pricetable thead tr:last-child th {
  background-color: #B6B6B6;
  border-radius: unset;
}

.pricetable thead tr:only-child th {
  background-color: #999;
}

.pricetable thead tr:last-child th:last-child,
.pricetable td:last-child,
.infotable td:last-child  {
  border-right: none;
}

.pricetable tr:last-child td,
.infotable tr:last-child td {
  border-bottom: unset;
}

.pricetable tr:last-child td:first-child,
.infotable tr:last-child td:first-child {
  border-radius: 0 0 0 0.5em;
}

.pricetable tr:last-child td:last-child,
.infotable tr:last-child td:last-child {
  border-radius: 0 0 0.5em 0;
}

.pricetable.posterschienen colgroup col.col1 {
  width: 15%
}

.pricetable.posterschienen colgroup col.col2 {
  width: 65%
}

.pricetable.posterschienen colgroup col.col3 {
  width: 20%
}


.pricetable.select_addons colgroup col.col1 {
  width: 15%
}

.pricetable.select_addons colgroup col.col2 {
  width: 65%
}

.pricetable.select_addons colgroup col.col3 {
  width: 15%
}

.pricetable.select_addons colgroup col.col4 {
  width: 5%
}

@media only screen and (min-width : 64em) {

.pricetable,
.infotable {
  font-family: 'roboto', Arial, sans-serif;
}

.pricetable th,
.pricetable td,
.infotable td {
  font-size: 0.9em;
}

.pricetable.single td .size,
.pricetable.single td .aspratio {
  display: table-cell;
}

.pricetable.single td .aspratio {
  padding-left: 0.25em;
}

.pricetable.posterschienen colgroup col.col1 {
  width: 15%
}

.pricetable.posterschienen colgroup col.col2 {
  width: 70%
}

.pricetable.posterschienen colgroup col.col3 {
  width: 15%
}


  .pricetable.select_addons colgroup col.col1 {
    width: 15%
  }

  .pricetable.select_addons colgroup col.col2 {
    width: 65%
  }

  .pricetable.select_addons colgroup col.col3 {
    width: 15%
  }

  .pricetable.select_addons colgroup col.col4 {
    width: 5%
  }

}