/*** RESET CONFIGURATION ***/
* { margin:0px; padding:0px; } /* remove all browser specific default spacing */
html { font-size: 1em; }
html { font-size:62.5%; height:100%; }  /* 62.5% makes 1em ~ 10px */
body {
	color:#000;
	font:normal 1.0em/1.5em Verdana, Arial, Helvetica, sans-serif;
	height:100%;
}
table{ border-collapse:collapse; border-spacing:0; }

h1 { color:#d3007b; font:bold 2em/1.2em Arial, Helvetica, sans-serif; }
h2 { color:#5a0463; font:bold 2.1em/1.2em Arial, Helvetica, sans-serif; }
h3 { color:#5a0463; font:bold 1.3em/1.7em Arial, Helvetica, sans-serif; }
h4 { color:#000; font:normal 1.5em/1.5em Arial, Helvetica, sans-serif; }
h5 { color:#5a0463; font:bold 11px/17px Arial, Helvetica, sans-serif; }

img {	border:0; display:block; }
a { color:#d3007b; text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin:0 0 1.0em 0; }
ul { list-style:none; }

fieldset { border:0; }
input, textarea, select { 
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

option, optgroup { padding-left:3px; }
optgroup option {	padding:0; }
optgroup { font-style:normal; }


/*** CUSTOM ***/
body { background: url(../images/bg.gif) repeat-x; }

#meta {
	margin: auto;
	padding: 9px 10px 7px 10px;
	position: relative;
	width: 944px
}
legend, label, input, textarea, select { font: 11px/1.4em Verdana, Arial, Helvetica, sans-serif; }
.clearFloat { clear: both; visibility: hidden; }

/*** HEADER section ***/
#logo {
	background: url(../images/buttons.gif) no-repeat;
	display: block;
	height: 71px;
	width: 170px;
}
#logo img {	visibility: hidden; }

#siteselect {
	display: block;
	height: 18px;
	position: absolute;
	right: 10px;
	top: 9px;
	width: 103px;
}
#siteselect img {	background: url(../images/buttons.gif) no-repeat 0px -72px; }
#siteselect .adviseurs { background-position: 0px -72px; }
#siteselect:hover .adviseurs { background-position: 0px -91px; }
#siteselect .particulieren { background-position: 0px -110px; }
#siteselect:hover .particulieren { background-position: 0px -129px; }

/* Menu */
#menuShadow {
	background: #000;
	border: 0;
	display: none;
	filter: alpha(opacity=20);
	height: 60px;
	left: 0;
	opacity: .2;
	position: absolute;
	top: 0;
	width: 160px;
}
#menu { 
	border-top: 1px solid #6b296c;
	height: 23px;
	margin-top: 19px;
	position: relative;
	width: 100%;
	z-index: 200;
}
#menu li { float: left; position: relative; }
#menu img { 
	background: url(../images/buttons.gif) no-repeat -262px -17px;
	display: block;
}
#menu a {
	background: url(../images/buttons.gif) no-repeat;
	display: block;
	height: 23px;
}
#menu a.home { background-position: -425px -148px; width: 60px; }
#menu .active a.home, #menu .noChildren a.home:hover { background-position: -425px -172px; }
#menu a.home:hover, #menu li:hover a.home, #menu li.hover a.home { background-position: -425px -196px; }
#menu a.ewize { background-position: -104px -72px; width: 55px; }
#menu .active a.ewize, #menu .noChildren a.ewize:hover { background-position: -104px -96px; }
#menu a.ewize:hover, #menu li:hover a.ewize, #menu li.hover a.ewize { background-position: -104px -120px; }
#menu a.koersen { background-position: -160px -72px; width: 114px; }
#menu .active a.koersen, #menu .noChildren a.koersen:hover { background-position: -160px -96px; }
#menu a.koersen:hover, #menu li:hover a.koersen, #menu li.hover a.koersen { background-position: -160px -120px; }
#menu a.vermogensopbouw { background-position: 0 -148px; width: 172px; }
#menu .active a.vermogensopbouw, #menu .noChildren a.vermogensopbouw:hover { background-position: 0 -172px; }
#menu a.vermogensopbouw:hover, #menu li:hover a.vermogensopbouw, #menu li.hover a.vermogensopbouw { background-position: 0 -196px; }
#menu a.zoekadviseur { background-position: -187px -148px; width: 125px; }
#menu .active a.zoekadviseur, #menu .noChildren a.zoekadviseur:hover { background-position: -187px -172px; }
#menu a.zoekadviseur:hover, #menu li:hover a.zoekadviseur, #menu li.hover a.zoekadviseur { background-position: -187px -196px; }
#menu a.downloads { background-position: -327px -148px; width: 83px; }
#menu .active a.downloads, #menu .noChildren a.downloads:hover { background-position: -327px -172px; }
#menu a.downloads:hover, #menu li:hover a.downloads, #menu li.hover a.downloads { background-position: -327px -196px; }

