﻿/* Reset 
------------------------------------------------------------*/
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* layout 
------------------------------------------------------------*/
body {
	background-color:#dbedfe;
	
}
#topBody, #bottomBody {
	min-width:960px;
}


#bottomBody {
	background:#dbedfe url("../images/bgFooter.png") repeat-x;	
}

.container {
	width:960px;
	margin:0 auto;
}
.container span#landen {
	float: right;
	padding-top: 10px; 
	padding-right: 12px;
}
.container span#landen a.fromhere {
	text-decoration:none;
	font-weight:bold;
}
.container span#landen a.notfromhere {
	font-weight:bold;
}
/* global 
------------------------------------------------------------*/
body {
	font:12px arial,sans-serif;
}
.cf:after, .formRow:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.cf,.formRow {
	*height:1%;
}
.formRow span.error {
	float:left;
	clear:both;
	color:#740000;
	font-size:10px;
	
}
.step1page label.error {
	display:none !important;
}

.errorcontainer {
	background:none repeat scroll 0 0 #FFE9E5;
	color:#740000;
	display:none;
	border:2px solid #E07F7F; 
	margin-top:2px;
	padding-bottom:2px;
	margin-left:10px;
	margin-bottom:10px;
}
.bigButton span {
	display:none;
}
.bigButton:hover {
	background-position:left -100px !important;
}
/* header 
------------------------------------------------------------*/
.homepage #header h1 a {
	display:block;
	width:422px;
	height:78px;
	margin-left:-12px;
	position:relative;
	background:url("../images/logoHome.png");
}

.homepage #header h1 a span {
	display:none;
}

.homepage #topBody {
	background:#fdfdfd url("../images/bgHome.png") repeat-x;	
}

.alt #topBody {
	background:#fdfdfd url("../images/bgTopAlt.png")  left -10px repeat-x;	
}

.alt #header {
	height:115px;
}

.alt #header h1 a {
	display:block;
	width:422px;
	height:73px;
	margin-left:-14px;
	position:relative;
	background:url("../images/logoAlt.png") left -10px;
}

.alt #header h1 a span {
	display:none;
}

/* homepage 
------------------------------------------------------------*/
.homepage #intro {
	color:#fff;
	padding-left:17px;
	padding-top:20px;
	float:left;
	width:550px;
	font-size:17px;
}

.homepage #intro h2 {
	font-size:17px;
	font-weight:normal;
}

.homepage #intro h1{
	font-size:32px;
	padding-bottom:20px;
}

.homepage #mid {
	height:265px;
	
}

.homepage #logos {
	background:url("../images/bgLogos.png");
	height:233px;
	width:366px;
	margin-left:21px;
	margin-top:17px;
	float:left;
}

.homepage #logos ul li {
	font-size:0;
	float:left;
	*margin-bottom:-6px;
}

.homepage #logos ul {
	padding-left:6px;
	padding-top:6px;
	
}

.homepage #vergelijker {
	background:url("../images/startDeVergelijker.png");
	position:relative;
	width:324px;
	height:103px;
	display:block;
	margin-left:-12px;
	margin-top:12px;
}

.homepage #vergelijker span {
	display:none;
}

.homepage #references {
	padding-top:25px;
	padding-bottom:25px;		
}

#block1{
	padding-left:30px;
}

#block2,#block3 {
	padding-left:46px;
}

.homepage #references .block {
	float:left;
	
	width:270px;
}

.homepage #references .block p {
	color:#368be0;
	font-size:13px;
	padding-bottom:18px;
	height:67px;
}

.homepage #references .block h3 {
	font-size:16px;
	padding-bottom:15px;
}
.homepage #references .block h3 a {
	color:black;
	text-decoration:none;
}
.homepage #references .block h3 a:hover {
	text-decoration:underline;
}
.homepage #references .block h4 {
	font-size:16px;
	color:#999;
}
.homepage #references .block a {
	color:#368be0;
}
.homepage #references .block a.leesmeer {
	display:block;
	float:right;
	clear:both;
	color:#666666;
	text-decoration:none;
}
.homepage #references .block a.leesmeer:hover {
	text-decoration:underline;
}
.homepage #references .block .logo {
	background:url("../images/imgBgReferences.png") no-repeat;
	height:61px;
	padding:3px;
	width:61px;
	margin-right:18px;
	float:left;
}
.homepage #references .block h4 small {
	font-size:15px;
	display:block;
	font-weight:normal;
}
#block3 ul span a {
	text-decoration:none;
}
#block3 ul span a:hover {
	text-decoration:underline;
}
.homepage #references #referencesTop {
	background:url("../images/topReferences.png");
	height:14px;	
}

