/* GENERAL CSS STYLES */

html  { height: 100%; }
body  { line-height: 160%; height: 100%; font-family: Trebuchet MS, Arial, sans-serif; font-size: 80%; color: #001244; margin: 0; background: url("../../images/general/content-back.jpg") repeat-x #ece8df; }
table { font-size: 126%; border-collapse: collapse; border-spacing: 0; }
th,td { font-size: 80%; vertical-align: top; padding: 0; line-height: 160%; }
th    { text-align: left; }
h1    { margin: 0 0 10px -1px; }
h2    { margin: 10px 0 5px 0; font-size: 180%; font-weight: bold; font-family: Arial Narrow, Arial, Sans-Serif; color: #1C3F94; }
h3    { margin: 10px 0 5px 0; font-size: 100%; font-weight: bold; }
h4,h5,h6 { margin: 10px 0 5px 0; font-size: 100%; font-weight: bold; }
p  { margin: 0 0 8px 0; }
img   { border: 0; }
form  { margin: 0; }

a		{ color: #043f98; text-decoration: none; }
a:hover { color: #043f98; }
a.email { text-decoration: underline;}
a.email:hover { color: #e08400;}
a.externallink { text-decoration: underline;}
a.externallink:hover { color: #e08400;}
a.textlink {color: #043f98;}
	
input { font-family: Trebuchet MS, Arial, sans-serif; color: #001244; }

table.home        { height: 100%; width: 100%; border-bottom: 4px solid #043f98; background: #ece8df;}
table.container   { height: 100%; width: 100%; background: url("../../images/general/container-back.gif") repeat-y right top; }
table.extramargin { height: 100%; width: 100%; border-bottom: 4px solid #043f98; background: url("../../images/general/container-back-left.gif") repeat-y; }
table.logo		  { background: "images/general/moneyview-adviesdesk.gif" }

div.logo       { padding: 0 0 0 30px; background: url("../../images/general/logo-back.gif"); }
div.logo_product       { padding: 0 0 0 30px; background: url("../../images/general/logo-back-product.gif"); }
div.divider    { display: block; background: url("../../images/general/border-dots.gif"); height: 1px; line-height: 1px; }
/* Hide from IE5-mac \*/
 div.divider    { overflow: hidden; }
/* End IE5/mac hide */

span.nowrap { white-space: nowrap; }

div.HtmlContent p, ul, ol, blockquote { margin-top: 0; margin-bottom: 0; }
div.HtmlContent table strong { display: block; background: url("../../images/general/border-dots-horizontal.gif") repeat-x bottom left; padding: 0 0 6px 0; margin: 0 15px 2px 0; }
div.HtmlContent table a { text-decoration: none; color: #043f98; font-weight: normal; }
div.HtmlContent table a:hover { text-decoration: underline; }


/* HOMEPAGE CSS STYLES */
table.welcome,
table.main,
table.box   { width: 100%;}
td.boxtop   { }
td.boxtopright { width: 15px; background: url("../../images/general/sidebar-back.gif") no-repeat; }
td.boxtop_product   { }
td.boxtopright_product { width: 15px; background: url("../../images/general/sidebar-back-product.gif") no-repeat; }

td.box      { background: url("../../images/general/box-back.gif") repeat-y; }
td.boxright { background: url("../../images/general/sidebar-back-middle.gif") repeat-y; }
td.boxend   { background: url("../../images/general/box-end-back.gif") no-repeat; background-color:#ece8df; }
td.boxendright { background: url("../../images/general/box-end-back-right.gif") no-repeat; background-color:#ece8df; }

td.area     { width: 70%; }
td.siderea  { width: 30%; }

div.features { background: url("../../images/general/border-dots-vertical.gif") repeat-y top left; margin: 0 0 0 10px; padding: 0 20px 0px 10px; line-height: 140%; }
div.features a { text-decoration: none; display: block;  border-top: 2px solid #043f98; padding: 6px 5px 13px 5px; }
div.features a strong { display: block; color: #e08400; }
div.features a:hover  { background-color: #f6f3ef; color: #001244; }
div.features a:hover strong { text-decoration: underline; }
div.features span.featuresDetail a {margin-left:20px; display: block;  border-top: 1px solid #043f98; padding: 6px 5px 13px 5px;}

div.news { margin: 10px 0 20px 40px; line-height: 160%; }
div.news strong { display: block; padding: 0 0 10px 0; }
div.morecolumns div.date { color: #043f98; font-size: 90%; white-space:nowrap }
div.morecolumns div.newsitem { padding: 0 10px 0 0; }

div.events { height: 30px; padding-top: 8px; margin-left: 40px; overflow: hidden; }
div.events div.title { position: absolute; font-weight: bold; }
div.events span { margin-left: 30px; color: #043f98; font-size: 90%; padding-right: 10px; }
div.events a:hover { text-decoration: underline; }
div.events span a:hover { text-decoration: none; }
div.eventitems { position: relative; overflow: hidden; }

div.homelogin { margin: 0 5px 10px 0; padding: 1px; text-align: center; }
div.homelogin img { vertical-align: middle; margin: 0 6px; }
div.homelogin a { display: inline; font-weight: bold; text-decoration: none; padding: 0; }
div.homelogin a:hover { text-decoration: underline; }

div.footerlogo { float: right; padding: 10px 40px 0 10px; }

/* NAVIGATION BAR CSS STYLES */
div.navigation { background: url("../../images/general/navigation-back.jpg"); white-space: nowrap;  }
div.navigation div { width: 750px; } /* forces minimum page width */
div.navigation img { margin-top: 4px; }
div.navigation a.selected:hover img,
div.navigation a.selected:hover,
div.navigation a.selected img,
div.navigation a.selected  { background-color: #043f98; }
div.navigation a:hover img { background-color: #0554cb; }

/* TABSET NAVIGATION */
div.tabset { width: 100%; height: 22px; border-bottom: 1px solid #d0cdc6; margin: 8px 0 10px 0; }
div.tabset div { overflow: hidden; height: 23px; margin-right: 230px; }
/* hide from IE Mac \*/
div.tabset { height: 25px; }
div.tabset div { position: absolute; height: 26px; }
/* end hide */
* html div.tabset div { margin-right: 0; }
div.tabset ul { padding:0; margin:0 5px; list-style-type:none; }
div.tabset li { margin: 1px 0 2px 0; list-style-type: none; float: left; border-top: 1px solid #d0cdc6; border-bottom: 0px solid #d0cdc6; border-left: 1px solid #fff; border-right: 1px solid #aea499; white-space: nowrap; }
div.tabset li#first { border-left-color: #d0cdc6; }
div.tabset li.selected { z-index: 500; margin-top: 0; border-width: 1px 1px 0 1px; background-color: #fff; padding-bottom: 3px; }
div.tabset li a { float:left; display:inline; padding: 2px 6px 3px 6px; background-color: #f6f1eb; }
* html div.tabset li a { padding: 2px 6px; }
div.tabset li.selected a:hover,
div.tabset li.selected a { background-color: #fff; }
div.tabset li a:hover, 
div.tabset li a:focus { background-color: #faf8f5; }
* html div.tabset li.selected { padding-bottom: 2px; }

/* CONTENT CSS STYLES */
td.columnspace { background-color: #E8E3D9; }
td.sidebar { width: 215px; background: url("../../images/general/sidebar-back.gif") no-repeat; }
td.footer { vertical-align: bottom; } 

div.content { line-height: 160%; padding: 0 35px 10px 35px; display:inline-block; color: #001244; }
div.content p { line-height: 160%; color: #001244; }
div.content img.left { float: left; margin: 0 15px 5px 0; }

ul.arrows { line-height: 150%; padding: 0; margin: 0 10px 5px 30px; list-style-image: url("../../images/general/icons/bullet-arrow.gif"); }
* html ul.arrows { list-style-type: none; /*** hidden for safari ***/ }
ul.arrows a { padding: 0 2px; }
ul.arrows a:hover { 	color: #fff; background-color: #043f98; text-decoration: none; }

div.result:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.result { display: inline-block; }  
/* Hide from IE5-mac \*/
* html div.result { height: 1%; }
div.result { display: block; }
/* End IE5/mac hide */
div.result div.date { float: left; width: 78px; padding: 3px 0; color: #043f98; font-size: 90%; white-space: nowrap; }
div.result div.longdate { float: left; width: 128px; padding: 3px 0; color: #043f98; font-size: 90%; white-space: nowrap; }
div.result div.description { padding: 2px 4px 6px 78px; }
div.result div.longdescription { padding: 2px 4px 6px 128px; }
div.result div.description a { text-decoration: none; }
div.result div.description a:hover { text-decoration: underline; }
div.result div.resultpath a,
div.result div.resultpath { font-size: 90%; color: #8f8776; }

div.morecolumns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.morecolumns { display: inline-block; }  
/* Hide from IE5-mac \*/
* html div.morecolumns { height: 1%; }
div.morecolumns { display: block; }
/* End IE5/mac hide */
div.morecolumns div.doublecolumn { float: left; width: 47%; padding-right: 10px; }
div.morecolumns div.portrait { float: left; }
div.morecolumns div.portrait img { margin: 10px 0; }
div.morecolumns div.person { padding: 0 4px 0 60px; margin: 10px 0; }
div.morecolumns div.person a { text-decoration: none; }
div.morecolumns div.person a:hover { text-decoration: underline; }
div.morecolumns div.newsitem { padding-bottom: 5px; }

div.tools:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.tools { display: inline-block; }  
/* Hide from IE5-mac \*/
* html div.tools { height: 1%; }
div.tools { display: block; }
/* End IE5/mac hide */
div.tools div.image { float: left; padding: 0px 0; border-width: 1px; border-color: #043f98; font-size: 90%; width: 100px }
div.tools div.description { padding: 2px 4px 6px 100px; }
div.tools div.description a { text-decoration: dotted; }
div.tools div.description a:hover { text-decoration: underline; color: #e08400;}

div.partners:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.partners { display: inline-block; }  
/* Hide from IE5-mac \*/
* html div.partners { height: 1%; }
div.partners { display: block; }
/* End IE5/mac hide */
div.partners div.image { float: left; padding: 3px 0; color: #043f98; font-size: 90%; }
div.partners div.description { padding: 2px 4px 6px 100px; }
div.partners div.description a { text-decoration: none; }
div.partners div.description a:hover { text-decoration: underline; }

div.smallcolumn { width: 60%; padding: 4px 0;}

div.archive { padding: 10px 0;}
div.archive a { display: block; padding: 3px 0 0 0;}
div.archive a:hover { text-decoration: underline; color: #e08400; }

span.moreresults { display: inline; white-space: nowrap; }
span.moreresults a { text-decoration: none; padding: 0 1px; }
span.moreresults a:hover { text-decoration: underline;color: #e08400; }
span.moreresults { display: inline; background-image: url("../../images/general/icons/bullet-arrow.gif"); background-repeat: no-repeat; background-position: 100% 2px; }
span.moreresults a { margin: 0 12px 0 0; }

span.more { display: inline; white-space: nowrap; font-size: 90%; }
span.more a { color: #000254; text-decoration: none; padding: 0 1px; }
span.more a:hover { text-decoration: underline; color: #e08400; }
span.more { display: inline-block; background-image: url("../../images/general/icons/bullet-arrow.gif"); background-repeat: no-repeat; background-position: 100% 0px; }
span.more a { margin: 0 12px 0 0; }

span.back { display: inline; white-space: nowrap; font-size: 90%; }
span.back a { color: #000254; text-decoration: none; padding: 0 1px; }
span.back a:hover { text-decoration: underline; color: #e08400;}
span.back { display: inline-block; background-image: url("../../images/general/icons/bullet-arrow-left.gif"); background-repeat: no-repeat; background-position: 0px 0px; }
span.back a { margin: 0 12px 0 0; }

span.download { display: block; white-space: nowrap; font-size: 100%; }
span.download a { text-decoration: none; padding: 0 1px; }
span.download a:hover { text-decoration: underline; color: #e08400;}
span.download a small { font-size: 100%; color: #043f98; }
span.download { margin: 5px 0; padding: 3px 0 3px 27px; background: url("../../images/general/icons/pdf.gif") no-repeat; }

span.externallink { display: inline; white-space: nowrap; font-size: 90%; }
span.externallink a { text-decoration: none; padding: 0 1px; }
span.externallink a:hover { text-decoration: underline; color: #e08400; }
span.externallink { display: inline; background-image: url("../../images/general/icons/link-external.gif"); background-repeat: no-repeat; background-position: 100% 3px; }
span.externallink a { margin: 0 17px 0 0; }

span.pdf   { display: inline-block; background-image: url("../../images/general/icons/pdf.gif"); background-repeat: no-repeat; background-position: 0px 0px; }
span.pdf a { margin: 0 0 0 30px; color: #000254; text-decoration:none; }
span.pdf a:hover { text-decoration:underline;color: #e08400;}

span.excel   { display: inline-block; background-image: url("../../images/general/icons/excel.gif"); background-repeat: no-repeat; background-position: 0px 0px; }
span.excel a { margin: 0 0 0 30px; color: #000254; text-decoration:none; }
span.excel a:hover { text-decoration:underline;color: #e08400;}

span.pdf-inactive   { display: inline-block; background-image: url("../../images/general/icons/pdf.gif"); background-repeat: no-repeat; background-position: 0px 0px; }
span.pdf-inactive a { margin: 0 0 0 30px; color: #B0B0B0; text-decoration:none; }
span.pdf-inactive a:hover { text-decoration:underline; color: #B0B0B0;}

span.excel-inactive   { display: inline-block; background-image: url("../../images/general/icons/excel.gif"); background-repeat: no-repeat; background-position: 0px 0px; }
span.excel-inactive a { margin: 0 0 0 30px; color: #B0B0B0; text-decoration:none; }
span.excel-inactive a:hover { text-decoration:underline; color: #B0B0B0;}

div.question { border-left: 6px solid #043f98; padding-left: 10px; font-weight: bold; margin: 15px 0 25px 0; }
div.answer { padding: 0 0 8px 0;}
div.answer div.date { color: #043f98; font-size: 90%; padding: 8px 0 5px 0; white-space: nowrap; }
div.answerby { font-size: 95%; padding: 6px 0; }

table.searchbox { }
table.searchbox img { margin: 0 0 6px 2px; }
table.searchbox p { margin: 6px 10px 0 10px; }
table.searchbox input { margin: 4px 8px 0 0; }
table.searchbox input.searchtext { width: 220px; background-color: #f5f2ee; }

div.resultpages { padding: 8px 0; }
div.resultpages a { padding: 0 3px; }
div.resultpages a:hover { text-decoration: underline; }
div.resultpages a.selected { font-weight: bold; }

/* SIDEBAR CSS STYLES */

div.sidebar { padding: 30px 10px 0 20px; }

div.sidebarsearch { margin: 0 0 14px 0; }
div.sidebarsearch p { margin: 6px 0 4px 0; display: block; font-weight: bold;  }
div.sidebarsearch img { vertical-align: middle; margin: 0 12px 0 4px; }
div.sidebarsearch input { }
div.sidebarsearch input.searchtext { width: 169px; margin: 0 0 6px 0; }

div.login { margin: 0 0 14px 0; width: 169px; background: url("../../images/general/border-dots.gif"); padding: 1px; text-align: center; }
div.login img { vertical-align: middle; margin: 0 0 0 8px; }
div.login a { display: block; font-weight: bold; text-decoration: none; padding: 6px 0; background-color: #f0ece5; }
div.login a:hover { background-color: #f7f5f1; }
div.loginwelcome { padding: 3px 5px 10px 3px; }

div.logincentered { text-align: center; }
div.loginagain { margin: 12px auto 12px auto; width: 190px; background: url("../../images/general/border-dots.gif"); padding: 1px; text-align: left; }
div.loginagain img { float: left; vertical-align: middle; margin: 0 8px 0 8px; }
div.loginagain a { display: block; font-weight: bold; text-decoration: none; padding: 8px 0; background-color: #fff; }
div.loginagain a:hover { background-color: #f7f5f1; }
div.loginagain div.subtitle { font-weight: normal; }

div.header { padding: 0 0 12px 0; }
div.tree   { padding: 0 0 4px 7px; }
div.tree a.title { font-weight: bold; text-decoration: none; margin: 0 0 4px 0;}
div.tree a.title:hover { text-decoration: underline; }
div.tree ul { line-height: 18px; margin: 0 0 10px 15px; padding: 0; list-style-image: url("../../images/general/icons/bullet-square.gif"); list-style-type: square; }
div.tree ul li.selected { font-weight: bold; }
div.tree ul li.selected ul { font-weight: normal; }
div.tree ul a { text-decoration: none;  }
div.tree ul a:hover { color: #fff; background-color: #043f98; text-decoration: none; }
div.tree ul ul { margin: 0 0 0 15px;  }

/* PATH CSS STYLES */

div.path { display: block; padding: 5px 0 0 33px; height: 23px; overflow: hidden; }
div.path ul { margin: 0; padding: 0; font-size: 8.5pt; list-style-type: circle; } 
div.path ul li { display: inline; float: left; background-repeat: no-repeat; height: 18px; padding: 2px 2px 0 7px; background-image: url("../../images/general/icons/link-arrow-small.gif"); background-position: left center; }
div.path ul li#icon,
div.path ul li.icon,
div.path ul li#icon a,
div.path ul li.icon a { padding: 0; background-image: none; }
div.path ul li#home,
div.path ul li.home { padding: 2px 2px 0 3px; background-image: none; }
div.path ul li a { display: inline; float: left; color: #043f98; text-decoration: none; padding: 0 2px; }
div.path ul li a:hover { color: #fff; background-color: #043f98; }

span.broodkruimel {display:block; padding: 5px 0 0 33px; height: 23px; overflow: hidden; }
span.broodkruimel ul { margin: 0; padding: 0; font-size: 8.5pt; list-style-type: circle; } 
span.broodkruimel ul li {color: #043f98; display: inline; float: left; background-repeat: no-repeat; height: 18px; padding: 2px 2px 0 7px; background-image: url("../../images/general/icons/link-arrow-small.gif"); background-position: left center; }
span.broodkruimel ul li#icon,
span.broodkruimel ul li.icon,
span.broodkruimel ul li#icon a,
span.broodkruimel ul li.icon a { padding: 0; background-image: none; }
span.broodkruimel ul li#home,
span.broodkruimel ul li.home { padding: 2px 2px 0 3px; background-image: none; }
span.broodkruimel ul li.child {padding-left:7px}
span.broodkruimel ul li a { display: inline; float: left; color: #043f98; text-decoration: none; padding: 0 2px; }
span.broodkruimel ul li a:hover { color: #e08400; }

/* FOOTER CSS STYLES */

div.footer { padding: 0 0 10px 35px; }
div.footer#footerhome { padding: 10px 0 10px 35px; }
div.footer a { font-size: 8pt; color: #043f98; padding: 0 2px; text-decoration: none; }
div.footerlinks a:hover { color: #fff; background-color: #043f98; }
div.footnote { padding: 1px; font-size: 8pt; color: #5d5a6d; }
div.footnote a { padding: 0; color: #5d5a6d; text-decoration: none; }
div.footnote a:hover { color: #5d5a6d; text-decoration: underline; }

/* TABLE CSS STYLES */

table.tabular { width: 88%; }
table.tabular tr { background: url("../../images/general/border-dots-horizontal.gif") repeat-x bottom left; }
table.tabular th,
table.tabular td { padding: 4px 10px 6px 0; }
table.tabular td a:hover { text-decoration: underline; }

/* FORM CSS STYLES */

div.formrow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.formrow { display: inline-block; background-color: #f5f2ee; }
/* Hide from IE5-mac \*/
* html div.formrow { height: 1%; }
div.formrow { display: block; }
/* End IE5/mac hide */
div.formrow div.formfield { float: left; width: 150px; padding: 6px 6px 7px 6px; }
/* Hide from IE5-mac \*/
* html div.formrow div.formfield { padding-top: 3px; }
/* End IE5/mac hide */
div.formrow div.formline { padding: 6px 3px 3px 4px; }
/* Hide from IE5-mac \*/
* html div.formrow div.formline { padding-top: 3px; }
/* End IE5/mac hide */
div.formrow div.formvalue { padding: 4px 4px 3px 155px; }
/* Hide from IE5-mac \*/
* html div.formrow div.formvalue { padding-top: 0px; }
/* End IE5/mac hide */
div.formrow div.formvalue a { text-decoration: none; }
div.formrow div.formvalue a:hover { text-decoration: underline; }
div.formvalue input.defaultwidth,
div.formvalue textarea.defaultwidth { width: 280px; }
div.formvalue input.mediumwidth { width: 176px; }
* html div.formvalue input.mediumwidth { width: 178px; }
div.formvalue input.smallwidth { width: 96px; }
* html div.formvalue input.smallwidth { width: 98px; }
div.formvalue input.tinywidth { width: 50px; }
div.formbuttons { padding: 4px 4px 3px 155px; }
span.required { color: #043f98; margin: 5px 0 0 3px; font-size: 135%; font-weight: 100;}
* html span.required { font-size: 155%;}
span.requiredtext { padding-left: 5px; font-size: 75%; }

/* BROWSER COMPATIBILITY CSS STYLES */

/* Anything after this line is unsupported and therefore hidden from older browsers like ie5 */
i{content:"\"/*"}

input.txtDemo { border:solid 1px #00005A; width:200px }
th.demo       { font-size:80%; color:#001244; font-weight:bold; }
td.demo       { padding-bottom:2px }
.demoItalic   { font-size:10px; color:#001244; font-style:italic }
td.btnDemo    { padding-top:10px }
input.btnDemo { color:#001244; font-weight:bold; border:solid 1px #00005A; width:100px; background-color:#f6f3ef; }

input.txtForm		{ border:solid 1px #00005A; width:200px }
textarea.txtForm	{ border:solid 1px #00005A; width:200px }
th.form				{ font-size:80%; color:#001244; font-weight:bold; }
td.form				{ padding-bottom:2px }
.formItalic			{ font-size:10px; color:#001244; font-style:italic }
td.btnFrom			{ padding-top:10px }
input.btnForm		{ color:#001244; font-weight:bold; border:solid 1px #00005A; width:100px; background-color:#f6f3ef; }
.ConfirmMessage		{ margin: 60px 35px 10px 35px; }


/*div.visual  { background: url("../../images/adviesdesk/visual.jpg") no-repeat top right; margin: 0 0 0 40px; padding: 120px 0 3px 0; border-top: 2px solid #043f98; }*/
div.visual  { background: url("../../images/adviesdesk/visual.jpg") no-repeat top right; margin: 0 10 0 40px; padding: 40px 0 3px 0; border-top: 2px solid #043f98; }