html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, div, span { margin: 0; padding: 0; }

html, body { background: #ccc; color: #000; font-family: Tahoma, Verdana, sans-serif; }

body { background: #fff url(img/sidebar.jpg) repeat-y top left; width: 800px; margin: 0 auto; }

h1 { height: 91px; }
 h1 em { position: absolute; left: -9999px; }

a img { border: none; }

h2, hr { display: none; }

#skip { background: #fff; font-size: 90%; padding: 5px 0; display: none; }

#container { width: 800px; min-height: 600px; margin: 0 auto; position: relative; background: transparent url(img/back.jpg) no-repeat top left; }

#menu { list-style: none; margin-top: 5px; height: 33px; overflow: visible; line-height: 33px; font-size: 10px; margin-left: 220px; }
 #menu li { float: left; z-index: 50; height: 33px; background: #bf0000; position: relative; font-style: italic; font-family: Verdana, sans-serif; font-weight: bold; padding-right: 20px; padding-left: 10px; }
 #menu li.current { background: transparent url(img/menu-current.gif) no-repeat 4px 50%; }
  #menu li a { color: #fff; text-decoration: none; padding: 10px; }
  #menu li a:hover { text-decoration: underline; }
  #menu li ul { display: none; z-index: 100; position: absolute; left: 15px; width: 100px; top: 33px; list-style: none; padding-bottom: 10px; }
  #menu li:hover ul { display: block; }
   #menu li ul li { float: none; position: static; cursor: pointer; padding: 0; height: auto; line-height: 22px; }
   #menu li ul li.current { background-image: none; }
    #menu li ul li a { background: #3f91ca; padding: 1px 10px; display: block; text-transform: lowercase; border-top: 2px solid #0060b6; }
    #menu li ul li.first a { border-top: none; }
    #menu li ul li a.current { text-decoration: underline; }

#content { overflow: hidden; margin-top: 50px; min-height: 671px; background: transparent url(img/verkeersborden.png) no-repeat bottom right; }
 #content p, #content ul, #content ol, #content table, #content h3, #content h4, #content form, #content .submitted { width: 330px; margin-left: 215px; margin-bottom: 10px; }
 .breed #content p, .breed #content ul, .breed #content ol, .breed #content table, .breed #content h3, .breed #content h4, .breed #content form { width: 550px; }
 #content p, #content ul, #content ol, #content table, #content form, #content dl { font-size: 9pt; line-height: 1.4; }
 #content ul { list-style: square; }
 #content li { margin-left: 20px; margin-top: 3px; }
 #content p.intro { font-size: 10pt; }
 #content h3 { font-size: 10pt; clear: both; }
 #content h4 { font-size: 9pt; }
 #content iframe { display: block; width: 330px; height: 199px; margin-left: 215px; margin-bottom: 10px; }
 #content table { border-collapse: collapse; }
  #content table th { text-align: left; font-weight: normal; vertical-align: bottom; }
  .breed #content table th { padding-right: 15px; }
  #content table td { text-align: right; white-space: nowrap; vertical-align: bottom; }
   #content table td strong { display: block; border-top: 1px solid #000; }
 #content form { width: 520px; }
  #content fieldset { border: none; }
  #content legend { font-weight: bold; padding: 0; margin: 0; text-indent: 0; }
  #content form dl { margin-top: 10px; }
   #content form dl dt { float: left; clear: left; width: 120px; line-height: 1.8; }
    #content label { cursor: pointer; }
   #content form dl dd { line-height: 1.8; vertical-align: middle; margin-left: 125px; padding: 1px 0; }
    #content input, #content textarea { width: 290px; vertical-align: middle; }
    #content input.telefoon { width: 150px; }
    #content input.klein { width: 100px; }
    #content input.radio, #content input.submit, #content input.checkbox { width: auto; }
    #content input.submit { margin-top: 5px; }
 #content .img { margin-left: 215px; }
  #content .img img { display: block; margin-bottom: 10px; }
 #content .zijkant, #content .bijschrift { float: right; clear: right; margin: 0; text-align: left; width: 240px; }
 #content .zijkant img { margin-bottom: 5px; }
 #content .bijschrift { font-size: 10px; font-weight: bold; }
 #content a { color: #06c; text-decoration: underline; }
 #content a:hover { color: #06c; text-decoration: none; }
 #content .image-with-description { float: left; width: 185px; margin-right: 17px; height: 110px; position: relative; left: 215px; }
 #content .image-with-description dd { margin-top: 5px; }
 #content .submitted { border: 1px solid #000; }
  #content .submitted p { width: auto !important; margin: 0; padding: 10px; }

 .uri-home #content,
 .uri-motorrijbewijs #content { background-image: url(img/verkeersborden-home.png); padding-bottom: 50px; }
 
 .uri-home #content p,
 .uri-home #content p.intro,
 .uri-home #content h3,
 .uri-home #content h4 { width: 270px; }
 
 .uri-home #content .zijkant,
 .uri-home #content .bijschrift { width: 300px; }
 
 .uri-overige-links #content { padding-right: 50px; }
 
 .uri-overige-contact #content h3,
 .uri-overige-contact #content p,
 .uri-overige-disclaimer-en-lesvoorwaarden #content h3,
 .uri-overige-disclaimer-en-lesvoorwaarden #content h4,
 .uri-overige-disclaimer-en-lesvoorwaarden #content p,
 .uri-overige-disclaimer-en-lesvoorwaarden #content ol,
 .uri-overige-info-aanvragen-nieuwsbrief #content p,
 .uri-overige-info-aanvragen-nieuwsbrief #content form,
 .uri-overige-info-aanvragen-cursussen #content p,
 .uri-overige-info-aanvragen-cursussen #content form { width: 520px; }

#sidebar { width: 180px; position: absolute; top: 0; left: 0; height: 100%; }
 #sidebar ul { list-style: none; margin: 165px 0 30px 0; font-size: 11px; font-family: Verdana, sans-serif; font-style: italic; font-weight: bold; text-align: right; }
  #sidebar ul li { margin: 3px 15px; background: #3f91ca; }
  #sidebar ul li.current { background: #3f91ca url(img/current.gif) no-repeat left center; }
  #sidebar ul li#nav-home { margin-bottom: 25px; }
  #sidebar ul li#nav-financiering { margin-top: 25px; }
   #sidebar ul li a { background: transparent; color: #fff; display: block; text-decoration: none; padding: 8px 10px; }
   #sidebar ul li a:hover { text-decoration: underline; }
 #sidebar img { display: block; border: none; margin: 0 auto; }
 #sidebar p { font-weight: bold; color: #ccc; margin: 10px 30px; font-size: 11px; font-style: italic; text-align: center; }
 #sidebar p#copyright { font-size: 9px; font-weight: normal; margin: 10px; position: absolute; bottom: 0; text-align: left; font-style: normal; }
  #sidebar p a { color: #ccc; text-decoration: none; display: block; }
  #sidebar p a:hover { color: #fff; text-decoration: underline; }
  #sidebar p#copyright a { text-decoration: underline; }
  #sidebar p#copyright a:hover { text-decoration: none; }
