/* iSource BV. */

/* use the more natural way of measuring boxes */
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/* lightbox need the default box-sizing */
#colorbox, #cboxOverlay, #cboxWrapper,
.no_box_sizing {
	box-sizing: 		content-box;
	-moz-box-sizing:	content-box;
	-ms-box-sizing: 	content-box;
}

/* Begin Jello Mold Layout */

/* begin background colors of main elements */
body { /* bgcolor area outside of the site */
 	/*background-color:	#44708D;*/
	padding:			0;
	margin:				0;
	line-height:		17px;
}
#wrapper1 { /* bgcolor left column */
	background:			url('/gfx/bg_left.png') 100% 0;
}
#wrapper2 { /* bgcolor right column */
	/* image needs to be at least the width of the right column */
	background:			url('/gfx/bg_right.png') 100% 0 repeat-y;
/*	background:			100% 0 #5896D3; */
}
#outer { /* bgcolor content area */
	background:			url('/gfx/bg_content.png') 100% 0;
/*	background:			100% 0 #FFFFFF; */
}
/* end background colors of main elements */


/* begin minimum width of site */
#expander {
	min-width:			986px; /* set to minimum width */
	margin:				0 -493px; /* set to "0 -<half of minimum width>" (negative value)*/
}
body {
	padding:			0 493px; /* set to "0 <half of minimum width>" */
}
/* end minimum width of site */


/* begin maximum width of site (also change setting in wholepage!) */
#sizer {
	max-width:			0px; /* set to (maximum width - minimum width) */
}
/* end maximum width of site */


/* begin width of left column and border */
#left {
	width:				0px; /* set to width of left column */
	margin-left:		0px; /* set to -<width of column + width of left-border> */
}
#outer {
	margin-left:		0px; /* set to width of left column */
	border-left:		0px; /* set to width of left-column-border */
}
/* end width of left column and border */


/* begin width of right column and border */
#right {
	width:				233px; /* set to width of right column */
	margin-right:		-233px; /* set to -<width of column + width of right-border> */
	margin-left:		0px; /* set to width of right-column-border */
	padding:			0 23px 0 4px;
}
#right .textpadder
{
	margin-left:		-27px;
}
#outer {
	margin-right:		233px; /* set to width of right column */
	border-right:		0px; /* set to width of right-column-border */
}

/* end width of right column and border */


/* begin borders around site */
#wrapper2 {
	/*border-left:		1px solid #000000;*/ /* left-border of left-column */
	/*border-right:		1px solid #000000;*/ /* right-border of right-column */
}
#pageheader {
	/*border-top:			1px solid #000000;
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;*/
}
#pagefooter {
	/*border-bottom:		1px solid #000000;
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;*/
}
/* end borders around site */

/* End Jello Mold Layout */



/* begin main styles */
body {
	background:			#44708D url(/gfx/bg_gradient.jpg) fixed repeat-x;
}
#expander {
	background-color:	#E6E9CA;
}
body, th, td, input, select, textarea {
	font-family:		verdana, sans-serif;
	font-size:			11px;
	color:				#0e466d;
}
#pageheader {
	background:			transparent url(/gfx/bg_header.jpg) no-repeat 0 0;
	padding:			0 23px;
}
#logo {
	padding:			3px 0 0 0;
	margin-left:		-23px;
}
#rabobank {
	position:			absolute;
	top:				130px;
	right:				25px;
}
#headermenu {
	margin-top:			8px;
}
#path {
	height:				30px;
	line-height:		30px;
	padding-left:		12px;
	font-size:			0.8em;
}
#content {
	padding:			0 4px 0 23px;
	min-height:			300px;
}
* html #content {
	height:				300px;
}

#footerImg {
	vertical-align:		top;
}

#pagefooter {
	/*padding:			10px;
	background-color:	#CCCCCC;
	text-align:			center;*/
}

h1, h2, h3, h4, h5 {
	padding:			0;
	margin:				0;
	font-weight:		bold;
}

