/*motorrijschool EMO*/
/*reset*/
* {
  margin: 0;
}

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

ul {
  list-style: none;
  padding: 0;
}
/*reset*/

body {
  font-size: 100%; /*ie*/
  text-align: center ; /*ie5.5*/
  background: #fff url(img/bg.jpg) 0 0 repeat-x;
}
* html body {behavior:url("csshover.htc");} /*dus kan IE6 het menu overmuizen - bedankt Peterned: http://www.xs4all.nl/~peterned/csshover.html */

#container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  font-family: geneva, helvetica, arial, sans-serif;
  text-align: left; /*undo IE5*/
  background-color: #fff;
}

a.access {
  position: absolute;
  left: -9999em;
  top: 1em;
  width: 12em;
  padding: 2px;
  font: bold 1.2em "american typwriter", "courier new", courier, monospace;
  text-align: center;
  background-color: #fff;
  border: 2px solid #f60;
}
	a.access:focus {
	  left: 2em;
	  color: #000;
	  text-decoration: none;
	} 

#header {
  min-height: 220px;
  padding-top: 7px;
  background: url(img/headerbg.png) 0 0 no-repeat;
  border-bottom: 1px solid #fff;
}
* html #header {height: 220px;}

#intro {
  height: 220px;
  background: url(img/04.jpg) 0 0 no-repeat;
}

#instruct #intro {background-image: url(img/03.jpg);}
#instruct-neel #intro {background-image: url(img/05.jpg);}
#instruct-koek #intro {background-image: url(img/06.jpg);}
#instruct-noord #intro {background-image: url(img/07.jpg);}
#oefenterrein #intro {background-image: url(img/08.jpg);}
#kennis #intro {background-image: url(img/09.jpg);}
#basis #intro {background-image: url(img/10.jpg);}
#versnel #intro {background-image: url(img/11.jpg);}
#spoed #intro {background-image: url(img/12.jpg);}
#theorie #intro {background-image: url(img/13.jpg);}
#honda500 #intro {background-image: url(img/14.jpg);}
#honda600 #intro {background-image: url(img/15.jpg);}
#honda300 #intro {background-image: url(img/16.jpg);}
#honda250 #intro {background-image: url(img/17.jpg);}
#bmw #intro {background-image: url(img/18.jpg);}
#tarief #intro, #lestijd #intro, #vro #intro {background-image: url(img/19.jpg);}
#rmt #intro {background-image: url(img/20.jpg);}
#piaggio #intro {background-image: url(img/22.jpg);}
#aanmeld #intro {background-image: url(img/24.jpg);}

	#intro p {
	  float: right;
	  width: 180px;
	  height: 190px;
	  padding-top: 28px;
	  padding-left: 19px;
	  color: #ccc;
	  font: .7em geneva, sans-serif;
	  text-transform: uppercase;
	  background: url(img/Logo_emo.gif) 19px 100px no-repeat;
	}

#menu {
  position: relative;
  min-height: 24px;
  padding: 20px 0 0 150px;
  background: #333 url(img/menubg.gif) 0 0 no-repeat;
  border-bottom: 1px solid #fff;
  z-index: 1000; /*header achtergrond, IE bug*/
}

* html #menu {height: 24px;}

	#menu li {
	  position: relative;
	  float: left;
	  width: 9.6em;
	}
		#menu li:hover, #menu li.huidig {
		  background: #f60 url(img/pijl.gif) 8.8em 50% no-repeat;
		}
			#menu ul li:hover {
	 		  background-image: none;
			}
			#menu ul li.instruct:hover {
			  background: #f60 url(img/pijlzij.gif) 8.6em .6em no-repeat;
			}
	#menu a {
	  display: block;
	  padding: 5px 1em 4px;
	  font: bold .75em geneva, helvetica, arial, sans-serif;
	  text-decoration: none;
	  color: #ccc;
	  background: url(img/menubullet.gif) .4em .8em no-repeat;
	}
		#menu a:focus, #menu a:hover, #menu :hover>a, #menu li.huidig>a {
	  	  color: #fff;
	 	  background-position: .4em -30px;
	 	  outline: 0;
		}
			#menu a:focus, #menu ul a.huidig {
		 	  color: #fff;
			  background-position: .4em -30px;
			  background-color: #f60;
			}
		* html #menu li.huidig a, * html #menu a:hover {
	 	  color: #fff;
	 	  background-position: .4em -30px;
		}

#menu ul {
  position: absolute;
  left: 0;
  width: 9.6em; 
  background-color: #333;
  border-top: 1px solid #fff;
  border-bottom: 5px solid #f60;
}

