/*
Achtergrondkleuren:
pagina: wit
titelbalk: #091c5a
kop maintext: #6882ab
kop sub-navbar: #ff5800
kop quicklinks: #091c5a
*/

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

/*----positioning and box property styles-----*/

/* Titelbalk */

#header {
	width: 100%;
	float: left;
	border-bottom: 1px #ff5800 solid;
	margin-bottom: 10px;
}

#header p {
	padding-left: 100px;
	padding-bottom: 22px;
	padding-top: 22px;
	margin: 0;
}

/* Meta navbar (rechtsboven in titelbalk) */

#metanav {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 100px;
	border: 1px #091c5a solid;
	padding: 5px;
}

#metanav ul {
	margin: 0;
	padding: 0;
}

/* Tabbladen voor site sections */

#header ul.sitesections {
	margin: 0px auto 0px auto;
	padding: 1px 0px 0px 15px;
	width: 718px;
}

/* Printmededeling, niet zichtbaar op het scherm */

#printnotice {
	display: none;
	visibility: hidden;
}

/* Inhoud: bevat main tekst en side panel */

#content {
	position: relative;
	clear: both;
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	margin-bottom: 0;
}

#maintext {
	width: 546px;
	border: 1px #b0b1ba solid;
	margin-left: 0;
	margin-right: 0;
}

#sidepanel {
	position: absolute;
	top: 0;
	left: 559px;
	width: 220px;
	margin-left: 0;
	margin-right: 0;
	font-size: 95%;
}

/* Subsections sidepanel */

.subs-navbar {
	border: 1px #b0b1ba solid;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 15px;
}

/* Tekst en achtergrond stijlen */

/* Titel */

#header {
	background-color: #091c5a;
}

#header p {
	color: #fff;
	font-size: 140%;
}

/* Meta navbar (rechtsboven in titelbalk) */

#metanav {
	font-size: 60%;
	background-color: #2e3d81 ;
	text-align: right;
	color: #fff;
}

#metanav ul li {
	list-style-type: none;
}

#metanav ul li a:link, #metanav ul li a:visited {
	text-decoration: none;
	color: #fff;
}

#metanav ul li a:hover {
	text-decoration: underline;
}

/* Tabbladen */

#header ul.sitesections {
	font-size: 80%;
}

#header ul.sitesections li {
	float: left;
	list-style-type: none;
}

#header ul.sitesections a {
	display: block;
	float: left;
	border-top: 1px solid #091c5a;
	border-left: 1px solid #091c5a;
	border-right: 1px solid #091c5a;
	padding: 4px 8px;
	text-decoration: none;
	margin-top: 0;
	margin-left: 5px;
	margin-bottom: 0;
	margin-right: 0;
	color: #fff;
	background-color: #6882ab;
}

#header ul.sitesections a:hover, #header ul a.current {
	color: #fff;
	background-color: #ff5800;
}

/* Subsections sidepanel */

.subs-navbar {
	font-size: 85%;
	background-color: #fff;
}

.subs-navbar h1 {
	margin-top: 0;
	margin-bottom: 5px;
	border-bottom: 1px #b0b1ba solid;
	text-align: right;
	font-size: 100%;
	color: #fff;
	background-color: #ff5800;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 15px;
}

.subs-navbar h1 a:link, .subs-navbar h1 a:visited {
	color: #fff;
	display: block;
	text-decoration: none;
}

.subs-navbar h1 a:hover {
	color: #091c5a;
}

.subs-navbar ul {
	padding: 0;
	margin: 0;
}

.subs-navbar ul li {
	list-style-type: none;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #fb5701;
}

.subs-navbar ul li a:link, .subs-navbar ul li a:visited {
	text-decoration: none;
	padding-left: 2px;
	border-left: 10px white solid;
	color: #091c5a;
}

.subs-navbar ul li a:hover, .subs-navbar ul li.current-section > a:link, .subs-navbar ul li.current-section > a:visited {
	border-left: 10px #ff5800 solid;
	color: #fb5701;
}

.subs-navbar ul li.current-section > a:link, .subs-navbar ul li.current-section > a:visited {
	font-weight: bold;
}

