/* --> Includes CSS
****************************************************/

@import url(content.css);
@import url(menu_v.css);

/*
@import url(menu_v1.css);
@import url(menu_v2.css);
*/



/* --> General
****************************************************/

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	background-color: #fff;
}



/* --> Page layout 
******************************************************************************/

#master-container-splash {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 100%;
	text-align: left;
	background-color: #fff;
}

#master-container {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 100%;
	text-align: left;
	background-color: #F5F4F5;
}

html>body #master-container {
	min-height: 100%;
	height: auto;
}

div.box-splash-top {
	width: 100%;
	height: 30px;
	background-color: #fff;
}	

#topbar {
	width: 100%;
	height: 95px;
	background-color: #fff;
	border-bottom: 1px solid #ECECEC;
}

#titlebar {
	margin: 30px 0 0 25px;
	height: 30px;
}

#titlebar span {
	font-weight: bold;
}


/* splash topbar */

#topbar-splash {
	width: 100%;
	height: 120px;
	background-color: #F5F4F5;
	border-top: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;
	position: relative;
}

#topbar-splash div.logo {
	width: 740px;
	height: 120px;
	float: left;
}

#topbar-splash div.logo img {
	margin: 18px 0 0 30px;
}

#topbar-splash div.box-search {
	margin: 35px 0 0 0;
	width: 250px;
	float: left;
	filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=crop src='img/img_header_search.png');
}


/* topbar site */

#topbar {
	width: 100%;
	height: 95px;
	background-color: #fff;
	border-bottom: 1px solid #ECECEC;
	position: relative;
}

#topbar div.logo {
	width: 740px;
	height: 95px;
	float: left;
}

#topbar div.logo img {
	margin: 15px 0 0 30px;
}

#topbar div.box-search {
	margin: 20px 0 0 0;
	width: 250px;
	float: left;
	filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=crop src='img/img_header_search.png');
}

#topbar .box-menu-corporate {
	position: absolute;
	top: 39px;
	left: 190px;
	z-index: 10;
}

#topbar-splash .box-menu-corporate {
	position: absolute;
	top: 57px;
	left: 190px;
	z-index: 10;
}


/* topbar search */

html>body div.box-search {
	background: url(../../img/img_header_search.png) no-repeat 0 0;
}

div.box-search div.search-input {
	padding: 25px 0 0 15px;
}

div.box-search div.search-input .t {
	padding: 3px;
	height: 20px;
	font: 10px/12px Arial, Verdana, Helvetica, sans-serif;
	color: #5A2C59;
	background-color: #fff;
	border: 1px solid #D8D7D8;
}

html>body div.box-search div.search-input .t {
	height: auto;
}




/* catagory bar */

	
#category-bar {
	width: 100%;
	height: 49px;
	clear: both;
	float: none;
	background: url(../../img/bg_bar_category.gif) repeat-x 0 0;
}

#category-bar div.box-particulier {
	width: 500px;
	height: 49px;
	float: left;
	background: url(../../img/img_header_particulier.gif) no-repeat 24px 19px;
}

#category-bar div.box-zakelijk {
	width: 299px;
	height: 49px;
	float: left;
	background: url(../../img/img_header_zakelijk.gif) no-repeat 24px 19px;
	border-left: 1px solid #EBEBEB;
}

#category-bar div.box-corporate {
	width: 299px;
	height: 49px;
	float: left;
	background: url(../../img/img_header_corporate.gif) no-repeat 24px 19px;
	border-left: 1px solid #EBEBEB;
}

#category-bar div.box-topmenu {
	width: 200px;
	height: 49px;
	float: right;
}

#category-bar div.box-topmenu img {
	margin: 20px 10px 0 0;
}

#foto-bar {
	margin: 5px 0 0 0;
	width: 100%;
	height: 181px;
	clear: both;
	float: none;
	background: none;
	position: relative;
}

#foto-bar #box-menu-particulier {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 1000;
}

#foto-bar #box-menu-zakelijk {
	position: absolute;
	top: 0;
	left: 500px;
	display: none;
	z-index: 1000;
}

#foto-bar div.box-particulier {
	width: 500px;
	height: 181px;
	xfloat: left;
	xbackground: url(../../img/img_photo_particulier.jpg) no-repeat 0 0;
}

#foto-bar div.box-zakelijk {
	margin: -181px 0 0 0;
	width: 500px;
	height: 181px;
	float: right;
	xbackground: url(../../img/img_photo_zakelijk.jpg) no-repeat 0 0;
	border-left: 0;
}