#menu ul ul {
  top: 0;
  left: 9.4em;
  width: 9.6em;
  margin-left: 0;
  border-top: 0;
  z-index: 1000;
}

/*IE7 trigger!!!*/
/*#menu li:hover {
  visibility: visible;
}*/
	#menu ul, #menu li:hover ul ul, #menu .hover ul ul {
	  margin-left: -9999px; /*in px voor :focus*/
	}
	#menu li:hover>ul, #menu li.hover>ul, #menu a:focus+ul, 
        #menu .hover a:focus {
	  margin-left: 0;
	}
	#menu ul a:focus {
	  width: 10.8em;
	  margin-left: 9999px;
	}
/*IE6 wilt z'n eigen declaration*/
* html #menu li:hover ul ul {margin-left: -9999px;}
* html #menu li:hover ul, * html #menu ul li:hover ul {margin-left: auto;}

		#menu ul li:hover ul {
		  margin-top: 0;
		  margin-left: 0;
		}
		#menu ul a:focus:hover {
		  margin-left: 0; /*stopt rare Gecko probleem! Verdubbelt linker marges*/
		}
			#menu ul ul a:focus:hover {
	  		  margin-top: 0;
			}
		* html #menu ul a:active:hover {
		  margin-left: auto;  /*undo above for IE6*/
		}
			* html #menu ul ul a:active:hover {
			  margin-top: 0;
			}

a {
  color: #f60;
  text-decoration: none;
}
	a:visited {
	  color: #00549d;
	}
	a:focus, a:hover {
	  color: #f60;
	  text-decoration: underline;
	}

#wrapper {
  float: left;
  width: 100%;
  margin-bottom: -5px;
  background: #e8e8e8 url(img/instructeur_knmv.gif) 50px 50% no-repeat;
  border-top: 5px solid #f60;
}

#main {
  position: relative;
  min-height: 22em;
  margin: -10px 220px 0 150px;
  padding: 15px 10px 105px;
  background: #fff url(img/weg.png) 90% 100% no-repeat;
}
* html #main {height: 22em;}/*IE6 haslayout voor #main, anders toont #imguitdruk niet*/

#main #imguitdruk {
  float: right;
  width: 200px;
  padding-top: 200px;
  margin: 1em 0 20px 15px;
  color: #fff;
  font: .7em/1.8em verdana, helvetica, arial, sans-serif;
  text-align: right;
  background: #f60 url(img/Logo_EMO_WEB.gif) 0 0 no-repeat;
  border: 3px solid #f60;
}

#index #main #imguitdruk {border: 0;}
#instruct #imguitdruk {background-image: url(img/instructeurs.jpg);}
	#instruct-neel #imguitdruk {background-image: url(img/instructeur03.jpg);}
	#instruct-koek #imguitdruk {background-image: url(img/instructeur01.jpg);}
	#instruct-noord #imguitdruk {background-image: url(img/instructeur02.jpg);}
#oefenterrein #imguitdruk {background-image: url(img/slalom_arkel.jpg);}
#kennis #imguitdruk {background-image: url(img/proefles.jpg);}
#basis #imguitdruk {background-image: url(img/basisopleiding.jpg);}
#versnel #imguitdruk {background-image: url(img/versneldeopleiding.jpg);}
#spoed #imguitdruk {background-image: url(img/spoedopleiding.jpg);}
#theorie #imguitdruk {background-image: url(img/theorie.jpg);}
#lestijd #imguitdruk {background-image: url(img/lestijden.jpg);}
#vro #imguitdruk {background-image: url(img/vro.jpg);}
#rmt #imguitdruk {background-image: url(img/rmt.jpg);}
#piaggio #imguitdruk {background-image: url(img/piaggio.jpg);}
#bmw #imguitdruk {background-image: url(img/captainsbike.jpg);}
#links #imguitdruk {background-image: url(img/links02.jpg);}

h1 {
  margin: 10px;
  color: #f60;
  font: bold 1em helvetica, arial, sans-serif;
}
	h1 span {
	  display: block;
	}

#main p {
  margin: 1em 0;
  font-size: .7em;
  line-height: 1.5em;
}

p.letop {
  font-size: .8em;
  font-weight: bold;
  margin: 2em 0;
}

ul.bullets {
  margin-left: 2em;
  font-size: .8em;
}
ul.bullets li {
  display: list-item;
  list-style-type: disc;
}
	ul.bullets li.huidig a {
	  text-decoration: underline;
	}

#lestijd li.lunch {
  margin-bottom: 1.5em;
} 

p.border {
  padding-bottom: 5px;
  margin-bottom: 1em;
  border-bottom: 1px solid #333;
}

