*
{
	margin:				0;
	padding:			0;
	font-family:		Arial;
	font-size:			12px;
}

/*@font-face {
	font-family:		"BellGothicBlack";
	src:				local('BellGothic Blk BT'), url('/font/black.TTF') format('truetype');
}*/

@font-face {
    font-family: BellGothicBlackx;
    src: local('BellGothic Blk BT'), url('/font/black.TTF') format("truetype");
}

h1.menu-header a
{
	font-family: 		"BellGothicBlackx";
	font-size:			15px;	
}

h1.body-header
{
	font-family:		"BellGothicBlackx";
	font-size:			20px;
	color:				#0499b8;
}

h3.left-menu-header
{
	font-family:		"BellGothicBlackx";
	font-size:			12px;
	color:				#42829D;
}

img
{
	border:				none;
	display:			block;
}

body
{
	background:			#ebebeb url('/images/et_1280_wijd_b2_hypo_bg.png') repeat-y scroll center top
}

.base
{
	background-color:	#fff;
	margin-left:		auto;
	margin-right:		auto;
	width:				1014px
}

.top-base
{
	height:				100px;
}

.top-base .top-logo
{
	float:				left;
	width:				275px;
	height:				100px;
}

.top-base .top-banner,
.top-base .top-search
{
	float:				left;
	margin-top: 		25px;
	margin-left:		10px;
}

.top-base .top-search
{
	width: 230px;
	height: 60px;
	background-color: #dddddd;
}

.top-base .top-search p
{
	padding: 10px;
	font-weight: bold;	
}
.top-base .top-search input[type=text]
{
	height: 16px;
	font-size: 10px;
	border: 1px solid black;
	margin-left: 10px;
	width: 150px;
}

.top-menu
{
	width:				1015px;
	height:				30px;
	margin-bottom:		1px;
	background-color:	#0499b8;
}

.top-sub-menu
{
	width:				100%;
	height:				30px;
	margin-bottom:		15px;
	background-color:	#ffffff;
	display:			none;
}

#sub-verzekerenoverige
{
	display:	 		none;
}

.top-sub-menu.item-home.item-selected,
.top-sub-menu.item-lenen.item-selected,
.top-sub-menu.item-sparenenbetalen.item-selected,
.top-sub-menu.item-hypotheken.item-selected,
.top-sub-menu.item-verzekerenverkeer.item-selected,
.top-sub-menu.item-verzekerenreizen.item-selected,
.top-sub-menu.item-verzekerenpersoonlijk.item-selected,
.top-sub-menu.item-verzekerenhuis.item-selected,
.top-sub-menu.item-verzekerenoverige.item-selected,
.top-sub-menu.item-nieuwsbrief.item-selected,
.top-sub-menu.item-zoeken.item-selected
{
	height:				30px;
}

.menu-item
{
	height:				25px;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		5px;
	float:				left;
}

.menu-header
{
	font-size:			15px;
	background-color:	transparent;
	font-weight: normal;
}

.menu-header a
{
	color:				#fff;
	text-decoration:	none;
}

.item-nieuwsbrief:hover,
.item-nieuwsbrief.item-selected,
.box-nieuwsbrief .box-head
{
	background-color:	#EF4141;
}

.item-lenen:hover,
.item-lenen.item-selected,
.box-lenen .box-head
{
	background-color:	#0499b8;
}

.item-hypotheken:hover,
.item-hypotheken.item-selected,
.box-hypotheken .box-head
{
	background-color:	#0499b8;
}

.item-verzekerenoverige:hover,
.item-verzekerenoverige.item-selected,
.box-verzekerenoverige .box-head,
.item-verzekerenpersoonlijk:hover,
.item-verzekerenpersoonlijk.item-selected,
.box-verzekerenpersoonlijk .box-head
{
	background-color:	#0499b8;
}

.item-verzekerenhuis:hover,
.item-verzekerenhuis.item-selected,
.box-verzekerenhuis .box-head
{
	background-color: #0499b8
}

.item-verzekerenverkeer:hover,
.item-verzekerenverkeer.item-selected,
.box-verzekerenverkeer .box-head
{
	background-color:	#0499b8;
}

.item-verzekerenreizen:hover,
.item-verzekerenreizen.item-selected,
.box-verzekerenreizen .box-head
{
	background-color:	#0499b8;
}

