html{
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #002A5F;
	overflow-y: scroll;
}

body{
	background: #ffffff url('/data/img/nav_background.gif') repeat-x 0 71px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #002A5F;
	/*	text-align: center;*/
}

a{
	color: #73b100; 
	text-decoration: underline;
}

a:hover{
	color: #002A5F;
	background-color: #D7F799;
}

a:active,
a:focus{ outline: 0; }

a[target $='_blank']{ background: transparent url('/data/img/icon_external.gif') no-repeat center right; padding: 1px 18px 1px 0;}
a[href $='.doc']{ background: transparent url('/data/img/icon_word2.gif') no-repeat center right; padding: 1px 18px 1px 0; }
a[href $='.swf']{ background: transparent url('/data/img/word.jpg') no-repeat center right; padding: 1px 18px 1px 0; }
a[href $='.pdf']{ background: transparent url('/data/img/icon_pdf.gif') no-repeat center right; padding: 1px 21px 1px 0; }
a[href $='.rss']{ background: transparent url('/data/img/icon_rss.gif') no-repeat center right; padding: 1px 21px 1px 0; }
a[href $='.swf']:hover{ background: #D7F799 url('/data/img/icon_swf.gif') no-repeat center right; }
a[href $='.pdf']:hover{ background: #D7F799 url('/data/img/icon_pdf.gif') no-repeat center right; }
a[href $='.rss']:hover{ background: #D7F799 url('/data/img/icon_rss.gif') no-repeat center right; }

a .underline,
.underline{ 
	display:inline;
	text-decoration: underline;
}

a:hover .underline{ background-color: #D7F799; }

a span{ display:none; }

p{ margin: 15px 0px 15px 0px; }

ol{
	list-style-type:decimal;
	margin:	0px 0px 0px 20px;
	padding: 0px 0px 0px 14px;
	line-height: 20px;
}

* html ol{ margin: 0px 0px 0px 25px; }
*+html ol{ margin: 0px 0px 0px 24px; }

ul{
	list-style-type: none;
	margin:	0px 0px 0px 14px;
	line-height: 20px;
}

ul li{
	background:	transparent url('/data/img/li_bullet.gif') no-repeat 0 9px;
	padding: 0 0 0 12px;
}


/* ------------ START tables ------------ */
table{ border-collapse:collapse; color:#002A5F;}

thead{ border:1px solid #b1b1b1; }

thead th{
	background:#8cd600 url('/data/img/table_thead_th_background.gif') repeat-x 0 0;
	text-align:center;
	padding: 10px;
	vertical-align: middle;
	color:#fff;
}

tbody th{
	border:1px solid #e1e1e1;
	text-align:left;
	color:#808080;
	background:#d1d1d1 url('/data/img/table_tbody_th.gif') repeat-x 0 0;
	padding:4px 5px 4px 8px;
}

tfoot td{
	color:#808080;
	text-align:left;
	background:#fff;
	font-size:90%;
	padding:8px
}

tbody td{ 
	border:1px solid #e1e1e1; 
	padding:5px 5px 5px 8px; 
	font-size:90%; 
	vertical-align:middle;
	background-color: transparent;
}

tbody td.on{ background:red; }

tbody td.amount{
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	padding:8px;
	font-size:100%;
	color:#73b100;
}

tbody tr{ 
	background-color: transparent; 
	behavior: url('/data/js/hover.htc'); 
}

td.hover,
tr.hover td,
tr:hover td{ background: #f5f5f5; }

tfoot tr.hover td,
tfoot tr:hover td,
td.empty{ background:none !important; }

caption{ display:none; }
/* ------------ END tables ------------ */

/* ------------ START forms ------------ */
form{ 
	margin: 30px 0px 30px 0px;
	width: 570px;
}

* html form{ width: 575px; } /*IE6 vreemde roll-over probleem vanwege de gebruikte height:100%*/

select{ 
	float: left;
	width: 274px;
}
select:disabled{ background-color:#F5F5F5;}
select.int{	text-align:right; }

textarea{
	background: transparent url('/data/img/textarea.gif') no-repeat 0 0; 	
	float: left;
	overflow: auto;
	width: 517px;
	height: 51px;
	padding: 3px 0px 1px 5px;
	border: 1px solid #CFCFCF; 
}

input{
	background: transparent url('/data/img/form.gif') no-repeat 0 0; 	
	float: left;
	width: 267px;
	height: 17px;
	color: #002A5F;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 1px 5px;
	border: 1px solid #CFCFCF; 
	outline: 0;
}

input:focus{ background: transparent url('/data/img/form_focus.gif') repeat-x 0 0; }

fieldset{
	border:	1px solid #E8E8E8;
	margin: 20px 0px 20px 0px;
}

legend{
	font-size: 14px;
	font-weight: bold;
	color: #002A5F;
	background: #ffffff;
	margin: 0px 0px 0px 10px; 
	padding: 0px 10px 0px 10px;
}

* html legend{ margin:0px 0px 0px 4px; }
*+html legend{ margin:0px 0px 0px 4px; }

label{
	display: block;
	float: left;
	width: 250px;
	line-height: 23px;
	padding: 0px;
}

fieldset .formLine {
	overflow: hidden;
	height:100%;
	margin:	0px 0px 0px 0px;
	padding:5px 0px 5px 20px;
}

.checkbox,
.radio{
	background: none;
	background-color: transparent;
	border: none;
	width: 12px;
	height: 12px;
	padding: 0px 0px 0px 0px;
	margin: 5px 4px 0px 0px;
	outline: 0;
}

input.special{ width: 86px; }

#geslacht{	
	float:left; 
	overflow:hidden; 
	width:280px; 
	margin:0px; 
}

#geslacht label{ 
	float: left; 
	width: auto;
	margin: 0px 8px 0px 0px;
	display: inline;
}

#account{	
	overflow:hidden;
	height:100%;
	margin:0px; 
}

#account label{
	float:none;
	width:auto;
}

.small{ width:40px; margin:0px 10px 0px 0px; }

.middle{ width:210px; }

.between{ width: 137px; }

.odd{ background-color: #F5F5F5; }

.extraPadding{ padding: 5px 0px 10px 20px!important; }

.newitem{
	background: transparent url('/data/img/nieuw.gif') no-repeat 0 0;
	width: 41px;
	height: 11px;
	line-height: 10px;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	margin:5px 0px 0px 5px;
	padding: 0px 0px 0px 6px;
}
* html .newitem{margin:2px 0px 0px 5px;}
*+html .newitem{margin:2px 0px 0px 5px;}

.extraInfo { 
	font-size: 10px;
	font-style: italic;
	color: #9f9f9f;
}

.button_send{ 
	float:left;
	width: 152px;
	height: 21px;
	margin-left: 10px;
}

.button_send a{
	background: transparent url('/data/img/button_bepaalroute-off.gif') no-repeat 0 0;
	display: block;
	width: 152px;
	height: 21px;
	border:1px solid #8CD600;
}

.button_send a:hover{ background-color: transparent; border: 1px solid #002A5F; } 

.formInfo{ 
	float:right;
	width: 23px;
	height: 23px;
}

.formInfo a{
	background: transparent url('/data/img/icon_info.gif') no-repeat 0 0;
	display: block;
	width: 23px;
	height: 23px;
}

.formInfo a:hover{
	background: transparent url('/data/img/icon_info.gif') no-repeat 0 0;
	border:none;
}

.formError{ 
	float:right;
	width: 23px;
	height: 23px;
}

.formError a{
	background: transparent url('/data/img/icon_warning.gif') no-repeat 0 0;
	display: block;
	width: 23px;
	height: 23px;
}

.formError a:hover{
	background: transparent url('/data/img/icon_warning.gif') no-repeat 0 0;
	border:none;
}

.formInfo_Text{
	background: transparent url('/data/img/form_pijltje-off.gif') no-repeat  0 50%;
	padding: 0px 0px 0px 9px;
	width: 180px;
	font-size: 90%;
}

.formInfo_Text span{ 
	background-color: #FFFFFF;
	display: block;
	color: #505050;
	padding: 5px 5px 5px 8px;
	margin: 0px 0px 0px 4px;
	border: 2px solid #808080;
	border-left: none;
}

.formError_Text{
	background: transparent url('/data/img/form_pijltje_warning-off.gif') no-repeat  0 50%;
	padding: 0px 0px 0px 9px;
	width: 180px;
	font-size: 90%;
}

.formError_Text span{ 
	background-color: #FFFFFF;
	display: block;
	color: #505050;
	padding: 5px 5px 5px 8px;
	margin: 0px 0px 0px 4px;
	border: 2px solid #FD8300;
	border-left: none;
}
/* ------------ END forms ------------ */

.invisible{ display: none!important; }

.no_border{ border-top: none!important; }

.pointer{ cursor: pointer; }

* html .pointer{ cursor: hand; }

hr {
border:				0;
border-top:			1px solid #9F9F9F;
height:				0;
margin:				20px 0 20px 0;
}

.email,
.inter,
.phone,
.fax{
	float:left;
	width: 12px;
	height: 12px;
	margin: 3px 10px 0px 0px;
}

.email{ background: transparent url('/data/img/icon_email.gif') no-repeat 0 0; }
.inter{ background: transparent url('/data/img/icon_internet.gif') no-repeat 0 0; }
.phone{ background: transparent url('/data/img/icon_telephone.gif') no-repeat 0 0; }
.fax{ background: transparent url('/data/img/icon_fax.gif') no-repeat 0 0; }

.email span,
.inter span,
.phone span,
.fax span{ display:none;}


/* ------------ START clear fix code ------------ */
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix{ display: inline-block; }
.clearfix{	display: block; }
/* ------------ END clear fix code ------------ */

.boxes{}

.boxes a span{ display: none; }

#page_frame{ 
	background: transparent url('/data/img/foo_background.gif') repeat-x 0 bottom; 	
	padding: 0px 0px 90px 0px;
}

.outline{
	/*margin-left: auto;
	margin-right: auto;*/
	width: 960px;
	text-align: left;
	overflow: hidden;
}


/* ------------ START BOX homepage button ------------ */
.overflowbox{overflow:hidden;}
#header #box_home{	
	margin: 20px 0px 20px 0px; 
	float:left;
}



#header #box_home a{
	display: block;

	background: transparent url('/data/img/logo_binckbank.gif') no-repeat 0 0;
	margin-left: 20px;
	width: 196px;
	height: 31px;
	
}

#header #box_hr {
	float: right;
	background: transparent url('/data/img/logo_humanresources.gif') no-repeat 0 0;
	margin-right: 33px;
	width: 143px;
	height: 71px;
	display: inline;
}

#header #box_hr span{display:none;}



/* ------------ END BOX homepage button ------------ */

/* ------------ START BOX horizontal navigation ------------ */
#box_horizontalNavigation{
	background: transparent url('/data/img/nav_background.gif') repeat-x 0 0;
	margin-left: 20px;
	overflow: hidden;
	width: 760px;
}

#box_horizontalNavigation .inside {display:inline;}

#box_horizontalNavigation ul{	
	/*background:#ffffff url('/data/images/menu_off.gif') repeat-y 5px 0;*/
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#box_horizontalNavigation ul li{
	/*behavior: url('hover.htc');*/
	background: transparent url('/data/img/nav_divider.gif') no-repeat 0 0;
	display: block !important;
	float: left;
	padding: 0px;
	width: auto;	
	white-space: nowrap;
	/*height:25px!; GEEN HEIGHT GEBRUIKEN!!! DIT GAAT FOUT IN IE7 voor de WIDTH*/
	line-height: 27px; 
}


