/* ! CSS Reset 																																																					Copyright (c) 2009, Yahoo! Inc. All rights reserved.	Code licensed under the BSD License:	http://developer.yahoo.net/yui/license.txt		version: 2.7.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body, html {
	font-family:Arial, Verdana, sans;
	font-size:12px;
	background:#FFF;
	overflow:hidden;
}

strong {
	font-weight:bold;
}
div.clear {
	float:none;clear:both;
}
/* Container */
div.container {
	margin:0 auto;
}
a {
	color:#0099CC;
}
a:hover {
	color:#006699;
}
strong {
	font-weight:bold;
}

/* Container - horizontaal */
div.container.horizontaal {
	width:764px;
	/*margin-top:100px;*/
	height:395px;
	position:relative;
	padding-top:45px;
}
div.container.horizontaal h1 {
	display:none;
	padding-bottom:10px;
}
div.container.horizontaal div.tool {


}
div.container.horizontaal div.tabs {
	margin-right:-15px;
	height:38px;
	width:752px;
	position:absolute;
	left:0px;
	top:-38px;
	z-index:9;
}
div.container.horizontaal div.tabs ul {
	height:20px;
	width:770px;
}
div.container.horizontaal div.tabs ul li {
	position:relative;
	width:189px;
	float:left;
	height:38px;
}
div.container.horizontaal div.tabs ul li a {
	position:absolute;
	left:4px;
	top:4px;
	height:23px;
	width:132px;
	padding:11px 10px 0 37px;
	background:#666 url(images/tool2/tabs-bg.png) -199px -5px no-repeat;
	cursor:pointer;
	text-decoration:none;
	border:none;
	color:#000;
}
div.container.horizontaal div.tabs ul li.actief {
	width:198px;
	background:url(images/tool2/tabs-bg.png) 0px 0px no-repeat;
}
div.container.horizontaal div.tabs ul li.actief a {
	left:4px;	
	width:141px;
	padding:11px 10px 0 35px;
	border:solid 2px #666;	
	background:white;
	border-bottom:none;
	padding-bottom:-5px;
	height:23px;
	z-index:9;
}
div.container.horizontaal div.tabs ul li#tab_4.actief  {
	margin-left:-2px;
}
div.container.horizontaal div.tabs ul li span.nummer {
	/*background:url(images/tool/stap-cirkel.png) top  left no-repeat;*/
	position:absolute;
	left:8px;
	top:7px;
	height:15px;
	width:15px;
	padding:4px 3px;
	text-align:center;
}
div.container.horizontaal div.tabs ul li.actief span.nummer {
	top:7px;
}

/* Content - horizontaal */
div.container div#deco {
	display:none;
}
div.container.horizontaal div.content {
	position:relative;
	overflow:visible;
	color:#111;
	float:none;
	clear:both;
	height:389px;
	background:url(images/tool2/container-bg.png) bottom left no-repeat;
	padding:0px 5px 0 4px;
}
div.container.horizontaal div.content div.content-item {
	height:380px;
	float:left;
	display:none;
	border:solid 2px #666;
	background:#FFF url(images/tool2/content-bg.png) bottom left no-repeat;
	width:751px;
}
div.container.horizontaal div.content div.content-item.actief {
	display:block;
}
div.container.horizontaal div.content div.content-item div.inner {
	padding:12px;
	padding-right:16px;
	line-height:18px;
}



div.hoekje-algemeen {
	height:30px;
	width:30px;
	position:absolute;
	left:0px;
	bottom:0px;
	background:url(images/tool/hoekje.png) 0px 5px no-repeat;
	z-index:99;
}

/* Content - zowel verticaal als horizontaal */
div.container h1 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:30px;
}
div.tabs ul li a strong {
	font-weight:bold;
}

div.container.horizontaal div.content div.content-item.actief {

}
div.content-item {
	text-align:left;
}

/* Melding bij fout */
div.tool {
	position:relative;
}
div#melding {
	background-image:url(images/tool/level5.png);
	position:absolute;
	left:0px;
	top:-38px;
	width:100%;
	height:435px;
	z-index:999;
}
div#melding div#melding-inner {
	width:230px;
	height:100px;
	padding:0 20px;
	padding-top:30px;
	background:url(images/tool/melding-bg.png) top left no-repeat;
	margin:0 auto;
	margin-top:170px;
	text-align:center;
	position:relative;
}
div#melding div#melding-inner div#melding-sluit a {
	position:absolute;
	display:block;
	padding:5px 10px;
	background:#CCC;
	border:solid 1px #666;	
	left:75px;
	bottom:-7px;
	color:#111;
	text-decoration:none;
	width:100px;
}
div#melding div#melding-inner div#melding-sluit a:hover {
	background:#EEE;
}
div#melding div#melding-inner div#melding-preloader {
	position:absolute;
	left:125px;
	bottom:30px;
	height:20px;
	width:20px;
	background:url(images/tool/preloader_small.gif) top left no-repeat;
}