.item-sparenenbetalen:hover,
.item-sparenenbetalen.item-selected,
.box-sparenenbetalen .box-head
{
	background-color:	#0499b8;
}

.item-nieuwsbrief:hover,
.item-nieuwsbrief.item-selected
{
	background-color:	#0499b8;
}

.item-selected
{
	height:				26px;
	display:			block;
}

.sub-menu-separator
{
	float:				left;
	margin-top:			5px;
	color:				#fff;
}

.sub-menu-item
{
	height:				25px;
	padding-left:		9px;
	padding-right:		9px;
	float:				left;
	padding-top:		7px;
}

.sub-menu-header.item-selected a
{
	font-weight:		bold;
}

.sub-menu-header
{
	font-weight:		normal;
	font-size:			12px;
}

.sub-menu-header a
{
	color:				#fff;
	text-decoration:	none;
}

.sub-menu-header a:hover
{
	text-decoration:	underline;
}

.sub-item-selected,
.sub-item-selected a:hover
{
	font-weight:		bold;
	text-decoration:	none;
}

.sub-item-first,
.item-first,
.body-left,
.body-right
{
	padding-left:		23px;
}

.body-left
{
	width: 				175px;
}

.body-right
{
	width: 				775px;
	background:			url('/images/stippel_vert.png') repeat-y scroll left top;
	min-height:			785px;
}

.body-left,
.body-right
{
	float: left;
}

.left-menu-item
{
	margin-bottom:		10px;
}

.left-menu-header,
.left-menu-header a
{
	font-family:		Arial bold, Arial;
	font-size:			14px;
	color:				#42829d;
	text-decoration:	none;
}

.left-menu-item a
{
	font-size:			11px;
	color:				#42829d;
	margin-bottom:		5px;
	clear:				both;
	text-decoration:	none;
}

.left-menu-header a:hover,
.left-menu-item a:hover
{
	text-decoration:	underline;
}

.body-header
{
	font-weight:		bold;
	font-size:			18px;
	margin-bottom:		10px;
	color:				#0499b8;
	clear:				both;
}

.body-text
{
	font-family:		Arial;
	font-size	:		12px;
	color:				#3f3f3f;
	margin-bottom:		10px;
	text-align:			justify;
	width:				550px;
}


.body-campaigns
{
	width: 100%;
	/*width:				400px;*/
	float: 				left;
}

.body-campaigns-right
{
	float: 				right;
}

.body-campaigns-frontpage-right
{
	position: relative;
	width: 				300px;
	float: 				right;
}

.frontpage-box
{
	width:				458px;
	margin-right:		8px;
	margin-bottom:		10px;
	overflow: 			hidden;
	
}

.box
{
	float:				left;
	width:				380px;
	height:				150px;/*170px;*/
	margin-bottom:		10px;
	position:			relative;
}

.left
{
		
}

.right
{
	float:				right;
}

.box-head
{
	background-color:	#0499b8;
	/*height:				30px;*/
}

.box-header
{
	font-family:		Arial;
	font-weight:		bold;
	font-size:			14px;
	color:				#ffffff;
	padding:			3px 0 3px 5px;
}

.box-left
{
	background:			transparent url('/images/venster_breed.png') no-repeat scroll left bottom;
	width:				100%;
	float:				left;
	z-index:			2;
	height:				100%;
}

.box-right
{
	background:			transparent url('/images/venster_hoog.png') no-repeat scroll right bottom;
	width:				100%;
	float:				right;
	z-index:			1;
	height:				120px;/*140px;*/
}

.box-content
{
	width:				100%;
	overflow:			auto;
	position:			relative;
}

.box-logo
{
	float:				left;
	width:				100px;
	margin:				5px;
}

.box-logo img
{
	height:				100px;
	width:				100px;
}

.box-text
{
	float:				left;
	width:				268px;
}

.box-text p
{
	padding:			5px;
	line-height:		1.3em;
}

.box-text p a
{
	text-decoration:	none;
	color:				#3f3f3f;
	font-size:			11px;
}


.box-button
{
	clear:				both;
}

.orange-button
{
	background:			transparent url('/images/standaardknop_breed.png') no-repeat scroll right top;
	width:				260px;
	height:				26px;
	overflow:			auto;
	margin-right:		5px;
	position:			absolute;
	bottom:				7px;
	right:				3px;
	cursor:				pointer;
}

