@import url("/fbto/styles/keuzehulp.css");

/**
 *	Keuzehulp wonen landing pages styles
 */

.list ul.vbullet li {
		background:url("/fbto/assets/images/keuzehulp/wonen/bullet_v.gif") no-repeat 1px 0px;	
		padding:0 0 5px 25px;
}

.list.stroke {
	background:url("/fbto/assets/images/keuzehulp/wonen/bg_stroke.gif") repeat-x 0 0;
	margin:0;
	float:left;
}

.list.strokeright {
	background:url("/fbto/assets/images/keuzehulp/wonen/bg_stroke.gif") repeat-x 0 0;
	margin:0;
	float:left;
}

#horizontal_dotted_line{
	background:url("/fbto/assets/images/keuzehulp/wonen/horizontal_dotted_line.gif") no-repeat 0 0;
	height:3px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.list.bluebackground {
	background:url("/fbto/assets/images/keuzehulp/wonen/bg_blue.gif") no-repeat 0 0;
	height:134px;
	margin:0;
	float:left;
}	

a.arrow {
	padding-left:14px;
	margin-left:-14px;
	background:transparent url("/fbto/assets/images/keuzehulp/wonen/bullet_arrow.gif") no-repeat 0 3px;
	zoom:1;
}

a.crack {
	padding-left:14px;
	margin-left:-14px;
	background:transparent url("/fbto/assets/images/keuzehulp/wonen/bullet_schade.gif") no-repeat 0 3px;
	zoom:1;
}

.landing #footer-image {
	background:transparent url("/fbto/assets/images/keuzehulp/wonen/02_wonen_landingspage.jpg") no-repeat 0 0;
	clear:both;
	height:132px;
	margin-bottom:6px;
	width: 640px;
}


/**
 *	Keuzehulp wonen styles
 */

#keuzehulp-wonen {
	position:absolute;
	left:50%;
	top:100px;
	width:545px;
	margin:0 0 0 -300px;
	padding:0 31px 65px;
	background-image:url("/fbto/assets/images/keuzehulp/bg-content.png") !important;
	background:transparent url("/fbto/assets/images/keuzehulp/bg-content.gif") repeat-y 0 0;
	display:none;
	color:#ffffff;
}
#keuzehulp-wonen a {
	-moz-outline:none;
}
#keuzehulp-wonen p.note {
	font-size:11px;
}
#keuzehulp-wonen .top {
	position:absolute;
	background-image:url("/fbto/assets/images/keuzehulp/bg-top.png") !important;
	background:url("/fbto/assets/images/keuzehulp/bg-top.gif") no-repeat 0 0;
	width:607px;
	height:13px;
	top:-13px;
	left:0;
}
#keuzehulp-wonen .bottom {
	position:absolute;
	height:13px;
	left:0;
	bottom:-13px;
	background-image:url("/fbto/assets/images/keuzehulp/bg-bottom.png") !important;
	background:url("/fbto/assets/images/keuzehulp/bg-bottom.gif") no-repeat 0 100%;
	width:607px;
}
#keuzehulp-wonen h1,
#keuzehulp-wonen .keuzehulp-answers h2 {
	color:#FFF;
	font-size:24px;
}
#keuzehulp-wonen .keuzehulp-answers h2 span.details {
	font-size:18px;
}

#keuzehulp-wonen .keuzehulp-answers p.qm-buttons {
	margin:2em 0 1em;
	height:30px;
}


#keuzehulp-wonen .keuzehulp-intro {
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	margin:-12px -22px 0;
	padding:20px 22px;
	min-height:270px;
	zoom:1;
}
.theme_index .keuzehulp-intro { background-image:url("/fbto/assets/images/keuzehulp/wonen/startscherm.jpg"); }
		
.theme_starter_kamers .keuzehulp-intro { background-image:url("/fbto/assets/images/keuzehulp/wonen/01_opkamers.jpg"); }
.theme_starter_huur .keuzehulp-intro { background-image:url("/fbto/assets/images/keuzehulp/wonen/02_1ehuur.jpg"); }
.theme_starter_koop .keuzehulp-intro { background-image:url("/fbto/assets/images/keuzehulp/wonen/03_1ekoop.jpg"); }

