/* GENERAL STYLING */

html, body {
	height:auto;
	min-height:100%;
}

html {
	background-color:#031a28;
	background-image:url(img/background-gradient.gif);
	background-repeat:repeat-x;
}

body {
	background-image:url(img/background.png);
	background-position:50% 50px;
	background-repeat:no-repeat;
	font-size:75%;
}

body.large {
	font-size:87.5%;
}

.bi, 
.bi *,
.bi th {
	margin: 0;
	padding: 0;
	font-family: Verdana, Sans-Serif;
}

.bi, 
.bi a,
.bi ul li,
.bi th {
	list-style-type: none;
}


.bi {
	margin: auto;
	min-width: 950px;
	max-width: 1250px;
}
/* font size */
.bi, .bi input,
.bi select {
	/* font-size: 12px; */
	line-height: 1.273em;
}
/* paragraphs */
.bi p {
	margin-bottom: .5em;
}

.bi p.shown,
.bi ul.shown{
	display:none;
}

.bi .expanded p.shown,
.bi .expanded ul.shown,
.sitemap-advies p.shown,
.sitemap-advies ul.shown{
	display: block;
}

/* css-less UA's */
/* used for displaying content only in non css agents */
.bi .no-css {
	display: none;
}
/* text and menu links */
.bi, 
.bi *,
.bi th,
.bi .related-concept h2 a,
.bi .faq h3 a,
.bi .classification-result h3 a,
.bi .case-tabs li a {
	color: #ffffff;
}

.bi .related-concept h2 a:hover,
.bi .faq h3 a,
.bi .classification-result h3 a,
.bi li.selected a:hover {
	text-decoration: none;
}
/* error */
.bi .error {
	color: #f00;
}

/* CONTROLS */
.bi input {
	height: 1.455em; /* 16px */
	vertical-align: middle;
	font-family: Tahoma, Sans-Serif;
}
.bi input.btn {
	height: 2em;
	padding: 0 .5em;
	padding-bottom: .2em;
}
/* control color */
.bi input,
.bi select,
.bi option,
.bi .options label,
.bi textarea {
	/* font-size: 11px; */
	color: #000;
}

.bi .related-concept h2 {
	margin-bottom: 5px;
}
/* .bi .related-concept li {
	background: url(img/icon/link.gif) no-repeat left .2em;
	padding-left: 10px;
}*/

.bi form {
	display: block;
}

#componentform form {
	padding-bottom: 2em;
}


/* HEADINGS */
.bi h1 {
	font-size: 1.636em;
	line-height: 1.818em;
}
.bi h2,
.bi h3 strong {
	font-size: 1.273em;
	line-height: 1.636em;
}
.bi h3,
.bi label,
.bi .heading {
	font-size: 100%;
	line-height: 1.273em;
	margin-bottom: .7em;
	font-weight: bold;
	margin-right: 15px;
}

.bi .options label {
	font-size:92%;
}

.bi label {
	font-weight: normal;
}
.bi h4 {
	font-size: 1em;
}
.bi h5 {
	font-size: 1em;
	font-weight: normal;
}

.bi br + input.btn {
	margin-top: 10px;
	position: relative;
	left: -2px;
}

.bi address {
	font-style: normal;
}

/* IMAGES */
.bi img {
	border: 0;
}
.bi img.thumbnail {
	margin-left: 8px;
	float: right;
}
.bi .image {
	float: left;
	padding-right: 8px;
}
.bi .image .wide {
	float: none;
	width: 500px;
}
.bi .image p {
	text-align: right;
	font-style: italic;
}


/* LINKS */
.bi a,
.bi a:link,
.bi li.related-concept li.related-concept,
.bi .scope button,
.bi .results h3 a span {
	color:#ffffff;
}
.bi a:hover, .bi a:active {
	text-decoration: underline;
	/* evt border bottom maken in tint van tekst */
	/* border-bottom: 1px solid #7777EE; */
}

.bi .content .header,
.bi .content {
 clear: both;
 padding: 0 .818em;
}

#bi-main-content li {
	padding: .2em 0;
}

