/* Table Styles */
table#table_five{}
	input.optie_total
	td#table_five {
		width: 2000px;
	}
	table#five {
		margin: 20px 0 0 0;
		border-collapse: collapse;
		border-spacing: 0;
		background: #000;
		color: #fff;
		max-width: 1200px;
		width: 100%;
	}
	table#five td, table#five th { text-align: center; }
	table#five thead {
		font-size: .8em;
		line-hfive: 12px;
		background-color: #008D70;
		text-transform: uppercase;
	}
	table#five thead th {
		color: rgba(255,255,255,.9);
		padding: 8px;
		vertical-align: bottom;

	}
	table#five thead th:nth-child(1) {
		width: 10%;
		text-align: left;
		padding-left: 15px;
	}
	table#five thead th:nth-child(2) { width: 5%; }
	table#five thead th:nth-child(3) { width: 5%; }
	table#five thead th:nth-child(4) { width: 5%; }
	table#five thead th:nth-child(5) { width: 5%; }
	table#five thead th.sorted {
		background-color: #008D70;
		color: rgba(255,255,255,.9);
	}
	table#five thead th.sorted::after {
		content:''; display: inline-block; margin-left: 8px; margin-top: -2px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}
	table#five thead th.sorted.asc::after { border-top: 8px solid rgba(255,255,255,.4); }
	table#five thead th.sorted.desc::after { border-bottom: 8px solid rgba(255,255,255,.4); }
	table#five thead th.header { cursor: pointer; }
	table#five tbody { font-size: .9em; line-hfive: 15px; }
	table#five tbody tr {
		border-top: 1px solid rgba(255,255,255,.8);
		transition: background-color .6s, color .6s;
	}
	table#five tbody tr[data-href] {
		cursor: pointer;
	}
	table#five tbody tr:nth-child(even) { background-color: rgba(255, 255, 255, .2); }
	table#five tbody tr:hover {
		color: #000;
		background-color: rgba(255,255,255,.7);
	}
	table#five tbody td { padding: 12px; }
	table#five tbody tr:hover td:first-child {
		background-color: rgba(0,0,0,0);
	}
	table#five tbody td:first-child {
		text-align: center;
		padding-left: 20px;
		font-wfive: 700;
		background-color: rgba(76, 138, 125, 0.35);
		transition: background-color .6s;
	}
	table#five tfoot { font-size: .8em; width: 100%;}
	table#five tfoot tr { border-top: 2px solid rgba(255,255,255,.8); }
	table#five tfoot td {
		color: rgba(255,255,255,.6);
		text-align: left;
		line-hfive: 15px;
		padding: 15px 20px;
	}
	table#five tfoot a { color: #fff; text-decoration: none; }
	table#five tfoot a:hover { color: #fff; text-decoration: underline; }