h1
{
	font-size:			15px;
}
h2
{
	font-size:			13px;
}
h3
{
	font-size:			11px;
}
h4
{
	font-size:			11px;
}

#path h1
{
	display:			inline;
	font-size:			1em;
	font-weight:		normal;
}

hr
{
	border:				none;
	border-top:			1px solid #e6e9ca;
}

img {
	border:				0;
}

p {
	margin:				0;
	margin-bottom:		10px;
}
a,
a:hover,
a:visited {
	color:				#0e466d;
	text-decoration:	underline;
}

a.bullet,
label.bullet
{
	background:			transparent url(/gfx/bullet_arrow_right_blue.png) no-repeat 0 4px;
	padding:			0 0 0 10px;
}

a.bullet.white
{
	background:			transparent url(/gfx/bullet_arrow_right.png) no-repeat 0 4px;
	color:				#FFFFFF;
}
a.bullet.bold
{
	font-weight:		bold;
}

a.bullet.white.reversed
{
	background:			transparent url(/gfx/bullet_arrow_left.png) no-repeat right 4px;
	padding:			0 10px 0 0;
}

ul {
	margin:				0;
	margin-left:		4px;
	padding:			0;
	padding-left:		10px;
	list-style-image: 	url(/gfx/bullet_arrow_right_blue.png);
}

ul.bulletless
{
	list-style:			none;
	margin:				0;
	padding:			0;
	list-style-image: 	none;
}

li span.bullet
{
	background:			transparent url(/gfx/bullet_round_green.png) no-repeat 0 0;
	width:				17px;
	height:				17px;
	display:			block;
	float:				left;
	clear:				left;
	padding-left:		5px;
	line-height:		15px;
}

/* end main styles */


/* begin menu styles */

#mainmenu {
	list-style:			none !important;
	margin:				0;
	padding:			0;
}

#mainmenu li {
	background: 		transparent url(/gfx/btn_mainmenu.gif) no-repeat left top;
	height:				29px;
	margin-right:		10px;
	float:				left;
	list-style-type:	none;
}

#mainmenu li a {
	background: 		transparent url(/gfx/btn_mainmenu.gif) no-repeat right top;
	display:			block;
	position:			relative;
	left:				10px;
	height:				29px;
	padding-right:		10px;
	line-height:		27px;
	color:				#505050;
	text-decoration:	none;
}

#mainmenu li a img.menutext {
	margin-top: 		7px;
}

#mainmenu li:hover {
	background: 		transparent url(/gfx/btn_mainmenu.gif) no-repeat left -29px;
}
#mainmenu li:hover a {
	background: 		transparent url(/gfx/btn_mainmenu.gif) no-repeat right -29px;
}

#mainmenu li.menuitem_active {
	background: 		transparent url(/gfx/btn_mainmenu.gif) no-repeat left -58px;
}
#mainmenu li.menuitem_active a{
	background: 		transparent url(/gfx/btn_mainmenu.gif) no-repeat right -58px;
	color:				#ffffff;
}

#leftmenu {

}
#leftmenu li {
	list-style-type:	none;
}
#leftmenu a,
#leftmenu a:hover,
#leftmenu a:visited {
	color:				#505050;
	text-decoration:	none;
}

ul#sitemap-menu,
ul#sitemap-menu ul,
div.bottom-menu ul
{
	list-style:         none;
	margin:             0;
	padding:            0;
}

ul#sitemap-menu
{
	background:         #A8A830;
	font-weight:        bold;
	float:              left;
	clear:              both;
	width:              100%;
	padding:            0 0 22px 22px
}
ul#sitemap-menu > li
{
	float:              left;
	width:              240px;
}

ul#sitemap-menu a{
	background:			transparent url(/gfx/bullet_arrow_right_blue.png) no-repeat 0 4px;
	padding:			0 0 0 10px;
	font-weight:        normal;
}

div.bottom-menu
{
	background:         #C6C35A;
	text-align:         center;
	height:             49px;
	line-height:        49px;
	clear:              both;
}
div.bottom-menu ul
{
	display:            inline;
	float:              none;
}
div.bottom-menu ul li
{
	display:            inline;
	padding:            0 0 0 12px;
}