.orange-button-frontpage
{
	background:			transparent url('/images/standaardknop_breed.png') no-repeat scroll right top;
	width:				295px;
	height:				26px;
	overflow:			auto;
	margin-right:		5px;
	cursor:				pointer;
}

/*.orange-button-mo
{
	background:			transparent url('/images/btn_on.png') no-repeat scroll right top;
	width:				260px;
	height:				26px;
	overflow:			auto;
	margin-right:		5px;
	position:			absolute;
	bottom:				7px;
	right:				3px;
	cursor:				pointer;
}

.orange-button-mo-frontpage
{
	background:			transparent url('/images/btn_on.png') no-repeat scroll right top;
	width:				295px;
	height:				26px;
	margin-right:		5px;
	cursor:				pointer;
}*/

.orange-button-text
{
	float:				left;
	margin-left:		6px;
	margin-top:			6px;
}

.orange-button-text:hover
{
	text-decoration:	underline;
}

.orange-button-text a
{
	font-size:			12px;
	color:				#3f3f3f;
	text-decoration:	none;
}

.orange-button-text a:hover
{
	text-decoration:	underline;
}

.orange-button-end
{
	background:			white url('/images/knop3_breed_stukje.png') no-repeat scroll left top;
	float:				left;
	width:				5px;
	height:				26px;
}

/* bases */
.body-right ul
{
	margin-left:		23px;
	margin-top:			15px;
	margin-bottom:		15px;
	color:				#0499b8;
	width:				550px;
}

.body-right li
{
	margin-bottom:		5px;
	font-weight:		bold;
}

.body-right li span
{
	color:				#3f3f3f;
}

.body-footer
{
	clear:				both;
	overflow:			auto;
	width:				100%;
	margin-top:			50px;
	padding-top:		10px;
	background:			white url('/images/stippel_hor.png') repeat-x scroll left top;
	text-align:			center;
}

.footer-item,
.footer-separator
{
	display:			inline;
}

.footer-item a,
.footer-separator
{
	font-family:		Arial;
	font-size:			11px;
	color:				#0499b8;
	text-decoration:	none;
}

.footer-item a:hover
{
	text-decoration:	underline;
}

.footer-separator
{
	padding-left:		5px;
	padding-right:		5px;
}

.frontpage-box .box-left
{
	height:				95px;
	position:			relative;
}

.frontpage-box .box-right
{
	height:				95px;
}

.frontpage-box .box-logo
{
	float:				right;
	width:				86px;
	margin-top:			5px;
}

.frontpage-box .box-text
{
	float:				left;
	width:				362px;
}

.frontpage-box .box-text p
{
	text-align:			justify;
	padding:			5px;
}

.frontpage-box .box-cta
{
	position:			absolute;
	left:				5px;
	bottom:				5px;
}

.frontpage-box .box-cta a
{
	font-weight:		bold;
	color:				#0049b9;
}

.ul-lv1 li
{
	margin-top:			5px;
}

.ul-lv2 li,
.ul-lv3 li
{
	margin-top:			0px;
}

.ul-lv2,
.ul-lv3
{
	margin-top:			2px;
	margin-bottom:		2px;
}

.subtext
{
	font-weight: normal;
	font-style: normal;
}

li a
{
	text-decoration: none;
}

li a:hover
{
	text-decoration: underline;
	color: #0499b8;
}

.contact div
{
	width: 350px;
	min-height: 25px;
}

.contact label
{
	width: 110px;
	float: left;
	text-align: right;
}

.contact input,
.contact textarea
{
	width: 230px;
	float: right;
}

.contact input.submit
{
	clear:both;
}

.sitemap-item
{
	float:left;
	margin: 10px 0 0 25px;
	width: 225px;
}

.sitemap-item h2
{
	color: #0499b8;
	font-weight: bold;
}

.sitemap-item a
{
	color: #0499b8;
}

#search-submit
{
	background: url("/images/button2.png") no-repeat scroll left top transparent;
	border: medium none;
	cursor: pointer;
	outline: medium none;
	position: absolute;
	height: 19px;
 	width: 51px;
	margin-left: 5px;
}

.euribor
{
	border:				1px solid #cccccc;
	background-color:	#003366;
	width:				300px;
	height:				105px;
}

.euribor-href
{
	font-family:		Arial;
	font-size:			14px;
	color:				#FFFFFF;
	text-decoration:	none;
	font-weight:		bold;
	margin-left:		1px;
}