table#seven{}
	table#seven {
		margin: 20px 0 0 0;
		border-collapse: collapse;
		border-spacing: 0;
		background: #000;
		color: #fff;
		max-width: 1200px;
		width: 100%;
	}
	table#seven td, table#seven th { text-align: center; }
	table#seven thead {
		font-size: .8em;
		line-hseven: 12px;
		background-color: #008D70;
		text-transform: uppercase;
	}
	table#seven thead th {
		color: rgba(255,255,255,.9);
		padding: 8px;
		vertical-align: bottom;

	}
	table#seven thead th:nth-child(1) {
		width: 10%;
		text-align: left;
		padding-left: 15px;
	}
	table#seven thead th:nth-child(2) { width: 5%; }
	table#seven thead th:nth-child(3) { width: 5%; }
	table#seven thead th:nth-child(4) { width: 5%; }
	table#seven thead th:nth-child(5) { width: 5%; }
	table#seven thead th:nth-child(6) { width: 5%; }
	table#seven thead th:nth-child(7) { width: 5%; }
	table#seven thead th.sorted {
		background-color: #008D70;
		color: rgba(255,255,255,.9);
	}
	table#seven thead th.sorted::after {
		content:''; display: inline-block; margin-left: 8px; margin-top: -2px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}
	table#seven thead th.sorted.asc::after { border-top: 8px solid rgba(255,255,255,.4); }
	table#seven thead th.sorted.desc::after { border-bottom: 8px solid rgba(255,255,255,.4); }
	table#seven thead th.header { cursor: pointer; }
	table#seven tbody { font-size: .9em; line-hseven: 15px; }
	table#seven tbody tr {
		border-top: 1px solid rgba(255,255,255,.8);
		transition: background-color .6s, color .6s;
	}
	table#seven tbody tr[data-href] {
		cursor: pointer;
	}
	table#seven tbody tr:nth-child(even) { background-color: rgba(255, 255, 255, .2); }
	table#seven tbody tr:hover {
		color: #000;
		background-color: rgba(255,255,255,.7);
	}
	table#seven tbody td { padding: 12px; }
	table#seven tbody tr:hover td:first-child {
		background-color: rgba(0,0,0,0);
	}
	table#seven tbody td:first-child {
		text-align: center;
		padding-left: 20px;
		font-wseven: 700;
		background-color: rgba(76, 138, 125, 0.35);
		transition: background-color .6s;
	}
	table#seven tfoot { font-size: .8em; width: 100%;}
	table#seven tfoot tr { border-top: 2px solid rgba(255,255,255,.8); }
	table#seven tfoot td {
		color: rgba(255,255,255,.6);
		text-align: left;
		line-hseven: 15px;
		padding: 15px 20px;
	}
	table#seven tfoot a { color: #fff; text-decoration: none; }
	table#seven tfoot a:hover { color: #fff; text-decoration: underline; }
table#eight{}
	table#eight {
		margin: 20px 0 0 0;
		border-collapse: collapse;
		border-spacing: 0;
		background: #000;
		color: #fff;
		max-width: 1200px;
		width: 100%;
	}
	table#eight td, table#eight th { text-align: center; }
	table#eight thead {
		font-size: .8em;
		line-height: 12px;
		background-color: #008D70;
		text-transform: uppercase;
	}
	table#eight thead th {
		color: rgba(255,255,255,.9);
		padding: 8px;
		vertical-align: bottom;

	}
	table#eight thead th:nth-child(1) {
		width: 10%;
		text-align: left;
		padding-left: 15px;
	}
	table#eight thead th:nth-child(2) { width: 5%; }
	table#eight thead th:nth-child(3) { width: 5%; }
	table#eight thead th:nth-child(4) { width: 5%; }
	table#eight thead th:nth-child(5) { width: 5%; }
	table#eight thead th:nth-child(6) { width: 5%; }
	table#eight thead th:nth-child(7) { width: 5%; }
	table#eight thead th:nth-child(8) { width: 5%; }
	table#eight thead th.sorted {
		background-color: #008D70;
		color: rgba(255,255,255,.9);
	}
	table#eight thead th.sorted::after {
		content:''; display: inline-block; margin-left: 8px; margin-top: -2px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}
	table#eight thead th.sorted.asc::after { border-top: 8px solid rgba(255,255,255,.4); }
	table#eight thead th.sorted.desc::after { border-bottom: 8px solid rgba(255,255,255,.4); }
	table#eight thead th.header { cursor: pointer; }
	table#eight tbody { font-size: .9em; line-height: 15px; }
	table#eight tbody tr {
		border-top: 1px solid rgba(255,255,255,.8);
		transition: background-color .6s, color .6s;
	}
	table#eight tbody tr[data-href] {
		cursor: pointer;
	}
	table#eight tbody tr:nth-child(even) { background-color: rgba(255, 255, 255, .2); }
	table#eight tbody tr:hover {
		color: #000;
		background-color: rgba(255,255,255,.7);
	}
	table#eight tbody td { padding: 12px; }
	table#eight tbody tr:hover td:first-child {
		background-color: rgba(0,0,0,0);
	}
	table#eight tbody td:first-child {
		text-align: center;
		padding-left: 20px;
		font-weight: 700;
		background-color: rgba(76, 138, 125, 0.35);
		transition: background-color .6s;
	}
	table#eight tfoot { font-size: .8em; width: 100%;}
	table#eight tfoot tr { border-top: 2px solid rgba(255,255,255,.8); }
	table#eight tfoot td {
		color: rgba(255,255,255,.6);
		text-align: left;
		line-height: 15px;
		padding: 15px 20px;
	}
	table#eight tfoot a { color: #fff; text-decoration: none; }
	table#eight tfoot a:hover { color: #fff; text-decoration: underline; }