.bi .menu li a,
.bi .menu li .see-also {
	display: block;
	line-height: 2em;
}
.bi .menu li .see-also a {
	display: inline;
}

.bi .menu li a.dictionary {
	display: inline;
}

.bi .menu li .title {

}

.bi .header a,
#bi-main-menu a {
	line-height: 2.636em;
	/* padding: 0 .8em .182em .8em; */
}

#bi-main-menu {
	/* background: #E6E6E6 url(img/gradient/component-tabs.gif) repeat-x top left; */
	clear: both;
	border-top: solid 1px #D6D6D6;
	border-bottom: solid 1px #A2A2A2;
	/* border-color: #D6D6D6 #A2A2A2 #999999 #D0D0D0; */
	margin-bottom: 8px;
}
/* enclose floated menu items */
/* overflow hidden cannot be used, because this will cause the border-top en border-bottom hover to be hidden */
#bi-main-menu:after {
	display: block;
	clear: both;
	content: " ";
}
#bi-main-menu li,
#bi-component-menu li {
	float: left;
}

#bi-main-menu a,
#bi-component-menu a {
	color: #666666;
}
#bi-component-menu {
	clear: both;
}

#bi-component-menu a {
  font-size:116.67%; /* 14px */
	padding-left: 8px;
	padding-right: 8px;
	line-height: 1em;
	position: relative;
	overflow: visible;
}

body.large #bi-component-menu a {
  font-size:110%;
}


#bi-component-menu li.selected a {
	font-weight: bold;
}
#bi-component-menu li.first a,
#bi-component-menu li:first-child a {
	padding-left: 0;
	border-left: none;
}

#bi-main-menu li a {
	font-weight: bold;
}
#bi-main-menu li.selected a,
#bi-main-menu li.selected a:hover {
	color: #FFFFFF;
	background: #9A9A9A url(img/gradient/component-tab-selected.gif) repeat-x;
	border: none;
	margin: 0;
}
#bi-main-menu li a:hover {
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	text-decoration: none;
	margin-top: -1px;
	margin-bottom: -1px;
}

.bi .header,
.bi .menu,
.bi .content,
.bi .quicklink {
	padding: 0 10px;
}
.bi .header {
	position: relative;
	z-index:1000;
}
.bi .header .quicklink {
	position: absolute;
	bottom: 0;
	right: 0;
}

.bi .content {
	overflow: hidden;
}
.bi .content .content {
	margin-right: 10px;
	clear: left;
}
.bi .content .content .content {
	margin: 0;
	padding: 0;
}


/* SECTIONS */
/* important section */
/* placed here because IE6 doesn't properly handle class combinations */
.bi .section.important {
	padding: 4px 8px 4px 8px;
	line-height: 1.8em;
	margin-top: 2px;
	margin-bottom: 1em;
}
.bi .section.important,
.bi .section.important * {
	color: #000;
}
.bi .section {
	display: block;
	/* overflow: hidden; */
}
.bi .section,
#bi-main-content li.section {
	padding: 7px 10px 7px 10px;
	margin-top: 13px;
	margin-bottom: 20px;
}
.bi .section .section {
	margin-bottom: 8px;
	margin-top: 16px;
}
.bi .tooltip,
.bi .emphasis {
	padding-bottom: 4px;
	margin: 15px 0 15px 0;
}
.bi .tooltip {
	padding: 6px;
	padding-bottom: 0;
}
.bi .small.section {
}
.bi .large.section {
}
/* @todo: fix IE6 */
.bi .small.emphasis,
.bi .tooltip {
}
.bi .large.emphasis {
}
/* menu inside section */
.bi .section .menu {
	border: solid 1px #A4AEB4;
	margin-top: 10px;
	margin-bottom: 13px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #fff;
}


/* SIDEBAR */
#bi-sidebar {
	float: right;
	width: 20em;
	margin-right: 10px;
	margin-left: 30px;
}
#bi-sidebar li {
	padding: .5em 0;
}
#bi-sidebar h3 {
	margin-bottom: .5em;
}


#bi-history {
	clear: both;
}

