/*
Wilbert Corts, 31-03-2010
Css styles specifiek voor loketgezondleven. Overschrijven of complementeren de standaard rijksbreed styles.
Bij een update van de Rijksbrede styles dienen deze styles heroverwogen te worden. Elke style hier dus GOED documenteren!
*/

/* 
Oude Kleur definitie van CGL staat in Color.css Kleur palet 6:
 * @colordef		#900079; violet (full)				
 * @colordef		#e3b2da; violet (lighter)
 * @colordef		#f1d9ed; violet (lightest)

Nieuwe Kleur definitie van CGL staat in Color.css Kleur palet 6:
 * @colordef		#a90061; violet (full)				| 06
 * @colordef		#e5b2cf; violet (lighter)
 * @colordef		#f2d9e7; violet (lightest)	MK 20101203: alleen de lightest color is gebruikt in deze css
*/

/*Rare bug in de weergave van de tong op de homepage van kostenvan. Na afronden van project checken of dit nog nodig is.*/
.mod,
.tong
{
	margin-left:0;
}

/* Styling voor icoontjes op de Interventie-detailpagina. */
ul.iconenlijst{position:absolute; top:-0px; right:10px}
ul.iconenlijst,ul.iconenlijst li{list-style:none; list-style-image:none; background-image:none; padding:0;}
ul.iconenlijst li{float:left;}
ul.iconenlijst li img{margin-left:15px}

/*De volgende styles zijn toegevoegd om de webusercontrols uit het idatabaseproject te stylen.*/
/*Vrij zoeken*/
#FreeSearch .text
{
	margin-bottom:10px;
}
#FreeSearch table
{
	margin-bottom:10px;
}
#FreeSearch td
{
	width:33%;
}
#FreeSearch .inclusief_bijlagen,
#FreeSearch .submit
{
	margin-bottom:10px;
}
/*In / uitklappen*/
.searchOpen,
.searchClose
{
	width:100%;
	padding:3px 10px 3px 20px;
	background:url("skin/arrows_foldable.png") no-repeat scroll right -376px #f2d9e7;
	border:1px solid #f2d9e7;
	color:#000;
	text-align:left;
	font-weight:bold;
}
.searchClose
{
	background-image:url("skin/arrows_foldable.png");
}
.pnlMain
{
	border:1px solid #f2d9e7;
	padding:6px;
}
.pnlSubkopje
{
	margin-bottom:10px;
	clear:both;
}
#srch_cntnr h5
{
	padding-top:10px;
}
.SearchAttribute h4
{
	clear:both;
}
.SearchAttribute
{
	margin-top:10px;
	clear:both;
}
/*Multiplechoice*/
.MultipleChoiceList
{
	margin:0;
}
.MultipleChoiceList td
{
	width:33%;
	background-color:Transparent;
	padding:0;
	margin:0;
}
/*Thema*/
.cbLeft
{
	float:left;
	display:inline-block;
	width:50%;
	height:100%;
	min-height:22px;
}
.cbRight
{
	float:right;
	display:inline-block;
	width:50%;
	height:100%;
	min-height:22px;
}
/*Leeftijd*/
.pnlSubkopje>h5
{
	text-align:left;
}
.rb3Col
{
	float:left;
	display:inline-block;
	width:32%;
	height:100%;
	min-height:22px;
    text-align: left;
}
/*Radiobuttons*/
.pnlGeoFilter
{
	border:1px solid #f2d9e7;
}
.pnlGeoFilter td
{
	background-color:Transparent;
}
/*Datum*/
.Date 
{
	clear:both;
}
.Date .lblDate
{
	display:block;
	width:9em;
	float:left;
}
.Date .txtDate
{
	float:left;
	width:7em;
}
.Date .lblDateMask
{
	display:block;
	width:7em;
	float:left;
	margin-right:20px;
}
/*Zoekknop*/
.btnSearchContainer
{
	clear:both;
	padding-top:10px;
}
/*Zoeken*/
#ctl00_CPHContent_Zoeken1_pnlTrefwoorden img
{
	margin:0;
}
#ctl00_CPHContent_Zoeken1_pnlTrefwoorden a 
{
	padding-right:4px;
}
/*Aanbevolen interventies: http://productie.loketgezondleven.nl/gezondeschool/interventieoverzichten/basisonderwijs/aanbevolen/*/
/* MK: Te verwijderen na publicatie interactieve interventieoverzichten?? */
.nw_table th
{
	padding:0 3px 0 3px;
}
.nw_table th p
{
	padding:0;
	margin:0;
}
/*Extra voor planmatigHome*/
.wucPlanMatigHomeReaction div.form_ll p label
{
	width:100%;
}
.wucPlanMatigHomeReaction div.form_ll li div label
{
	width:auto;
}
/*Extra voor de zoekpagina*/
#ctl00_CPHContent_Zoeken1_Panel1,
#ctl00_CPHContent_Zoeken1_pnlResults
{
	float:left;
	width:45%;
	padding-left:2%;
	padding-right:2%;
}
#ctl00_CPHContent_Zoeken1_Panel1 .trefwoorden_pane
{
	padding-top:30px;
}
#ctl00_CPHContent_Zoeken1_pnlResults
{
	margin-top:71px;
}
#ctl00_CPHContent_Zoeken1_NWGrid1 table td
{
	width:15px;
}
.chosenSubject
{
	width:150px;
	float:left;
	margin-bottom:8px;
}
.chosenValue
{
	float:left;
	width:500px;
	margin-bottom:8px;
}

