@import url("reset.css");
@import url("structure.css");
@import url("global.css");

/**
	quicklinks
---------------------------------------------------------- */
.quicklinks
{ display: none; }
/* ------------------------------------------------------- */



/**
	aspnetForm
---------------------------------------------------------- */
#aspnetForm
{}
/* ------------------------------------------------------- */


/**
	header
---------------------------------------------------------- */
#header
{}
/* ------------------------------------------------------- */


/**
	global
---------------------------------------------------------- */
#global
{}

	#global h2
	{ display: none; }

	#global ul
	{ line-height: 30px; list-style-type: none; margin: 0; }

		#global ul li
		{ display: block; float: left; line-height: 30px; }

			#global ul li a
			{ color: #acacac; display: block; font-size: 90%; padding: 0 6px; }

	#global fieldset
	{ border: 0; height: 30px; line-height: 30px; margin: -1px 0; padding: 0 6px; position: absolute; right: 0; top: 2px; }

	* html #global fieldset
	{ padding-top: 3px; }

	* + html #global fieldset
	{ padding-top: 3px; top: -1px; }

		#global fieldset legend
		{ display: none; }

		#global fieldset label
		{ color: #acacac; display: block; float: left; font-size: 90%; margin: -1px 5px 0 0; }

		* html #global fieldset label
		{ margin-top: -4px; }

		#global fieldset .search_text
		{ border: 1px solid #ccc; padding: 3px; width: 130px; }

		* + html #global fieldset .search_text
		{ margin-top: -2px; }

		#global fieldset .search_button
		{ position: absolute; right: 13px; top: 6px; }

		* html #global fieldset .search_button
		{ right: 14px; top: 5px; }

		* + html #global fieldset .search_button
		{ right: 8px; top: 8px; }

/* ------------------------------------------------------- */


/**
	navigation
---------------------------------------------------------- */
#navigation
{}

	#navigation h2
	{ display: none; }

	#navigation ul
	{ list-style-type: none; margin: 0; }

		#navigation ul li
		{ display: block; float: left; font-weight: bold; line-height: 100%; }

			#navigation ul li a
			{ border: 1px solid #ebebeb; border-left: none; display: block; }

			#navigation ul li a:hover
			{ text-decoration: none; }

			#navigation ul li.nav-global a
			{ color: #bd220d; padding: 5px 15px; }

			#navigation ul li.nav-global a:hover
			{ background-color: #bd220d; color: #fff; }

			#navigation ul li.nav-information a
			{ color: #8b3; padding: 5px 20px; }

			#navigation ul li.nav-information a:hover
			{ background-color: #8b3; color: #fff; }

			#navigation ul li.nav-application a
			{ color: #33b3e8; padding: 5px 19px; }

			#navigation ul li.nav-application a:hover
			{ background-color: #33b3e8; color: #fff; }

			#navigation ul li#nav-home a
			{ border-left: 1px solid #ebebeb; }

			.home #navigation ul li#nav-home a,
			.actueel #navigation ul li#nav-actueel a
			{ background-color: #bd220d; color: #fff; }

			.home #navigation ul li#nav-home a:hover,
			.actueel #navigation ul li#nav-actueel a:hover
			{ background-color: #ebbcb6; color: #bd220d; }

			.medischeinformatie #navigation ul li#nav-medischeinformatie a,
			.patienteninformatie #navigation ul li#nav-patienteninformatie a
			{ background-color: #8b3; color: #fff; }

			.medischeinformatie #navigation ul li#nav-medischeinformatie a:hover,
			.patienteninformatie #navigation ul li#nav-patienteninformatie a:hover
			{ background-color: #cfe4ad; color: #529c10; }

			.zorgverleners #navigation ul li#nav-zorgverleners a,
			.zorgverzekeringen #navigation ul li#nav-zorgverzekeringen a
			{ background-color: #33b3e8; color: #fff; }

			.zorgverleners #navigation ul li#nav-zorgverleners a:hover,
			.zorgverzekeringen #navigation ul li#nav-zorgverzekeringen a:hover
			{ background-color: #c5edfe; color: #00a0e2; }

/* ------------------------------------------------------- */


/**
	path
---------------------------------------------------------- */
#content h2.hidden
{ display: none; }

#ph_breadcrumb
{ display: inline; margin: 0 0 10px 8px !important; }

* html .detailpage #ph_breadcrumb
{ margin-left: -5px !important; }

* + html .detailpage #ph_breadcrumb
{ margin-left: -5px !important; }

	#ph_breadcrumb li
	{ background-image: none !important; border-left: 0 !important; display: inline; line-height: 0.6em; padding: 0 !important; }

	#ph_breadcrumb li.currentpage
	{ display: block; float: left; font-size: 90%; color: #acacac; padding: 2px 2px 2px 6px !important; }

		#ph_breadcrumb li a
		{ background: transparent url("../img/bg_path.gif") 100% 55% no-repeat; color: #acacac; display: block; float: left; font-size: 90%; padding: 2px 8px 2px 2px; }

		#ph_breadcrumb li ul
		{ margin: 0; }

			#ph_breadcrumb li ul li a
			{ padding-left: 6px; }

/* ------------------------------------------------------- */


/**
	container
---------------------------------------------------------- */
#container
{}
/* ------------------------------------------------------- */


/**
	subnav
---------------------------------------------------------- */
#subnav
{ padding: 20px 3px 0 3px; width: 192px; }

	#subnav div
	{ border: 1px solid #ebebeb; margin-top: 10px; }

		#subnav h2
		{ color: #666; font-size: 100%; margin: 10px 0 0 0; padding: 8px 10px; }

		#subnav div h2
		{ margin-top: 0; }

		#subnav h2
		{ background-color: #aaa; color: #fff; }

		.home #subnav h2,
		.actueel #subnav h2
		{ background-color: #bd220d; color: #fff; }

		.medischeinformatie #subnav h2,
		.patienteninformatie #subnav h2
		{ background-color: #8b3; color: #fff; }

		.zorgverleners #subnav h2,
		.zorgverzekeringen #subnav h2
		{ background-color: #33b3e8; color: #fff; }

	#subnav ul
	{ list-style-type: none; margin: 0; }

	#subnav ul.menu
	{ border-top: 0; }

		#subnav ul li
		{}

			#subnav ul.menu li div
			{ border: 0; margin-top: 0; padding: 2px; }

				#subnav ul.menu li div select
				{ width: 75%; }

			#subnav ul li a
			{ color: #666; display: block; padding: 5px 10px; }

			#subnav ul li a:hover
			{ text-decoration: none; }

			#subnav ul li a:hover
			{ background-color: #eee; }

			.home #subnav ul li a:hover,
			.actueel #subnav ul li a:hover
			{ background-color: #ebbcb6; }

			.medischeinformatie #subnav ul li a:hover,
			.patienteninformatie #subnav ul li a:hover
			{ background-color: #cfe4ad; }

			.zorgverleners #subnav ul li a:hover,
			.zorgverzekeringen #subnav ul li a:hover
			{ background-color: #c5edfe; }

			#subnav ul li.selected a
			{ background-color: #eee; font-weight: bold; }

			.home #subnav ul li.selected a,
			.actueel #subnav ul li.selected a
			{ background-color: #ebbcb6; color: #bd220d; font-weight: bold; }

			.medischeinformatie #subnav ul li.selected a,
			.patienteninformatie #subnav ul li.selected a
			{ background-color: #cfe4ad; color: #529c10; font-weight: bold; }

			.zorgverleners #subnav ul li.selected a,
			.zorgverzekeringen #subnav ul li.selected a
			{ background-color: #c5edfe; color: #00a0e2; font-weight: bold; }

			#subnav ul li ul
			{}

				#subnav ul li ul li
				{}

					#subnav ul li ul li a
					{ background: transparent url("/frontend/assets/img/triangle_gray_right.gif") 12px 7px no-repeat; }

					.home #subnav ul li ul li a,
					.actueel #subnav ul li ul li a
					{ background: transparent url("/frontend/assets/img/triangle_red_right.gif") 12px 7px no-repeat; }

					.medischeinformatie #subnav ul li ul li a,
					.patienteninformatie #subnav ul li ul li a
					{ background: transparent url("/frontend/assets/img/triangle_green_right.gif") 12px 7px no-repeat; }

					.zorgverleners #subnav ul li ul li a,
					.zorgverzekeringen #subnav ul li ul li a
					{ background: transparent url("/frontend/assets/img/triangle_blue_right.gif") 12px 7px no-repeat; }

					#subnav ul li ul li a,
					#subnav ul li.selected ul li a,
					.home #subnav ul li ul li a,
					.home #subnav ul li.selected ul li a,
					.actueel #subnav ul li ul li a,
					.actueel #subnav ul li.selected ul li a,
					.medischeinformatie #subnav ul li ul li a,
					.medischeinformatie #subnav ul li.selected ul li a,
					.patienteninformatie #subnav ul li ul li a,
					.patienteninformatie #subnav ul li.selected ul li a,
					.zorgverleners #subnav ul li ul li a,
					.zorgverleners #subnav ul li.selected ul li a,
					.zorgverzekeringen #subnav ul li ul li a,
					.zorgverzekeringen #subnav ul li.selected ul li a
					{ background-color: #fff; color: #666; font-weight: normal; padding-left: 25px; }

					#subnav ul li ul li a:hover,
					#subnav ul li.selected ul li a:hover
					{ background-color: #eee; }

					.home #subnav ul li ul li a:hover,
					.home #subnav ul li.selected ul li a:hover,
					.actueel #subnav ul li ul li a:hover,
					.actueel #subnav ul li.selected ul li a:hover
					{ background-color: #ebbcb6; }

					.medischeinformatie #subnav ul li ul li a:hover,
					.medischeinformatie #subnav ul li.selected ul li a:hover,
					.patienteninformatie #subnav ul li ul li a:hover,
					.patienteninformatie #subnav ul li.selected ul li a:hover
					{ background-color: #cfe4ad; }

					.zorgverleners #subnav ul li ul li a:hover,
					.zorgverleners #subnav ul li.selected ul li a:hover,
					.zorgverzekeringen #subnav ul li ul li a:hover,
					.zorgverzekeringen #subnav ul li.selected ul li a:hover
					{ background-color: #c5edfe; }

						#subnav ul li ul li ul li a
						{ background: transparent url("/frontend/assets/img/triangle_gray_right.gif") 27px 7px no-repeat; padding-left: 40px !important; }

						.home #subnav ul li ul li ul li a,
						.actueel #subnav ul li ul li ul li a
						{ background: transparent url("/frontend/assets/img/triangle_red_right.gif") 27px 7px no-repeat; padding-left: 40px !important; }

						.medischeinformatie #subnav ul li ul li ul li a,
						.patienteninformatie #subnav ul li ul li ul li a
						{ background: transparent url("/frontend/assets/img/triangle_green_right.gif") 27px 7px no-repeat; padding-left: 40px !important; }

						.zorgverleners #subnav ul li ul li ul li a,
						.zorgverzekeringen #subnav ul li ul li ul li a
						{ background: transparent url("/frontend/assets/img/triangle_blue_right.gif") 27px 7px no-repeat; padding-left: 40px !important; }

	#subnav div#ph_subsite_icon
	{ display: none; }

/* ------------------------------------------------------- */


/**
	content
---------------------------------------------------------- */
#content
{ padding: 30px 10px 10px 10px; width: 580px; }

	.home #content h1,
	.actueel #content h1
	{ color: #bd220d; }

	.home #content .home-container h1
	{ display: none; }

	.medischeinformatie #content h1,
	.patienteninformatie #content h1
	{ color: #529c10; }

	.zorgverleners #content h1,
	.zorgverzekeringen #content h1
	{ color: #00a0e2; }

	#content .nw_first,
	#content .nw_second
	{ border: 1px solid #ebebeb; margin: 5px; padding: 2px; }

	#content .nw_first
	{ float: left; margin-left: 0; }

	#content .nw_second
	{ float: right; margin-right: 0; }

.detailpage #content
{ width: 790px; }

* html .detailpage #content
{ padding-left: 0; }

* + html .detailpage #content
{ padding-left: 0; }

.detailpage #subnav
{ display: none; }
/* ------------------------------------------------------- */


/**
	sidebar
---------------------------------------------------------- */
#sidebar
{ background: transparent url("../img/bg_sidebar.gif") 1px 5px no-repeat; width: 198px; }

.actueel #sidebar
{ background-image: url("../img/bg_sidebar_actueel.gif"); }

.gezondleven #sidebar
{ background-image: url("../img/bg_sidebar_leefwijze.gif"); }

.medicijnen #sidebar
{ background-image: url("../img/bg_sidebar_medicijnen.gif"); }

.medischeinformatie #sidebar
{ background-image: url("../img/bg_sidebar_medischeinformatie.gif"); }

.medischeinformatie-behandeling #sidebar
{ background-image: url("../img/bg_sidebar_medischeinformatie_behandeling.gif"); }

.medischeinformatie-onderzoek #sidebar
{ background-image: url("../img/bg_sidebar_medischeinformatie_onderzoek.gif"); }

.medischeinformatie-ziekteofklacht #sidebar
{ background-image: url("../img/bg_sidebar_medischeinformatie_ziekteofklacht.gif"); }

.patienteninformatie #sidebar
{ background-image: url("../img/bg_sidebar_patienteninformatie.gif"); }

.zorgverzekeringen #sidebar
{ background-image: url("../img/bg_sidebar_zorgverzekeringen.gif"); }

.homepage #sidebar
{ background-image: none; }

	#sidebar .home-text
	{ border: 1px solid #ebebeb; margin-top: 5px; overflow: hidden; padding: 10px; }

	* html #sidebar .home-text
	{ height: 1px; overflow: visible; }

		#sidebar .home-text h3
		{ font-size: 100%; letter-spacing: 0; margin-top: 0; }

		#sidebar .home-text p
		{ margin: 5px 0; }

		#sidebar .home-text a
		{ background: transparent url("/frontend/assets/img/triangle_red_right.gif") 100% 2px no-repeat; color: #666; float: right; margin-top: 5px; padding: 2px 16px 2px 2px; }

	.homepage #sidebar #pageoptions
	{ margin-top: 10px; }

	#sidebar h2
	{ display: none; }

	#sidebar h2.textHeader1,
	#sidebar #ph_nieuws h2,
	#sidebar div h2
	{ background-color: #aaa; border: 1px solid #ebebeb; color: #fff; display: block; font-size: 100%; margin: 10px 0 0 0; padding: 8px 10px; }

		.home #sidebar h2.textHeader1,
		.actueel #sidebar h2.textHeader1,
		.home #sidebar div h2,
		.actueel #sidebar div h2
		{ background-color: #bd220d; color: #fff; }

		.medischeinformatie #sidebar h2.textHeader1,
		.patienteninformatie #sidebar h2.textHeader1,
		.medischeinformatie #sidebar div h2,
		.patienteninformatie #sidebar div h2
		{ background-color: #8b3; color: #fff; }

		.zorgverleners #sidebar h2.textHeader1,
		.zorgverzekeringen #sidebar h2.textHeader1,
		.zorgverleners #sidebar div h2,
		.zorgverzekeringen #sidebar div h2
		{ background-color: #33b3e8; color: #fff; }

	#sidebar h3.textHeader2,
	#sidebar div .menu dt
	{ background-color: #fafafa; border: 1px solid #ebebeb; border-top: 0; font-size: 100%; margin: 0; padding: 5px; }

	.home #sidebar h3.textHeader2,
	.home #sidebar div .menu dt,
	.actueel #sidebar h3.textHeader2,
	.actueel #sidebar div .menu dt
	{ background-color: #f6e8e7; }

	.medischeinformatie #sidebar h3.textHeader2,
	.medischeinformatie #sidebar div .menu dt,
	.patienteninformatie #sidebar h3.textHeader2,
	.patienteninformatie #sidebar div .menu dt
	{ background-color: #ecf8da; }

	.zorgverleners #sidebar h3.textHeader2,
	.zorgverleners #sidebar div .menu dt,
	.zorgverzekeringen #sidebar h3.textHeader2,
	.zorgverleners #sidebar div .menu dt
	{ background-color: #e8f6fc; }

	#sidebar div .menu dt
	{ border: 0; border-bottom: 1px solid #ebebeb; }

	#sidebar ul
	{ list-style-type: none; margin: 0; }

	#sidebar ul.menu,
	#sidebar div .menu
	{ border: 1px solid #ebebeb; border-top: 0; }

		#sidebar ul li
		{}

			#sidebar ul.menu li div
			{ border: 0; margin-top: 0; padding: 2px; }

				#sidebar ul.menu li div select
				{ width: 75%; }

			#sidebar ul li a,
			#sidebar dl dd a
			{ color: #666; display: block; padding: 5px 10px; }

			#sidebar ul li a:hover,
			#sidebar dl dd a:hover
			{ text-decoration: none; }

			#sidebar ul li a:hover,
			#sidebar dl dd a:hover
			{ background-color: #eee; }

			.home #sidebar ul li a:hover,
			.actueel #sidebar ul li a:hover,
			.home #sidebar dl dd a,
			.actueel #sidebar dl dd a
			{ background-color: #ebbcb6; }

			.medischeinformatie #sidebar ul li a:hover,
			.patienteninformatie #sidebar ul li a:hover,
			.medischeinformatie #sidebar dl dd a:hover,
			.patienteninformatie #sidebar dl dd a:hover
			{ background-color: #cfe4ad; }

			.zorgverleners #sidebar ul li a:hover,
			.zorgverzekeringen #sidebar ul li a:hover,
			.zorgverleners #sidebar dl dd a:hover,
			.zorgverzekeringen #sidebar dl dd a:hover
			{ background-color: #c5edfe; }

			#sidebar ul li.selected a
			{ background-color: #eee; font-weight: bold; }

			.home #sidebar ul li.selected a,
			.actueel #sidebar ul li.selected a,
			.home #sidebar dl dd.selected a,
			.actueel #sidebar dl dd.selected a
			{ background-color: #ebbcb6; color: #bd220d; font-weight: bold; }

			.medischeinformatie #sidebar ul li.selected a,
			.patienteninformatie #sidebar ul li.selected a,
			.medischeinformatie #sidebar dl dd.selected a,
			.patienteninformatie #sidebar dl dd.selected a
			{ background-color: #cfe4ad; color: #529c10; font-weight: bold; }

			.zorgverleners #sidebar ul li.selected a,
			.zorgverzekeringen #sidebar ul li.selected a,
			.zorgverleners #sidebar dl dd.selected a,
			.zorgverzekeringen #sidebar dl dd.selected a
			{ background-color: #c5edfe; color: #00a0e2; font-weight: bold; }

		#sidebar .kb_tagcloud ul
		{ margin: 5px 0; }

			#sidebar .kb_tagcloud ul li a
			{ color: #8b3; display: inline; line-height: 190%; padding: 0; }

			#sidebar .kb_tagcloud ul li a:hover
			{ background-color: #fff; text-decoration: underline; }

/* ------------------------------------------------------- */


/**
	page options
---------------------------------------------------------- */
#pageoptions
{ background-color: #fff; border: 1px solid #ebebeb; margin: 140px 0 10px 0; padding: 5px; }

	#pageoptions h3
	{ display: none; }

	#pageoptions ul
	{ list-style-type: none; margin: 0 0 0 5px; overflow: hidden; }

	* html #pageoptions ul
	{ height: 1px; overflow: visible; }

		#pageoptions ul li
		{}

			#pageoptions ul li a,
			#pageoptions ul li input
			{ background: transparent url("") 0 50% no-repeat; color: #666; display: block; font-size: 90%; margin: 1px 0; padding: 0 0 1px 0; }

			#pageoptions ul li a
			{ height: 22px; line-height: 22px; padding-left: 23px; width: 127px; }

			#pageoptions ul li a:hover
			{ background-color: #fff; text-decoration: none; }

			#pageoptions ul li input
			{ cursor: pointer; height: 24px; line-height: 24px; padding-left: 20px; width: 152px; }

			* html #pageoptions ul li input
			{ padding-left: 22px; }

			* + html #pageoptions ul li input
			{ padding-left: 22px; }

	#pageoptions #readspeaker input
	{ background-image: url("../img/bg_readspeaker.gif"); }

	#pageoptions #print input
	{ background-image: url("../img/bg_print.gif"); }

	#pageoptions #mailafriend
	{ /*display: none;*/ }

	#pageoptions #mailafriend a
	{ background-image: url("../img/bg_mailafriend.gif"); }

	#pageoptions #review a
	{ background-image: url("../img/bg_review.gif"); }

	#pageoptions a:hover
	{ background-color: #fff !important; }
/* ------------------------------------------------------- */


/**
	footer
---------------------------------------------------------- */
#footer
{}

	#footer h2
	{ display: none; }

	#footer ul
	{ border-top: 1px solid #ebebeb; list-style-type: none; margin: 0; width: 790px; }

	.information #footer ul
	{ margin-left: 210px; width: 580px; }

		#footer ul li
		{ display: block; float: left; line-height: 1em; }

			#footer ul li a
			{ color: #acacac; display: block; font-size: 90%; margin-right: 10px; padding: 4px; }
/* ------------------------------------------------------- */


/**
	begrippen
---------------------------------------------------------- */
.kb_index_alpha
{ background-color: #eef7ff; border: 1px solid #b7dbff; margin: 10px 0; }

	.kb_index_alpha .kb_link
	{ color: #aaa; font-size: 150%; font-weight: bold; overflow: hidden; padding: 2px 30px 0 30px; }

	* html .kb_index_alpha .kb_link
	{ height: 1px; overflow: visible; padding: 2px 15px 0 25px; }

		.kb_index_alpha .kb_link dt
		{ border-bottom: 2px solid #eef7ff; display: block; float: left; padding: 2px 3px 0 3px; }

			.kb_index_alpha .kb_link dt a
			{ border-bottom: 2px solid #eef7ff; display: block; }

			.kb_index_alpha .kb_link dt a:hover
			{ border-color: #c00; text-decoration: none; }

			.kb_index_alpha .kb_link dt .no_content
			{}

		.kb_index_alpha .kb_link dd
		{ display: none; }

.kb_index_alpha_anchor_result
{}

	.kb_index_alpha_anchor_result .outerlist
	{ list-style-type: none; margin-left: 0; }

		.kb_index_alpha_anchor_result .outerlist li
		{ background-image: none !important; padding: 0 !important; }

		.kb_index_alpha_anchor_result .outerlist .content_letter
		{ background-color: #3492c4 !important; border: 1px solid #b7dbff; color: #fff; font-size: 200%; font-weight: bold; margin-bottom: 2px; padding: 5px 10px !important; }

			.kb_index_alpha_anchor_result .outerlist li .gototop
			{ margin: 10px 0; }

			.kb_index_alpha_anchor_result .outerlist li dl
			{}

				.kb_index_alpha_anchor_result .outerlist li dl dt
				{}

					.kb_index_alpha_anchor_result .outerlist li dl dt input
					{ background: #eef7ff url("/frontend_20/assets/img/icons/collapse_bluewhite.gif") 99% -66px no-repeat; border: 1px solid #b7dbff; cursor: pointer; font-family: Verdana, sans-serif; font-size: 100%; font-weight: bold; margin: 2px 0; padding: 2px 5px 3px 5px; text-align: left; width: 100%; }

					* html .kb_index_alpha_anchor_result .outerlist li dl dt input
					{ margin: -4px 0; }

					* + html .kb_index_alpha_anchor_result .outerlist li dl dt input
					{ margin: -4px 0; }

					.kb_index_alpha_anchor_result .outerlist li dl dt.open input
					{ background-color: #3492c4; background-position: 99% 4px; color: #fff; margin-bottom: 0; }

				.kb_index_alpha_anchor_result .outerlist li dl dd
				{ background: #f9fdff; border: 1px solid #b7dbff; margin: -1px 0 10px 0; padding: 5px; }

				.kb_index_alpha_anchor_result .outerlist li dl dd.hidden
				{}


/**
	faq
---------------------------------------------------------- */
.siteresult
{}

	.siteresult dl
	{ line-height: 110%; }

		.siteresult dl dt
		{ background-color: #eef7ff; border: 1px solid #b7dbff; font-weight: bold; margin: 2px 0; padding: 5px; position: relative; }

		.siteresult dl dt.open
		{ background-color: #3492c4; color: #fff; margin-bottom: 0; }

			.siteresult dl dt label
			{ cursor: pointer; display: block; width: 100%; }

			.siteresult dl dt input
			{ background: #eef7ff url("/frontend_20/assets/img/icons/collapse_bluewhite.gif") 50% -66px no-repeat; border: 0; cursor: pointer; height: 19px; letter-spacing: -999px; padding: 0; position: absolute; right: 4px; text-indent: -999px; top: 2px; width: 15px; }

			.siteresult dl dt.open input
			{ background-color: #3492c4; background-position: 50% 4px; }

			.siteresult dl dt .btncontract,
			.siteresult dl dt .btnexpand
			{}

		.siteresult dl dd
		{ background: #f9fdff; border: 1px solid #b7dbff; margin: -1px 0 10px 0; padding: 5px; }

		.siteresult dl dd.hidden
		{ display: none; }

			.siteresult dl dd p
			{}

/**
	news overview
---------------------------------------------------------- */
.kb_news
{}

	.kb_news dl
	{}

		.kb_news dl dt
		{}

			.kb_news dl dt input.btncontract
			{ background-position: 99% -66px; }

			.kb_news dl dt input
			{ background: #eef7ff url("/frontend_20/assets/img/icons/collapse_bluewhite.gif") 99% 4px no-repeat; border: 1px solid #b7dbff; cursor: pointer; font-family: Verdana, sans-serif; font-size: 100%; font-weight: bold; margin: 2px 0; padding: 2px 5px 3px 5px; text-align: left; width: 100%; }

		.kb_news dl dd
		{}

			.kb_news dl dd dl
			{}

				.kb_news dl dd dl dt
				{ margin-top: 4px; padding: 5px; }

					.kb_news dl dd dl dt a
					{ background: transparent url("/frontend/assets/img/triangle_blue_right.gif") 0 1px no-repeat; font-weight: bold; padding-left: 12px; }

				.kb_news dl dd dl dd
				{ padding: 0 5px 5px 17px; }

					.kb_news dl dd dl dd ul
					{ list-style-type: none; margin: 0 !important; }

						.kb_news dl dd dl dd ul li
						{ background-image: none !important; color: #888; font-size: 90%; padding-left: 0 !important; }

							.kb_news dl dd dl dd ul li p
							{ margin: 0; }


/**
	news items
---------------------------------------------------------- */
#kb_newsitem h2
{ margin-bottom: 4px; }

#kb_newsitem p.news_source
{ color: #666; font-size: smaller; font-weight: normal; margin-bottom: 4px; margin-top: -2px; }

#kb_newsitem p.eyecatcher
{ font-weight: bold; margin-bottom: 4px; }

#kb_newsitem ul.linklist
{ list-style-type: none; margin-left: 0; padding-left: 0; }

	#kb_newsitem ul li a:link,
	#kb_newsitem ul li a:hover,
	#kb_newsitem ul li a:visited
	{ background: transparent url("/frontend/assets/img/pijltje_dubbel_rechts.gif") no-repeat center left; color: #000; display: block; font-weight: bold; padding-left: 1em; }

	#kb_newsitem a.directlink:hover
	{ color: #c00; }

/**
	homepages
---------------------------------------------------------- */
.home-container
{}

	.home-container .home-title
	{ position: relative; }

		.home-container .home-title h1
		{ background: transparent url("") 0 0 no-repeat; color: #000 !important; font-size: 200%; height: 190px; }

		.home-container .home-title p
		{ color: #000; display: block; font-size: 150%; font-weight: bold; left: 20px; line-height: 140%; position: absolute; top: 25px; width: 250px; }

	.home-container .search
	{ border: 1px solid #cfe4ad; float: left; margin-left: 10px; min-height: 200px; padding: 10px 10px 0 10px; width: 44%; }

	* html .home-container .search
	{ height: 200px; }

		.home-container .search h2
		{ color: #8b3 !important; font-size: 150%; letter-spacing: 0; margin-top: 0; }

		.home-container .search fieldset
		{ border: 0; }

			.home-container .search fieldset legend
			{ display: none; }

			.home-container .search fieldset label
			{ display: none; }

			.home-container .search fieldset input
			{ background-color: #8b3; color: #fff; cursor: pointer; font-weight: bold; padding: 2px 5px 3px 5px; }

			.home-container .search fieldset input.textfield
			{ background-color: #fff; border: 1px solid #cfe4ad; color: #666; cursor: text; font-weight: normal; width: 70%; }

		.home-container .search .kb_tagcloud
		{ border: 0; padding: 0; width: auto; }

			.home-container .search .kb_tagcloud h3
			{ color: #666; font-size: 110%; padding: 0 10px; }

			.home-container .search .kb_tagcloud ul
			{ padding: 0 10px; text-align: justify; }

				.home-container .search .kb_tagcloud ul li a
				{ color: #8b3; }

	.home-container .teasers
	{ clear: both; overflow: hidden; padding-top: 20px; }

		.home-container .teasers .teaser
		{ background: transparent url("") bottom left no-repeat; border: 1px solid #ebebeb; float: left; height: 100px; margin: 0 0 10px 10px; padding: 5px; position: relative; width: 170px; }

			.home-container .teasers .teaser h3
			{ color: #000; font-size: 100%; letter-spacing: 0; margin-top: 0; text-align: right; }

			.home-container .teasers .teaser p
			{ color: #000; text-align: right; }

			.home-container .teasers .teaser a
			{ background: #8b3 url("/frontend/assets/img/triangle_white_right.gif") 100% 55% no-repeat; bottom: 5px; color: #fff; font-weight: bold; padding: 3px 18px 4px 5px; position: absolute; right: 5px; }

/**
	homepage containers
---------------------------------------------------------- */
	.home-container .container
	{ border: 1px solid #ebebeb; border-bottom: 0; float: left; width: 49%; }

		.home-container .container h2
		{ border-bottom: 1px solid #ebebeb; font-size: 120%; letter-spacing: 0; margin-top: 0; overflow: hidden; }

		* html .home-container .container h2
		{ height: 1px; overflow: visible; }

			.home-container .container h2 a
			{ background: transparent url("/frontend/assets/img/triangle_red_right.gif") 100% 50% no-repeat; color: #666; display: block; float: left; font-size: 115%; padding: 5px 20px 5px 10px; }

		.home-container .container h3
		{ border-bottom: 1px solid #ebebeb; font-size: 100%; letter-spacing: 0; margin-top: 0; overflow: hidden; }

		* html .home-container .container h3
		{ height: 1px; overflow: visible; }

			.home-container .container h3 a
			{ background: transparent url("/frontend/assets/img/triangle_red_right.gif") 100% 55% no-repeat; color: #666; display: block; float: left; font-size: 115%; padding: 5px 20px 5px 10px; }

		.home-container .container .item
		{ border-bottom: 1px solid #ebebeb; clear: both; min-height: 80px; overflow: hidden; padding: 5px 10px 10px 10px; position: relative; }

		* html .home-container .container .item
		{ height: 80px; }

			.home-container .container .item h4
			{ font-size: 100%; clear: right; letter-spacing: 0; margin-top: 0; padding-left: 70px; }

				.home-container .container .item h4 a
				{ background-image: none; float: none; padding: 0; }

			.home-container .container .item p
			{}

				.home-container .container .item p img
				{ float: left; height: 40px; margin-right: 10px; margin-top: -12px; width: 60px; }

			.home-container .container .item a
			{ background: transparent url("/frontend/assets/img/triangle_red_right.gif") 100% 50% no-repeat; color: #666; float: right; padding: 2px 15px 2px 2px; }

/**
	more about / see also / find & compare
---------------------------------------------------------- */
#sidebar .more,
#sidebar .find
{ border: 1px solid #ebebeb; margin-top: 10px; }

	#sidebar .more h3,
	#sidebar .find h3
	{ color: #fff; font-size: 100%; letter-spacing: 0; margin-top: 0; padding: 5px 10px; }

	#sidebar .more h3
	{ background-color: #8b3; }

	#sidebar .find h3
	{ background-color: #00a0e2; }

	#sidebar .more ul,
	#sidebar .find ul
	{ list-style-type: none; margin: 5px 0 5px 10px; }

		#sidebar .more ul li,
		#sidebar .find ul li
		{}

		* html #sidebar .more ul li,
		* html #sidebar .find ul li
		{ border: 1px solid #fff; }

			#sidebar .more ul li a,
			#sidebar .find ul li a
			{ background: transparent url("") 0 4px no-repeat; color: #666; display: block; padding: 3px 3px 3px 15px; }

			#sidebar .more ul li a:hover,
			#sidebar .find ul li a:hover
			{ background-color: #fff; text-decoration: underline; }

			#sidebar .more ul li a
			{ background-image: url("/frontend/assets/img/triangle_green_right.gif"); }

			#sidebar .find ul li a
			{ background-image: url("/frontend/assets/img/triangle_blue_right.gif"); }


/**
	mail-a-friend 1.0 page
---------------------------------------------------------- */
#maf
{ margin: 10px; }

	#maf fieldset
	{ border: 1px solid #ebebeb; padding: 10px; }

		#maf fieldset legend
		{ font-weight: bold; padding: 5px; }

		#maf fieldset div
		{ overflow: hidden; padding: 5px 10px; }

			#maf fieldset div label
			{ float: left; width: 35%; }

				#maf fieldset div label span
				{}

			#maf fieldset div input,
			#maf fieldset div textarea
			{ border: 1px solid #aaa; padding: 2px; width: 50%; }

			#maf fieldset div textarea
			{ height: 100px; }

			#maf fieldset div input[type=checkbox]
			{ border: 0; width: auto; }

		#maf fieldset input[type=submit]
		{ background-color: #ebebeb; border: 1px solid #aaa; display: block; font-weight: bold; margin: 0 auto; padding: 4px 10px; width: 90px; }

/**
	mail-a-friend 2.0 page
---------------------------------------------------------- */
#mail-a-friend
{ margin: 10px; }

	#mail-a-friend fieldset
	{ border: 1px solid #ebebeb; padding: 10px; }

		#mail-a-friend fieldset legend
		{ font-weight: bold; padding: 5px; }

		#mail-a-friend fieldset div
		{ overflow: hidden; padding: 5px 10px; }

			#mail-a-friend fieldset div label
			{ float: left; width: 35%; }

				#mail-a-friend fieldset div label span
				{}

			#mail-a-friend fieldset div input,
			#mail-a-friend fieldset div textarea
			{ border: 1px solid #aaa; padding: 2px; width: 50%; }

			#mail-a-friend fieldset div textarea
			{ height: 100px; }

			#mail-a-friend fieldset div input[type=checkbox]
			{ border: 0; width: auto; }

		#mail-a-friend fieldset input[type=submit]
		{ background-color: #ebebeb; border: 1px solid #aaa; display: block; font-weight: bold; margin: 0 auto; padding: 4px 10px; width: 90px; }

/**
	mail-a-friend dialog
---------------------------------------------------------- */
#mafdialog
{ background-color: #3492c4; padding: 10px; position: absolute; width: 500px; z-index: 99; }

	#mafdialog h2
	{ color: #fff; float: left; font-size: 100%; }

	#mafdialog button
	{ float: right; }

	#mafdialog #mail-a-friend
	{ background-color: #fff; clear: both; margin: 0; padding-top: 10px; }

		#mafdialog #mail-a-friend #maf-error
		{ border: 1px solid red; margin: 0 10px 10px 10px; padding: 10px; }

			#mafdialog #mail-a-friend #maf-error h3
			{ margin-bottom: 10px; }

			#mafdialog #mail-a-friend #maf-error ul
			{}

				#mafdialog #mail-a-friend #maf-error ul li
				{ line-height: 150%; }

		#mafdialog #mail-a-friend fieldset
		{ border: 0; margin: 0; }

			#mafdialog #mail-a-friend fieldset legend
			{ border: 0; }

			#mafdialog #mail-a-friend fieldset input[type=submit]
			{ background: #bd220d url("/frontend_20/assets/img/icons/arrowonsquare_red_right_17.gif") 98.5% 50% no-repeat; border: 1px solid #aaa; color: #fff; cursor: pointer; font-weight: bold; padding: 3px 25px 3px 3px; width: 120px; }


/**
	colofon definition lists
---------------------------------------------------------- */
.colofon dl
{ line-height: 130%; overflow: hidden; }

	.colofon dl dt
	{ clear: left; float: left; padding: 4px 0; width: 30%; }

	.colofon dl dd
	{ float: left; padding: 4px 0; width: 60%;}

.textTopicLead
{ font-weight: bold; }


/**
	readspeaker player
---------------------------------------------------------- */
#dixerit_player
{ position: absolute; top: 0; right: 0; }