/* end menu styles */

/* Form styles */
form
{
	padding:0;
	margin:0;
}
form p
{
	margin:				0 0 10px 0 !important;
}
form span
{
	display:			block;
	margin-bottom: 		3px;

}

form span.mandatory_field
{
	display:			inline;
}

label
{
	display:			block;
	float:				left;
	clear:				left;
	width: 				150px;
	font-size:			11px;
}
label.defaultlabel {
	display:			inline;
	float:				none;
	clear:				none;
	width:				auto;
}

.input_text,
.input_textarea,
.input_select {
	border:				none;
	background-color:	#f5f6e8;
	padding:			3px;
	font-size:			11px;
	width:				200px;
}

.input_number
{
	width: 				30px;
	float:				left;
	text-align:			right;
	margin: 			0 4px 4px 0;
	padding-right:		5px;
}

.input_select.date
{
	width:				auto;
}
input.disabled
{
	background:              #DEDEDE;
}

#reg_termsok
{
	margin:				0;
}

/* End form styles */


/* Buttons */

input.smallSubmit_red {
	background:			transparent url(/gfx/btn_submit_red.png) no-repeat top left;
	width:				23px;
	height:				23px;
	border:				none;
	cursor:				pointer;
}
input.smallSubmit_red:hover {
	background:			transparent url(/gfx/btn_submit_red.png) no-repeat bottom left;
}


input.btn_haalmijngegevensop {
	background:			transparent url(/gfx/btn_haalmijngegevensop.png) no-repeat top left;
	width:				169px;
	height:				23px;
	border:				none;
	cursor:				pointer;
	margin:				10px 0 0 150px;
}
input.btn_haalmijngegevensop:hover {
	background:			transparent url(/gfx/btn_haalmijngegevensop.png) no-repeat bottom left;
}

input.btn_versturen {
	background:			transparent url(/gfx/btn_versturen.png) no-repeat top left;
	width:				88px;
	height:				23px;
	border:				none;
	cursor:				pointer;
}
input.btn_versturen:hover {
	background:			transparent url(/gfx/btn_versturen.png) no-repeat bottom left;
}

input.btn_zoek_een_route {
	background:			transparent url(/gfx/btn_zoekeenroute.png) no-repeat top left;
	width:				117px;
	height:				23px;
	border:				none;
	cursor:				pointer;
	margin:				10px 0 0 92px;
}
input.btn_zoek_een_route:hover {
	background:			transparent url(/gfx/btn_zoekeenroute.png) no-repeat bottom left;
}

a.button,
div.button,
button.button
{
	background: 		transparent url(/gfx/btn_default_green.png) 0 0 no-repeat;
	line-height: 		14px;
	height: 			23px;
	padding: 			0 0 0 19px;
	margin: 			0 10px 0 0;
	display:			block;
	float:				left;
	position:			relative;
	color: 				#023C64;
	text-decoration:	none;
	cursor:				pointer;
	visibility:			hidden;
}

button.button
{
	border: none;
}

div.button
{
	cursor:				default;
}

a.button.right,
div.button.right
{
	float:				right;
}
a.button img,
div.button img
{
	padding:			4px 0 0 2px;
}

button.button img
{
	padding:			3px 0 0 2px;
}

a.button:hover,
button.button:hover
{
	background: 		transparent url(/gfx/btn_default_green.png) 0 -23px no-repeat;
}

.button.back
{
	background-position:0 -46px;
}
.button.back:hover
{
	background-position:0 -69px;
}


a.button span,
div.button span,
button.button span
{
	background: 		transparent url(/gfx/btn_default_green.png) right 0 no-repeat;
	position:			absolute;
	width:				10px;
	height:				23px;
	right:				-10px;
	top:				0;
}

button.button span
{
	position:relative;
	float: right;
	background-color: #dee0bb;
	margin-right: -10px;
	margin-top: -1px;
	right:0;
}

