/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	color: #525a77;
	color: #39415c;
	font: normal 0.75em/140% Arial, Verdana, Trebuchet MS, Tahoma;
	line-height: 17px;
	padding: 0;
	margin: 0;
}

div.container {
	width: 964px;
	background: #ffffff;
	margin: 0;
	text-align: left;
}

a {color:#000066;}

/* -- basic layout elements --- dont change! --------------------------------------------------------- */
div.wrapper {overflow:hidden;width:100%;}
.right {float:right;}
.left {float:left;}
.abs {position: absolute;}
.rel {position: relative;}

/* -- layout elements ------------------------------------------------------------- */
div.siteheader {
	color: #939395;
	height: 74px; /*74*/
	width:	938px;
	padding: 20px 13px 0 13px;
}

div.pageheader {
	width:	938px;
	padding: 0px 13px 0 13px;
}

div.col1 {
	width:	331px; /*344*/
	/*margin geeft bug in IE6*/
	padding: 10px 0 0 13px;
	float:	left; 
}

div.col2 {
	width:	620px;
	padding: 0 0 10px 0; 
	float:	left;
	float:	right;
}

/* -------------- homepage content columns --------------- */
div.col2-left {
	width:	620px; /*440*/
	padding: 10px 0 0 0;
	float:	left;
}

div.col2-right {
	width:	167px; /*180*/
	padding: 10px 13px 0 0; 
	float:	left;
}
		
/* -- Header and text elements -------------------------------------------------------------------------------- */
h2 {
	font-weight:	bold;
	font-size: 		1.3em;
   color:			#000000;
}

p {padding: 0.1em 0 0.4em 0;}

/* ----- specific elements ---------------------------------------------------------------------------------------- */
div.siteheader img.home {
	display:	block;
	float:	left;
	margin:	0 0 0 0;
}

div.siteheader img.login {
	display:	block;
	float:	left;
	margin:	12px 0 0 0;
}

div.siteheader img.logo {
	display:	block;
	float:	left;
	padding:	0 0 0 290px;
}

div.siteheader ul.generalnav {
	float:				right;
	list-style:			none;
}
div.siteheader ul.generalnav a {
	text-decoration:	none;
	color:				#6b6e9e;
}
div.siteheader ul.generalnav li {
	list-style:			none;
	text-align:			right;
	margin:				12px 0 1px 0;
}
div.siteheader ul.generalnav a:hover, div.siteheader ul.generalnav a:focus, div.siteheader ul.generalnav a:active {
	color:				#344184;
}

/* ------- main nav ------------ */
div.col1 {
	position:	relative;
	height:		435px; /*this is for showing any content (like a footer) below the menu*/
}

div.col1 div.col1content {
	position:	absolute;
	/*the selected menu button element a.selected had width 1px wider than col1 (not 331px but 332px). This makes the selected button overlap the contentbox with 1px. An extra shift in left position is therefore not needed.*/
}

div.col1 ul.nav {
	padding:		0; 
	margin:		0;
	list-style: none;
}
div.col1 ul.nav li { 
	list-style-type:	none;
	text-indent:		-9000px;
	padding:				0 0 4px 0;
}
div.col1 ul.nav li.menubtn-over { padding:	2px 0 4px 0; }
div.col1 ul.nav li.menubtn-klantworden, div.col1 ul.nav li.menubtn-klantworden-subpage, div.col1 ul.nav li.menubtn-klantworden-homepage { padding:	2px 0 0px 0; }
div.col1 ul.nav li a { 
	display:	block; 
	height: 	28px;
	width:	320px;
	overflow:	hidden;
	/* overflow hidden zorgt ervoor dat eventuele te grote/hoge tekstinhoud in de links niet zorgt voor hogere (te hoge) a elementen. De ul werkt daardoor als een soort wrapper maar dan met een vaste breedte */
} 
li.menubtn1 a { 
	background:transparent url(../images/btn9.gif) no-repeat 0 0; /*skagen kon tiki*/
} 
li.menubtn2 a { 
	background:transparent url(../images/btn2.gif) no-repeat 0 0; /*carm inv*/
}
li.menubtn3 a { 
	background:transparent url(../images/btn1.gif) no-repeat 0 0; /*skagen global*/
}
li.menubtn4 a { 
	background:transparent url(../images/btn3.gif) no-repeat 0 0; /*carm patr*/
}
li.menubtn5 a { 
	background:transparent url(../images/btn4.gif) no-repeat 0 0; /*ft global return*/
} 
li.menubtn6 a { 
	background:transparent url(../images/btn8.gif) no-repeat 0 0; /*pimco div income*/
}  
li.menubtn7 a { 
	background:transparent url(../images/btn5.gif) no-repeat 0 0; /*LODH Convertible*/
}  
li.menubtn8 a { 
	background:transparent url(../images/btn7.gif) no-repeat 0 0; /*jpm global nat res*/
}
li.menubtn9 a { 
	background:transparent url(../images/btn6.gif) no-repeat 0 0; /*cs tremont allhedge*/
}
li.menubtn10 a { 
	background:transparent url(../images/btn10.gif) no-repeat 0 0; /*Ethna Capital Aktiv E*/
}
li.menubtn-over a { 
	background:transparent url(../images/btn11.gif) no-repeat 0 0;
}
/*div.col1 ul.nav li.menubtn-klantworden a { 
	background:transparent url(../images/btn12.gif) no-repeat 0 0;
	height: 	42px;
}*/
div.col1 ul.nav li.menubtn-klantworden-homepage a { 
	background:transparent url(../images/btn_klantworden.gif) no-repeat 0 0;
	height: 	57px;
}
div.col1 ul.nav li.menubtn-klantworden-subpage a { 
	background:transparent url(../images/btn_klantworden_pink.gif) no-repeat 0 0;
	height: 	57px;
}

/*hover en selected states kunnen met javascript maar dit is ook een bruikbare oplossing*/
div.col1 ul.nav li a:hover, div.col1 ul.nav li a:focus {
	background-position:	0px -28px;
	outline: 0px;
}
/*div.col1 ul.nav li.menubtn-klantworden a:hover, div.col1 ul.nav li.menubtn-klantworden a:focus {
	background-position:	0px -42px;
}*/
div.col1 ul.nav li.menubtn-klantworden-subpage a:hover, div.col1 ul.nav li.menubtn-klantworden-subpage a:focus,
div.col1 ul.nav li.menubtn-klantworden-homepage a:hover, div.col1 ul.nav li.menubtn-klantworden-homepage a:focus {
	background-position:		0px 0px;
	/*background-position:	0px -57px;*/
}

div.col1 ul.nav li a.selected {
	width:		332px;
	background-position:	0px -56px;
	outline: 	0px;
}
/*div.col1 ul.nav li.menubtn-klantworden a.selected  {
	width:		332px;
	background-position:	0px -84px;
}*/
/*div.col1 ul.nav li.menubtn-klantworden-subpage a.selected  {
	width:		332px;
	height: 		42px;
	background:	transparent url(../images/btn12.gif) no-repeat 0 0;
	background-position:	0px -84px;
}*/

/*deze styles zijn om te voorkomen dat in IE6 er nog gehoverd kan worden over een selected button*/
div.col1 ul.nav li a.selected:hover, div.col1 ul.nav li a.selected:focus {
	background-position:	0px -56px;
}
/*div.col1 ul.nav li.menubtn-klantworden a.selected:hover, div.col1 ul.nav li.menubtn-klantworden a.selected:focus {
	background-position:	0px -84px;
}*/
/*div.col1 ul.nav li.menubtn-klantworden-subpage a.selected:hover, div.col1 ul.nav li.menubtn-klantworden-subpage a.selected:focus {
	background-position:		0px -84px;
}*/

/*linker navigatie categorieen*/
 li.cat-li-item{
 list-style-type: none;
 text-indent:-12px;
 font-weight:bold;
 }

 
/* ----- home ---------------------------------------------------------------------------------------------- */
div.col2-left img.homecontenttop {
	display:		block;
}

div.col2-left div.homecontent {
	height:		378px; /*391*/
	padding: 	0px 25px 25px 18px;
	background: transparent url("../images/bg_homecontent_bottom_620.gif") no-repeat scroll 0 bottom;
}

div.col2-left div.homecontent h2 {
	padding: 0px 0px 3px 0px;
}

div.col2-left div.homecontent img.txt-tientopfondsen {
	padding: 16px 0px 0px 0px;
}

div.col2-left div.homecontent a.button {
	display:		block;
	margin: 		23px 0px 20px 0px;
	width:		317px;
}

div.col2-left div.homecontent img.txt-kliklinks {
	padding: 		2px 0px 10px 5px;
}

div.subpagecontentdetails p.disclaimer {
	/* padding:			0 15px 0 13px;  */
	padding:		0;
	font-size:		0.75em;
	color:			#aaaaaa;
	line-height:	1.3em;
}


/* ----- subpages ---------------------------------------------------------------------------------------------- */
div.col2 div.subpagecontent img.subpagecontenttop {
	display:		block;
}

div.col2 div.subpagecontent {
	background: transparent url("../images/bg_subpagecontent_bottom.gif") no-repeat scroll 0 bottom;
	/*width:		607px;
	/padding:		0 13px 0 0;*/
	/*gaf probleem in IE6*/
	width:		620px;
}

div.col2 div.subpagecontent_white {
	background: transparent url("../images/bg_subpagecontent_bottom_white.gif") no-repeat scroll 0 bottom;
	/*width:		607px;
	/padding:		0 13px 0 0;*/
	/*gaf probleem in IE6*/
	width:		620px;
}

div.col2 div.subpagecontent div.subpagecontentgeneral {
	background-color: #ffffff;
	width:				562px; /*607*/
	padding: 			0px 25px 10px 18px;
	margin:				0 1px 0 1px;
}
div.col2 div.subpagecontent div.subpagecontentdetails {
	width:				562px; /*607*/
	padding: 			13px 25px 25px 18px;
	margin:				0 1px 0 1px;
}

div.col2 div.subpagecontent div.subpagecontentdetails a {
    color:				#39415c;
}

div.col2 div.subpagecontent h2 {
	padding: 0px 0px 3px 0px;
	/*width:	335px;*/
	/*float:	left;*/
}

div.col2 div.subpagecontent div.subpagecontentgeneral p {
	width:	335px;
	float:	left;
}

div.col2 div.subpagecontent div.subpagecontentgeneral_white p {
	width:	562px;
	float:	left;
}

div.col2 div.subpagecontent a.button {
	display:		block;
	width:		196px;
	float:		right;
	margin: 		0px 0px 10px 0px;
}

div.col2 div.subpagecontent div.subpagecontentdetails h3 {
	padding: 			0px;
	margin:				0px;
	color:				#23517d;
}

div.col2 div.subpagecontent div.subpagecontentdetails h4 {
	padding: 			0px;
	margin:				0px;
	font-size:			1.1em;
	color:				#23517d;
}

div.col2 div.subpagecontent div.subpagecontentdetails p {
	padding: 			0px 0 10px 0;
	margin:				0 0px 0 0px;
	line-height:		1.2em;
}
div.col2 div.subpagecontent div.subpagecontentdetails div.text {
	width:				335px;
	float:				left;
}

div.col2 div.subpagecontent div.subpagecontentdetails img.ratings {
	float:	right;
	display:	block;
	margin:	20px 7px 0px 5px;
}
div.col2 div.subpagecontent div.subpagecontentdetails a.bijsluiter {
	float:	right;
	display:	block;
	margin:	25px 7px 0px 5px;
}
div.col2 div.subpagecontent div.subpagecontentdetails div.images {
	width:				180px;
	float:				right;
}

#disclaimerlink { /*text-decoration: none; */
	color:			#aaaaaa;
}
#disclaimerlink:visited { 
	color:			#aaaaaa; 
}
#disclaimerlink:active { 
	color:			#aaaaaa;
}

/* footer */
div.footer {
	padding: 20px 0 0 0;
}

div.footer a {
	color: #525a77;
	text-decoration: underline;
	font-size:	0.9em;
}