/* pulldown menu */
#menu ul ul {
	background: #ffb210;
	border: 1px solid #73056b;
	border-top: 0;
	display: none;
	margin-left: -1px;
	position: absolute;
}
#menu li:hover ul, #menu li.hover ul { display: block; }
#menu ul ul li { float: none; width: 160px; }
#menu ul ul a {
	background: none;
	color: #5a0463;
	font: 1.1em/1.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: auto;
	padding: 0 6px 0 6px;
}
#menu ul ul a:hover { background: #ffcc61; text-decoration: none; }

#menu .zoeken {
	background: #6b296c;
	float: right;
	height: 23px;
	overflow: hidden;
	width: 238px;
}
#menu .zoeken img {
	background: url(../images/buttons.gif) no-repeat -185px -17px;
	display: block;
	float: left;
}
#menu .zoeken input {
	background: transparent;
	border: 0;
	color: #ddd;
	float: left;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
	padding: 5px 2px 0 2px;
	width: 128px;
}
#menu .zoeken input.submit {
	background: url(../images/buttons.gif) no-repeat -185px 0;
	height: 16px;
	margin: 3px 8px 0 6px;
	padding: 0;
	width: 16px;
}
#menu .zoeken input.submit:hover { background-position: -202px 0; }


/*** STAGE section ***/
.stage {
	clear: both;
	margin: 13px 0 22px 0;
	overflow: auto;
	width: 100%;
}