button.button.bg_dark-green span
{
	background-color:	#cccc98;
}
a.button:hover span,
button.button:hover span
{
	background: 		transparent url(/gfx/btn_default_green.png) right -23px no-repeat;
}
a.button.red{
	color: 				white;
	background-image: 	url(/gfx/btn_default_red.png);
}
a.button.red span{
	background-image: 	url(/gfx/btn_default_red.png);
}

/* ICONS */
.btn_next,
.btn_prev,
.btn_remove,
.btn_cancel,
.btn_delete,
.btn_edit,
.btn_download,
.icon
{
	display:			block;
	width:				23px !important;
	height:				23px !important;
	border:				0    !important;
	text-indent:		-4000px;
}
a.btn_remove.active,
a.btn_next.active,
a.btn_prev.active,
a.btn_cancel.active,
a.btn_delete.active,
a.btn_edit.active,
a.btn_download.active,
a.icon.active
{
	cursor:				pointer;
	background:			transparent url(/gfx/buttons.png) no-repeat 23px 23px;
	text-decoration:	none;
}
a.btn_prev.disabled,
a.btn_next.disabled
a.btn_remove.disabled,
a.btn_cancel.disabled,
a.btn_edit.disabled,
a.btn_download.disabled,
a.icon.disabled
{
	background:none !important;
	cursor:	default;
}

a.btn_prev.active.green         { background-position: 0     0;       }
a.btn_prev.active.green:hover   { background-position: 0     -23px;   }
a.btn_next.active.green         { background-position: -23px 0;       }
a.btn_next.active.green:hover   { background-position: -23px -23px;   }
a.btn_prev.active.red           { background-position: 0     -46px;   }
a.btn_prev.active.red:hover     { background-position: 0     -69px;   }
a.btn_next.active.red           { background-position: -23px -46px;   }
a.btn_next.active.red:hover     { background-position: -23px -69px;   }
a.btn_remove.active             { background-position: 0     -92px;	  }
a.btn_remove.active:hover       { background-position: -23px -92px;   }
a.btn_cancel.active             { background-position: 0px    -115px; }
a.btn_cancel.active:hover       { }
a.btn_delete.active             { background-position: -23px  -115px; }
a.btn_delete.active:hover       { }
a.btn_edit.active               { background-position: 0px    -138px; }
a.btn_edit.active:hover         { }
a.btn_download.active           { background-position: -23px  -138px; }
a.btn_download.active:hover     { }

a.icon.btn_cancel.small         { background-position: -46px  -92px;  }
a.icon.btn_cancel.small:hover   { background-position: -69px  -92px;  }

a.icon.large
{
	width: 70px !important; /* 69 would be better but ok */
}

a.icon.btn_cancel.large         { background-position: 0px    -161px; }
a.icon.btn_cancel.large:hover   { background-position: 0px    -161px; }
a.icon.btn_delete.large         { background-position: 0px    -184px; }
a.icon.btn_delete.large:hover   { background-position: 0px    -184px; }
a.icon.btn_edit.large           { background-position: 0px    -207px; }
a.icon.btn_edit.large:hover     { background-position: 0px    -207px; }
a.icon.btn_download.large       { background-position: 0px    -230px; }
a.icon.btn_download.large:hover { background-position: 0px    -230px; }

/* END OF ICONS */

h2.tab
{
	font-size:			100%;
	float:				left;
	height:				23px;
	line-height:		23px;
	margin:				0 20px 0 0 !important;
	background: 		transparent url(/gfx/tab_switch.png) 0 0 no-repeat;
	position:			relative;
	padding: 			2px 4px 0  24px;
	cursor:				pointer;
	clear:				none !important;
}
h2.tab span
{
	background: 		transparent url(/gfx/tab_switch.png) -180px 0 no-repeat;
	position:			absolute;
	width:				20px;
	height:				23px;
	right:				-20px;
	top:				0;
}
h2.tab.active
{
	background: 		transparent url(/gfx/tab_switch.png) 0 -23px no-repeat;
}
h2.tab.active span
{
	background: 		transparent url(/gfx/tab_switch.png) -180px -23px no-repeat;
}

