body	{
	background			: #e4f0f1 url(../img/bg.jpg) repeat-x left 1px;
	font				: 0.8em Tahoma;
	text-align			: center; 
	color				: #03717f;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}

a	{
	text-decoration		: none;
	color				: #03717f;
}

a:hover	{
	text-decoration		: underline;
}


/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
ul li:after	{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
.clearfix,
	{	*display		: inline-block;	}
/* start verbergen voor IE-mac \*/
* html .clearfix 	{ height	: 1%;}
.clearfix 			{ display	: block;}
/* einde van verbergen IE-mac */


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 4px auto;
	width				: 980px;
	text-align			: left;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 103px;
}

#header a.logo	{
	position			: absolute;
	top					: 13px;
	left				: 39px;
}

/* Frontpage */
#header h1 a.logo	{	
	background			: url(../img/logo.gif);
	display				: block;
	width				: 243px;
	height				: 75px;
	text-indent			: -900em;
	overflow			: hidden;
}



/* --------------------------------	*/
/* topmenu						 	*/
/* --------------------------------	*/
#topmenu	{
	font-size			: 0.85em;
	margin				: 10px 11px 0 0;
	float				: right;
}

#topmenu li	{
	float				: left;	
}

#topmenu li a 	{
	background			: url(../img/small_arrow.gif) no-repeat 3px 3px;
	padding				: 0 0 0 15px;
}

#topmenu li.actief a	{
	font-weight			: bold;
}

/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: relative;
	left				: 310px;
	top					: 35px;
	width				: 645px;
	height				: 38px;
	background			: #fff url(../img/bg_menu.gif) no-repeat left top;
	padding				: 4px 0 0 15px;
}

#menu li	{
	float				: left;
}

#menu li a	{
	display				: block;
	height				: 35px;
	line-height			: 999em;
	overflow			: hidden;
	background-position	: left top;
	background-repeat	: no-repeat;
}


#menu li a:hover, #menu li.actief a	{
	background-position	: left bottom;
}

#menu li a.direct_offerte		{ width: 102px; background-image: url(../img/menu_direct_offerte.gif); }
#menu li a.leningen				{ width: 83px; 	background-image: url(../img/menu_leningen.gif); }
#menu li a.advies				{ width: 61px; 	background-image: url(../img/menu_advies.gif); }
#menu li a.sparen_vs_lenen		{ width: 121px; background-image: url(../img/menu_sparen_vs_lenen.gif); }
#menu li a.hoeveel_kan_ik_lenen	{ width: 144px; background-image: url(../img/menu_hoeveel_kan_ik_lenen.gif); }



/* --------------------------------	*/
/* breadcrumbs					 	*/
/* --------------------------------	*/
#breadcrumbs	{
	font-size			: 11px;
	position			: relative;
	top					: 40px;
	left				: 332px;
	width 				: 620px;
}

#breadcrumbs h1 {
	display				: inline;
	font-weight			: normal;
}

#breadcrumbs a 	{
	text-decoration		: underline;
	background			: url(../img/small_arrow.gif) no-repeat 3px 3px;
	padding				: 0 0 0 15px;
}

#breadcrumbs a.first {
	padding				: 0 0 0 5px;
	background			: none;
}

/* --------------------------------	*/
/* linker zijbalk				 	*/
/* --------------------------------	*/
#linker_zijbalk	{
	width				: 174px;
	float				: left;
}



/* --------------------------------	*/
/* linker zijbalk - submenu		 	*/
/* --------------------------------	*/
#linker_zijbalk #submenu h3	{
	font				: normal 1.6em/1.7em Tahoma;
	text-transform		: uppercase;
	text-indent			: 12px;
	border-right		: 1px solid #c2e23d;
	border-bottom		: 1px solid #c2e23d;
}

#linker_zijbalk #submenu ul	{
	margin				: 5px 0 12px 12px;
}

#linker_zijbalk #submenu ul li {
	font-size			: 11px;
	padding				: 5px 0 5px 0;
}

#linker_zijbalk #submenu ul li a	{
	padding				: 5px 5px 5px 12px;
	background			: url(../img/med_arrow.gif) no-repeat left 7px;
}

#linker_zijbalk #submenu ul li.actief a	{
	font-weight			: bold;
}



