
	/* CSS Document Youfone.nl */
	/* Groen Brandmanual: #97be0d; Roze Brandmanual: #8e004d; */
	
	html { background: url('../images/gradient-bg.gif') left top repeat-x #30001a; }
	body { background: url('../images/body-bg.gif') center repeat-y; margin: 0; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6a6a6a; }
	#container { margin: 0 auto 0 auto; width: 900px; background: url('../images/header-bg.gif') top left no-repeat; text-align: left; min-height: 800px; height: auto !important; height: 800px; position: relative; padding: 151px 0 0 0; }
	a { text-decoration: none; font-weight: bold; color: #97be0d; }
		a:hover { text-decoration: underline; }
	
	#tester { font-size: 10px; font-weight: bold; padding: 5px; position: absolute; top: 0px; background-color: #ffffff; margin: 0 auto 0 auto; z-index: 1000; }
		#tester strong { color: #CC0000; }
		
	#particulieren { position: absolute; right: 100px; top: 50px; }
		#particulieren img { width: 130px; height: 27px; }
	#zakelijk { position: absolute; right: 0px; top: 50px; }
		#zakelijk img { width: 100px; height: 27px; }
		
	.paars { color: #8e004d !important; }
		
	ul#menu { margin: 0px; padding: 0px; position: absolute; left: 232px; top: 92px; }
	ul#menu li { display: inline; margin-left: 20px; }
	
	ul#menurechtsboven { width: 200px; text-align: right; position: absolute; right: 0px; top: 18px; font-weight: normal; color: #fff; }
	ul#menurechtsboven li { display: inline; margin-left: 10px; }
	ul#menurechtsboven a { font-weight: normal; color: #fff; }

	h2 { color: #8e004d; font-size: 30px; margin: 0px; padding: 0px; margin-left: 40px; text-transform: uppercase; }
	h3 { color: #6a6a6a; font-size: 20px; margin: 0px; padding: 0px; margin-left: 40px; margin-bottom: 20px; text-transform: uppercase; width: 500px; }
		.subh3 { margin-top: 40px; margin-bottom: 10px; }
	
	p { margin-left: 40px; width: 470px; line-height: 22px; }
	.startpar { margin-top: 20px; line-height:18px; }
		
	p#breadcrumb { position: absolute; left: 0px; top: 0px; }
	p#breadcrumb a { color: #a3a3a3; }
	
	ul { list-style: none; }
		ul li { line-height: 20px; }
		ul li a:hover { text-decoration: none; color: #bbe91b; }
		ul li a span { margin-right: 15px; }
		ul li a:hover span { padding-left: 10px; margin-right: 5px; }
		
	ul.opsomming { margin-left: 40px; }
		ul.opsomming li { width: 500px; }
		ul.opsomming li span { float: right; display: inline; }
		
	ul.opsommingx { margin-left: 40px; }
		ul.opsommingx li { width: 500px; }
		ul.opsommingx li span { float: right; display: inline; }	
		
		
	#homeblock {
	width: 900px;
	height: 326px;
	background: url('../images/homeblock.jpg') left top no-repeat; 
	margin-left:-20px;
	 position: relative;
	}
	
	.hblock {
	width:160px;
	margin-left:15px;
	height:220px;
	/*background:#CCCCCC;*/
	float:left;
	 position: relative;
	}
	
	.hblocktitel {
	position:absolute;
	top:15px;
	left:5px;
	}
	
	.hblocktitel2 {
	position:absolute;
	top:15px;
	left:2px;
	}
	
	.hblocksubtitel {
	position:absolute;
	top:75px;
	left:15px;
	font-weight:bold;
	}
	
	.hblockopspom {
	position:absolute;
	top:95px;
	left:15px;
	line-height:17px;
	}
	
	.hblockbestel {
	position:absolute;
	top:165px;
	left:15px;
	}
	
	.hblock250 {
	position:absolute;
	bottom:10px;
	right:20px;
	}
	
	.hblockb1 {
	position:absolute;
	bottom:20px;
	left:25px;
	}
	
	.hblockb2 {
	position:absolute;
	bottom:20px;
	left:205px;
	}
	
	#homeblokken { padding: 0 0 0 20px; width: 880px; margin-top: 23px; }
	#homeblokken.ja { margin-top: 0px; }
	#homeblokken div.blok { width: 280px; height: 188px; float: left; margin: 0 13px 19px 0; background: url('../images/blok-home.gif') left top no-repeat; position: relative; display: inline; }
	#homeblokken.ja div.blok { width: 415px; height: 178px; background: url('../images/blok-home-noallin.gif') left top no-repeat; padding: 10px 0 0 10px; }
		.stripehome { position: absolute; left: 0px; top: 0px; }
		.boltekst { position: absolute; width: 80px; left: 158px; top: 17px; text-align: center; }
		#homeblokken.ja .boltekst { left: 303px; }
		#homeblokken.ja .stripehome { left: 145px; }
		.boltekst span { line-height: 15px; }
		.boltekst .bolmid { font-weight: bold; color: #fff; }
			.boltekst .bolmid1 { font-weight: bold; color: #fff; margin-right:  5px; font-size: 11px; }
			.boltekst .bolmid2, .boltekst .bolmid { font-weight: bold; color: #fff; font-size: 15px; }
		.boltekst .bolbot, .boltekst .boltop { font-weight: bold; font-size: 10px; color: #000; }
	#homeblokken h2 { font-size: 22px; color: #97be0d; margin: 23px 0 0 12px; }
	#homeblokken h3 { font-size: 14px; color: #8e004d; margin: 6px 0 0 12px; text-transform: none; width: 260px; }
	#homeblokken li strong { color: #990000; }
	#homeblokken p { line-height: 15px; }
	#homeblokken ul { margin: 6px 0 0 12px; }
	#homeblokken.ja ul { margin-top: 20px; }
	#homeblokken li { background: url('../images/homeblok-vinkje.gif') left center no-repeat; padding-left: 17px; line-height: 18px; }
	#homeblokken .bestelknop { background: url('../images/home-bestel-over.gif') left top no-repeat; display: block; width: 163px; height: 42px; position: absolute; left: 54px; bottom: 10px; }
	#homeblokken.ja .bestelknop { left: 231px; bottom: 20px; }
	#homeblokken.ja .bestelknopactive { background: url('../images/home-bestel-over.gif') left top no-repeat; display: block; width: 163px; height: 42px; position: absolute; left: 231px; bottom: 20px; }
	
	#homeblokken.ja .bellencomstamp { position: absolute; right: 68px; top: -5px; border: none; }
	#homeblokken.ja .maandactie { position: absolute; left: 20px; top: 155px; border: none; }
	
	
	
	
	.bestelpic { float: right; margin: 20px; }

	#abboblokken { padding: 0 0 0 20px; width: 880px; margin-top: 23px; }
	#abboblokken div.blok { width: 280px; height: 280px; float: left; margin: 0 13px 19px 0; background: url('../images/abonnement-blok.gif') left bottom no-repeat; position: relative; display: inline; }
	#abboblokken img { width: 270px; height: 98px; border: 1px solid #ededed; }
		#abboblokken img.vouw { width: 95px; height: 93px; border: none; position: absolute; right: 9px; top: 99px; }
	#abboblokken h2 { font-size: 22px; color: #97be0d; margin: 18px 0 0 12px; }
	#abboblokken h3 { font-size: 14px; color: #8e004d; margin: 8px 0 0 12px; text-transform: none; width: 260px; }
	#abboblokken ul { margin: 8px 0 0 12px; }
	#abboblokken li { background: url('../images/homeblok-vinkje.gif') left center no-repeat; padding-left: 17px; line-height: 18px; }
	#abboblokken .bestelknop { margin: 13px 0 0 51px; background: url('../images/home-bestel-over.gif') left top no-repeat; display: block; width: 163px; height: 42px; }
		#abboblokken .bestelknop img { width: auto; height: auto; border: none; }

	#abboblokken2 { padding: 0 0 0 20px; width: 880px; margin-top: 23px; }
	#abboblokken2 div.blok { width: 425px; height: 244px; float: left; margin: 0 13px 19px 0; background: url('../images/abonnement-blok.gif') left bottom no-repeat; position: relative; display: inline; }
		#abboblokken2 div.nr1 { background: url('../images/aboblok-nieuw-250.jpg') left bottom no-repeat; }
		#abboblokken2 div.nr2 { background: url('../images/aboblok-nieuw-eindeloos.jpg') left bottom no-repeat; }
		#abboblokken2 div.nr3 { background: url('../images/aboblok-nieuw-450b.jpg') left bottom no-repeat; }
		#abboblokken2 div.nr4 { background: url('../images/aboblok-nieuw-buitenland.jpg') left bottom no-repeat; }
		#abboblokken2 div.nr5 { background: url('../images/aboblok-nieuw-blackberry.jpg') left bottom no-repeat; }
		
	#abboblokken2 h2 { font-size: 22px; color: #97be0d; margin: 38px 0 0 32px; }
	#abboblokken2 h3 { font-size: 14px; color: #8e004d; margin: 8px 0 0 32px; text-transform: none; width: 260px; }
	#abboblokken2 p { line-height: 15px; }
	#abboblokken2 ul { margin: 8px 0 0 12px; }
	#abboblokken2 li { background: url('../images/homeblok-vinkje.gif') left center no-repeat; padding-left: 17px; line-height: 18px; }
	#abboblokken2 .bestelknop, #abboblokken2 .bestelknopactive { position: absolute; bottom: 30px; left: 45px; background: url('../images/home-bestel-over.gif') left top no-repeat; display: block; width: 163px; height: 42px; }
		#abboblokken2 .bestelknop img { width: auto; height: auto; border: none; }
	#abboblokken2 .boltekst { position: absolute; width: 80px; right: 2px; left: auto; top: 15px; text-align: center; }
	#abboblokken2 .stripehome { left: auto; right: 0px; top: -3px; }
	#abboblokken2 .bellencomstamp { position: absolute; right: 65px; top: -6px; border: none; }
	#abboblokken2 .maandactie { position: absolute; right: 200px; top: 218px; border: none; }
	
	.leftfloattext { }
		.leftfloattext p.startpar, .leftfloattext p { margin: 10px 20px 10px 40px; width: 300px; float: left; clear: left;}
		.leftfloattext #abboblokken2 { width: 400px; float: right; margin-top: 3px; }

	#footer1 { background: url('../images/footer-bot.gif') left bottom no-repeat #e7e7e7; margin: 30px 0 0 0; border-top: 1px solid #dcdcdc; }
	#footer1 div.blok { float: left; width: 262px; margin: 18px 3px 24px 30px; display: inline;}
	#footer1 h4 { font-size: 19px; color: #8e004d; text-transform: uppercase; }
	#footer1 ul { margin: 14px 0 0 0; }
	#footer1 ul li { line-height: 16px; }
	#footer1 a { color: #333333; text-decoration: none; font-weight: normal; font-size: 11px; }
		#footer1 a:hover { color: #666666; }
	
	#footer2 { width: 900px; background-color: #30001a; color: #fff; text-align: center; padding: 40px 0 10px 0; }
		#footer2 a { color: #fff; margin: 0 5px 0 5px; }
		#footer2 p { font-size: 11px; width: 900px; margin: 0 0 24px 0; line-height: 18px; }
		#footer2 p.seos { font-size: 9px; }
	
	
	#content { margin: 30px 0 0 0; padding-top: 30px; min-height: 700px; height: auto !important; height: 700px; position: relative; }
	
	#bestellen table { margin: 0 0 0 22px; width: 856px;  }
	#bestellen th { background-color: #f3f3f3; width: 573px; border-right: 5px solid #fff; border-bottom: 5px solid #fff; font-weight: normal; vertical-align: top; text-align: left; }
		#bestellen p.boldpink { font-weight: bold; color: #8e004d; margin: 20px 0 20px 20px; }
		#bestellen p { margin: 0 0 0 20px; line-height: 15px; width: 500px;}
		#bestellen p.smallpar { width: 330px; }
			#bestellen p.toelichting { margin: 10px 0 0 37px; }
		#bestellen h4 { font-size: 14px; margin: 18px 0 14px 20px; }
		#bestellen ul { font-weight: bold; color: #8e004d; margin: 0 0 0 20px; }
		#bestellen li { background: url('../images/homeblok-vinkje.gif') left center no-repeat; padding-left: 17px; line-height: 24px; }

		ul.voordelen { font-weight: bold; color: #8e004d; margin: 0 0 0 40px; }
		ul.voordelen li { background: url('../images/homeblok-vinkje.gif') left center no-repeat; padding-left: 17px; line-height: 15px; }

		#bestellen td, #kieswijzer td { background-color: #f3f3f3; width: 276px; border-bottom: 5px solid #fff; text-align: center; padding: 15px 0 15px 0; }
		#bestellen .headerlinks, #bestellen .headerlinks2, #bestellen .headerlinks3 { width: 573px; height: 48px; text-indent: -5000px; background: url('../images/bestelheader-groen.gif') left top repeat-x; padding: 0px; }
		
		#bestellen .headerlinksx, #bestellen .headerlinks2x, #bestellen .headerlinks3x { width: 573px; height: 97px; text-indent: -5000px; background: url('../images/header-stap-1.jpg') left top repeat-x; padding: 0px; }
		#bestellen .headerlinks3x { width: 573px; height: 97px; text-indent: -5000px; background: url('../images/header-stap-2.jpg') left top repeat-x; padding: 0px; }
		#bestellen .headerlinks4x { width: 573px; height: 97px; text-indent: -5000px; background: url('../images/header-stap-3.jpg') left top repeat-x; padding: 0px; }
		
			#bestellen .headerlinks2 { background: url('../images/bestelheader-groen2.gif') left top no-repeat; }
			#bestellen .headerlinks3 { background: url('../images/bestelheader-groen3.gif') left top no-repeat; }
		#bestellen .headerrechts, #kieswijzer .headerrechts { width: 278px; height: 48px; text-indent: -5000px; background: url('../images/bestelheader-rechts.gif') left top no-repeat; padding: 0px; }
		#bestellen td.winkelmandje, #kieswijzer td.winkelmandje { height: 380px; text-align: left; vertical-align: top; }
		#kieswijzer td.winkelmandje { height: 220px; }
		#bestellen td.opsomming, #kieswijzer td.opsomming { width: 246px; height: 16px; background-color: #aaaaaa; color: #fff; padding: 16px; font-size: 14px; font-weight: bold; text-align: left; }
		
		#bestellen td.opsommingx { width: 244px; height: 16px;  padding: 16px;  font-weight: bold; text-align: left; }
		#bestellen .opsommingx span { position: absolute; right: 36px; text-align: right; width: 100px; }
		
		/*#bestellen div.opsommingx { height: 16px; background-color:#F3F3F3; padding: 0px 0 16px 18px; font-weight: bold; text-align: left; width: 257px;}*/
		
			#bestellen .opsomming span, #kieswijzer .opsomming span { position: absolute; right: 36px; text-align: right; width: 100px; }
			#bestellen .opsommingx span { position: absolute; right: 10px; text-align: right; width: 100px; }
			#kieswijzer td#besparing { background-color: #8e004d; display: none; }
			.herinnerservicekw { width: 525px; text-align: center; }
				.herinnerservicekw img { margin: 20px auto 0 auto; }
			
		#helpmijkiezen #abboblokken div.blok { display: none; }
		#bestellen .datapakketten ul { width: 367px; position: relative; }
			#bestellen .datapakketten li.novinkje { background: none; color: #6a6a6a; padding: 0px; }
			#bestellen .datapakketten span { position: absolute; right: 0px; }
			#bestellen .datapakketten .toelichting { margin: 10px 0 20px 20px; }
		
	#bestellen dl { margin: 0 0 0 18px; line-height: 23px; font-weight: bold; }
		#bestellen dt { color: #97be0d; margin-top: 3px; }
		#bestellen dd { width: 245px; position: relative; }
		#bestellen dd span { position: absolute; right: 0px; top: 0px; }
			#bestellen dd#abbokosten { height: 40px; }
			#bestellen dd span.oudeprijs { position: absolute; right: -1px; top: 0px; color: #666; }
			#bestellen dd#abbokosten .stripeww { position: absolute; right: -1px; top: 6px; }
			#bestellen dd span.nieuweprijs { top:20px; }
			#bestellen dd span.nieuweprijs span { position: static; color: #97be0d; }
			
			#bestellen dd span.nofloat { position: static; float: none; }
			
	#bestellen .bestelknop { margin: 0 auto 0 auto; background: url('../images/bestelknop-over.gif') left top no-repeat; display: block; width: 239px; height: 42px; border: none; }

	
	#kieswijzer .bestelknop { margin: 0 auto 0 auto; background: url('../images/home-bestel-over.gif') left top no-repeat; display: block; width: 163px; height: 42px; border: none; }
	
	#bestellen th.voorwaarden, #bestellen div.voorwaarden { padding: 0 0 0 18px; }
		#bestellen th.voorwaarden ul li, #bestellen div.voorwaarden ul li { background-position: 0px 5px; }
		#bestellen th.voorwaarden p { margin: 20px 0 20px 0; }
	
		a.uitklap { display: block; }
		.uitklap { display: none; }

	
	#dataverbruik { margin: 10px 0 0 20px; }
	
	/* Form */
	#bestelform #formstap1 { padding: 20px 0 20px 0; }
	#bestelform label { display: block; width: 160px; float: left; line-height: 24px; clear: left; display: inline; }
	#bestelform input, #bestelform textarea { float: left; border: 1px solid #cccccc; padding: 3px; color: #6a6a6a; height: 16px; margin: 2px 0 2px 0; display: inline; } 
		#bestelform textarea { height: 100px; width: 300px; }
	#bestelform input.radio { float: none; border: none; }
	#bestelform input.radio2 { float: none; border: none; }
	#bestelform select { float: left; border: 1px solid #cccccc; padding: 0px; color: #6a6a6a; height: 22px; margin: 2px 2px 2px 0; display: inline; } 
	#bestelform h4 { clear: both; }
	#bestelform #formstap1 span.radio { float: none; }
	#bestelform label.checkbox { width: 500px; }
	#bestelform label.radio2 { width: 500px; margin: 0 0 0 15px; }
	#bestelform input.checkbox { padding: 0px; border: none; float: none; margin: 0 10px 0 0; }
	#bestelform #formstap1 span { float: left; line-height: 24px; display: inline; }
	#bestelform #nrbehoud { margin-left: 20px; display: none; clear: left; }
	#bestelform #formstap1 span.toelichting { float: none; clear: both; display: block; width: 240px; padding: 0 0 0 140px; }
	#bestelform #formstap1 .bestelknop { margin: 20px 0 0 15px; background: url('../images/bestelknop-next-over.gif') left top no-repeat; display: block; float: left; clear: both; display: inline; }
	
	.bestelknopx { margin: 20px 0 0 15px; display: block; float: left; clear: both; display: inline; }
	
	#bestelform #formstap1 #knopstap2b { background: url('../images/bestelknop-over.gif') left top no-repeat; }
	#bestelform #formstap1 #knopstap2b_disabled { margin: 20px 0 0 15px; background: none; display: block; float: left; clear: both; display: inline; text-decoration: none; color: #ccc; text-align: center; }
	
	#bestelform input.rood { border: 1px solid #CC0000; }
	#bestelform .rood { color: #CC0000; }
	
	#bestellen select.prepaid { display: none; padding-left: 5px; }
	#bestellen select.abonnement { padding-left: 5px; }

	.clear { clear: both; }
	.toelichting { font-size: 9px; }

	#bestellen #besteltabel { width: auto; margin-top: 30px; margin-bottom: 30px; position: relative;}
	#besteltabel td, #besteltabel tr, #besteltabel th { border: 1px solid #ccc; width: auto; text-align: left;padding: 5px 4px 4px 4px; height: 20px; }
	#bestellen #besteltabel th { font-weight: bold; width: 100px; padding: 8px 4px 0px 10px;  }
		#bestellen #besteltabel th.btable_small { width: 110px; }
		#bestellen #besteltabel th.btable_medium { width: 130px; }
		#bestellen #besteltabel th.btable_large { width: 250px; display: block; border: none; }
	#bestellen #besteltabel span { float: right; display: block; padding: 5px 4px 4px; font-weight: bold; }
	#bestellen #inet { position: absolute; right: 180px; top: 5px; }

	#faqblokken { width: 540px; margin: 20px 0 0 40px; }
	.faqblok { width: 249px; height: 90px; display: blok; float: left; margin: 0 20px 20px 0; background: url('../images/faqblok-bg.gif') left top no-repeat; position: relative; cursor: pointer; display: inline; }
		.faqblok h3 { color: #97be0d; text-transform: none; font-size: 14px; position: absolute; left: 0px; top: 14px; width: 200px; line-height:22px;}
		.faqblok p { width: 190px; position: absolute; left: 0px; top: 35px; line-height: 16px; font-weight: bold; }
		.faqblok p a { color: #6a6a6a; }
			.faqblok a:hover { text-decoration: none; }

	#top8 { width: 268px; background: url('../images/top8faqheader.gif') top left no-repeat #f3f3f3; float: right; margin: 20px 30px 0 0; padding: 70px 10px 0 0; display: inline;}
	#top8 ul { margin-bottom: 20px; }
	#top8 li { display: block; line-height: 20px; margin: 0 0 10px 18px; padding-left: 15px; background: url('../images/bullet.gif') left top no-repeat; }
		#top8 li a { color: #666666; }
		#top8 li a:hover { color: #333333; }

	#abbos { width: 268px; background: url('../images/nubestellenheader.gif') top left no-repeat #f3f3f3; float: right; margin: 5px 30px 0 0; padding: 70px 10px 0 0; display: inline; }
		#abbos.buitenland { background: url('../images/tarievenbuitenlandheader.gif') top left no-repeat #f3f3f3; }
	#abbos ul { margin-bottom: 20px; }
	#abbos li { display: block; line-height: 20px; margin: 0 0 10px 18px; padding-left: 15px; background: url('../images/bullet.gif') left top no-repeat; }
		#abbos li a { display: block; background-color: #f3f3f3;}

	#kieswijzer { width: 268px; float: right; margin: 0px 20px 0 0; display: none; }
	#kieswijzer ul { margin-bottom: 20px; }
	#kieswijzer li { display: block; line-height: 20px; margin: 0 0 10px 18px; padding-left: 15px; background: url('../images/bullet.gif') left top no-repeat; }
		#kieswijzer li a { color: #666666; }
		#kieswijzer li a:hover { color: #333333; }
	
		#kieswijzer dl { margin: 0 0 0 18px; line-height: 23px; font-weight: bold; }
		#kieswijzer dt { color: #97be0d; margin-top: 3px; }
		#kieswijzer dd { width: 245px; position: relative; }
		#kieswijzer dd span { position: absolute; right: 0px; top: 0px; }

	#faqs { margin-left: 40px; line-height: 30px; }
		#faqs dd { line-height: 16px; width: 500px; margin-bottom: 20px; }
		#faqs dd h3 { font-weight: normal; margin: 0px; color: #97be0d; text-transform: none; font-size: 12px; }
		
	#helpmijkiezen { width: 606px; min-height: 500px; }
	#kiesstap0 { width: 606px; text-align: left; display: block; margin: 10px 0 0 0px; }
	#kiesstap1 { width: 606px; text-align: center; display: none; margin: 10px 0 0 0px; }
	#kiesstap2 { width: 606px; text-align: left; display: block; margin: 10px 0 0 0px; }
		#kiesstap2b { width: 606px; text-align: left; display: block; margin: 10px 0 0 0px; }
	#kiesstap3 { width: 606px; text-align: left; display: none; margin: 10px 0 0 0px; }
	#kiesstap3b { width: 606px; text-align: left; display: none; margin: 10px 0 0 0px; }
	#kiesstap4 { width: 606px; text-align: left; display: none; margin: 10px 0 0 0px; }
	#kiesstap5 { width: 606px; text-align: left; display: none; margin: 10px 0 0 0px; }
	#kiesstap6 { width: 606px; text-align: left; display: none; margin: 10px 0 0 0px; }
	#kiesstap7 { width: 606px; text-align: center; display: none; margin: 10px 0 0 0px; }
	#kiesstap4b { width: 606px; text-align: left; display: none; margin: 10px 0 0 0px; }
	#kiesstap5b { width: 606px; text-align: left; display: none; margin: 10px 0 0 0px; }
	#kiesstap6b { width: 606px; text-align: left; display: none; margin: 10px 0 0 0px; }
	#kiesstap7b { width: 606px; text-align: center; display: none; margin: 10px 0 0 0px; }
	#kiesstapcalc { width: 606px; text-align: center; display: none; margin: 30px 0 0 37px; }

	.rule { width: 573px; height: 50px; line-height: 50px; background: url('../images/helpkiezenrule.gif') left top no-repeat; font-weight: bold; font-size: 14px; color: #8e004d; margin: 0 0 10px 20px; text-align: center; }
	.rule span { color: #97be0d; }
	
		#kiesstap2b .rule span, #kiesstap3b .rule span, #kiesstap4b .rule span, #kiesstap5b .rule span { width: 12px; height: 50px; background: url('../images/helpkiezenrule.gif') right top no-repeat; position: absolute; left: 149px; top: 0px; }
		
	#kiesstap0b { margin-bottom: 20px; }
	#kiesstap2b .rule { width: 140px; float: left; padding: 0px 10px 0px 10px; margin-right: 20px; position: relative; }
	#kiesstap2b .kiesblok_xs { float: left; margin: 0; width: 100px; }
	#kiesstap3b .rule { width: 140px; float: left; padding: 0px 10px 0px 10px; margin-right: 20px; position: relative; }
	#kiesstap3b .kiesblok_xs { float: left; margin: 0; width: 100px; }
	#kiesstap4b .rule { width: 140px; float: left; padding: 6px 10px 0px 10px; line-height: 20px; margin-right: 20px; position: relative; }
	#kiesstap4b .kiesblok_xs { float: left; margin: 0; width: 100px; }
	#kiesstap5b .rule { width: 140px; float: left; padding: 6px 10px 0px 10px; line-height: 20px; margin-right: 20px; position: relative; }
	#kiesstap5b .kiesblok_xs { float: left; margin: 0; width: 100px; }
	#kiesstap6b .rule { width: 573px; float: left; padding: 6px 10px 0px 10px; line-height: 20px; margin-right: 20px; position: relative; }
	#kiesstap7b .rule { width: 140px; float: left; padding: 6px 10px 0px 10px; line-height: 20px; margin-right: 20px; position: relative; }
	
	.kiesblok_xs a.active { background-position: 0% 100%; }
	
	#toelichtingmail2 { font-weight: bold; margin: 20px; width: 563px; display: none; float: left; }
	
	
	
	#kiesstap0 .rule span { font-size: 10px; margin-left: 20px; }
	.kiesblok_s { width: 113px; height: 70px; margin: 0 auto 0 auto; text-align: center; font-size: 14px; float: left; margin-left: 20px; margin-right: 18px; display: inline; }
		#kiesstap5 .kiesblok_s { padding-left: 110px; }
		.kiesblok_s a { display: inline-block; background: url('../images/helpkiezenblok-s.gif') left top no-repeat; width: 93px; height: 30px; padding: 20px 10px 20px 10px; margin: 0 5px 0 5px; margin: 0 auto 0 auto; }
		.kiesblok_s a span { font-size: 12px; }
		.kiesblok_s a:hover { background-position: left bottom; text-decoration: none; }
	.kiesblok_xs { width: 113px; height: 70px; margin: 0 auto 0 auto; text-align: center; font-size: 12px; float: left; margin-left: 20px; margin-right: 18px; display: inline; }
		#kiesstap5 .kiesblok_xs { padding-left: 110px; }
		.kiesblok_xs a { display: inline-block; background: url('../images/helpkiezenblok-xs.gif') left top no-repeat; width: 73px; height: 25px; padding: 10px 7px 15px 5px; margin: 0 5px 0 5px; margin: 0 auto 0 auto; }
		.kiesblok_xs a span { font-size: 12px; }
		.kiesblok_xs a:hover { background-position: left bottom; text-decoration: none; }
	.kiesblok, .kiesblokhidden { width: 153px; height: 110px; margin: 0 auto 0 auto; display: inline-block; }
	.kiesblok a, .kiesblokhidden a { width: 123px; height: 90px; padding: 10px 10px 10px 10px; background: url('../images/helpkiezenblok.gif') left top no-repeat; cursor: pointer; display: block; margin-right: 10px; }
	.kiesblokhidden { display: none; }
	#maandfact { width: 100px; height: 16px; padding: 4px; font-size: 13px; border: 1px solid #d5d7d7; color: #6a6a6a; }
	
	#toelichtingmail { font-weight: bold; margin: 20px; width: 573px; display: none; }
	
	#contactformulier { width: 700px; height: 700px; margin: 0 0 0 30px; }
	
	
	/* Vergelijk NEW */
	
	#vergelijkhome-new { margin-left: 0px; text-align: left; }
	#vergelijkhome-new .divje { background: url('../images/headerbg-groen.gif') left top repeat-x ; width: 250px; height: 180px; display: block; text-align: left; float: left; margin: 0 20px 40px 0; font-size: 12px;  position: relative; display: inline; }
	
	/* remove zodra vier divs vergelijkingspagina */
	#vergelijkhome-new { margin-left: 30px; }
		#vergelijkhome-new .divje { margin-left: 10px; }
	/* remove zodra vier divs vergelijkingspagina */
	
		#vergelijkhome-new h3.cufon { color: #fff; font-size: 22px; margin: 12px 0 0 10px; }
		#vergelijkhome-new p { width: 190px; text-align: center; margin: 40px 0 0 0; }
		#vergelijkhome-new p span { color: #8e004d; font-size: 14px; }
		#vergelijkhome-new .landbol { position: absolute; right: -16px; top: -5px; }
		#vergelijkhome-new #bestelknop { margin: 30px auto 0 auto; padding: 0 250px 0 200px; clear: both; }
		.center { text-align: center; margin: 0 auto 0 auto; }
		#bestelknoplos { position: absolute; right: 40px; top: 110px; }
		
		
		.vergelijktabel-new { width:250px; margin-top:30px; }
		.vergelijktabel-new2 { width:530px; margin-top:30px; }
		.vt-lijn { height:30px; text-indent:10px; line-height:30px; }
		.vt-grijs { background:#EBEBEB; }
		.vt-yf { color:#8D004D; font-weight:bold; }
		.vt-lebara { color:#2A97DA; font-weight:bold; }
		.vt-ortel { color:#DD191D; font-weight:bold; }
		
		
		.vf-grijs1 { background: url('../images/headerbg-grijs.jpg') left top repeat-x ; width: 250px; height: 180px; display: block; text-align: left; float: left; margin: 0 20px 40px 0; font-size: 12px; f cursor: pointer; position: relative; display: inline; margin-left: 10px;  }
		
		.vf-grijs2 { background: url('../images/headerbg-grijs.jpg') left top repeat-x ; width: 530px; height: 180px; display: block; text-align: left; float: left; margin: 0 20px 40px 0; font-size: 12px; f cursor: pointer; position: relative; display: inline;  margin-left: 10px;  }
		.vf-grijs2 h3.cufon { color: #fff; font-size: 22px; margin: 12px 0 0 10px; width: 400px;}
	
	/* Vergelijkingspagina's */
	
	#vergelijkhome { margin-left: 40px; text-align: center; }
	#vergelijkhome div { background: url('../images/headerbg-groen.gif') left top repeat-x #f3f3f3; width: 186px; height: 235px; display: block; text-align: left; float: left; margin: 0 20px 40px 0; font-size: 12px; font-weight: bold; cursor: pointer; position: relative; display: inline; }
	
	/* remove zodra vier divs vergelijkingspagina */
	#vergelijkhome { margin-left: 90px; }
		#vergelijkhome div { margin-left: 30px; }
	/* remove zodra vier divs vergelijkingspagina */
	
		#vergelijkhome h3.cufon { color: #fff; font-size: 22px; margin: 12px 0 0 10px; width: 166px;}
		#vergelijkhome p { width: 190px; text-align: center; margin: 40px 0 0 0; }
		#vergelijkhome p span { color: #8e004d; font-size: 14px; }
		#vergelijkhome .landbol { position: absolute; right: -16px; top: -5px; }
		#vergelijkhome #bestelknop { margin: 30px auto 0 auto; padding: 0 250px 0 200px; clear: both; }
		.center { text-align: center; margin: 0 auto 0 auto; }
		#bestelknoplos { position: absolute; right: 40px; top: 110px; }
	
	#vergelijkingheader { margin: 0 0 20px 22px; width: 856px; }
		#vergelijkingheader th.cufon { font-size: 20px; background-color: #999; color: #fff; padding: 10px; text-transform: uppercase; padding-left: 20px; border: 1px solid #999; }
		#vergelijkingheader td { padding: 20px; border: 1px solid #999; position: relative; display: block; }
		#vergelijkingheader p.bol, #bespaarbollen p.bol { padding: 15px 10px 15px 10px; width: 85px; height: 75px; position: absolute; right: 10px; top: 10px; display: block; background: url('../images/bol.gif') left top no-repeat; text-align: center; font-size: 10px; color: #fff; font-weight: bold;line-height: 12px; }
			#bespaarbollen p.bol { position: static; float: left; margin: 20px 20px 30px 30px; top: auto; left: auto; display: inline; }
		#vergelijkingheader p.bol span { font-size: 20px; line-height: 38px; }
		#bespaarbollen p.bol span { font-size: 20px; line-height: 30px; }
		#vergelijkingheader .lijst1 { font-weight: bold; font-size: 14px; margin-bottom: 10px; }
			#vergelijkingheader .lijst1 li { background: url('../images/vergelijkingbullet.gif') left center no-repeat; padding-left: 15px; }
		#vergelijkingheader .lijst2 { margin-bottom: 10px; line-height: 16px; }
			#vergelijkingheader .lijst2 li { margin: 0 10px 10px 0; height: 20px; position: relative; }
			
			
			#vergelijkingheader .lijst2 span.kleur1, #vergelijkingheader .lijst2 span.kleur2, #vergelijkingheader .lijst2 span.kleur3, #vergelijkingheader .lijst2 span.kleuryf { width: 266px; height: 20px; display: block; background: url('../images/rechtsrond.png') right top no-repeat #E2001A; font-size: 11px; color: #fff; padding: 0 0 0 10px; float: left; margin-right: 10px; position: relative; display: inline; }
				.linksrond { position: absolute; left: 0px; top: 0px; }
			#vergelijkingheader .lijst2 span.kleur2 { width: 335px; background-color: #3FAADC; }
			#vergelijkingheader .lijst2 span.kleur3 { width: 430px; background-color: #E21876; }
			#vergelijkingheader .lijst2 span.kleuryf { width: 196px; background-color: #8e004d; }
			#vergelijkingheader .lijst2 span.b { width: 70px; font-size: 14px; text-align: center; padding: 0px; }
	
	#vergelijkuitklapdiv { display: none; }
	.vergelijkingtable { margin: 0 0 40px 22px; width: 856px; }
	.tm { margin-top: 40px; }
		.vergelijkingtable th {vertical-align: middle; text-align: center; background-color: #97be0d; color: #fff; font-weight: bold; padding: 10px; border: 1px solid #999; width: 200px; }
		.vergelijkingtable tr.thwit th { background-color: #fff; color: #6a6a6a; }
		.vergelijkingtable tr.thgrijs th { background-color: #999; text-align: left; }
			.vergelijkingtable tr.thgrijs th h3.cufon { color: #fff; margin: 10px 0 10px 0px; }
		.vergelijkingtable td { text-align: center; padding: 10px; border: 1px solid #999; }
		.vergelijkingtable td.empty { border-top: none; border-bottom: none; }
		.vergelijkingtable td.alignleft { text-align: left; font-weight: bold; }
	
		.kleuryf { font-weight: bold; color: #8e004d; }
		.kleur1 { font-weight: bold; color: #E2001A; }
		.kleur2 { font-weight: bold; color: #3FAADC; }
		.kleur3 { font-weight: bold; color: #E21876; }
		.kleur4 { font-weight: bold; color: #60921C; }
		
		.vergelijkingtable th.kleuryf { font-weight: bold; color: #8e004d; text-align: left; background-color: #fff; }
		.vergelijkingtable th.kleur1 { font-weight: bold; color: #E2001A; text-align: left; background-color: #fff; }
		.vergelijkingtable th.kleur2 { font-weight: bold; color: #3FAADC; text-align: left; background-color: #fff; }
		.vergelijkingtable th.kleur3 { font-weight: bold; color: #E21876; text-align: left; background-color: #fff; }
		.vergelijkingtable th.kleur4 { font-weight: bold; color: #60921C; text-align: left; background-color: #fff; }

		.vergelijkingtable th.bgwit { font-weight: bold; background-color: #fff; color: #6a6a6a; text-align: left; }
		.vergelijkingtable th.bgkleuryf { font-weight: bold; background-color: #8e004d; color: #fff; text-align: center; width: 180px; }
		.vergelijkingtable th.bgkleur1 { font-weight: bold; background-color: #E2001A; color: #fff; text-align: center; width: 180px; }
		.vergelijkingtable th.bgkleur2 { font-weight: bold; background-color: #3FAADC; color: #fff; text-align: center; width: 180px; }
		.vergelijkingtable th.bgkleur3 { font-weight: bold; background-color: #E21876; color: #fff; text-align: center; width: 180px; }
		.vergelijkingtable th.bgkleur4 { font-weight: bold; background-color: #60921C; color: #fff; text-align: center; width: 180px; }
		
		.toelichtingtekst { line-height: 12px; width: 700px; font-size: 10px; margin-left: 30px; }
		.toelichtingh { color: #97be0d; line-height: 12px; margin-left: 30px; width: 500px; font-size: 10px; }
		
		.groen { color: #97be0d; }

		#tarievenpaginas h4.cufon { display: block; background: url('../images/headerbg-groen.gif') left top repeat-x #97be0d; width: 508px; height: 24px; color: #fff; margin: 0 0 20px 30px; padding: 12px 12px 12px 32px; font-size: 24px; text-transform: uppercase; position: relative; cursor: pointer; }
			#tarievenpaginas h4.cufon a { color: #fff; }
			#tarievenpaginas h4.cufon a:hover { text-decoration: none; }
			#tarievenpaginas h4.cufon img { position: absolute; left: 0px; top: 0px; }
			#tarievenpaginas p { margin-bottom: 20px; }
			#tarievenpaginas #anderetarieven h4.cufon { margin-bottom: 0px; }
		#tarievenpaginas table { margin: 0 0 20px 30px; width: 550px; }
		#tarievenpaginas td { padding: 10px; border: 1px solid #999; }
		#tarievenpaginas th { padding: 10px; border: 1px solid #999; text-align: left; }
			#tarievenpaginas tr.tabje th, #tarievenpaginas tr.tabje td, #tarievenpaginas tr.tabje2 th { border: none; color: #97be0d; }
			#tarievenpaginas tr.tabje th { min-width: 264px; }
				#tarievenpaginas tr.tabje th { background: url('../images/tabletab.gif') 0 0px no-repeat; }
				#tarievenpaginas tr.tabje2 th { background: none; border: 1px solid #999; } /*breder*/
		#tarievenpaginas .toelichting { line-height:16px; font-weight: bold; }
			#tarievenpaginas .toelichting p { margin: 0px; }
			#tarievenpaginas td.nblb { border-left: none; border-bottom: none; }
			#tarievenpaginas td.nbrb { border-right: none; border-bottom: none; }
			#tarievenpaginas td.nblbt { border-left: none; border-bottom: none; border-top: none;}
			#tarievenpaginas td.nbrbt { border-right: none; border-bottom: none; border-top: none; }
			#tarievenpaginas td.nbl { border-left: none;  border-top: none; }
			#tarievenpaginas td.nbr { border-right: none;  border-top: none; }
			#tarievenpaginas select { color: #6a6a6a; }
			
		#tarievenpaginas .tarievendeco {float: right; clear: both; margin: 0 22px 20px 0px; display: inline; }
		#tarievenpaginas .tarievenbestel {float: right; clear: both; margin: 0 22px 20px 0px; display: inline; }
			
	#zoekres { margin: 0 40px 40px 40px; }
		#zoekres h3 { margin: 20px 0 10px 0; }
		#zoekres p { margin-left: 0px; }

		#zoekform { position: absolute; right: 0px; top: 87px; }
		#zoekform p.zoekvelden { width: 220px; height: 168px; display: block; position: relative; padding: 0px; }
		#zoekform #query { width: 148px; height: 16px; padding: 4px; font-size: 11px; border: 1px solid #d5d7d7; color: #6a6a6a; background: url('../images/zoekveldbg.gif') 4px 50% no-repeat; position: absolute; right: 55px; top: 1px; }
			#zoekform #query:focus { background: none; }
		input#submit { height: 24px; width: 23px; background: url('../images/zoekbut.gif') left top no-repeat; position: absolute; right: 25px; top: 1px; border: 0px; }
			input#submit:hover { background-position: left bottom; }
		
	#slideshow, #slideshow2 {
		position:relative;
		height:245px;
	}
	
	#slideshow2.kieswijzerb * { z-index: 2; }
	#slideshow.kieswijzer, #slideshow2 {
		height: 152px; margin: 100px 0 10px 20px; }
	#slideshow.kieswijzerb, #slideshow2.kieswijzerb {
		height: 152px; margin: 170px 0 10px 20px; z-index: 1; }
		
	#slideshow2.kieswijzerb {
		height: 152px; margin: 0px 0 10px 20px; z-index: 1; float: left; clear: both; }
			
	#slideshow.dec10 { margin-left: 20px; }
	
	#slideshow div {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
		height: 240px;
		background-color: #FFF;
	}
	
	#slideshow.kieswijzer div, #slideshow.kieswijzerb div {
		height: 152px;
	}

	#slideshow div.active {
		z-index:10;
		opacity:1.0;
	}
	
	#slideshow div.last-active {
		z-index:9;
	}
	
	#slideshow div img {
		height: 240px;
		width: 900px; 
		display: block;
		border: 0;
		margin-bottom: 10px;
	}
	
	#slideshow.dec10 div img { width: 566px; height: 220px; }

	#slideshow.kieswijzer div img, #slideshow.kieswijzerb div img {
		height: 152px;
		width: 573px; 
		display: block;
		border: 0;
		margin-bottom: 10px;
	}
	
	#kieswijzermeerinfo { margin-left: 160px; display: none; }

	img#overlayslide { position: absolute; right: 21px; top: 167px; z-index: 11; }
	img#betrouwbaarnetwerk { position: absolute; right: 22px; top: 151px; z-index: 11; }
	img#kieswijzerslide { position: absolute; right: 0px; top: 201px; z-index: 11; }

	ul#sitemap1 { display: block; width: 300px; margin: 20px 20px 20px 40px; float: left; }
	ul#sitemap2 { display: block; width: 300px; margin: 20px 0px 20px 0px; float: left; }
		ul#sitemap1 li, ul#sitemap2 li { margin-bottom: 10px; }
		ul#sitemap1 li ul, ul#sitemap2 li ul { margin: 0 0 10px 13px; }
		ul#sitemap1 li ul li, ul#sitemap2 li ul li { margin-bottom: 0px; }
		ul#sitemap1 li ul li a, ul#sitemap2 li ul li a { font-weight: normal; }
		
	.small { font-size: 9px; }
	
	#herinnerservice { width: 500px; margin-left: 40px; }
	#herinnerservice input { width: 239px; }
	#herinnerservice input.checkbox { width: auto; }
	#herinnerservice label { display: block; width: 150px; float: left; clear: left; line-height: 20px; display: inline; }
	#herinnerservice label.radiom { float: left; clear: none; margin-left: 150px; width: 60px; display: inline; }
	#herinnerservice label.radiov { float: left; clear: none; display: inline; }
	#next3 img { width: 239px; height: 42px; }
	#next3 { background: url('../images/herinnerbutton.gif') 0px 0px; display: block; width: 239px; height: 42px; margin: 10px 0 0 150px; }
		#next3:hover { background-position: 0px -42px; }
	.rood { color: #990000; }
	
	#table { background: #F3F3F3; width: 855px; margin-left: 22px; }
	.colleft { width: 575px; float: left; margin-right: 5px; }
	.colright { width: 275px; float: left; }
	.hcell, .cell, .hcelltop, .celltop { background-color: #F3F3F3; margin: 0px 0 0 0; padding: 0px 0 10px 0; float: left; clear: left; position: relative; }
	.cell, .celltop { width: 275px; border-top: 5px solid #fff; }
	
	
	
	.hcell, .hcelltop { width: 575px; border-top: 5px solid #fff; border-right: 5px solid #fff; }
	.hcelltop { background: url('../images/bestelheader-groen.gif') left top repeat-x; text-indent: -5000px; height: 48px; padding-bottom: 0px; }
	.celltop { background: url('../images/bestelheader-rechts.gif') left top repeat-x; text-indent: -5000px; height: 48px; padding-bottom: 0px;}
	.row { float: left; clear: both; background-color: #F3F3F3; }
	#bestellen div.winkelmandje dl { margin: 20px 10px 18px 20px; }
	#bestellen div.opsomming { height: 16px; background-color: #aaaaaa; color: #fff; padding: 16px 0 16px 18px; font-size: 14px; font-weight: bold; text-align: left; width: 257px;}
	
	#bestellen div.opsommingx { height: 16px; background-color:#F3F3F3; padding: 0px 0 16px 18px; font-weight: bold; text-align: left; width: 257px;}
	.randx { border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;  border-top:0; }
	
	#table .bestelbt { padding: 10px 0 10px 0; }
	#table .buttons { text-align: center; }
	#table div.voorwaarden p { margin: 20px 0 20px 0; }
	#table div.voorwaarden { width: 557px; }
	
	#tel0800 { position: absolute; right: 23px; top: 231px; }
	#tel0800.high { top: 201px; }
	.buitenlandparts { position: absolute; top: 480px; }
	.buitenlandplaceholder { height: 150px; display: block; }
	
	body#dealers { background: none; }
	#dealerlogin { width: 900px; height: 452px; background: url('../images/dealerhome.png') left top no-repeat; margin: 50px auto 0 auto; padding: 150px 0 0 0px; text-align: left; }
	#dealerlogin h3 { margin-left: 250px; }
	#dealerlogin h2 { margin-left: 250px; }
	#dealerlogin #content h2, #dealerlogin #content h3 { margin-left: 30px; }
	#dealerlogin form { margin: 20px 0 0 250px; }
	#dealerlogin label { width: 150px; display: block; line-height: 22px; }
	#dealerlogin input { width: 250px; margin-bottom: 10px; padding: 5px; }
	#dealerlogin #submitdl { background-color: #97be0d; width: 260px; border: 1px solid #97be0d; cursor: pointer; }	
		#dealerlogin #submitdl:hover { border: 1px solid #000; }
	#dealerlogin p.error { font-weight: bold; color: #990000; margin: 10px 0 0 250px; }
	#dealerlogin p.ok { font-weight: bold; color: #97be0d; margin: 10px 0 0 250px; }
	#dealerlogin #content { margin: 0px; background-color: #fff; padding-top: 0px; }
	#dealerlogin #menu { float: right;  margin-right: 30px; }
	
	#facebooklike { position: absolute; right: 26px; top: 120px; width: 130px; height: 20px; overflow: hidden; }
	
	.floatMenueen { position:absolute; top:104px; right: 22px; }
	.floatMenutwee { position:absolute; top:157px; right: 22px; }
	.floatMenudrie { position:absolute; top:572px; right: 22px; }
	.floatMenudriex { position:absolute; top:562px; right: 22px; }
	.floatMenuvier { position:absolute; top:625px; right: 22px; }
	.floatMenuvierx { position:absolute; top:600px; right: 22px; }
	.floatMenuvijf { position:absolute; top:678px; right: 22px; }
	
	.floatMenuzesx { position:absolute; top:700px; right: 22px; }
	
	#zoneoverzicht h3 { margin-top: 20px; width: 300px; }
	#zoneoverzicht table {  margin-left: 35px; }
	#zoneoverzicht td { padding: 4px; }
	#zoneoverzicht td.land { width: 300px; }