/*****************
content splash 
*****************/

#content-splash {
	margin: 0;
	width: 100%;
	clear: both;
	float: none;
	display: table;
	background: #F8F8F8;
	border-bottom: 1px solid #EBEBEB;
}

#content-splash div.box-particulier {
	width: 500px;
	float: left;
	background: none;
}

#content-splash div.box-particulier div.content {
	padding: 30px;
}

#content-splash div.box-zakelijk {
	width: 499px;
	float: left;
	background: none;
	border-left: 1px solid #EBEBEB;
}

#content-splash div.box-zakelijk div.content {
	padding: 30px;
}






/********************************
content site particulier
********************************/

#content-box-particulier {
	margin: 1px 0 0 0;
	width: 100%;
	clear: both;
	float: none;
	display: table;
	border-bottom: 0;
}

#content-box-particulier div.box-particulier {
	width: 335px;
	float: left;
	background: none;
}

#content-box-particulier div.box-particulier div.box-menu {
	width: 335px;
	height: 214px;
	background: #9EE5EB url(../../img/bg_particulier_lt.jpg) no-repeat 0 0;
}

html>body #content-box-particulier div.box-particulier div.box-menu {
	min-height: 214px;
	height: auto;
}

#content-box-particulier div.box-particulier div.content {
	width: 335px;
	height: 278px;
	background: url(../../img/bg_particulier_lb.jpg) no-repeat 0 0;
	border-bottom: 1px solid #EBEBEB;
}

#content-box-particulier div.box-particulier div.box-menu div.content-bar {
	margin: 0 0 0 85px;
	width: 153px;
	height: 214px;
	text-align: center;
	filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale src='img/bg_menu.png');
}

html>body #content-box-particulier div.box-particulier div.box-menu div.content-bar {
	min-height: 214px;
	height: auto;
	background: url(../../img/bg_menu.png) 0 0;
}

#content-box-particulier div.box-particulier div.content div.content-bar {
	margin: 0 0 0 85px;
	width: 153px;
	height: 278px;
	text-align: center;
	filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale src='img/bg_menu.png');
}

html>body #content-box-particulier div.box-particulier div.content div.content-bar {
	background: url(../../img/bg_menu.png) 0 0;
}

#content-box-particulier div.box-content {
	width: 665px;
	height: 505px;
	float: left;
	background: #fff;
	border-left: 0;
	border-bottom: 1px solid #EBEBEB;
}

html>body #content-box-particulier div.box-content {
	min-height: 505px;
	height: auto;
}

#content-box-particulier div.box-content div.box-photo {
	width: 665px;
	height: 44px;
}

#content-box-particulier div.box-content div.content {
	padding: 10px 30px 30px 30px;
}



/********************************
content site zakelijk
********************************/

#content-box-zakelijk {
	margin: 1px 0 0 0;
	width: 100%;
	clear: both;
	float: none;
	display: table;
	border-bottom: 0;
}

#content-box-zakelijk div.box-zakelijk {
	width: 335px;
	float: left;
	background: none;
}

#content-box-zakelijk div.box-zakelijk div.box-menu {
	width: 335px;
	height: 214px;
	background: #A48DA4 url(../../img/bg_zakelijk_lt.jpg) no-repeat bottom left;
}

html>body #content-box-zakelijk div.box-zakelijk div.box-menu {
	min-height: 214px;
	height: auto;
}

#content-box-zakelijk div.box-zakelijk div.content {
	width: 335px;
	height: 278px;
	background: url(../../img/bg_zakelijk_lb.jpg) no-repeat 0 0;
	border-bottom: 1px solid #EBEBEB;
}

#content-box-zakelijk div.box-zakelijk div.box-menu div.content-bar {
	margin: 0 0 0 85px;
	width: 153px;
	height: 214px;
	text-align: center;
	filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale src='img/bg_menu.png');
}

html>body #content-box-zakelijk div.box-zakelijk div.box-menu div.content-bar {
	min-height: 214px;
	height: auto;
	background: url(../../img/bg_menu.png) 0 0;
}

#content-box-zakelijk div.box-zakelijk div.content div.content-bar {
	margin: 0 0 0 85px;
	width: 153px;
	height: 278px;
	text-align: center;
	filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale src='img/bg_menu.png');
}

html>body #content-box-zakelijk div.box-zakelijk div.content div.content-bar {
	background: url(../../img/bg_menu.png) 0 0;
}