/* --------------------------------	*/
/* linker zijbalk - doelen		 	*/
/* --------------------------------	*/
#linker_zijbalk #doelen h3	{
	width				: 174px;
	height				: 52px;
	text-indent			: -999em;
	overflow			: hidden;
	background			: url(../img/kies_je_lening.gif) no-repeat left top;
	border-right		: 1px solid #c2e23d;
}

#linker_zijbalk #doelen h3.first	{
	background			: url(../img/kies_je_lening_first.gif) no-repeat left top;
}

#linker_zijbalk #doelen ul li a {
	display				: block;
	width				: 174px;
	text-indent			: -999em;
	overflow			: hidden;
	background-position	: right top;
	background-repeat	: no-repeat;
	border-right		: 1px solid #c2e23d;
}

#linker_zijbalk #doelen ul li a:hover, #linker_zijbalk #doelen ul li a.actief {
	background-position	: left top;
	border-right		: 1px solid #fff;
}

#linker_zijbalk #doelen ul li.auto a 		{	height: 36px; background-image: url(../img/doel_auto.gif); }
#linker_zijbalk #doelen ul li.motor a 		{	height: 36px; background-image: url(../img/doel_motor.gif); }
#linker_zijbalk #doelen ul li.caravan a 	{	height: 37px; background-image: url(../img/doel_caravan.gif); }
#linker_zijbalk #doelen ul li.boot a 		{	height: 36px; background-image: url(../img/doel_boot.gif); }
#linker_zijbalk #doelen ul li.scooter a 	{	height: 36px; background-image: url(../img/doel_scooter.gif); }
#linker_zijbalk #doelen ul li.camper a 		{	height: 36px; background-image: url(../img/doel_camper.gif); }
#linker_zijbalk #doelen ul li.geld_lenen a 	{	height: 36px; background-image: url(../img/doel_geld_lenen.gif); }

/* --------------------------------	*/
/* rechter zijbalk				 	*/
/* --------------------------------	*/
#rechter_zijbalk	{
	width				: 230px;
	float				: right;
	margin				: 16px 0 0 0;
	padding				: 0 10px;
	font				: normal 11px/16px Tahoma;
}

#rechter_zijbalk .infoblok	{
	margin				: 0 0 10px 0;
}

#rechter_zijbalk .blauw { color: #03717f; }
#rechter_zijbalk .groen { color: #647d00; }

#rechter_zijbalk h2, #rechter_zijbalk h3 {
	font				: normal 1.6em/1.8em Tahoma;
}

#rechter_zijbalk ul, ol	{
	margin				: 5px 0 5px 15px;
}

#rechter_zijbalk ul	{
	list-style-type		: disc;
	list-style-position	: inside;
}


/* --------------------------------	*/
/* maincontent					 	*/
/* --------------------------------	*/
#maincontent	{
	float				: left;
	margin				: 0 0 0 33px;
	width				: 480px;
}

#maincontent h1	{
	margin				: 15px 0 5px 0;
	font				: normal 1.6em/1.7em Tahoma;
	text-transform		: uppercase;
}

#maincontent a	{
	text-decoration		: underline;
	color				: #647D00;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	padding				: 7px 10px 0 6px;
	background			: url(../img/bg_content.gif) no-repeat left top;
}

/* iwes opmaak */
#content .iwes blockquote,
#content #maincontent blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: disc;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}


/* --------------------------------	*/
/* navigatie						*/
/* --------------------------------	*/
#maincontent .navigatie	{
	margin				: 1em 0;
	padding 			: 0.6em;
	background			: #f5f9fa;
}

#maincontent .navigatie ul li	{
	float				: left;
	margin				: 0 5px;
}

#maincontent .navigatie ul li.navigatie_item a	{
	display				: block;
	background-color	: #03717f;
	color				: #fff;
	padding				: 0 5px;
	font-weight			: bold;
}

#maincontent .navigatie ul li.navigatie_huidige_pagina	{
	color				: #fff;
	padding-left		: 5px;
	padding-right		: 5px;
	background-color	: #88a901;
	font-weight			: bold;
}

/* --------------------------------	*/
/* formulieren					 	*/
/* --------------------------------	*/
#content input, 
#content select, 
#content textarea	{
	border				: solid 1px #84d1db;
	font				: 1em Arial;
	padding				: 2px;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	cursor				: pointer;
	background			: #999;
	color				: #fff;
	font-weight			: bold;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}



