/* GENERAL STYLING */
body {
	background-color: #0099CC;
} 

.bi, 
.bi *,
.bi th {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Sans-Serif;
	
}
.bi {
	zoom: 1 !important;

}

/* zet breedte van de site en centreer de  */
#bi-container {
	width: 940px !important;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 30px;

}

.content_position {
	width: 750px;
	height: auto;
	position: relative;
	top: 0px;
	left: 150px;
	margin-top: 15px;
	margin-bottom: 10px;
	
}


#home_page {
	margin-top: 90px;
}

.large #home_page {
	margin-top: 120px;
}

/* font size */
.bi,
.bi select {
	font-size: 12px; /* IE style overrides this */
	line-height: 1.273em;
}

/* inzoom class... */
.large, .large input,
.large select {
	font-size: 14px !important; /* IE style overrides this */ 
	line-height: 1.273em;
}

.bi.large h1 {
	font-size:20px !important;
}

.large #forum_tab a {
	font-size: 14px !important;
}

/* paragraphs */
.bi p {
	margin-bottom: .5em;
}

/* css-less UA's */
/* used for displaying content only in non css agents */

.bi .no-css {
	display: none;
}
/* text and menu links */
.bi, 
.bi .related-concept h2 a,
.bi .faq h3 a,
.bi .classification-result h3 a,
.bi .case-tabs li a {
	color: #333;
}
.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 {
	
	vertical-align: middle;
	font-family: Verdana, Sans-Serif;
}
/*
.bi input.btn {
	padding-bottom: .2em;
	background-image: url(img/button_profile.gif);
	background-color: transparent;
	width: 235px;
	display: block;
	border: none;
	height: 24px;
	background-repeat: no-repeat;
	text-align: left;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 5px;
	cursor: pointer;
}
*/
/* control color */

.bi select,
.bi option,
.bi .options label,
.bi textarea {
	font-size: 12px; /* IE style overrides this */
	color: #333;
	
}

.bi .related-concept h2 {
	margin-bottom: 5px;
}

#bi-main-content {
	background-color: #fff;
	
	}
.bi form {
	display: block;
}

#componentform {
	width: 435px;
	background-color: #f2ebe5;
	
}	
#componentform .root-question p {
	display:none;
}

#componentform .root-question .content p {
	display: block;
	margin-left: 15px;
	margin-bottom: 10px;
	}
	
.root-question {
margin-left: 16px;
margin-right: 10px;
}

.root-question h1, #navigation_element h1, #rechts h1, #content_rechts h1 {
	color: #663300;
	text-align: center;
	margin-bottom:5px;
}

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

/* HEADINGS */
.bi h1 {
	letter-spacing: 1px;
	font-size: 1.636em;
	line-height: 1.818em;	
}
.bi h2,
.bi h3 strong {
	letter-spacing: 1px;
	font-size: 1.273em;
	line-height: 1.636em;
	margin-bottom: 10px;
}
.bi h3,
.bi label,
.bi .heading {
	font-size: 1em;
	line-height: 1.273em;
	margin-bottom: .7em;
	font-weight: bold;
	margin-right: 15px;
}
.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 li.related-concept li.related-concept,
.bi .scope button,
.bi .results h3 a span {
	text-decoration: none;
	color: #0000CC;
}
.bi a:hover, .bi a:active {
	text-decoration: underline;
}

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

#bi-main-content {
	margin-right: 0;
	position: relative;
	padding-left: 0;	
	margin: 0px;
	padding: 0px;
	top: 5px;
	z-index: 1;
}
#bi-main-content li {
	padding: .2em 0;
}

#bi-page-header {
	position relative;
	top: 0px;
	z-index: 10;
	height: 84px;
}

.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 {

}

.header-links {
	position: relative;
	left: 150px;
	margin: 0px;
	padding: 0px;
	color: #fff;	
	font-size: 12px;
	width: 350px;
}
.large .header-links {
	font-size: 14px;
	width: 400px;
}

.header-links a {
	color: #fff;
	text-decoration: underline;
}
.bi .header a,
#bi-main-menu a {
	line-height: 2.636em;
	padding: 0 .8em .182em .8em;
}

.bi #bi-main-menu li a {
	display: inline;
	background-color: transparent;
	text-decoration: underline;
}

