/*Scooterverzekeren*/

* {
  margin: 0;
}
html, body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, form, fieldset {
  padding: 0; /*bescherm form controls*/
}

img {
  border: 0;
  vertical-align: bottom;
}

ul {
  list-style: none;
}

body {
  background-color: #fff;
  color: #000;
  font: 100% helvetica, arial, sans-serif;
}

#container {
  min-width: 760px;
  max-width: 64em;
}

* html #container {
  width: 760px; 
  width:expression((document.body.clientWidth>1024) ? "1020px" : ((document.body.clientWidth>800) ? "auto" : "760px"));
}

a:hover, a:focus, a:active {
  color: #109cde;
}

#overslaan {
  color: #fff;
  font: bold 1em/1.1em georgia, "palatino linotype", "times new roman", serif;
}
	#overslaan:focus, #overslaan:hover, #overslaan:active {
	  background-color: #d9e8ff;
	  color: #000;
	}

a[href$=".pdf"], a.pdf { /*sommige pdf links hebben geen .pdf eind*/
  line-height: 1.88em;
  padding-right: 29px;
  background: url(../images/pdf-icon.gif) 100% 50%  no-repeat;
}

a.skip {
  position: absolute;
  left: -9999em;
  top: -9999em;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  padding: 5px;
  border: 1px solid #4864a4;
  background-color: #fff; 
}
	a.skip:focus, a.skip:active {
	  left: 8em;
	  top: 4em;
	  color: #c10e0e;
	  outline: 0;
	}

a.formskip {
  font-size: .9em;
  color: #d9e8ff;
}
	a.formskip:focus, a.formskip:hover, a.formskip:active {
	  color: #000;
	  background-color: #fff;
	  text-decoration: underline;
	}
p {
  margin: 10px 0;
}

p.bold, span.bold {
  font-weight: bold;
}

p.center {
  text-align: center;
}

p.clear {
  clear: both;
}

span.kleur {
  color: #109cde;
}

span.sitenaam {
  font: small-caps bold 1.4em verdana, arial, helvetica, "bitstream vera sans bold", "trebuchet ms", sans-serif;
  color: #109cde;
}
	span.sitenaam span {
	  color: #000;
	}

#header {
  position: relative;
  z-index: 10;
  width: 100%; /*Hazlayout*/
}

#mainpagina h1, #naam {
  float: left;
  display: inline;/*IE6*/
  margin: 10px 0 0 15px;
  width: 330px;
  height: 49px;
  font: bold small-caps 34px/54px impact, "arial black", "bitstream vera sans bold", verdana, sans-serif;
  position: relative;
  overflow: hidden;
}
	#mainpagina h1 a, #naam a {
  	  position: absolute;
  	  height: 49px;
  	  width: 335px;
	  top: 0;
	  left: 0;
  	  background: url(../images/scooterlogo.gif) 0 0 no-repeat;
	}

/*bromfietsverzekeren*/
body.bromfiets h1 {
  margin-left: 0;
  width: 349px;
  height: 49px;
  font: 26px/54px impact, techno, verdana, arial,  sans-serif;
}
	body.bromfiets h1 a {
  	  height: 56px;
  	  width: 349px;
  	  background: url(../images/bromfietsverzekeren.png) 0 0 no-repeat;
	}
/*eind bromfietsverzekeren*/


#topmenu {
  float: right;
  display: inline;/*IE6*/
  min-width: 38em;
  min-height: 20px;
  margin: 24px 10px 0 1px;
  padding: 5px;
  background-color: #d9e8ff;
  border: 5px solid #e7f6ff;
  border-bottom: 0;
}
* html #topmenu {width: 38em;}

	#topmenu li {
  	  display: inline;
	}
	#topmenu a {
	  float: left;
	  margin-left: 15px;
  	  text-decoration: none; 
  	  font: 1.1em/2em arial, helvetica, sans-serif;
  	  color: #000;
  	  text-align: center;
	}
* html #topmenu a {padding-right: 10px; background: url(../images/divider.gif) 100% 50% no-repeat;}

	#topmenu a:visited {
  	  color: #4864a4;
	}
	#topmenu a:focus, #topmenu a:hover, #topmenu a:active,
	#submenu a:focus, #submenu a:active {
  	  color: #109cde;
          text-decoration: underline;
	  outline: 0;
	}