/* ---------------------------------------- */
/* formulieren module						*/
/* ---------------------------------------- */
#content .formmodule ul	{
	list-style			: none;
}

.formmodule fieldset 	{
	background			: url(../img/bg_formmodule.jpg) no-repeat left top;
}

#content .formmodule ul.formulier	{
	background			: transparent url(../img/bg_formmodule_bottom.jpg) no-repeat left bottom;
	padding				: 0 0 25px 0;
}

.formmodule h4	{
	margin				: 30px 10px 10px 25px;
	font-weight			: normal;
	font-size			: 1.4em;
	text-transform		: uppercase;
	color				: #03717f;
}

ul.error {
	color				: #FF0000;
	list-style			: square;
}

.formmodule fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

.formmodule input, .formmodule select, .formmodule textarea	{
	border				: solid 1px #84d1db;
	font				: 1em Tahoma;
	color				: #05747f;
	margin				: 1px;
} 

#content .formmodule li.buttons	{
	text-align			: right;
	padding				: 10px 0 0 0;
	margin-right		: 50px;
}

#content .formmodule .button	{
	background			: #ebf9fa url(../img/btn_verzenden.gif) no-repeat left top;
	width				: 95px;
	height				: 26px;
	overflow			: hidden;
	text-indent			: -999em;
	line-height			: 99em;
	color				: white;
	border				: none;
	cursor				: pointer;
} 

.formmodule .checkbox, .formmodule .radio	{
	border				: none;
} 

.formmodule .fout	{
	border				: solid 1px #F00;
}

.formmodule .checkboxFout, .formmodule .checkboxFout	{
	background			: #F00;
} 

#content .formmodule ul.formulier,
#content .formmodule ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0 0 15px 0;
	border-top			: none;
}

.formmodule ul li	{
	padding				: 6px;
	clear				: both;
} 

#content .formmodule ul.formulier li.verplicht 	{
	color				: #88a901;
	padding-left		: 30px;
	font-size			: 11px;
}

.formmodule label	{
	cursor				: pointer;
	margin-bottom		: 6px;
} 

.formmodule label.fout	{
	border				: none;
	color				: #f00;
}

#content .formmodule ul.formulier li.melding	{
	color				: #f00;
	padding-left		: 30px;
/*	background			: #fff; */
}

.formmodule acronym	{
	color				: #00F;
	cursor				: help;
	border-bottom		: 1px dotted #f0f0f0;
} 


/* velden op een rij... */
.formmodule div.label	{
	float				: left;
	width				: 150px;
	padding				: 2px 10px 2px 2px;
	text-align			: right;
}
.formmodule div.veld	{
	margin-left			: 163px;
}

.formmodule div.veld input.disabled {
	display				: none;	
}

/* ---------------------------------------- */
/* formulier: restwaarde lening				*/
/* ---------------------------------------- */
#div_formulier_restwaarde_lening div.label	{
	width				: 300px;
	font-size			: 12px;
}

#div_formulier_restwaarde_lening div.veld	{
	margin-left			: 315px;
	margin-right		: 15px;
	text-align			: right;
}

.formmodule li .icon_help	{
	width				: 19px;
	height				: 18px;
	display				: inline-block;
	cursor				: help;
	vertical-align		: middle;
}

#div_formulier_restwaarde_lening ul.formulier li.leenbedrag,
#div_formulier_restwaarde_lening ul.formulier li.openstaand_saldo,
#div_formulier_restwaarde_lening ul.formulier li.restwaarde,
#div_formulier_restwaarde_lening ul.formulier li.beschikbaar {
	font-weight			: bold;
} 

#div_formulier_restwaarde_lening ul.formulier li.aflossing .veld	{
	padding-bottom		: 3px;
	border-bottom		: 1px solid #09a6ba;
}

#div_formulier_restwaarde_lening ul.formulier li.beschikbaar	{
	color				: #647d00;
}

#div_formulier_restwaarde_lening ul.formulier li.maandbedrag	{
	width				: 404px;
	padding				: 35px 15px 15px 15px;
	height				: 39px;
	margin-left			: 24px;
	background			: url(../img/bg_maandbedrag.jpg) no-repeat left top;
	position			: relative;
}