#nid_01_02 a{
	background: transparent url('/data/img/nav_over-off.gif') no-repeat 0 0;
	display: block;
	width: 115px;
	height: 30px;
}

#nid_01_03 a{
	background: transparent url('/data/img/nav_afdelingen-off.gif') no-repeat 0 0;
	display: block;
	width: 118px;
	height: 30px;
}


#nid_01_04 a{
	background: transparent url('/data/img/nav_vacatures-off.gif') no-repeat 0 0;
	display: block;
	width: 115px;
	height: 30px;
}


#nid_01_05 a{
	background: transparent url('/data/img/nav_sollicitatie-off.gif') no-repeat 0 0;
	display: block;
	width: 117px;
	height: 30px;
}


#nid_01_06 a{
	background: transparent url('/data/img/nav_contact-off.gif') no-repeat 0 0;
	display: block;
	width: 100px;
	height: 30px;
}


#nid_01_02 a:hover {background: transparent url('/data/img/nav_over-hover.gif') no-repeat 0 0; }
#nid_01_03 a:hover {background: transparent url('/data/img/nav_afdelingen-hover.gif') no-repeat 0 0;}
#nid_01_04 a:hover {background: transparent url('/data/img/nav_vacatures-hover.gif') no-repeat 0 0; }
#nid_01_05 a:hover {background: transparent url('/data/img/nav_sollicitatie-hover.gif') no-repeat 0 0; }
#nid_01_06 a:hover {background: transparent url('/data/img/nav_contact-hover.gif') no-repeat 0 0; }