#bi-main-menu {
	padding: 0px;
	position: relative;
	left: 28px;
	top: -30px;
	width: 210px;
	line-height: normal;
	height: 35px;
	max-height: 35px !important;
	z-index: 10000;
	float: right;
}
/* 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;
	background-color: transparent;
}

#bi-main-menu a,
#bi-component-menu a {
	color: #FFF;
}
#bi-component-menu {
	clear: both;
	position: relative;
	left: 150px;
	padding: 0px;
	display: none;
}
#bi-component-menu a {
	padding-left: 6px;
	padding-right: 6px;
	line-height: 1em;
	border-left: solid 1px #999999;
	position: relative;
	overflow: visible;
}
#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;
	text-decoration: underline;
	border: none;
	margin: 0;
}
#bi-main-menu li a:hover {
	text-decoration: underline;
	margin-top: -1px;
	margin-bottom: -1px;
}

.bi .header,
.bi .menu,
.bi .content,
.bi .quicklink {
	padding: 0 0px;
}
.bi .header {
	position: relative;
}
a#logo {
	display: block;
	height: 50px;
	width: 300px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: normal;
	position: relative;
	left: 150px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	padding-left: 7px;
	text-decoration: none;	
}
	
.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 {	
	background: #fff;
	padding: 4px 8px 4px 8px;
	line-height: 1.8em;
	margin-top: 2px;
	margin-bottom: 1em;
}
.bi .section.important,
.bi .section.important * {
	color: #333;
}
.bi .section {	
	display: block;
	overflow: auto;
}

.bi .tooltip,
.bi .emphasis {	
	padding-bottom: 4px;
	margin: 15px 0 15px 0;
}
.bi .tooltip {
	padding: 6px;
	padding-bottom: 0;
}

/* 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;
}

/* 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;
}
.bi h2.page-nr {
	margin-top: 20px;
	margin-bottom: 11px;
}

/* 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 .classification-result {
	position: relative;
}
.bi .classification-result img.mood {
	position: absolute;
	right: 11px;
}

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

/* link to popup */
.bi .help {	
	height: 16px;
	width: 16px;
	display: block;
}
/* question-mark */
.bi h2 .help,
.bi form .help {
	float: right;
}


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

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

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

/* flat form */
.bi .form .questions {
 margin-top: 1.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;
 margin-left: 10px;
}

/* CONTROL BUTTONS */

.bi .controls {
	margin-bottom: 5px;
}
#bi-main-content input.btn {
	margin-left: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.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: 10px;
}

.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: #333;
}
.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;
}

.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;
}

.bi .heading {
	font-weight: bold;
}
.bi .options {
	overflow: hidden;
}

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

.bi .content li.ordered {
	list-style-type: decimal;
	margin-left: 30px;
}
.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;
}

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

/* rounded corners */
.rounded-corner-header, .rounded-corner-footer {
	width: 100%;
	color: #fff;
	height: 9px !important;	
	line-height: 0px;
	
}


.rounded-top-left-white {
	width: 20px;
	height: 9px;
	background-image: url(Rounded_corners/bluebox_lefttop.gif);
	background-repeat: no-repeat;
	
}	

.rounded-top-right-white {
	width: 20px;
	height: 9px;
	background-image: url(Rounded_corners/bluebox_righttop.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 0px;
	position: relative;
	top:-9px;
	float: right;
}	

.rounded-bottom-right-white {
	width: 20px;
	height: 9px;
	background-image: url(Rounded_corners/bluebox_rightbottom.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	font-size: 0px;
	position: relative;
	bottom :0px;
	float: right;
}

.rounded-bottom-left-white {
	width: 20px;
	height: 9px;
	background-image: url(Rounded_corners/bluebox_leftbottom.gif);
	background-repeat: no-repeat;
	font-size: 0;
	background-position: bottom left;
	position: relative;	
}		

.rounded-top-left-brown {
	width: 9px;
	height: 9px;
	background-image: url(Rounded_corners/brownbox_lefttop.gif);
	background-repeat: no-repeat;
	
}	

.rounded-top-right-brown {
	width: 9px;
	height: 9px;
	background-image: url(Rounded_corners/brownbox_righttop.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 0px !important;
	position:relative;
	margin-top: -9px;		
	float: right;
}	

.rounded-bottom-right-brown {
	width: 9px;
	height: 9px;
	background-image: url(Rounded_corners/brownbox_rightbottom.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	font-size: 0px !important;
	position: relative;
	bottom :0px;
	float: right;
}

.rounded-bottom-left-brown {
	width: 9px;
	height: 9px;
	background-image: url(Rounded_corners/brownbox_leftbottom.gif);
	background-repeat: no-repeat;
	font-size: 0px !important;
	background-position: bottom left;
	position: relative;	
}		

.rounded-bottom-right-white span, .rounded-bottom-left-white span,
.rounded-top-right-white span, .rounded-top-left-white span {
	display: none;
}
/* kaartje op pagina */

.bi #bi-page-header .kaart {
	position: absolute;
	width: 110px;
	height: 140px;
	background-image: url(img/kaart-nederland.gif);
	background-repeat: no-repeat;
	z-index: 5000 !important;
	top: 10px;
	left: 20px
}

#navigation_element {	
	width: 300px;
	background-color:	#F2EBE5;
	position:absolute;
	left: 460px;
	top: 0px;
	z-index: 0;
}

#navigation-list {
	height: 300px;
	margin-left: 20px;
}

#navigation-list li {
	list-style-type: disc;
	list-style-position: inside;
	color: #663300;
}

