html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;background: transparent;}
body {line-height: 1.5;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0; font-size: 1.2em;}
body {background: #292826;font-size: 62.5%;color: #5a5857;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 {color: #b3afac;font-size: 3em;line-height: 30px;margin-bottom: 0.2em;}
h2 {color: #1283ff;font-size: 1.8em;line-height: 18px;margin-bottom: 0.2em;}
h3 {color: #faa320;font-size: 1.2em;line-height: 18px;margin-bottom: 0.2em;}
h4 {color: #5a5857;font-size: 1.2em;line-height: 12px;margin-bottom: 0.2em;}
h5 {font-size: 1em;font-weight: bold;margin-bottom: 1.5em;}
h6 {font-size: 1em;font-weight: bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
p {margin: 1.5em 0 0;font-size: 1.2em;}
p img.left {float: left;margin: 1.5em 1.5em 1.5em 0;padding: 0;}
p img.right {float: right;margin: 1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color: #5a5857;text-decoration: underline;}
a {color: #1283ff;text-decoration: none;}
#links a {color: #5a5857; }
blockquote {margin: 1.5em;color: #666;font-style: italic;}
strong {font-weight: bold;}
em, dfn {font-style: italic;}
dfn {font-weight: bold;}
sup, sub {line-height: 0;}
abbr, acronym {border-bottom: 1px dotted #666;}
address {margin: 0 0 1.5em;font-style: italic;}
del {color: #666;}
pre {margin: 1.5em 0;white-space: pre;}
pre, code, tt {font: 1em 'andale mono', 'lucida console', monospace;line-height: 1.5;}
ul li, ol li {margin: 0;}
ul, ol {margin: 0 1.5em 1.5em 1.5em;}
ul {list-style-type: none;}
ol {list-style-type: decimal;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}
table {margin-bottom: 1.4em;width: 100%;}
th {font-weight: bold;}
thead, th {background: #c3d9ff; text-align: left;}
th, caption {padding: 4px 10px 4px 5px;}
td {padding: 0px 10px 0px 5px;}
/* tr.even td {background: #e5ecf9;} */
tr.even td {background: #ecf0f8;}
td.formerror {color: #ff0000; font-weight: bold;}
tfoot {font-style: italic;}
caption {background: #eee;}
.small {font-size: .8em;margin-bottom: 1.875em;line-height: 1.875em;}
.large {font-size: 1.2em; margin-bottom: 1.25em;}
.hidden {display: none;}
.quiet {color: #666;}
.loud {color: #000;}
.highlight {background: #ff0;}
.added {background: #060;color: #fff;}
.removed {background: #900;color: #fff;}
.price {color: #5a5857; font-weight: bold;font-size: 1.2em;}
label {font-weight: bold;}
fieldset {padding: 1.2em;margin: 0 0 1em 0;border: 1px solid #ccc;}
legend {font-weight: bold;font-size: 1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color: #fff;border: 1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color: #666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin: 0.5em 0;}
input.text, input.title {width: 300px;padding: 5px;}
input.title {font-size: 1.5em;}
textarea {width: 350px;height: 200px;padding: 5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position: relative;top: .25em; margin: 7px 5px 10px 0px;}
form.inline {line-height: 3;}
form.inline p {margin-bottom: 0;}
.error, .notice, .success {padding: .8em;margin-bottom: 1em;border: 2px solid #ddd;}
.error {background: #FBE3E4;color: #8a1f11;border-color: #FBC2C4;}
.notice {background: #FFF6BF;color: #514721;border-color: #FFD324;}
.success {background: #E6EFC2;color: #264409;border-color: #C6D880;}
.error a {color: #8a1f11;}
.notice a {color: #514721;}
.success a {color: #264409;}
#top {background: url(../images/top_bg.gif) repeat-x top left;width: 100%;height: 160px;display: block;overflow: hidden;}
.container {margin: 0 auto;width: 950px;height: auto !important;}
.container_mid {/* background: url(../images/mid_bg.gif) repeat-y top left; */margin: 0 auto;padding: 20px 0 30px;width: 950px;height: auto !important;}
#header_titel {background: url(../images/titel.gif) no-repeat top left;width: 320px;height: 135px;overflow: hidden;float: left;}
#header_top {background: url(../images/top.gif) no-repeat top left;width: 630px;height: 75px;display: block;overflow: hidden;float: right;}
#header_spacer {background: url(../images/spacer.gif) no-repeat top left;width: 30px;height: 60px;display: block;overflow: hidden;float: left;}
#header_menu_wrapper {width: 600px;height: 60px;display: block;overflow: hidden;float: left;}
#header_menu ul,li {margin: 0;width: auto;float: left;display: inline-block;}
#header_menu a {width: 100px;height: 30px;color: #fff;font-size: 1em;line-height: 30px;text-align: center;list-style-type: none;display: block;}
#header_menu a:hover {background-position: 0 -30px;text-decoration: none;color: #231f1e;}
#header_menu a:active {background-position: 0 -30px;color: #231f1e;}
.menu1 a {background: url(../images/menu1.gif) no-repeat top left;}
.menu2 a {background: url(../images/menu2.gif) no-repeat top left;}
.menu3 a {background: url(../images/menu3.gif) no-repeat top left;}
.menu4 a {background: url(../images/menu4.gif) no-repeat top left;}
.menu5 a {background: url(../images/menu5.gif) no-repeat top left;}
.menu6 a {background: url(../images/menu6.gif) no-repeat top left;}
#header_menu li ul {position: absolute;display: none;}
#header_menu li:hover > ul {display: block;}
#header_menu li > ul a {background: url(../images/menu_sub.gif) no-repeat top left;width: 100px;height: 30px;color: #1283ff;}
#header_menu li > ul a:hover {background-position: 0 -30px;color: #fff;text-decoration: none;}
#header_menusub {width: 540px;height: 30px;display: block;overflow: hidden;float: left;}
#breadcrumb_spacer {width: 950px;height: 5px;display: block;overflow: hidden;clear: both;}
#breadcrumb {padding: 0 20px;height: 20px;font-size: 1em;line-height: 20px;display: block;overflow: hidden;}
#breadcrumb a {color: #e9e9e9;}
#breadcrumb_location {width: auto;float: left;}
#breadcrumb_date {width: auto;float: right;}
#mid {clear: both;}
#intro {background: url(../images/intro_bg.gif) no-repeat top left;width: 950px;height: 270px;display: block;overflow: hidden;}
#intro_image {width: 460px;height: 270px;float: left;}
#intro_image img{margin: 35px 5px 35px 35px;}
#intro_text_wrapper {width: 360px;height: 270px;float: left;}
#intro_text {margin: 30px 20px;width: 320px;height: 210px;text-align: justify;display: block;overflow: hidden;}
#intro_button {height: 270px;width: 130px;float: right;}
#intro_button a {margin: 210px 30px 30px 0;background: url(../images/starthier_button.gif) no-repeat top left;width: 100px;height: 30px;color: #fff;font-size: 1.2em;line-height: 30px;font-weight: bold;text-align: center;text-decoration: none;display: block;}
#intro_button a:hover {background-position: 0 -30px;}
#keuzevakken {margin: 30px 0 0;background: url(../images/keuzevakken_bg.gif) no-repeat top left;width: 950px;height: 320px;display: block;overflow: hidden;clear: both;}
.keuzevak_spacer {width: 10px;height: 320px;display: block;overflow: hidden;float: left;}
.keuzevak {width: 230px;height: 320px;float: left;}
.keuzevak_images {margin: 0 15px 0 40px;width: 175px;height: 130px;}
.keuzevak_image {margin: 20px 0 0 0;width: 110px;height: 110px;float: left;}
.keuzevak_nummer {margin: 15px 0 0 14px;width: 50px;float: left;}
.keuzevak_text {margin: 20px 40px 50px;width: 155px;height: 120px;text-align: justify;display: block;overflow: hidden;clear: both;}
.keuzevak_text p {margin: 1.2em 0 0;font-size: 1.2em;}
.keuzevak_laatste {width: 230px;height: 320px;float: left;}
.keuzevak_laatste .keuzevak_text {margin: 20px 40px 0;}
.leesmeer_blauw a {margin: 10px 15px 0 140px;background: url(../images/leesmeer_button.gif) no-repeat top left;width: 75px;height: 25px;color: #fff;font-size: 1em;line-height: 24px;font-weight: bold;text-align: center;text-decoration: none;display: block;overflow: hidden;}
.leesmeer_blauw a:hover {background-position: 0 -25px;color: #fff;}
#bottom {background: url(../images/bottom_bg.gif) repeat-x top left;width: 100%;height: 140px;display: block;overflow: hidden;clear: both;}
#disclaimer {width: 480px;height: 140px;float: left;}
#disclaimer_text {margin: 35px 20px 20px;width: 320px;height: 85px;text-align: justify;display: block;overflow: hidden;}
#links {background: url(../images/links_bg.gif) no-repeat top left;width: 470px;height: 140px;float: left;}
#links_text {margin: 35px 20px 20px;width: 320px;height: 80px;text-align: justify;display: block;overflow: hidden;}
.rounded {background: url(../images/rounded_bg.gif) repeat-y top left;height: auto !important;}
.rounded_top {height: 30px;width: 950px;}
.rounded_top_left {background: url(../images/rounded_top_left.gif) no-repeat top left;width: 30px;height: 30px;display: block;float: left;}
.rounded_top_mid {background: url(../images/rounded_top_bg.gif) repeat-x top left;width: 890px;height: 30px;display: block;float: left;}
.rounded_top_right {background: url(../images/rounded_top_right.gif) no-repeat top left;width: 30px;height: 30px;display: block;float: right;}
.rounded_mid {padding: 0 30px;background: url(../images/rounded_mid_bg.gif) no-repeat bottom left;}
.rounded_mid_content{width: 890px;text-align: justify;}
.rounded_bottom {height: 30px;width: 950px;}
.rounded_bottom_left {background: url(../images/rounded_bottom_left.gif) no-repeat top left;width: 30px;height: 30px;display: block;float: left;}
.rounded_bottom_mid {background: url(../images/rounded_bottom_bg.gif) repeat-x top left;width: 890px;height: 30px;display: block;	float: left;}
.rounded_bottom_right {background: url(../images/rounded_bottom_right.gif) no-repeat top left;width: 30px;height: 30px;display: block;float: right;}

input.button_yellow {font-size: 1.2em;line-height: 30px;font-weight: bold;color: #fff;width: 100px;height: 30px;background: transparent url(../images/starthier_button.gif) no-repeat;outline: none;border: none;cursor : pointer;}
input.button_yellow:hover {background: transparent url(../images/starthier_button.gif) no-repeat 0 -30px;}
.amount{text-align: center;}

input.button_blue {
line-height: 24px;
font-weight: bold;
color: #fff;
width: 75px;
height: 25px;
background: transparent url(../images/leesmeer_button.gif) no-repeat;
outline: none;
border: none;
cursor : pointer;
}
input.button_blue:hover {background: transparent url(../images/leesmeer_button.gif) no-repeat 0 -25px;}

#stappen {
	height: 100px;
	font-size: 1.2em;
}
#step-1 {
	float: left;
	width: 180px;
	text-align: left;
}
#step-2 { 
	text-align: center;
	float: left;
	width: 56%;
}
#step-3 {
	float: right;
	width: 180px;
	text-align: left;
}