/* (c) BELASTINGDIENST 
 * Domein	:	Toeslagen.nl 
 * Module	: 	
 * File		:	content-ih.css
 * versie	:	1.0
 */
/**************************************************************************************************/

@import "../../css/main-ih_nieuwe_stijl.css";
@import "start.css";

/** switch between nieuwe stijl and fallback */
#divContainer.nieuwe-stijl .label-fallback { display: none !important; }
#divContainer.fallback .label-nieuwe-stijl { display: none !important; }

/* Versie-nummer tonen tijdens test-traject*/
#divVersie {display: none;}

/*.clTopClose  {cursor: move;}*/

/* Fieldsets */
.clInpBedrag {width:4em;}
.clSelAantal {width:3em;}
.clRadioBtn { margin-left: 0; }

/* common */
.visible { display: block !important; }
.invisible { display: none !important; }
.hidden { visibility: hidden !important; }
legend { position: static; }
/* .inputDisabled { color: #333333; } */


#divVragen .clResult		{
	/* mdb: toegevoegd ivm witte border tussenresultaat */
	margin: 1em -1em;
	padding: 1em;
	border: 2px solid white; border-width: 2px 0px;
}

/* als visible op divContainer aan staat, dan het hele formulier tonen (debug) */
#divContainer.visible .block, #divContainer.visible .input  { display: block !important; }

fieldset legend span { font-weight: bold; }

#fsIntroductie #selectJaar {width: 10em; font-size:1em; line-height: 1.5em;}
#fsIntroductie #keuze-toeslagen .alle-toeslagen { margin-bottom: .5em !important; }
#fsIntroductie .checkbox-sublist {
	margin-left: 1.2em;
}

#keuze-toeslagen-extra { margin: 0px; margin-top: 1em; }

#fsAanvrager label { float: left; width: 495px; }
#fsAanvrager select { float: left; width: 5em; }
#fsAanvrager label.radio { float: none !important; width: inherit; }
#fsAanvrager #aanvrager-woonland label { width: 39em; }
#fsAanvrager #aanvrager-woonland select { width: 14em; }
#fsAanvrager #aanvrager-inkomen-nl label { width: 18em; }
#fsAanvrager #aanvrager-inkomen-nl select {  width: 30em; }
#fsAanvrager #aanvrager-toetsingsinkomen label { width: 484px; }
#fsAanvrager #aanvrager-toetsingsinkomen input { width: 5em; }

#fsToeslagpartner label { float: left; width: 495px; }
#fsToeslagpartner select { width: 5em; }
#fsToeslagpartner label.radio { float: none !important; width: inherit; }
#fsToeslagpartner #toeslagpartner-toetsingsinkomen label { width: 484px; }
#fsToeslagpartner #toeslagpartner-toetsingsinkomen input { width: 5em; }
#fsToeslagpartner #toeslagpartner-woonland label { width: 39em; }
#fsToeslagpartner #toeslagpartner-woonland select { width: 14em; }
#fsToeslagpartner #toeslagpartner-inkomen-nl select { margin-left: 7em; width: 41em; }

#fsGezamenlijk  label {float: left; width: 495px; }
#fsGezamenlijk  .gezamenlijk-werkuren input { width: 5em; }
#fsGezamenlijk  .gezamenlijk-minst-werkende select { width: 140px; }

#fsKinderen label { float: left; width: 490px; }
#fsKinderen select { width: 5em; }
#fsKinderen label.radio { float: none !important; width: inherit; }
#fsKinderen .kind-kinderopvang label { width: 8em ; }
#fsKinderen .kind-kinderopvang input { width: 6em ; }
#fsKinderen .select-opvang-vorm {float:left; width: 12em; margin-right:3em;}
#fsKinderen .label-opvang-vorm {float:left; width: 15em !important;}
#fsKinderen .label-aantal-uren {float:left; width: 8em !important;}
#fsKinderen .label-uurprijs {float:left; width: 15em !important;}
#fsKinderen .label-input-uurprijs {float:left; width: 10em !important;}
#fsKinderen .select-with-other select { float: left; width: 10em; }
#fsKinderen .select-with-other label { width: 37.7em; padding-right:.5em; }
#fsKinderen .select-with-other input { /*float: left; */width: 5em; }
#fsKinderen .select-with-other .other.visible { display: inline !important; }

#fsKinderen .kind-woonsituatie label, #fsKinderen .kind-opvang  label {width: 490px; }
#fsKinderen .kind-woonsituatie select, #fsKinderen .kind-opvang select { width: 140px; }

#fsWoning label { float: left; width: 495px; }
#fsWoning select { width: 5em; }
#fsWoning label.radio { float: none !important; width: inherit; }
#fsWoning input.clInputInkomen { width: 5em; }
#fsWoning #woning-halfjaar label { width: 36.1em; }
#fsWoning #woning-halfjaar select { width: 17em; }
#fsWoning #woning-medebewoners label { width: 495px; }