.subs-navbar ul li ul li a:link, .subs-navbar ul li ul li a:visited {
	padding-left: 10px;
}

.subs-navbar ul li ul li ul li a:link, .subs-navbar ul li ul li ul li a:visited {
	padding-left: 20px;
	font-size: 85%;
}

.subs-navbar ul li ul li ul li ul li a:link, .subs-navbar ul li ul li ul li ul li a:visited {
	padding-left: 30px;
	font-size: 85%;
}

.subs-navbar ul li ul li ul li ul li, .subs-navbar ul li ul li ul li {
	margin-top: 0;
	margin-bottom: 0;
}

.subs-navbar ul li.current-section a:link, .subs-navbar ul li.current-section a:visited {
	color: #ff5800;
}

/* Quicklinks sidepanel */

.quicklinks {
	border: 1px #b0b1ba solid;
	background-color: #fff;
	margin-bottom: 10px;
}

.quicklinks h1 {
	margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
	background-color: #091c5a;
	color: #fff;
	font-size: 80%;
	text-align: right;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 15px;
	clear: both;
}

.quicklinks h2 {
	margin-left: 0em;
	margin-bottom: 0em;
	margin-right: 0em;
	margin-top: 20px;
	background-color: #ff5800;
	text-align: center;
	padding: 0;
	border-top: 1px #b0b1ba solid;
}

.quicklinks h2 a:link, .quicklinks h2 a:visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}

.quicklinks h2 a:hover {
	background-color: #091c5a;
}

.quicklinks ul {
	padding: 0;
	margin: 0;
	font-size: 70%;
	font-weight: bold;
}

.quicklinks ul li {
	list-style-type: none;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #fb5701;
}

.quicklinks ul li a:link, .quicklinks ul li a:visited {
	text-decoration: none;
	padding-left: 2px;
	border-left: 10px white solid;
	color: #091c5a;
}

.quicklinks ul li a:hover {
	border-left: 10px #ff5800 solid;
	color: #fb5701;
}

.quicklinks p {
	margin-left: 15px;
	margin-right: 15px;
	font-size: 75%;
	line-height: 1.6em;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #091c5a;
}

#content #sidepanel .quicklinks p a:link, #content #sidepanel .quicklinks p a:visited {
	font-weight: bold;
	font-size: 90%;
	border: none;
	color: #091c5a;
}

#content #sidepanel .quicklinks p a:hover {
	background-color: inherit;
	text-decoration: underline;
}

.quicklinks p img {
	float: left;
	padding-right: 15px;
}

.quicklinks ul li a:link.youarehere, .quicklinks ul li a:visited.youarehere, .quicklinks ul li a:hover {
	border-left: 10px #091c5a solid;
	color: #091c5a;
}

/* Main tekst stijlen */

#maintext {
	background-color: #fff;
	color: #3e3e3e;
}

#maintext a:link, .quicklinks p a:link {
	color: #3e3e3e;
}

#maintext a:visited, .quicklinks p a:visited {
	color: #6c6c6c;
	border-bottom: 1px dotted #6c6c6c;
	text-decoration: none;
}

#maintext a:hover, .quicklinks p a:hover {
	background-color: #3e3e3e;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}

#maintext p, #maintext ul, #maintext ol, #maintext-front p, #maintext-front ul, #maintext-front ol {
	margin-left: 20px;
	margin-right: 20px;
	font-size: 75%;
	line-height: 1.6em;
	margin-bottom: 15px;
	margin-top: 0;
}

#maintext table ul {
	font-size: inherit;
}

#maintext ul li ul li {
	font-size: 135%;
	line-height: 1.6em;
	list-style-type: disc;
}

#maintext ul li ol li {
	font-size: 135%;
	line-height: 1.6em;
}

#maintext ul ul, #maintext ul ul ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

#maintext ul, #maintext ol {
	margin-left: 25px;
}

li.follow-on {
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #6882ab;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
}

h1 {
	border-bottom: 1px #b0b1ba solid;
	margin-top: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 15px;
	font-size: 85%;
	color: #ffffff;
	background-color: #6882ab;
}

h2 {
	font-size: 85%;
	margin-top: 20px;
	margin-bottom: 2px;
}