#sidebar {
  clear: left;
  float: left;
  display: inline; /*IE6*/
  width: 8.5em;
  margin-top: .9em;
}
* html #sidebar {margin-top: 0;}
*+html #sidebar {margin-top: 0;}/*IE neemt margin vanaf de bodem van de H1 terwijl modernen laten margins daaronder glijden*/

	#submenu {
	  width: 8em;
	  margin: 0 auto;
  	  padding: 20px 0;
	  text-align: center;
	  border: 1px solid #000;
	}
	* html #submenu {/*IE5.5 just because*/
	  width: 134px;
	  margin: 0 0 0 5px;
	  _width: 8em;
	  mar\gin-left: auto;
	}
		#submenu li {
  	  	  padding: 10px 0;
		}	
		#submenu li.border {
  	  	  padding-bottom: 20px;
  	  	  border-bottom: 2px solid #8d8d8d;
		} 
		#submenu a {
  	  	  color: #000;
  	  	  text-decoration: none;
	  	  font-weight: bold;
	 	  font-size: 1em;
		}
		#submenu a:hover {
  	 	  color: #109cde;
	  	  text-decoration: none;
		}
		#submenu a.huidig {
		  color: #c10e0e;
		  text-decoration: underline;
		}
			#submenu a.huidig:focus {
			  outline: 1px dotted;
			}

	#banners a {
 	  display: block;
	  margin: 15px auto 0;
	  text-align: center;
	  border: 1px solid #000;
	}
		#banners #banner1 {
	 	  width: 120px;
		}
		#banners #banner2 {
		  width: 140px;
		  border: 0;
		}

#inhoud {
  clear: right;
  position: relative;
  z-index: 1;
  top: -5px;
  margin-left: 8.6em; 
  padding: 15px 15px 5em;
  border: 5px solid #e7f6ff;
  background: #d9e8ff 99% 95% no-repeat;
  min-height: 550px;
}
* html #inhoud {height: 550px;}

#inhoud:after {
  content: " ";
  display: block;
  clear: both;
}

	#mainpagina #inhoud {
  	  background-image: url(../image_bromfiets3.gif);
	}
	#bereken #inhoud {
  	  background-image: url(../image_bromfiets.gif);
	}
	#afsluiten #inhoud {
  	  background-image: url(../image_bromfiets2.gif);
	}
	#contact #inhoud {
  	  background: #d9e8ff url(../images/envelope.gif) 79% 40% no-repeat;
	  padding-bottom: 50px;
	}
	#mutatie #inhoud {
	  background-image: url(../image_bromfiets4.gif);
	}

h1 {
  text-align: center;
  font-size: 1.5em;
}

#print {
  height: 40px;
  width: 80px;
  overflow: hidden;
  float: right;
  margin-right: 20px;
  position: relative;
}
	#print span {
	  position: absolute;
	  height: 100%;
	  width: 100%;
	  left: 0;
	  top: 0;
	  background: url(../images/afdrukbaar2.gif) 0 0 no-repeat;
	}
	#print:hover {
	  cursor: pointer; /*stomme IE*/
	} 

#korting {
  background-color: #ff0;
  border: 1px solid #000;
  color: #f00;
  font: bold 1em/1.2em georgia, "times new roman", serif;
  text-align: center;
  width: 270px;
  float: right;
  margin: 0 20px 10px 0;
}

img.guislogo {
  float: right;
  margin-right: 10px;
}

h2 {
  padding-left: 10px;
  margin: 15px 0 7px 0;
  font-size: 1.2em;
}
#mainpagina h2, #login h2 {
  text-align: center;
  font-size: 1.1em;
}

        /*disclaimer enz*/
        #disclaimer h2 {
          margin: 25px 0 -5px 0;
        }
h3, h4 {
  padding-left: 10px;
  margin: 5px 0 7px 0;
  font-style: italic;
  font-size: 1.1em;
}
	h3.lijstlinks {
	  clear: left;
	  text-align: left;
	}

h4 {
  font-size: 1em;
}

