/* DEBUG:*{border:1px solid;}
*/
/*///////////general declarations///////////*/
#square {
width: 1500px;
height: 1px;
background: #000;
position: absolute;
padding: 0;
margin: 0;
}

*{margin:0;padding:0;}
body{font-size:62.5%;}
#container{margin:14px 0 0 15px;padding:0;width:935px;background:#fff;font-size:1em;}
a{text-decoration:none;color:#0071b5;}
img{border:0;}
input, select, textarea{font-family:verdana;}

/*///////////utility classes///////////*/
.hiddencaption{text-indent:-100000px;position:absolute;overflow:hidden;}

/*this is for clearing a float container*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* hides from ie-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

#printlogo {display: none;}

/*////////////////header//////////////////*/
#header{width:100%;height:33px;padding:0;margin:0;position:relative;}
#logo{position:absolute;}

/*secondary menu*/
#navtop_secmenu{width:400px;height:16px;float:right;margin:0px 28px 0 0;padding:0 0 16px 0;text-align:right;}
a.secmenu{display:block;float:right;font-family:Verdana;font-size:1.1em;text-decoration:none;color:#085ba6;padding:0 8px;}
a.secmenu:hover{text-decoration:underline;}

/*search*/
#navtop_search{width:200px;height:32px;float:right;}
#navtop_search_field{width:118px;font-size:12px;padding:1px 3px;margin:0;float:left;border:1px solid #cfcbc7;background:url(/gfx/input_bg.gif) no-repeat;}
#navtop_search_submit{width:70px;height:22px;padding:0;margin:-2px 0 0 0;float:left;}
#navtop_search label {display: none;}




/*////////////////primary navigation//////////////////*/
#nav_primary{position:relative;width:100%;height:33px;background:url(/gfx/nav_primary_bg.gif) no-repeat;margin:18px 0 10px 0;padding:1px 6px 6px 1px;}
#nav_primary ul{font-size:0;}
#nav_primary a{display:block;height:26px;text-indent:-10000px;position:absolute;top:1px;overflow:hidden;}
#nav_primary h3{width:1px;}

/*mouseovers*/
#nav_primary a:hover{background-position:0 -26px;}
#nav_primary a:active{background-position:0 -52px;}

/*class for indicating active section (.active_section)*/
#nav_primary a.active_section{background-position:0 -52px;}
#nav_primary a.active_section:hover{background-position:0 -26px;}

/*button background declarations*/
a#nHome{width:53px;background:url(/gfx/btn_home.gif) no-repeat;left:1px;}
a#nActueel{width:62px;background:url(/gfx/btn_actueel.gif) no-repeat;left:54px;}
a#nSparen{width:127px;background:url(/gfx/btn_sparen.gif) no-repeat;left:116px;}
a#nSparen2{width:57px;background:url(/gfx/btn_sparen2.gif) no-repeat;left:116px;}
a#nBeleggen{width:70px;background:url(/gfx/btn_beleggen.gif) no-repeat;left:173px;}
a#nVerzekeren{width:80px;background:url(/gfx/btn_verzekeren.gif) no-repeat;left:243px;}
a#nHypotheken{width:87px;background:url(/gfx/btn_hypotheken.gif) no-repeat;left:323px;}
a#nPensioen{width:68px;background:url(/gfx/btn_pensioen.gif) no-repeat;left:410px;}
a#nKlantenservice{width:99px;background:url(/gfx/btn_klantenservice.gif) no-repeat;left:478px;}
a#nEnquete{visibility:visible;position:absolute;top:1px;left:609px;width:203px;background:url(/gfx/btn_enquete.gif) no-repeat;}
a#nInternetbankieren{position:absolute;top:1px;left:812px;width:117px;background:url(/gfx/btn_internetbankieren.gif) no-repeat;}


/*banner placeholder*/
#banner{height:100px;background:#eee;margin:0px 5px 0 0;}
	#banner a { position:absolute; }

#banner #noflash { display:none; position:relative; width:400px; height:60px; top:18px; left:268px; padding-top:5px; background:#fff; border:1px solid #cfcbc7; text-align:center; font-family:verdana, sans-serif; font-size:1.1em; color:#666356; }
	#banner #noflash a { position:relative; color:#0071b5; text-decoration:underline; }

/*////////////////right navigation//////////////////*/
#rNav{float:left;margin:25px 0 0 0;}
/* #rNav div{clear:right;} */

  #rNav_vragen{width:223px;margin:0 5px 30px 0;}
    #rNav_vragen a{display:block;padding:8px 0 8px 39px;font:1.1em Verdana;font-weight:bold;color:#666356;border-bottom:1px solid #e2e0dd;}
    #rNav_vragen a:hover{background-position:0 -272px;}
    
    /*defining the icons for the "Vragen?" box*/
    #rNav_vragen_tel, #rNav_vragen_tel a{background: url(/gfx/rNav_vragen_tel.gif) no-repeat;}
    #rNav_vragen_mail, #rNav_vragen_mail a{background: url(/gfx/rNav_vragen_mail.gif) no-repeat;}
    #rNav_vragen_advies, #rNav_vragen_advies a {background: url(/gfx/rNav_vragen_advies.gif) no-repeat;}
    #rNav_vragen_twitter, #rNav_vragen_twitter a {background: url(/gfx/rNav_vragen_twitter.gif) no-repeat;}
	#rNav_live_chat a { background: url(/gfx/rNav_live_chat.gif) no-repeat; }

	/* positioning div "rNav_dezepagina" */
	#rNav_dezepagina {position: relative;}

  /* linklists with arrows on the right */
  .linkbox{clear:both;width:223px;margin:0 5px 30px 0;font:1.1em Verdana;}
	  .linkbox ul {list-style:none;}
	  .linkbox li {background: url(/gfx/rNav_arrow.gif) 100% 0 no-repeat;}
		  .linkbox a{display:block;padding:7px 20px 7px 8px;color:#666356;border-bottom:1px solid #e2e0dd;background: url(/gfx/rNav_arrow.gif) 100% 0 no-repeat;line-height: 1.4em;}
			  .linkbox li.showall a{color:#0071b5;}
		  .linkbox a:hover{background-color:#f3f0ed;background-position:100% -300px; color: #000;}
			.left .linkbox a:hover{background-position: 100% -300px;}
		  .linkbox a span.title{display:block;font-weight:bold;}
		  
.twoColumns .linkbox{margin-right:0;}
  .twoColumns .left .linkbox,
  .twoColumns .left .questionbox {width:458px;}
	  .twoColumns .linkbox h3, 
	  .twoColumns .questionbox h3{margin:0;padding:9px 8px 10px 8px;background:#e2e0dd;color:#0071b5;}

  /* question + answer lists */
  .questionbox{margin:0 5px 30px 0;font:1.1em Verdana;}
	  .questionbox ul{list-style-type:none;margin-top:-1px;margin-bottom:15px;border-bottom:1px solid #e2e0dd;}
		  .questionbox li.hideanswer p, 
		  .questionbox li.showanswer p{margin:0 8px 8px 8px;color:#666356;font-size:1em;line-height: 1.4em;}
		  .questionbox li.showanswer p,
          .questionbox li.showanswer .rating-container { display:block; }
		  	.questionbox li p a {width:auto !important;text-decoration:underline;color:#666356;}
		  	  .questionbox li p a:hover{color:#0071b5;}
			  .questionbox li a.question, 
			  .questionbox li.showall a {display:block;padding:7px 20px 7px 8px;font-weight:bold;color:#666356;border-top:1px solid #e2e0dd;line-height: 1.4em; width: 430px;}
        
        .questionbox li.hideanswer a {background:#fff url(/gfx/rDown_arrow.gif) 100% 2px no-repeat;line-height: 1.4em;}
			  .questionbox li.showanswer a {background:#fff url(/gfx/rDown_arrow.gif) 100% -300px no-repeat;line-height: 1.4em;}
			  
			  	.questionbox li.showall a{color:#0071b5;}
			  .questionbox li a.question:hover, 
			  .questionbox li.showall a:hover {background-color:#f3f0ed;}
			  .questionbox li a.question:focus, 
			  .questionbox li.showall a:focus {outline:0;}
				.questionbox li.showall a {background:#fff url(/gfx/rNav_arrow.gif) 100% 0 no-repeat;font-weight:normal;}
					.questionbox li.showall a:hover {background-position:100% -300px;font-weight:normal;}

			.questionbox li.hideanswer ul{display:none;}
			.questionbox li.showanswer ul{display:block;border:0;margin-bottom:8px;}
				.questionbox li.showanswer li{background:url(/gfx/mintGrey.gif) 10px 0 no-repeat;padding:6px 0 0 25px;margin:0;border:0;color:#666356;}


    .questionbox li .rating-container { background:url(/gfx/line-dashes.gif) 0 0 repeat-x; width:100%; overflow:hidden; padding-top:5px; margin-bottom:0; }
        .rating-container p { float:left; width:245px; }
        .rating-container fieldset { float:left; padding-top:3px; }
            .rating-container fieldset input.radiobuttons { display:block; float:left; margin-right:5px; }
            .rating-container fieldset label { display:block; float:left; margin-right:20px; }

        .rating-container .buttondivider { float:right; }

        .rating-block { border-bottom:1px solid #e2e0dd; overflow:hidden; width:223px; clear:both; }
        .rating-block span.rating-text {display:block; float:left; margin:7px 0 7px; padding:7px 0px 7px 8px; color:#666356; }
        .rating-block select { margin:7px 0 7px 10px;}
        .rating-block ul.stars {float:left; margin:7px 0 7px 10px; overflow:hidden; padding:0; width:90px; display:none; }
        .rating-block ul.stars li { background:#fff url(/gfx/star-on.gif) no-repeat 0 0; display:block; float:left; margin:0; padding:0; clear:none; }
        .rating-block ul.stars li a { background:#fff url(/gfx/star-off.gif) no-repeat 0 0; display:block; height:16px; width:16px; padding:0; float:left; clear:none; border:0; }
        .rating-block ul.stars li a span { display:none; }

/*, .rating-block ul.stars li a */

        .rating-block ul.stars a:focus { outline:0; }
        .rating-block ul.stars a:hover,
        .rating-block ul.stars a.on, 
        .rating-block ul.disabled a.on:hover { background:none; }
        .rating-block ul.disabled a:hover { background:#fff url(/gfx/star-off.gif) no-repeat 0 0; }
        .rating-block ul.disabled a:hover { cursor:default; }
        
        .linkbox li.generallist.ratings { background:none; }

  /* making sure we don't get those bullets  */
  ul.navright_generallist{list-style:none;margin:0;padding:0;line-height:0px;}

    /* ratings-comment */
    div.ratings-comment { clear:both; overflow:hidden; display:block; }

        div.ratings-comment fieldset { padding-left:8px;}
            div.ratings-comment label { line-height:normal; color:#666356; }
            div.ratings-comment textarea {width:210px; margin-top:15px; border:1px solid #e2e0dd; font-size:100%; }
            div.ratings-comment .buttondivider { position:relative; float:right; margin:10px 0; }

/*////////////////#container descentants//////////////////*/

/* breadcrumb trail so we can find our way home */
#breadcrumb a{display:block;font:1.1em Verdana;color:#085ba6;padding:7px 0 0 15px;float:left;background:url(/gfx/breadcrumb_arrow.gif) top left no-repeat;}
#breadcrumb a:hover{text-decoration: underline;}

/*defining the content box*/
#content{clear:left;margin:25px 0 0 0;padding:0;float:left;width:705px;}
  #content h2{clear:both;font:1.4em Arial;font-weight:bold;margin-right:13px;padding:0.7em 10px;color:#0071b5;background:#e2e0dd;}
  #content h4 {clear: both; font:1.1em Verdana; font-weight:bold; margin-right:13px; padding:0.2em 10px;color:#666354;}
  #content #disclaimer p {font:1.1em Verdana; padding:0.1em 10px;color:#666354; width: 448px; margin: 0 0 20px 0;line-height: 1.4em;}




  /* intro is div with two contained divs, left and right. it sits before most content */
#intro{width:697px;overflow:hidden;}
  #intro .left {float:left;margin:0pt;padding:0pt 0pt 30px 10px;width:444px;}
  #intro .right{width:228px;float:right;}
  #intro h1{color:#0071b5;font:2.2em Arial;margin:0 0 25px 0;}
  #intro p{color:#666356;font:1.1em Verdana;font-weight:bold;width:444px;line-height: 1.4em;}
/*  #intro .gezocht{background-color:#F3F0ED;color:#666356;font:1.1em Verdana;font-weight:normal;width:444px;line-height: 1.4em;padding:8px;} */
  #intro .gezocht{color:#666356;font-weight:normal;line-height: 1.4em; padding:0 0 10px 10px; border-bottom:1px solid #ccc; margin-bottom:25px;}
  
/* footer sits on the bottom of the page, below the content div. */  
#footer{clear:both;padding:23px 0 5px 0;text-align:right; margin-right: 8px; }
  #footer a{display:block;color:#666355;font:1.1em Verdana;padding:0px 20px 10px 0;}
  #footer a:hover{color:#085ba6;}
  #footer li{float:right;}
  #footer ul{margin:65px 0 0 0;padding:5px 0 0 0;border-top:1px solid #d1d0cc; margin: 0 0 50px 0;}

/*/////////////single button styles/////////////////*/
/*category pages*/
a#demobekijken{display:block;width:230px;height:42px;background:url(/gfx/btn_demobekijken.png) no-repeat;text-indent:-100000px;overflow:hidden;}
a:hover#demobekijken{background-position:0 -42px;}

/* allebrochures page */
a.ppBestellen {display:block;width:228px;height:43px;text-indent:-100000px;overflow:hidden;background:url(/gfx/ppBestellen.png) no-repeat;}

/*product pages*/
a.scAanvragen, 
a.rpAanvragen{display:block;width:228px;height:43px;text-indent:-100000px;overflow:hidden;background:url(/gfx/scAanvragen.gif) no-repeat;margin:10px 0pt -13px;}
a.rpAanvragen{background-image:url(/gfx/rpAanvragen.gif);}
	a:hover.scAanvragen, 
	a:hover.rpAanvragen,
  a:hover.ppBestellen{background-position:0 -43px;}

.contentLinkbox a.scAanvragen, 
.contentLinkbox a.rpAanvragen {margin-top:40px;}

/* icons on the product pages */
a#iconDetails{background:url(/gfx/icon_detail.png) no-repeat top left;}
a#iconVragen{background:url(/gfx/icon_vragen.png) no-repeat top left;}
a#iconAdvies{background:url(/gfx/icon_advies.png) no-repeat top left;}
a#iconBrochure{background:url(/gfx/icon_brochure.png) no-repeat top left;}
  /* hovers for those icons */
  a:hover#iconDetails{background-position:0 -273px; }
  a:hover#iconVragen{background-position:0 -273px;}
  a:hover#iconAdvies{background-position:0 -273px;}
  a:hover#iconBrochure{background-position:0px -273px; background-repeat: no-repeat;}

/*/////////// Category table styles //////////////////*/

/* .cat_table is a category table :) */
/* .comp_table is a comparison table */
.cat_table{width:694px;color:#666356;font:1.1em Verdana;}
  .cat_table th,td{text-align:right;}
  .cat_table th{font-weight:bold;padding:1.5em 0 .5em 0;}
  .cat_table td{background:url(/gfx/line_bg.gif) no-repeat top left;padding:5px 0 0 0;vertical-align:top;}
  .cat_table th.left{text-align:left;}
  .cat_table td.left{text-align:left;}
    
.comp_table{width:694px;margin:0 0 30px 0;color:#666356;font:1.1em Verdana;}
  .comp_table th,
  .comp_table td{padding:0.6em 0 .7em 10px;vertical-align:top;text-align:left;background:url(/gfx/line_bg.gif) no-repeat bottom left;}
  .comp_table th{font-weight:bold;}
  .comp_table .col1{background-position:bottom right;padding-right:0;}  

/*this defines the top left caption in the table*/
th.tableTitle{text-align:left;color:#0071b5;padding:1.5em 0 .5em 10px;}


/*Making the category descriptions pretty*/
.rowCat a{display:block;color:#666356;text-align:left;}

  /* the top left cell in a .cat_table */
  td.rowCat_top{width:235px;background:#fff url(/gfx/rowCat_top.png) no-repeat;position:relative;}

  /* the middle left cells in a .cat_table */
  td.rowCat{width:235px;background:#fff url(/gfx/rowCat_middle.png) no-repeat;padding:0;position:relative;}

  /* the bottom left cell in a .cat_table */
  td.rowCat_bot{width:235px;background:#fff url(/gfx/rowCat_bottom.png) no-repeat bottom left;padding:0 0 10px 0;position:relative;}
  td.rowCat_bot a{border:none;}

  /* this style is applied to all links in .cat_table tables. */
  .cat_table a{display:block;float:left;margin:0 0 0 1px;color:#666356;text-align:left;padding:5px 0 12px 10px;cursor:pointer;width:212px;border-bottom:1px solid #cfcbc7;}

#koersverloop{border:none;padding:0px;padding-left:10px;text-align:right;color:#666356;float:right;}
#koersverloop a:hover{text-decoration:underline;}

/* makes the category title bold and sets the arrow background image */
/* a span.tdTitle{display:block;font-weight:bold;background:url(/gfx/icon_table.png) no-repeat top right;padding:0px 25px 7px 0px;} */ /*MvB: added extra padding right*/
a span.tdTitle{display:block;font-weight:bold;background:url(/gfx/icon_table.png) no-repeat top right;padding:0px 25px 7px 0;}

/*  the highlight class is applied by javascript to tr's that are hovered upon. 
    background images are transposed, colors are changed.                       */

.highlight td{background:#f3f0ed;}
.highlight a{color:#fff;}
/* .highlight a span.tdTitle{background-position: 185px -380px;} */
.highlight a span.tdTitle{background-position: 100% -380px;}
.highlight td.rowCat_top{background:#fff url(/gfx/rowCat_top.png) no-repeat 0 -250px;}
.highlight td.rowCat{background:#fff url(/gfx/rowCat_middle.png) no-repeat 0 -250px;}
.highlight td.rowCat_bot{background:#fff url(/gfx/rowCat_bottom.png) no-repeat right bottom ;}



/*////////////form box/////////////
this box contains forms, can vertically expand infinitely   */

#content .formbox,
#content #aanvraag
{width:697px;background:url(/gfx/formboxBg.gif) repeat-y;padding:0;margin:25px 0;clear:both;}
    #content .formbox h2{margin:0;color:#fff;background:url(/gfx/formboxHead.gif) no-repeat;position:relative;}
    #content .formbox p{float:left;width:165px;font:1.1em Verdana;line-height:1.4em;color:#666356;margin:10px 0 0 10px;}
	#content .formbox p{width:215px;padding-right:10px;}/*aanpassing meg ff checken*/

  #content .formboxForm, 
  #content .searchboxForm{float:left;font:1.1em Verdana;line-height:1.4em;color:#666356;margin:10px 0 0 15px;}
  
  #content .formboxForm,
  #content .searchboxForm{float:right;display:inline;margin:10px 5px 0 0;}
  #content .formboxCloser{padding-top:4px;clear:both;background:url(/gfx/formboxCap.gif) no-repeat bottom;height:8px;line-height:0;}


.formbox form{}
	.formbox fieldset{border:0;}
		.formbox label{float:left;width:200px;margin:0 10px;font-weight:bold;}
		.formbox input, 
		.formbox select{float:left;width:208px;margin-right:8px;padding:2px;border:1px solid #c7c4bd;font-size:1em;color:#0071b9;}
		.formbox select{width:185px;}
		.formbox .searchboxForm input,
    .formbox .formboxForm select {margin-bottom:8px;}
			.formbox input.button{width:auto;margin:0;padding:0;border:0;}
		.formbox br{clear:both;}
		.formbox .formboxForm .buttondivider,
		.formbox .searchboxForm .buttondivider {border-top:1px solid #dddad5;border-bottom:1px solid #fff;}
			
      .formbox .formboxForm .buttondivider .button,
      .formbox .searchboxForm .buttondivider .button {clear:left;margin:8px 0 0 220px;}

/*////////////////product page///////////*/

/*mintList is a class for bulleted lists with the mint-like icons*/
.mintList{font:1.1em Verdana;color:#666356;line-height:1.5em;margin:0 0 20px 0;}
.mintList li{background:url(/gfx/mintGrey.gif) no-repeat;padding:6px 0 5px 15px;margin:0 0 0 10px;}
.mintList ul{list-style-type:none;}
.mintList ol{list-style-type:none;}
.mintList a{text-decoration:underline;color:#666356;white-space:nowrap;}
.mintList a:hover{color:#0071b5;}
#content .mintList h3{font-size:1em;}

/*product is an extra class for the blue list on the product page*/
.product li{background:url(/gfx/mintBlue.gif) no-repeat;padding:6px 0 0 25px;margin:0;}

/*container for three-column items*/
.threeColumns{width:705px;overflow:hidden;padding-bottom: 15px;}
.threeColumns div{width:223px;margin:0 0 13px 0;padding:0 12px 0 0;float:left;color:#666356;}
.threeColumns div h3, 
.twoColumns div h3{font:1.1em Verdana;font-weight:bold;margin:10px 0 0 10px;line-height:1.4em;}
.threeColumns div p, 
.twoColumns div p{font:1.1em Verdana;margin:0 10px 0.5em 10px;line-height:1.4em;}

/*this applies a 1px line background image that's 2 columns wide*/
.line_2cols{background:url(/gfx/line_2col.gif) no-repeat bottom left;padding:0; padding-bottom:12px;} /*MvB added padding-bottom for IE*/

div .verplichte_zin{font-family:Verdana;font-size:1.1em;padding:10px;margin:5px 0 20px 0px;border: 0px;color:#666356;}

/* these link lists are for use in .threeColumns situations */
.contentLinkbox{padding:35px 0 0 0;margin:0 5px 30px 0;margin-right:0;}
.contentLinkbox li a{display:block;background:#fff;padding:7px 15px 7px 39px;font:1.1em Verdana;font-weight:bold;color:#666356;border-bottom:1px solid #e2e0dd;line-height: 1.4em;}

/*container for two-column items*/
.twoColumns {width:693px;overflow:hidden;padding-bottom: 15px;}
.twoColumns div{margin:0 0 15px 0;color:#666356;}
.twoColumns .left {width:454px;float:left;margin:0 0 10px 0;padding:0;}
.twoColumns .right {width:223px;margin:0;float:right;}
.twoColumns img {margin-top:13px;}
/*twoColumns styles for h3 and p are defined with threeColumns*/

/*////////home navigation ////////////////*/
#homenav div{
background: #eee;

}

#allebrochures .threeColumns {position: relative;}
  #allebrochures div.linkbox{ clear: left !important; float: right;  }  
  #allebrochures h4{ font-size: 1em; border-bottom: 1px solid #e2e0dd; width:208px; padding: .7em 8px;}   /* extra width declaration in ie.css */
  #allebrochures a span { color: #0071b5;} 

div.emptyColumn {

width: 235px;
height: 30px;
padding: 0;
}

#intro .gezocht p { font-weight:normal; }
#intro .gezocht p.zoek-index-links { width:100%; }
p.zoek-index-links {margin: 10px 0 0 0;}
   p.zoek-index-links a{ color: #0071b5; display: block; font-weight: normal; /*width: 50%;*/}
   p.zoek-index-links a:hover{ text-decoration: underline; }



.debug1 {background: #cbffac;}
.debug2 {background: #feffac;}

.actie p {
  color:#666356;
  font-family:Verdana;
  font-size:1.1em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.4em;
  margin:0pt 10px 0.5em;
}

.actie h3 {
  color:#666356;
  font-family:Verdana;
  font-size:1.1em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:1.4em;
  margin:10px 0pt 0pt 10px;
}

/////////// LISTS /////////////


.uspList li ul{display:none;}
.uspList li ul{
	display:block;
	border:0;
	margin-bottom:8px;
}
.uspList li{
	background:url(/gfx/mintBlue_grey.gif) 10px -8px no-repeat;
	padding:0px 0 0 31px;
	margin:0;
	border:0;
	color:#666356;
	list-style:none;
}

.hidden {
	display: none;
}		

#openIdLoginContainer {
	float: left; 
	width: 462px;
}

#openIdContent {
	clear:left;
	margin:25px 0 0 0;
	padding:0;
	float:left;
	width:697px;
}