.related-concepts {
	margin-bottom: 16px;
}
.left {
	width: 49.5%;
	float: left;
	margin-right: 10px;
}
.right {
	overflow: hidden;
}


/* TABLES */
.bi table {
	margin-bottom: 1em;
}
.bi th,
.bi td {
	padding-right: 25px;
}
.bi th {
	text-align: left;
	border-bottom: 1px solid #999999;
	line-height: 2.818em;
	font-weight: normal;
}
.bi td {
	line-height: 2.455em;
	border-bottom: 1px solid #C9C9C9;
}
.bi tr th.sorted {
	font-weight: bold;
}
/* master view tables */
.bi .master th,
.bi .master td {
	padding: 0 10px;
}
.bi .master th,
.bi .master .header {
	border-top: 1px solid #D6D6D6;
	background: #E6E6E6 url(img/gradient/table-header.gif) repeat-x;
}
.bi .master td {
	border-top: 1px solid #E7E7E7;
	background-color: #FDFDFD;
}
.bi .master tr th.sorted {
	font-weight: bold;
}
.bi .master td.sorted {
	background-color: #F5F5F5;
}
.bi .master tr.highlighted td {
	font-weight: bold;
}
.bi .master tr.even td {
	background-color: #F9F9FD;
}
.bi .master tr.even td.sorted {
	background-color: #F2F2F5;
}
.bi .master tr th:first-child,
.bi .master th.first {
	border-left: 1px solid #D0D0D0;
	padding-left: 11px;
}
.bi .master tr th:last-child,
.bi .master th.last {
	border-right: 1px solid #A2A2A2;
}
.bi .master tr td:first-child,
.bi .master td.first {
	border-left: 1px solid #E5E5E5;
}
.bi .master tr td:last-child,
.bi .master td.last {
	border-right: 1px solid #D0D0D0;
}


.bi .calendar_button {
	margin-left: 6px;
}

/* SEARCH RESULTS */
form#bi-search {
	margin-bottom: 10px;
}
#bi-suggestion {
	color: #CC0000;
}
.bi .results .section {
	margin-top: 0;
	margin-bottom: 0;
}
/* title */
.bi .results h3 {
	margin-bottom: 0;
}
.bi .results h3 img {
	vertical-align: text-top;
}
.bi .results h3 a:hover {
	text-decoration: none;
}
.bi .results h3 a:hover span {
	text-decoration: underline;
}
/* recommendations results */
.bi .recommendations {
	margin-bottom: 10px;
}
/* abstract */
.bi .results .abstract {
	margin-left: 19px;
}
.bi .results a.bron {
	display: block;
	padding: 4px 0;
	color: #7F7FFF;
}
/* results header (sorting) */
.bi .master .header {
	margin-top: 16px;
	position: relative;
	left: -1px;
	width: 100%;
	padding: 0;
}
.bi .master .header .abstract {
	padding: 5px;
	margin-left: 0;
}
.bi .master .header .meta {
	position: relative;
	left: 14px;
}
.bi .master .result {
	background-image: none;
	background-color: #FFFFFF;
}
.bi .master .odd {
	background-color: #F8F8FF;
}
.bi .master .sub {
	padding-left: 23px;
}
.bi .master .result .meta {
/*	background-color: #F7F7F7;*/
}
/* relevance */
.bi .relevance {
	display: block;
	overflow: hidden;
}
.bi .relevance .bar {
	width: 50px;
	height: 5px;
	margin-top: .7em;
	margin-left: .5em;
	background-color: #CCCCCC;
	float: left;
}
.bi .relevance .text {
	float: left;
}
.bi .relevance .bar .reached {
	height: 100%;
	overflow: hidden;
	background-color: #009900;
	display: block;
}
/* abstract */
.bi .abstract {
	width: 70%;
	float: left;
	padding-right: 10px;
/*	margin-right: 17em;
	margin-left: 30px; */
}
/* meta information */
.bi .meta {
	display: block;
	line-height: 1.7em;
}
.bi .meta .date {
	display: block;
}
.bi .meta strong {
	font-weight: normal;
	color: #000;
}
/* page navigation */
.bi .paging {
	padding: .9em;
	overflow: hidden;
}
.bi .paging .title {
	float: left;
}
.bi .paging .pagenav {
	/* position: absolute; */
	float: left;
	width: 75%;
	text-align: center;
}
.bi .paging .page-nr {
	float: right;
}
.bi h2.page-nr {
	margin-top: 20px;
	margin-bottom: 11px;
}