#nid_01_02.active a {background: transparent url('/data/img/nav_over-active.gif') no-repeat 0 0; }
#nid_01_03.active a {background: transparent url('/data/img/nav_afdelingen-active.gif') no-repeat 0 0; }
#nid_01_04.active a {background: transparent url('/data/img/nav_vacatures-active.gif') no-repeat 0 0; }
#nid_01_05.active a {background: transparent url('/data/img/nav_sollicitatie-active.gif') no-repeat 0 0; }
#nid_01_06.active a {background: transparent url('/data/img/nav_contact-active.gif') no-repeat 0 0; }

#nid_01_02.active a:hover {background: transparent url('/data/img/nav_over-hactive.gif') no-repeat 0 0; } 
#nid_01_03.active a:hover {background: transparent url('/data/img/nav_afdelingen-hactive.gif') no-repeat 0 0; }
#nid_01_04.active a:hover {background: transparent url('/data/img/nav_vacatures-hactive.gif') no-repeat 0 0; }
#nid_01_05.active a:hover {background: transparent url('/data/img/nav_sollicitatie-hactive.gif') no-repeat 0 0; }
#nid_01_06.active a:hover {background: transparent url('/data/img/nav_contact-hactive.gif') no-repeat 0 0; }



#box_horizontalNavigation span{ display: none; }
/* ------------ END BOX horizontal menu ------------ */