table#nine{}
	table#nine {
		margin: 20px 0 0 0;
		border-collapse: collapse;
		border-spacing: 0;
		background: #000;
		color: #fff;
		max-width: 1200px;
		width: 100%;
	}
	table#nine td, table#nine th { text-align: center; }
	table#nine thead {
		font-size: .8em;
		line-height: 12px;
		background-color: #008D70;
		text-transform: uppercase;
	}
	table#nine thead th {
		color: rgba(255,255,255,.9);
		padding: 8px;
		vertical-align: bottom;

	}
	table#nine thead th:nth-child(1) {
		width: 10%;
		text-align: left;
		padding-left: 15px;
	}
	table#nine thead th:nth-child(2) { width: 5%; }
	table#nine thead th:nth-child(3) { width: 5%; }
	table#nine thead th:nth-child(4) { width: 5%; }
	table#nine thead th:nth-child(5) { width: 5%; }
	table#nine thead th:nth-child(6) { width: 5%; }
	table#nine thead th:nth-child(7) { width: 5%; }
	table#nine thead th:nth-child(8) { width: 5%; }
	table#nine thead th:nth-child(9) { width: 5%; }
	table#nine thead th.sorted {
		background-color: #008D70;
		color: rgba(255,255,255,.9);
	}
	table#nine thead th.sorted::after {
		content:''; display: inline-block; margin-left: 8px; margin-top: -2px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}
	table#nine thead th.sorted.asc::after { border-top: 8px solid rgba(255,255,255,.4); }
	table#nine thead th.sorted.desc::after { border-bottom: 8px solid rgba(255,255,255,.4); }
	table#nine thead th.header { cursor: pointer; }
	table#nine tbody { font-size: .9em; line-height: 15px; }
	table#nine tbody tr {
		border-top: 1px solid rgba(255,255,255,.8);
		transition: background-color .6s, color .6s;
	}
	table#nine tbody tr[data-href] {
		cursor: pointer;
	}
	table#nine tbody tr:nth-child(even) { background-color: rgba(255, 255, 255, .2); }
	table#nine tbody tr:hover {
		color: #000;
		background-color: rgba(255,255,255,.7);
	}
	table#nine tbody td { padding: 12px; }
	table#nine tbody tr:hover td:first-child {
		background-color: rgba(0,0,0,0);
	}
	table#nine tbody td:first-child {
		text-align: center;
		padding-left: 20px;
		font-weight: 700;
		background-color: rgba(76, 138, 125, 0.35);
		transition: background-color .6s;
	}
	table#nine tfoot { font-size: .8em; width: 100%;}
	table#nine tfoot tr { border-top: 2px solid rgba(255,255,255,.8); }
	table#nine tfoot td {
		color: rgba(255,255,255,.6);
		text-align: left;
		line-height: 15px;
		padding: 15px 20px;
	}
	table#nine tfoot a { color: #fff; text-decoration: none; }
	table#nine tfoot a:hover { color: #fff; text-decoration: underline; }