#content-box-zakelijk div.box-content {
	width: 665px;
	height: 492px;
	float: left;
	background: #fff;
	border-left: 0;
	border-bottom: 1px solid #EBEBEB;
}

html>body #content-box-zakelijk div.box-content {
	min-height: 492px;
	height: auto;
}

#content-box-zakelijk div.box-content div.box-photo {
	width: 665px;
	height: 44px;
}

#content-box-zakelijk div.box-content div.content {
	padding: 10px 30px 30px 30px;
}



/********************************
content site corporate
********************************/

#content-box-corporate {
	margin: 1px 0 0 0;
	width: 100%;
	clear: both;
	float: none;
	display: table;
	border-bottom: 0;
}

#content-box-corporate div.box-corporate {
	width: 335px;
	float: left;
	background: none;
}

#content-box-corporate div.box-corporate div.box-menu {
	width: 335px;
	height: 214px;
	background: #A48DA4 url(../../img/bg_corporate_lt.jpg) no-repeat bottom left;
}

html>body #content-box-corporate div.box-corporate div.box-menu {
	min-height: 214px;
	height: auto;
}

#content-box-corporate div.box-corporate div.content {
	width: 335px;
	height: 278px;
	background: url(../../img/bg_corporate_lb.jpg) no-repeat 0 0;
	border-bottom: 1px solid #EBEBEB;
}

#content-box-corporate div.box-corporate div.box-menu div.content-bar {
	margin: 0 0 0 85px;
	width: 153px;
	height: 214px;
	text-align: center;
	filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale src='img/bg_menu.png');
}

html>body #content-box-corporate div.box-corporate div.box-menu div.content-bar {
	min-height: 214px;
	height: auto;
	background: url(../../img/bg_menu.png) 0 0;
}

#content-box-corporate div.box-corporate div.content div.content-bar {
	margin: 0 0 0 85px;
	width: 153px;
	height: 278px;
	text-align: center;
	filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale src='img/bg_menu.png');
}

html>body #content-box-corporate div.box-corporate div.content div.content-bar {
	background: url(../../img/bg_menu.png) 0 0;
}

#content-box-corporate div.box-content {
	width: 665px;
	height: 505px;
	float: left;
	background: #fff;
	border-left: 0;
	border-bottom: 1px solid #EBEBEB;
}

html>body #content-box-corporate div.box-content {
	min-height: 505px;
	height: auto;
}

#content-box-corporate div.box-content div.box-photo {
	width: 665px;
	height: 44px;
}

#content-box-corporate div.box-content div.content {
	padding: 10px 30px 30px 30px;
}





/***************
naw images 
***************/

#naw-bar-splash {
	padding: 30px;
}

#naw-bar-splash div.box-lienden {
	width: 188px;
	height: 46px;
	float: left;
	background: url(../../img/img_naw_lienden.gif) no-repeat 0 0;
}

#naw-bar-splash div.box-vennep {
	width: 138px;
	height: 46px;
	float: left;
	display: none;
	background: url(../../img/img_naw_vennep.gif) no-repeat 0 0;
}

#naw-bar {
	margin: 80px 0 0 0;
	padding: 0;
	text-align: left;
	border-top: 1px solid #E5E5E5;
}

#naw-bar div.box-lienden {
	width: 100%;
	height: 46px;
	background: url(../../img/img_naw_lienden.gif) no-repeat 8px 10px;
	border-bottom: 1px solid #E5E5E5;
}

#naw-bar div.box-vennep {
	width: 138px;
	height: 46px;
	background: url(../../img/img_naw_vennep.gif) no-repeat 8px 10px;
}







/* --> Page elements 
******************************************************************************/

.box-erkend {
	width: 85px;
	height: 62px;
	float: right;
	/* background: url(../../img/img_logo_erkend.gif) no-repeat 0 0; */
}

.box-nbva {
	width: 85px;
	height: 62px;
	float: right;
	/* background: url(../../img/img_logo_nbva.gif) no-repeat 0 0; */
}





/* --> Splash styles
******************************************************************************/







/* --> popup style
******************************************************************************/

#popup-container {
	background: url(../../img/bg_popup.gif) repeat-x 0 0;
	position: relative;
	text-align: left;
}

#popup-content {
	border: 5px solid #fff;
}

#popup-container .closewindow {
	position: absolute;
	right: 50px;
	top: 40px;
}

#popup-container .header {
	padding: 0 0 15px 0;
}