/* PROGRESS BAR */
.bi .progress .scale,
.bi .progress .maximum {
	border: solid 1px;
}
.bi .progress .scale {
	border-color:#F5F5F5 #E8E8E8 #E5E5E5 #D0D0D0;
	width: 298px;
	height: 20px;
	background: url(img/gradient/progress-scale.gif) repeat-x;
}
.bi .progress .maximum, 
.bi .progress .reached {
	height: 100%;
}
.bi .progress .maximum {
	border-color: #D6D6D6 #A2A2A2 #999999 #D0D0D0;
	background: url(img/gradient/progress-maximum.gif) repeat-x;
	position: relative;
	top: -1px;
	left: -1px;
}
.bi .progress .reached {
	margin: 1px;
	background: url(img/gradient/progress-reached.gif) repeat-x;
}

/* FACETS */
#bi-sidebar .knowledgebank-context-contribution {
	margin: 10px 0;
	margin-top: 2px;
	margin-bottom: 6px;
	padding: 8px 0;
}

#bi-sidebar .facet {
	border-top: dashed 1px;
	margin: 10px 0;
	padding: 8px 0;
}
.bi .facet li {
	list-style-type: disc;
	margin-left: 16px;
}

.bi #bi-sidebar label {
 line-height: 2.1em;
}

/* NAVIGATION CONTENT */
.bi .content .header a {
	padding-left: 0;
}
.bi .top {
	float: right;
}
/* images in content */
.bi p img {
	float: left;
	clear: left;
	margin: 4px 10px 10px 0;
	border: solid 1px #CCCCCC;
}
.bi p img.wide {
	display: block;
	float: none;
	margin: auto;
	margin-bottom: 10px;
}
.bi p img.right {
	float: right;
	clear: right;
	margin: 4px 0 10px 10px;
}
/* icons */
.bi img.icon {
/*	margin-right: 6px;*/
}
.bi li img.icon {
	height: 18px;
	width: 18px;
}
.bi li li img.icon,
.bi .shallow li img.icon {
	height: 12px;
	width: 12px;
}
.bi img.icon {
	vertical-align: top;
}

/* SCOPE */
#bi-scope {
	border-top: 1px dashed;
	border-bottom: 1px dashed;
	padding-bottom: 3px;
	line-height: 1.8em;
	margin: 10px 0;
	overflow: hidden;
}
#bi-scope h5 {
	width: 6em;
	float: left;
}
#bi-scope .facet-values {
	color: #000;
}


/* FAQ / EXPANDABLE */
.bi .faq .first,
.bi .faq:first-child,
.bi .actions h3 {
	border-bottom: dashed 1px;
	padding-bottom: 10px;
	margin-bottom: -3px;
}
.bi .faq .section,
.bi .actions .section {
	background: #E6E6E6 url(img/gradient/question.gif) repeat-x;
}
.bi .classification-result .section {
}
.bi .classification-result {
	position: relative;
}
.bi .classification-result img.mood {
	position: absolute;
	right: 11px;
}
.bi .inferred-values-group .resultValue,
.bi .inferred-values-group img.mood {
	float: right;
}

.bi .faq .section,
.bi .classification-result .section {
	height: auto;
	overflow: hidden;
	padding:0.1em;
	margin: 0.2em
}
.bi .classification-result .section {
	margin-right: 26px;
}
.bi .faq .section.expanded,
.bi .actions .section.expanded {
	height: auto;
	background-image: url(img/gradient/question-large.gif);
}
.bi .classification-result .section.expanded {
	height: auto;
}
.bi .classification-result .emphasis.section.expanded .section {
	height: auto;
	overflow:visible;
}
.bi .faq h3.question a,
.js .classification-result h3.class a {
	padding-left: 20px;
	background: url(img/expand.png) no-repeat left .135em;
	display: block;
}
.bi .faq .expanded h3.question a,
.js .classification-result .expanded h3.class a {
	background-image: url(img/collapse.png);
}