#address {
  clear: right;
  width: 20em;
  height: 6em;
  margin: 1.5em auto 0;
  border: 1px solid #535459;
  background-color: #d9e8ff;
  padding: 5px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  padding-bottom: 50px;
}

address {
  margin: 2em auto 40px;
  width: 18em;
  font-style: normal;
  font-weight: bold;
  position: relative;
  margin: -9.4em auto 45px;
}
        #disclaimer address {
          margin: .8em 0 .8em 4em;
        }

	address span {
	  display: block;
	  margin-top: 1em;
	}
/*ie5.5 just because*/
* html #contact #address {
  height: 9em;
  hei\ght: 6em;
}
* html #contact address {
  margin: -8.5em 0 0 2em;
  mar\gin: -9.5em auto 45px;
}

#reclames {
  float: left;
  width: 100%;
}
        #reclames a {
          margin: 0 5px;
        }
        #reclames img {
          vertical-align: middle;
        }
	#reclames #auto {
          display: block;
          width: 468px;
          margin: 10px auto;
	  border: 1px solid #00a0af;
	}

#soortcontent {
  padding: 5px;
}
	ul.indent {
	  margin: 5px 5px 5px 40px;
	}
	.indent li {
	  display: list-item;
	  list-style: disc;
	  font-style: italic;
	  line-height: 1em;
	  padding: 2px;
	  margin: 0;
	}
#plaatjes {
  margin: 10px 0;
}
#plaatjes .geel {
  background-color: #fc0;
  border: 1px solid #fd9500;
  margin: 10px;
  padding: 10px 5px;
}
#plaatjes .blauw {
  border: 1px solid #0175a6;
  margin: 10px;
  padding: 10px 5px;
  line-height: 1.88em;
  padding-right: 29px;
  background: #79c9fb;
}

#linkslijst {
  width: 100%;
}

#linkslijst div {
  overflow: hidden;
  margin: 20px 0;
  padding: 1px;
}
* html #linkslijst div {height: 156px; overflow: visible;}

	#linkslijst div a {
	  float: left;
	  width: 300px;
	  text-align: center;
	}
	#linkslijst div a img {
	  display: block;
	  margin: 0 auto;
	  text-decoration: none;
	}
	#linkslijst div p {
	  margin-left: 305px;
	}

#foutlijst {
  width: 30em;
  margin: 0 auto;
}
	#foutlijst li {
	  display: list-item;
	  list-style-type: circle;
	}
	#foutlijst a {
	  font-weight: bold;
	}
  

form, #gegevens {
  margin: 0 auto 5em;
  width: 37em;
  font-family: arial, helvetica, sans-serif;
}
* html form, * html #gegevens {width: 36em;}

form a, form a:hover, form a:focus {
  color: #000;
  text-decoration: none;
}
	#formAfsluiten {
	  clear: right;/*print.html*/
	}

fieldset { 
  position: relative; 
  margin: 5px 0;
  padding: 1em 0.5em 1em;
  border: 1px solid #535459;	
}
	fieldset.access {
	  border: 0;
	  width: 97%;
	  padding: 0 2px 2px;
	  margin: 0;
	}

/*volgende fieldsets zijn hoger met z-index dan eerder fieldsets... abso-po'd spans (hulptekst) geaffecteerd*/
* html fieldset.iesux {margin-bottom: 4em;}
*+html fieldset.iesux {margin-bottom: 4em;}

legend {
  font: bold 1em verdana, sans-serif;
  color: #000;
  padding: 5px;
}
	fieldset.access legend {
	  position: absolute;
	  left: -9999em;
	  font-size: 0; /*GECKO LEGEND BUG...*/
	  top: -999em;
  	  margin-left: -999em;
	} 

fieldset div {
  clear: left;
  width: 95%;
  padding: 2px;
}
fieldset div:after {
  content: " ";
  display: block;
  clear: left;
  height: 0;
}

	fieldset div.weg {
	  position: absolute;
	  left: -9999em;
	}
	#cascodekking {
	  width: 35em;
	  margin-bottom: 5px;
	  padding-top: 5px;
	  background-color: #fff;
	  border: 1px solid #4864a4;
	}
	#cascodekking div label a {
	  font-weight: bold;
	  font-size: .9em;
	}
		#cascodekking div label a span {
		  font-size: 1.1em;
		  font-weight: normal;
		}

