/* ALGEMEEN */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, fieldset, form, table, th, td { margin: 0; padding: 0; }
html, body { height: 100%; font-family: Arial, sans-serif; _overflow-x: hidden; }
body { overflow-x: hidden; }
h1 { position: absolute; right: 0; left: 249px; }
 h1 a img { display: block; border: none; }
#container { width: 749px; margin: 0 auto; position: relative; height: 100%; }

/* HOMEPAGE */

.home { background: #fff url(img/back-home-small.gif) repeat top center; }

.home h1 { border-left: 1px solid #ccc6c1; }

.home #container { border-left: 1px solid #ccc6c1; border-right: 1px solid #ccc6c1; }

.home address { margin-left: 35px; font-style: normal; }
 .home address img { display: block; }
 .home address a { margin: 10px 0 0 1px; display: block; color: #91867b; background: #fff; font-size: 12px; }
 .home address a:hover { color: #99d7db; }

#intro { position: absolute; top: 150px; left: -1px; display: block; }

#showroommodellen { list-style: none; position: absolute; top: 451px; width: 751px; padding-bottom: 300px; left: -1px; overflow: hidden; }
 #showroommodellen li { float: left; width: 249px; height: 299px; border-bottom: 1px solid #99d7db; border-left: 1px solid #99d7db; text-align: right; }
 #showroommodellen li#model-3 { border-right: 1px solid #99d7db; }
  #showroommodellen li a { text-transform: lowercase; color: #91867b; background: #fff url(img/showroommodellen2010.jpg) no-repeat top left; display: block; height: 134px; padding: 165px 15px 0 0; font-size: 12px; }
  #showroommodellen li a:hover { color: #fff; background-color: #99d7db; }
  #showroommodellen li#model-1 a { }
  #showroommodellen li#model-1 a:hover { background-position: -747px 0; }
  #showroommodellen li#model-2 a { background-position: -249px 0; }
  #showroommodellen li#model-2 a:hover { background-position: -996px 0; }
  #showroommodellen li#model-3 a { background-position: -498px 0; }
  #showroommodellen li#model-3 a:hover { background-position: -1245px 0; }

.home #bottom { background: #fff url(img/back-home-bottom.gif) repeat top left; position: absolute; top: 751px; height: 370px; border-left: 1px solid #ccc6c1; border-right: 1px solid #ccc6c1; left: -1px; width: 749px; }

/* VERVOLG */

.vervolg { background: #fff url(img/back-vervolg.gif) repeat top center; }

.vervolg  h1 { border-left: 1px solid #99d7db; }
 .vervolg h1 a#home { font-weight: normal; text-transform: lowercase; display: block; color: #91867b; background: #fff; font-size: 12px; position: absolute; top: 125px; right: 24px; z-index: 1;  }
 .vervolg h1 a#home:hover { color: #99d7db; }
 
.vervolg #container { border-left: 1px solid #99d7db; border-right: 1px solid #99d7db; }

#keukens { position: absolute; z-index: 10; top: 151px; background: transparent; width: 250px; overflow: visible; list-style: none; }
 #keukens li { height: 149px; border-bottom: 1px solid #99d7db; border-right: 1px solid #99d7db; background: #fff url(img/keukens_2010.jpg) no-repeat top left; }
  #keukens li a { display: block; height: 100%; text-decoration: none; background: transparent url(img/keukens_2010.jpg) no-repeat top left; }
  #keukens li a:hover, #keukens li.huidige a { background-image: none; }
   #keukens li em { visibility: hidden; }
 #keukens li#keuken-1 { background-position: 0 0; }
 #keukens li#keuken-2 { background-position: 0 -149px; }
 #keukens li#keuken-3 { background-position: 0 -298px; border-bottom: 1px solid #fff; }
 #keukens li#keuken-4 { background-position: 0 -447px; border-bottom: 1px solid #fff; background: #99d7db; border-right: 1px solid #fff; width: 249px; }
 #keukens li#keuken-5 { background-position: 0 -596px; border-bottom: 1px solid #fff; background: #99d7db; border-right: 1px solid #fff; width: 249px; }
 #keukens li#keuken-6 { background-position: 0 -745px; border-bottom: 1px solid #fff; background: #99d7db; border-right: 1px solid #fff; width: 249px; }
 #keukens li#keuken-7 { position: absolute; top: 750px; left: 250px; background-position: 0 -894px; border-bottom: 1px solid #fff; background: #99d7db; border-right: 1px solid #fff; width: 249px; }
 #keukens li#keuken-8 { position: absolute; top: 750px; left: 500px; background-position: 0 -1043px; border-bottom: 1px solid #fff; background: #99d7db; border-right: 1px solid #fff; width: 249px; }
 #keukens li#keuken-1 a { background-position: -249px 0; }
 #keukens li#keuken-2 a { background-position: -249px -149px; }
 #keukens li#keuken-3 a { background-position: -249px -298px; }
 #keukens li#keuken-4 a { background-position: -249px -447px; }
 #keukens li#keuken-5 a { background-position: -249px -596px; }
 #keukens li#keuken-6 a { background-position: -249px -745px; }
 #keukens li#keuken-7 a { background-position: -249px -894px; }
 #keukens li#keuken-8 a { background-position: -249px -1043px; }

#keuken { position: absolute; top: 151px; left: 250px; background: #fff; padding-right: 500px; }
 #keuken img { display: block; border-right: 1px solid #99d7db; }

#informatie { border-left: 1px solid #fff; border-right: 1px solid #fff; position: absolute; left: -1px; top: 601px; height: 300px; width: 499px; padding-left: 250px; padding-bottom: 300px; }
 #informatie #tekst { background: #fff; padding: 20px 30px 20px 25px; height: 260px; overflow: auto; color: #91867b; font-size: 12px; }
  #informatie #tekst h3 { text-transform: uppercase; letter-spacing: 1px; font-size: 13px; color: #574133; }
  #informatie #tekst p { margin: 2px 0 10px 0; color: #574133; }
  #informatie #tekst table { border-collapse: collapse; table-layout: fixed; width: 420px; }
   #informatie #tekst table th { text-align: left; font-weight: normal; padding: 3px 0; width: 100px; }
   #informatie #tekst table td { padding: 3px 0; }
  #informatie #tekst table#prijzen { margin-top: 6px; }
   #informatie #tekst table#prijzen th, #informatie #tekst table#prijzen td { font-weight: bold; }
   #informatie #tekst table#prijzen td { white-space: pre; }
  #informatie #tekst table#prijzen tr.voorlaatste th, #informatie #tekst table#prijzen tr.voorlaatste td { padding-bottom: 8px; }
  #informatie #tekst table#prijzen tr.laatste th, #informatie #tekst table#prijzen tr.laatste td { padding-top: 8px; }
  #informatie #tekst table#prijzen tr.laatste td { border-top: 1px solid #99d7db; }

.vervolg #bottom { background: #fff url(img/back-vervolg-bottom.gif) repeat-y top left; position: absolute; top: 1050px; height: 160px; width: 749px; left: -1px; z-index: 20; border-left: 1px solid #99d7db; border-right: 1px solid #99d7db; }