/* Kolommen */
div.col1 {
	width:48%;
	float:left;
}
div.col2 {
	width:48%;
	float:right;
}
div#content_2 div.col1 {
	width:60%;
}
div#content_2 div.col2 {
	width:100%;
}
div#content_2 div.col2.metpartner {
	width:100%;
}
div#content_3 div.col2 {
	width:100%;
}
div#content_3 div.col1 {
	width:34%;
}

/* Slider kapitaal */
div.kapitaalSelect div.kapitaalTotaal {
	font-weight:bold;
	font-size:14px;
	margin:10px 0 5px 0;
}
div.kapitaalSelect div.kapitaalTotaal span.kapitaal {
	font-size:18px;
}
div.kapitaalSelect div.calculator {
	width:222px;
	height:55px;
	background:url(images/tool/calculator-ballon.png) top left no-repeat;
	font-weight:bold;
	padding:16px 20px 15px 15px;
	text-align:center;
	margin:0 auto;
}
div.kapitaalSelect div.calculator a {
	text-decoration:underline;
}
div.kapitaalSelect div.calculator a:hover {

}
div.slider { 
	width:268px; 
	margin:18px 0 5px 35px; 
	background:url(images/tool/slider-bg.png) top left no-repeat; 
	height:7px; 
	position: relative; 
}
div.slider div.handle { 
	width:20px; 
	height:20px; 
	background:url(images/tool/slider-knop.png) top left no-repeat; 
	cursor:move; 
	position: absolute; 
	top:-7px; }

div.labels {
	width:268px;
	position:relative;
	height:10px;
	margin-left:35px;
}
div.label {
	position:absolute;
	top:7px;
	font-size:11px;
}
div.label-1 {
	left:-10px;
}
div.label-2 {
	right:-18px;
}


/* Instellingen onderin */
div#instellingen {
	height:20px; /* 120 */
	border-top:solid 2px #CCC;
	background:#EEE;
	position:fixed;
	left:0px;
	bottom:0px;
	font-size:11px;
	color:#666;	
	padding:20px;
	width:100%;
	overflow:auto;
}
div#instellingen li {
	float:left;
	margin-right:20px;
	line-height:18px;
}
div#instellingen a {
	color:#666;
}
div#instellingen input, div#instellingen button {
	vertical-align: middle;
	background:white;
	padding:2px;
	border:solid 1px #666;
	width:45px;
}
div#instellingen a.huidig {
	font-weight:bold;
	text-decoration:none;
}

/* Knoppen rechts en linksonder */
div.knop {
	position:absolute;
	bottom:17px;
}
div.knop a {
	display:block;
	width:151px;
	height:25px;
	padding-top:6px;
	background:url(images/tool/knop-bg.png) top left no-repeat;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	overflow:hidden;
}
div.knop a:hover {
	background:url(images/tool/knop-bg-over.png) top left no-repeat;

}
div.knop.knop-rechts {
	right:23px;
}


/* Formulier */
form {
	
}
form fieldset {
	overflow:auto;
	float:none;clear:both;
	margin:6px 0;
}
form fieldset label {
	width:50%;
	float:left;
	text-align:left;
}
form fieldset div {
	width:48%;
	float:left;
}
form fieldset div.geboortedatum input {
	width:15px;
} 
form fieldset div.geboortedatum input.jaar {
	width:30px;
} 

/* Content 1 - selecteer kapitaal */
div#content_1 div.col1 p, div#content_3 div.col1 p, div#content_4 p {
	margin-bottom:18px;
}
form#startForm {
	background-image:url(images/tool/level4.png);
	padding:5px 10px;
	margin-top:3px;
	border:solid 1px #ccc;
}
div#partnerDetails {
	/*background-image:url(images/tool/level2.png);
	padding:7px 10px;*/
}