label, fieldset.access p {
  float: left;
  width: 16em;
  margin: 0;
  padding: 0 10px 0 5px;
  text-align: right;
  line-height: 150%;
}
* html label, * html fieldset.access p {width: 15.8em;}

	fieldset.access label, label.access {
	  position: absolute;
	  float: none;
	  left: -9999em;
	}
	fieldset.lang label, fieldset.lang p {
	  width: 12em;
	}
	fieldset.klein label {
	  width: 7em;
	}
	div.checkradio label {
 	  line-height: 150%;
          float: none;
	  display: inline;
  	  padding: 0 5px;
	}
	div.checkradio label, div.checkradio input {
	  vertical-align: middle;
	}
/*De volgende ideen zijn van het harde werk van Mike Cherim op http://mikecherim.com/experiments/css_map_pop.php */
	label a, fieldset.access p a {
  	  display: block;
  	  position: relative;
  	  min-height: 22px;
	  padding-left: 24px;
  	  text-decoration: none;
  	  color: #000;
	  background: url(../images/image_vraagteken.gif) 0 0 no-repeat;
	  z-index: 1;
	}
* html label a, * html fieldset.access p a {height: 1%;} /*lte IE6 Haslayout*/

	fieldset.access p #jb, fieldset.access p #jb:hover, fieldset.access p #jb:focus {
	  color: #d70101;
	  font-weight: bold;
	}
	label a[href$=".pdf"] {
	  padding-right: 0;
          background: url(../images/pdf-icon.gif) 0 0 no-repeat;
	}
/*IE5.5 trigger*/
* html a:hover {
  visibility: visible;
}
	label a:hover, fieldset.access p a:hover {
	  cursor: pointer; /*IE trigger*/
	}
	label a span, fieldset.access p a span { 
  	  position: absolute;
  	  left: -9999em; 
	  top: -9999em; /*Over 9000!*/ 
  	  width: 250px;
	  padding: 5px;
  	  color: #000;
  	  font: normal 1em/1.1em georgia, "times new Roman", serif;
  	  text-decoration: none;
	  text-align: center;
  	  background-color: #fff;
  	  border: 1px solid #ccc;
	}

	label a:hover span, label a:focus span, label a:active span,
	fieldset.access p a:hover span, fieldset.access p a:focus span, fieldset.access p a:active span {
  	  left: 21em;
  	  top: 1.2em;
	}
		label a span img, fieldset.access p a span img {
		  margin-left: -10px;
		}
		label a span em, fieldset.access p a span em {
		  margin-left: 50px;
		  font-weight: normal;
		  font-style: normal;
		}

/*IE bug, selects hebben altijd een hogere z-index stacking context*/
label a:hover span.boven, label a:focus span.boven, label a:active span.boven,
fieldset.access p a:hover span.boven, fieldset.access p a:focus span.boven, fieldset.access p a:active span.boven {
  top: -4em;
}
* html fieldset.neer label a:hover span {left: 23.6em;}
* html label a:hover span.ie6, * html label a:active span.ie6 {
  top: -5.5em;
}
	
* html label a:hover span.beneden, * html fieldset.access p a:hover span.beneden, 
* html label a:active span.beneden, * html fieldset.access p a:active span.beneden {
  top: 6em;
}
/*Eind Mike*/

a.waarschuwing {
  display: block;
  margin-top: 1.8em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #f00;
}
	a.waarschuwing:focus, a.waarschuwing:hover {
	  color: #fff;
	}

	select.onder, input.onder {
	  margin-top: 1.5em;
	}
	input.fout, select.fout {
	  background-color: #f00;
	  color: #000;
	}
		input.fout:focus, select.fout:focus {
		  background-color: #fff;
		}
	form #Postcodelet, form #JongPostcodelet {
	  margin-left: 5px;
	}
	input.submit {
	  clear: both;
	  display: block;
	  width: 11em;/*Safari en Opera9.5 hebben groter breedte nodig... stom*/
	  margin: 5px auto;
	}
	#formMutatieVoortuig input.submit {
	  width: 16em;
	}