/*Speciaal voor verkeerde ul weergave in de Interventie detailpagina*/
#interventieTabel p {margin-bottom:0.2em; }
#interventieTabel li {margin-bottom:0; }
.interventieTabel ul ul,  .interventieTabel ul ul ul
	{
		font-size:100%;
	}
.interventieTabel .onderdeelHeader th 
{ font-weight: bold;
  background-color: #f2d9e7; }

/* Interventie Detail arrow background for list */
.interventieTabel ul li 
{ background:url("skin/arrow_right.png") no-repeat scroll left 0.6em transparent; }


/*footer een margin geven*/
#btnInterventionBack
{
	background-color:#deebe3;
	height:1.7em;
	border:1px solid #000;
}
.form_nw_app .submit
{
margin-top:5px;
margin-bottom:5px;
}

.nw_control_user_feedback .form_nw_app ol,
.wucPlanMatigHomeReaction .form_nw_app ol
{
	margin-left:0 !important;
}
.wucPlanMatigHomeReaction .form_nw_app fieldset,
.nw_control_user_feedback .form_nw_app fieldset
{
	margin-right: 0px;
}
/*uitlijnen radiobuttons*/
.form_nw_app .rbtScore 
{
	float:left;
}
.form_nw_app .rbtScore label 
{
	width:20px;
}

/* MK: Interactieve Interventieoverzichten Start */
/* Algemene styles */
.hide {display: none;}

/* overzichtenlijst */
ul.overzichtenlijst {
    list-style-type: none;
    margin-bottom: 5em; }
ul.overzichtenlijst li {
    float:left;
    margin-left:0;
    margin-right:20px;
    max-width:35%;
    background:none;
	padding: 2px 0; }
ul.overzichtenlijst a:link, ul.overzichtenlijst a:visited { 
    text-decoration: underline; 
	padding: 2px 0;}
ul.overzichtenlijst a.active {
    font-weight: bold; 
    text-decoration: none; 
    background-color: #f2d9e7; }
    
/* Filter interventies op basis van Pijlers of Organisaties */
div.filterinterventies { 
	clear: both; 
	margin-bottom: 30px; } 
/* inline checkboxes */
div.filterinterventies legend {
    display:none; }
 div.filterinterventies fieldset.pijlers li {
    float:left;
    max-width:20%;
    margin-right:0px;
    padding-left:1.4em;
    padding-right:2em;
    text-indent:-1.4em;
    background: none; }
/* Knoppen */
div.filterinterventies input.submit {
    background:none repeat scroll 0 0 #DEEBE3;
    border:1px solid #000000;
    color:#000000;
    cursor:pointer;
    font-weight:bold;
    margin:0;
    padding:0.4em 1em; }
div.filterinterventies div.orgs_buttons input.submit{
    padding:0 0 0px;
    font-size:1.5em;
    width:50px; }

.organisaties h4{
    clear:both;
    font-size:90%;
    margin-top:5px; }

/* Organisatie selectie */
div.toon_overzicht {
	display: none; }
    
/*.organisaties */
.zoekorg {margin-bottom:5px;}
.zoekorg input {margin-left:5px;}

/* positionering divs met lijsten en knoppen */
div.orgs {float:left;  }
div.orgs_buttons {
	float:left; 
	width:10%; 
	text-align:center; 
	vertical-align: middle; 
	padding-top: 70px; 
	position:relative; }
div.selectedorgs {float:left; }

div.orgs, div.selectedorgs { 
    border-color: #e1e1e1; 
    border-style: solid; 
    border-width: 1px;
    width:40%; }
div.orgs div, div.selectedorgs div {
    position:relative;
    overflow:auto;
    height:200px;
    padding-left: 15px;
    text-indent:-25px; }
div.orgs div ul.orgs, div.selectedorgs div ul.orgs {
	list-style-type: none !important; }
div.orgs div ul.orgs li, div.selectedorgs div ul.orgs  li {
	background: none !important; }

/* info-message */
.info-message-open, .info-message-close {
	background-color:#FEF1BC;
	color:#000000;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	height:1.4em;
    width:1.4em; }
.info-message-open {
    border:1px solid #000000; }
.info-message-close {
    float: right;
    border: none;
    position:absolute;
    right:0;
    top:0; }
.info-message {
	color:#000000;
	cursor:pointer;
	line-height:1.3;
	position:absolute;
	padding:5px;
	margin:0;
	text-align:left;
	text-decoration:none;
	top:-40px;
	width:300px; }
.info-message-background { background-color:#FEF1BC; }
	

/* organisatielijst (geselecteerde organisaties voor het overzicht) */	
div.organisatielijst ul , div.interventielijst > ul {
    list-style-type:square; 
    list-style-position:inside;
	margin-bottom: 20px; }
div.organisatielijst ul li , div.interventielijst > ul li {
	background: none; }

/* Melding geen resultaat */
div.interventielijst p,div.interventielijst span {
	display:block;
	margin-bottom:20px; }

/* interventielijst (table) */
div.interventielijst table { 
	margin-top:20px; 
	width: 100%; 
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	table-layout: fixed;}  
div.interventielijst table caption { display:none; }
div.interventielijst table th { font-weight:bold; }
div.interventielijst table th, div.interventielijst table td  {
    padding:2px 5px 2px 2px; 
	border: 1px solid white; 
    vertical-align:top;
	text-align:left; }
div.interventielijst table td.leeftijd,
	div.interventielijst table td.erkenning {  text-align: center; }

/* lijsten in tabel */
div.interventielijst table ul {
	list-style-type: none;
	list-style-position: outside;
	font-size:100%; 
	margin: 0;
	padding:0;
	line-height:1.5; }
div.interventielijst table ul li { 
    margin: 0;
    padding: 0;
    /* display: inline; padding-right: 5px; */
    background: none; }

/* Kolom breedtes */
/* gschool_beide */
div.interventielijst table.gschool_beide th.naam, div.interventielijst table.gschool_beide td.naam {width: 15%;}
div.interventielijst table.gschool_beide th.eigenaar, div.interventielijst table.gschool_beide td.eigenaar {width: 15%;}
div.interventielijst table.gschool_beide th.thema, div.interventielijst table.gschool_beide td.thema {width: 15%;}
div.interventielijst table.gschool_beide th.doel, div.interventielijst table.gschool_beide td.doel {width: 20%;}
div.interventielijst table.gschool_beide th.doelgroep, div.interventielijst table.gschool_beide td.doelgroep {width: 10%;}
div.interventielijst table.gschool_beide th.pijler, div.interventielijst table.gschool_beide td.pijler {width: 10%;}
div.interventielijst table.gschool_beide th.erkenning, div.interventielijst table.gschool_beide td.erkenning {width: 6%;}

/* ggemeente_aanbevolen */
div.interventielijst table.ggemeente_aanbevolen th.pijlerheader, div.interventielijst table.ggemeente_aanbevolen td.pijlerheader {width: 10%;}
div.interventielijst table.ggemeente_aanbevolen th.naam, div.interventielijst table.ggemeente_aanbevolen td.naam {width: 12%;}
div.interventielijst table.ggemeente_aanbevolen th.eigenaar, div.interventielijst table.ggemeente_aanbevolen td.eigenaar {width: 12%;}
div.interventielijst table.ggemeente_aanbevolen th.doel, div.interventielijst table.ggemeente_aanbevolen td.doel {width: 18%;}
div.interventielijst table.ggemeente_aanbevolen th.setting, div.interventielijst table.ggemeente_aanbevolen td.setting {width: 13%;}
div.interventielijst table.ggemeente_aanbevolen th.leeftijd, div.interventielijst table.ggemeente_aanbevolen td.leeftijd {width: 6%;}
div.interventielijst table.ggemeente_aanbevolen th.doelgroep, div.interventielijst table.ggemeente_aanbevolen td.doelgroep {width: 13%;}
div.interventielijst table.ggemeente_aanbevolen th.erkenning, div.interventielijst table.ggemeente_aanbevolen td.erkenning {width: 6%;}

/* ggemeente_organisatie */
div.interventielijst table.ggemeente_organisatie th.naam, div.interventielijst table.ggemeente_organisatie td.naam {width: 15%;}
div.interventielijst table.ggemeente_organisatie th.eigenaar, div.interventielijst table.ggemeente_organisatie td.eigenaar {width: 15%;}
div.interventielijst table.ggemeente_organisatie th.doel, div.interventielijst table.ggemeente_organisatie td.doel {width: 20%;}
div.interventielijst table.ggemeente_organisatie th.setting, div.interventielijst table.ggemeente_organisatie td.setting {width: 15%;}
div.interventielijst table.ggemeente_organisatie th.leeftijd, div.interventielijst table.ggemeente_organisatie td.leeftijd {width: 6%;}
div.interventielijst table.ggemeente_organisatie th.doelgroep, div.interventielijst table.ggemeente_organisatie td.doelgroep {width: 15%;}
div.interventielijst table.ggemeente_organisatie th.erkenning, div.interventielijst table.ggemeente_organisatie td.erkenning {width: 6%;}

/* gouderen_beide */
div.interventielijst table.gouderen_beide th.naam, div.interventielijst table.gouderen_beide td.naam {width: 15%;}
div.interventielijst table.gouderen_beide th.eigenaar, div.interventielijst table.gouderen_beide td.eigenaar {width: 15%;}
div.interventielijst table.gouderen_beide th.doel, div.interventielijst table.gouderen_beide td.doel {width: 20%;}
div.interventielijst table.gouderen_beide th.thema, div.interventielijst table.gouderen_beide td.thema {width: 15%;}
div.interventielijst table.gouderen_beide th.setting, div.interventielijst table.gouderen_beide td.setting {width: 15%;}
div.interventielijst table.gouderen_beide th.erkenning, div.interventielijst table.gouderen_beide td.erkenning {width: 6%;}

/* gwerk_beide */
div.interventielijst table.gwerk_beide th.naam, div.interventielijst table.gwerk_beide td.naam {width: 15%;}
div.interventielijst table.gwerk_beide th.eigenaar, div.interventielijst table.gwerk_beide td.eigenaar {width: 15%;}
div.interventielijst table.gwerk_beide th.thema, div.interventielijst table.gwerk_beide td.thema {width: 15%;}
div.interventielijst table.gwerk_beide th.doel, div.interventielijst table.gwerk_beide td.doel {width: 25%;}
div.interventielijst table.gwerk_beide th.doelgroep, div.interventielijst table.gwerk_beide td.doelgroep {width: 19%;}
div.interventielijst table.gwerk_beide th.setting, div.interventielijst table.gwerk_beide td.setting {width: 15%;}
div.interventielijst table.gwerk_beide th.erkenning, div.interventielijst table.gwerk_beide td.erkenning {width: 6%;}

/* ziekten_diabetes_beide */
div.interventielijst table.ziekten_diabetes_beide th.gerichtop, div.interventielijst table.ziekten_diabetes_beide td.gerichtop {width: 12%;}
div.interventielijst table.ziekten_diabetes_beide th.naam, div.interventielijst table.ziekten_diabetes_beide td.naam {width: 15%;}
div.interventielijst table.ziekten_diabetes_beide th.eigenaar, div.interventielijst table.ziekten_diabetes_beide td.eigenaar {width: 12%;}
div.interventielijst table.ziekten_diabetes_beide th.doel, div.interventielijst table.ziekten_diabetes_beide td.doel {width: 26%;}
div.interventielijst table.ziekten_diabetes_beide th.specifiekedoelgroep, div.interventielijst table.ziekten_diabetes_beide td.specifiekedoelgroep {width: 15%;}
div.interventielijst table.ziekten_diabetes_beide th.leeftijd, div.interventielijst table.ziekten_diabetes_beide td.leeftijd {width: 6%;}
div.interventielijst table.ziekten_diabetes_beide th.erkenning, div.interventielijst table.ziekten_diabetes_beide td.erkenning {width: 6%;}

/* gwijk_beide */
div.interventielijst table.gwijk_beide th.naam, div.interventielijst table.gwijk_beide td.naam {width: 12%;}
div.interventielijst table.gwijk_beide th.eigenaar, div.interventielijst table.gwijk_beide td.eigenaar {width: 14%;}
div.interventielijst table.gwijk_beide th.thema, div.interventielijst table.gwijk_beide td.thema {width: 12%;}
div.interventielijst table.gwijk_beide th.doel, div.interventielijst table.gwijk_beide td.doel {width: 23%;}
div.interventielijst table.gwijk_beide th.doelgroep, div.interventielijst table.gwijk_beide td.doelgroep {width: 15%;}
div.interventielijst table.gwijk_beide th.pijler, div.interventielijst table.gwijk_beide td.pijler {width: 10%;}
div.interventielijst table.gwijk_beide th.methode, div.interventielijst table.gwijk_beide td.methode {width: 8%;}
div.interventielijst table.gwijk_beide th.erkenning, div.interventielijst table.gwijk_beide td.erkenning {width: 6%;}

/* Table background-color */
div.interventielijst table {background-color: #E1E1E1; }
/* odd/even row colors in type.css */
/* Hover color */
div.interventielijst tbody tr:hover td { background-color: #f2d9e7 }

/*  Legenda  */
div.legenda {
    float:right;
    width: 25%;
    border:1px solid #CCCCCC;
    padding:4px 10px 2px; }
div.legenda dl{
    padding: 0;
    display:block; }
div.legenda dt {
    display:block;
    clear:both;
    float:left;
    width:10%; 
    text-align: right; 
    margin-right: 2%; }
div.legenda dd {
    display:block;
    float:left;
    margin:0;
    width:88%; }

/* Themas */
div.themas ul li {
    float:left;
    margin-right:0px;
    max-width:20%;
    padding-left:1.4em;
    padding-right:3em; }

/* MK  End */