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

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:				108px;
}

.top-base .top-logo
{
	float:				left;
	width:				175px;
	height:				108px;
}

.top-base .top-banner
{
	margin:				9px;
	float:				right;
}

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

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

.top-sub-menu.item-home.item-selected,
.top-sub-menu.item-lenen.item-selected,
.top-sub-menu.item-hypotheken.item-selected,
.top-sub-menu.item-sparenenbetalen.item-selected,
.top-sub-menu.item-verzekerenverkeer.item-selected,
.top-sub-menu.item-verzekerenreizen.item-selected,
.top-sub-menu.item-verzekerenoverige.item-selected,
.top-sub-menu.item-nieuwsbrief.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:	#aa0000;
}

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

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

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

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

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

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

.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:				#0499b9;
	clear:				both;
}

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


.body-campaigns
{
	width:				100%;
}

.frontpage-box
{
	float:				left;
	width:				250px;
	margin-right:		8px;
	margin-bottom:		10px;
}

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

.left
{
		
}

.right
{
	float:				right;
}

.box-head
{
	background-color:	#0499b9;
	height:				30px;
}

.box-header
{
	font-family:		Arial;
	font-weight:		bold;
	font-size:			16px;
	color:				#ffffff;
	padding-top:		5px;
	padding-left:		5px;
}

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

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

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

.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;
	text-align:			justify;
	line-height:		1.3em;
}

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


.box-button
{
	clear:				both;
}

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

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

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

.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 right top;
	float:				right;
	width:				5x;
	height:				26px;
}

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

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

li span
{
	color:				#3f3f3f;
	font-weight:		bold;
}

.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:				#0499b9;
	text-decoration:	none;
}

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

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

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

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

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

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

.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;
}

/*
 *	sIFR styles
 */
 .sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}


/* sIFR decoy styles */
.sIFR-hasFlash h1.body-header {
	visibility: hidden;
}
.sIFR-hasFlash h1.menu-header {
	visibility: hidden;
}
.sIFR-hasFlash h3.left-menu-header {
	visibility: hidden;
}

/* new sifr */
.sIFR-active h1.menu-header
{
  font-size: 15px;
  letter-spacing: 0.15em;
  color: #ffffff;
  font-weight: normal;
}

.sIFR-active h1.body-header
{
  font-size: 20px;
  letter-spacing: 0.2em;
  color: #0499b9;
}

.sIFR-active h3.left-menu-header
{
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 0.5em;
  color: #42829D;
}

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

li a
{
	text-decoration: none;
}

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

.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;
}