form p.contact a {
  color: #00f;
  text-decoration: underline;
  font-weight: bold;
}
	form p.contact a:focus, form p.contact a:hover {
 	  color: #109cde;
	}	  

	#ButtonAdresInvullen {
	  display: block;
	  width: 20em;
	  margin-left: 270px;
 	  padding: 0;
	}


#guisy {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  width: 250px;
  margin: 5em auto 0;
}

#gegevens {
  margin-top: 10px;
}

ol {
  width: 90%; /*IE*/
  display: list-style;
  list-style-type: decimal;
  margin: 3em auto;
  padding-left: 26px;
}
 
dl {
  float: left;
  width: 36em;
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid #535459;
}
	#faq dl {
	  float: none;
	  width: auto;
	  margin: 1em 2em;
	  overflow: hidden;
	}dl.geenborder {
  border-bottom: none;
}
	dt {
  	  width: 16em;
  	  clear: left;
  	  float: left;
  	  line-height: 150%;
  	  padding: 0 5px;
	}
	#faq dt {
	  float: none;
	  clear: none;
	  width: 98%;
	  font-weight: bold;
	}

	dd {
          margin-left: 14em;
  	  font-weight: bold;
  	  line-height: 150%;
	}
	#faq dd {
	  margin: 0 0 1em 2em;
	  font-weight: normal;
	}
		#faq dd p {
		  margin: 0;
		}
	dd.premie {
  	  text-decoration: underline;
	}

p.boven {
  clear: both;
  text-align: center;
}
	p.boven a, p.boven a:visited {
	  color: #00f;
        }


#gegevens a {
  display: block;
  margin: 5px 0 5px 3em;
  color: #000;
  font: .9em/1.6em "trebuchet ms", verdana, helvetica, sans-serif; 
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  background-color: #efebe7;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #848280;
  border-right: 2px solid #848280;
  padding: 1px 3px;
}
	a.buttonkort {
  	  width: 6em;
	  float: left;
	}
	a.buttonmidden {
  	  width: 11em;
	  float: right;
	}
	#gegevens a:hover {
	  font-weight: bold;
	  color: #000;
	}

#gegevens #Opmerkingen {
  float: left;
  width: 16em;
}
#gegevens p.ster {
  clear: left;
  background-color: #d9e8ff;
}

#voorwaarden {
  clear: left;
  margin: 10px auto; 
}
p.textarea {
  margin-right: 13em;
  text-indent: 0;
  color: #000;
  font-weight: bold;
}

p.afgesloten {
  margin: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #535459;
}	 
a.pdfimg {
  float: left;
  margin: 5px;
  color: #000;
  text-decoration: none;
}
	a.pdfimg img {
	  vertical-align: middle;
	}
.opletlijsten, #gegevens p {
  margin: 0 0 20px 30px;
  list-style-type: disc;
  font: italic normal 1em/1.2em georgia, "times new roman", serif;
}

	.opletlijsten strong, #gegevens span, p.afgesloten span {
  	  font-weight: bold;
	}


#aanraders, #gegevens p {
  margin: 0 0 20px 30px;
  list-style-type: disc;
  font: italic normal 1em/1.2em georgia, "times new roman", serif;
}

	#aanraders span, #gegevens span, p.afgesloten span {
  	  font-weight: bold;
	}


ul.bullets {
  width: 96%; /*IE haslayout*/
  padding-left: 2em;
}
        ul.bullets li {
          display: list-item;
          list-style-type: disc;
        }

/*voorwaarden pagina*/
ul.voorwaardlijst {
  width: 75%;
  margin: 5px auto;
  overflow: hidden; /*can't clear floats without hitting sidebar*/
}
#scootervoorwaarden h2 {
  padding-top: .5em;
  border-top: 1px solid #333;
}
	#scootervoorwaarden h2.clear {
	  clear: left;
	}

#scootervoorwaarden h3, #scootervoorwaarden h4 { 
  margin-top: 1.2em;
}

#scootervoorwaarden #inhoud p {
  margin: 5px 0;
}
	p.letop {
	  width: 90%;
	  padding: 5px;
	  background-color: #fff;
	  border: 1px solid #333;
	}