/* End buttons */

/* Color box message styles */

.colorboxMsg {
	display: 			none;
}
	.colorboxMsg .product{
		text-align: left;
	}

#cboxLoadedContent .colorboxMsg {
	display:			block;
	background:			transparent url(/gfx/bg_header.jpg) top right;
	width:				360px;
	padding:			20px 0;
	line-height:		20px;
	text-align:			center;
}

/* End color box message styles */


/* Start paging */
div.paging
{
	clear:				both;
	text-align:			center;
	width:				100%;
	line-height:		30px;
	height:				30px;
}
div.paging a,
div.paging span.current
{
	text-decoration:	none;
	text-align:			center;
	margin-right:		2px;

	font-weight:		normal;
	width:				17px;
	line-height:		30px;
}

div.paging a.active:hover strong
{
	background:			transparent url(/gfx/btn_bullet_green.png) no-repeat bottom left;
}
div.paging_block.pink div.paging a.active:hover strong
{
	background:			transparent url(/gfx/btn_bullet_red.png) no-repeat bottom left;
}

div.paging a.current strong,
div.paging span.current strong
{
	background:			transparent url(/gfx/bullet_round_blue.png) no-repeat 0 0;
	color:				#FFFFFF;
}

div.paging a.next,
div.paging a.prev
{
	color:				#fff;
	padding-left:		6px;
	margin-left:		10px;
}
div.paging_block.pink a.next,
div.paging_block.pink a.prev
{
	color:				#ae0238;
}
div.paging_block.light-green a.next,
div.paging_block.light-green a.prev
{
	color:				#dee0bb;
}

div.paging a.next strong
{
	background:			transparent url(/gfx/bullet_arrow_right_blue.png) no-repeat 0 50%;
}
div.paging a.prev strong
{
	background:			transparent url(/gfx/bullet_arrow_left_blue.png) no-repeat 0 50%;
}
div.paging_block.pink div.paging a.next strong
{
	background:			transparent url(/gfx/bullet_arrow_right.png) no-repeat 0 50%;
}
div.paging_block.pink div.paging a.prev strong
{
	background:			transparent url(/gfx/bullet_arrow_left.png) no-repeat 0 50%;
}

div.paging strong
{
	display:			inline-block;
	width: 				17px;
	line-height:		17px;
	clear:				none;
	background:			transparent url(/gfx/btn_bullet_green.png) no-repeat 50% 0;
	font-weight:		normal;
	cursor:				pointer;
}
div.paging_block.pink div.paging a.active strong,
div.block.general_reactions div.paging a.active strong
{
	background:			transparent url(/gfx/btn_bullet_red.png) no-repeat 50% 0;
	color:				#FFFFFF;
}
div.block.paging_block > .block_content
{
	padding: 			0;
}

/* End paging */

/* Miscelaneous */
.displayNone
{
	display: 			none !important;
}
.displayNoneLoose
{
	display: 			none;
}
.displayBlock
{
	display: 			block !important;
}
.right
{
	float:				right !important;
}
.left
{
	float:				left !important;
}
.clear
{
	clear:				both;
}
.autoheight
{
	min-height:			0 !important;
	height:				auto !important;
}
.topmargin
{
	/*margin-top:			12px !important;*/
	padding-top:			12px !important;
}
.bottompadding
{
	padding-bottom:		12px !important;
}
span.score img
{
	margin:				0 0 0 2px;
}

div.scrollable .cloned
{
	display:none;
}
th.text-align-right,
td.text-align-right
{
	text-align:			right !important;
	padding-right:		5px;
}

.white,
.white:hover
{
	color:				#FFFFFF !important;
}

#footer_rabologo
{
	display:			block;
	position:			absolute;
	bottom:				205px;
	left:				25px;
}

a.noDecoration
{
	text-decoration:	none;
}
a.noDecoration:hover
{
	text-decoration:	underline;
}

/* End misc */