/* ------------ START BOX vertical sitemap ------------ */
#box_verticalSitemap{
	float: left;
	position: absolute;
	overflow: hidden;
	margin: 2px 0px 0px 20px;
	padding: 0px 0px 20px 0px; 
}

#box_verticalSitemap span{ display: inline; }

#box_verticalSitemap ul{	
	/*background:#ffffff url('/data/images/menu_off.gif') repeat-y 5px 0;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	font-size: 9px;
	font-weight: bold;
	overflow: hidden;
	line-height: 15px; 
}

#box_verticalSitemap li a{
	text-decoration: none;
	margin: 0px;
	color: #999999;
	/*display: block;*/
}

#box_verticalSitemap li a:hover{
	color: #002A5F;
	text-decoration: underline;
}

#box_verticalSitemap ul li{
	background:none;
	display: block;
	float: left;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto; /* FIX IE6 niet weghalen!!! */
	/*height:25px!; GEEN HEIGHT GEBRUIKEN!!! DIT GAAT FOUT IN IE7 voor de WIDTH*/
	/*white-space: nowrap;*/
	line-height: 15px; 
	/*border-bottom: 1px solid #ffffff;  FIX IE7 (is nu gedaan met de clearfix hack) !!! */ 
	list-style-position: outside;
}

#box_verticalSitemap ul li ul{	width:100px; }

#box_verticalSitemap ul li ul li{
	display:list-item;
	float: none;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	list-style-position: outside;
}

#box_verticalSitemap ul li ul li .inside{ overflow: hidden; }

* html #box_verticalSitemap ul li ul li .inside{ float: left; }

#box_verticalSitemap ul li ul li a{ display: inline; }

#box_verticalSitemap #sid_01_01 ul{ width: 90px; }
#box_verticalSitemap #sid_01_02 ul{ width: 125px; }
#box_verticalSitemap #sid_01_03 ul{ width: 145px;}
#box_verticalSitemap #sid_01_04 ul{ width: 120px; }
#box_verticalSitemap #sid_01_05 ul{ width: 105px; }

/* #box_verticalSitemap #sid_01_05 ul{ width: 170px; } */
/* ------------ END BOX vertical sitemap ------------ */

/* ------------ START BOX contact ------------ */
 /*deleted*/
/* ------------ END BOX contact ------------ */

/* ------------ START BOX menu ------------ */
#box_menu #menu{
	width: 198px;
	list-style-type: none;
	margin:	20px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
}

* html #box_menu #menu { width:198px; }