/* link to popup */
.bi .help {
	background-image: url(img/icon/question-mark.gif);
	height: 16px;
	width: 16px;
	display: block;
}
/* question-mark */
.bi h2 .help,
.bi form .help {
	float: right;
}

.bi #bi-main-content div.decision-result .section .answer,
.bi #bi-main-content div.calculator-result .section .answer {
	float: right;
	color: #000;
}
.bi #bi-main-content div.decision-result .section .heading,
.bi #bi-main-content div.calculator-result .section .heading {
	float: left;
	font-weight: normal;
}


/* BASKET */
.bi .basket .menu {
	height: 200px;
	overflow: auto;
}
.bi .basket .menu li * {
	line-height: 1em;
	padding: .25em 0;
	display: block;
}


/* APPLICATION INSTRUMENT */
.bi #componentform br.question-separator {
 display: none;
}

.bi #componentform .heading {
 padding-top: 0;

}

.bi #componentform .heading.multichoice, .bi .result-values .heading.multichoice{
 padding-top: 0;
 width: 250px;
 float: left;
}

.bi #componentform.form-tree .heading.multichoice{
 padding-top: 0;
 width: auto;
 float: none;
}

.bi .result-values .readonly.answermultichoice{
 padding-top: 0; 
 float: right;
}

/* flat form */
.bi .form .questions-wrapper {
  margin-top: 2.5em;  /* some extra space between the intro text and the questions */
}

.bi .form ul li.section {
	border: none;
}

.bi .form .section {
 border: none !important;
 background: none !important;
 padding: 0 !important;
}

.bi .form .answer {
 display: block;
}

/* nested form */
.bi #componentform .question {
	position: relative;
}

.bi #cmfform .question {
	position: relative;
}

.bi form.form-tree li.section {
	margin-left: 15px;
}
.bi .form-tree h3 {
	display: inline;
}
.bi form .help {
	position: absolute;
	right: 9px;
	top: 7px;
}

.bi .form .answer,
.bi .level-by-level .answer,
.bi .wizard .answer {
	position: absolute;
	right: 0px;
	top: 2px;
	width:230px;
}

.bi #cmfform .answer{
	position: relative;
	margin-left: 2.7em;
}


.bi .form-tree .answer {
	right: 30px;
	top: 2px;
	line-height: 2.1em;
}

.bi .form .answermultichoice,
.bi .level-by-level .answermultichoice,
.bi .wizard .answermultichoice {
	float: right;
	margin-right: 20px;
}

.bi .form-tree input.txt,
.bi .wizard select.answer {
	line-height: 1.2371em;
	top: 4px;
}
.bi .form-tree .readonly {
	font-weight: bold;
}
.bi form.form-tree .root-question .root,
.bi form.form-tree ul.questions {
	margin-left: 0;
}
.bi .form-tree .collapse {
	padding-left: 20px;
	display: inline;
}
.bi .form-tree .collapse button {
	padding-left: 10px;
}
.bi .form-tree span.answer {
	right: 10px;
	top: auto;
	bottom: 2px;
}
.bi .form-tree .uninferable {
	font-style: italic;
}
.bi .level-by-level .answer {
	position: relative;
    float: right;
    line-height: 2em;
	right: 20px;
}
.bi .level-by-level .answers li a {
  float: left;
}


/* irrelevant question */
.bi .irrelevant * {
	color: #B5B5B5 !important;
}
.bi .irrelevant .help {
	background-image: url(img/icon/question-mark-irrelevant.gif);
}