/* form elements */
.stage label {
	clear: left;
	display: block;
	float: left;
	height: 26px;
	padding: 0 9px 0 10px;
	width: 128px;
}
.stage input {
	border: 1px solid #bec5ca;
	float: left;
	height: 16px;
	margin: 0 0 0 4px;
	padding: 0 2px;
	width: 186px;
}
input.radio {width:auto;border:0px;}
.radiolbl{line-height:14px;color:#666666}

.stage textarea {
	border: 1px solid #bec5ca;
	float: left;
	height: 54px;
	margin: 0 0 0 4px;
	padding: 0 2px;
	width: 186px;
}
.stage select {
	border: 1px solid #bec5ca;
	float: left;
	margin: 0 0 0 4px;
	width: 192px;
}
.stage input.submit {
	border: 0;
	color: #777;
	height: 18px;
	padding: 0;
	width: auto;
}

.pwHeader {	display: block; font-weight: bold; }


/* LEFT */
.left { 
	float: left;
	padding: 30px 0 0 0;
	width: 180px;
}
.home .left { display: none; }
.submenu { margin-bottom: 24px; }
.submenu a {
	background: url(../images/buttons.gif) no-repeat -285px -123px; /* empty spot */
	color: #777;
	display: block;
	font: 1.1em/22px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 22px;
	padding: 0 17px 0 4px;
}
.submenu a em { 
	color: #fff;
	font-style: normal;
	font-weight: normal;
	padding-right: 2px;
}
.submenu a:hover { text-decoration: none; }
.submenu a:hover em { color: #777; }
.submenu .active a, .submenu .active a:hover { 
	background-position: 0 -220px;
	color: #5a0463;
	font-weight: bold;
}
.submenu .active a em {	color:#fff; }

.left .box { background: #f3f5f6; }
.left .box h5 {
	background: #ffb210;
	height: 19px;
	padding: 3px 0 0 14px;
}
.left fieldset { padding: 8px 6px 2px 14px; }
.left label {
	color: #777;
	float: none;
	font-weight: bold;
	height: auto;
	padding: 0 0 1px 0;
	width: auto;
}
.left input, .left select, .left textarea {
	float: none;
	margin: 0 0 8px 0; 
	width: auto;
}
.left input { width: 144px; }
.left select {	width: 150px; }
.left textarea { width: 144px; }




/* MID */
.mid {
	background: url(../images/buttons.gif) no-repeat 0 -355px;
	float: left;
	margin: 0 12px 0 12px;
	overflow: hidden;
	padding-top: 10px;
	width: 502px;
}
.home .mid {
	background-position: 0 -364px;
	margin: 0 20px 0 0;
	width: 686px;
}
.home div.banner { 
	float: right;
	margin-left: 10px;
	position: relative;
}
.home div.banner img.fix {
	position: absolute;
	right: 0;
	top: 0;
}

.title {	padding: 12px 10px 12px 10px; }
.home .title {	padding: 8px 10px 8px 15px; }
h1 em { color: #5a0463; font-style: normal; }
.home h1 { font-size: 2.2em; }

/* print icon */
.title a {
	display: block;
	float: right;
	height: 17px;
	margin: 4px 0 0 11px;
	width: 18px;
}
.title a.print { background: url(../images/buttons.gif) no-repeat -185px -41px; }
img.banner { margin: 0 auto 10px auto; }

/* main text */
.copy { padding: 0 10px 0 10px; }
.home .copy { padding: 0 10px 0 16px; }
.copy, .copy p, .copy td, .copy th { font: 11px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.copy td { vertical-align: top; }
.copy td td { font-size: 11px; }
.link {
	background: url(../images/buttons.gif) no-repeat -492px -280px;
	font-weight: bold;
	padding-left: 11px;
}
.copy table { width: 100%; }

/* teaser list & home teaser list */
.teaser { 
	background: #f3f5f6;
	margin-bottom: 10px;
	padding: 6px 10px 6px 10px;
}
.teaser img { float: left; margin: 4px 7px 0 0; }
.teaser h5 { color: #d3007b; font-family: Tahoma; }
.teaser p {	margin: 0; overflow: hidden; }
.teaser a.meer { float: right; }
.home .teaserWrap {
	margin: 0 0 10px 0;
	overflow: hidden; 
	width: 100%;
}
.home .teaser {
	background: #e8ebed;
	float: left;
	height: 100%;
	padding: 0;
	width: 222px;
	padding-bottom: 32767px; /* equal column height trick */
	margin-bottom: -32767px;
}
.home .teaser img { float: none; margin: 0; }
.home .teaser h5 {
	background: url(../images/buttons.gif) no-repeat -274px -82px;
	color: #fff;
	display: block;
	font-size: 2em;
	font-weight: normal;
	height: 40px;
	line-height: 38px;
	padding: 0 8px 0 10px;
}
.home .teaser p {
	font: 11px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 10px 8px 10px;
}
.home .teaser a.meer { display: block; margin-top: 10px; }
.home img.spacer { float: left; }

/* bigButton */
.loginWrapper { clear: left; padding: 40px 0 0 0; }
.loginWrapper p {	font-size: 1.1em; }
.loginWrapper p a { color: #777; padding-left: 10px; }
.loginWrapper p a:hover { color: #d3007b; }
.bigBut {
	background: url(../images/buttons.gif) no-repeat -274px -41px;
	color: #fff;
	display: block;
	font: 2em/1.8em Arial, Helvetica, sans-serif;
	height: 40px;
	margin-bottom: 10px;
	padding-left: 10px; 
	width: 212px;
}
.bigBut:hover {
	background-position: -274px 0;
	text-decoration: none;
}



/* data list 'downloads' - 'fonds' */
.copy th {
	background: #ffb210;
	color: #5a0463;
	padding: 0 10px;
	text-align: left;
}
.copy th.foot {
	background: #fff4db;
	height: 5px;
	line-height: 0;
}
.dashed td {
	border: 1px dotted #ffb210;
	border-right: 0;
	border-left: 0;
}
.copy td.striped { background: #f1f1f1; }
.copy .list a {
	color: #000;
	background: url(../images/icons.gif) no-repeat 0 -305px;
	border: 1px solid #fff;
	border-right: 0;
	border-left: 0;
	display: block;
	min-height: 21px;
	overflow: hidden;
	padding: 0 10px 0 34px;
}
.copy .list a:hover { background-color: #fff4db; text-decoration: none; }
.copy .list span { cursor: pointer; float: left; }
.copy .downloads span { width: 380px; }
.copy .fonds span { width: 260px; }
.copy .list em {
	cursor: pointer;
	float: right;
	font-style: normal;
	padding-left: 4px;
	text-align: right;
}
.copy .fonds th em { color: #fff; }
.copy .fonds em { width: 54px; }
.copy a.doc { background-position: 10px 2px; }
.copy a.pdf { background-position: 10px -74px; }
.copy a.other { background-position: 10px -150px; }
.copy a.xls { background-position: 10px -226px; }
.copy a.up { background-position: 10px -302px; }
.copy a.down { background-position: 10px -378px; }

td.back { padding-left: 4px; }
td.forth { padding-right: 4px; text-align: right; }
.dashed td.back { border-right: 1px dotted #ffb210; }
.dashed td.forth { border-left: 1px dotted #ffb210; }
.back .link {
	background: url(../images/buttons.gif) no-repeat 0 -280px;
	color: #5a0463;
	font-weight: bold;
	padding-left: 14px;
}
.forth .link {
	background: url(../images/buttons.gif) no-repeat right -280px;
	font-weight: bold;
	padding-right: 14px;
}
.forthactive {
	background: #ffb210;
	border-bottom: 1px solid #ffb210 !important;
	border-left: 1px dotted #ffb210;
	padding-right: 4px;
	text-align: right;
}
.forthactive .link {	
	background: url(../images/buttons.gif) no-repeat right -268px;	
	color: #fff4db;
	padding-right: 14px;
}
.forthactive .link:hover { text-decoration: none; }



/* pager */
.pager {	margin: 6px 10px 10px 4px; overflow: hidden; }
.pager a {
	background: url(../images/buttons.gif) no-repeat 0 -243px; /* empty spot */
	color: #777;
	display: block;
	float: left;
	font: 11px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 17px;
	margin: 0 1px 0 1px;
	min-width: 18px;
	text-align: center;
}
.pager a:hover { color: #d3007b; text-decoration: none; }
.pager a.active, .pager a.active:hover { background-position: -163px -243px; color: #fff; }
.pager .prev {
	background-position: -275px -126px;
	margin-right: 10px;
	padding-left: 12px;
}
.pager .next {
	background-position: right -126px;
	margin-left: 10px;
	padding-right: 12px;
}

/* reageer form */
.reageer .bg {
	background: url(../images/bgReageer.gif) repeat-y;
	border-bottom: 1px solid #e8ebed;
	margin-bottom: 8px;
	padding: 16px 0 8px 0;
}
.reageer h5, .verzonden h5 {
	background: #ffb210;
	font-family: Tahoma;
	height: 24px;
	padding: 9px 10px 0 10px;
}
.reageer fieldset {
	overflow: hidden;
	width: 100%;
}
.reageer label {
	color: #777;
	font-weight: bold;
}
.reageer input.submit {
	background: transparent url(../images/buttons.gif) no-repeat right -295px;
	cursor: pointer;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
	width: 78px;
}
.reageer input.submit:hover {	background-position: right -314px; color: #d3007b; }
.reageer img.bar { display: none; }
.rounded img.bar {
	background: url(../images/buttons.gif) no-repeat right -346px;
	display: block;
	border:0;
}
.rounded h5 { padding-top: 0; }


/* sitemap */
.sitemap a {
	background: url(../images/icons.gif) no-repeat 0 -454px;
	color: #777;
	display: block;
	font-size: 11px;
	height: 24px;
	padding: 0 0 0 20px;
}
.sitemap a:hover { color: #d3007b; }
.sitemap ul { margin-left: 20px; }





/* RIGHT */
.right {
	float: left;
	padding-top: 10px; 
	width: 238px;
}
.right .box { margin-bottom: 10px; }
.right .box h3 {
	background: url(../images/buttons.gif) no-repeat -182px -244px;
	height: 23px;
	padding: 0 10px;
}
.right .first h3 { background-position: -182px -220px; }
.right .box .txt {
	border: 1px solid #e8ebed;
	border-top: 0px;
	font: 11px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 10px 0;
}
.right .box img { float: left; margin: 5px 5px 0 0; }
.right p { 
	font: 11px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	width: 100%;
}
img.payoff {
	margin-top: 22px;
}

a.meer {
	background: url(../images/buttons.gif) no-repeat right -296px;
	color: #777;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 18px;
	margin-top: 4px;
	padding-right: 24px;
}
a.meer:hover {
	background-position: right -315px;
	color: #d3007b;
	text-decoration: none;
}




/*** FOOTER ***/
#footer { 
	font: 1.1em/1.4em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	width: 100%;
}
#footer, #footer a { color: #989898; }
.footerLeft {
	background: url(../images/bgFooter.gif) repeat-x;
	float: left;
	padding: 4px 10px 0 16px;
	text-align: left;
	width: 660px;
}
.footerRight {
	background: url(../images/bgFooter.gif) repeat-x;
	float: right;
	padding: 4px 10px 0 10px;
	text-align: right;
	width: 218px;
}
.footerRight strong { font-weight: normal; margin: 0 4px; }