/*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;
}

#instructeurs #intro            {background-image: url(img/03.jpg);}
#instructeur_neeleman #intro    {background-image: url(img/05.jpg);}
#instructeur_koekkoek #intro    {background-image: url(img/06.jpg);}
#instructeur_noorderveen #intro {background-image: url(img/07.jpg);}
#oefenterrein #intro            {background-image: url(img/08.jpg);}
#kennismaking #intro            {background-image: url(img/09.jpg);}
#basisopleiding #intro          {background-image: url(img/10.jpg);}
#versneldeopleiding #intro      {background-image: url(img/11.jpg);}
#spoedopleiding #intro          {background-image: url(img/12.jpg);}
#avbopleiding #intro            {background-image: url(img/25.jpg);}
#theorie #intro                 {background-image: url(img/13.jpg);}
#hondacbf500 #intro             {background-image: url(img/14.jpg);}
#hondacbf600 #intro             {background-image: url(img/15.jpg);}
#hondash300i #intro             {background-image: url(img/16.jpg);}
#hondacb250 #intro              {background-image: url(img/17.jpg);}
#bmw #intro                     {background-image: url(img/18.jpg);}
#rmt #intro                     {background-image: url(img/20.jpg);}
#piaggio #intro                 {background-image: url(img/22.jpg);}
#aanmelden #intro               {background-image: url(img/24.jpg);}
#aanmelden_rmt #intro           {background-image: url(img/24.jpg);}
#tarieven #intro,
    #lestijden #intro           {background-image: url(img/26.jpg);}
#vro #intro                     {background-image: url(img/19.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;
}

	#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 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:after {
      content: "";
      display: block;
      clear: both;
      height: 0;
    }

.caption {
  float: right;
  width: 200px;
  margin: 1em 0 20px 15px;
  color: #fff;
  font: .7em/1.8em verdana, helvetica, arial, sans-serif;
  text-align: right;
  background-color: #f60;
  border: 3px solid #f60;
}
        #index .caption {
          background-color: #fff;
          border: 0;
        }
        img.groot {
          position: absolute;
          top: 6px;
          left: -999em;
          border: 3px solid #f60;
          z-index: 1001;
        }
        .small:hover, .has_big:hover {
          background-color: #f00;
          border-color: #f00;
        }
        .small:hover img.groot, .has_big:hover img.groot {
          left: -146px;
        }

.small {
  width: 125px;
  margin-bottom: 2px;
}

.clear {
  clear: right;
}

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

h2 {
  margin : 10px;
  font: bold .8em helvetica, arial, sans-serif;
}


p {
  margin: 1em 0;
  font-size: .8em;
  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;
}

table {
    font-size : .9em;
    margin-bottom : 20px;
}

    table tr td {
        border-bottom : 1px solid #cdcdcd;
    }

    table tr td span {
        font-style : italic;
    }

dl {
  margin-bottom: 2em;
  font-size: .9em;
  line-height : 1.1em;
  overflow: hidden;
}
	dl.klein {
	  margin-left: 1em;
	}
	dt {
	  clear: left;
	  float: left;
	  width: 15em;
      margin-bottom: 20px;
	}
		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: 20px;
	}
		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;
		}

    #menubar_left h2 {
        font-weight : normal;
        text-align : right;
        margin-right : 10px;
    }

    #menubar_left img {
        margin-left : 15px;
        margin-top : 30px;
    }

#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: 0 0 1em 0;
	}
	#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;
		}