dl {
  margin-bottom: 2em;
  font-size: .9em;
  overflow: hidden;
}
	dl.klein {
	  margin-left: 1em;
	}
	dt {
	  clear: left;
	  float: left;
	  width: 15em;
	  margin-bottom: 1em;
	}
		dl.bevestig dt {
		  text-align: right;
		}
		dl.klein dt {
		  width: 10em;
		}
		dt span {
		  display: block;
                  font-style: italic;
		}
	dd {
	  width: 10em;
	  margin-left: 15em;
	  text-align: right;
	  margin-bottom: 1em;
	}
		dd.breed {
		  width: 18em;
		}
		dd.onder {
		  margin-top: 2.4em;
		}
		dd span {
  		  margin-left: 1.5em;
		}
		dl.bevestig dd {
		  color: #f60;
		  text-align: left;
		  margin-left: 16em;
		}
		dl.klein dd {
		  margin-left: 11em;
		}
		dl.bevestig dd.opmerking {
		  clear: both;
	  	  float: none;
		  width: auto;
		  margin: 0 1em 0 5em;
		}

/*formz*/
fieldset {
  position: relative;
  padding-left: 1em;
  border: 0;
}
	fieldset fieldset {
	  clear: left;
	  padding-left: 0;
	}

legend span {
  position: absolute;
  left: -999em;
}
	fieldset fieldset legend span {
	  position: static;
          display: block;
          margin-top: 1em;
	}


label {
  clear: left;
  display: block;
  margin-top: .8em;
  line-height: 1.8em;
}
	label[for=gelezen] {
	  margin: 1em 0;
	}
	label.cr {
	  clear: none;
	  float: left;
	  margin: 0 2em .8em 0;
	}
	fieldset fieldset label {
	  position: absolute;
	  left: -9999em;
	}

#main fieldset fieldset p {
  float: left;
  width: 10em;
  margin: 0 0 .1em 0;
  font-size: .9em; /*als het font gewijzigd wordt, verandert de "tabel" in het formulier; LET OP*/ 
}
	#main fieldset p.tijden {
	  float: none;
	  width: 98%;
	  margin: 1em 0;
	}
	fieldset p.rechts {
	  text-align: right;
	}
	p.tijden span {
          display: -moz-inline-box;
	  display: inline-block;
	  width: 10em;
          text-align: center;
	}

fieldset fieldset div {
  clear: left;
}

fieldset fieldset input {
  float: left;
  margin: .2em 4.5em;
}
* html fieldset fieldset input {
  margin: .2em 4em;
}
*+html fieldset fieldset input {
  margin: .2em 4em;
}




#menubar_left {
  float: left;
  width: 130px;
  margin-left: -990px;/*px werkt beter voor IE6*/
  padding-top: 2em;
}
	#menubar_left li {
	  display: block;
	  padding-right: 10px;
	  text-align: right;
	  font-size: .8em;
	  line-height: 1.4em;
	  background: url(img/bullet.gif) 99% 60% no-repeat;
	}
		#menubar_left a {
		  color: #333;
		  font-size: 1em;
		}

#sidebar {
  float: left;
  width: 200px;
  margin: 2em 0 0 -214px;
}

#sidebar h2, #sidebar p {
  color: #333;
  font: bold .8em verdana geneva, helvetica, sans-serif;
}
	#sidebar p {
  	  margin-bottom: 1em;
	}
	#sidebar a {
	  color: #f60;
	  font-weight: normal;
	  text-decoration: underline;
	}
	#sidebar a.email {
	  color: #333;
	  font-weight: bold;
	  text-decoration: none;
	}
		#sidebar a.email:focus {
		  color: #f60;
		  text-decoration: underline;
		}
		#sidebar a.email:hover, #sidebar a.email:active {
		  color: #333;
		  text-decoration: underline;
		}
#map {
  width: 200px;
  height: 200px;
  background: url(img/emoroute.gif) 0 0 no-repeat;
  border: 1px solid #333;
}

#footer {
  clear: both;
  position: relative;
  width: 1000px;
  min-height: 3em;
  margin: 0 auto;
  padding-top: .5em;
  font-family: geneva, helvetica, sans-serif; /*verdana is te groot in gelijk met de andere typstijlen*/
  background: url(img/footerbg.gif) 0 0 no-repeat;
}
* html #footer {height: 3em;}

	#footer p {
	  float: right;
	  margin: .5em 2em 0 0;
	  font-size: .8em;
	  line-height: 1em;
	  color: #f60;
	}
	#footer ul {
	  width: 18em;
	  margin: 1em auto 0;
	  text-align: center;
	}
		#footer li {
		  display: inline;
		  color: #f60;
		  font-size: .75em;
		}
		#footer a {
	  	  padding: 0;
		  font-size: 1em;
		}