/* Tabel aanpaseen voor responsive */
@media (max-width: 740px) {
	td:nth-child(4) { display: none; }
	th:nth-child(4) { display: none; }
}
@media (max-width: 650px) {
	td:nth-child(2) { display: none; }
	th:nth-child(2) { display: none; }
}
/* small table */
@media (max-width: 600px) {
	table, tr, td { display: block; }
	th, thead { display: none; }
	tr { border-top: 3px solid #000; min-width: 415px;}
	tr:hover { background-color: rgba(255,255,255,.7);}
	table#seven {}
		table#seven td { border-bottom: 1px dotted #008d6f; text-align: left;}
		table#seven td:nth-child(1)::before { content: "Benaming: " }
		table#seven td:nth-child(2)::before { content: "Tonnage: " }
		table#seven td:nth-child(3)::before { content: "Lengte: " }
		table#seven td:nth-child(4)::before { content: "Kiphoek: " }
		table#seven td:nth-child(5)::before { content: "Rolhoogte: " }
		table#seven td:nth-child(6)::before { content: "Prijs Datum: " }
		table#seven td:nth-child(7)::before { content: "Prijs: " }
		table#seven td:nth-child(2) { display: block; }
		table#seven th:nth-child(2) { display: block; }
		table#seven td:nth-child(4) { display: block; }
		table#seven th:nth-child(4) { display: block; }
		table#seven tbody tr:nth-child(even) { background-color: rgba(255, 255, 255, .3); border: 3px solid #008d6f;}
		table#seven tbody tr:nth-child(odd) { border: 3px solid #000; }
	table#eight {}
		table#eight td { border-bottom: 1px dotted #008d6f; text-align: left;}
		table#eight td:nth-child(1)::before { content: "Gebruikersnaam: " }
		table#eight td:nth-child(2)::before { content: "Voornaam: " }
		table#eight td:nth-child(3)::before { content: "Achternaam: " }
		table#eight td:nth-child(4)::before { content: "Geslacht: " }
		table#eight td:nth-child(5)::before { content: "Email: " }
		table#eight td:nth-child(6)::before { content: "Verkorte naam: " }
		table#eight td:nth-child(7)::before { content: "Gebruikersrol: " }
		table#eight td:nth-child(8)::before { content: "Gebruikerslevel: " }
		table#eight td:nth-child(2) { display: block; }
		table#eight th:nth-child(2) { display: block; }
		table#eight td:nth-child(4) { display: block; }
		table#eight th:nth-child(4) { display: block; }
		table#eight tbody tr:nth-child(even) { background-color: rgba(255, 255, 255, .3); border: 3px solid #008d6f;}
		table#eight tbody tr:nth-child(odd) { border: 3px solid #000; }
	table#nine {}
		table#nine td { border-bottom: 1px dotted #008d6f; text-align: left;}
		table#nine td:nth-child(1)::before { content: "Offerte nr: " }
		table#nine td:nth-child(2)::before { content: "Klantnaam: " }
		table#nine td:nth-child(3)::before { content: "Serie grootte: " }
		table#nine td:nth-child(4)::before { content: "Datum aanvraag: " }
		table#nine td:nth-child(5)::before { content: "Geldigheids datum: " }
		table#nine td:nth-child(6)::before { content: "Prijs offerte: " }
		table#nine td:nth-child(7)::before { content: "Type: " }
		table#nine td:nth-child(8)::before { content: "Note: " }
		table#nine td:nth-child(9)::before { content: "Status: " }
		table#nine td:nth-child(2) { display: block; }
		table#nine th:nth-child(2) { display: block; }
		table#nine td:nth-child(4) { display: block; }
		table#nine th:nth-child(4) { display: block; }
		table#nine tbody tr:nth-child(even) { background-color: rgba(255, 255, 255, .3); border: 3px solid #008d6f;}
		table#nine tbody tr:nth-child(odd) { border: 3px solid #000; }

}
/* Media Queries */
@media screen and (max-width: 425px) {
	h1 { font-size: 34px; line-height: 36px; padding-left: 15px; }
	article { margin: 10px 15px; }
	table#eight { font-size: .9em; }
	table#nine { font-size: .9em; }

}