﻿

/* Header Logo / Banner / Search Section */
#headContainer
{
	margin: auto;
	float: none;
	width: 986px;
}

#innerCon
{
	margin: auto;
	float: left;
	clear: both;
	width: 986px;
	height: 120px;
}
#VerticalMenu
{
	margin-top: 5px;
	margin-right: 5px;
	float: left;
	width: 120px;
	text-align: center;
	margin-bottom: 5px;
}
#MainContent
{
	margin: auto;
	float: right;
	width: 820px;
}
#logo
{
	float: right;
	margin: 0;
	margin-top: 20px;
	vertical-align: bottom;
}
#adHeader
{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 731px;
	height: 91px;
	border: 0px solid #E6E8E7;
}

#searchCon
{
	float: right;
	width: 230px;
}
#inputSearchCon
{
	float: right;
	margin-top: 10px;
	clear: both;
	width: 230px;
}
.btnGraySearch
{
	padding: 0px 0px 3px 0;
	vertical-align: middle;
	height: 26px;
	background: url(../images/btnSearch.gif) no-repeat;
	width: 59px;
	border-width: 0px;
}

#topRightNav
{
	float: left;
	clear: both;
	width: 230px;
	background: url(../images/topTabBg.jpg) repeat-x left top;
	height: 31px;
	border-top: 1px solid #E4E4E4;
}

#topRightNav ul
{
	margin: 0;
	padding: 0;
	float: left;
	height: 40px;
	list-style-type: none;
}

#topRightNav li
{
	font-size: 11px;
	float: left;
	list-style-type: none;
	height: 20px;
	padding-top: 8px;
}
#topRightNav li.seprators
{
	font-size: 11px;
	color: #E4E4E4;
	float: left;
	list-style-type: none;
	height: 20px;
	padding: 8px 5px 0 5px;
}
#rss
{
	margin-left: 3px;
}

#topRightNav li a, #topRightNav li a:visited
{
	text-decoration: underline;
	color: #666;
}

#topRightNav li a:hover
{
	text-decoration: none;
	color: #000066;
}


/* Header Horizontal navigation Section */

#topNav
{
	float: left;
	width: 986px; /*background: url(../images/tabBg.jpg) repeat-x left top;*/ /*background: url(../images/background.png) repeat-x left top;*/
	height: 29px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #ffffff;
	background: url(../images/menu-hypotheekberekenen1.gif) repeat-x left top;
}

#topNav ul
{
	margin: 0;
	margin-top: 0px;
	padding: 0;
	float: left;
	height: 29px;
	list-style-type: none;
}

#topNav ul#topRight
{
	margin: 0;
	padding: 0;
	float: right;
	height: 29px;
	list-style-type: none;
}

#topNav li
{
	font-size: 11px;
	float: left;
	list-style-type: none;
	height: 29px;
}

#topNav li#selected a, #topNav li#selected a:visited
{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 8px 10px 0 6px;
	height: 20px;
}

.selectedTab
{
	text-decoration: none;
	color: #000066;
	font-weight: bold;
	display: block; /*padding: 0px 10px 0 10px;*/
	height: 20px; /*background: url(../images/tabHover.jpg) repeat-x left top;*/
}

#topNav li#selected a:hover
{
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 8px 10px 0 6px;
	height: 20px;
}

#topNav li#sep
{
	float: left;
	list-style-type: none;
	padding-top: 4px;
	height: 20px;
}

#topNav li a, #topNav li a:visited
{
	text-decoration: none;
	float: left;
	color: #fff;
	display: block;
	padding: 8px 8px 0 8px;
	height: 20px;
}

#topNav li a:hover
{
	text-decoration: none; /*on hover font weight*/
	font-weight: bold;
	color: #fff;
	display: block; /*  padding: 8px 8px 0 8px;*/
	height: 20px;
	background: url(../images/tabHover.jpg) repeat-x left top;
}

#topRightNav
{
	float: left;
	clear: both;
	width: 230px;
	background: url(../images/topTabBg.jpg) repeat-x left top;
	height: 29px;
	border-top: 1px solid #E4E4E4;
}

#topRightNav ul
{
	margin: 0;
	padding: 0;
	float: left;
	height: 29px;
	list-style-type: none;
}