.theme_verhuis_dubbel .keuzehulp-intro { background-image:url("/fbto/assets/images/keuzehulp/wonen/04_dubbelelasten.jpg"); }
.theme_verhuis_nieuw .keuzehulp-intro { background-image:url("/fbto/assets/images/keuzehulp/wonen/05_nieuwbouw.jpg"); }
.theme_verhuis_koop .keuzehulp-intro { background-image:url("/fbto/assets/images/keuzehulp/wonen/06_bestaandkoop.jpg"); }
.theme_verhuis_huur .keuzehulp-intro { background-image:url("/fbto/assets/images/keuzehulp/wonen/07_huur.jpg"); }

.theme_stayer_koop .keuzehulp-intro { background-image:url("/fbto/assets/images/keuzehulp/wonen/08_huurnaarkoop.jpg"); }
.theme_stayer_klus .keuzehulp-intro { background-image:url("/fbto/assets/images/keuzehulp/wonen/09_verbouwing.jpg"); }


/* Graph pas later zichtbaar maken */
.theme_index .graph, 
.theme_verhuis_dubbel .graph { 
   visibility: hidden; 
}
#keuzehulp-wonen .keuzehulp-intro p {
	font-weight:bold;
	font-size:14px;
	/*width:400px;*/
}
#keuzehulp-wonen .keuzehulp-intro p.buttons {
	padding-top:20px;
	width:auto;
	float:none;
}
#keuzehulp-wonen .qm-question p.note {
margin-top:-1em;
}
#keuzehulp-wonen .keuzehulp-intro h1,
#keuzehulp-wonen .keuzehulp-questions h1,
#keuzehulp-wonen .keuzehulp-questions h2,
#keuzehulp-wonen .keuzehulp-intro p,
#keuzehulp-wonen .keuzehulp-tooltip p {
margin:0 0 1em;
}
#keuzehulp-wonen .keuzehulp-intro img {
float:right;
}
#keuzehulp-wonen .keuzehulp-steps {
background:#0076c0 url("/fbto/assets/images/keuzehulp/separator.gif") left top repeat-x;
position:absolute;
width:545px;
height:50px;
padding:15px 22px 0;
margin:0 -22px;
left:31px;
bottom:2px;
}
#keuzehulp-wonen .keuzehulp-steps .state { 
	display:none;
}
#keuzehulp-wonen .keuzehulp-steps .graph {
	background:url("/fbto/assets/images/keuzehulp/wonen/bg-progress-bar.gif") no-repeat 0 0;
	padding:15px 0 0;
	width:471px;
	height:13px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.intro .graph {
	visibility:hidden;
	
}
#keuzehulp-wonen .page-1 .graph,
#keuzehulp-wonen .page-2 .graph,
#keuzehulp-wonen .page-2 .graph,
#keuzehulp-wonen .page-11 .graph { background-position:0 0; }

#keuzehulp-wonen .graph span.color2 span.bar {
	background:url("/fbto/assets/images/keuzehulp/wonen/fg-progress-bar.gif") no-repeat 0 0;
	padding:0;
	width:0;
	height:13px;
	margin:0 auto;
}
#keuzehulp-wonen .graph span.color2 span.arrow {
	background:url("/fbto/assets/images/keuzehulp/wonen/fg-progress-bar-arrow.gif") no-repeat 0 0;
	padding:0;
	height:11px;
	width:7px;
	position:absolute;
	top:16px;
}
#keuzehulp-wonen .page-1 .graph span.color2 span.arrow {
	display:none;
}
#keuzehulp-wonen .graph span.color2 span.value {
	display:none;
	color:white;
}
#keuzehulp-wonen .keuzehulp-buttons {
padding:10px;
display:block;
clear:both;
overflow:hidden;
height:1%;
}

#keuzehulp-wonen .keuzehulp-buttons.none a.button {
	display:none !important;
}

#keuzehulp-wonen .keuzehulp-error {
	float:right;
	padding:10px;
	display:none;
	font-style:italic;
	
}
#keuzehulp-wonen .keuzehulp-header {
	padding:5px 22px 10px;
	margin:0 -22px 10px;
	background:url("/fbto/assets/images/keuzehulp/separator.gif") left bottom repeat-x;
}
#keuzehulp-wonen .keuzehulp-header a.close {
	background:url("/fbto/assets/images/keuzehulp/button-close.gif") no-repeat 0 0;
	text-indent:-9999px;
	width:17px;
	height:17px;
	display:block;
	position:absolute;
	right:20px; 
	top:5px;
	overflow:hidden;
}
.question .keuzehulp-header h1,
.triggered .keuzehulp-header h1,
.answer .keuzehulp-header h1,
.advice .keuzehulp-header h1 {
	visibility:hidden;
}