.h2right {
	padding-right: 20px;
	float: right;
}

h3 {
	font-size: 75%;
	margin-top: 15px;
	margin-bottom: 2px;
}

h4 {
	font-size: 70%;
	margin-top: 15px;
	margin-bottom: 2px;
}

h5 {
	margin-top: 15px;
	margin-bottom: 2px;
	font-size: 65%;
	text-decoration: underline;
}

h6 {
	margin-top: 15px;
	margin-bottom: 2px;
	font-size: 65%;
	font-style: italic;
}

#sidepanel blockquote {
	font-size: 70%;
	color: #001f59;
	margin-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px #b0b1ba solid;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 25px;
	background-color: #bebebe;
	line-height: 17px;
}

#sidepanel blockquote cite {
	font-size: 90%;
	color: #3e3e3e;
}

#sidepanel blockquote a:link, #sidepanel blockquote a:visited {
	color: #3e3e3e;
}

#sidepanel blockquote a:hover {
	color: #fff;
	background-color: #3e3e3e;
	text-decoration: none;
}

#maintext blockquote {
	border: 1px #b0b1ba solid;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	background-color: #f2f2f2;
}

#maintext blockquote p {
	margin-top: 3px;
	margin-bottom: 3px;
}

#maintext blockquote p cite {
	font-size: 90%;
}

.floatright {
	float: right;
}

a img {
	border: none;
}

#maintext blockquote.promo p {
	font-weight: bold;
	font-size: 65%;
	color: #091c5a;
}

#maintext p.figure {
	text-align: center;
	clear: both;
	margin-top: 15px;
}

#maintext .figure a:link, #maintext .figure a:visited {
	border: none;
}

#maintext .figure a:hover {
	background-color: inherit;
}

#maintext .figure a img {
	padding-left: 12px;
	padding-right: 12px;
}

#maintext .figure-label, caption {
	text-align: center;
	font-size: 65%;
	font-weight: bold;
}

.thumb-label {
	font-size: 65%;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 0em;
}

/* Tabellen */

table {
	font-size: 75%;
	line-height: 1.6em;
	width: 504px;
	caption-side: bottom;
	background-color: #f3f1f4;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	clear: both;
}

td {
	border: 1px #d8d8d8 solid;
	padding-left: 3px;
	padding-right: 3px;
}

th {
	border: 1px #bebebe solid;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	color: #f3f1f4;
	background-color: #bebebe;
}

/* Voettekst */

#footer {
	font-size: 75%;
	text-align: right;
	color: #091c5a;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer a:link, #footer a:visited {
	color: #091c5a;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	background-color: #fff;
}

#maintext #footer p {
	margin-top: 0px;
	margin-bottom: 0em;
}

/* Formulieren */

/*textarea {
	width: 478px;
	height: 15em;
}*/

fieldset {
	border: 1px #d8d8d8 solid;
	-moz-border-radius: 10px 10px 10px 10px;
	padding-left: 10px;
}

fieldset legend {
	color: #6882ab;
}

input[type="text"], input[type="password"], textarea, select {
	border: 1px solid #6882ab;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border-color: #091c5a;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
	border-color: #ff5800;
}

#maintext fieldset p {
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 0em;
	padding-right: 0em;
}

td form fieldset {
	padding: 0;
	margin: 0;
}

/* IJsvrij specifiek */
table.melding, table.melding tr, table.melding tr td {
	padding: 0px 3px 0px 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}

table.melding tr td:first-child {
	font-weight: bold;
}

form div label {
	display: table-cell;
	vertical-align: middle;
}

form div {
	display: table-row;
}

.error {
	font-weight: bold;
	color: #ff5800;
}

/* Betonning specifiek */

/* BaZ quicklinks */
.quicklinks ul.baz li ul li {
	padding-left: 20px;
	padding-right: 5px;
}

.quicklinks ul.baz li ul li a:link, .quicklinks ul.baz li ul li a:visited {
	padding-left: 0;
	border-left: 0;
}

.quicklinks ul.baz li ul li a:hover {
	border-left: 0;
	color: #ff5800;
}

table.wide { /* Tabel die eigenlijk te breed is */
	font-size: 50%;
}