.detailview
{}

	/* context */
	.detailview .context-header
	{ display: none; }

	.detailview .context
	{ border-bottom: 1px solid #ebebeb; height: 20px; list-style-type: none; margin: 0 0 10px 0; position: relative; }

		.detailview .context li
		{ background-image: none !important; line-height: 100%; padding: 0 !important; position: absolute; top: 0; }

			.detailview .context li a
			{ display: block; font-size: 90%; font-weight: bold; padding: 4px; }

			.information .detailview .context li a
			{ color: #8b3; }

		.detailview .context li.back
		{ left: 0; padding-left: 0; }

			.detailview .context li.back a
			{ background: transparent url("/frontend_20/assets/img/icons/triangle_blue_left.gif") 1% 55% no-repeat; padding-left: 15px; }

			.information .detailview .context li.back a
			{ background-image: url("/frontend_20/assets/img/icons/triangle_green_left.gif"); }

		.detailview .context li.previous
		{ padding-left: 20px; right: 80px; }

			.detailview .context li.previous a
			{ background: transparent url("/frontend_20/assets/img/icons/triangle_blue_left.gif") 10% 55% no-repeat; padding-left: 15px; }

			.information .detailview .context li.previous a
			{ background-image: url("/frontend_20/assets/img/icons/triangle_green_left.gif"); }

		.detailview .context li.next
		{ right: 0; }

			.detailview .context li.next a
			{ background: transparent url("/frontend_20/assets/img/icons/triangle_blue_right.gif") 93% 55% no-repeat; padding-right: 15px; }

			.information .detailview .context li.next a
			{ background-image: url("/frontend_20/assets/img/icons/triangle_green_right.gif"); }

	/* vcard */
	.detailview .vcard
	{ overflow: hidden; margin-bottom: 20px; padding: 5px 0; }

	* html .detailview .vcard
	{ height: 1px; overflow: visible; }

		.detailview .vcard .photo
		{ float: left; }

			.detailview .vcard .photo img
			{ width: 220px; }

		.detailview .vcard table
		{ float: left; margin-left: 35px; width: 525px; }

		.detailview .vcard table td
		{ width: 28%; }

		.information .detailview .vcard table
		{ margin-left: 0; width: 400px; }

			.detailview .vcard table caption,
			.detailview .vcard table thead
			{ display: none; }

				.detailview .vcard table tbody th
				{ color: #999; font-size: 90%; line-height: 120%; }

				.detailview .vcard table tbody td
				{ line-height: 120%; }

					.medischeinformatie .detailview .vcard table tbody td a,
					.patienteninformatie .detailview .vcard table tbody td a
					{ color: #529c10; }

						.detailview .vcard table tbody td ul
						{ list-style-type: none; margin: 0; }

						.detailview .vcard table tbody td ul li
						{ background: transparent url("/frontend_20/assets/img/icons/triangle_blue_right.gif") 0 4px no-repeat; padding-left: 10px; }

						.information .detailview .vcard table tbody td ul li
						{ background-image: url("/frontend_20/assets/img/icons/triangle_green_right.gif"); }

		.detailview .vcard .location
		{ float: left; margin: 5px 0 0 5px; }

			.detailview .vcard .location dt
			{ color: #999; font-size: 90%; font-weight: bold; margin-bottom: 2px; }

			.detailview .vcard .location dd
			{}

	/* tab */
	.detailview .tab_container
	{ margin-bottom: 20px; }

	.detailview .tab
	{}

		.detailview .tab fieldset
		{ background-color: #dae7ee; border: 1px solid #ccc; margin-bottom: 20px; padding: 8px; }

			.detailview .tab fieldset legend
			{ display: none; }

			.detailview .tab fieldset label
			{ font-weight: bold; }

			* html .detailview .tab fieldset label
			{ position: relative; top: -3px; }

			* + html .detailview .tab fieldset label
			{ position: relative; top: -3px; }

			.detailview .tab fieldset select
			{ margin-left: 5px; }

			.detailview .tab fieldset input
			{ vertical-align: bottom; }

			* html .detailview .tab fieldset input
			{ margin-top: -2px; }

			* + html .detailview .tab fieldset input
			{ margin-top: -2px; }

		.detailview .tab h2
		{ display: none; }

		.detailview .tab h3
		{ border-bottom: 1px solid #3492c4; clear: right; color: #3492c4; margin-bottom: 10px; padding: 10px 8px 8px 0; }

		.information .detailview .tab h3
		{ border-bottom: 1px solid #8b3; color: #529c10; }

		.patienteninformatie .detailview .tab h3
		{ display: none; }

		.detailview .tab table
		{ margin-bottom: 20px; width: 100%; }

			.detailview .tab table caption
			{ display: none; font-weight: bold; padding: 8px; }

			.detailview .tab table.showcaption caption
			{ display: block; }

			.detailview .tab table thead,
			.detailview .tab table tfoot
			{ display: none; }

			.detailview .tab table.showheaders thead
			{ display: table-header-group; }
			
			.detailview .tab table.showfooter tfoot
			{ display: table-footer-group; border-top: 1px solid #c5edfe  }

				.detailview .tab table thead th
				{ background-color: #c5edfe; padding: 8px; vertical-align: bottom; }

				.detailview .tab table tfoot th
				{ /*background-color: #c5edfe;*/ padding: 8px; vertical-align: bottom; font-weight: normal; color: #999; }


			.detailview .tab table tbody
			{}

				.detailview .tab table tbody th
				{ font-weight: normal; line-height: 14px; padding: 8px; width: 30%; }

				.detailview .tab table.twocolumn tbody th
				{ background-color: #f2fafd; font-weight: normal; line-height: 14px; padding: 8px; }

				.detailview .tab table.twocolumn tbody th.header
				{ background-color: #c1e5f7; border-top: 1px solid #acacac; font-weight: bold; }

				.detailview .tab table.twocolumn tbody th.subheader
				{ background-color: #fff; border-bottom: 1px solid #acacac; border-top: 1px solid #acacac; }

				.detailview .tab table tbody tr th.header,
				.detailview .tab table tbody tr.odd th.header
				{ font-weight: bold; }

					.detailview .tab table tbody th .termpopup
					{ border-bottom: 0; }

				.detailview .tab table tbody td
				{ line-height: 14px; padding: 11px 8px; width: 70%; vertical-align: bottom;}

				.detailview .tab table.twocolumn tbody td
				{ border-left: 1px solid #acacac; line-height: 14px; padding: 8px; }

				.detailview .tab#prijzen table tbody td
				{ border-left: 1px solid #acacac; }

					.information .detailview .tab table tbody td a
					{ color: #529c10; }

					.detailview .tab table tbody td span
					{ color: #999; font-size: 90%; }


					.detailview .tab table tbody td span.score { 	
							display: block;
							float: left;
							width: 20px;
							text-align: right;
							color: #333; 
							font-size: 190%; 
							margin-right: 10px; 
							line-height: 1em;
					}

					.detailview .tab table tbody td span.scale
					{ color: #999; font-size: 140%; margin-right: 10px; }



					.detailview .tab table tbody td .negative
					{ background: transparent url("/frontend_20/assets/img/icons/negative.gif") 0 2px no-repeat; color: #666; font-size: 100%; padding-left: 18px; }

					.detailview .tab table tbody td .positive
					{ background: transparent url("/frontend_20/assets/img/icons/positive.gif") 0 2px no-repeat; color: #666; font-size: 100%; padding-left: 18px; }

					.detailview .tab table tbody dl
					{ margin-bottom: 15px; }

						.detailview .tab table tbody dl dt
						{ padding: 1px; font-weight: bold; }

						.detailview .tab table tbody dl dd
						{ margin-left: 10px; padding: 1px; }

					.detailview .tab table tbody ul
					{ list-style-type: none; margin: 0; }

						.detailview .tab table tbody ul li
						{ background: transparent url("/frontend_20/assets/img/icons/triangle_blue_right.gif") 0 4px no-repeat; padding-left: 10px; }

						.information .detailview .tab table tbody ul li
						{ background-image: url("/frontend_20/assets/img/icons/triangle_green_right.gif"); }

				.detailview .tab table tbody td.toelichting
				{}

					.detailview .tab table tbody td.toelichting span
					{ color: #3492c4; font-size: 100%; font-weight: bold; }

					* html .detailview .tab table tbody td.toelichting span
					{ padding-left: 17px; }

					* + html .detailview .tab table tbody td.toelichting span
					{ padding-left: 17px; }

						.detailview .tab table tbody td.toelichting span button
						{ background: transparent url("/frontend_20/assets/img/icons/collapse_bluewhite.gif") 0 -68px no-repeat; border: 0; color: #3492c4; float: left; font-weight: bold; height: 14px; margin-right: 5px; text-indent: -999px; width: 12px; }

						.detailview .tab table tbody td.toelichting span label
						{ cursor: pointer; }

						* html .detailview .tab table tbody td.toelichting span button
						{ margin-top: -14px; }

						* + html .detailview .tab table tbody td.toelichting span button
						{ margin-top: -14px; }

						.detailview .tab table tbody td.toelichting span button.expanded
						{ background-position: 0 2px; }

					.detailview .tab table tbody td.toelichting .toelichtingstekst
					{}

				.detailview .tab table.fourcolumn th,
				.detailview .tab table.fourcolumn td
				{ width: 25% !important; }

				.detailview .tab table.fivecolumn th,
				.detailview .tab table.fivecolumn td
				{ width: 20% !important; }

				.detailview .tab table tbody tr.odd th,
				.detailview .tab table tbody tr.odd td
				{ background-color: #f0f9fd; }

				.information .detailview .tab table tbody tr.odd th,
				.information .detailview .tab table tbody tr.odd td
				{ background-color: #eff6e4; }
				
				.detailview .kwaliteit .tab_container table tbody td {
					width: 20%;
				}

		.detailview .footer
		{ color: #a0a0a0; }

	/* kwaliteit */
	.detailview .kwaliteit
	{}

		.detailview .kwaliteit .explanation
		{ clear: both; padding: 5px; text-align: right; }

		.detailview .kwaliteit table
		{ margin-bottom: 0; }

			.detailview .kwaliteit table tbody th
			{ width: 80%; }

			.detailview .kwaliteit table tbody td
			{ text-align: right; width: 20%; }

			.detailview .kwaliteit table tbody td.measure_date
			{ background-color: #f9f9f9; border-top: 1px solid #ccc; margin-top: 10px; padding: 4px 8px; text-align: left; width: 100%; }

				.detailview div.tab table tbody tr img
				{ }

		.detailview .kwaliteit .legend
		{ float: right; font-size: 90%; margin-right: 18px; }

		.detailview .kwaliteit p.empty 
		{ padding: 8px; margin: 0; }

		.detailview .kwaliteit .ervaringen
		{ width: 260px; }

		.detailview .kwaliteit .zorggegevens
		{ width: 370px; }

			.detailview .kwaliteit .legend caption
			{ border-bottom: 1px solid #dae7ee; display: block; padding: 4px 2px; width: 127%; }
			
			 .ie7 .detailview .kwaliteit .legend caption,
			 .ie8 .detailview .kwaliteit .legend caption,
			 .ie9 .detailview .kwaliteit .legend caption
			 { width: 100%; }

			.detailview .kwaliteit .legend thead
			{ display: none; }

				.detailview .kwaliteit .legend tbody th
				{ padding: 1px; }

				.detailview .kwaliteit .legend tbody td
				{ padding: 1px; }

		.detailview .kwaliteit h2
		{ margin-bottom: 20px; }

		.detailview .kwaliteit .tab h4
		{ display: none; }

		.detailview .kwaliteit button
		{ margin-top: -44px; }

		.detailview .kwaliteit p
		{ clear: both; }

		.detailview .kwaliteit .directietoelichting
		{ border-bottom: 1px solid #3492c4; line-height: 130%; padding: 8px; width: 742px !important; }

			.detailview .kwaliteit .directietoelichting p
			{ margin: 0; }

		.detailview .kwaliteit .simple
		{}

			.detailview .kwaliteit .simple tbody th
			{ width: 20%; }

			.detailview .kwaliteit .simple tbody td
			{ text-align: left; width: 80%; }

		.detailview .totaaloverzicht .legend
		{ float: right; margin-left: 20px; margin-right: 0; }

		.detailview .totaaloverzicht .overzicht
		{ border-bottom: 1px solid #dae7ee; margin: 20px 0; }

			.detailview .totaaloverzicht .overzicht thead
			{ display: table-header-group; }

				.detailview .totaaloverzicht .overzicht tbody tr th
				{ background-color: #f9f9f9; width: auto; }

				.detailview .totaaloverzicht .overzicht tbody tr.odd th
				{ background-color: #f4f4f4; }

				.detailview .totaaloverzicht .overzicht tbody tr td
				{ border-left: 1px solid #dae7ee; text-align: center; vertical-align: middle; width: 140px; }


		.detailview .tab .truncate
		{ border: 1px solid #9cb6c4; width: 100%;}

		.detailview .tab .switch
		{ border: 1px solid #9cb6c4; border-top-color: #fff; float: right; font-size: 100%; margin-bottom: 10px; margin-right: 20px; margin-top: -1px; padding: 2px 8px; }

		.detailview .tab .metadata
		{ clear: both; color: #a0a0a0; line-height: 130%; }
    
    .detailview .kwaliteit .metadata {
		margin: 0 3px 3px 3px;
		background-color: #F0F0F0;
		border-top: 1px solid #CCC;
		color: #333;
		padding: 4px 8px;
    }
    
    
      .detailview .tab .metadata h3,
			.detailview .tab .metadata h4
			{ display: none; }

			.detailview .tab .metadata dl
			{ overflow: hidden; margin-bottom: 3px; clear: both; }

				.detailview .tab .metadata dl dt
				{ float:left;clear:left;margin-right:4px;}

				.detailview .tab .metadata dl dd
				{ }
				
					.ie7 .detailview .tab .metadata dl dd abbr {
						position: relative;
						top: 3px;
					}