/* ---------------- vraag 1 Met wie ga je op wintersport ----------------------------------------------------*/

#q1 ul li
{
	float: left;
	position: relative;
	margin: 0px;
}

#q1 ul li label
{
	display: block;
	height: 29px;
	margin: 0 5px 0 0;
	padding: 107px 0 0 0;
	background-image: url(../images/q1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

#q1 #lbl-solo
{
	width: 109px;
	background-position: 0 0;
}

#q1 #lbl-solo.select
{
	width: 109px;
	background-position: 0 -136px;
}

#q1 #lbl-duo
{
	width: 104px;
	background-position: -113px 0;
}

#q1 #lbl-duo.select
{
	width: 104px;
	background-position: -113px -136px;
}

#q1 #lbl-vrienden
{
	width: 134px;
	background-position: -222px 0;
}

#q1 #lbl-vrienden.select
{
	width: 134px;
	background-position: -222px -136px;
}

#q1 #lbl-kinderen
{
	width: 145px;
	background-position: -362px 0;
}

#q1 #lbl-kinderen.select
{
	width: 145px;
	background-position: -362px -136px;
}

#q1 #lbl-tieners
{
	width: 145px;
	background-position: -515px 0;
}

#q1 #lbl-tieners.select
{
	width: 145px;
	background-position: -515px -136px;
}

#q1 #lbl-familie
{
	width: 202px;
	background-position: -667px 0;
}

#q1 #lbl-familie.select
{
	width: 202px;
	background-position: -667px -136px;
}

#q1 #lbl-groep
{
	width: 217px;
	background-position: -877px 0;
}

#q1 #lbl-groep.select
{
	width: 217px;
	background-position: -877px -136px;
}

#q1 #lbl-groep2
{
	width: 103px;
	background-position: -1151px 0;
}

#q1 #lbl-groep2.select
{
	width: 103px;
	background-position: -1151px -136px;
}


/* ---------------- vraag 1a In welke mate moet het wintersportgebied kindvriendelijk zijn? ----------------------------------------------------*/

#q1a-wrapper
{
	height: 300px;
	background: url(../images/q1a-bg.png) 0 100% no-repeat;
}

#q1a ul
{
	width: auto;
	padding: 0 0 0 130px;
}

#q1a ul li
{
	float: left;
	position: relative;
	margin: 0;
}

#q1a ul li label
{
	display: block;
	height: 44px;
	margin: 0 5px 0 0;
	padding: 95px 10px 0 10px;
	background-image: url(../images/q1a.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

#q1a ul li label#lbl-maaktnietuit
{
	height: 79px;
	padding: 60px 10px 0 10px;
}

#q1a #lbl-redelijk
{
	width: 84px;
	background-position: 0 0;
}

#q1a #lbl-redelijk.select
{
	width: 84px;
	background-position: 0 -141px;
}

#q1a #lbl-gemiddeld
{
	width: 84px;
	background-position: -110px 0;
}

#q1a #lbl-gemiddeld.select
{
	width: 84px;
	background-position: -110px -141px;
}

#q1a #lbl-zeer
{
	width: 84px;
	background-position: -221px 0;
}

#q1a #lbl-zeer.select
{
	width: 84px;
	background-position: -221px -141px;
}

#q1a #lbl-maaktnietuit
{
	width: 84px;
	background-position: -331px 0;
}

#q1a #lbl-maaktnietuit.select
{
	width: 84px;
	background-position: -331px -141px;
}

/* ---------------- vraag 2 Heb je een voorkeur voor een land? ----------------------------------------------------*/

#q2-wrapper
{
	height: 300px;
	background: url(../images/q1a-bg.png) 0 100% no-repeat;
}

#nm #q2-wrapper
{
	height: 294px;
}


#q2 ul
{
	padding: 17px 0 0 10px;
}

#q2 ul li
{
	float: left;
	position: relative;
	margin: 0;
}

#q2 ul li label
{
	display: block;
	height: 100px;
	margin: 0 0px 0 0;
	padding: 170px 0px 0 0px;
	background-image: url(../images/q2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

#q2 ul li label#lbl-geenvoorkeur
{
	position: absolute;
	top: 210px;
	right: -9px;
	width: 124px;
	height: 23px;
	padding: 7px 10px 0 0px;
	background: url(../images/q2-geenvoorkeur.png) 0 0 no-repeat;
}

#q2 #lbl-geenvoorkeur.select
{
	background-position: 0 -30px;
}

#q2 #lbl-oostenrijk
{
	width: 81px;
	background-position: -32px 0;
}

#q2 #lbl-oostenrijk.select
{
	width: 81px;
	background-position: -32px -270px;
}

#q2 #lbl-zwitserland
{
	width: 81px;
	background-position: -113px 0;
}

#q2 #lbl-zwitserland.select
{
	width: 81px;
	background-position: -113px -270px;
}

#q2 #lbl-italie
{
	width: 81px;
	background-position: -194px 0;
}

#q2 #lbl-italie.select
{
	width: 81px;
	background-position: -194px -270px;
}

#q2 #lbl-tsjechie
{
	width: 81px;
	background-position: -275px 0;
}

#q2 #lbl-tsjechie.select
{
	width: 81px;
	background-position: -275px -270px;
}

#q2 #lbl-duitsland
{
	width: 81px;
	background-position: -356px 0;
}

#q2 #lbl-duitsland.select
{
	width: 81px;
	background-position: -356px -270px;
}

#q2 #lbl-frankrijk
{
	width: 81px;
	background-position: -437px 0;
}

#q2 #lbl-frankrijk.select
{
	width: 81px;
	background-position: -437px -270px;
}

#q2 #lbl-finland
{
	width: 81px;
	background-position: -518px 0;
}

#q2 #lbl-finland.select
{
	width: 81px;
	background-position: -518px -270px;
}

#q2 #lbl-noorwegen
{
	width: 81px;
	background-position: -599px 0;
}

#q2 #lbl-noorwegen.select
{
	width: 81px;
	background-position: -599px -270px;
}

/* ---------------- vraag 3 Hoe wil je naar je bestemming reizen? ----------------------------------------------------*/

#q3-wrapper
{
	height: 300px;
	background: url(../images/q1a-bg.png) 0 100% no-repeat;
}

#q3 ul
{
	width: auto;
	padding: 0 0 0 170px;
}

#q3 ul li
{
	float: left;
	position: relative;
	margin: 0;
}

#q3 ul li label
{
	display: block;
	height: 22px;
	margin: 0 5px 0 0;
	padding: 68px 0px 0 0px;
	background-image: url(../images/q3.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

#q3 ul li label#lbl-maaktnietuit
{
	height: 64px;
	padding: 26px 10px 0 10px;
}

#q3 #lbl-vliegtuig
{
	width: 79px;
	background-position: 0 0;
}

#q3 #lbl-vliegtuig.select
{
	width: 79px;
	background-position: 0 -90px;
}

#q3 #lbl-trein
{
	width: 79px;
	background-position: -86px 0;
}

#q3 #lbl-trein.select
{
	width: 79px;
	background-position: -86px -90px;
}

#q3 #lbl-auto
{
	width: 79px;
	background-position: -173px 0;
}

#q3 #lbl-auto.select
{
	width: 79px;
	background-position: -173px -90px;
}

#q3 #lbl-maaktnietuit
{
	width: 59px;
	background-position: -260px 0;
}

#q3 #lbl-maaktnietuit.select
{
	width: 59px;
	background-position: -260px -90px;
}


/* ---------------- vraag 3a Hoe ver wil je maximaal rijden? ----------------------------------------------------*/

#q3a-wrapper
{
	width: 730px;
	height: 300px;
	margin: 33px 0 0 -7px;
	background: url(../images/q3a-bg.png) 0 100% no-repeat;
}

#q3a ul
{
	width: auto;
	padding: 0 0 0 81px;

}

#q3a ul li
{
	float: left;
	position: relative;
	margin: 0;
}

#q3a ul li label
{
	display: block;
	height: 25px;
	margin: 166px 18px 0 0;
	padding: 68px 0px 0 0px;
	background-image: url(../images/q3a.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

#q3a #lbl-tot500km
{
	width: 80px;
	background-position: 0 0;
}

#q3a #lbl-tot500km.select
{
	width: 80px;
	background-position: 0 -93px;
}

#q3a #lbl-tot750km
{
	width: 80px;
	background-position: -98px 0;
}

#q3a #lbl-tot750km.select
{
	width: 80px;
	background-position: -98px -93px;
}

#q3a #lbl-tot1000km
{
	width: 80px;
	background-position: -196px 0;
}

#q3a #lbl-tot1000km.select
{
	width: 80px;
	background-position: -196px -93px;
}

#q3a #lbl-tot1250km
{
	width: 80px;
	background-position: -294px 0;
}

#q3a #lbl-tot1250km.select
{
	width: 80px;
	background-position: -294px -93px;
}

#q3a #lbl-maaktnietuit
{
	width: 107px;
	background-position: -417px 0;
}

#q3a #lbl-maaktnietuit.select
{
	width: 107px;
	background-position: -417px -93px;
}

#q3a .tip
{
	width: 170px;
	height: 155px;
	position: absolute;
	overflow: hidden;
	top: 75px;
	left: 510px;
	font-size: 11px;
}

#q3a .tip p
{
	font-size: 11px;
}

#q3a .tip ul
{
	margin: -10px 10px 0 -10px;
	padding: 0;
	list-style: none;
}

#q3a .tip ul li
{
	width: 100%;
	margin: 0;
	padding: 0;
}

#q3a .tip ul li span
{
	width: 120px;
	display: block;
	float: left;
}

#q3a .tip ul li em
{
	float: right;
	font-style: normal;
}

/* ---------------- vraag 4 Aan welke wensen moet het wintersportgebied voldoen? ----------------------------------------------------*/

#q4-wrapper
{
	height: 300px;
	background: url(../images/q4-bg.png) 0 100% no-repeat;
}

#q4 ul
{
	width: auto;
	margin: 20px 0 0 0;
	padding: 0 0 0 190px;
}

#q4 ul li
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	margin: 0 0 5px 0;
	line-height: 26px;
}

#q4 ul li input
{
	float: left;
}

#q4 ul li label
{
	display: block;
	height: 26px;
	margin: 0 18px 0 0;
	padding: 0px 0px 0 35px;
	background-image: url(../images/q4.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #265b9f;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

#q4 ul li label.select
{
	background-position: 0 -26px;
}

/* ---------------- vraag 5 Hoe groot moet het skigebied zijn? ----------------------------------------------------*/

#q5-wrapper
{
	margin: 35px 0 0 0;	
}

#q5 ul
{
	width: auto;
	padding: 0 0 0 7px;

}

#q5 ul li
{
	float: left;
	position: relative;
	margin: 0;
}

#q5 ul li label
{
	display: block;
	height: 37px;
	margin: 195px 0px 0 0px;
	padding: 30px 0px 0 0px;
	background-image: url(../images/q5.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

#q5 #lbl-tot50km
{
	width: 100px;
	background-position: 0 0;
}

#q5 #lbl-tot50km.select
{
	width: 100px;
	background-position: 0 -67px;
}

#q5 #lbl-tot100km
{
	width: 99px;
	background-position: -100px 0;
}

#q5 #lbl-tot100km.select
{
	width: 99px;
	background-position: -100px -67px;
}

#q5 #lbl-tot150km
{
	width: 100px;
	background-position: -199px 0;
}

#q5 #lbl-tot150km.select
{
	width: 100px;
	background-position: -199px -67px;
}

#q5 #lbl-tot200km
{
	width: 102px;
	background-position: -299px 0;
}

#q5 #lbl-tot200km.select
{
	width: 102px;
	background-position: -299px -67px;
}

#q5 #lbl-meerdan200km
{
	width: 143px;
	background-position: -401px 0;
}

#q5 #lbl-meerdan200km.select
{
	width: 143px;
	background-position: -401px -67px;
}

#q5 #lbl-maaktnietuit
{
	width: 138px;
	background-position: -544px 0;
}

#q5 #lbl-maaktnietuit.select
{
	width: 138px;
	background-position: -544px -67px;
}

#grootte-skigebied-img
{
	background-image: url(../images/q5-img.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 724px;
	height: 210px;
	margin: 0 0 0 -7px;
	display: block;
}

#q5 #q5-wrapper .option1
{
	background-position: 0 -840px;
}

#q5 #q5-wrapper .option2
{
	background-position: 0 -630px;
}

#q5 #q5-wrapper .option3
{
	background-position: 0 -420px;
}

#q5 #q5-wrapper .option4
{
	background-position: 0 -210px;
}

#q5 #q5-wrapper .option5
{
	background-position: 0 0;
}

#q5 .tip
{
	width: 100px;
	height: 160px;
	position: absolute;
	overflow: hidden;
	top: 60px;
	left: 580px;
	font-size: 11px;
}

#q5 .tip p
{
	margin: 0 0 10px 0;
	font-size: 11px;
}

/* ---------------- vraag 6 Hoe sneeuwzeker moet het wintersportgebied zijn? ----------------------------------------------------*/

#q6-wrapper
{
	width: 730px;
	height: 300px;
	margin: 33px 0 0 -7px;
	background: url(../images/q6-bg.png) 0 100% no-repeat;
}

#q6 ul
{
	width: auto;
	padding: 0 0 0 114px;

}

#q6 ul li
{
	float: left;
	position: relative;
	margin: 0;
}

#q6 ul li label
{
	display: block;
	height: 24px;
	margin: 16px 0px 0 0;
	padding: 214px 0px 0 0px;
	background-image: url(../images/q6.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

#q6 #lbl-nietecht-sneeuwzeker
{
	width: 93px;
	background-position: 0 0;
}

#q6 #lbl-nietecht-sneeuwzeker.select
{
	width: 93px;
	background-position: 0 -238px;
}

#q6 #lbl-redelijk-sneeuwzeker
{
	width: 93px;
	background-position: -93px 0;
}

#q6 #lbl-redelijk-sneeuwzeker.select
{
	width: 93px;
	background-position: -93px -238px;
}

#q6 #lbl-behoorlijk-sneeuwzeker
{
	width: 93px;
	background-position: -186px 0;
}

#q6 #lbl-behoorlijk-sneeuwzeker.select
{
	width: 93px;
	background-position: -186px -238px;
}

#q6 #lbl-uitermate-sneeuwzeker
{
	width: 93px;
	background-position: -279px 0;
}

#q6 #lbl-uitermate-sneeuwzeker.select
{
	width: 93px;
	background-position: -279px -238px;
}

#q6 #lbl-maaktnietuit
{
	width: 120px;
	background-position: -374px 0;
}

#q6 #lbl-maaktnietuit.select
{
	width: 120px;
	background-position: -374px -238px;
}

#q6 .tip
{
	width: 165px;
	height: 140px;
	position: absolute;
	overflow: hidden;
	top: 75px;
	left: 520px;
	font-size: 11px;
}

#q6 .tip p
{
	margin: 0 0 10px 0;
	font-size: 11px;
}

#q6 .tip ul
{
	margin: -10px 10px 0 -10px;
	padding: 0;
	list-style: none;
}

#q6 .tip ul li
{
	width: 100%;
	margin: 0;
	padding: 0;
}

#q6 .tip ul li span
{
	width: 120px;
	display: block;
	float: left;
}

#q6 .tip ul li em
{
	float: right;
	font-style: normal;
}