#topRightNav li
{
	font-size: 11px;
	float: left;
	list-style-type: none;
	height: 20px;
	padding-top: 8px;
}
#topRightNav li.seprators
{
	font-size: 11px;
	color: #E4E4E4;
	float: left;
	list-style-type: none;
	height: 20px;
	padding: 8px 5px 0 5px;
}
#rss
{
	margin-left: 3px;
}

#topRightNav li a, #topRightNav li a:visited
{
	text-decoration: underline;
	color: #666;
}

#topRightNav li a:hover
{
	text-decoration: none;
	color: #000066;
}


/*///////////////////////// NewMenu///////////////////////*/
.style
{
	z-index: 1000;
}


.hypotheek
{
	margin-top: 1px;
	color: #ffffff;
	width: 91px;
	background: url(../images/menu-hypotheek.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheek:hover, hypotheek_active
{
	margin-top: 1px;
	color: #000066;
	width: 91px;
	background: url(../images/menu-hypotheek-active.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekSelect
{
	margin-top: 1px;
	color: #000066;
	width: 91px;
	background: url(../images/menu-hypotheek-active.gif) left top no-repeat;
}

.hypotheekrente
{
	margin-top: 1px;
	color: #ffffff;
	width: 126px;
	background: url(../images/menu-hypotheekrente.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekrente:hover, hypotheekrente_active
{
	margin-top: 1px;
	color: #000066;
	width: 126px;
	background: url(../images/menu-hypotheekrente-active.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekrenteSelect
{
	margin-top: 1px;
	color: #000066;
	width: 126px;
	background: url(../images/menu-hypotheekrente-active.gif) left top no-repeat;
}



.brekenen
{
	margin-top: 1px;
	color: #ffffff;
	width: 91px;
	background: url(../images/menu-hypotheekberekenen.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.brekenen:hover, brekenen_active
{
	margin-top: 1px;
	color: #000066;
	width: 91px;
	background: url(../images/menu-hypotheekberekenen-active.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.brekenenSelect
{
	margin-top: 1px;
	color: #000066;
	width: 91px;
	background: url(../images/menu-hypotheekberekenen-active.gif) left top no-repeat;
}

.vergelijken
{
	margin-top: 1px;
	color: #ffffff;
	width: 100px;
	background: url(../images/menu-hypotheekvergelijken.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.vergelijken:hover, vergelijken_active
{
	margin-top: 1px;
	color: #000066;
	width: 100px;
	background: url(../images/menu-hypotheekvergelijken-active.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.vergelijkenSelect
{
	margin-top: 1px;
	color: #000066;
	width: 100px;
	background: url(../images/menu-hypotheekvergelijken-active.gif) left top no-repeat;
}

.hypotheekvormen
{
	margin-top: 1px;
	color: #ffffff;
	width: 141px;
	background: url(../images/menu-hypotheekvormen.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekvormen:hover, hypotheekvormen_active
{
	margin-top: 1px;
	color: #000066;
	width: 141px;
	background: url(../images/menu-hypotheekvormen-active.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekvormenSelect
{
	margin-top: 1px;
	color: #000066;
	width: 141px;
	background: url(../images/menu-hypotheekvormen-active.gif) left top no-repeat;
}

.hypotheekverstrekkers
{
	margin-top: 1px;
	color: #ffffff;
	width: 176px;
	background: url(../images/menu-hypotheekverstrekkers.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekverstrekkers:hover, hypotheekverstrekkers_active
{
	margin-top: 1px;
	color: #000066;
	width: 176px;
	background: url(../images/menu-hypotheekverstrekkers-active.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekverstrekkersSelect
{
	margin-top: 1px;
	color: #000066;
	width: 176px;
	background: url(../images/menu-hypotheekverstrekkers-active.gif) left top no-repeat;
}

.verzekeringen
{
	margin-top: 1px;
	color: #ffffff;
	width: 118px;
	background: url(../images/menu-verzekeringen.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.verzekeringen:hover, verzekeringen_active
{
	margin-top: 1px;
	color: #000066;
	width: 118px;
	background: url(../images/menu-verzekeringen-active.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.verzekeringenSelect
{
	margin-top: 1px;
	color: #000066;
	width: 118px;
	background: url(../images/menu-verzekeringen-active.gif) left top no-repeat;
}

/* ---------------- New styles for the menu which do not have child ------------------ */

.hypotheek0
{
	margin-top: 1px;
	color: #ffffff;
	width: 91px;
	background: url(../images/menu-hypotheek0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheek0:hover, hypotheek_active0
{
	margin-top: 1px;
	color: #000066;
	width: 91px;
	background: url(../images/menu-hypotheek-active0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekSelect0
{
	margin-top: 1px;
	margin-top: 1px;
	color: #000066;
	width: 91px;
	background: url(../images/menu-hypotheek-active0.gif) left top no-repeat;
}

.hypotheekrente0
{
	margin-top: 1px;
	color: #ffffff;
	width: 126px;
	background: url(../images/menu-hypotheekrente0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekrente0:hover, hypotheekrente_active0
{
	margin-top: 1px;
	color: #000066;
	width: 126px;
	background: url(../images/menu-hypotheekrente-active0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekrenteSelect0
{
	margin-top: 1px;
	color: #000066;
	width: 126px;
	background: url(../images/menu-hypotheekrente-active0.gif) left top no-repeat;
}



.brekenen0
{
	margin-top: 1px;
	color: #ffffff;
	width: 91px;
	background: url(../images/menu-hypotheekberekenen0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.brekenen0:hover, brekenen_active0
{
	margin-top: 1px;
	color: #000066;
	width: 91px;
	background: url(../images/menu-hypotheekberekenen-active0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.brekenenSelect0
{
	margin-top: 1px;
	color: #000066;
	width: 91px;
	background: url(../images/menu-hypotheekberekenen-active0.gif) left top no-repeat;
}

.vergelijken0
{
	margin-top: 1px;
	color: #ffffff;
	width: 100px;
	background: url(../images/menu-hypotheekvergelijken0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.vergelijken0:hover, vergelijken_active0
{
	margin-top: 1px;
	color: #000066;
	width: 100px;
	background: url(../images/menu-hypotheekvergelijken-active0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.vergelijkenSelect0
{
	margin-top: 1px;
	color: #000066;
	width: 100px;
	background: url(../images/menu-hypotheekvergelijken-active0.gif) left top no-repeat;
}

.hypotheekvormen0
{
	margin-top: 1px;
	color: #ffffff;
	width: 141px;
	background: url(../images/menu-hypotheekvormen0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekvormen0:hover, hypotheekvormen_active0
{
	margin-top: 1px;
	color: #000066;
	width: 141px;
	background: url(../images/menu-hypotheekvormen-active0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekvormenSelect0
{
	margin-top: 1px;
	color: #000066;
	width: 141px;
	background: url(../images/menu-hypotheekvormen-active0.gif) left top no-repeat;
}

.hypotheekverstrekkers0
{
	margin-top: 1px;
	color: #ffffff;
	width: 176px;
	background: url(../images/menu-hypotheekverstrekkers0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekverstrekkers0:hover, hypotheekverstrekkers_active0
{
	margin-top: 1px;
	color: #000066;
	width: 176px;
	background: url(../images/menu-hypotheekverstrekkers-active0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.hypotheekverstrekkersSelect0
{
	margin-top: 1px;
	color: #000066;
	width: 176px;
	background: url(../images/menu-hypotheekverstrekkers-active0.gif) left top no-repeat;
}

.verzekeringen0
{
	margin-top: 1px;
	color: #ffffff;
	width: 118px;
	background: url(../images/menu-verzekeringen0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.verzekeringen0:hover, verzekeringen_active0
{
	margin-top: 1px;
	color: #000066;
	width: 118px;
	background: url(../images/menu-verzekeringen-active0.gif) left top no-repeat;
	line-height: 29px;
	height: 29px;
}
.verzekeringenSelect0
{
	margin-top: 1px;
	color: #000066;
	width: 118px;
	background: url(../images/menu-verzekeringen-active0.gif) left top no-repeat;
}

/*--------------------------------------------------------------------------------------------------*/

.arrowImage
{
	background: url(../images/leftBullet.gif) left top no-repeat;
}
.middle
{
	background: url(../images/top.jpg) left top no-repeat;
}
.left
{
	width: 17;
	background: url(../images/dropdown-left-center.gif) left top no-repeat;
	
}

.leftbottom
{
	width: 17;
	background: url(../images/dropdown-left-bottom.gif) left top no-repeat;
}
.righttop
{
	width: 15;
	background: url(../images/dropdown-right-top.gif) left top no-repeat;
	
}
.rightmiddle
{
	width: 15;
	background: url(../images/dropdown-right-center.gif) left top no-repeat;
}
.rightbottom
{
	width: 15;
	background: url(../images/dropdown-right-bottom.gif) left top no-repeat;
}

.level1
{
	margin-bottom: -1px;
	color: #000066;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 29px;
	cursor: default;
	text-align: center;
	cursor: pointer;
}

.level1 a
{
	background-color: Transparent;
	display: block;
	color: #000066;
	text-decoration: none;
	text-align: inherit;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: inherit;
	text-decoration: none;
	width: auto;
	cursor: pointer;
}

.level1 a:hover
{
	/*background: #2e92cc url(../images/background_hover.png) repeat-x left top;*/
	background-color: Transparent;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 29px;
	text-decoration: none;
	color: #000066;
	cursor: pointer;
}

.level1:active
{
	/*background: #2e92cc url(../images/background_hover.png) repeat-x left top;*/
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 29px;
	text-decoration: none;
	cursor: pointer;
}
.selectedStyle
{
	/*background: #2e92cc url(../images/background_hover.png) repeat-x left top;*/
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 31px;
	text-decoration: none;
	background-color: Red;
}
.level1:hover
{
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 30px;
	background-color: Transparent;
	text-decoration: none;
	cursor: pointer;
}

.level2
{
	font-size: 11px;
	background-color: Red;
	color: #000066;
	font-family: Verdana,Arial,Helvetica,sans-serif; /*border: 0.1em solid #dcdce9; 	 	 	border-top: 0 solid #dcdce9;*/
	cursor: pointer;
	line-height: 22px;
	background: url(../images/tranparent.gif);
	
}


#ctl00_headerControl_headerMenu_siteMenun1Items, #ctl00_headerControl_headerMenu_siteMenun2Items, #ctl00_headerControl_headerMenu_siteMenun3Items, #ctl00_headerControl_headerMenu_siteMenun4Items, #ctl00_headerControl_headerMenu_siteMenun5Items, #ctl00_headerControl_headerMenu_siteMenun6Items, #ctl00_headerControl_headerMenu_siteMenun7Items, #ctl00_headerControl_headerMenu_siteMenun8Items, #ctl00_headerControl_headerMenu_siteMenun9Items, #ctl00_headerControl_headerMenu_siteMenun10Items, #ctl00_headerControl_headerMenu_siteMenun11Items, #ctl00_headerControl_headerMenu_siteMenun12Items, #ctl00_headerControl_headerMenu_siteMenun13Items, #ctl00_headerControl_headerMenu_siteMenun14Items, #ctl00_headerControl_headerMenu_siteMenun15Items, #ctl00_headerControl_headerMenu_siteMenun16Items, #ctl00_headerControl_headerMenu_siteMenun17Items, #ctl00_headerControl_headerMenu_siteMenun18Items, #ctl00_headerControl_headerMenu_siteMenun19Items, #ctl00_headerControl_headerMenu_siteMenun20Items, #ctl00_headerControl_headerMenu_siteMenun21Items, #ctl00_headerControl_headerMenu_siteMenun22Items, #ctl00_headerControl_headerMenu_siteMenun23Items, #ctl00_headerControl_headerMenu_siteMenun24Items, #ctl00_headerControl_headerMenu_siteMenun25Items, #ctl00_headerControl_headerMenu_siteMenun26Items, #ctl00_headerControl_headerMenu_siteMenun27Items, #ctl00_headerControl_headerMenu_siteMenun28Items, #ctl00_headerControl_headerMenu_siteMenun29Items, #ctl00_headerControl_headerMenu_siteMenun30Items, #ctl00_headerControl_headerMenu_siteMenun31Items, #ctl00_headerControl_headerMenu_siteMenun32Items, #ctl00_headerControl_headerMenu_siteMenun33Items, #ctl00_headerControl_headerMenu_siteMenun34Items, #ctl00_headerControl_headerMenu_siteMenun35Items, #ctl00_headerControl_headerMenu_siteMenun36Items, #ctl00_headerControl_headerMenu_siteMenun37Items, #ctl00_headerControl_headerMenu_siteMenun38Items, #ctl00_headerControl_headerMenu_siteMenun39Items, #ctl00_headerControl_headerMenu_siteMenun40Items, #ctl00_headerControl_headerMenu_siteMenun41Items, #ctl00_headerControl_headerMenu_siteMenun42Items, #ctl00_headerControl_headerMenu_siteMenun43Items, #ctl00_headerControl_headerMenu_siteMenun44Items, #ctl00_headerControl_headerMenu_siteMenun45Items, #ctl00_headerControl_headerMenu_siteMenun46Items, #ctl00_headerControl_headerMenu_siteMenun47Items, #ctl00_headerControl_headerMenu_siteMenun48Items, #ctl00_headerControl_headerMenu_siteMenun49Items, #ctl00_headerControl_headerMenu_siteMenun50Items, #ctl00_headerControl_headerMenu_siteMenun51Items, #ctl00_headerControl_headerMenu_siteMenun52Items, #ctl00_headerControl_headerMenu_siteMenun53Items, #ctl00_headerControl_headerMenu_siteMenun54Items, #ctl00_headerControl_headerMenu_siteMenun55Items, #ctl00_headerControl_headerMenu_siteMenun56Items, #ctl00_headerControl_headerMenu_siteMenun57Items, #ctl00_headerControl_headerMenu_siteMenun58Items, #ctl00_headerControl_headerMenu_siteMenun59Items, #ctl00_headerControl_headerMenu_siteMenun60Items, #ctl00_headerControl_headerMenu_siteMenun61Items, #ctl00_headerControl_headerMenu_siteMenun62Items, #ctl00_headerControl_headerMenu_siteMenun63Items, #ctl00_headerControl_headerMenu_siteMenun64Items, #ctl00_headerControl_headerMenu_siteMenun65Items, #ctl00_headerControl_headerMenu_siteMenun66Items, #ctl00_headerControl_headerMenu_siteMenun67Items, #ctl00_headerControl_headerMenu_siteMenun68Items, #ctl00_headerControl_headerMenu_siteMenun69Items, #ctl00_headerControl_headerMenu_siteMenun70Items, #ctl00_headerControl_headerMenu_siteMenun71Items, #ctl00_headerControl_headerMenu_siteMenun72Items
{
	/*border-top: 0.1em solid #dcdce9; 	border-bottom: 0 solid #dcdce9; 	background: #e5e5ef url(../images/background_hover.png) repeat-x left top;*/
	margin-left: 3px;
}

.MouseOut
{
	text-decoration: none;
}

.MouseOver
{
	text-decoration: underline;
}
.level2 a
{
	color: #000066;
	
	cursor: pointer;
	background: url(../images/tranparent.gif);
}

.level2 a:hover
{
	color: #000066;
	
	cursor: pointer;
	background: url(../images/tranparent.gif);
}
.level2:hover
{
	color: #000066;
	
	cursor: pointer;
	background: url(../images/tranparent.gif);
}
.level3
{
	font-size: 11px;
	color: #000066;
	font-family: Verdana,Arial,Helvetica,sans-serif; /*border: 0.1em solid #dcdce9; 	 	 	border-top: 0 solid #dcdce9;*/
	cursor: pointer;
	line-height: 22px;
	background-color: Transparent;
}

.level3 a
{
	color: #000066;
	text-decoration: none;
	cursor: pointer;
	background-color: Transparent;
}

.level3 a:hover
{
	color: #000066;
	text-decoration: undeline;
	cursor: pointer;
	background-color: Transparent;
}
.level3:hover
{
	color: #000066;
	text-decoration: undeline;
	cursor: pointer;
	background-color: Transparent;
}

.hoverstyle
{
	/*font-weight: bold;*/
}

.sublevel1
{
	/*background-color: Gray !important;     color: White !important;     font-variant: small-caps;*/
}

