.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #434178;
    background-image: linear-gradient(135deg, #578e8e 0%, #14382c 100%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}

body.site {
	background: transparent;
	background-image: url(../../../../../images/background/nummer1.png);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.com-content-article__body {
    background-color: white;
}

.com-finder__results {
    background-color: white;
    padding: 10px;
}

.reprail-div-head {
  padding: 20px;
  page-break-after: always;
}

.reprail-div {
  padding: 20px;
  page-break-before: always;
}

.reprail-div-widget {
  padding: 10px 0px 50px 0px;
  page-break-before: always;
  clear: left;
}

/* Index op de artikel pagina */

.reprail-index {
  float:right;
  padding: 15px;
  border-collapse: collapse;
  font-size: 0.9em;
  font-family: sans-serif;
  margin: 25px;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.reprail-index h4 {
  font-weight: bold;
  padding-bottom: 5px;
  text-decoration: underline;
}

.reprail-index ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.reprail-index ul li {
  background-color: #f2f2f2;
  border-bottom: 1px solid #dddddd;
  width: 150px;
  padding: 5px 15px;
}

.reprail-index ul li:last-of-type {
  border-bottom: 2px solid #578e8e;
}

 .reprail-index ul li:hover {
  background-color: #ddd;
}

/* 1e tabel op de artikel pagina */

.reprail-table {
  float:left;
  border-collapse: collapse;
  margin: 0px 25px 25px 25px;
  font-size: 0.9em;
  font-family: sans-serif;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  page-break-before: always;
}

.reprail-table thead tr {
  background-color: #578e8e;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}

.reprail-table th,
.reprail-table td {
  padding: 12px 15px;
}

.reprail-table th {
  width: 325px;
}

.reprail-table th.option-1 {
    width: 250px;
}

.reprail-table th.option-2 {
    width: 400px;
}

.reprail-table th.option-1-wagon {
    width: 400px;
}

.reprail-table th.option-2-wagon {
    width: 400px;
}

.reprail-table tbody tr {
  border-bottom: 1px solid #dddddd;
}

.reprail-table tbody tr:nth-of-type(even) {
  background-color: #f2f2f2;
}

.reprail-table tbody tr:last-of-type {
  border-bottom: 2px solid #578e8e;
}

 .reprail-table tbody tr:hover {
  background-color: #ddd;
}

/* 2e tabel op de artikel pagina */

.reprail-table2 {
  border-collapse: collapse;
  margin: 0px 25px 25px 25px;
  font-size: 0.9em;
  font-family: sans-serif;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.reprail-table2 thead tr {
  background-color: #578e8e;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}

.reprail-table2 th,
.reprail-table2 td {
  padding: 12px 15px;
}

.reprail-table2 th {
  width: 350px;
}

.reprail-table2 th.option-3 {
    width: 250px;
}

.reprail-table2 th.option-4 {
    width: 400px;
}

.reprail-table2 tbody tr {
  border-bottom: 1px solid #dddddd;
}

.reprail-table2 tbody tr:nth-of-type(even) {
  background-color: #f2f2f2;
}

.reprail-table2 tbody tr:last-of-type {
  border-bottom: 2px solid #578e8e;
}

 .reprail-table2 tbody tr:hover {
  background-color: #ddd;
}

/* 3e tabel op de artikel pagina */

.reprail-div-table3 {
  clear: left;
  margin: 0px 25px 25px 25px;
  padding-top: 10px;
}

.reprail-table3 {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.9em;
  font-family: sans-serif;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  page-break-after: always;
}

.reprail-table3 thead tr {
  background-color: #578e8e;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}

.reprail-table3 th,
.reprail-table3 td {
  padding: 12px 5px;
}

.reprail-table3 th.function-cel {
    width: 80px;
}

.reprail-table3 th.option-cel {
    width: 300px;
}

.reprail-table3 tbody tr {
  border-bottom: 1px solid #dddddd;
}

.reprail-table3 tbody tr:nth-of-type(even) {
  background-color: #f2f2f2;
}

.reprail-table3 tbody tr:last-of-type {
  border-bottom: 2px solid #578e8e;
}

 .reprail-table3 tbody tr:hover {
  background-color: #ddd;
}

/* overzicht functies */

.reprail-div-fc2 {
  clear: left;
  height: 1px;
}

.reprail-fc1 {
  float: left;
  border-collapse: collapse;
  margin: 0px 25px 25px 25px;
  font-size: 0.9em;
  font-family: sans-serif;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.reprail-fc1 thead tr {
  background-color: #578e8e;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}

.reprail-fc1 th,
.reprail-fc1 td {
  padding: 12px 5px;
}

.reprail-fc1 td.function-cel1 {
    width: 100px;
}

.reprail-fc1 td.function-cel2 {
    width: 100px;
}

.reprail-fc1 td.function-cel3 {
    width: 100px;
}

.reprail-fc1 td.option-cel1 {
    width: 350px;
}

.reprail-fc1 tbody tr {
  border-bottom: 1px solid #dddddd;
}

.reprail-fc1 tbody tr:nth-of-type(even) {
  background-color: #f2f2f2;
}

.reprail-fc1 tbody tr:last-of-type {
  border-bottom: 2px solid #578e8e;
}

 .reprail-fc1 tbody tr:hover {
  background-color: #ddd;
}

.reprail-fc2 {
  border-collapse: collapse;
  font-size: 0.9em;
  margin: 0px 25px 25px 25px;
  font-family: sans-serif;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  page-break-after: always;
}

.reprail-fc2 thead tr {
  background-color: #578e8e;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}

.reprail-fc2 th,
.reprail-fc2 td {
  padding: 12px 5px;
}

.reprail-fc2 td.function-cel1 {
    width: 100px;
}

.reprail-fc2 td.function-cel2 {
    width: 100px;
}

.reprail-fc2 td.function-cel3 {
    width: 100px;
}

.reprail-fc2 td.option-cel1 {
    width: 350px;
}

.reprail-fc2 tbody tr {
  border-bottom: 1px solid #dddddd;
}

.reprail-fc2 tbody tr:nth-of-type(even) {
  background-color: #f2f2f2;
}

.reprail-fc2 tbody tr:last-of-type {
  border-bottom: 2px solid #578e8e;
}

 .reprail-fc1 tbody tr:hover {
  background-color: #ddd;
}

/* overzicht artikel pagina */

.reprail-ovz-table1 {
  float: left;
  border-collapse: collapse;
  margin: 0px 25px 25px 25px;
  overflow: hidden;
}

.reprail-ovz-table1 td {
  padding: 12px 15px;
  width: 450px;
  height: 180px;
}

.reprail-ovz-table2 {
  width: -webkit-fill-available;
  border-collapse: collapse;
  margin: 0px 25px 25px 25px;
  font-size: 0.9em;
  font-family: sans-serif;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.reprail-ovz-table2 thead tr {
  background-color: #578e8e;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}

.reprail-ovz-table2 td {
  padding: 12px 15px;
  height: 180px;
  white-space: nowrap;
}

.reprail-ovz-table2 td h3 {
  margin-bottom: 20px;
} 

.reprail-ovz-table2 td p {
  margin-bottom: 5px;
} 

.reprail-ovz-table2 tbody tr {
  border-bottom: 1px solid #dddddd;
}

.reprail-ovz-table2 tbody tr:last-of-type {
  border-bottom: 2px solid #578e8e;
}

 .reprail-ovz-table2 tbody tr:hover {
  background-color: #ddd;
}

.reprail-ovz-div {
  padding: 15px 15px 0px 0px;
}

.reprail-ovz-div-break {
  padding: 15px 15px 0px 0px;
  page-break-after: always;
}

@media (max-width: 428px) {
.reprail-ovz-table2 td h3 {
  font-size: 1.2rem;
} 
.reprail-ovz-table2 td {
  white-space: normal;
} 

.reprail-fc2 tr.verborgen-ios {
    display: none;
}}