/* CONTROL BUTTONS */
#bi-main-content .btn {
	/* width: 80px; */ /* min-width doesn't work, fixed width is error prone due to scaling or larger text inside button */
}
.bi .controls {
	text-align: right;
	margin-bottom: 5px;
}
#bi-main-content input.btn {
	margin-left: 5px;
}
.bi .controls .delete-control {
  float: left;
  margin-left: 0;
}
/* scope manipulation buttons (styled as link) */
.bi .scope button {
	border: none;
	background: none;
	cursor: pointer;
	margin-top: -1px;
	text-align: left;
}
.bi .expand {
	display: block;
	clear: both;
	border-top: dashed 1px #666666;
	margin-top: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 2em;
}
.bi .expand button {
	float: left;
	clear: left;
}
.bi .scope button:hover {
	text-decoration: underline;
}

/* TOOLTIP */
.bi .tooltip {
	position: absolute;
	cursor: pointer;
	width: 220px;
	display: none;
}
.bi .visible {
	display: block !important;
}

.bi .answers li {
	margin-bottom: .5em;
}

.bi .content span.readonly.answer {
	display: block;
}

/* APPLICATION INSTRUMENT RESULT */
.bi .answers .menu {
	overflow: auto;
	height: 235px;
}
/* @todo: create classname for this for IE6 (applicationinstruments.xslt, expanded question template) */
.bi #bi-main-content div.result-values li.root {
	padding-left: 0;
	margin: 10px 0 0 0;
}
.bi #bi-main-content div.result-values .section {
	background-image: none;
	border: none;
	margin: 0 20px 0 20px;
}
.bi #bi-main-content div.result-values .section .answer {
	float: right;
	color: #000;
}
.bi #bi-main-content div.result-values .section .heading {
	float: left;
	font-weight: normal;
}
.bi #bi-main-content div.result-values .section strong {
	font-weight: normal;
}
.bi li.question {
	clear: left;
}

.bi a.active {
	font-weight: bold;
	color: #000;
}

/* advanced search */
.bi fieldset {
	border: none;
}
.bi .facet legend {
	position: relative !important;
	left: -.5em;
	display: block;
}
/* switch between advanced and regular search */
.bi .switch {
	float: right;
	position: relative;
	top: -4em;
}

.bi form br.question-separator {
	clear: left; /* make floated elements start on a new line */
}
.bi form input.txt,
.bi form textarea,
.bi form select {
	margin-bottom: 10px; /* minimal distance between two lines in a form */
	vertical-align: top;
}

.bi form .heading {
 width: 20em;
 float: left;
 line-height: 1.2em;
 padding-top: .2em;
 display: block;
}

.bi form#cmfform.level-by-level .heading,
.bi form#cmfform.wizard .heading,
.bi form#cmfform.form-tree .heading,
#componentform .heading {
	width: auto;
	float: none;

}


#componentform .heading { /* answer on the next line, room for question-mark */
	padding-right: 30px;
}


.bi #bi-main-content .form-tree .heading,
.bi #bi-main-content .wizard .heading { /* question on the next line */
	/* bi-main-content for increasing specificity relative to componentform */
	padding-right: 15em;
}
.bi .heading {
	font-weight: bold;
}



.bi .options {
	overflow: hidden;
}

/* CASE MANAGEMENT */
/* states */
.bi .states {
	text-align: right;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed;
}
.bi .states .state, .bi .section .state {
	background: url(img/icon/state-separator.gif) no-repeat left .4em;
	padding-left: 8px;
	padding-right: 2px;
}
.bi .states .first {
	background-image: none;
	padding: 0;
}
.bi .states .future {
	color: #999999;
}
/* tabs */
.bi .case-tabs {
	width: 15em;
	padding: 0;
	float: left;
	margin-top: 0 !important;
	margin-right: 15px;
}
.bi #bi-main-content .case-tabs li {
	padding: 0;
}
.bi .case-tabs li a {
	padding: 0 10px;
}
.bi .case-tabs li.selected a {
	background: #5D5DD1 url(img/gradient/case-tab.gif) repeat-x;
	color: #FFF;
}
/* details */
.bi .details {
	overflow: hidden;
	float: left;
}

#userform {
	float: left;
}

.bi .attention {
	margin-bottom: 2em;
}

