/*Rijwielverzekeren*/

* {
  margin: 0;
}
html, body, ol, ul, li {
  padding: 0; /*bescherm form controls*/
}

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

ul {
  list-style: none;
}

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

#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, "times new roman", serif;
}
	#overslaan:focus, #overslaan:hover, #overslaan:active {
	  color: #000;
	  background-color: #d9e8ff;
	}

a[href$=".pdf"] {
  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;
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #4864a4;
  background-color: #fff; 
}
	a.skip:focus, a.skip:active {
	  left: 8em;
	  top: 4em;
	  color: #c10e0e;
	  outline: 0;
	}

a.formskip {
  color: #d9e8ff;
}
	a.formskip:focus, a.formskip:hover, a.formskip:active {
	  color: #000;
	  text-decoration: underline;
	  background-color: #fff;
	}

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

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

#mainpagina h1, #naam {
  position: relative;
  float: left;
  display: inline;/*IE6*/
  width: 350px;
  height: 42px;
  margin: 15px 0 0 10px;
  font: bold small-caps 38px/54px impact, techno, verdana, sans-serif;
  overflow: hidden;
}

	#mainpagina h1 a, #naam a {
	  position: absolute;
	  left: 0;
	  top: 2px;
  	  height: 44px;
  	  width: 350px;
  	  background: url(../images/rijwiellogo.gif) 0 0 no-repeat;
	}

#topmenu {
  float: right;
  display: inline;/*IE6*/
  min-width: 23em;
  max-width: 98%;
  min-height: 20px;
  margin: 24px 10px 0 1em;
  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;
  	  color: #000;
  	  text-align: center;
  	  text-decoration: none; 
  	  font: 1.1em/2em arial, helvetica, sans-serif;
	}
* 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;
	}
		#banner1 {
	  	  width: 100px;
	  	  height: 50px;
		}
		#banner2 {
		  width: 120px;
		}

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

	#mainpagina #inhoud {
  	  background: #d9e8ff url(../images/image_fiets1.gif) 99% 97% no-repeat;
	}
	body.form #inhoud {
  	  background-image: url(../images/image_fiets4.gif);
	}
	body.resultaat #inhoud {
  	  background: #d9e8ff url(../images/image_fiets3.gif) 99% 97% no-repeat;
	}
	#contact #inhoud {
	  padding-bottom: 50px;
  	  background: #d9e8ff url(../images/envelope.gif) 79% 40% no-repeat;
	}	 


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

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

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

h2 {
  margin: 15px 0 7px 0;
  padding-left: 10px;
  font-size: 1.2em;
}

#login h2 {
  text-align: center;
  font-size: 1.1em;
}

h3, h4 {
  margin: 5px 0 7px 0;
  padding-left: 10px;
  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: 10px auto;
  padding: 5px 5px 50px;
  border: 1px solid #535459;
  background-color: #d9e8ff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

address {
  position: relative;
  width: 20em;
  margin: -9.5em auto 45px;
  font-style: normal;
  font-weight: bold;
}
	address span {
	  display: block;
	  margin-top: .5em;
	}
/*ie5.5 just because*/
* html #contact address {
  margin: -6.5em 0 0 1em;
  mar\gin: -9.5em auto 45px;
}

#aanraders, #gegevens p {
  margin: 0 0 1em 2em;
  list-style-type: disc;
  font: italic 1em/1.2em georgia, "times new roman", serif;
}
	#aanraders span, #gegevens span, p.afgesloten span {
  	  font-weight: bold;
	}

#linkslijst {
  width: 100%;
}

#linkslijst div {
  margin: 20px 0;
  overflow: hidden;
}
* html #linkslijst div {height: 8em; overflow: visible;}

	#linkslijst div a {
	  float: left;
	  width: 19em;
	  text-align: center;
	}
	#linkslijst div a img {
	  display: block;
	  margin: 0 auto;
	  text-decoration: none;
	}
	#linkslijst div p {
	  margin-left:19.5em;
	  padding-top: 1em;
	}

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

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

form a, form a:hover, form a:focus {
  color: #000;
}
	#formAfsluiten {
	  clear: right;/*print.html*/
	}
	#fout {
	  width: 600px;
	  margin: 0 auto;
	}