#keuzehulp-wonen .keuzehulp-selected {
clear:both;
background:white;
padding:10px;
color:#0076c0;
overflow:hidden;
height:1%;
margin-bottom:1em;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
#keuzehulp-wonen .keuzehulp-selected h1 {
	margin-bottom:0;
}
#keuzehulp-wonen .keuzehulp-selected h2 {
	clear:both;
}
#keuzehulp-wonen .keuzehulp-selected ul,
#keuzehulp-wonen .keuzehulp-selected li,
#keuzehulp-wonen .keuzehulp-selected ul.checks {
	margin:0;
	padding:0;
	list-style:none;
}
#keuzehulp-wonen .keuzehulp-selected ul {
	margin-bottom:1em;
}

#keuzehulp-wonen .keuzehulp-selected ul.checks li {
	background:url("/fbto/assets/images/keuzehulp/check.gif") center left no-repeat;
	white-space:nowrap;
	float:left;
	margin:0 2px;
	padding:2px 2px 2px 20px;
}
#keuzehulp-wonen .keuzehulp-selected ul.checks li.disabled {
	background-image:url("/fbto/assets/images/keuzehulp/ballot.gif");
	padding-left:14px;
}
#keuzehulp-wonen a.reset,
#keuzehulp-wonen a.moreinfo,
#keuzehulp-wonen a.previous {
	background:url("/fbto/assets/images/keuzehulp/button-reset.gif") no-repeat 0 0;
	text-indent:-9999px;
	width:147px;
	height:27px;
	position:absolute;
	margin:0;
	padding:0;
	top:5px; 
	left:25px;
	overflow:hidden;
}
#keuzehulp-wonen a.previous {
	background-image: url("/fbto/assets/images/keuzehulp/button-previous.gif");
	width:97px;
}
/* #keuzehulp-wonen .advice a.previous, */
#keuzehulp-wonen .advice a.reset {
	display:block;
}
#keuzehulp-wonen a.moreinfo {
	position:static;
	background-image: url("/fbto/assets/images/keuzehulp/button-info.gif");
	width:125px;
	float:left;
}

#keuzehulp-wonen a.close:hover,
#keuzehulp-wonen a.reset:hover,
#keuzehulp-wonen a.moreinfo:hover,
#keuzehulp-wonen a.previous:hover {
	background-position:0 -50px;
}

#keuzehulp-wonen a.yes,
#keuzehulp-wonen a.no,
#keuzehulp-wonen a.start,
#keuzehulp-wonen a.next,
#keuzehulp-wonen a.answer,
#keuzehulp-wonen a.advice,
#keuzehulp-wonen a.submit {
	background:url("/fbto/assets/images/keuzehulp/button-yes.gif") no-repeat 0 0;
	text-indent:-9999px;
	width:164px;
	height:36px;
	overflow:hidden;
	float:left;
	padding:0;
}
#keuzehulp-wonen a.no	{ background-image:url("/fbto/assets/images/keuzehulp/button-no.gif"); }
#keuzehulp-wonen a.start { 
	float:right;
	background-image:url("/fbto/assets/images/keuzehulp/button-verder.gif"); 
}
#keuzehulp-wonen a.next,
#keuzehulp-wonen a.answer,
#keuzehulp-wonen a.advice { 
	background-image:url("/fbto/assets/images/keuzehulp/button-next.gif"); 
	float:right;
	margin-bottom:10px;
}
#keuzehulp-wonen a.submit { 
	background-image:url("/fbto/assets/images/keuzehulp/button-action2.gif"); 
	float:right;
	width:190px;
	border:none;
}

#keuzehulp-wonen .first a.reset { 
	display:block;
}