/* stressed text (benadrukt) */
.bi span.stress {
	text-decoration: underline;
}

.bi .break {
	clear:both;
}

.bi .content li.unordered {
	list-style-type: disc;
	margin-left: 16px;
}

.bi .content li.ordered {
	list-style-type: decimal;
	margin-left: 24px;
}

/* Matrix */
.matrix-x-axis-types {
float:left;
width: 33%;
}
.matrix-y-axis-types {
float:left;
width: 33%;
}
.matrix-property-types {
float:left;
}

.matrix-submit {
padding-top: 15px;
margin-bottom: 15px;
clear:both;
}

.assistent {
font-style: italic;
padding-left:15px;
}

.bi .scrollpane{overflow:scroll;}

.context-projection-img {
   overflow: auto;
}

.projection-nav-img {
	overflow:auto;
}

.bi .section.classification-result .section span.resultValue {float:right;}

div.offscreen {
	position: relative;
	left: -99999px;
 	height: 0px;
}

form.simple-search-form {
   padding-top: 10px;
}

.bi .section span.current {
	font-weight:bold;
	color:#666666;
}

.bi input.upload {
	height: 1.85em;
}

/* Source browser */
div#knowledge-navigation{
  width:150px;
  float:left;
  height:100%;
margin-right:10px;
}

div#sourcebrowser-content-view{
  height:100%;
}

.sourcebrowser-subsection{
	padding-left : 7px;
}

.sourcebrowser-toc-subitems{
	padding-left : 7px;
}

a.toc-item-selected {
	background-color: Blue;
	color:white;
}


ol.legal-lower-alpha {
  display: block; 
  list-style-type: lower-alpha !important;
  margin: 10px 40px; 
} 


ol.legal-upper-alpha{
  display: block;
  list-style-type: upper-alpha;
  margin: 10px 40px;
}

ol.legal-lower-roman{
  display: block;
  list-style-type: lower-roman;
  margin: 10px 40px;
}

ol.legal-upper-roman{
  display: block;
  list-style-type: upper-roman;
  margin: 10px 40px;
}


ol {
  display: block;
  list-style-type: decimal;
  margin: 10px 40px;
}

/* hg */

#logo {
	display: block;
	height:50px;
	left:30px;
	position:absolute;
	top:40px;
	width:380px;
	z-index:1000;
}

body.js #enlarge {
	background-image:url(img/tekst_klein.gif);
	cursor:pointer;
	position:absolute;
	left:50%;
	height:20px;
	margin-left:408px;
	top:58px;
	width:39px;
	z-index:1000;
}

body.large #enlarge {
	background-image:url(img/tekst_groot.gif);
}

.reset-control {
	display:none;
}

.cancel-control {
	display:none;
}

#bi-component-menu {
  left:50%;
  margin-left:7px;
  position:absolute;
  top:62px;
  z-index:10;
}

#bi-component-menu li a {
  color:#ffffff;
  text-decoration:underline;
}

#bi-main-content {
	/*
	background-image: url(img/background.png);
	background-position: 0px 50px;
	background-repeat: no-repeat;
	*/
}

#bi-main-content .padding {
	margin-top:130px;
}

#componentform {
	
	margin-right:30px;
}

#componentform .root-question {
  padding-bottom:30px;
}

#componentform .intro {
	margin-left:158px;
	margin-bottom:30px;
}

#componentform .root-question h1.merge {
}

#componentform .root-question h1.merge, #componentform .root-question p.merge {
	display:inline;
	font-size:100%; /* 12px */
	font-weight:normal;
	line-height:1.2em;
}

#componentform .questions-wrapper {
  position:relative;
}

#componentform .questions-extend {
	float:right;
	height:180px;
	position:relative;
	width:1px;
}

#componentform .questions {
	padding:40px;
	padding-top:20px;
	position:relative;
}

#componentform select {
	font-size:92%;
  width:100%;
}

/*
.classification-result .extra {
	background-image:url(img/line.png);
	background-repeat:no-repeat;
	background-position:300px 10px;
}
*/