fieldset { 
  position: relative; 
  margin: 5px 0;
  padding: 1em 0.5em 1em;
  border: 1px solid #535459;	
}
	fieldset.access {
	  clear: left; /*saffy-chrome*/
	  width: 97%;
	  margin: 0;
	  padding: 0 2px 2px;
	  border: 0;
	}
	#formVoorwaarden fieldset {
	  border: 0;
	}

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

fieldset div {
  clear: left;
  width: 95%;
  padding: 2px;
}
	fieldset div:after {
	  display: block;
	  clear: left;
	  height: 0;
	  content: " ";
	}
	fieldset div.weg {
	  position: absolute;
	  left: -9999em;
	}

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: 15em;}

	fieldset.access label, label.access {
	  position: absolute;
	  float: none;
	  left: -9999em;
	}
	fieldset.klein label {
	  width: 7em;
	}
	fieldset.lang label, fieldset.lang fieldset.access p {
	  width: 10em;
	}
	div.checkradio label {
          float: none;
	  display: inline;
  	  padding: 0 5px;
 	  line-height: 150%;
	}
	div.checkradio label, div.checkradio input {
	  vertical-align: middle;
	}

a.waarschuwing {
  clear: left;
  display: block;
  margin-top: 1.8em;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #f00;
}
	a.waarschuwing:focus, a.waarschuwing:hover {
	  color: #fff;
	}
/*
input[type="text"] {
  margin-left: 5px;
}
*/
	select.onder, input.onder {
	  margin-top: 1.5em;
	}
	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;
	}

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


#gegevens {
  float: left;
  margin-left: 2em;
}

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;
		}
	dl.geenborder {
	  border-bottom: none;
	}
	dt {
  	  clear: left;
  	  float: left;
  	  width: 21em;
	  margin-left: 20px;
  	  padding: 0 5px;
  	  line-height: 150%;
	}
	dd {
  	  font-weight: bold;
  	  line-height: 150%;
	}
	dd.premie {
  	  text-decoration: underline;
	}


#gegevens a {
  display: block;
  margin: 5px 0 14em 3em;
  padding: 1px 3px;
  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: 2px solid #fff;
  border-bottom-color: #848280;
  border-right-color: #848280;
}
	a.buttonkort {
	  float: left;
  	  width: 6em;
	}
	a.buttonmidden {
	  float: right;
  	  width: 11em;
	}
	#gegevens a:hover {
	  color: #000;
	  font-weight: bold;
	}

#gegevens #Opmerkingen {
  float: left;
  width: 16em;
}

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

p.afgesloten {
  margin: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #535459;
}

#zustersites {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
	#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 {
  		  min-height: 1em;
		  padding: 0 8px 1px;
		  color: #fff;
		  text-decoration: none;
    		  font: italic bold 16px/22px georgia, "palatino linotype", "times new roman", serif;
		}
		* html #zustersites a {height: 22px;}

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

#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;
	  width: 30px;
	  height: 50px;
	}
	#guisrolletje span:focus, #guisrolletje span:hover, #guisrolletje span:active {
	  width: 40px;
	  background: url(../images/guisrolls.gif) 0 -37px no-repeat;
	}
	#guisrolletje span.a, #guisrolletje span.r {
	  width: 40px;
	  background: url(../images/guisrolls.gif) 0 0 no-repeat;
	}
		#guisrolletje span.r {
	    	  float: right;
		}
	#guisrolletje span.b:hover {
	  width: 40px;
	  background-position: -42px 0;
	}
	#guisrolletje span.c:hover {
	  background-position: -81px 0;
	}
	#guisrolletje span.d:hover {
	  width: 29px;
	  background-position: -122px 0;
	}
	#guisrolletje span.e:hover {
	  width: 35px;
	  background-position: -150px 0;
	}
	#guisrolletje span.f:hover {
	  width: 39px;
	  background-position: -183px 0;
	}
	#guisrolletje span.g:hover {
	  background-position: -219px 0;
	}
	#guisrolletje span.h:hover {
	  width: 38px;
	  background-position: -253px 0;
	}
	#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 {
	  width: 39px;
	  background-position: -460px 0;
	}
	#guisrolletje span.n:hover {
	  width: 33px;
	  background-position: -497px 0;
	}
	#guisrolletje span.o:hover {
	  width: 30px;
	  background-position: -527px 0;
	}
	#guisrolletje span.p:hover {
	  width: 37px;
	  background-position: -555px 0;
	}
	#guisrolletje span.q:hover {
	  background-position: -590px 0;
	}