#div_formulier_restwaarde_lening ul.formulier li.maandbedrag div.label	{
	display				: block;
	width				: 90px;
	height				: 28px;
	margin				: 0 0 0 5px;
	line-height			: 999em;
	overflow			: hidden;
	background			: url(../img/label_schuif.jpg) no-repeat left top;
}

#div_formulier_restwaarde_lening ul.formulier li.maandbedrag .schuif	{
	background			: blue;
	width				: 210px;
	float				: left;
}

/* Maandbedrag Slider */
.ui-slider { 
	width				: 200px; 
	height				: 23px; 
	position			: relative; 
	top					: 5px;
	left				: 115px;
	background-repeat	: no-repeat; 
	background-position	: center center; 
}

.ui-slider-handle { 
	position			: absolute; 
	z-index				: 1; 
	height				: 21px; 
	width				: 35px; 
	top					: 0px; 
	left				: 0px; 
	background-image	: url(../img/slider-handle.gif);  
}

.ui-slider-handle-active { 
	border				: 1px dotted black;  
}

.ui-slider-disabled .ui-slider-handle { 
	opacity				: 0.5; 
}

.ui-slider-range { 
	position			: absolute; 
	background			: #50A029; 
	opacity				: 0.3; 
	width				: 100%; 
	height				: 100%;
}

/* Default slider backgrounds */
.ui-slider, .ui-slider-1 { background-image: url(../img/slider-bg.gif); }


#div_formulier_restwaarde_lening ul.formulier li.maandbedrag .maandbedrag_resultaat	{
	width				: 100px;
	font				: bold 18px Tahoma;
	position			: absolute;
	left				: 335px;
	top					: 39px;	
	text-align			: left;
}

#content #div_formulier_restwaarde_lening input.button	{
	width				: 145px;
	height				: 26px;
	background			: #ebf9fa url(../img/btn_offerte_aanvragen.gif) no-repeat left top;
}

#content #div_formulier_restwaarde_lening ul p.voetnoot 	{
	float				: left;
	text-align			: left;
	padding				: 0 0 0 10px;
	width				: 310px;
	color				: #88a901;
	font-size			: 11px;
	background			: #fff;
}

#content #div_formulier_restwaarde_lening ul li.verplicht 	{
	padding-left		: 8px;
	font-size			: 11px;
}

#content #div_formulier_restwaarde_lening ul li.melding 	{
	padding-left		: 8px;
}




/* --------------------------------	*/
/* formulier: maximaal leenbedrag 	*/
/* --------------------------------	*/

#div_formulier_maximaal_leenbedrag ul.formulier li div.label	{
	font-size			: 12px;
}

#content #div_formulier_maximaal_leenbedrag input.button	{
	width				: 145px;
	height				: 26px;
	background			: #ebf9fa url(../img/btn_toon_uw_leenbedrag.gif) no-repeat left top;
}


#content #div_formulier_maximaal_leenbedrag li.buttons	{
	text-align			: right;
	padding				: 30px 0 0 0;
}

#resultaat_maximaal_lenen .maximaal_leenbedrag	{
	width				: 319px;
	height				: 81px;
	background			: url(../img/bg_maximaal_lenen.jpg) no-repeat left top;
	position			: relative;
	float				: left;
}

#resultaat_maximaal_lenen .maximaal_leenbedrag span	{
	width				: 155px;
	font				: bold 21px Tahoma;
	position			: absolute;
	right				: 15px;
	top					: 27px;
	text-align			: right;
}

#resultaat_maximaal_lenen .offerte_aanvragen	{
	float				: right;
	margin-top			: 28px;
}

#resultaat_maximaal_lenen .offerte_aanvragen input.button	{
	width				: 145px;
	height				: 26px;
	background			: #ebf9fa url(../img/btn_offerte_aanvragen.gif) no-repeat left top;
	overflow			: hidden;
	text-indent			: -999em;
	color				: white;
	border				: none;
	cursor				: pointer;
}


/* --------------------------------	*/
/* veel bekeken informatie		 	*/
/* --------------------------------	*/
fieldset.veel_bekeken_informatie	{
	background			: url(../img/bg_veel_bekeken_informatie.jpg) no-repeat left top;
	padding-top			: 70px;
}

fieldset.veel_bekeken_informatie legend	{
	display				: none;
}

fieldset.veel_bekeken_informatie dl	{
	padding				: 0 20px 10px 30px;
	background			: url(../img/bg_veel_bekeken_informatie_bottom.jpg) no-repeat left bottom;
}