#keuzehulp-wonen ul.qm-options,
#keuzehulp-wonen ul.qm-options li {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
}
#keuzehulp-wonen ul.qm-options li {
	margin-bottom:.5em;
	zoom:1;
}
#keuzehulp-wonen ul.qm-options li.triggered {
	float:left;
}
#keuzehulp-wonen ul.qm-options li input {
	/*margin-top:1px;
	-margin-top:-3px; /* ie6 */
	padding:0;
	/*float:left;*/
	zoom:1;
}
#keuzehulp-wonen ul.qm-options li label.indented {
	display:block;
	margin-left:20px;
	zoom:1;
}
#keuzehulp-wonen li.triggered {
	clear:none;
	width:auto;
}
#keuzehulp-wonen li.triggered input {
	display:none;
}
#keuzehulp-wonen li.triggered a.icon {
	display:block;
	background:url("/fbto/assets/images/keuzehulp/icon-single.gif") 50% 0 no-repeat;
	text-align:center;
	float:left;
	width:98px;
	padding:88px 5px 5px;
	margin:20px 0;
	color:white;
	text-decoration:none;
}
#keuzehulp-wonen li.triggered a.single { background-image:url("/fbto/assets/images/keuzehulp/icon-single.gif"); }
#keuzehulp-wonen li.triggered a.couple { background-image:url("/fbto/assets/images/keuzehulp/icon-couple.gif"); }
#keuzehulp-wonen li.triggered a.parents1 { background-image:url("/fbto/assets/images/keuzehulp/icon-parents1.gif"); }
#keuzehulp-wonen li.triggered a.parents2 { background-image:url("/fbto/assets/images/keuzehulp/icon-parents2.gif"); }
#keuzehulp-wonen li.triggered a.elders { background-image:url("/fbto/assets/images/keuzehulp/icon-elders.gif"); }
#keuzehulp-wonen li.triggered a.icon:hover {
	background-position:50% -250px;
}
#keuzehulp-wonen li.triggered a.yes,
#keuzehulp-wonen li.triggered a.no {
	margin:50px 50px 30px;
	zoom:1;
}
#keuzehulp-wonen li.triggered a.yes:hover,
#keuzehulp-wonen li.triggered a.no:hover,
#keuzehulp-wonen a.start:hover,
#keuzehulp-wonen a.submit:hover,
#keuzehulp-wonen a.next:hover,
#keuzehulp-wonen a.answer:hover,
#keuzehulp-wonen a.advice:hover {
	background-position:0 -50px;
}
#keuzehulp-wonen .keuzehulp-tooltip {
	position:absolute;
	width:546px;
	color:#0076c0;
	left:31px;
	top:200px;
	z-index:10;
	display:none;
}
#keuzehulp-wonen .keuzehulp-tooltip h2 {
	margin-bottom:.25em;
}
#keuzehulp-wonen .keuzehulp-tooltip .tooltip-content {
	padding:5px 15px;
	background-image:url("/fbto/assets/images/keuzehulp/tip-content.png") !important;
	background:url("/fbto/assets/images/keuzehulp/tip-content.gif") 0 0 repeat-y;
}
	#keuzehulp-wonen .keuzehulp-tooltip .tooltip-content span.details {













		display:none;
	}
#keuzehulp-wonen .keuzehulp-tooltip .tooltip-arrow {
	position:absolute;
	top:-32px;
	left:100px;
	width:52px;
	height:26px;
	background-image:url("/fbto/assets/images/keuzehulp/tip-arrow.png") !important;
	background:url("/fbto/assets/images/keuzehulp/tip-arrow.gif") 0 0 no-repeat;
}
#keuzehulp-wonen .keuzehulp-tooltip .top,
#keuzehulp-wonen .keuzehulp-tooltip .bottom {
	position:absolute;
	background-image:url("/fbto/assets/images/keuzehulp/tip-top.png") !important;
	background:url("/fbto/assets/images/keuzehulp/tip-top.gif") 0 0 no-repeat;
	height:10px;
	line-height:10px;
	overflow:hidden;
	top:-10px;
	width:546px;
	margin:0;
}
#keuzehulp-wonen .keuzehulp-tooltip .bottom {
	background-image:url("/fbto/assets/images/keuzehulp/tip-bottom.png") !important;
	background:url("/fbto/assets/images/keuzehulp/tip-bottom.gif") 0 0 no-repeat;
	top:auto;
	bottom:-10px;
}
#keuzehulp-wonen input.qm-day,
#keuzehulp-wonen input.qm-month {
	padding:3px;
	width:25px;
	margin:0 3px;
}

#keuzehulp-wonen input.qm-year {
	padding:3px;
	width:50px;
	margin:0 3px;
}

#keuzehulp-wonen input.qm-error {
	border: 1px solid red;
}