#navigation-list li a {
	text-decoration: underline;
	color: #333;
	font-size: 1.1em;
}

#navigation-list li a.selected {
	text-decoration: none;
	cursor: default;
}
/* position forum image + link */

#forum_tab {
	position: relative;
	width: 200px;
	height: 50px;
	padding-top: 13px;

	float: right;
	margin-right: 30px;
	top: -30px;
	background-image: url(img/forum_tab.gif);
	background-repeat: no-repeat;
} 

#forum_tab a {
	margin-left: 40px;
	font-size: 1.2em !important;
	color: #663300;
	font-weight: bold;
}

#zoom_tool {
	width: 42px;
	height: 20px;
	background-image: url(img/sysbtn_fontzise_sml.gif);
	background-repeat: no-repeat;
	float: right;
	margin-top: 30px;
	margin-right: 30px;	
}

#functions {
	position: absolute;	
	width: 100%;
}

#or_element {
	width: 50px;
	height: 50px;
	background-image: url(img/brownbox_ofrondje.gif);
	background-repeat: no-repeat;
	left: 422px;
	position: absolute;
	top: 2px;
	z-index: 200000;
	text-align: center;
	padding-top: 6px;	
}

#or_element h1 {
	color: #663300;
}

#bi-main-content .related-concepts li {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

.expanded p, #bi-main-content .section .expanded ul li {
	margin-left: 18px;
}

.expanded .content h3 {
	display: none;
}
/* format form + left right location of elements */

input.cb {
	position: relative;
	left: 11px;
	top: 0px;
	padding-right: 20px;
	margin-bottom: 10px;
	
}
.bi #bi-main-content .navigatie_links {
	left: 0px;
}

.bi #bi-main-content #content_rechts {
	position : relative;
	left: 330px;
	width: 430px;
	top: 8px;
	margin-bottom: 20px;
}

/* Bij navigatie over items: hou geselecteerd item vast */

li a.selected {
	font-weight: bold;
}

.classification-result.rechts {	
	width: 430px;
	position: relative;
	left: 330px;
	padding-top: 2px;
}

.answers.links {
	position: absolute;
	top: 0px;
	height:auto;
	width: 300px;
	background-color:#F2EBE5;
}

.answers.links .menu {
	margin-left: 20px;
	margin-right: 5px;
	height: auto;
	overflow: visible;
}

.answers.links h1, .answers.links p {
	margin-left: 20px;
	margin-right: 5px;
	color: #663300;
}

.new_selectbox {
	position: relative;
	left: 10px;
	line-height:2.1em;
	top: 2px;
}

.questions select {
	width: 300px;
}

.bi #componentform label {
	border: 1px solid red;
	display:none;
}

.bi #componentform li .heading {
	display: none;
}
.bi #componentform li .cb_heading {
	font-weight: bold;
	color: #333;
	position: relative;
	left: 30px;
	top: -4px;
}

#bi-main-menu li.selected a, #bi-main-menu li.selected a:hover {
	text-decoration: none; 
	cursor: default;
}

.result_label {
	font-weight: bold;
	font-size: 12px;
	color: #333;
}	

 .tekst_links {
	position: absolute;
	left: -320px;
	width: 250px;
}
#content_rechts {
		z-index: 20;
}	
.bi #componentform .root-question .tekst_boven {
	border: 1px solid red;
	position: absolute;
	top: -85px;
	left: 0px;
	display: block;
	width: 750px;
	}

.bi.large #componentform .root-question .tekst_boven {
	top: -115px;
	}

.bi #componentform .root-question .tekst_boven p {
	display: block;
	}

