div#matrix
{
	padding: 20px 0 0 0;
	font-size: 0.9em !important;
	line-height: 1 !important;
	color: #191919;
}

p
{
	margin: 0 0 10px 0;
}

div#matrix table
{
	font-size: 0.7em;
	border-spacing: 0;
	border-collapse: collapse;
	width: 983px;
}

div#matrix table th,
div#matrix table td
{
	padding: 0;
	margin: 0;
}

div#matrix thead th
{
	font-family: Arial, sans serif;
	font-size: 17px;
	width: 25%;
}

div#matrix thead span.outer
{
	display: block;
	background: #EFEBE0;
	color: #5e0f7c;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #EFEBE0;
}

div#matrix thead span.inner
{
	padding: 8px 10px 0 10px;
	display: block;
	border-left: 1px solid #d9d9d9;
}

div#matrix thead th.first span.outer
{
	background: #ffffff;
	border: none;
	border-bottom: 1px solid #d9d9d9;
}

div#matrix thead span.hover-current
{
	border-top: 1px solid black;
	border-bottom: none;
	background: #D6D0C2;
	color: #191919;
}

div#matrix thead span.hover-current span.inner
{
	padding-bottom: 1px;
	border-left: 1px solid black;
}

div#matrix thead th.last span.hover-current span.inner
{
	border-right: 1px solid black;
}

div#matrix thead span.hover-other,
div#matrix thead span.hover-after
{
	border-bottom: 1px solid black;
}

div#matrix thead span.hover-after span.inner
{
	border-left: 1px solid black;
}

div#matrix tbody th span.outer
{
	display: block;
	font-family: Arial, sans serif;
	font-weight: normal;
	color: #5e0f7c;
	background: #efebe0;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 10px 0 10px 10px;
	text-align: left;
	border-top: 1px solid #d9d9d9;
}

div#matrix tbody th.last span.outer
{
	border-bottom: none;
}

div#matrix tbody th span.hover-current,
div#matrix tbody th.sub span.hover-current
{
	background-color: #D6D0C2 !important;
	background-image: url('../images/matrix_endpoint_left.gif');
	background-repeat: no-repeat;
	background-position: 100% 15px;
}

div#matrix tbody th span.hover-current a,
div#matrix tbody th.current span.outer a
{
	color: #191919;
}

div#matrix tbody td span.hover-current
{
	background-image: url('../images/matrix_endpoint_right.gif');
	background-repeat: no-repeat;
	background-position: top left;
	border-left: none !important;
	padding-left: 1px;
}

div#matrix tbody td span.outer
{
	display: block;
	border-left: 1px solid #d9d9d9;
}

div#matrix tbody td span.inner
{
	display: block;
	padding: 11px 0 11px 0;
}

div#matrix tbody th.sub span.outer
{
	background-color: #F8F4E9;
}

div#matrix tbody th.sub span.text
{
	padding-left: 15px;
	font-size: 0.9em;
}

div#matrix span.cell-text
{
	font-size: 10px;
}

div#matrix tbody tr.first span.inner
{
	border-top: none !important;
	padding-top: 12px;
}

div#matrix tbody td span.hover-before
{
	border-left: 1px solid black;
}

div#matrix tbody td.hover span.outer
{
	background-color: #dfd9cb;
}

div#matrix tbody td.hover span.inner a
{
	color: #191919;
}

div.matrix-home tbody td span.inner
{
	border-top: 1px solid #d9d9d9;
	text-align: center;
}

div.matrix-home.matrix-js-enabled tbody td,
div.matrix-vervolg.matrix-js-enabled tbody th,
div.matrix-vervolg.matrix-js-enabled thead th
{
	cursor: pointer;
}

div#matrix th.first
{
	cursor: auto;
}

div.matrix-js-enabled tbody td a
{
	color: white;
}

/* Vervolg */

div.matrix-vervolg tbody td span.inner
{
	border-top: 1px solid white !important;
}

div.matrix-vervolg
{
	position: relative;
}

div.matrix-vervolg tbody td
{
	vertical-align: top;
}

div#matrix-content
{
	position: absolute;
	width: 723px;
	top: 75px;
	font-size: 0.7em;
	margin-left: 240px;
	padding: 0 0 20px 0;
	line-height: 1.6em !important;
}

div#matrix div.item-type
{
	color: #707070;
}

div#matrix div.items
{
	float: left;
	width: 270px;
}

div#matrix div.items div.item
{
	background: url(../images/dots_grijs.jpg) repeat-x bottom;
	margin: 0 0 15px 20px;
	color: #191919;
	padding: 0 0 10px 0;
	font-size: 1.2em;
}

div#matrix img.item-image
{
	float: right;
}

div#matrix div.niets-gevonden
{
	padding: 0 15px;
	font-size: 1.2em;
}

div#matrix h1,
div#matrix h2,
div#matrix h3,
div#matrix h4
div#matrix h5,
div#matrix h6
{
	margin: 15px 0 5px 0;
}
div#matrix h1
{
	font-size: 1.5em;
}
div#matrix h2
{
	font-size: 1.2em;
}
div#matrix h3,
div#matrix h4
div#matrix h5,
div#matrix h6
{
	font-size: 1em;
}

div#matrix ul,
div#matrix ol
{
	margin-left: 17px;
	padding-left: 0;
}

div#matrix div.toelichting
{
	margin: 0 0 0 296px;
	width: 397px;
	background: #efebe0;
	font-size: 1.2em;
	padding: 15px;
}