.table_layout,
.table_layout_body {
  display: block;
  width: 100%;
}

.table_layout {
  border: 1px solid #d1d1d1;
}

.table_layout_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 100%; 

  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
}
.table_layout_row:not(:first-of-type) .table_layout_headline {
  border-top: 1px solid #d1d1d1;
}
.table_layout_row > .table_layout_headline,
.table_layout_row > .table_layout_detail {
  display: block;
  border: none;
}
.table_layout_row > .table_layout_headline {
  width: 100%;
  border-bottom: 1px solid #d1d1d1;
}
.table_layout_row > .table_layout_detail {
  width: 33%;
  border-right: 1px solid #d1d1d1; 

  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
}
.table_layout_row > .table_layout_detail:last-child {
  border-right: none;
}
.table_layout_row > .table_layout_detail[colspan='2'] {
  width: 66%;
}
.table_layout_row > .table_layout_detail[colspan='3'] {
  width: 100%;
}