/* -------------------------------------------------------------- 
    typography
-------------------------------------------------------------- */
body { font-size:62.5%; color: #333; font-family:Verdana, Arial, Garuda, Sans-serif; background:#fff;}
p, li, em, strong { font-size:1.1em;}
 li li, li strong {font-size:1em;}
p strong {font-size:1em;}

h1,h2,h3,h4,h5,h6 {
  color:#036; font-family:"Trebuchet MS", Arial, Garuda, Sans-serif; font-weight:normal;
}
h1 { font-size:2.5em; font-weight:bold; margin:5px 0 20px; line-height:1em;}
	.home h1 {font-size: 3.1em;}
	h1.subs {margin: 0;}
h2 { font-size:1.8em; font-weight:bold; margin-bottom:5px; }
	.box-fullwidth h2, .lightbox h2 {line-height: 1.8em}
	.lightbox h2 {font-size:2.2em;}
  .box-fullwidth h2 { margin-left:10px; }
h3 { font-size:1.4em; font-weight:bold; margin-bottom:5px; }
	.box-fullwidth h3 {margin-top: 0.8em; margin-left:10px;}
	h3.subs {margin-bottom:1.2em}
	h3.top {margin-bottom:0}
h4 { font-size:1.2em; font-weight:bold;}
h5 { font-size:1.1em; font-weight:bold;}
h6 { font-size:1.1em; font-weight:bold;}

.breadcrumb { color:#666; }
p { margin-bottom:15px; line-height: 1.36em;}
p.last { margin-bottom:5px; }

p font {line-height:1.2em;}

a img { border:none; outline:0; }
a { color:#333; text-decoration:none; }
	a.active { color:#31b0fc; }
	a:visited { color:#999; }
	a:focus, a:hover { color:#c00; background:url(../../images/FrieslandBank.Portal.Branding/bg/link-underline.gif) repeat-x bottom left; }
	a.minimize, a.maximize {height:16px; position:absolute; right:10px; top:10px; width:16px; display:block; background:url(../../images/FrieslandBank.Portal.Branding/icons/min.png)no-repeat 0 0;}
		a.minimize span, a.maximize span {display:none;}
	a.minimize {background:url(../../images/FrieslandBank.Portal.Branding/icons/min.png)no-repeat 0 0;}
	a.maximize {background:url(../../images/FrieslandBank.Portal.Branding/icons/plus.png)no-repeat 0 0;}

	div.tabs .ppzone-tab-content ul	{margin-bottom:1em;}
	div.tabs .ppzone-tab-content ul li a {color:#036; display:inline; font-weight:normal; font-family:verdana,arial; padding:0;}
		div.tabs .ppzone-tab-content ul li a:visited {text-decoration:none; color:#999;} 
		div.tabs .ppzone-tab-content ul li a:hover {background:transparent url(../../images/FrieslandBank.Portal.Branding/bg/link-underline.gif) repeat-x scroll left bottom; color:#CC0000;}


/* special links */
	a.close { background:url(../../images/FrieslandBank.Portal.Branding/icons/x.png) no-repeat 0 0; color:#333; float:right; font-size:1.1em; line-height: 1.3em; padding-left:20px; padding-bottom: 3px; margin:10px 11px 0 0;}
		a.close:hover, a.close:focus { background:url(../../images/FrieslandBank.Portal.Branding/icons/x.png) no-repeat 0 0;padding-left:20px; color: #c00;}
		div.lightbox .bg a.print {color:#333; float:right; font-size:1.1em; padding-left:20px; margin:11px 11px 0 0; background: url(../../images/FrieslandBank.Portal.Branding/buttons/print_btn_small.png) no-repeat 0 0}
			div.lightbox .bg a.print:hover, div.lightbox .bg a.print:focus {padding-left:20px; background: url(../../images/FrieslandBank.Portal.Branding/buttons/print_btn_small.png) no-repeat 0 0; color:#c00 }
	.text-component .page-nav a, .text-component .pages a  {text-decoration:none;} 

div.lightbox .bg dt a.print { margin:0 1px 0 0; font-size:1em;} 

strong { font-weight:bold; }
em { font-style:italic; }
blockquote {margin-left:10px;}

address { font-size:1.1em; font-style:normal; line-height:1.5em; margin-bottom:10px;}

li { list-style-type:none; }
ul.linklist { width:auto; overflow:hidden;}
	.linklist li { margin-bottom:.5em; padding:0 0 0 10px; background:url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif') no-repeat 0 3px; }
		.linklist li.active a { font-weight:bold; }

ul.residence li {font-weight: bold; margin-bottom: 0.7em;}
		.residence li ul {padding-top:0.2em;}
			.residence li ul li {font-size: 1em; margin-bottom: 0.2em; font-weight:normal}

ul li a {color:#036;}

	li.pdf { background:transparent url(../../images/FrieslandBank.Portal.Branding/icons/icon_pdf.gif) no-repeat scroll 0 0; padding-left: 20px; }
	li.reader { background:url('../../images/FrieslandBank.Portal.Branding/icons/icon_acrobat_reader.gif') no-repeat; padding-left: 20px;}

.nomargin{ margin: 0 }

/* HTML horizontal hr */
div.hr { height:1px; margin:0 0 5px; background:url('../../images/FrieslandBank.Portal.Branding/bg/hr.gif') repeat-x 0 0; }
	div.hr hr { display:none; }
div.print-hr { display:none; }

.span-1 table.data { width:210px;}


/* -------------------------------------------------------------- 
    Tooltips
-------------------------------------------------------------- */
.js .tooltip_content { position:absolute; padding:0 1px 1px 0; margin-top:20px; background:#fff; width:201px; z-index:2; display:none; background:url(../../images/FrieslandBank.Portal.Branding/bg/error-shadow-bg.gif) no-repeat top right; border:0; }
	.js .tooltip_content p { padding:3px; margin:0; line-height:1em; font-size:1.1em; background:#fff; border:1px solid #9BCCFF; }

.js .tooltip_box { position:absolute; width:250px; padding:0 1px 1px 0; z-index:1000; background:url(../../images/FrieslandBank.Portal.Branding/bg/tooltip-shadow-bg.gif) no-repeat left top; }
	.js .tooltip_box .tooltip_text { background:#fff; border:1px solid #9BCCFF; padding:5px; }
		.js .tooltip_box p { margin:0; line-height:1em; font-size:1em; }


/* -------------------------------------------------------------- 
    header 
-------------------------------------------------------------- */
#main-nav .home-link { position:absolute; top:9px; right:5px; padding:1px 1px 1px 10px; font-family:"Trebuchet MS"; text-transform:lowercase; background:transparent url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-lbluebg.gif') no-repeat 0 4px; }
  #main-nav .home-link a { display:block; line-height:1; padding:0; margin-top:2px; font-size:12px; font-weight:bold; color:#003663; }
  #main-nav .home-link a:hover, #main-nav .home-link a:focus { color:#c00; }

#main-nav {  }
  #main-nav .logo { margin:30px 0 5px; }
    #main-nav .logo a { background:none; }
  #main-nav ul { margin:0; }
    #main-nav ul li { float:left; margin-right:1px; padding:6px 0px 7px; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/main-nav-bg.png') no-repeat 0 0; }
    #main-nav ul li.active,
    #main-nav ul li:hover { background-position:0 -31px; }
    #main-nav ul li:first-child { margin-left:0; }
    #main-nav ul.right li { margin-right:0; }
      #main-nav ul li a { padding:6px 18px 7px 25px; font-size:14px; font-family:"Trebuchet MS"; font-weight:normal; color:#fff; text-transform:lowercase; background:none; }

#search-div { position:relative; width:200px; height:65px; padding:0 10px; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/aside-panel.png') no-repeat bottom; }
  #search-div label { display:block; margin:8px 0 0 3px; font-family:"Trebuchet MS"; font-size:13px; font-weight:bold; text-transform:lowercase; color:#fff; }
  #search-div p.textfieldbg { float:left; margin:8px 0 0 2px; background: url('../../images/FrieslandBank.Portal.Branding/bg/search-input.gif') no-repeat 0 0;}
  #search-div input.txt { width:123px; height:16px;  padding:1px 4px 0; font-size:11px; border:none; background:transparent; }  
  #search-div input.button { float:right; width:54px; height:18px; margin:8px 2px 0 0; background:transparent url(../../images/FrieslandBank.Portal.Branding/buttons/search-bluebg.gif) no-repeat 0 0; border:none; }
  #search-div input.hover { background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/search-bluebg-hover.gif) !important; }


/* -------------------------------------------------------------- 
    menus under main
-------------------------------------------------------------- */
ul#subnav { padding-top:5px; padding-bottom: 5px; font-family:"Trebuchet MS"; }
  ul#subnav li { float:left; margin-right:5px; padding:2px 0 3px 15px; background:transparent url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif') no-repeat 2px 6px; }
    ul#subnav li a { margin-right:10px; font-size:14px; font-weight:normal; text-transform:lowercase; }
    ul#subnav li.active a { color:#31b0fc; }
    ul#subnav li.active a:hover, ul#subnav li.active a:focus { color:#c00; background:none;}

ul#breadcrumb { height:20px; margin:0 0 5px 10px; }
  ul#breadcrumb li { float:left; padding:2px 0 3px 4px; text-transform:lowercase; color:#999; }
  ul#breadcrumb li.active { padding-left:6px; color:#31B0FC; }
    ul#breadcrumb li img { margin-left:2px; }
    ul#breadcrumb li a { margin-right:6px; color:#001b47; }
    ul#breadcrumb li a:visited { color:#999; }
    ul#breadcrumb li a:hover, #nav ul li a:focus { color:#c00; }

ul#breadcrumb.form { height:20px; margin: 5px 0 0 0; }

/* -------------------------------------------------------------- 
    main content
-------------------------------------------------------------- */
/* homepage */
.home-visual { position:relative; height:310px; margin:0 0 10px -10px; }
  .home-visual h1 { position:absolute; top:130px; left:40px; color:#fff; }
  
.homepanel { position:absolute; bottom:10px; width:220px; padding:10px 0; color:#fff; background:url('../../images/FrieslandBank.Portal.Branding/bg/homepanel-bottom.png') no-repeat bottom left; overflow: hidden;}
.homepanel.left  { float:none; left:10px; }
.homepanel.right { float:none; right:0px; }
  .homepanel .bg { min-height:90px; padding:15px 10px 0; overflow:hidden; background:url('../../images/FrieslandBank.Portal.Branding/bg/homepanel-bg.png') no-repeat 0 0;}
  .homepanel p.title { font-family:"Trebuchet MS"; font-size:18px; line-height:1.2em; margin:2px 0 10px; }
    .homepanel li { background-image:url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-bluebg.gif); }
    .homepanel li a { color:#fff; }
    .homepanel li a:visited { color:#999; }
    .homepanel li a:hover, .homepanel li a:focus { color:#c00; background:none; }
	.homepanel a.foldhandle { display:block; height: 10px; width: 220px; background:transparent url('../../images/FrieslandBank.Portal.Branding/icons/panel-arrow.gif') no-repeat center 2px; position: absolute; cursor: pointer; display: none;}
  .homepanel a.foldhandle:hover, .homepanel a.foldhandle:focus { background-image:url(../../images/FrieslandBank.Portal.Branding/icons/panel-arrow-white.gif); }


/* Overzicht en productpagina's */
dl.dynamic-advice { position:relative; height:160px; margin-bottom:10px; padding-left:340px; font-family:"Trebuchet MS"; }
  dl.dynamic-advice dt { margin-bottom:5px; font-size:29px; line-height:1.1em; font-weight:bold; color:#036; }
   dl.dynamic-advice dt h1 { font-size:29px; }
  dl.dynamic-advice dd { font-size:14px; font-weight:bold; color:#666; }
  dl.dynamic-advice dd.image { position:absolute; top:0; left:10px; }


/* Tabs. oa op productpagina's */
div.tabs { width:680px; background:transparent url(../../images/FrieslandBank.Portal.Branding/bg/tab-parent-bg.gif) repeat-x; }
div.tabs ul li { float:left; width:130px; padding:1px 0px 2px; text-align:center; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/tab-bg2.png') no-repeat 0 0; }
div.tabs ul li.right { float:right; }
  div.tabs ul li.hover,
  div.tabs ul li:hover { background-position:0 -27px; }
  div.tabs ul li.active { background-position:0 -54px; }
    div.tabs ul li a, div.tabtools ul li input { display:block; padding:4px 0; font-size:11px; font-family:"Trebuchet MS"; font-weight:bold; color:#fff; text-transform:lowercase; border:none; }
    div.tabs ul li a:hover, div.tabtools ul li input:hover, div.tabtools ul li a:focus { background:none; }
    div.tabs ul li.active a, div.tabs ul li.active a:hover { color:#036; }
    div.tabs .tab-padder { padding:0 20px 0 10px; }
    
.ppzone-tab-content { padding-top:10px; border:1px solid #ccc; border-top:none; overflow:hidden; }
.ppzone-tab-content-hide { display:none; }
	.ppzone-tab-content h2, .text-component h2 { margin-bottom:5px; font-size:1.2em; }
	
/* Tabs in widgets */
div.tabtools { width:300px; background:none; }
div.tabtools ul li { float:left; width:112px; padding:1px 0px 0px; text-align:center; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/tab-widget.png') no-repeat 1px 0; }
div.tabtools ul li input { float: left; text-align: center; width: 112px; }
div.tabtools ul li.right { float:right; }
  div.tabtools ul li.hover,
  div.tabtools ul li:hover { background-position: 1px -25px; }
  div.tabtools ul li.active { background-position: 1px -50px; }
    div.tabtools ul li a, div.tabtools ul li a:hover, div.tabtools ul li a:focus, div.tabtools ul li input, div.tabtools ul li input:hover{ background:none; color:#036;}
  div.tabtools ul li.active input { background: none;  }

  .tabs-part {padding: 15px 0 0 0;}
  .toolstop div.hr {background: url('../../images/FrieslandBank.Portal.Branding/bg/hr-white-on-blue.png') repeat-x 0 0; margin-bottom: 1.5em;}
  
  .toolstop .small-form div.hr {background: url('../../images/FrieslandBank.Portal.Branding/bg/hr-grey-transp.gif') repeat-x 0 0; margin-bottom: 1em;}


/* -------------------------------------------------------------- 
		normal content parts 
-------------------------------------------------------------- */

.left-image {float:left; margin: 0.5em 2em 0 0;}
.right-image {float:right; margin: 0.5em 0 0 2em;}
.left-image span {clear:left; display:block; font-size: 1.1em;}
.image {margin-bottom: 1em;}

/* -------------------------------------------------------------- 
	Forms
    Form / Webparts
-------------------------------------------------------------- */
legend {font-family: "Trebuchet MS", verdana; font-size: 1.6em; font-weight: bold; color: #036;}

div.form { padding-bottom:50px; overflow:hidden; position:relative; padding:10px; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/highlight-white-bg.gif') repeat-y 0 0; }
	.form-bottom {background: url('../../images/FrieslandBank.Portal.Branding/bg/highlight-white-bottom.png') no-repeat top left; height: 14px;}
div.form .col-left { float:left; width:220px; min-height:1px; margin:0 10px 0 0; }
div.form .col-right { float:left; position:relative; width:430px; z-index:998; }
div.form .small-label .col-left { width: 110px; }

div.form .col-right ul {margin-left:15px;}
div.form .col-right ul li { font-size:1em; list-style-type:disc; }


/* samenvatting pagina */
div.form .col-right-1of2 { float:left; position:relative; width:210px; margin-right:10px; }
div.form .last { margin-right:0; }
div.form .row span.head { font-weight:bold; color:#003366; }
div.form div.hr { height:5px; background-position:center bottom; }

div.form .row { clear:both; float:left; padding:5px 0px; width:660px; font-size:1.1em; }
	div.form .row label { display:block; float:left; line-height:1.4em; width:200px; padding-top:2px; z-index:1; font-size:11px; }
	div.form .row .fakelabel { float:left; line-height:1.4em; width:180px;  padding-top:2px; }
	div.form .row select { width:222px; border:1px solid #7f7f7f;}
	div.form .row select.flexwidth { width:auto; }
	div.form .row .col-left label { font-size:11px; }
	div.form .row div.textarea { width:224px;}
  div.form .row div.textarea .charsleft { float:right; }
  div.form .row textarea { height:5em; width:222px; border:1px solid #7f7f7f; font-family:verdana;}

div.form .row input.radio, div.form .row .checkbox input, .row input.radio, .row input.checkbox { border:none; float:left; height:1.2em; margin:3px 0 0 0; width:auto;}
	.row input.checkbox, .small-form .row input.checkbox, .small-form .row .checkbox input { margin:3px 3px 0 0; width: 13px; border:none;}
		div.form .row label.radio, div.form .row label.checkbox { float:left; margin-left:5px; width:auto; width:400px; }
		.row div.radio, .row div.checkbox { clear:both; float:left; margin-bottom:5px; margin-top:3px; width:auto; width:430px; }
		
div.form .row input { border:1px solid #7f7f7f; width:111px; }

input.error, select.error, textarea.error { border:1px solid #cc0033; }

div.form .row input.large{width: 222px;}
div.form .row input.pc4, div.form .row input.date4, .small-form .row input.pc4, .small-form .row input.date4{width: 34px; float:none;}
div.form .row input.pc2, div.form .row input.date2, .small-form  .row input.pc2, .small-form .row input.date2{width: 20px; float:none; }

div.form .row input.day, div.form .row input.month, div.form .row input.year{text-align:center;}

div.form .row input.nm1 {width: 50px;}
div.form .row input.nm2 {width: 25px;}

div.form .row .comma{font-size: 2em;font-family: Arial, Verdana, Garuda, Sans-serif;font-weight: bold;vertical-align: -5px;}

div.form .row .autofill{padding: 4px 0;width: 222px;font-size: 1.1em;}

div.form .zebra{ background: #f8f8f8;}
div.form span.required{ color: #3399FE; padding-left: 2px;}
div.form p.required{ margin: 10px; clear: both;}

div.form .tooltip{ float: right;height: 16px;width: 18px;background: url(../../images/FrieslandBank.Portal.Branding/icons/icon_tooltip.gif) no-repeat;margin-top: 1px;cursor: pointer;}
div.form .tooltip-content{background: #fff;	border: 1px solid #9BCCFF;padding: 10px;width: 180px;line-height: 1.6em;clear: both;}
/*
.js div.form .tooltip_content{position: absolute;left: 22px;margin-top: 20px;background: #fff;width: 201px;line-height: 1.6em;z-index: 2; display:none;font-size: 1.1em;background: url(../../images/FrieslandBank.Portal.Branding/bg/error-shadow-bg.gif) no-repeat top right;	padding: 0 2px 1px 0;}
.js div.form .tooltip_content p{background: #fff;border: 1px solid #9BCCFF;padding: 10px;width: 180px;margin: 0;}
.tooltip_content p {font-size:1em}
*/
div.form.bordered{border: 1px solid #ccc;border-top: 0;padding: 10px;}

div.form div.error { font-size:10px; position:absolute; z-index:999; right:0; top:0; width:201px; background:url(../../images/FrieslandBank.Portal.Branding/bg/error-arrow.gif) no-repeat 0 1px; }
	div.form .error p { border: 1px solid #cc0033;min-height: 14px;padding: 5px 5px 5px 22px;margin: 0 1px 0px 0; background:#fff url(../../images/FrieslandBank.Portal.Branding/icons/error-excl.png) no-repeat 4px 6px;}

div.form .error .shadow{background:url(../../images/FrieslandBank.Portal.Branding/bg/error-shadow-bg.gif) no-repeat top right; border-bottom:1px solid #999; margin-left:5px;}

div.form .toelichting{color: #808080;font-size: 1.1em;line-height: 1.4em;padding-left: 5px;}

div.form .valid { width: 645px; top left no-repeat;   margin-bottom:15px;  }
	div.form .valid .valid-top {width: 645px; height: 11px; background: url(../../images/FrieslandBank.Portal.Branding/bg/validtop.gif) top left no-repeat;  }
	div.form .valid .valid-body { background: #E1F0FF; margin-top: -2px; margin-bottom: -2px; padding: 0 11px;}
	div.form .valid .valid-bottom { background: url(../../images/FrieslandBank.Portal.Branding/bg/validbottom.gif) bottom no-repeat; width: 645px; height: 11px;}
	div.form .valid p { margin-bottom:0; color:#003366; font-weight:bold; }
div.form .invalid { width: 645px; top left no-repeat;  margin-bottom:15px;  }
	div.form .invalid .invalid-top {width: 645px; height: 11px; background: url(../../images/FrieslandBank.Portal.Branding/bg/invalidtop.gif) top left no-repeat;  }
	div.form .invalid .invalid-body { border-left: 1px solid #f00; border-right: 1px solid #f00; padding: 0 11px;}
	div.form .invalid .invalid-bottom { background: url(../../images/FrieslandBank.Portal.Branding/bg/invalidbottom.gif) bottom no-repeat; width: 645px; height: 11px;}
	div.form .invalid p { margin-bottom:0; color:#f00;}

/* Forms in teasers */
.teaser .row div.radio {width: 200px;}
	.teaser .row div.radio label {color: #333; float:left; font-size: 1.1em; padding-left:5px; width: 170px;}
	.teaser .row div.radio input {float:left; margin-left:0}

/* Buttons */
a.button {padding:7px 0 8px 11px; font-family:"Trebuchet MS"; font-size:1.3em; font-weight:bold; line-height:2.7em; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-low-l.png); border:none; background-repeat: no-repeat;}
a.button span { padding:7px 11px 8px 0px; font-weight:bold; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-low-r.png); background-repeat: no-repeat; background-position: top right; color:#036; }
	.dynamic-advice a.button {font-size:13px;}

a.button:hover { background-position:left -33px; }
a.button:hover span { background-position:right -33px; color:#036; }

a.button.blue { background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/page-btn-blue-left.png); }
a.button.blue span { background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/page-btn-blue-right.png); color:#fff; }

.text-component a.button { text-decoration:none; }
.text-component a.button:hover { background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-low-l.png);background-position:left -33px; background-repeat:no-repeat; }


.searchbutton {display: inline;}
.searchbutton input.button {background: transparent url(../../images/FrieslandBank.Portal.Branding/buttons/search-bluebg.gif) no-repeat 0 0; border: 0; height: 17px; width: 52px}
	.searchbutton input.hover  {background: transparent url(../../images/FrieslandBank.Portal.Branding/buttons/search-bluebg-hover.gif) no-repeat 0 0;}

input.button.width70 {background: transparent url(../../images/FrieslandBank.Portal.Branding/buttons/btn-small.png) no-repeat 0 0; border:none; width: 72px; font-family:"Trebuchet MS"; font-size: 1.1em; font-weight:bold; color: #036; cursor:pointer; margin: 0.5em 0;}
	input.button.width70.hover {color:#fff}

input.sendform {background: transparent url(../../images/FrieslandBank.Portal.Branding/buttons/btn-sendform.png) no-repeat 0 0; float:right; border:none; width: 150px; height: 32px; color: #fff; font-family: "Trebuchet MS"; font-size: 1.8em; padding: 0 15px 5px 0;}
	input.sendform.hover {background-position: left -34px; cursor:pointer; color: #036;}
	
div.form .row input.route, div.form .row button.route  {background: transparent url(../../images/FrieslandBank.Portal.Branding/buttons/btn-route.png) no-repeat 0 0; float:right; border:none; width: 188px; height: 32px; color: #fff; font-family: "Trebuchet MS"; font-size: 18px; padding: 0 15px 5px 0;}
div.form .row input.route.hover, div.form .row button.route.hover {background-position: left -34px; cursor:pointer; color: #036;}
	

/* Buttons in forms */
button{text-align: center;cursor: pointer;  background-position: left top;background-repeat: no-repeat;border: 0;font-family:"Trebuchet MS", Arial, Garuda, Sans-serif;height: 32px;padding: 0 0 0 11px; width:auto; background:transparent none no-repeat scroll left top;}
	button p{color:#fff; font-weight:bold; font-size:1em; height:30px; padding: 2px 20px 0 0; outline: none; text-align: center; background-position: right top;background-repeat: no-repeat; white-space:nowrap;position:relative;  }
	button:hover p, button.hover p {color:#036;}

	button:focus, button:focus p {outline:none;}
		div.form button span.img{display:inline; padding: 0 5px;}
		div.form button span.arrow{background:url('../../images/FrieslandBank.Portal.Branding/buttons/arrow_btn.png') no-repeat 0 4px;}
		div.form button:hover span.arrow{background:url('../../images/FrieslandBank.Portal.Branding/buttons/arrow_btn_hover.png') no-repeat 0 4px;}
	
	div.form button.base, div.form button.base p{background: url(../../images/FrieslandBank.Portal.Branding/buttons/base_btn.png);color: #004C74;}
	div.form button.extreme, div.form button.extreme p{background-image: url(../../images/FrieslandBank.Portal.Branding/buttons/extreme_btn.png);color: #fff;}
	/*div.form button.last, div.form button.last p{background-image: url(../../images/FrieslandBank.Portal.Branding/buttons/form-last-step-btn.png);color: #fff;}*/
		div.form button.focus p, div.form button.focus p {padding-right:40px; margin-bottom:0;}
	
			div.form p.next { clear:both; color:#999; float:right; margin:0 10px 5px 0; text-align:right; width:160px; }
			div.form p.finish { float:right; clear:both; width:160px; text-align:right; margin:5px 10px 5px 0; }
		div.form button.small { width:100px; overflow:hidden;}
		div.form button.medium { width:150px;}
		div.form button.large { width:200px;}

	.small-form button {border:0; background:none; text-align:center; width: auto; background-position: left top; background-repeat: no-repeat;}
	.small-form button p {position:relative; display:block; white-space:nowrap; padding:0 20px 0 0; background-position: right top;background-repeat: no-repeat;}
	button:hover{	background-position: left -34px;}
		button:hover p{background-position: right -34px;}
	
	.result .small-form .error p { color: #c00; font-weight:bold; min-height: 14px; pAdding: 5px 5px 5px 22px;background: url(../../images/FrieslandBank.Portal.Branding/icons/error-excl.png) no-repeat 4px 6px;}
	
	/* submit buttons - vervangen de andere? */
	button.next, a.next { background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/form-step-btn-transp-l.png); font-weight: bold; }
		button.next p { height:32px; line-height:30px;background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/form-step-btn-transp-r.png); color:#fff;}
		button.next p {padding: 0 35px 0 0; }
		a.next span {padding-right: 35px;background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/form-step-btn-transp-r.png); color:#fff;}
		a.next {padding-left:11px;background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/form-step-btn-transp-l.png); font-weight: bold; }
	button.count, a.count {background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-bereken-l.png); padding-left: 11px}
		button.count p { height:32px; line-height:30px; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-bereken-r.png);}
		button.count p {padding: 0 35px 0 0;}
		a.count span {padding-right: 35px; color: #fff; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-bereken-r.png);}
	button.count-green, a.count-green {background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-count-green-l.png); padding-left: 11px}
		button.count-green p { height:32px; line-height:30px; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-count-green-r.png);}
		button.count-green p { padding: 0 35px 0 0;}
		a.count-green span {padding-right: 35px; color: #fff; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-count-green-r.png);}
	button.cancel {background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-cancel-l.png); padding-left: 11px}
		button.cancel p { height:32px; padding: 0 35px 0 0; line-height:30px; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-cancel-r.png);}
	button.last {background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-last-l.png); padding-left: 11px}
		button.last p { height:32px; padding: 0 35px 0 0; line-height:30px; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-last-r.png);}
	button.back-secundair, a.back-secundair { background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-back-secundair-l.png); padding-left: 30px}
		button.back-secundair p { height:32px; color: #036; padding: 0 15px 0 5px; line-height:30px; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-back-secundair-r.png);}
		a.back-secundair span {padding-right:15px; padding-left:5px; color: #036; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-back-secundair-r.png);}
		.text-component a.back-secundair:hover {background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-back-secundair-l.png); background-position:left -34px;}
		.text-component a.back-secundair:hover span {background-position:right -34px;}
	button.focus, a.focus {background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-focus-l.png); padding-left: 11px}
		button.focus p, a.focus span { height:32px; line-height:30px; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-focus-r.png);}
		button.focus p {padding: 0 12px 0 0; }
		a.focus {padding-left: 11px}
		a.focus span {color: #fff}
	button.grey {background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-low-l.png); padding-left: 11px;}
		button.grey p { height:32px; line-height:30px; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-low-r.png); color: #036;}
		button.grey p {padding: 0 12px 0 0;}
	button.alert, a.alert {background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-alert-l.png); padding-left: 11px;}
		button.alert p, a.alert p, a.alert span { height:32px; padding: 0 12px 0 0; line-height:30px; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-alert-r.png);}
	button.action, a.action {background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-action-l.png); padding-left: 11px;}
		button.action p { height:32px; line-height:30px; background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-action-r.png);}
		button.actionp {padding: 0 12px 0 0;}
		a.action span {color:#fff;}
	
a.btn-right {float:right; padding:0 0 0 11px; line-height:2.15em; clear:right; margin-bottom:5px;}
a.btn-left {float:left; padding:0 0 0 11px; line-height:2.35em; clear:left; margin-bottom:5px;}
a.btn-right span, a.btn-left span {display:inline-block; padding: 0 35px 3px 0;}
a.action span {background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/btn-action-r.png); padding-right:11px;}
	
div.form a.print{background:#fff url(../../images/FrieslandBank.Portal.Branding/buttons/print_btn.png) no-repeat; color: #00287A;float: right;font-family:Verdana, Arial, Garuda, Sans-serif;font-size: 1.1em;margin-right: 5px;padding-left: 20px;height: 20px;}
	div.form a.print:hover{border: none;}

div.form a.wijzig{margin: 5px 0 0 8px;background:transparent url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif) no-repeat scroll 0 3px; margin-bottom:0.5em; padding-left:10px; font-size:1.1em;float: left;}
	div.form a.wijzig:hover{border: none;}
div.form h2.wijzig{float: left;margin-bottom: 5px;}

/* ---------------------------------------------------- 
	forms in widgets
	---------------------------------------------------- */
	.toolstop fieldset {margin-bottom:1em;}
	.small-form .row {width:100%; overflow:hidden; margin-bottom:0.4em; position:relative;}
	.small-form .row .col-left {width: 165px; float:left;}
	.small-form .row .col-right { float:left; position:relative; width:140px; padding-left:5px}
	.small-form label {color: #036; float:left; font-family: "Trebuchet MS"; font-size: 1.4em; font-weight: bold;}
	.small-form .row input {width: 85px; border: 1px solid #666; color: #666; padding:2px; font-size: 1.1em; float:left; margin-bottom: 10px;}
		
	.small-form .row input.error, .small-form .row select.error  { color:#c03; border:1px solid #c03; }
	.small-form .row select {width:91px; float:left; clear:left; border:1px solid #7F7F7F; color: #666; font-size: 1.1em;}
	.small-form .row select.notfixed { width:auto; }
	
	span.euro {font-size:1.5em; font-weight:bold; font-family: "Trebuchet MS"; color:#036;}
	.col-right span.euro {position:absolute; left:0; top:2px;}
	span.text {float: left; margin-left: 9px; font-size:1.1em;}
	span.curancy {float: left; margin-left: 1px; font-size:1.1em;}
	span.required {color: #39f;  font-family:Verdana, Arial, Garuda, Sans-serif; font-size:11px;}
	p.note {margin:0; color:#666;}
	
	
	.foldin .toolstop {padding-top: 2em;}
		
	.small-form .tooltip{ float: right;height: 16px;width: 18px;background: url(../../images/FrieslandBank.Portal.Branding/icons/icon_tooltip.png) no-repeat;margin-top: 1px; margin-left: 2px; cursor: pointer;}
	.small-form tbody .tooltip {margin-top: -2px; margin-bottom:-4px}
	/*
	.small-form .tooltip_content{background:#fff; border:1px solid #9BCCFF; padding: 10px; width:180px; line-height:1.6em;clear: both;}
		.js .small-form .tooltip_content { position:absolute; border:0; margin-top:20px; background:#fff; width:201px; line-height:1em; font-size: 1.1em;z-index: 2; display:none;background: url(../../images/FrieslandBank.Portal.Branding/bg/error-shadow-bg.gif) no-repeat top right; padding:0 1px 1px 0;}
		.js .small-form .tooltip_content p { background:#fff; padding:3px; margin:0; border:1px solid #9BCCFF; }
*/
	.foldin .small-form .tooltip {margin-top: 10px;}

/* ---------------------------------------------------- 
	Form doorsturen 
	lightbox 
	----------------------------------------------------- */
#lightbox {background: #666; overflow: hidden; width: 100%;}

.form.lightbox {width: 655px; background: none;}
	div.lightbox .row {width: 635px;}
	div.lightbox .col-right {width: 510px; }
		div.lightbox .col-right div.google_error { border:1px solid #f00; margin:5px 0 0 0; background:#fff url(../../images/FrieslandBank.Portal.Branding/icons/error-excl.png) no-repeat 4px 6px; }
			div.lightbox .col-right div.google_error p { font-size:1em; padding: 5px 5px 5px 22px; margin:0; }

	.lightbox .top {background: url('../../images/FrieslandBank.Portal.Branding/bg/lightbox-top.png') no-repeat 0 bottom; height: 14px;}
	.lightbox .bg  { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/lightbox-bg.png') repeat-y 0 0; height: auto; padding: 0 10px; min-height: 100px; width: 635px; overflow: hidden;}
	.lightbox .bottom {background: url('../../images/FrieslandBank.Portal.Branding/bg/lightbox-btm.png') no-repeat top left;height: 13px;}

.send {width: 100%; overflow: hidden; margin: 40px 0;}
	p.large {color: #036; font-size: 1.8em; font-family: Trebuchet MS; font-weight: bold; margin:0;}
	.send h1 {margin:0; line-height: 1em}
	.send a {color: #666; text-decoration: underline;}
	p.error {color: #c00}
	
.lightbox .faq-content {background: none; width: 610px;}


ul.bulletlist li {padding-left: 1px;	margin: 0 0 5px 15px; list-style-type: disc;	list-style-position: outside;}

h2.accoord { margin-bottom: 5px; }
ul.accoordlist li { background:transparent url(../../images/FrieslandBank.Portal.Branding/icons/accoord_bg.gif) no-repeat scroll 0 0; padding: 0 0  5px 20px; margin-bottom: 5px;}

.single-link {margin:10px 0 10px 10px; background:transparent url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif) no-repeat scroll 0 3px; margin-bottom:0.5em; padding-left:12px; font-size:1.1em;}

.fund_selector { position:relative; height:40px; }
.fund_selector legend { display:none; }
.fund_selector label { position:absolute; top:12px;}
.fund_selector select { position:absolute; left:165px;top:10px;}
.fund_selector label { color:#036; font-size:1.8em;font-weight: bold;
	font-family:"Trebuchet MS", Arial, Garuda, Sans-serif; }

select.large-text { font-family:"Trebuchet MS", Arial, Garuda, Sans-serif; color:#036; font-size:1.8em;font-weight: bold; }

/* -------------------------------------------------------------- 
					Slider 
-------------------------------------------------------------- */
div.slider {height:22px; width:200px; float:left; margin: 0 0 0 15px; background: transparent url('../../images/FrieslandBank.Portal.Branding/bg/slider-track.png') no-repeat; display:block; background-position: 0 50%; position:relative;}
	.slider .track {height: 22px; width: 40px; background: transparent url('../../images/FrieslandBank.Portal.Branding/bg/slider-track-dark.png') no-repeat; display:block; background-position: 0 51%;}
	.slider .button {height: 19px; width: 15px; padding:0; background: transparent url('../../images/FrieslandBank.Portal.Branding/bg/slider-icon.png') no-repeat top; display:block; background-position: 0 0; cursor:pointer; position:absolute; left:33px; top:0} 
	.slider .button:focus, .slider .button:hover { background-position:bottom; }
	
div.slider.steps { background-image:url('../../images/FrieslandBank.Portal.Branding/bg/slider-track-steps.png'); } 
	.slider.steps .track { background-image:url('../../images/FrieslandBank.Portal.Branding/bg/slider-track-steps-dark.png'); } 
	
div.slider.blue { width:300px; background-image:url('../../images/FrieslandBank.Portal.Branding/bg/slider2-track.png'); } 
	.slider.blue .track { background-image:url('../../images/FrieslandBank.Portal.Branding/bg/slider2-track-dark.png'); } 
	
div.result div.slider { margin-left:5px; }	

.js .tool-berekening .result .slider_rail { width:300px; background-image:url('../../images/FrieslandBank.Portal.Branding/bg/slider2-track.png'); margin-left:0;}
	.js .slider_handle input {display:none;}
.js .slider_rail {height:22px; width:200px; float:left; margin: 0 0 0 15px; background: transparent url('../../images/FrieslandBank.Portal.Branding/bg/slider-track.png') no-repeat; display:block; background-position: 0 50%; position:relative;}
.js .slider_handle {height: 19px; width: 15px; padding:0; overflow:hidden; display:block; background-position: 0 0; cursor:pointer; position:relative; } 
	.js .slider_handle:hover, .js .slider_handle_hover {background-position:bottom; }


/* -------------------------------------------------------------- 
					Tables 
-------------------------------------------------------------- */
.text-component table { margin:0 10px 10px 10px; font-size:1.1em; }
.text-component table thead th { font-family:"Trebuchet MS", Arial, Garuda; color:#036; font-size:1.3em; font-weight:bold;}
	.text-component table tr { background:url('../../images/FrieslandBank.Portal.Branding/bg/light-hr-gray.gif') repeat-x 0 bottom; }
		.text-component table th, .text-component table td { padding:4px; text-align:left;}
	#main .text-component table tr:hover {background-color: #edf6fe;}
	.text-component table tbody th { text-align:left; font-weight:normal; }
	
table strong {font-size:1em}

table.progress { background:url(../../images/FrieslandBank.Portal.Branding/form/progress_bg.png) no-repeat 0 top; margin-left: 1px; padding:0; width:676px;}
  table.progress td { height:40px; vertical-align:middle; text-align:center; font-family:"Trebuchet MS", Arial, Garuda, Sans-serif; font-size:1.3em; font-weight:bold; color:#fff; padding: 0 5px;}
  table.progress td.active { color:#00287a; background:url(../../images/FrieslandBank.Portal.Branding/form/progress_bg.png) no-repeat -10px bottom; }
  table.progress td.first-active { color:#00287a; background:url(../../images/FrieslandBank.Portal.Branding/form/progress_bg.png) no-repeat left bottom; }
  table.progress td.last-active { color:#00287a; background:url(../../images/FrieslandBank.Portal.Branding/form/progress_bg.png) no-repeat right bottom; padding-right: 9px;}
    table.progress td a, table.progress td a:link { color:#999; }
    table.progress td a:hover { color:#c00; }


table.data {background: url('../../images/FrieslandBank.Portal.Branding/bg/light-hr-gray.gif') repeat-x 0 bottom; margin:0 0 20px 10px; font-size:1.1em; color:#036;}
	table.data tr { background:url('../../images/FrieslandBank.Portal.Branding/bg/light-hr-gray.gif') repeat-x 0 0; }
		table.data th { text-align:left; font-weight:normal;  }
		table.data th, table.data td { padding:4px 5px; }
		table.data td { text-align:right; }

table.beurskoersen { margin:0 0 10px 10px; font-size:1.1em; width:670px; }
	table.beurskoersen th, table.beurskoersen td { padding:4px; }
	table.beurskoersen thead th { font-family:"Trebuchet MS", Arial, Garuda, Sans-serif; color:#036; font-size:1.3em;font-weight: bold; text-align:right; }
	table.beurskoersen thead th.first { text-align:left; }
	table.beurskoersen tr { background:url('../../images/FrieslandBank.Portal.Branding/bg/light-hr-gray.gif') repeat-x 0 bottom;}
	table.beurskoersen tbody tr:hover { background-color:#F6FCFE}
		table.beurskoersen tbody tr.positive { color:#393;}
		table.beurskoersen tbody tr.negative { color:#f00;}
	table.beurskoersen tbody th { text-align:left; font-weight:bold;}
	table.beurskoersen tbody td { text-align:right;}
	
/* -------------------------------------------------------------- 
	table  hypotheek berekening tool 
-------------------------------------------------------------- */
table .tooltip{ float: left;height: 16px;width: 18px;background: url(../../images/FrieslandBank.Portal.Branding/icons/icon_tooltip.gif) no-repeat;margin-top: 1px; margin-left: 2px; cursor: pointer;}
	table tbody .tooltip {margin-top: -2px; margin-bottom:-4px; float:right;}
/*
table .tooltip_content{background:#fff; border:1px solid #9BCCFF; padding: 10px; width:180px; line-height:1.6em;clear: both;}
.js table .tooltip_content {position: absolute; border:0;margin-top: 20px;background: #fff;width: 201px;line-height: 1.6em;z-index: 2;	display:none;font-size: 1.1em;background: url(../../images/FrieslandBank.Portal.Branding/bg/error-shadow-bg.gif) no-repeat top right;	padding: 0 1px 1px 0;}
.js table .tooltip_content p{background: #fff;padding: 10px;margin: 0;border:1px solid #9BCCFF;}
*/
/*table.interest thead th .tooltip_content p {color: #333; font-size:0.7em; font-family: verdana, arial, garuda; font-weight: normal;}*/

table.interest { margin:0 10px 10px 10px; font-size:1.1em;}
table.interest thead th { font-family:"Trebuchet MS", Arial, Garuda; color:#036; font-size:1.3em; font-weight:bold;}
	table.interest tr { background:url('../../images/FrieslandBank.Portal.Branding/bg/light-hr-gray.gif') repeat-x 0 bottom;}
		table.interest th, table.interest td { padding:4px; text-align:left;}
	table.interest tr:hover {background-color: #edf6fe;}
	table.interest tbody th { text-align:left; font-weight:normal; width:150px;}
table.interest { width:670px;}
	table.interest thead th span {float:left;}
			table.interest tbody th span {float:left;}
	table.interest strong {color: #036;}
	table.interest thead a { display:inline-block; }
	table.interest a {color:#036;}
	table.interest a, table.interest a:hover, table.interest a:focus {background: transparent url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif) no-repeat scroll 0 4px; padding-left: 10px;}
	table.interest tbody a:hover {color: #39f}
	
.lightbox table.interest,
.lightbox table.compare {width: 615px !important; }
	.lightbox table.interest th, .lightbox table.interest td {vertical-align:top; padding:10px 5px }
	.lightbox table.compare th, .lightbox table.interest td { padding:10px 5px; }
	.lightbox table.compare th { word-wrap:break-word; width:120px; }
	table.compare tbody a {background:none;padding:0;text-decoration:underline;}
	table.compare tbody a:hover {background:none;padding:0;color: #f00;text-decoration:none;background:transparent url(../../images/FrieslandBank.Portal.Branding/bg/link-underline.gif) repeat-x 0 bottom;}
	
	.lightbox table.compare tbody th { padding:10px 0 10px 5px;}
	.lightbox table.compare tbody th span { width:127px; }
	
	
/* Table for product comparison */
.span-2 .box table {width: 100%;}
	.span-2 .box table tr {background:url('../../images/FrieslandBank.Portal.Branding/bg/light-hr-gray.gif') repeat-x 0 bottom;}
		.span-2 .box table tr:hover {background-color: #edf6fe;}
	.span-2 .box table th, .span-2 .box table td { padding:4px; text-align:left;}
	.span-2 .box table th {font-family: "Trebuchet MS", Arial, Garuda; color:#036; font-size:1.4em; font-weight:bold;}
		.span-2 .box table th a {padding-left: 14px; color: #036;  background:transparent url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif) no-repeat scroll 0 4px; display:block;}
	.span-2 .box table td.checkbox {text-align:right; font-size:1.1em;}
	.span-2 .box table td.interest {font-family: "Trebuchet MS", Arial, Garuda; color:#036; font-size:1.4em; font-weight:bold; color: #666; white-space:nowrap;}
	.span-2 .box table tr.fadeout a, .span-2 .box table tr.fadeout td.interest  {color: #999; font-weight:normal;}


.progress-indicator{display: block;height: 45px;background:transparent url(../../images/FrieslandBank.Portal.Branding/form/progress_bg.png) bottom;color: #fff;font-size: 1.3em;font-weight: bold;font-family:"Trebuchet MS", Arial, Garuda, Sans-serif;margin: 10px 0;}
.progress-indicator ul li{ display: block; 	float: left; height: 45px; cursor: default; margin: 0;}
	.progress-indicator ul li span{ padding: 13px 0 0 13px; display: block;}
	.progress-indicator ul li.stap1{ width: 190px; background:transparent url(../../images/FrieslandBank.Portal.Branding/form/progress_bg.png) left top no-repeat;}
	.progress-indicator ul li.stap2{ width: 130px; background:transparent url(../../images/FrieslandBank.Portal.Branding/form/progress_bg.png) -10px top no-repeat;}
	.progress-indicator ul li.stap3{ width: 175px; background:transparent url(../../images/FrieslandBank.Portal.Branding/form/progress_bg.png) -10px top no-repeat;}
	.progress-indicator ul li.stap4{ width: 185px; background:transparent url(../../images/FrieslandBank.Portal.Branding/form/progress_bg.png) right top no-repeat;}
	.progress-indicator ul li.active{ color: #00287A}
	.progress-indicator ul li.complete{ color: #B6B6B6}
	.progress-indicator ul li.stap1.active{ background-position: left 48px}	
	.progress-indicator ul li.stap2.active{ background-position: -10px 48px}
	.progress-indicator ul li.stap3.active{ background-position: -10px 48px}
	.progress-indicator ul li.stap4.active{ background-position: right 48px}

/* -------------------------------------------------------------- 
    Components / Webparts
-------------------------------------------------------------- */

/* Text components */
.text-component { margin-bottom:10px; padding:0 20px 0 10px; }
  div.text-component ul, div.text-component ol, div.attention ul, div.attention ol  { margin-left:2em; } /* make heavy to overwrite general states */
	div.text-component ul li, div.attention ul li { float:none; background:none; margin:0; padding:0; width:auto; text-align:left; list-style-type:disc; margin-bottom:6px; }
  div.text-component ol li, div.attention ol li { float:none; background:none; margin:0; padding:0; width:auto; text-align:left; list-style-type:decimal; margin-bottom:6px; }
  .text-component a, .attention a { color:#003068; text-decoration:underline; }
  .text-component a:visited { color:#999; text-decoration:underline; }
  .text-component a:hover, .text-component a:focus { color:#c00; text-decoration:none; background:url(../../images/FrieslandBank.Portal.Branding/bg/link-underline.gif) repeat-x bottom left; }

/* Attention block */
.attention { margin-bottom:10px; background:#dce8ff url(../../images/FrieslandBank.Portal.Branding/bg/attention-top.gif) no-repeat top left; }
  .attention .bg { padding:10px; background:transparent url(../../images/FrieslandBank.Portal.Branding/bg/attention-bottom.gif) no-repeat bottom left; }
  .attention .bg p { margin-bottom:1em; }

/* Teasers (overview page) - padding left/right is 9 because of DEV border */
.teaser { overflow:hidden; line-height:1.5em; margin-bottom:10px; padding-top:10px;}
	.teaser h4 { font-size:1.6em; margin:2px 0 10px; line-height:1.2em;}
	.teaser .bg { position:relative; padding:0 10px; overflow:hidden; height:130px; width:auto;}
	.teaser .bottom { height:12px; text-align:center; }
	
  
  /* various classes teasers */
	.teaser.varheight .bg{ height:auto; /* min-height:130px;*/}
	
	.teaser.bottom-link .bg { /*padding-bottom: 1.5em;*/ position: relative;}
	.teaser.bottom-link .single-link{ position: absolute; bottom: -5px; left: 10px; margin: 0; background:transparent url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif) no-repeat scroll 0 3px; margin-bottom:0.5em; padding-left:12px; font-size:1.1em;}
  
	.teaser p.loud{font-size:1.6em; font-family:"Trebuchet MS", Arial, Garuda, Sans-serif; font-weight:bold; line-height:20px;}
  
	.teaser.img-right .img-container{ position:absolute; top:30px; right:10px; z-index:0; width: 70px;}
	.teaser.img-right img{ float:right; }
	.teaser.img-right p{ width: 130px; position:absolute; top:30px; left:10px; z-index:1; }
	.teaser.img-right .single-link{ float: none; clear: both; }
	
	.teaser.large-img-right .img-container {position:absolute; top: 0; right: -15px; width:200px;}
	.teaser.large-img-right p{ width: 80px; position:absolute; top:30px; left:10px; z-index:1; }
	
	.teaser.img-left .img-container{ position:absolute; top:30px; left:10px; z-index:0; width: 70px;}
	.teaser.img-left img{ float:left; margin-top:20px;}
	.teaser.img-left p{ width: 130px; position:absolute; top:30px; right:5px; z-index:1; }
	.teaser.img-left .single-link{ float: none; clear: both; }
	
	.teaser.bg-img h4, .teaser.img-left h4, .teaser.img-right h4 { position: absolute; }
  .teaser.bg-img img {position:absolute;}
	
	.teaser.link .bg {cursor:pointer;}
  
  .teaser a:hover { background:none; }
  .teaser.pdf-list a:hover, .teaser .linklist a:focus { background:transparent url(../../images/FrieslandBank.Portal.Branding/bg/link-underline.gif) repeat-x scroll left bottom; }
  
  /* Different flavours (different bg color etc) */
  .teaser.default { color:#003366; background:url('../../images/FrieslandBank.Portal.Branding/bg/teaser-220-top.png') no-repeat 0 0;}
  .teaser.default h4 {  color:#036; }
  .teaser.default .bg { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-220-bg.png') repeat-y 0 0; }
/*  .teaser.default li { background-image:url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif'); }
  .teaser.default li.active { background-image:url('../../images/FrieslandBank.Portal.Branding/icons/item-active.gif'); background-position:1px 6px; }
  .teaser.default li.active a { font-weight:bold; color:#39f; } */
  .teaser.default .bottom { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-220-bottom.png') no-repeat 0 0; }
  
	/*blauw*/
  .teaser.blauw { color:#fff; background:url('../../images/FrieslandBank.Portal.Branding/bg/teaser-blauw-220-top.png') no-repeat 0 0;}
  .teaser.blauw h4 {  color:#fff; }
  .teaser.blauw .bg { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-blauw-220-bg.png') repeat-y 0 0; }
  .teaser.blauw li/*, .column.span-1 .teaser.blauw ul.linklist li*/ { background-image: url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-bluebg.gif); }
  .teaser.blauw a /*, .column.span-1 .teaser.blauw ul.linklist li a*/ { color:#fff; }
  .teaser.blauw a:visited { color:#999; }
  .teaser.blauw a:hover,/* .column.span-1 .teaser.blauw ul.linklist li a:hover,*/
  .teaser.blauw a:focus/*, .column.span-1 .teaser.blauw ul.linklist li a:focus */{ color:#c00; }
  .teaser.blauw .bottom { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-blauw-220-bottom.png') no-repeat 0 0; }
  .teaser.blauw .single-link{ background:transparent url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-bluebg.gif) no-repeat scroll 0 3px; margin-bottom:0.5em; padding-left:12px; font-size:1.1em;}
  
	/*rood*/
  .teaser.rood { color:#fff; background:url('../../images/FrieslandBank.Portal.Branding/bg/teaser-rood-220-top.png') no-repeat 0 0;}
  .teaser.rood h4 {  color:#fff; }
  .teaser.rood .bg { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-rood-220-bg.png') repeat-y 0 0; }
  .teaser.rood li/*, .column.span-1 .teaser.rood ul.linklist li*/ { background-image: url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-redbg.gif); }
  .teaser.rood a/*, .column.span-1 .teaser.rood ul.linklist li a*/ { color: #fff; }
  .teaser.rood a:visited { color:#acacac; }
  .teaser.rood a:hover,/* .column.span-1 .teaser.rood ul.linklist li a:hover,*/
  .teaser.rood a:focus/*, .column.span-1 .teaser.rood ul.linklist li a:focus*/ { color:#c00; }
  .teaser.rood .bottom { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-rood-220-bottom.png') no-repeat 0 0; }
  .teaser.rood .single-link{ background:transparent url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-redbg.gif) no-repeat scroll 0 3px; margin-bottom:0.5em; padding-left:12px; font-size:1.1em;}
  
	/*grey*/
  .teaser.grey { color:#003366; background:url('../../images/FrieslandBank.Portal.Branding/bg/teaser-grey-220-top.png') no-repeat 0 0;}
  .teaser.grey h4 {  color:#003366; }
  .teaser.grey .bg { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-grey-220-bg.png') repeat-y 0 0; }
  .teaser.grey li { background-image: url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-greybg.gif); }
  .teaser.grey a { color: #003366; }
  .teaser.grey a:hover, .teaser.grey a:focus { color:#c00; }
  .teaser.grey .bottom { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-grey-220-bottom.png') no-repeat 0 0; }
  .teaser.grey .single-link{ background:transparent url(../../images/FrieslandBank.Portal.Branding/icons/arrow-red-greybg.gif) no-repeat scroll 0 3px; margin-bottom:0.5em; padding-left:12px; font-size:1.1em;}
  
  .teaser.functional { background-color:#edf6fd; }
  .teaser.optional { }
  .teaser.focus { }
  .teaser.exception { }
  .teaser.column-profile { color:#333; }
  .teaser.column-profile img.profile { max-width:200px; margin:0 0 10px 0; }
  
  /* questions teasers as steps */
  .wide .teaser .bg {padding-right:20px; height:auto;}
  .teaser.q-open {background:none; padding:0;}
  .teaser.q-open .top {background:url('../../images/FrieslandBank.Portal.Branding/bg/teaser-q-open-top.png') no-repeat 0 0; height:11px;}
  .teaser.q-open .bg {background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-q-open-bg.png') no-repeat 0 0; width:auto;}
  .teaser.q-open .bottom { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-q-open-btm.png') no-repeat 0 bottom; }
  .teaser.q-open div.hr {background: url('../../images/FrieslandBank.Portal.Branding/bg/hr-white-on-blue.png') repeat-x 0 0;}
  
  .teaser.q-active .bg {background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-q-active-bg.png') no-repeat 0 0; }
  .teaser.q-active .bottom {background: transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-q-active-btm.png') no-repeat  0 0; }
  
	/* Teaser pdf's */
	.pdf-list .linklist li { background:url(../../images/FrieslandBank.Portal.Branding/icons/icon_pdf.gif) no-repeat scroll 0 0; padding-left:20px; }
	.pdf-list .linklist li.reader { background-image:url('../../images/FrieslandBank.Portal.Branding/icons/icon_acrobat_reader.gif'); }
  
/* sitemap */
.sitemap { overflow:hidden; line-height:1.5em; margin-bottom:10px; padding-top:10px; color:#003366; background:url('../../images/FrieslandBank.Portal.Branding/bg/teaser-220-top.png') no-repeat 0 0;}
	.sitemap h4 {font-size:1.6em; margin:2px 0 13px; }
	.sitemap .bottom { height:12px; text-align:center; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-220-bottom.png') no-repeat 0 0; }
    .sitemap .bg { padding:0 10px; overflow:hidden; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-220-bg.png') repeat-y 0 0; }

.sitemap li { padding:7px 0; background: url('../../images/FrieslandBank.Portal.Branding/bg/light-hr-gray.gif') repeat-x scroll left top; font-weight:bold;}
.sitemap li:first-child { background-image:none; }
.sitemap li li:first-child, .sitemap li li {  padding:3px 0 3px 10px; font-weight:normal; background:url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif') no-repeat 0 7px; font-size:1em;}
.sitemap li .arrow { background:url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif') no-repeat 0 4px; padding:0 0 0 10px; }

/* 	two column box for compare tables */
.span-2 .box {padding-top: 10px; background:url('../../images/FrieslandBank.Portal.Branding/bg/tools-product-top.png') no-repeat 0 0;}
.span-2 .box .bg {padding: 0 10px; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/tools-product-bg.png') repeat-y 0 0;}
.span-2 .box .bottom { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/tools-product-btm.png') no-repeat 0 bottom; height: 13px;}

/* error message in compare product tool */
	.box div.error {float:left; padding: 8px 0 0 18px; color: #f00; font-weight: bold; font-size: 1.1em;}
  
/* Frequently asked questions (in main div) */
.bigfaq { width:650px; margin-left:10px; }
  .faq-top { height:10px; background:url(../../images/FrieslandBank.Portal.Branding/bg/faq-top.png) no-repeat 0 0; }
  .faq-bg { padding:0; margin:0; background:#ccc url(../../images/FrieslandBank.Portal.Branding/bg/faq-bg.png) repeat-y top right; }
    .faq-content { /*min-height:86px;*/ padding:0 10px; overflow:auto; width:auto; background:url(../../images/FrieslandBank.Portal.Branding/bg/faq-grad.png) no-repeat 0 0; }
      .faq-content h3 { padding:0 0 8px 2px; line-height:1; background:url('../../images/FrieslandBank.Portal.Branding/bg/light-hr.gif') repeat-x bottom left; }
      .faq-content dt { margin-bottom:4px; padding:3px 0 7px; overflow:hidden; width:auto; background:url(../../images/FrieslandBank.Portal.Branding/bg/light-hr.gif) repeat-x bottom left; cursor:pointer; color:#036; font-family:"Trebuchet MS", Arial; font-size:1.2em; font-weight:bold; }
	  .faq-content dt.active { margin-bottom:4px; /*padding:2px 0 5px;*/ background:none; cursor:pointer; color:#036; font-family:"Trebuchet MS", Arial; font-size:1.2em; font-weight:bold; }	  
        .faq-content dt span { float:left; line-height:1; padding-bottom:1px; padding-left:17px; background:url(../../images/FrieslandBank.Portal.Branding/icons/panel-arrow.gif) no-repeat 0 -11px; }
        .faq-content dt span.hover { padding-bottom:0; color:#c00; border-bottom:1px dotted #c00; } /* called by JS */
        .faq-content dt.active span { background-position:0 3px; }
	      .faq-content dd { margin-bottom:5px; padding:0 10px 10px 17px; background:url(../../images/FrieslandBank.Portal.Branding/bg/light-hr.gif) repeat-x bottom left;}
        .faq-content dd p { margin-bottom:0; }
  .faq-bottom { height:10px; font-size:1px; background:url(../../images/FrieslandBank.Portal.Branding/bg/faq-bottom.png) no-repeat 0 0; }
.js .ppzone-tab-content { display:none; }

        

.smallfaq { width:220px; margin:0px 0 10px 0; }
.smallfaq .faq-top { height:10px; background:url('../../images/FrieslandBank.Portal.Branding/bg/teaser-grey-220-top.png') no-repeat 0 0;}
.smallfaq .faq-bottom { height:12px; background: url('../../images/FrieslandBank.Portal.Branding/bg/teaser-grey-220-bottom.png') no-repeat 0 0;}
.smallfaq .faq-bg { padding:0; margin:0; background:none repeat-y top right;}
.smallfaq .faq-content { padding:0 5px; margin:0; background: url(../../images/FrieslandBank.Portal.Branding/bg/teaser-grey-220-bg.png) repeat-y top left; width: 210px; overflow: hidden;}
.smallfaq .faq-content dd { width: 180px;}
.smallfaq .faq-content dt { width: 208px;}
.smallfaq .arrow { padding:0 0 0 12px; background:url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif') no-repeat 0 4px; }

.smallfaq .faq-content dt span { padding-left:2px; background-image:none; }
.smallfaq .faq-content dl { margin-bottom: 0; padding-bottom: 0; width: 210px; overflow: hidden;}
.smallfaq .faq-content p{font-family:Verdana, Arial; font-size:1em; font-weight:normal; }
.smallfaq .faq-content h3 { width: 208px;}
.smallfaq .faq-content a { color:#036; }
.smallfaq .faq-content a:hover { color:#c00; background:url(../../images/FrieslandBank.Portal.Branding/bg/link-underline.gif) repeat-x bottom left; }

/* faq in klantenservice */
.box-fullwidth .faq-content {background:none; margin:0 10px; padding: 0;}
 .box-fullwidth .faq-content dl, .lightbox .faq-content dl{background:transparent url(../../images/FrieslandBank.Portal.Branding/bg/light-hr.gif) repeat-x scroll left top; padding-top: 3px}
.faq-content .page-nav {width:auto; position:absolute; right:0; padding-top:5px}

.box-fullwidth .pager h2 {margin-bottom:1px}
.box-fullwidth li.pdf {line-height: 1.35em}
	.box-fullwidth li.pdf a {color: #036; font-weight: bold;}
	.box-fullwidth li.pdf a:hover {color: #c00}

/* Search Result page 
-------------------------------------------------------------- */
/* Blue full width bar on top */
.box-fullwidth {width: 677px; margin-bottom: 1em;}
	.box-fullwidth .top {height: 10px; }
	.box-fullwidth .bg  {height: auto; min-height: 70px;}
	.box-fullwidth .bottom {height: 13px;}
	
  .box-fullwidth .white .top {background: url('../../images/FrieslandBank.Portal.Branding/bg/highlight-white-top.png') no-repeat 0 bottom; }
	.box-fullwidth .white .bg  {background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/highlight-white-bg.gif') repeat-y 0 0; padding-bottom:1px;}
	.box-fullwidth .white .bottom {background: url('../../images/FrieslandBank.Portal.Branding/bg/highlight-white-bottom.png') no-repeat top left;}
  .box-fullwidth .white ul.linklist { padding:0 20px 0 10px; }
  
  .box-fullwidth .blauw .bg { padding:0 20px 0 10px; }
	.box-fullwidth .blauw .top {background: url('../../images/FrieslandBank.Portal.Branding/bg/highlight-top.png') no-repeat 0 0; }
	.box-fullwidth .blauw .bg  { background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/highlight-bg.png') repeat-y 0 0; }
	.box-fullwidth .blauw .bottom {background: url('../../images/FrieslandBank.Portal.Branding/bg/highlight-bottom.png') no-repeat bottom left;}
	.box-fullwidth .blauw h1 {color: #fff; font-size: 2.5em; margin: 0; padding: 5px 0 10px; }
	.box-fullwidth .blauw h2 {color: #fff; font-size: 1.8em; margin-bottom:1em;}
	.box-fullwidth .blauw h3 {color: #fff; font-size: 1.4em; margin: -1.2em 0 1em}
	/* search form */
	.box-fullwidth .blauw fieldset {padding-bottom: 15px;}
		.box-fullwidth .blauw fieldset label {color: #fff; font-size: 1.1em; font-weight: bold; margin-right: 5px;}
	.box-fullwidth .blauw input.text, .box-fullwidth .blauw select {background: transparent url(../../images/FrieslandBank.Portal.Branding/bg/formfield_bg.gif) no-repeat 0 0; border:0; color: #666; font-size: 1.2em; height: 18px; margin-right: 20px; width: 170px;}
	 .box-fullwidth .blauw select.last {margin-right:0}
	.box-fullwidth .blauw input.text { width:200px; }
		.box-fullwidth .blauw .searchbutton input {background: transparent url(../../images/FrieslandBank.Portal.Branding/buttons/search-bluebg.gif) no-repeat 0 0; width: 52px; margin-right: 0; cursor: pointer;}
			.box-fullwidth .blauw .searchbutton input.hover {background: transparent url(../../images/FrieslandBank.Portal.Branding/buttons/search-bluebg-hover.gif) no-repeat 0 0;}
	
	.box-fullwidth .checkboxes {float:left; padding-top:1px}
		.box-fullwidth .checkboxes input.checkbox {float:left; margin:2px 2px 0 0}
		.box-fullwidth .checkboxes label {float:left; padding:2px 10px 0 2px}
	.box-fullwidth .more-fields {width: 485px; text-align:left}
		.box-fullwidth .more-fields label {width:110px; float:left; text-align:right; padding: 3px 3px 0 0}
		.box-fullwidth .more-fields select {margin-bottom:10px}
		

/* in een tabje */

.ppzone-tab-content .box-fullwidth { margin-left:10px; margin-right:10px; width:657px; }
	.ppzone-tab-content .box-fullwidth .white .top {background-image: url('../../images/FrieslandBank.Portal.Branding/bg/highlight-tab-white-top.png') ; }
	.ppzone-tab-content .box-fullwidth .white .bg  {background-image: url('../../images/FrieslandBank.Portal.Branding/bg/highlight-tab-white-bg.gif') ;}
	.ppzone-tab-content .box-fullwidth .white .bottom {background-image: url('../../images/FrieslandBank.Portal.Branding/bg/highlight-tab-white-bottom.png');}

		
	/* result pages numbering */
.pager {font-family: "Trebuchet MS", verdana; width:auto; overflow: hidden;}
	.box-fullwidth .pager { padding: 10px 0 0; }
.pager p.subtitle { float:left; padding-left:10px; color:#646464; font-size:1.4em; font-weight:bold;}
.pager p.pages {float:right; padding:2px 20px 0 0; font-size: 1.2em; font-weight: bold; word-spacing: 0.5em; }

	div.tabs .pager {padding:0;}
	div.tabs .pager a {border:0}

	/* Search list */
	ul.search-list {padding: 0 10px; width:660px; overflow:hidden; text-overflow:ellipsis;}
	ul.search-list li {font-size:1em;}
	ul.search-list li h3 a {color: #036;}
	ul.search-list li a {color: #3399ff;}

.page-nav { text-align:right; font-size:11px; padding:5px 10px 0 0; }
	.page-nav a { font-weight:bold; padding:1px 0 1px 20px; margin: 0 10px 0 0; border:0;}
	.page-nav a:hover { border:none;}
		.page-nav .permalink, .page-nav a.permalink:hover { background:url('../../images/FrieslandBank.Portal.Branding/icons/icon_permalink.gif') no-repeat left center; }
		.page-nav .mail, .page-nav a.mail:hover { background:url('../../images/FrieslandBank.Portal.Branding/icons/icon_mail.gif') no-repeat left center; }
		.page-nav .print, .faq-content .print, .box .print, .page-nav a.print:hover, .faq-content a.print:hover, .box a.print:hover  { background:url('../../images/FrieslandBank.Portal.Branding/icons/icon_print.gif') no-repeat left center; }

.box .print {font-weight:bold; padding:3px 0 0px 20px; margin: 4px 1px 0 0; border:0; float:right;}

/* print in FAQ */
.faq-content dl dt span {float:left}
.faq-content .print {font-weight:bold; padding:1px 0 0px 20px; margin: -4px 1px 0 0; border:0; float:right;}

ul.search-result-large { margin:0 20px 0 10px; }
ul.search-result-large li, div.tabs ul.search-result-large li { background:url('../../images/FrieslandBank.Portal.Branding/bg/light-hr-gray.gif') repeat-x top; padding: 5px 0; }
ul.search-result-large a, div.tabs ul.search-result-large a { font-family:"Trebuchet MS", Arial, Garuda, Sans-serif; font-size:1.4em; color:#036; cursor:pointer; font-weight:bold; width:auto;overflow:auto; display:block; }
ul.search-result-large a.active, ul.search-result-large a:hover, div.tabs ul.search-result-large a.active, div.tabs ul.search-result-large a:hover { color:#39f; background:none;}
	ul.search-result-large a span.date, div.tabs ul.search-result-large a span.date { float: left; width: 100px;}
	ul.search-result-large a span.title { float:left; width:546px; }
  
	div.tabs ul.search-result-large li {float:none; width: auto; text-align:left}
	div.tabs ul.search-result-large li a {padding:0}
	div.tabs ul.search-result-large a span.title {float:left; width: 545px}


/* Search office 
-------------------------------------------------------------- */
.column.span-1 .text-component h3 {margin-bottom:2px}
.text-component .single-link a { color:#333; }
.text-component .single-link a:visited { color:#999; }
.text-component .single-link a:hover, .text-component .single-link a:focus { color:#c00; background:url(../../images/FrieslandBank.Portal.Branding/bg/link-underline.gif) repeat-x bottom left; }
.column.span-1 .image { padding-left: 10px; margin-bottom:0; }

.faq-bg ul.linklist li { background:url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-greybg.gif') no-repeat 0 3px; padding:0 0 0 10px; }

.office-info .column {width:200px}
.office-info .text-component {padding-left:0}


/** -----------------------------------------------------------
*	tools for rendement 
-------------------------------------------------------------- */
div.tools {float:right; width: 333px; margin: 0 10px 10px;}
div.tabtools .tabs-part {padding:0;}

.toolstop {padding: 10px 10px 0 10px; position:relative /*needed for minimize icon*/; width:313px; background:url('../../images/FrieslandBank.Portal.Branding/bg/tools-small-topgrad.png') no-repeat 0 0;}
	.tabtools .toolstop {background:url('../../images/FrieslandBank.Portal.Branding/bg/tabtools-small-topgrad.png') no-repeat 0 0;}
.toolsbg {width:333px; background:url('../../images/FrieslandBank.Portal.Branding/bg/tools-small-midbg.png') repeat-y 0 0;}
.toolsbtm {width: 333px; height:12px; background:url('../../images/FrieslandBank.Portal.Branding/bg/tools-small-varbtm.png') no-repeat 0 bottom; margin-top:-1em}

div.tools div.result .toolsbtm {background:url('../../images/FrieslandBank.Portal.Branding/bg/tools-long-endbtm.png') no-repeat 0 bottom; padding-top:1em; }
div.tools div.result .toolsbtm-closer {background:url('../../images/FrieslandBank.Portal.Branding/bg/tools-long-endbtm-closer.png') no-repeat 0 0; height:19px; cursor:pointer; }
div.tools div.result .toolsbtm-closer.disabled {background-position:0 bottom; cursor:default; }

div.tools div.result {min-height: 20px; margin-top: -1em; padding-top:2.2em; background:url('../../images/FrieslandBank.Portal.Branding/bg/tools-long-varbtm.png') no-repeat 0 top; }
div.tools .top {min-height: 40px; padding: 0 10px; background:url('../../images/FrieslandBank.Portal.Branding/bg/tools-long-endtop.png') no-repeat 0 top; padding-top:0em;}
div.tools .bg {background:url('../../images/FrieslandBank.Portal.Branding/bg/tools-long-endbg.png') repeat-y 0 top}
div.tools h3 {margin-bottom:1em; width: 290px}
div.tools div.result h3 {margin-bottom:0; }

div.tools span.result, div.tools span.label {color: #036;display:block; font-size: 2.5em; font-family: "Trebuchet MS", verdana; font-weight: bold;}
	div.tools span.result {float:left;}
div.tools span.label { font-size:1.4em; float:left; padding-top:0.5em}
	div.tools .tool-resultaat div.result span.label {color:#666;}
div.tools span.result.error, div.tools span.label.error {color: #c00;}
	div.tools .result .error {clear:left;}
div.tools span.result.checked, div.tools span.label.checked {color: #090; }
div.tools div.result .small-form .row .col-left {width: 146px;}
div.tools div.result .small-form .row .col-right {width: 160px;}

div.tools .tool-resultaat .small-form .row { overflow:visible;}

div.tools a.add, div.tools a.add:hover { font-size:1.2em; color:#036; background:url(../../images/FrieslandBank.Portal.Branding/bg/tools_add.png) no-repeat left; padding:0 0 0 15px; }
div.tools a.add:hover { color:#c00; }

div.tools div.result .sliderboxes { margin:0 0 1.5em 0; }
div.tools div.result .sliderboxes .left, div.tools div.result .sliderboxes .right {width: 155px; }
div.tools div.result .sliderboxes label { float:none; width:155px; display:block; }
div.tools div.result .sliderboxes input.text { margin-top:0.2em; width:90px; border:1px solid #7F7F7F; font-family:"Trebuchet MS"; color:#036; font-weight:bold; font-size:1.4em; }
div.tools div.result .sliderboxes .left { }
div.tools div.result .sliderboxes .right { text-align:right; }

/** ----------------------------------------------------------- 
 * Deposit tools with graphic
-------------------------------------------------------------- */
div.tools.basic {float:none; width: 654px;}
	div.tabtools.basic ul.tabs li {background: url(../../images/FrieslandBank.Portal.Branding/bg/tabtools_white.png) no-repeat 1px 0; width: 178px;}
		div.tabtools.basic ul li.hover, div.tabtools.basic ul li:hover { background-position: 1px -27px;}
		div.tabtools.basic ul li.active {background-position:1px -55px;}
	.tabtools.basic .toolstop {background: url(../../images/FrieslandBank.Portal.Branding/bg/tools-white-wide.png) no-repeat 0 -2px; width: 638px; overflow:hidden;}
	.tabtools.basic .toolsbg {background: url(../../images/FrieslandBank.Portal.Branding/bg/tools-white-wide-bg.png) repeat-y 0 0; width:658px;}
	.tabtools.basic ul.tabs {margin-bottom:-1px; position:relative; z-index:100;}
	.tabtools.basic .toolsbtm {background: url(../../images/FrieslandBank.Portal.Branding/bg/tools-white-wide-btm.png) no-repeat 0 bottom; width:658px;}
	
	.tabtools.basic .small-left {float:left; width: 220px;}
	.tabtools.basic .graphic { float:right; height: 290px; padding: 20px 10px 10px; width: 385px; background: url(../../images/FrieslandBank.Portal.Branding/bg/bg_graphic.png) no-repeat 0 0; margin-bottom: 10px;}
	
	.tabtools.basic .small-left .slider_rail {margin-left:0;}
	.tabtools.basic .small-left .row {width: 100%; overflow:hidden;}
	.tabtools.basic .small-left div.result {background: url(../../images/FrieslandBank.Portal.Branding/bg/form_emph_small.png) no-repeat; padding: 15px 10px; margin-top: 1em}
	.tabtools.basic .small-left .hr {margin-top:9px;}
		.tabtools.basic .small-left .result .hr {margin-top:0px;}
		.tabtools.basic .small-left .result strong.interest {color: #036; font-size:1.4em; font-family: "Trebuchet MS"}
	
	.tabtools.basic .norm-left {float:left; margin-right: 10px; width: 310px;}
	.tabtools.basic .right div.result {background: url(../../images/FrieslandBank.Portal.Branding/bg/form_emph_big.png) no-repeat; height: 68px; padding: 15px 5px 5px 10px; width: 297px; margin-top: 40px}


/* -------------------------------------------------------------- 
    Aside column
-------------------------------------------------------------- */
.login { width:200px; height:89px; margin-bottom:10px; padding:10px; line-height:1.5em; background:url('../../images/FrieslandBank.Portal.Branding/bg/aside-panel.png') no-repeat 0 0; }
	.login h4 { padding-bottom:10px; line-height:1; font-size:1.6em; color:#fff; background:url('../../images/FrieslandBank.Portal.Branding/bg/hr.gif') repeat-x bottom left; }
	
	.login table { margin:0; padding:0; width:100%; }
		.login tr  { background:url('../../images/FrieslandBank.Portal.Branding/bg/grey-hr.gif') repeat-x bottom; }
		.login td  { padding:7px 0 6px; font-size:1.1em; }
		.login td.info { width:40px; color:#999; }
			.login tr td a { padding-left:10px; color:#fff; background:url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-bluebg.gif') no-repeat 0 2px; }
			.login tr td a:visited { color:#999; }
      .login tr td a:hover, .login tr td a:focus { color:#c00; }
      .login tr td a.no-arrow { padding-left:0; background:none; }
      .login tr td.info a:hover, .login tr td.info a:focus { background:url(../../images/FrieslandBank.Portal.Branding/bg/link-underline.gif) repeat-x bottom left; }

.contactpanel { margin-bottom:10px; line-height:1.5em; color:#fff; }
  .contactpanel h4 { height:26px; padding:4px 10px 0; line-height:28px; font-size:1.6em; color:#fff; background:url('../../images/FrieslandBank.Portal.Branding/bg/contactpanel-top.png') no-repeat 0 0; }
  .contactpanel .bg { padding:10px 10px 5px; overflow:hidden; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/contactpanel-bg.png') repeat-y 0 0; }
  .contactpanel .bg p { margin-bottom:0;  color:#666; }
  .contactpanel .bg p.pmargin { margin-bottom:10px; }
  .contactpanel .bg p.big { margin-bottom:5px; font-size:13px; line-height:1; font-weight:bold; color:#003462; }
  .contactpanel .bg a { padding-left:10px; background:url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif') no-repeat 0 2px; }

  	.contactpanel p.textfieldbg { float:left; margin-top:4px; background: url('../../images/FrieslandBank.Portal.Branding/bg/search-input.gif') no-repeat 0 0;}
    .contactpanel input.txt {  width:123px; height:16px; padding:1px 4px 0; font-size:11px; border:none; background:transparent; }
    .contactpanel input.button { float:right; width:54px; margin:4px 4px 0 0; height:17px; background:transparent url(../../images/FrieslandBank.Portal.Branding/buttons/search-whitebg.gif) no-repeat 0 0; border:none; }
    .contactpanel input.hover { background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/search-whitebg-hover.gif); }
    .contactpanel .hr { margin-top:5px; padding-bottom:5px; }
    
  .contactpanel .bottom { height:14px; padding-top:3px; overflow:hidden; text-align:center; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/contactpanel-bottom.png') no-repeat 0 0; }
    .contactpanel .bottom a { background:none; }
    .contactpanel .bottom img { padding:2px 90px 4px; margin-top:-15px; }
    .contactpanel.open .bottom img { padding:2px 0 0 4px; margin-top:0px; }

.contactpanel.fixed .bottom { height:8px; padding-top:3px; overflow:hidden; text-align:center; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-220-bottom.png') no-repeat 0 0; }

.contactpanel.blue h4 { background:url(../../images/FrieslandBank.Portal.Branding/bg/contactpanel-top-blue.png) no-repeat 0 0; }
.contactpanel.blue .bg { background:url(../../images/FrieslandBank.Portal.Branding/bg/contactpanel-bg-blue.png) no-repeat 0 0; }
  .contactpanel.blue .bg p { color:#999; }
  .contactpanel.blue .bg p.big { color:#fff; }
  .contactpanel.blue .bg a { color:#fff; background-image:url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-bluebg.gif'); }
  .contactpanel.blue .bg a:hover { color:#c00; }
  .contactpanel.blue .hr { background-image:url('../../images/FrieslandBank.Portal.Branding/bg/grey-hr.gif'); }
  .contactpanel.blue input.button { background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/search-bluebg.gif); }
  .contactpanel.blue input.hover { background-image:url(../../images/FrieslandBank.Portal.Branding/buttons/search-bluebg-hover.gif); }
.contactpanel.blue .bottom { height:9px; background:url(../../images/FrieslandBank.Portal.Branding/bg/contactpanel-bottom-blue.png) no-repeat 0 0; }
.contactpanel.blue.fixed .bg { padding-bottom:10px;}


.contactpanel div.error { clear:left; font-size:10px; padding-top:5px; width:160px; background:url(../../images/FrieslandBank.Portal.Branding/icons/arrow-up-red.png) no-repeat 5px 0;}
	.contactpanel .error p { border: 1px solid #cc0033;min-height: 14px;padding: 5px 5px 5px 22px;margin: 0 1px 0px 0; background:#fff url(../../images/FrieslandBank.Portal.Branding/icons/error-excl.png) no-repeat 4px 6px;}
		.contactpanel .error .shadow{background: url(../../images/FrieslandBank.Portal.Branding/bg/error-shadow-bg.gif) no-repeat top right;border-bottom: 1px solid #999;}
		
	.contactpanel.blue div.error .shadow { background-image:none;border-bottom:none;}

.asidepanel { margin-bottom:10px; padding-top:10px; line-height:1.5em; color:#fff; background:url('../../images/FrieslandBank.Portal.Branding/bg/teaser-220-top.png') no-repeat 0 0; }
  .asidepanel h4 {  color:#036; margin:2px 0 13px; }
  .asidepanel .bg { padding:0 10px; overflow:hidden; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-220-bg.png') repeat-y 0 0; }
    .asidepanel li { background-image:url('../../images/FrieslandBank.Portal.Branding/icons/arrow-red-whitebg.gif'); }
  .asidepanel .bottom { height:12px; text-align:center; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-220-bottom.png') no-repeat 0 0; }

.smallfaq ul li {padding-left: 5px;}  
.smallfaq ul li .container{padding: 0 0 10px 10px; background: url('../../images/FrieslandBank.Portal.Branding/bg/hr.gif') repeat-x 0 bottom;}
	.smallfaq ul li.last .container{padding: 0 0 0 10px; background: url('../../images/FrieslandBank.Portal.Branding/bg/blank.gif') no-repeat;}
	.smallfaq ul li .antwoord{ color: #555;}


.productpanel h5 { font-size: 1.3em; margin-bottom: 5px}
.teaser .bulletlist li{background: url('../../images/FrieslandBank.Portal.Branding/bg/blank.gif') no-repeat;}

.teaser.productvoorwaarden .bg { padding:0 10px; overflow:hidden; height:90px; min-height:90px; background:transparent url('../../images/FrieslandBank.Portal.Branding/bg/teaser-220-bg.png') repeat-y 0 0; }
.teaser.productvoorwaarden li.pdf { background:transparent url(../../images/FrieslandBank.Portal.Branding/icons/icon_pdf.gif) no-repeat scroll 0 0; padding-left: 20px; }
.teaser.productvoorwaarden li.reader { background:url('../../images/FrieslandBank.Portal.Branding/icons/icon_acrobat_reader.gif') no-repeat; padding-left: 20px;}
.teaser.productvoorwaarden li { padding-left: 20px;}

/* rte velden*/
.rte {font-size:1.1em}
	.rte p, .rte li, .rte strong, .rte em {font-size:1em;}
	.rte h1 {font-size:18px;}
	.rte h2 {font-size:1.1em;}

/* Google maps routebeschrijving */
#gmaps_wrapper { height:300px; overflow:auto; position:relative; }
#gmaps_direction.routebeschrijving { font-size:1.1em; }
#gmaps_map.routebeschrijving { height:290px; width:610px; margin:5px 0 0 0; border:1px solid #7f7f7f; }
.gmaps_hider { position: absolute; left: 100px !important; }

/* -------------------------------------------------------------- 
    Footer
-------------------------------------------------------------- */
#footer { line-height:1.5em; }
  #footer .hr { margin-bottom:0; background-image:url('../../images/FrieslandBank.Portal.Branding/bg/light-hr.gif'); }
  #footer ul { width:100%; margin-left:20px; overflow:auto; }
    #footer ul li { float:left; margin-right:7px; padding:5px 0; color:#036; }
    #footer ul li:first-child { padding-left:0px; font-weight:bold; text-transform:lowercase; background:none; }
  		#footer ul li span { padding-right:5px; color:#666; }
      #footer ul li a { color:#001b47; }
      #footer ul li a:visited { color:#999; }
      #footer ul li a:hover, #footer ul li a:focus { color:#c00; }


/* Topicus Ajax datepicker */
.ajax__calendar_container {position:absolute;cursor:default;width:240px;text-align:center; }
.ajax__calendar_body {height:188px;width:240px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:188px;width:240px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:1.2em;}
.ajax__calendar_header {height:28px;width:100%;}
	.ajax__calendar_prev {cursor:pointer;width:11px;height:12px;float:left;margin:14px 0 0 12px; background:url(../../images/FrieslandBank.Portal.Branding/buttons/datepicker-prev-next.gif) no-repeat -12px 0;}
	.ajax__calendar_next {cursor:pointer;width:11px;height:12px;float:right;margin:14px 12px 0 0; background:url(../../images/FrieslandBank.Portal.Branding/buttons/datepicker-prev-next.gif) no-repeat -24px 0;}
	.ajax__calendar_title {cursor:pointer;font-weight:bold; color:#036; font-family:"Trebuchet MS", Arial, Garuda, Sans-serif; font-weight:bold; font-size:1.4em; padding-top:10px;}
	.ajax__calendar_footer {height:15px; font-size:1.1em;}
	.ajax__calendar_today {cursor:pointer;padding-top:3px;}
	.ajax__calendar_dayname { width:26px; font-weight: bold; padding: 5px 0; color:#036; text-transform:lowercase; }
	.ajax__calendar_day {height:16px;width:26px;text-align:center;padding:5px 0;cursor:pointer; background:transparent url(../../images/FrieslandBank.Portal.Branding/bg/light-hr.gif) repeat-x left bottom;}
	.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;background:transparent url(../../images/FrieslandBank.Portal.Branding/bg/light-hr.gif) repeat-x left bottom;}
	.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;background:transparent url(../../images/FrieslandBank.Portal.Branding/bg/light-hr.gif) repeat-x left bottom;}

	.ajax__calendar .ajax__calendar_container {background:url(../../images/FrieslandBank.Portal.Branding/bg/datepicker-ajax.png) no-repeat left top;color:#036; height:244px;}
	.ajax__calendar .ajax__calendar_footer {}
	.ajax__calendar .ajax__calendar_dayname {background:transparent url(../../images/FrieslandBank.Portal.Branding/bg/light-hr.gif) repeat-x left bottom;}
	.ajax__calendar .ajax__calendar_day {border:none;}
	.ajax__calendar .ajax__calendar_month {border:none;}
	.ajax__calendar .ajax__calendar_year {border:none;}

	.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#5FA5CF; color:#fff;}
	.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#5FA5CF; color:#fff;}
	.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#5FA5CF; color:#fff;}

	.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:transparent;color:#999;}
	.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:transparent;color:#999;}

	.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background:#f00; border:none; color:#fff;}
	.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background:#f00; border:none; color:#fff;}
	.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background:#f00; border:none; color:#fff;}

	.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#036;}
	.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#036;}