/* - RESET - */

html {
	overflow: scroll;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #DFE5E9;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
table td > p:first-child {
	margin-top: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* [ Rrr Pro*] styles */

body, body.normaal {font: 56.25% "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #606060; width: 100%; height: 100%;}

body.groter {font-size: 76%; }
body.zeergroot {font-size: 90%; }

	a {color: #622280; text-decoration: none;}

		a:hover, a:active {color: #303030;}
	
	p {font-size: 1.2em; line-height: 1.4em; margin: .5em 0 1em 0;}

	h1 {font: 2em/1 "Helvetica Neue", Helvetica, Arial; color: #99CC33; line-height: 1.2em; margin: .5em 0 .5em 0;}

	h2 {font: 1.8em/1 "Helvetica Neue", Helvetica, Arial; color: #622280; line-height: 1.2em; margin: .5em 0 .5em 0;}

	h3 {font: 1.6em/1 "Helvetica Neue", Helvetica, Arial; color: #99CC33; line-height: 1.2em; margin: .5em 0 .5em 0;}
	
	h4 {font: 1.4em/1 "Helvetica Neue", Helvetica, Arial; color: #303030; line-height: 1.2em; margin: .5em 0 .5em 0;}
	
	h5 {font: 1.2em/1 "Helvetica Neue", Helvetica, Arial; color: #303030; line-height: 1.2em; margin: .5em 0 .5em 0;}
	
	dl, ul, ol {margin: 1em 0 1em 0;}
	
		dt, li {margin: .5em 0 .5em 0;}
	
		dt {font-weight: bold;}

		strong {font-weight: bold;}

		em {font-style: italic;}

		input, textarea {
			padding: 2px 5px;
			border: 1px solid #ccc;
			font-family: Arial, sans-serif;
			font-size: 10pt;
			font-weight: bold;
			color: #6B6B6B;
		}

		input[type='checkbox'], input[type='button'], input[type='submit'], input[type='image'] {
			border: none;
			padding: 3px 5px;
		}

		input[type='button']:hover, input[type='submit']:hover, input[type='image']:hover {
			cursor: pointer;
		}

		input.validationcheck {
			display: none;
		}

		select {
			padding: 2px 0px 2px 0px;
			border: 1px solid #ccc;
			font-family: Arial, sans-serif;
			font-size: 10pt;
			font-weight: bold;
			color: #6B6B6B;
		}

		.message {
			border: 1px solid #ccc;
			padding: 5px;
			margin-top: 20px;
		}

		.error {
			border: 1px solid #ccc;
			padding: 5px;
			margin-top: 20px;
			color: #FFFFFF;
			background-color: #9f003c;
		}

		img { padding: 1em; }
		img.left { padding-left: 0; }
		img.right { padding-right: 0; }

		.imgnopadding img { padding: 0; }

	.small {font-size: .9em;}
	.large {font: 1.4em/1 "Helvetica Neue", Helvetica, Arial; line-height: 1.2em; margin: .5em 0 .5em 0;}
	.extra {font: 1.6em/1 "Helvetica Neue", Helvetica, Arial; line-height: 1.2em; margin: .5em 0 .5em 0;}
	.light {color: #C0C0C0;}
	.dark {color: #909090;}
	.green {color: #99CC33;}
	.purple {color: #622280;}
	.plain {text-decoration: none;}
	.indent {padding: 0 0 0 4em;}
	.ruler {padding: 1em 0 1em 0; background: #fff; border-bottom: 2px dotted #ccc;}
	.border {border: 1px solid #ccc;}
	.padding {padding: 5px;}

.wrap {
	position: relative;
	width: 960px;
	margin: 0 auto 0 auto;
}

/* - COLUMNS - */

.column {
	display: block;
}

.w1o4 {width: 25%;}
.w2o4 {width: 50%;}
.w3o4 {width: 75%;}
.w1o5 {width: 20%;}
.w2o5 {width: 40%;}
.w3o5 {width: 60%;}
.w4o5 {width: 80%;}

/* - FLOATS | BLOCKS | RELATIVE POSITIONING | SHOW/HIDE - */

.block {display: block;}
.left {float: left;}
.topleft {position: relative; top: 0px; left: 0px;}
.center {text-align: center;}
.right {float: right;}
.topright {position: relative; top: 0px; right: 0px;}
.clear {clear: both;}
.hide {display: none;}

/* - SECTIONS - */

#hd {
	position: relative;
	width: 960px;
	height: 180px;
	display: block;
	background: #622280 url("/images/bol_banner.v.2.8.1.jpg") no-repeat scroll center bottom;
}

	#topnav {
		position: absolute;
		font-size: 1.4em;
		top: 0;
		left: 0;
		height: 50px;
		width: 960px;
	}
	
		#topnav ul {
			float: right;
			height: 50px;
			margin: 0;
			overflow: hidden;
		}
		
			#topnav ul li {
				display: inline;
				height: 50px;
				margin: 0;
				padding: 0;
			}
			
				#topnav ul li a, #topnav ul li a:link, #topnav ul li a:visited {
					float: left;
					height: 2px;
					padding: 30px .5em 18px .5em;
					color: #622280;
					border-left: 1px solid #622280;
				}
				
				#topnav ul li a:hover, #topnav ul li a:active {
					color: #CCFF99;
					height: 2px;
					padding: 30px .5em 18px .5em;
					background: transparent url('/images/bol_nav-new.v.2.2.jpg') repeat-x scroll bottom center;
				}

				#topnav ul li#logo {
					margin: 0;
					padding: 0;
					background: none;
				}

					#topnav ul li#logo a {
						float: left;
						top: 0;
						width: 200px;
						height: 50px;
						margin: 0 12px 0 0;
						padding: 0;
						border: none;
					}

					#topnav ul li#logo a img {
						width: 200px;
						height: 50px;
					}
		
	#banner {
		position: absolute;
		top: 0;
		left: 28px;
		width: 180px;
		height: 180px;
		border: none;
		text-indent: -9999px;
	}
	
	#topsubnav {
		position: absolute;
		top: 182px;
		width: 953px;
		height: 31px;
		padding: 7px 0 0 7px;
		background: #ffffff;
		border-bottom: 2px dotted #CCCCCC;
	}

		#topsubnav input { float: left; margin: 0 7px 0 0; }
		#topsubnav p { margin-bottom: 0; }

		#breadcrumbs  {
			color: #999999;
			height: 31px;
			line-height: 24px;
			margin: 0;
			vertical-align: middle;
		}

		#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
			color: #999999;
			border: none;
		}

		#breadcrumbs a.selected, #breadcrumbs a.selected:link, #breadcrumbs a.selected:visited {
			color: #333333;
			border: none;
		}

			#breadcrumbs a:hover, #breadcrumbs a:active {
				border-bottom: 1px dashed #999999;
			}

			#breadcrumbs a.selected:hover, #breadcrumbs a.selected:active {
				border-bottom: 1px dashed #333333;
			}