.homepage #references #referencesMid {
	background:url("../images/midReferences.png");
}

.homepage #references #referencesBottom{
	background:url("../images/bottomReferences.png");
	height:14px;
}

/* alt 
------------------------------------------------------------*/
.alt ol {
	
	padding-left:2px;
}
.alt ol li{
	float:left;
	padding-right:102px;
}

.alt ol li.last {
	padding:0;
}

.alt #content {
	padding:0px 35px;
}

.alt ol li span.unactive,
.alt ol li a {
	background:url("../images/stapBg.png");
	height:58px;
	width:196px;
	display:block;
	line-height:58px;
	padding-left:30px;
	font-size:17px;
	color:#ccc;
	font-weight:bold;
	text-decoration:none;
	position:relative;
}
.alt ol li span.unactive:hover {
	cursor:not-allowed;
}
.alt ol li span.active ,
.alt ol li a.active,
.alt ol li a.active:hover {
	color:#ff6633;
	cursor:default;
}
.alt ol li a:hover {
	color:#000;
}

.alt ol li span.unactive span,
.alt ol li a span {
	position:absolute;
	top:0px;
	right:16px;
	font-size:44px;
}

/* resultaten */
.resultspage td {
	border-top:5px solid #f5f5f5;
	
}
#info_aanvraag {
	background:url("../images/info_aanvragen.png") repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:21px;
	width:144px;
}
#info_aangevraagd {
	background:url("../images/info_aangevraagd.png") repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:21px;
	width:144px;
}
.resultspage .c1 {
	width:60px;
	text-align:center;
}
.resultspage .c2 {
	width:246px;
	text-align:left;
}
.resultspage .c3 {
	width:140px;
	text-align:left;
	position:relative;
}
.resultspage .c4 {
	width:84px;
	text-align:left;
}
.resultspage .c3 a {
	color:#000;
	float:right;
	margin-left:26px;
	text-decoration:none;
	font-size:10px;
	*position:absolute;
	*top:0;
	*margin-right:0;
	*float:none;
	*right:26px;
}
.resultspage .c3 a:hover{
	text-decoration:underline;
}
.resultspage .c5 {
	width:136px;
	text-align:left;
	vertical-align:middle;
}
.alt table img {
	display:block;
	float:left;
}
.alt table.results {
	width:826px;
	margin:15px auto;
}

.alt table.results tr.even, table.ratings tr.even{
	background:#eaeaea;
}

.alt table.results tr.even td , table.ratings tr.even td{
	*background:#eaeaea;
}
.alt table.results tr.odd, table.ratings tr.odd {
	background:#f5f5f5;
}

.alt table.results td, table.ratings tr.even td {
	line-height:21px;
	height:21px;
}
.alt .detailsRow {
	display:none;
	
}
.alt .detailsRow .detailsContainer {
	padding:24px 0px 24px 57px;
}
.alt .detailsRow .detailsTable {
	width:718px;
	
}
.alt .detailsRow .detailsTable td {
	line-height:15px;
	background:#eaeaea;
	text-align:left;
	border-left:4px #f5f5f5 solid;
}

.alt .detailsRow .detailsTable .empty {
	background:none;
	height:15px;
}
.alt .detailsRow .detailsTable .total td {
	line-height:24px;
	font-weight:bold;
	
}

.alt .detailsRow .detailsTable .total td.c6 {
	padding-left:4px;
}

.alt .detailsRow .detailsTable .detailsHeader {
	background:#4697e8;
	color:#fff;
	font-weight:bold;
}

.alt .detailsRow .detailsTable .detailsHeader {
	padding-left:4px;
}

.alt .detailsRow .detailsTable .c1 {
	width:201px;
	padding-left:4px;
}

.alt .detailsRow .detailsTable .c2 {
	width:306px;
	padding-left:15px;
}
.alt .detailsRow .detailsTable .c5 {
	background:#cbcbcb;
}

