@charset "utf-8";
/* CSS Document */

/*** DEFAULT ***/
html, body	{ margin: 0; padding: 0; width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; }
a		{ color: #e40000; }
a img	{ border: 0; }

#header	{ margin: 17px 0 60px; /*background: url(../images/pay-off.gif) no-repeat right bottom;*/ }
#header #logo	{ float: left; }
#header #teaser	{ float: right; font-family: Arial, Helvetica, sans-serif; margin: 0; text-align: right; }
#header #teaser a			{ font-size: 28px; color: #4f606a; text-decoration: none; }
#header #teaser a.language	{ display: block; font-size: 12px; color: #e40000; text-decoration: none; margin: 0 0 25px 0; }
table	{ border: none; border-collapse: collapse; border-spacing: 0; }
th, td	{ font-size: 12px; }

form	{ margin: 0; padding: 0; width: 100%; }
label	{ display: block; font-size: 12px; margin: 0; padding: 0; }
input, select	{ width: 100%; border: 2px solid #aab9c2; border-left: 1px solid #aab9c2; border-right: 1px solid #aab9c2; background: #f3f3f3; margin: 3px 0; color: #666666; padding: 1px 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
input.submit	{ width: 100%; max-width: 250px; text-align: left; padding: 2px 5px 3px 50px; font-weight: bold; color: #FFFFFF; background: url(../images/background-submit-grey.gif) no-repeat; border: 1px solid #000; margin: 10px 0 0 0; }
input.submit:hover	{ background:  url(../images/background-submit-red.gif) no-repeat; cursor: pointer; }
.radio	{ width: auto; background: none; border: none; }
.checkbox	{ width: auto; background: none; border: none; }


/*** MENU ***/
#menu	{ width: 938px; margin: 0 0 13px 0; border: 1px solid #465761; position: absolute; top: 111px; }

#menu ul	{ margin: 0; padding: 0; list-style: none; }
#menu li	{ float: left; border-right: 1px solid #465761; }
#menu li a	{ display: block; color: #3d4a53; text-decoration: none; font-size: 12px; font-weight: bold; padding: 7px 7px 6px; }
#menu li a:hover	{ color: #FFF; background: #4F606A; }
#menu li a.active	{ color: #e40000; }
#menu li a.active:hover	{ color: #e40000; background: #FFF; }
#menu li a.home img	{ display: none; }
#menu li a.home	{ width: 18px; height: 15px; display: block; background: #e40000; background: url(../images/button-home.gif) no-repeat #e40000 center; }
#menu li a.home:hover	{ background: url(../images/button-home-hover.gif) no-repeat #3d4a53 center; }

/* submenu */
.submenu .title	{ display: block; border-top: 1px solid #465761; border-bottom: 1px solid #465761; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 3px 0 2px; color: #e40000; }
.submenu ul		{ padding: 0; margin: 0 0 10px 0; list-style: none; }
.submenu li		{ font-size: 11px; padding: 2px 0 2px 5px; border-bottom: 1px solid #e0e5e7; }
.submenu li	a		{ background: url(../images/submenu-list.gif) no-repeat 0px 4px; text-decoration: none; color: #b2b2b2; padding: 0 0 0 13px; cursor: pointer; }
.submenu li	a:hover		{ background: url(../images/submenu-list-hover.gif) no-repeat 0px 4px; color: #000000; }
.submenu li	a.active	{ background: url(../images/submenu-list-active.gif) no-repeat 0px 4px; color: #e40000; }
.submenu li	a.active strong	{ color: #e40000; }

.submenu li	span	{ width: 20px; display: inline-block; color: #e40000; }
.submenu li	strong	{ display: inline-block; width: 140px; color: #000; }
.submenu li	em		{ color: #e40000; font-style: normal; }
.submenu li	font	{ font-size: 11px; width: 140px; display: inline-block; margin: 0 0 0 23px; }

.submenu p	{ font-size: 11px; line-height: 18px; padding: 5px; color: #e40000; border-top: 1px solid #465761; border-bottom: 1px solid #465761; }

/*** ZOEKEN ***/
div.search	{ height: 22px; padding: 3px 5px; float: right; }
div.search input	{ width: 110px; float: left; margin: 0; padding-left: 3px; }
div.search .submit	{ width: auto; padding: 1px 10px 1px 50px; margin: 0 0 0 5px; }

.searchresult	{ display: block; border-bottom: 1px solid #465761; padding: 8px 0; }
.searchresult h2 a	{ text-decoration: none; }
.searchresult a	{ text-decoration: none; font-size: 12px; }

.paging	{ font-size: 12px; background: #EFEFEF; margin: 10px 0 0 0; text-align: center; }
.paging span	{ width: 525px; float: left; margin: auto; margin: 12px 0 0; text-align: center; color: #CACACA; }
.paging a			{ color: #CACACA; margin: 3px 5px 0; float: left; }
.paging a:hover	{ color: #000; }
.paging a.active	{ color: #e40000; }
.paging a	{ text-decoration: none; }
.paging a.previous	{ width: auto; padding: 3px 5px 3px 50px; margin: 0; cursor: pointer; }
.paging a.next		{ width: auto; padding: 3px 5px 3px 50px; margin: 0; cursor: pointer; }


/*** CONTENT ***/
#visual			{ border: 1px solid #465761; line-height: 0; margin: 0 0 10px; }
#visual	img		{ margin: 0; padding: 0; max-width: 698px; }
#visual span	{ display: none; }

#steps				{ height: 112px; }
#steps ul			{ position: absolute; margin: 0 0 0 10px; list-style: none; padding: 0; }
li.step_block		{ width: 180px; float: left; padding: 0; margin: 0; font-size: 1px; }

.content-block .title		{ display: block; border-top: 1px solid #465761; border-bottom: 1px solid #465761; font-size: 11px; font-weight: bold; margin: 0 0 10px 0; padding: 3px 0 2px; color: #e40000; text-transform: uppercase; }
.content-block h1.title		{ font-size: 11px; font-weight: bold; color: #e40000; margin: 0 0 10px 0; }
.content-block h2.title		{ font-size: 11px; font-weight: bold; color: #e40000; margin: 0 0 10px 0; }
.content-block h1		{ font-size: 15px; color: #e40000; margin: 0 0 10px; }
.content-block h1 span	{ float: left; }
.content-block h1 a			{ float: right; color: #FFFFFF; font-size: 11px; margin: 1px 0 0; font-weight: normal; text-decoration: none; padding: 2px 5px 2px 15px; background: url(../images/arrow-right-red-small.gif) no-repeat 5px 6px #e40000; }
.content-block h1 a:hover	{ color: #e40000; background: url(../images/arrow-right-red-white-small.gif) no-repeat 5px 6px; }
.content-block h2	{ font-size: 12px; color: #000; margin: 10px 0 0; }
.content-block p	{ font-size: 12px; line-height: 20px; margin: 0 0 10px; }
.content-block li	{ font-size: 12px; line-height: 20px; }
.content-block span.test	{ color: #e40000; font-weight: bold; }
.content-block span.data	{ color: #748d9b; }

#flash	{ border: 1px solid #465761; }
p.locatie	{ background: #efefef; padding: 5px; }
p.locatie .extra	{  color: #e40000; }
font.blue	{ color: #0066FF; }

/* blocks */
.test-block	{ width: 142px !important; margin: 0 0 20px; padding: 33px 8px 8px; border: 1px solid #465761; position: relative; }
.highlight	{ background: #e40000; }
.test-block	h3	{ height: 48px; color: #e40000; font-size: 24px; font-weight: normal; line-height: 24px; margin: 0 0 10px 0; }
.test-block	h3 a	{ color: #e40000; text-decoration: none; }
.test-block	h3 a:hover	{ color: #465761; }
.highlight	h3 a		{ color: #FFF; }
.highlight	h3 a:hover	{ color: #000; }

.test-block	h3 span			{ float: left; }
.test-block	h3 span.price	{ width: 142px; text-align: right; color: #465761; position: absolute; margin: 23px 0 0 0; }
.highlight	h3 span.price	{ color: #FFF; }
.test-block	p				{ font-size: 12px; height: 75px; margin: 0 0 10px 0; }
.test-block	p a				{ text-decoration: none; color: #000000; }
.highlight	p a				{ color: #FFF; }

.test-block	a.more			{ float: left; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; padding: 0 0 0 8px; background: url(../images/arrow-right-black-small.gif) no-repeat 0 4px; }
.highlight	a.more			{ background: url(../images/arrow-right-red-small.gif) no-repeat 0 4px; }
.test-block	a.more:hover	{ color: #e40000; }
.test-block	a.order			{ float: right; color: #e40000; text-decoration: none; font-size: 11px; font-weight: bold; padding: 0 0 0 8px; background: url(../images/arrow-right-red-white-small.gif) no-repeat 0 4px; }
.highlight	a.order			{ background: url(../images/arrow-right-red-small.gif) no-repeat 0 4px; }
.test-block	a.order:hover	{ color: #000; }
.highlight a.more:hover		{ color: #FFF; }
.highlight a.order			{ color: #FFF; }
.highlight a.order:hover	{ color: #000; }

/* vergelijk */
table.test { width: 100%; }
table.test tr.top	{ border-top: 1px solid #465761; border-top: 1px solid #465761; border-bottom: 1px solid #465761; }
table.test tr.grey	{ background: #f2f2f2; }
table.test tr.last td	{ border-bottom: none; }
table.test th		{ width: 43px; height: 20px; text-align: left; border-right: 1px solid #FFF; background: url(../images/arrow-right-red-small.gif) no-repeat 6px 6px #e40000; color: #FFF; padding: 2px 0 2px 19px; }
table.test th.first	{ width: auto; background: #FFF; color: #e40000; padding: 2px 0; text-transform: uppercase; font-size: 11px; }
table.test td		{ height: 20px; border: 1px solid #e0e5e7; border-top: none; border-left: none; padding: 1px; text-align: center; line-height: 12px; }
table.test td.first		{ text-align: left; }
table.test tr.bottom	{ border-top: 1px solid #465761; border-top: 1px solid #465761; border-bottom: 1px solid #465761; }
table.test tr.bottom td	{ border: none; color: #FFF; border-right: 1px solid #FFF; text-align: left; }
table.test tr.bottom td span	{ display: block; padding: 7px 5px; background: #e40000; margin: -1px 0 1px 0; }
table.test tr.bottom td a		{ display: block; color: #FFF; font-weight: bold; text-decoration: none; text-align: center; padding: 7px 5px; background: url(../images/background-aanvraag-grey.gif) repeat-x; border: 1px solid #465761; margin: 0 0 -2px 0; }
table.test tr.bottom td a:hover	{ background: url(../images/background-aanvraag-red.gif) repeat-x; }
table.test tr.bottom td.first	{ font-weight: bold; background: #FFF; color: #e40000; padding: 5px 0; }
table.test td.plus		{ background: #c7c7c7; color: #FFF; }
table.test a		{ color: #000000; text-decoration: none; }
table.test a:hover	{ color: #e40000; }

/* stappenplan */
.stappenplan ul	{ margin: 0; list-style: none; padding: 0; }
.stappenplan li	{ margin: 0 0 8px; font-size: 11px; font-weight: bold; }
.stappenplan li a	{ display: block; color: #FFF; text-decoration: none; background: #bfc9ce; padding: 3px 0 3px 20px; }
/*.stappenplan li a:hover		{ color: #FFF; background: #4F606A; }*/
.stappenplan li a.active	{ color: #FFF; background: #e40000; }
.stappenplan li a.done		{ color: #FFF; background: #4F606A; }

#actiecode		{ font-size: 12px; color: #FFF; padding: 5px 0 !important; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#actiecode p	{ width: auto; background: #e40000; padding: 10px; line-height: 20px; margin: 0; }

/* aanvraag */
form#aanvraag div	{ padding: 0 0 5px 0; font-size: 12px; }
form#aanvraag span	{ float: left; margin: 0 10px 0 0; }
form#aanvraag select	{ width: auto; }
form#aanvraag input.checkbox	{ float: left; }
form#aanvraag label.checkbox	{ display: inline-block; padding: 0 2px; }
form#aanvraag label span	{ margin: 0; font-weight: bold; color: #e40000; float: none; }

#wizardwrapper	{ }
#wizardpanel 	{ display: none; }

label.error	{ color: #e40000; }
.date label.error	{ float: left; }

input.next		{ float: right; }
input.previous	{ float: left; }
a.next 		{ width: 100%; max-width: 250px; float: right; text-align: left; padding: 3px 5px 4px 50px; font-weight: bold; color: #FFFFFF; background: url(../images/background-submit-grey.gif) no-repeat; text-transform: capitalize; margin: 10px 0 0 0; border: 1px solid #000; cursor: pointer; }
a.previous 	{ width: 100%; max-width: 250px; float: left; text-align: left; padding: 3px 5px 4px 50px; font-weight: bold; color: #FFFFFF; background: url(../images/background-submit-grey-left.gif) no-repeat; text-transform: capitalize; margin: 10px 0 0 0; border: 1px solid #000; cursor: pointer; }
a.next:hover 		{ background: url(../images/background-submit-red.gif) no-repeat; }
a.previous:hover 	{ background: url(../images/background-submit-red-left.gif) no-repeat; }

/* testimonial */
.testimonial	{ border-bottom: 1px solid #465761; margin: 0 0 10px; }
.testimonial h2	{ font-size: 15px; color: #e40000; margin: 0 0 1px; }
.testimonial h3	{ font-size: 12px; color: #465761; margin: 0 0 5px 0; }


/*** TAG-CLOUD ***/
#tag-cloud	{ padding: 5px 0; margin: 80px 0 10px; border-top: 1px solid #465761; }
#tag-cloud p	{ font-weight: bold; color: #3d4a53; font-size: 12px; }
#tag-cloud a	{ color: #3d4a53; text-decoration: none; }
#tag-cloud a:hover	{ color: #e40000; }
#tag-cloud .fourteen	{ font-size: 14px; line-height: 30px; }
#tag-cloud .eighteen	{ font-size: 18px; line-height: 30px; }
#tag-cloud .twenty		{ font-size: 20px; line-height: 30px; }
#tag-cloud .twenty-four	{ font-size: 24px; line-height: 30px; }
#tag-cloud .thirty		{ font-size: 30px; line-height: 30px; }
#tag-cloud .thirty-six	{ font-size: 36px; line-height: 30px; }


/*** RIGHT & UITSLAG ***/
#block-action-red 	{ height: 196px !important; margin: 0 0 122px 0; background: #e40000; padding: 10px; }
#block-action-red div	{ display: block; margin: 0; color: #FFFFFF; font-family: "Myriad Pro", Arial, Verdana;font-weight: normal; }
#block-action-red div.small	{ font-size: 28px; line-height: 33px; }
#block-action-red div.medium	{ font-size: 38px; line-height: 30px; }
#block-action-red div.large		{ font-size: 55px; line-height: 47px; }
#block-action-red div.big		{ font-size: 103px; line-height: 76px; }

a#block-action-testimonial 		{ display: block; background: url(../images/visual-teaser-01.jpg) no-repeat bottom #dde6eb; margin: 0 0 10px 0; text-decoration: none; }
a#block-action-testimonial p	{ display: block; margin: 0; padding: 5px 10px 175px; color: #4f606a; font-family: "Myriad Pro"; font-size: 21px; font-weight: normal; }
a#block-action-testimonial img	{ display: block; margin: -20px 0 0 0; }

#block-action-form				{ border: 1px solid #465761; padding: 10px 11px 20px 10px; margin: 0 0 20px 0; }
#block-action-form p			{ font-size: 34px; color: #4f606a; font-weight: normal; margin: 10px 0; }
.check-uitslag span				{ font-size: 12px; }
.check-uitslag input.code, #login input.code	{ width: 61px !important; text-align: center; }
.check-uitslag select, #login select		{ width: auto;  }

table#uitslag th, td	{ padding: 0 20px 5px 0; }
table#uitslag td.bold	{ font-weight: bold; }
table#uitslag th	{ text-align: left; color: #e40000; }
table#uitslag a.submit	{ float: left; text-align: left; padding: 3px 10px 3px 50px; font-weight: bold; color: #FFFFFF; background: url(../images/background-submit-grey.gif); border: none; text-transform: capitalize; margin: 10px 0 0 0; text-decoration: none; border: 1px solid #000; }
table#uitslag a.submit:hover	{ background: url(../images/background-submit-red.gif); }


/*** FOOTERS ***/
#footer-locations p	{ border-top: 1px solid #465761; border-bottom: 1px solid #465761; padding: 15px 10px; margin: 0 0 15px; font-size: 12px; }
#footer-locations strong	{ display: block; font-size: 12px; color: #465761; margin: 0 10px 15px; }
#footer-locations strong a	{ color: #465761; text-decoration: none; }
#footer-locations strong a:hover	{ color: #e40000; }


.blootestoptions ul{
	list-style: none;
	padding: 0; margin: 0;
	border-bottom: 1px solid #000;
}

.blootestoptions a{
	background: url(../images/background-submit-grey.gif);
	display: block; 
	color: #FFFFFF;
	border: 1px solid #000;
	border-bottom: none;
	text-decoration: none;
	padding: 0 10px 1px 50px;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
}
.blootestoptions a:hover{
	background: url(../images/background-submit-red.gif);
}

.barchart{
	float:left;
}

.result-toggle{
	float:left; 
	margin:30px 0 0 15px; 
	cursor: pointer; 
	border: 1px solid black;
	background: url(../images/background-info-grey.gif);
	font-size: 12px;
	color: #FFF;
	padding: 2px 10px 7px 50px;
	font-weight: bold;
}
.result-toggle:hover{
	background: url(../images/background-info-red.gif);
}

.result-toggle-content{
	margin:5px 0 0 7px;
}

.result-explanation{
	width: 615px;
}