html, body, div, h1, h2, h3, h4, p, ul, ol, li, fieldset, form, legend, dl, dt, dd, label { margin: 0; padding: 0; }
html, body { background: #fff; color: #000; height: 100%; }
body { position: relative; font-family: Verdana, sans-serif; font-size: 9pt; }
a img { border: none; }

#wrapper { position: absolute; height: 500px; width: 890px; margin-top: -250px; top: 50%; margin-left: -445px; left: 50%; }

#container { background: #000; width: 421px; height: 478px; position: absolute; top: 0; left: 470px; }

#content { font-family: 'Trebuchet MS', Verdana, sans-serif; background: #fff; border: 1px solid #969696; width: 690px; height: 300px; position: absolute; top: 20px; right: -20px; _right: -21px; }

#text { width: 230px; height: 280px; margin: 10px; text-align: right; line-height: 140%; overflow: hidden; }
 #text h2 { font-family: Arial, sans-serif; color: #969696; font-size: 14pt; margin-bottom: 10px; }
 #text a { color: #fc0; text-decoration: underline; }
 #text a:hover { text-decoration: none; color: #000; }
 #text p, #text ul { margin: 10px 0; }
 #text p strong { color: #fc0; }
 #text ul { list-style: none; }
  #text ul li { padding-right: 10px; background: #fff url(img/blokje.gif) no-repeat center right; }

#afbeelding { position: absolute; top: 0; right: 19px; height: 300px; width: 421px; background: #000; }
 #afbeelding div { border: 1px solid #000; width: 278px; margin: 20px 45px auto auto; background: #fff; padding: 5px 0 10px 0; }
 #afbeelding div.aap { border: none; background: #000; margin: 2px 47px auto auto; }
 #afbeelding div img { display: block; margin: 0 auto; }
 #afbeelding p { font-weight: bold; text-align: center; color: #aaa; text-transform: lowercase; font-size: 12pt; margin: 10px 0 0 0; }
 #afbeelding ul { text-align: center; overflow: auto; height: 240px; list-style: none; }
  #afbeelding ul li a { color: #fc0; text-decoration: underline; }
  #afbeelding ul li a:hover { text-decoration: none; color: #000; }
  
fieldset { border: none; }
 fieldset legend { display: none; }
 fieldset dt { text-align: left; margin: 1px 0; }
  fieldset dt label { float: left; padding: 1px 0; cursor: pointer; }
  fieldset dt label.error { color: #f00; }
 fieldset dd { margin: 1px 0; }
  fieldset dd input, fieldset dd textarea { background: #fff; border: 1px solid #fc0; margin: 0; padding: 0; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 9pt; }
  fieldset dd input.error { border-color: #f00; }
  fieldset dd textarea { width: 228px; height: 40px; overflow: auto; }
  fieldset dd textarea.error { border-color: #f00; }
  fieldset dd.radios { overflow: hidden; height: 70px; }
   fieldset dd.radios label { cursor: pointer; float: left; width: 110px; padding: 1px 0; margin-right: 10px; text-align: left; }
   fieldset dd.radios label.rechts { margin-right: 0; }
   fieldset dd.radios label.breed { width: 230px; position: relative; }
  fieldset dd input.submit { border: 1px solid #999; background: #fff; padding: 0 3px; }

h1 { position: absolute; top: 43px; background: #fff url(img/logo.gif) no-repeat 0 0;}
 h1 a { display: block; background: transparent url(img/logo.gif) no-repeat -182px 0; width: 182px; height: 206px; text-decoration: none; overflow: hidden; }
 h1 a:hover { background-image: none; }
  h1 a em { visibility: hidden; }

#opvallen { white-space: pre; position: absolute; font-weight: bold; top: 430px; left: 10px; text-transform: uppercase; font-size: 18pt; z-index: 1; }
 #opvallen a:hover { _zoom: 1; background: transparent url(img/aap.gif) no-repeat top left; height: 132px; width: 145px; position: absolute; bottom: 0; }
  #opvallen a img { position: absolute; bottom: 0; }

#menu { width: 280px; position: absolute; right: 64px; top: 10px; list-style: none; }
.home #menu { width: 430px; right: 62px; }
 #menu li { background: #fff url(img/items/plaatjes.jpg) no-repeat top left; border: 1px solid #000; margin: 0 0 6px 16px; height: 135px; text-align: right; width: 130px; float: left; overflow: hidden; }
 #menu li.links { margin-left: 0; }
 
 /* Home */
 #menu #menu-ringmappen { background-position: top left; }
 #menu #menu-tabbladen { background-position: -130px 0; }
 #menu #menu-mousepads { background-position: -260px 0; }
 #menu #menu-schrijfblokken { background-position: -390px 0; }
 #menu #menu-standaard { background-position: -520px 0; }
 #menu #menu-alles-uit-handen { background-position: -650px 0; }
 /* Design mappen */
 #menu #menu-design-ringmap { background-position: -780px 0; }
 #menu #menu-doosband { background-position: -910px 0; }
 #menu #menu-boekmap { background-position: -1040px 0; }
 #menu #menu-speciale-maat { background-position: -1170px 0; }
 /* Expert mappen */
 #menu #menu-expert-ringmap { background-position: -1300px 0; }
 #menu #menu-halfmat { background-position: -1430px 0; }
 #menu #menu-aluminium { background-position: -1560px 0; }
 #menu #menu-maatwerk { background-position: -1690px 0; }
 /* Alles uit handen */
 #menu #menu-ontwerp { background-position: -1820px 0; }
 #menu #menu-voorraadbeheer { background-position: -1950px 0; }
 #menu #menu-drukwerk { background-position: -520px 0; }
 #menu #menu-inhangen { background-position: -650px 0; }
 /* Schrijfblokken */
 #menu #menu-actieblok { background-position: -2080px 0; }
 #menu #menu-spiraalblok { background-position: -2210px 0; }
 #menu #menu-burolegger { background-position: -2340px 0; }
 #menu #menu-penblok { background-position: -2470px 0; }
 /* Standaard */
 #menu #menu-standaard-ringmappen { background-position: -2600px 0; }
 #menu #menu-standaard-tabbladen { background-position: -2730px 0; }
 #menu #menu-omslagen { background-position: -2860px 0; }
 #menu #menu-insteekhoesjes { background-position: -2990px 0; }
 
  #menu li a, #menu li span { text-decoration: none; color: #969696; font-weight:bold;text-transform: lowercase; font-size: 11pt; padding: 115px 10px 5px 0; display: block; _zoom: 1; }
  #menu li a:hover { color: #fc0; }

#menu-contact { position: absolute; top: 332px; right: 45px; list-style: none; }
 #menu-contact li { background: #fff; line-height: 135px; height: 135px; text-align: center; width: 130px; float: left; margin-left: 16px; border: 1px solid #000; }
  #menu-contact li a { display: block; text-decoration: none; _zoom: 1; }
  #menu-contact li a:hover { background-position: -130px 0; }
   #menu-contact li a em { visibility: hidden; }
 #contact-adres a { background: #fff url(img/adres.gif) no-repeat top left; }
 #contact-informatie a { background: #fff url(img/informatie.gif) no-repeat top left; }

#terug { position: absolute; left: 4px; top: 4px; display: block; width: 36px; height: 37px; background: #fff url(img/terug.gif) no-repeat top left; overflow: hidden; }
 #terug em { visibility: hidden; }
   
#footer { color: #000; position: absolute; bottom: 0; right: 0; width: 421px; font-weight: bold; text-align: center; text-transform: lowercase; font-size: 8pt; }

.home #container { width: 501px; left: 390px; }
.home #content { background: none; }
.home #text { width: 150px; }
.home #footer { font-size: 10pt; width: 501px; word-spacing: 5px; }

#lijst { position: absolute; font-family: Arial, sans-serif; width: 210px; text-align: center; font-size: 13pt; bottom: 10px; left: 10px; list-style: none; margin: 0; height: 1.2em; overflow: hidden; text-transform: lowercase; }
.js { height: auto !important; cursor: pointer; }
 .js li { display: none; padding: 0 15px; color: #006b6d; background: transparent url(img/bullet.png) no-repeat left center; }
 .js li.current { display: inline; }
 .js li span { background: transparent url(img/bullet.png) no-repeat right center; padding-right: 15px; }
 .js li em { font-style: normal; text-decoration: underline; font-weight: bold; }