#bd {
	position: absolute;
	top: 222px;
/*	top: 160px;*/
	width: 100%;
	background: #ffffff;
	z-index: 200;
}

	#mainnav {
		position: relative;
		float: left;
		width: 180px;
		min-height: 560px;
		padding: 0;
		margin: 0;
		background: transparent url('/images/navshadow.jpg') no-repeat scroll top right;
	}

		#mainnav #login {
			padding: 16px 16px 0 16px;
/*			background: #DFE5E9;*/
		}
		
			#mainnav label {
				display: block;
				margin: .5em 0 0 0;
			}

				#mainnav label input[type="text"] {
					width: 140px;
				}

				#mainnav label input[type="password"] {
					width: 140px;
				}

				#mainnav label input[type="submit"] {
					margin: .25em 0 .5em 0;
				}

		#mainnav dl {
			font-size: 1.5em;
			text-align: right;
		}
	
		#mainnav dl dt {
			display: block;
			height: 1.8em;
			line-height: 1.4em;
			margin: .2em 0 .8em 0;
		}
	
		#mainnav dl dt.sub {
			margin: 0;
			padding: .6em .8em 0 0;
			background: transparent;
			color: #622280;
			font-size: 0.9em;
		}
		
			#mainnav dl dt a, #mainnav dl dt a:link, #mainnav dl dt a:visited {
				color: #622280;
				display: block;
				font-weight: bold;
				padding: .2em .6em .2em 0;
				background: transparent;
			}
	
			#mainnav dl dt a:hover, #mainnav dl dt a:active, #mainnav dl dt a.current {
				color: #ffffff;
				background: #622280;
			}
	
		#mainnav dl dd {
			display: block;
			height: 1%;
			line-height: 1.4em;
			margin: .2em 0 .2em 0;
		}
		
			#mainnav dl dd a, #mainnav dl dd a:link, #mainnav dl dd a:visited {
				color: #888888;
				display: block;
				font-weight: bold;
				padding: .2em .6em .2em 0;
				background: transparent;
			}
	
			#mainnav dl dd a:hover, #mainnav dl dd a:active, #mainnav dl dd a.current {
				color: #ffffff;
				background: #622280;
			}

		#mainnav a.bannerlink, #mainnav a.bannerlink:link, #mainnav a.bannerlink:visited {
			color: #FFFFFF;
			font-size: 1.275em;
			display: block;
			height: 16px;
			padding: 8px 8px 8px 16px;
			margin: 2px 0 2px 0;
			background: transparent url('/images/link_banner.jpg') no-repeat scroll center 0;
		}	

			#mainnav a.bannerlink.selected, #mainnav a.bannerlink:hover, #mainnav a.bannerlink:active {
				background: transparent url('/images/link_banner.jpg') no-repeat scroll center -32px;
			}
		
		#mainnav .bannerimage {
			display: block;
			width: 160px;
			padding: 8px;