#componentform input {
	position:relative;
	z-index:1;
}

.answer label {
	color:#ffffff !important;
	padding-left:5px;
}

#submit-button {
	background-color: transparent;
	background-image:url(img/button.gif);
	background-repeat:no-repeat;
	border-style:none;
	color:white;
	cursor:pointer;
	display:block;
	font-size:108.33%;
	font-weight:bold;
	height:27px;
	line-height:27px;
	padding-bottom:3px;
	position:relative;
	text-decoration:none;
	text-align:center;
	width:181px;
}

#bi-main-content .classification-result {
/*
	background-image:url(img/content-box-top.png);
	background-repeat:no-repeat;
	margin-left:172px;
	margin-top:133px;
	position:relative;
	width:730px;
*/
}

.classification-result a {
	outline:none;
}

#content-box-top {
	background-image:url(img/content-box-top.png);
	height:8px;
  margin-left:158px;
	position:relative;
	width:730px;
}

#content-box {
	background-image:url(img/content-box-bg.png);
	background-repeat:repeat-x;
	margin-left:158px;
	min-height:200px;
	overflow:hidden;
	position:relative;
  width:730px;
}

#content-box-bottom {
  background-image:url(img/content-box-bottom.png);
	background-repeat:no-repeat;
  height:8px;
  margin-left:158px;
  padding-bottom:10px;
  position:relative;
  width:730px;
}

#separator {
	background-image:url(img/line.png);
	background-repeat:no-repeat;
	height:552px;
	left:300px;
	position:absolute;
	top:10px;
	width:1px;
}

#content-box-left {
	float:left;
	position:relative;
	width:275px;
}

#content-box-left-content {
	margin-left:20px;
	margin-top:15px;
}

#content-box-left h1, #content-box-left .h1 , #content-box-left h2, #content-box-right h1, #content-box-right h2 {
	color:#e5d7c5;
	font-size:144.5%; /* 13pt */
	font-weight:bold;
}

#content-box-left .h1 {
  line-height:1.818em;
}

#content-box-left .question {
	font-weight:bold;
}

#content-box-right {
	float:right;
	position:relative;
	width:390px;
}

#content-box-right-content {
	margin-right:10px;
	margin-top:15px;
}

.sitemap-advies #content-box-right-content {
	margin-top:7px;
}

.about-contact #content-box-right-content {
	margin-top:20px;
}

#content-box-right .section p {
	margin-top:0px;
	padding-top:0px;
}

#content-box-right .section-details {
	display:none;
	padding-bottom:10px;
}

.js #content-box-right .section-details {
	padding-left:30px;
}

#content-box-right .expanded .section-details {
	display:block;
}

#content-box-right p.empty {
	padding-bottom:5px;
}

body.js a.external-link {
	text-decoration:none !important;
}

body.js .link_title {
	text-decoration:underline;
}

body.js .link_icon {
	background-position:right top;
	background-image:url(img/open_newwindow.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

body.js .link_icon span {
	padding-left:18px;
}

.print_link {
	display:none;
}

#functions {
	display:none;
}

body.js #functions {
	display:block;
	position:absolute;
	right:10px;
	top:15px;
}

.indent {
	margin-left:20px;
}

.not-all-answers {
	font-size:140%; /*13pt*/
}

.not-all-answers, .not-answered .heading {
	color:#ffde00;
	font-weight:bold;
}

.not-answered select {
	background-color:#ffde00;
}

.session-expired {
	padding-left:20px;
}

.intro p {
	line-height:normal;
}

#bi-main {
	clear:none;
	left:50%;
	margin-left:-466px;
	min-height:100%;
	position:relative;
	top:0px;
	width:930px;
}

#logo {
	text-decoration:none;
}

#logo img {
	display:none;
}

.clear {
	clear:both;
}

span.em {
	font-style:italic;
}

span.strong {
	font-weight:bold;
}

.navigatie {
  margin:10px;
}

#content-box-right h2.category {
	font-size:1em;
	padding-bottom:10px;
	padding-top:10px;
}

.checklist-item h3 {
	padding-left:10px;
}