/* Content 2 - premieresultaat */
div.premieHeaders {
	display:none;
}
div.metpartner div.premieHeaders {
	display:block;
	overflow:auto;
	margin-bottom:7px;
	margin-right:1px;
}
div.metpartner div.premieHeaders div {
	font-weight:bold;
}
div#partnerPremieResultaatContainer {
	display:none;
}
div#partnerPremieResultaatContainer {
	display:none;
}
div.metpartner div#partnerPremieResultaatContainer {
	display:block;
}

div.premieResultaat {
	width:449px;
	margin:80px auto 0 auto;
	background:url(images/tool/level2.png) top left repeat-y;
}
div.metpartner div.premieResultaat {
	margin:0;
	float:left;
	width:356px;
}
div.metpartner div.premieHeaders div {
	float:left;
	width:361px;
}
div.metpartner div#partnerPremieResultaat {
	margin-left:10px;
}
div.premieResultaat div.premieInner {
	background:#CCC url(images/tool/level4.png);
	border:solid 1px #FFF;
	padding-bottom:10px;
}


div.premieTabs {
	margin:0 2px;
	background:url(images/tool/level2.png) top left repeat-x;
	overflow:visible;
	padding:2px 0 0 0;
	height:35px;
}
div.premieTabs div.premieTab {
	background:url(images/tool/level4.png);
	float:left;
	padding:10px 9px 10px 10px;
	width:202px;
}
div.metpartner div.premieTabs div.premieTab {
	width:152px;
}
div.premieTabs div.premieTab.premieTab-2 {
	float:right;
}
div.premieTabs div.premieTab.actief {
	background:none;
	font-weight:bold;
}

div.premieTabel {
	padding:10px 10px 0 15px;
}
div.metpartner div.premieTabel {
	padding-left:32px;
	padding-right:32px;
}
div.premieResultaat table {
	width:100%;
	text-align:left;
}
div.premieResultaat table td.label {
	width:140px;

}
div.metpartner div.premieResultaat table td.label {
	display:none;
}

div.premieResultaat table td.kapitaal {
	text-align:center;
}
div.premieResultaat table td.kapitaal span.tekst {
	display:none;
}
div.metpartner div.premieResultaat table td.kapitaal span.tekst {
	display:inline;
}
div.premieResultaat table td {

}
div.premieResultaat div.premieLooptijdMetpartner {
	display:none;
}
div.metpartner div.premieResultaat div.premieLooptijdMetpartner {
	display:block;
	padding-left:15px;
}
div.premieResultaat ul {
	padding-left:12px;
}
div.premieResultaat ul li {
	display:block;
	float:left;
	text-align:center;
	margin:0;padding:0;
	width:85px;
	margin-left:2px;
	line-height:14px;
}
div.premieResultaat ul li a.premieTabelLink {
	display:block;
	padding:7px 0 33px 0px;
	text-decoration:none;
	background:url(images/tool/premie-label.png) 50% 13px no-repeat;
	color:#111;
	height:15px;
}
div.premieResultaat ul li a.premieTabelLink.actief {
	/*background:url(images/tool/premie-pijltje.png) 50% 29px no-repeat;*/
	background:url(images/tool/premie-label-actief.png) 50% 13px no-repeat;
	font-weight:bold;
}
div.premieResultaat ul li a.premieTabelLink.volledig, div.premieResultaat ul li a.premieTabelLink.actief.volledig {
	width:260px;
	background:url(images/tool/premie-label-actief.png) 50% 13px repeat-x;
	font-weight:bold;
}
div.premieResultaat ul li a small {
	display:block;
}
div.premieResultaat ul li a.actief small {
	text-decoration:none;
	font-weight:normal;
}
div.premieResultaat div.resultaat, div#premieGezamenlijkTotaal {
	padding:20px 10px 25px 0;
	font-size:24px;
	font-weight:bold;
	background:url(images/tool/premie-bg.png) bottom right;
	text-align:center;
	margin-left:10px;
}
span.premieNaKomma {
	font-size:16px;
}

/* Gezamenlijke premie */
div#premieGezamenlijk {
	position:relative;
	display:none;
	margin-top:10px;
}
div.metpartner div#premieGezamenlijk {
	display:block;
}
div#premieGezamenlijk div#premieGezamenlijkTotaal {
	position:absolute;
	left:265px;
	top:0px;
	background:url(images/tool/premie-gezamenlijk.png) top left;
	width:159px;
	padding:23px 0 15px 0;
}
div#premieGezamenlijk p {
	position:absolute;
	left:10px;
	top:22px;
	font-size:14px;
	font-weight:bold;
	width:260px;
	text-align:right;
}
div#premieGezamenlijk div#premieGezamenlijkTermijn {
	position:absolute;
	right:10px;
	top:22px;
}