/*			margin: .5em 0 .5em 0;*/
		}
	
	#subnav {
		position: relative;
		float: right;
		font-size: 1.2em;
		color: #404040;
		width: 180px;
/*		padding: 0;*/
		padding: 16px 0 0 0;
/*		background: #DFE5E9;*/
		background: #ffffff;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}
	
	#subnav a, #subnav a:link, #subnav a:visited {
		color: #622280;
	}
	
	#subnav #tools {
/*		margin: 0 0 1.5em 0;*/
		margin: 0;
		padding: 1em;
	}

		#tools p {
			font-size: 1em;
			line-height: 1.5em;
			margin: 0;
		}

		#tools label {
			display: block;
			margin: .5em 0 0 0;
		}
		
			#tools label input[type="text"] {
				width: 140px;
			}
		
			#tools label input[type="password"] {
				width: 140px;
			}

			#tools label input[type="submit"] {
				margin: .25em 0 .5em 0;
			}
	
		#tools dl {		
			padding: 0;
			margin: 0;
			height: 100%;
		}

			#tools dl dt {
				font-size: 1em;
				line-height: 1.5em;
				padding: 0;
				margin: 0;
/*				background: #66717D;*/
			}

				#tools dl dt a, #tools dl dt a:link, #tools dl dt a:visited {
					cursor: pointer;
					display: block;
					height: 100%;
					color: #622280;
					padding: .2em 8px .2em 0;
					margin: 0;
/*					background: #DFE5E9 url('/images/arrow-right_beige.gif') no-repeat scroll 8px center;*/
/*					border-bottom: 2px solid #ffffff;*/
				}
				
				#tools dl dt a:hover, #tools dl dt a:active {
					color: #000000;
/*					background: #99CC33 url('/images/arrow-down_green.gif') no-repeat scroll 8px center;*/
				}
				
				#tools dl dt.selected a, #tools dl dt.selected a:link, #tools dl dt.selected a:visited {
					color: #000000;
/*					background: #99CC33 url('/images/arrow-down_green.gif') no-repeat scroll 8px center;*/
				}
				
				#tools dl dt.selected a:hover, #tools dl dt.selected a:active {
					color: #622280;
/*					background: #99CC33 url('/images/arrow-up_green.gif') no-repeat scroll 8px center;*/
				}
		
			#tools dl dd {
				margin: 0;
				background: transparent;