fieldset.veel_bekeken_informatie dl dd	{
	margin				: 0 0 25px 0;
	font-size			: 11px;
}

fieldset.veel_bekeken_informatie dl dt a	{
	display				: block;
	width				: 200px;
	height				: 20px;
	text-indent			: -999em;
	overflow			: hidden;
	background-repeat	: no-repeat;
	background-position	: left top;
}

fieldset.veel_bekeken_informatie dl dt.rentetarieven a				{ background-image: url(../img/btn_rentetarieven.jpg); }
fieldset.veel_bekeken_informatie dl dt.restwaarde_lening a			{ background-image: url(../img/btn_restwaarde_lening.jpg); }
fieldset.veel_bekeken_informatie dl dt.direct_offerte_aanvragen a	{ background-image: url(../img/btn_direct_offerte_aanvragen.jpg); }



/* --------------------------------	*/
/* veel gestelde vragen			 	*/
/* --------------------------------	*/
#maincontent ul#veel_gestelde_vragen	{
	list-style			: none;
	margin				: 0;
}

#maincontent ul#veel_gestelde_vragen li	{
	margin				: 15px 0;
}

#veel_gestelde_vragen li a	{
	padding				: 5px 5px 5px 12px;
	margin				: 5px 0;
	background			: url(../img/med_arrow.gif) no-repeat left 7px;
	font-weight			: bold;
}

#veel_gestelde_vragen li .ui-accordion-data	{
	margin				: 10px 0 15px 0;
}


/* --------------------------------	*/
/* klantervaringen				 	*/
/* --------------------------------	*/
#klantervaringen li	{
	margin				: 1em 0;
}	

#klantervaringen h4	{
	font				: bold 1em/1.8em Tahoma;
}

#klantervaringen .afbeelding {
	display				: block;
	width				: 104px;
	height				: 135px;
	float				: left;
	margin				: 0 1em 0 0;
}

#klantervaringen .omschrijving {}



/* --------------------------------	*/
/* sitemap						 	*/
/* --------------------------------	*/
#maincontent ul#sitemap	{
	margin				: 0 0 10px 20px;
	list-style			: disc;
	font-weight			: bold;
}

#maincontent ul#sitemap li	{	
	line-height			: 1.6em;
}

#maincontent ul#sitemap li a	{
	
}

#maincontent ul#sitemap ul	{
	list-style-type		: circle;
	margin				: 0 0 20px 30px;
}

#maincontent ul#sitemap ul li a	{
	font-weight			: normal;
	font-size			: 1em;
}



/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	border				: solid 1px black;
	overflow			: hidden; 
}

#googlemaps	{
	width				: 795px;
	height				: 500px;
	background			: #eee;
	text-align			: left;
	font				: 1em Trebuchet MS;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	height				: 134px;
	background			: url(../img/bg_footer.gif) no-repeat -2px top;
	font-size			: 11px;
}

#footer ul	{
	position			: relative;
	top					: 52px;
	margin-left			: 30px;
}

#footer ul li	{
	float				: left;
}

#footer ul li a	{
	padding				: 0 12px;
	border-right		: 1px solid #c2e23d;
}

#footer ul li.first a	{
	padding-left		: 0;
}

#footer ul li.last a	{
	border-right		: none;
}

/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#amimpact	{
	text-align			: right;
	margin				: 10px;
	font-size			: 0.8em;
}




/* --------------------------------	*/
/* sIFR							 	*/
/* --------------------------------	*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #linker_zijbalk #submenu h3 {
	visibility: hidden;
	text-transform: uppercase;
	
	letter-spacing: -9px;
	font-size: 12px;
	padding: 8px 0;
	width: 174px;
}

.sIFR-hasFlash #linker_zijbalk #submenu h3 {
	visibility: hidden;
	text-transform: uppercase;
	
	letter-spacing: -9px;
	font-size: 12px;
	padding: 8px 0;
	width: 174px;
}


.sIFR-hasFlash #ervaringen .inhoud h4 {
	visibility: hidden;
	text-transform: uppercase;	
	letter-spacing: -2px;	
	padding: 0 0 5px 0;
}

.sIFR-hasFlash .formmodule h4	{
	visibility: hidden;
	text-transform: uppercase;	
	font-size: 22px;
	letter-spacing: 0px;	
	padding: 0 0 5px 0;
}