.bi #componentform .root-question h3 {
	color: #663300;
	margin-left: 10px;
	margin-top: 10px;
	font-size: 14px;
	margin-bottom: 3px;
}
	
.bi #componentform .tekst_boven h3 {
	display: none;
}

.tekst_links h3, #content_rechts .content h3  {
display:none;
}
#content_links h1 {
	margin-left: 20px;
	}

.tekst_links p {
	margin-top: 5px;
	margin-left: 10px;
}

.tekst_links {
	margin-top: 35px;
}
.left h2 {
	display: none;
}

#function_links {
	position: absolute;
	top:13px;
	left: 270px;
	display:none;
	margin-right: 0;
	margin: 0;	
}

.large #function_links {
	top: 0px;
	width: 200px;
}

#function_links a {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}
#function_links span {
	margin-left: 2px;	
}

.print_header {
	display:none;
}

#NLin, #ENin {
	display: none;
}

#NLuit, #ENuit {
display: inline;
}

.bi .content_position #rechts.classification-result h1, #content_rechts h1#bi-current-concept,
.navigatie_links #navigation-list h1, .navigatie_links #content_links h1, #content_rechts h1 {
	text-align: left;	
}

.bi .content_position #rechts.classification-result h1, #content_rechts h1#bi-current-concept {
	font-size: 1.3em;
	padding-top: 7px;
}	

.tekst_links p a {
	text-decoration: underline;
}

.no-title h1, .hidden {
	display: none;
}

.bi .question select.red, .bi .question select.red option {
	color: red;
}

#errorField {
	margin-left: 10px;
	color: red;
	font-weight: bold;
}

.bi #bi-main-content li h2.sitemap_headers {
	display: inline;	
}

.bi a img.new_window_icon {
	clear:both;	
	border: none;
	margin: 0;
	padding:0;	
	display: inline;	
}

.no-title .left .section h3.question a {
	cursor: default;
	color: #333;
}

.no-title .left .section h3.question a:hover {
	text-decoration: none
}	

/* the return of the sidebar */

#bi-sidebar {
	
	float: right;
	width: 20em;
	margin-right: 10px;
	margin-left: 30px;
}

/* return of the calendah */

.bi .calendar {
	z-index: 9;
}

.bi .calendar_button {
	margin-left: 6px;
	margin-right: 15px;
	margin-bottom:30px;
}

/* SECTIONS */
/* important section */
/* placed here because IE6 doesn't properly handle class combinations */
.bi .section.important {
	border: 1px solid #ffd6ae;
	background: #ffffe5;
	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,
#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;
}

/* zet t label verder van het input element af */
.bi .questions .options label, .bi .options label, .bi form .options label {
	margin-left: 30px;
	display: block;
	position: relative;
	top: -16px;
	margin-bottom: 0px;
}

.bi .questions .options input {
line-height: 0.5em;
}

/* geef teksten in forms wat meer ruimte */

.bi form p {
	margin-bottom: 20px;
	font-style:italic
}

.bi form p a {
	font-style: normal;
}
/* hide de opnieuw en annuleren buttons */

.controls .reset-control, .controls .cancel-control {
	display: none;
}

/* ronde corners voor de start-page */

.Lay_out_grey {
	background-color: #F2EBE5;
	
}

.Lay_out_grey.section {
	margin: 0;
	padding:0;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

.Lay_out_grey.section h3 {
	margin-top: 10px;
}

.Lay_out_grey.section p, .Lay_out_grey.section h3 {
		margin-left: 20Px;

}

.Lay_out_grey.section p {
	margin-bottom: 24px;
}

.bi .Lay_out_grey a.arrowlink  {
	display: block;
	width: 240px;
	height: 25px;
	background-image: url(img/button_profile.gif);
	background-repeat: no-repeat;
	color: #fff;
	padding-top: 3px;
	padding-left: 5px;
}

.bi .Lay_out_grey a:hover {
	text-decoration: none;
	color: gray;
}	

/* opmaak lijst bescheiden */

.bi #bescheiden {
	
}

.bi #bescheiden .heading
 {
	width: 100%;
	font-weight: normal;
	margin-left: 5px;
}



.bi #bescheiden .question-separator,
.bi #bescheiden span.readonly,
.bi #bescheiden .no-show-answer,
.bi #bescheiden .answer.string,
.bi #bi-history,
.bi .left {
	display: none;
}

.Lay_out_grey #home_plaatje {
	float: right;
	background-image: url(img/cwi-ind-logo2.gif);
	width: 340px;
	height: 150px;
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 20px;
}