/*				border-bottom: 2px solid #ffffff;*/
			}
			
				#tools dl dd .space {
					padding: 0 0 1em 0;
				}

				#tools dl dd a, #tools dl dd a:link, #tools dl dd a:visited, #tools p a, #tools p a:link, #tools p a:visited {
					color: #000000;
					border-bottom: 1px solid #99CC33;
				}

					#tools dl dd a:hover, #tools dl dd a:active, #tools p a:hover, #tools p a:active {
						color: #622280;
						border-bottom: 1px dashed #303030;
					}

/*				#tools dl dd label {
					display: block;
					height: 2.5em;
				}

					#tools dl dd label span {
						float: left;
						width: 30%;
						line-height: 2em;
					}

					#tools dl dd label input[type="text"] {
						float: right;
						width: 60%;
					}

					#tools dl dd label input[type="password"] {
						float: right;
						width: 60%;
					}

					#tools dl dd label input[type="submit"] {
						float: right;
						margin: 0;
					}*/
	
	#subnav #news {
		padding: 0 32px 0 0;
		margin: 3em 0 3em 0;
	}
		
		#subnav #news h3 {
			color: #404040;
			padding: 0 0 0 32px;
			margin: .5em 0 1em 0;
		}
		
		#subnav #news ol li h4 {
			color: #622280;
			height: 100%;
			font-weight: bold;
			padding: 0 0 0 32px;
			margin: .5em 0 0 0;
		}	
		
		#subnav #news ol li h4.new {
			background: transparent url('/images/news_green.gif') no-repeat scroll 8px center;
		}

		#subnav #news ol li p {
		padding: 0 0 0 32px;
			margin: 0 0 .5em 0;
		}	

			#subnav #news ol li p.newslink {
				display: block;
				text-align: right;
				margin: 0 0 3em 0;
			}

			#subnav #news ol li p.newsdate {
				font-size: .8em;
			}
		
		#subnav #news ol li a, #subnav #news ol li a:link, #subnav #news ol li a:visited {
			font-weight: bold;
			border-bottom: 1px dashed #303030;
		}

		#subnav #news a:hover, #subnav #news a:active {
			color: #303030;
			border-bottom: 1px solid #99CC33;
		}
	
	#content {
		font-size: 1.2em;
		padding: 0 3em 1.5em 3em;
		margin: 1.5em 0 0 180px;
		z-index: 200;
	}	
	
	#content.sub {
		margin: 1.5em 180px 0em 180px;
	}
		
		#content a, #content a:link, #content a:visited {
			text-decoration: underline;
		}
		
			#content a:hover, #content a:active {
				color: #99CC33;
				text-decoration: underline;
			}

		#content a.gototop, #content a.gototop:link, #content a.gototop:visited {
			padding: .5em 0 .5em 20px;
			background: transparent url('/images/arrow-up_green.gif') no-repeat scroll center left;
			color: #333333;
			border: none;
		}

			#content a.gototop:hover, #content a.gototop:active {
				background: transparent url('/images/arrow-up_beige.gif') no-repeat scroll center left;
				color: #999999;
				border: none;
			}

		#content a.gotoright, #content a.gotoright:link, #content a.gotoright:visited {
			padding: .5em 0 .5em 20px;
			background: transparent url('/images/arrow-right_green.gif') no-repeat scroll center left;
			color: #333333;
			border: none;
		}

			#content a.gotoright:hover, #content a.gotoright:active {
				background: transparent url('/images/arrow-right_beige.gif') no-repeat scroll center left;
				color: #999999;
				border: none;
			}

		#content h2 {
			color: #BFA3C9;