#scootervoorwaarden dl {
  float: none;
  width: auto;
  border: 0;
}
#scootervoorwaarden dl dt {
  clear: none;
  float: none;
  width: auto;
  font-weight: bold;
}
#scootervoorwaarden dl dd {
  font-weight: normal;
  margin: 0;
}
	dl.rijen dl dt {
	  clear: left;
	  float: left;
	  width: 13.8em;
	}
	dl.rijen dl dd {
	  padding-bottom: 2px;
	}
	#scootervoorwaarden dl dd span {
	  display: block;
	  font-weight: bold;
	}

li.clear {
  clear: left;
}

ol {
  width: 96%;/*haslayout test*/
  list-style-type: decimal;
  margin-left: 0;
  padding-left: 30px;
}
	ol.alpha {
	  list-style-type: upper-alpha;
	}
	ol ol, ol.alpha ol ol {
	  list-style-type: lower-alpha;
	}
	ol ol ol, ol.decimal, ol.alpha ol {
	  list-style-type: decimal;
	}

p.boven {
  clear: both;
  text-align: center;
}
	p.boven a, p.boven a:visited {
	  color: #00f;
        }
        p.boven a:focus, p.boven a:hover {
          color: #109cde;
        }


#zustersites {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#zustersites p { /*IE*/
  margin: 0;
  padding: 0 0 0 1em;
  font: bold .8em georgia, times, serif;
}
 
#zustersites ul {
  background-color: #4864a4;
}
* html #zustersites ul {
  width: 103%;
}
#zustersites li {
  display: inline;
  color: #fff;
}
	#zustersites a {
	  text-decoration: none;
    	  font: italic bold 16px/22px georgia, "palatino linotype", "times new roman", serif;
	  color: #fff;
	  padding: 0 8px 1px;
  	  min-height: 1em;
	}
* html #zustersites a {height: 22px;}

	#zustersites li a:hover, #zustersites li a:focus, #zustersites li a:active {
	  text-decoration: underline;
  	  color: #fff;
	}

#guisrolletje {
  position: relative;
  margin: 30px auto;
  width: 585px;
  z-index: 100;
  overflow: hidden;
}
#guisrolletje a {
  display: block;
  width: 585px;
  height: 55px;
}
#guisrolletje a:hover {
  cursor: url(../images/blankcursor.gif), auto;
}
	#guisrolletje span {
	  float: left;
	  height: 50px;
	  width: 30px;
	}
	#guisrolletje span:hover {
	  background: url(../images/guisrolls.gif) 0 -37px no-repeat;
	  width: 40px;
	}
	#guisrolletje span.a, #guisrolletje span.r {
	  background: url(../images/guisrolls.gif) 0 0 no-repeat;
	  width: 40px;
	}
		#guisrolletje span.r {
	    	  float: right;
		}
	#guisrolletje span.b:hover {
	  background-position: -42px 0;
	  width: 40px;
	}
	#guisrolletje span.c:hover {
	  background-position: -81px 0;
	}
	#guisrolletje span.d:hover {
	  background-position: -122px 0;
	  width: 29px;
	}
	#guisrolletje span.e:hover {
	  background-position: -150px 0;
	  width: 35px;
	}
	#guisrolletje span.f:hover {
	  background-position: -183px 0;
	  width: 39px;
	}
	#guisrolletje span.g:hover {
	  background-position: -219px 0;
	}
	#guisrolletje span.h:hover {
	  background-position: -253px 0;
	  width: 38px;
	}
	#guisrolletje span.i:hover {
	  background-position: -293px 0;
	}
	#guisrolletje span.j:hover {
	  background-position: -339px 0;
	}
	#guisrolletje span.k:hover {
	  background-position: -386px 0;
	}
	#guisrolletje span.l:hover {
	  background-position: -425px 0;
	}
	#guisrolletje span.m:hover {
	  background-position: -460px 0;
	  width: 39px;
	}
	#guisrolletje span.n:hover {
	  background-position: -497px 0;
	  width: 33px;
	}
	#guisrolletje span.o:hover {
	  background-position: -527px 0;
	  width: 30px;
	}
	#guisrolletje span.p:hover {
	  background-position: -555px 0;
	  width: 37px;
	}
	#guisrolletje span.q:hover {
	  background-position: -590px 0;
	}