.alt .detailsRow .detailsTable .c5,
.alt .detailsRow .detailsTable .c3 {
	text-align:center;
}
.alt .detailsRow .detailsTable .c4 {
	background:#f5f5f5;
}

.alt .detailsRow h3 {
	font-size:14px;
}
.alt .detailsRow p {
	line-height:14px;
}

.alt .meerInfo span{
	display:none;
}

.alt h3.form,
.alt .fieldsetBlock h3 {
	color:#4697e8;
	font-size:14px;
	text-transform:uppercase;
}

.alt .block ,
.alt .innerBlock,
.alt .fieldsetBlock{
	border:1px solid #d1d1d1;
	margin-bottom:20px;
}


.alt .lastblock {
	margin-bottom:0px;
}

.alt .block .blockTop,
.alt .innerBlock h3 {
	background:#f5f5f5;
	height:14px;
	padding:0 4px;
	font-size:14px;
	float:left;
	margin-top:-7px;
}

.alt .block p, .alt .formRow{
	padding: 11px;
	padding-left:18px;
}

.alt .block .blockMid {
	clear:both;
	padding-right:10px;
}

.alt .formRow {
	clear:both;
}

.alt .formRow label{
	float:left;
	width:200px;
}
 

.alt #mid {
	
}

.alt .midBottom {
	background:url("../images/midFooter.png") top left no-repeat;
	height:12px;
	padding-bottom:12px;
}

.alt .midContent {
	padding:10px 22px 10px 20px;
	background:url("../images/midBg.png");
}

.alt .midTop {
	background:url("../images/midHeader.png") bottom left no-repeat;
	height:12px;
	padding-top:12px;
}
.resultspage .even .detailsTable td {
	border-top:5px solid #eaeaea;
}


.alt .even .detailsTable td {
	border-left:4px #eaeaea solid;
	background:#f5f5f5;
}

.alt .even .detailsTable .c4 {
	background:#eaeaea;
}

/* stap 1*/
.alt .innerBlock  {
	margin-top:20px;
	clear:both;
}
.alt .innerBlock h3{
	color:#006699;
}

.step1page .formRow label {
float:left;
padding:1px 32px;
position:relative;
width:400px;
}

.step1page .checkbox {
	float:left;
	left:0;
	margin-right:14px;
	position:absolute;
	top:-1px;
}
.step1page .countries {
	color:#006699;
	text-decoration:underline;
	font-weight:bold;
	padding-left:40px;
	padding-bottom:9px;
	display:block;
	clear:both;
}
.step1page  .formRow {
	padding:0 11px 0 7px;
}
.step1page .checkBoxes{
	padding:11px 0;
	clear:both;
}

.alt .innerBlock {
	margin:20px 38px;
}

.step1page .column {
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	width:185px;
}

#stap2 {
	float:right;
	display:block;
	background:url("../images/stap2.png");
	height:99px;
	width:284px;
	margin-right:-10px;
}



/* stap 2*/

.alt h3.tooltip {
	background:#4697e8;
	color:#fff;
	padding:6px;
	font-size:12px;
}

.alt p.tooltip {
	border:1px solid #a6ccf3;
	border-bottom:1px solid #4697e8;
	padding:12px 10px;
	color:#4697e8;
	font-size:12px;
}

.step2page .formRow {
	padding:2px 22px;
	
}
.step2page .formRow .info {
	cursor:help;
	
}

.step2page .formRow label {
	width:314px;
}

.step2page .blockMid {
	padding-top:4px;
	padding-bottom:7px;
}

.alt .formRow input.text {
	background:url("../images/formTextInput.png");
	border:0;
	width:89px;
	height:15px;
	padding:2px;
	float:left;
	text-align:right;
}
.alt .formRow input.euro {
	background:url("../images/formTextInputEuro.png");
	border:0;
	width:89px;
	height:15px;
	padding:2px;
	float:left;
	text-align:right;
}

.alt .formRow img {
	margin-left:18px;
	margin-top:2px;
	float:left;
}

.alt .hidden, .hiddencolumn {
	display:none;
}

.alt .details {
	clear:both;
	float:left;
	color:#666666;
	font-size:11px;
	margin-left:314px;
}

.alt .details a {
	color:#666666;
}