#fsMedebewoner label { float: left; width: 495px; }
#fsMedebewoner select { width: 5em; }
#fsMedebewoner label.radio { float: none !important; width: inherit; }
#fsMedebewoner input.clInputInkomen { width: 5em; }
#fsMedebewoner .kind-kinderopvang label { width: 14em ; }
#fsMedebewoner .kind-kinderopvang input { width: 6em ; }
#fsMedebewoner .select-with-other select { float: left; width: 5em; }
#fsMedebewoner .select-with-other label { width: 36em; }
#fsMedebewoner .select-with-other input { float: left; width: 5em; }
#fsMedebewoner .medebewoner-geboortejaar-toetsingsinkomen p { overflow: hidden; }
#fsMedebewoner .lbl-medebewoner-toetsingsinkomen {width:46.7em;}

#fsMedebewoner .medebewoner-toetsingsinkomen { 
float: right;
}

#fsMedebewoner fieldset { 
	padding-left: 0px; 
	margin-top: 0px !important; 
}
	* html #fsMedebewoner fieldset {margin-top: 1em !important;}
	*:first-child+html #fsMedebewoner fieldset {margin-top: 1em !important;}


#fsMedebewoner fieldset legend {
	margin-bottom: 1.7em; 

}
	* html #fsMedebewoner fieldset {margin-bottom: 0em;}
	*:first-child+html #fsMedebewoner fieldset {margin-bottom: 0em;}

/** expandable input sets **/
#fsKinderen .expandable-input-set .button-add,
#fsKinderen .expandable-input-set .button-remove { 
	width: auto;
	overflow: visible;
	padding: 0.3em .25em 0em .25em;
	font-size: 90%;
}

/* noot: overflow: auto zorgt ervoor dat container element om de floats heen gaat */
.input { overflow: auto; margin-bottom: 1em !important; }
#keuze-toeslagen .input, #keuze-toeslagen .visible { margin-bottom: 0em !important; }

/* totalen in resultaten */
#resultaten .clSummary h2 { font-size: 13.2px; }
#resultaten .clSummary p.label { z-index: 2; float: left; width: 21em; }
#resultaten .clSummary table.overview { 
	margin-top: -0.5em; 
	margin-left: 22em; 
	background-color: transparent !important; 
	width: 27em;
}
#resultaten .clSummary table.overview td { 
	vertical-align: top; 
	border: 0px; 
	background-color: transparent !important; 
}
#resultaten .clSummary table.overview .total { border-top: 1px solid #666555; }

#resultaten .clResult table .currency { text-align: right; }

.clResult .clUitkomst h2 { margin-top: 0px !important; }

/* samenvatting */
.clResult.clSummary { border: 2px solid #666555; padding: 0.5em;}

#eindresultaat-samenvatting-toeslagen, #eindresultaat-samenvatting-geen-toeslagen { 
	border: none;
	margin-bottom: .5em; 
}

/* mdb, 2011 */
#eindresultaat-kinderopvangtoeslag-alle-overige-gevallen table {
/*	border: 1px solid #f0d0d1;*/
	width: 25%;
}

.clTiLink {clear: left; width: 405px !important;}

#divContent table {
	font-size: .7em !important;
	line-height: 1.5em;
}
#resultaten table {
	border-collapse: collapse;
}

#log {
	display: none;
	position: absolute;
	width:29%;
	left: 70%;
	top: 225px;
	border: 1px solid black;
	background-color: #ffffbb;
	z-index: 2;
	height: 500px;
	overflow-y: scroll;
}
#divVersie { margin-top: 40px; }


/** flow */
#tussenresultaten, #resultaten, .input, .block, .intermediate-result, .end-result, .tussenresultKGB { display: none; }
.tussenresultInFlow {border: 3px solid #B4524C; background-color: #F0D0D1; padding: .5em; margin-top: 1.5em; }

/** show all results */
#divContainer #resultaten.all-visible, #divContainer #resultaten.all-visible .end-result { display: block !important; }

/* links toetsingsinkomen */
#divContainer a.link-toetsingsinkomen.disabled {
	text-decoration: none;
}

/*#resultaten .clResult.end-result {
	margin-top: .5em;
	border-top: 6px solid #f0d0d1;
	padding-top: 0.5em;
}*/
/* mdb 20-12 overrule tbv 2px witte border ipv 6px roze border */
#resultaten .clResult.end-result {
	border-top: 2px solid #fff;
	margin: 0.5em -1em;
	padding: 0.5em 1em;
}

#eindresultaat-disclaimer-1 p, #eindresultaat-disclaimer-2 p {text-align:center;}

/* mdb 2011, uitbreiding */
.clUitkomstExtra .clUitroepteken {border-bottom: 2px solid white;}
form fieldset fieldset legend {font-weight:bold;}
.clUitkomst {padding: 0;}
#fsIntroductie p.input {overflow: hidden} /* om scrollbalken te voorkomen */

#fsMedebewoner legend {margin-bottom: 1em;} /* mdb: tbv IE, anders legend + content naast bovenliggende legend */
/*#eindresultaat-samenvatting-toeslagen {float: left; width: 100%;}*/ /*mdb, IE: onder ipv naast elkaar*/
#resultaten #eindresultaat-wijzigen-button-1.clResult.end-result {border: none;}

table.result-kinderopvang td {background-color: transparent;}

/* Einde Content */
/**************************************************************************************************/