/* Content 3 - Formulier */

/* Stappenplan */
div.formulier-stappen {
	overflow:hidden;
	width:100%;
	height:28px;
	border-bottom:solid 2px #CCC;
}
div.formulier-stappen ul {

}
div.formulier-stappen ul li {
	background:#FFF url(images/tool/formulier-pijltje.png) right 50% no-repeat;
	padding-right:6px;
	display:block;
	height:28px;
	float:left;
}
div.formulier-stappen ul li.laatste {
	background:none;
	padding-right:none;
}
div.formulier-stappen ul li a {
	display:block;
	float:left;
	padding:5px 20px;
	cursor:pointer;
}
div.formulier-stappen ul li.actief a {
	background:#CCC url(images/tool/formulier-tab-actief.png) bottom left repeat-x;
	font-weight:bold;
}

/* Formulier zelf */

form#formulierdef h3 {
	font-weight:bold;
	font-size:12px;
	background-image:url(images/tool/level4.png);
	padding:5px 7px;
	margin-bottom:1px;
	border-top:solid 2px #FFF;
	cursor:pointer;
	position:relative;
}
form#formulierdef h3:hover {
	background-image:url(images/tool/level5.png);
}
form#formulierdef {
	padding:0;margin:0;
	margin-top:0px;
}
form#formulierdef div.formulier {
	background:white;
}
form#formulierdef table, div.samenvatting table {
	border-collapse:none;
	border:none;
	width:350px;
	float:left;
}
form#formulierdef table td, div.samenvatting table td {
	padding:3px 0;
	text-align:left;
	vertical-align:top;
	/*overflow:hidden;*/
}
form#formulierdef table tr td.col1 {
	width:160px;
}
form#formulierdef table tr td.col2 {
	width:180px;
}
form#formulierdef table tr td.col3 {
	width:160px;
}
form#formulierdef table tr td.col4 {
	width:180px;
}
form#formulierdef table tr td div.melding {
	display:none;
}
form#formulierdef table td.label, div.samenvatting table td.label {
	width:150px;
}

form#formulierdef div.meldingen {
	height:25px;
	position:relative;
	width:100%;
	margin-bottom:5px;
}
form#formulierdef div.meldingen div {
	position:absolute;
	left:0px;
	top:0px;
	width:710px;
	padding:5px;
	overflow:hidden;
	height:15px;
	background:#FFFF99;
	border:solid 1px #FFCC00;
	z-index:9999;
}
form#formulierdef div.meldingen.meerdan2 div {
	background:#FFFF99 url(images/tool/meldingen-toonmeer.png) 560px -5px no-repeat;

}
form#formulierdef div.meldingen.meerdan2 div:hover {
	height:auto;
	background-image:none;
}

form#formulierdef table tr.error td {
	font-weight:bold;
	color:#FF0000;
}
form#formulierdef table tr.error td div.melding {
	padding:9px 7px 5px 7px;
	font-size:11px;
	background:url(images/tool/error-bg.png) top left;
	color:#111;
	display:block;
	font-weight:normal;
	margin-top:4px;
}

input[type="text"] {
	background-image:url(images/tool/level6.png);	
	border:solid 1px #666;
	padding:3px;
}
form#formulierdef table td {
}
form#formulierdef table td label {
}
form#formulierdef table td input.lang  {
	width:150px;
}
form#formulierdef table td input.kort {
	width:100px;
}
form#formulierdef table td input.heelkort {
	width:40px;
}
form#formulierdef div.formulier {
	padding:5px;
	padding-top:10px;
	height:270px;
	background:url(images/tool/level5.png);	
	position:relative;
}
form#formulierdef div.formulier p {
	text-align:left;
	float:none;
	clear:both;
	margin-bottom:9px;
}
div.content-item.actief form#formulierdef div.formulierdefStatus {
	position:absolute;
	width:16px;
	height:16px;
	top:9px;
	right:5px;
	/*background:url(http://www.conservatrix.nl/site/images/formulieren/veld_wacht.gif) top left no-repeat;*/
}
div.content-item.actief form#formulierdef div.formulierdefStatus.ok {
	background:url(http://www.conservatrix.nl/site/images/vinkjes/transparant.png) top left no-repeat;

}
p.formulierVolgende {
	position:absolute;
	width:251px;
	bottom:-51px;
	right:0px;
	overflow:hidden;
	padding-top:5px;
}
p.formulierVolgende a {
	margin-top:-5px;
	display:block;
	width:151px;
	height:25px;
	padding-top:6px;
	background:url(images/tool/knop-bg.png) top left no-repeat;
	text-align:center;
	text-decoration:none;
	color:#000;
	float:right;
	font-weight:bold;
}
p.formulierVolgende a:hover {
	background:url(images/tool/knop-bg-over.png) top left no-repeat;

}