.alt .details .hiddenDetails {
	
	display:none;
	margin-top:3px;
}

.qtip {
	padding:0;
}

.next {
	float:right;
}


#stap3 {
	float:right;
	display:block;
	background:url("../images/stap3.png");
	height:99px;
	width:284px;
	margin-right:-10px;
}


/* stap3 */
.step3page .rating{
	background:url("../images/star.png");
	line-height:44px;
	height:44px;
	font-weight:bold;
	color:#fff;
	width:44px;
	font-size:17px;
	float:left;
	position:absolute;
	right:100px;
	margin-top:-22px;
	margin-left:26px;
	text-align:center;
}

.step3page .formRow label {
	width:179px;
}

.step3page .formRow label.radio {
	width:75px;
}

.step3page ol.score {
	color:#1eabec;
	padding-left:157px;
	padding-bottom:22px;
}

.step3page ol.score li {
	float:left;
	width:57px;
	padding:0;
	font-weight:bold;
}


.step3page .sliderReplacement {
	position:absolute;
	left:160px;
}

.step3page .slider {
	padding-bottom:28px;
	height:100px;
}

.step3page .slider {
	padding-bottom:18px;
	*padding-bottom:30px;
	position:relative;
}

.step3page .slider h4 {
	font-weight:normal;
	line-height:32px;
	padding-left:24px;	
}
.step3page .ui-slider {
	width:515px;
	height:5px;
	background:url("../images/sliderBg.png");
}

.step3page .ui-state-default,
.step3page .ui-widget-content .ui-state-default {
	background:url("../images/slider.png");
	border:0;
}

.step3page .opinion {
	display:none;
}

.step3page .ui-slider .ui-slider-handle {
	height:45px;
	width:15px;
	top:-20px;
}

#opslaan {
	float:right;
	display:block;
	background:url("../images/opslaan.png");
	height:99px;
	width:284px;
	margin-right:-10px;
}

.bigButtonContainer {
	position:relative;
}

#direct {
	font-size:11px;
	display:block;
	position:absolute;
	bottom:2px;
	right:10px;
	color:#000;
}
.errorRow, .errorRow2 {
	background:none repeat scroll 0 0 #FFE9E5;
	border:2px solid #E07F7F;  
	margin-top:2px;
	padding:2px 10px !important;
	margin-left:10px;
}
.step3page .errorRow{
	background:none repeat scroll 0 0 #FFE9E5;
	border:2px solid #E07F7F;  
	margin-top:14px;
	padding:2px 10px !important;
	margin-left:6px;
}
input.fieldsetform {
	border:0 none;
	float:left;
	height:15px;
	padding:2px;
	margin-right:7px;
	width:89px;
}
input.large {
	width:265px;
	background:url("../images/formTextInputLarge.png") repeat scroll 0 0 transparent;
}
input.medium {
	width:199px;
	background:url("../images/formTextInputMedium.png") repeat scroll 0 0 transparent;
}
input.small {
	width:55px;
	background:url("../images/formTextInputSmall.png") repeat scroll 0 0 transparent;
}
.fieldsetBlock #geslacht {
	display:inline;
	float:right;
	margin:0;
	overflow:hidden;
	width:250px;
}
.fieldsetBlock #geslacht label {
	width:80px;
}
.fieldsetBlockTop h3 {
	background:none repeat scroll 0 0 #F5F5F5;
	float:left;
	font-size:14px;
	height:14px;
	margin-top:-7px;
	padding:0 4px;
}
.fieldsetBlock {
	margin-left:20px;
	margin-right:10px;
	clear:both;
}
#versturen {
	float:right;
	display:block;
	background:url("../images/versturen.png");
	height:99px;
	width:284px;
	margin-right:-10px;
}
.requestinfo .formRow {
	padding:10px 22px;
	
}
/* footer 
------------------------------------------------------------*/
.twocolumns {
	}
	
.about ul.breadCrumbs {
	margin-top:-15px;
	margin-bottom:15px;
}

.about ul.breadCrumbs li {
	float:left;
	font-size:11px;
}

.about ul.breadCrumbs a{
	color:#4493e2;
	background:url("../images/sep.png") right center no-repeat;
	padding-right:15px;
	margin-right:10px;
	font-weight:bold;
	display:block;
}