#box_menu #menu li{
	background: transparent url('/data/img/menu_.gif') no-repeat;
	display: block;
	color: #ffffff;
	/* height: 29px;GEEN HEIGHT GEBRUIKEN !!!! gaat fout*/
	line-height:0px;
	font-size:0px;
	border: 1px solid #B1B1B1;
	border-top:none;
	padding: 0px 0px 0px 0px;
	/*border-bottom: 1px solid #ffffff;  NODIG!!!! anders valt het menu in IE6 uitelkaar*/
}

#box_menu #menu li a{ 
	display:block;
	height:30px;
}

#box_menu #menu li a:hover{
	background:none;
	color:#ffffff;	
}

#box_menu #menu li a span { display:none; }

#box_menu #menu li ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:196px;
}

#box_menu #menu li ul li{
	background:none;
	height: auto;
	padding:0px;
	line-height:normal;
	border:none;
	line-height:0px;
	font-size:0px;
}

#box_menu #menu li ul li a{
	background:none;
	background-color: transparent;
	display: block;
	text-decoration: none;
	font-weight: normal;
	padding: 4px 0px 4px 4px;
	color: #808080;
	border-top: 1px solid #E1E1E1;
	outline: 0;
	cursor: pointer;
	font-size: 12px;
	line-height: 17px;
	height: auto;
}

#box_menu #menu li ul li.first_item a{border-top:none;}

#box_menu #menu li ul li a:hover {
	color: #ffffff;
	background: #ffffff;
}

#box_menu #menu li ul li a:hover span{
	color: #ffffff;
	background: #8CD600 url('/data/img/menu_pijltje-hover.gif') no-repeat right center;
}

* html #box_menu #menu li ul li a:hover span{ background: #8CD600 url('/data/img/menu_pijltje_ie6-hover.gif') no-repeat right center; }


#box_menu #menu li ul li a span { 
	/*width:100%;  nodig voor IE6!!! */
	width:180px;
	display:block;
	padding:0px 16px 0px 5px;
}

* html #box_menu #menu li ul li a span{ width:172px; }

/* START derder (tweede zichtbare) laag */
#box_menu #menu li ul li ul li a{ padding: 3px 0px 3px 12px; }
#box_menu #menu li ul li ul li a span{ width: 172px;}
* html #box_menu #menu li ul li ul li a span { width: 164px; }
/* END derder (tweede zichtbare) laag */

#box_menu #menu li ul li ul li.first_item a{border-top: 1px solid #E1E1E1;}

#box_menu #menu li ul li a{ font-weight: normal; background-color: #ffffff; }

#box_menu #menu li ul li.active a span{ 
	background: #85CA02 url('/data/img/menu_pijltje-active.gif') no-repeat right center;
	color: #ffffff; 
}

#box_menu #menu li ul li.active a:hover span{ 
	background: #8CD600 url('/data/img/menu_pijltje-hover.gif') no-repeat right center;
	color: #ffffff; 
	
}

* html #box_menu #menu li ul li.active a:hover span{ background: #8CD600 url('/data/img/menu_pijltje_ie6-hover.gif') no-repeat right center; }

* html #box_menu #menu li ul li.active a span{ background: #85CA02 url('/data/img/menu_pijltje_ie6-active.gif') no-repeat right center; width:172px; }

#box_menu #menu li ul li ul li a span,
#box_menu #menu li ul li ul li a:hover span,
#box_menu #menu li ul li ul li.active a span { width: 172px; }

* html #box_menu #menu li ul li ul li.active a span { width: 164px; }

#box_menu #menu li ul li.active ul li a span { background: none; color: #808080; }
 

/* ------------ END BOX menu ------------ */

/* ------------ START BOX buttons standard ------------ */

   /* deleted */

/* ------------ END BOX buttons standard ------------ */


#left_frame{
	float: left;
	width: 218px;
	margin: 0px 0px 10px 0px;
}

#content{
	float:left;
	width: 690px;  /*haal aantal pixels eraf van leftframe (960px - 243px)*/
	/*overflow: hidden;*/
	margin: 20px 0px 20px 20px;
	padding-bottom: 10px;
	min-height: 350px;
}

* html #content { height: expression(this.scrollHeight < 350 ? "350px" : "auto");}

#content .content_header { 
	height: 50px;
	margin: 0px 0px 25px 0px;
	border: 1px solid #d1d1d1;
}

#content .content_header h1 { display:none; }

#content .footnote { color:#808080; font-size1:0px; }

#footer{
	float: left;
	overflow: hidden;
	width: 100%;
}