@charset "UTF-8";
/* CSS Document */

/* =====================================================

=  Testaankoop Invest Stylesheet by Rembrand Le Compte =

========================================================*/


/* ========== >> MENU << ============= */


/*----------- >> Corporate navigation <<------------ */

			#corpnav ul.menu {
				float: right;
				display: inline;
				padding:0;
				margin:0 26px 0 0;
				font-size: 12px;
			}
		
				#corpnav ul.menu li {
					float: left;
					display: inline;
					list-style-type: none;
					margin:0;
					padding:0;
				}
				
					#corpnav ul.menu li.rss {
						text-transform: uppercase;
					}
				
				#corpnav ul.menu li a {
					color: #013e5d;
					text-decoration: none;
					padding: 0 20px 0 0;
					margin: 0 0 0 14px;
					background: transparent url(/invest/site_images/corpnav_divider.gif) right center no-repeat;
				}
	
					#corpnav ul.menu li.rss a {
						background: transparent url(/invest/site_images/icon-rss.gif) right top no-repeat;
					}

			#corpnav .language {
				float: right;
				display: inline;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				text-transform: uppercase;
			}

				#corpnav .language a, #corpnav .language a:visited {
					border: 1px solid #7fa9bc;
					background-color: transparent;
					color: #7a7b74;
					text-decoration: none;
					padding: 0 3px;
					margin: 0 0 0 0;
				}
	
				#corpnav .language a:hover {
					border: 1px solid #2e7fa8;
					background-color: #2e7fa8;
					color: #fff;
				}

				#corpnav .language a.active {
					border: 1px solid #01628d;
					background-color: #01628d;
					color: #fff;
				}


/*----------- >> Main navigation <<------------ */

		#mainnav ul.menu {
			width: 100%;
			margin: 0;
			padding: 0;
			position: relative;
			height: 64px;
		}

			#mainnav ul.menu li {
				background: none;
				padding: 0;
				list-style-type: none;
				float: left;
				display: inline;
				margin: 0 3px 0 0;
				height: 63px; /*expand w/ space for submenu*/
			}

			/*#mainnav ul.menu li.active, #mainnav ul.menu li.hover, #mainnav ul.menu li:hover { expand w/ submenu and push content down
				height: 62px;
			}*/
				#mainnav ul.menu li a {
					text-decoration: none;
					font-size: 15px;
					float: left;
					display: inline;
					padding: 0;
					height: 29px;
					background: transparent url(/invest/site_images/maintab-right.gif) right top no-repeat;
					cursor: hand;
					cursor: pointer;
				}
				#mainnav ul.menu li a:hover {
					height: 29px;
					background: transparent url(/invest/site_images/maintab-right_hover.gif) right top no-repeat;
				}
				#mainnav ul.menu li a:active, #mainnav ul.menu li.active a {
					height: 29px;
					background: transparent url(/invest/site_images/maintab-right_active.gif) right top no-repeat;
				}
			
					#mainnav ul.menu li a span {
						float: left;
						display: inline;
						height: 29px;
						line-height: 27px;
						background: transparent url(/invest/site_images/maintab-left.gif) left top no-repeat;
						color: #fff;
						padding: 0 23px;
						text-align: center;
					}
					#mainnav ul.menu li a:hover span {
						color: #fff;
						height: 29px;
						background: transparent url(/invest/site_images/maintab-left_hover.gif) left top no-repeat;
					}
					#mainnav ul.menu li a:active span, #mainnav ul.menu li.active a span {
						color: #005884;
						height: 29px;
						background: transparent url(/invest/site_images/maintab-left_active.gif) left top no-repeat;
					}

/*----------- >> Main navigation submenu<<------------ */

		#mainnav ul.menu li ul.submenu {
			display: none; /*don't show submenu on normal tabs*/
		}
		
		#mainnav ul.menu li:hover ul.submenu, #mainnav ul.menu li:active ul.submenu,
		#mainnav ul.menu li.active ul.submenu,
		#mainnav ul.menu li.hover ul.submenu { /*show submenu on hover or active tab*/
			display: block;
		}
		
		#mainnav ul.menu ul.submenu {
			display: block;
			position: absolute;
			z-index: 900;
			top: 33px;
			left: 0;
			margin:0;
			padding:0;
			height: 30px;
			width: 684px;
			border-right: 1px solid #cfe5ef;
			border-bottom: 1px solid #cfe5ef;
			border-left: 1px solid #cfe5ef;
			background: #fff;
		}
		.wide #mainnav ul.menu ul.submenu {
			width: 948px;
		}
	
			#mainnav ul.menu ul.submenu li {
				margin: 7px 0;
				padding:0 15px;
				display: inline;
				float: left;
				height: auto;
				line-height: 18px;
				font-size: 14px;
				border-right: 1px solid #005884;
			}
		
				#mainnav ul.menu ul.submenu li a {
					color: #005884;
					padding:0;
					height: auto;
					background: none;
				}
				
					#mainnav ul.menu ul.submenu li a:hover {
						text-decoration: underline;
					}
			
					#mainnav ul.menu ul.submenu li.active a {
						text-decoration: none;
						font-weight: bold;
					}
			
				#mainnav ul.menu li li a:hover, #mainnav ul.menu li li a:active, #mainnav ul.menu li.active li a {
					height: auto;
					background: transparent none;
				}

/*----------- >> Overlays for 'sparen' and 'beleggen' <<------------ */

#overlay-beleggen,
#overlay-sparen,
.no_overlay-beleggen #overlay-beleggen.hover,
.no_overlay-sparen #overlay-sparen.hover {
	display: none;
}

#overlay-beleggen.hover,
#overlay-sparen.hover {
	display: block;
}

.menuoverlay {
	position: absolute;
	left:0;
	top:53px;
	width: 100%;
	z-index: 1000;
	background: #cfe5ef none;
}

	.menuoverlay ul {
		margin: 0;
		padding: 26px 0 18px 18px;
		width: 160px;
		line-height: 110%;
		font-size: 14px;
		float: left;
		display: inline;
	}
	
		.menuoverlay ul li {
			list-style-type: none;
			list-style-image: none;
			margin: 0 0 4px 0;
			padding: 0 15px 4px 15px;
			border-bottom: 1px solid #fff;
			color: #005884;
			background: none;
		}
	
			#main .menuoverlay img {
				padding: 0;
				border: 0 none;
			}
			
			.menuoverlay ul li a {
				color: #005884;
				text-decoration: none;
			}
			
			.menuoverlay ul li a:hover {
				color: #005884;
				text-decoration: none;
			}
		
	.menuoverlay .teaser {
		/*background: #fff url(/invest/site_images/menuteaser-bottom.gif) left bottom no-repeat;*/
		width: 476px;
		float: right;
		display: inline;
		margin: 15px 15px 18px 0;
	}

		.menuoverlay .teaser .top {
			/*background: #fff url(/invest/site_images/menuteaser-top.gif) left top no-repeat;*/
		}