/*			color: #CCCCCC;*/
			font-size: 2.8em;
			font-weight: bold;
			margin: 0 0 .6em 0;
		}
		
		#content h3 {
			color: #622280;
			font-weight: normal;
			margin: .9em 0 .9em 0;
		}

			#content h3 a, #content h3 a:link, #content h3 a:visited {
				color: #622280;
				font-weight: normal;
			}

		#content h4 {
			margin: 0 0 .6em 0;
		}

		#content ul {
			margin-bottom: 1.5em;
			padding-left: 1em;
			list-style: square;
		}

		#content ul.filetypeicon {
			list-style-position: outside;
			list-style-image: url('/images/filetype/undefined.gif');
			line-height: 1.5em;
			margin-left: 1em;
			padding-left: 1em;
		}

		#content ul.filetypeicon li {
			margin-left: 0.75em;
			padding-left: 0.75em;
		}

		#content ul.filetypeicon li.doc {
			list-style-image: url('/images/filetype/doc.gif');
		}

		#content ul.filetypeicon li.xls {
			list-style-image: url('/images/filetype/xls.gif');
		}

		#content ul.filetypeicon li.ppt {
			list-style-image: url('/images/filetype/ppt.gif');
		}

		#content ul.filetypeicon li.pdf {
			list-style-image: url('/images/filetype/pdf.gif');
		}

		#content ul.filetypeicon li.txt {
			list-style-image: url('/images/filetype/txt.gif');
		}

		#content ul.filetypeicon li.www {
			list-style-image: url('/images/filetype/www.gif');
		}

		#content ol {
			margin-bottom: 1.5em;
			padding-left: 1em;
			list-style: decimal;
		}

		#content blockquote {
			margin-bottom: 1.5em;
			padding: 0.25em 0.75em 0.75em 1.5em;
			border-left: solid 0.75em #99CC33;
			background: #FDFDFD;
		}

			#content blockquote p {
				margin-bottom: 0em;
			}

		#content table {
			margin-bottom: 1.5em;
			border-collapse: collapse;
			text-align: left;
			border: none;
			color: #606060;
		}

			#content table.noborder {
				border: none;
			}

			#content table th {
				font-weight: bold;
				padding: 0.5em;
			}

			#content table td {
				padding: 0.5em;
				border: none;
			}

			#content table.tinymce_textarea td {
				padding: 0;
			}

			#content table tr.rowH {
				color: #fff;
				background: #99CC33;
			}

			#content table tr.rowA {
				background: #eee;
				color: inherit;
			}

			#content table tr.rowB {
				background: #fff;
				color: inherit;
			}

			#content table th.date, #content table td.date {
				padding-left: 32px;
			}

				#content table td.new {
					background: transparent url('/images/news_green.gif') no-repeat scroll 8px 8px;
				}

				#content table td h4 {
					color: #622280;
					height: 100%;
					font-weight: bold;
					padding: 0;
					margin: 0;
				}

		#content p.newsdate {
			color: #622280;
			font-weight: bold;
		}

#ft {
	clear: both;
	display: block;
	color: #C0C0C0;
	padding: 1em;
	background: #66717D;
	border-top: 2px solid #ffffff;
	font-size: 1.25em;
}

#ft a.gototop, #ft a.gototop:link, #ft a.gototop:visited {
	padding: .5em 0 .5em 20px;
	background: transparent url('/images/arrow-up_green.gif') no-repeat scroll center left;
}

	#ft a.gototop:hover, #ft a.gototop:active {
		background: transparent url('/images/arrow-up_beige.gif') no-repeat scroll center left;
	}
	
#ft a.feed, #ft a.feed:link, #ft a.feed:visited {
	padding: .5em 0 .5em 20px;
	margin: 0 0 0 16px;
	background: transparent url('/images/badge_rss.png') no-repeat scroll center left;
}

#ft a, #ft a:link, #ft a:visited {color: #C0C0C0;}
#ft a:hover, #ft a:active {color: #ffffff;}

#ftnav {
	clear: both;
	display: block;
	font-size: 1.2em;
	color: #404040;
	padding: .5em;
	background: #DFE5E9;
	text-align: center;
}

#ftnav a, #ftnav a:link, #ftnav a:visited {
	color: #622280;
}

#ftnav img {
	vertical-align: middle;
}

/* jQuery scrollable image gallery: http://flowplayer.org/tools/demos/scrollable/gallery.html */

#image_wrap {
	/* dimensions */
	width:610px;
	margin:15px 0 15px 40px;
	padding:15px 0;

	/* centered */
	text-align:center;

	/* some "skinning" */
	background-color:#efefef;
	border:2px solid #fff;
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 610px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
/*	background:url(/img/global/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url('/images/hori_large.png') no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url('/images/vert_large.png') no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}