.about .twocolumns h1,.about .twocolumns h2  {
	font-weight:bold;
	background:none;
	color:#4697e8;
}
.about .twocolumns h1 {
	font-size:17px;
}

.about .twocolumns h2 {
	font-size:14px;
	padding-left:20px;
}
.about .twocolumns .innerBlock h2 {
	padding-left:0px;
}

.about .twocolumns .blockTop {
	background-color:transparent !important;
	float:none;
	margin:0;
}

.about .block, .about .innerBlock {
	border:none;
	margin-bottom:20px;
}

.about #content {
	padding:0;
}

.about .left{
	width:620px;
	float:left;
}

.about .right {
	width:305px;
	float:left;
}
.about .left .block {
	background:url("../images/aboutBlockMid.png") repeat-y;
}
.about .left  .block .blockTop {
	padding:20px;
	padding-bottom:15px;
	background:url("../images/aboutBlockTop.png") no-repeat;
}

.about .block .blockBottom {
	background:url("../images/aboutBlockBottom.png") no-repeat;
	height:13px;
}
.about .left .innerBlock {
	margin:0 25px;
	background:url("../images/aboutInnerBlockMid.png") repeat-y;
}
.about .left  .innerBlock .blockTop {
	background:url("../images/aboutInnerBlockTop.png") no-repeat;
}
.about .right {
	padding-left:5px;
}
.about .right .block {
	background:url("../images/aboutRightBlockMid.png") repeat-y;
}
.about .right  .block .blockTop {
	padding:20px;
	padding-bottom:15px;
	background:url("../images/aboutRightBlockTop.png") no-repeat;
}

.about .right .blockBottom {
	background:url("../images/aboutRightBlockBottom.png") no-repeat;
	height:10px;
	font-size:0;
}

.about .block p {	
	padding:20px;
	padding-top:0;
}
.about .block p.bron {	
	font-size:10px;
	color:#AAAAAA;
}


.about img.main {
	border:1px solid #CCCCCC;
	float:right;
	margin:4px;
	padding:1px;
}

.about .innerBlock .blockBottom {
	background:url("../images/aboutInnerBlockBottom.png") no-repeat;
	height:10px;
	margin-bottom:15px;
}

.about a {
	color:#4697e8;
	text-decoration:none;
}

.about a:hover {
	text-decoration:underline;
}
.about a.intern_link {
	color:black;
}
#vergelijkDezeBroker, #vergelijkDezeBrokers, #startDeVergelijker2 {
	display:block;
	height:99px;
	margin-left:-10px;
	margin-top:-10px;
	margin-bottom:-5px;
	width:330px;
}
#vergelijkDezeBroker {
	background:url("../images/vergelijkDezeBroker.png") no-repeat;
}
#vergelijkDezeBrokers {
	background:url("../images/vergelijkDezeBrokers.png") no-repeat;
}
#startDeVergelijker2 {
	background:url("../images/startDeVergelijker2.png") no-repeat;
}

/* footer 
------------------------------------------------------------*/
#footer {
	padding-top:20px;
	padding-left:17px;
}

.alt #footer {
	padding-left:38px;
}

.about #footer {
	padding-left:0;
}

#footer a {
	color:#6e859b;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	line-height:18px;
}

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


#footer .column {
	float:left;
	padding-right:48px;
	width:180px;
	height:170px;
}

.alt #footer .column {
	padding-right:32px;
}

.about #footer .column {
	padding-right:50px;
}

#footer h3 {
	color:#5c6c7a;
	font-size:14px;
	padding-bottom:10px;
	background:url("../images/bgHeaderFooter.png")  left 18px no-repeat;
}
#footer h3 a {
	color:#5c6c7a;
	font-size:14px;
	text-decoration:none;
}
#footer #column-4 {
	width:245px;
	padding-right:0;
}

#footer #column-4 ul {
	float:left;
	width:122px;
}

#bottomBody p {
	color:#859eb4;
	font-size:10px;
	background:url("../images/bgCopyrightFooter.png") top center no-repeat;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}
table.ratings  td, table.ratings  th {
	padding:2px;
	padding-right:10px;
	width:200px;
}
table.ratings  th {
	text-align:left;
}
table.ratings {
	margin:0 0 20px 20px;
	width:510px;
}