/* Bijzondere formulieren hierin */
/* Verzekerden */
div#formulier_verzekerden div.formVZ {

}
div#formulier_verzekerden div.formVZ div.formVZStijl {
	border:solid 1px #666;
	padding:3px 5px;
	margin-bottom:1px;
	float:none;
}
div#formulier_verzekerden div.formVZ div.formVZStijl div.formVZInner {
	position:relative;
	height:170px;
}
div#formulier_verzekerden div.formVZ div.gezondheidsverklaring {
	position:absolute;
	left:320px;
	top:-20px;
}
/* Kinderen */
div#formulier_kinderen div.formKind {

}
div#formulier_kinderen div.formKind div.formKindStijl {
	border:solid 1px #666;
	padding:3px 5px;
	margin-bottom:1px;
	float:none;
}
div#formulier_kinderen div.formKind div.formKindStijl div.formKindInner {
	position:relative;
	height:140px;
}
/* Begunstigden */
div#formulier_begunstigden table td.uitleg {
	font-size:11px;
}
div#formulier_begunstigden table {
	width:720px;
}
div#formulier_begunstigden div.begunstigde {
	width:330px;
	float:left;
	margin-bottom:4px;
}
/* Gezondheidsverklaring */
div#formulier_gezondheidsverklaring div.formKind {

}
div#formulier_gezondheidsverklaring div.gezondheidsverklaring {
	border:solid 1px #666;
	padding:3px 5px;
	margin-bottom:1px;
	float:none;
}
div#formulier_gezondheidsverklaring div.gezondheidsverklaring table {
	float:none;clear:both;
}
/*
div#formulier_gezondheidsverklaring div.formKind div.formKindStijl div.formKindInner {
	position:relative;
	height:140px;
}
*/

/* Betaling */
div#formulier_betaling table {
	width:720px;
}


/* ! De samenvatting */
div.samenvatting table {
	width:650px;
} 
div.samenvatting {

}
div.samenvatting-inner {
	overflow:auto;
	height:267px;
	margin-top:5px;
	padding:5px 10px 10px 10px;
	border:solid 1px #666;
}

div.samenvatting h3 {
	font-weight:bold;
	font-size:12px;
	padding:5px 0;
	position:relative;
	border:none;
}
div.samenvatting div.samentvatting-kop {
	padding-bottom:5px;
	font-weight:bold;
}
div.samenvatting a#stap-3-terugform {
	display:block;
	position:absolute;
	padding:8px 25px;
	bottom:16px;
	right:170px;
	color:#000;
}
div.samenvatting a#stap-3-terugform:hover {
	background:url(images/tool/level2.png);	
}
div.samenvatting div.samenvatting-inner div.deel p {
	padding:5px;
}
div.samenvatting div.samenvatting-inner div.deel table {
	margin:5px 3px;
	float:none;
	clear:both;
}

/* Bevestiging */
div#bevestiging-target {
	width:440px;
	margin:70px auto 0 auto;
	height:180px;
	background:#666 url(images/tool/level4.png);
	padding:20px;
}

/* Tooltip */
.tooltipContainer {
	position:relative;
}
.tooltip {
	position: absolute;
	top:0px;
	left:0px;
	width: 240px;
	padding-left:5px;
	margin-left:10px;
	background: url(http://www.conservatrix.nl/site/images/formulieren/hint_pijl.gif) no-repeat 0 50%;
	z-index:25;
	font-size:10px;
	font-weight:normal;
}
.tooltip div {
	background:#FFF7D3;
	padding:5px;
	border-top:solid 1px #000;
	border-right:solid 2px #000;
	border-bottom:solid 2px #000;
}
.tooltip p {
	margin:0;padding:0;
}
.tooltipLink img {
	vertical-align:middle;
}
#body #content div.tooltip ul li {
	list-style-image:url(http://www.conservatrix.nl/site/images/vinkjes/tooltip.gif);
	margin-left:2em;
}