html, body, ul, ol, li, p, div, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

body { background: #fff; width: 1000px; margin: 0 auto; font-family: Arial, sans-serif; font-size: 13px; position: relative; }

img { display: block; border: none; }

#nav { position: relative; overflow: visible; list-style: none; }
 #nav li { position: absolute; }
 #nav #nav-home { left: 820px; top: 0; }
 #nav #nav-prev { left: 0; top: 0; }
 #nav #nav-next { right: 0; top: 0; }
  #nav li a { overflow: hidden; }
   #nav li a img { }

#subnav { position: absolute; top: 150px; right: 0; list-style: none; width: 170px; }
 #subnav li { margin: 0.5em 0; }
  #subnav li a { font-size: 13px; color: #808080; text-decoration: underline; }
  #subnav li a.current { color: #000; text-decoration: none; }
  #subnav li a:hover { text-decoration: none; }

#contact-tekst { }
 #contact-tekst p { margin: 0 0 40px 0; }

#sidebar { float: left; width: 205px; margin: 165px 10px 0 0; font-size: 13px; }
 #sidebar h3 { margin-bottom: 5px; text-transform: uppercase; color: #808080; font-size: 13px; }
 #sidebar ul + h3 { margin-top: 25px; }
 #sidebar h4 { color: #808080; font-size: 13px; }
 #sidebar p, #sidebar ul { list-style: none; margin: 0 0 10px 0; color: #808080; }
  #sidebar a { text-decoration: none; color: #808080; }
  #sidebar a:hover { text-decoration: underline; }

#content { float: left; width: 550px; padding-top: 165px; position: relative; }
 #content p.intro { position: absolute; top: 20px; }
 body.showcase #content div.img { width: 100%; margin: 0 0 10px 0; }
 #content img { max-width: 100%; -ms-interpolation-mode: bicubic; }

body.showcase { }
 body.showcase #nav { width: 760px; height: 51px; }
 body.showcase p { color: #808080; width: 760px; font-size: 13px; margin: 0 0 10px 0; }
  body.showcase p a { color: #808080; text-decoration: underline; }
  body.showcase p a:hover { text-decoration: none; }
 body.showcase div.img { width: 760px; margin: 20px 0; }

body.home { width: 800px; }
 body.home .img img { margin: 15px auto; }
 body.home p { text-align: center; margin: 50px 0 0 0; color: #808080; }
  body.home p a { color: #808080; }
  body.home p a:hover { text-decoration: none; }
 body.home #intro { margin: 40px 0; }
  body.home #intro p { margin: 10px auto; text-align: left; font-style: italic; font-size: 12px; width: 500px; }
 body.home #nav { width: 800px; height: 300px; }
  body.home #nav li { top: 0; left: 0; text-indent: -9999em; }
  body.home #nav #nav-illustraties { width: 196px; height: 162px; }
  body.home #nav #nav-schilderijen { top: 170px; left: 72px; width: 189px; height: 130px; }
  body.home #nav #nav-cliffhouse { left: 203px; width: 212px; height: 155px; }
  body.home #nav #nav-fotografie { top: 160px; left: 265px; width: 190px; height: 140px; }
  body.home #nav #nav-nieuws { left: 422px; width: 171px; height: 137px; }
  body.home #nav #nav-contact { left: 596px; width: 124px; height: 165px; }
  body.home #nav #nav-links { top: 148px; left: 460px; width: 160px; height: 152px; }
   body.home #nav li a { display: block; height: 100%; background: #fff url(img/menu.png) no-repeat 0 0; }
   body.home #nav #nav-illustraties a { }
   body.home #nav #nav-illustraties a:hover { background-position: 0 -300px; }
   body.home #nav #nav-schilderijen a { background-position: -72px -170px; }
   body.home #nav #nav-schilderijen a:hover { background-position: -72px -470px; }
   body.home #nav #nav-cliffhouse a { background-position: -203px 0; }
   body.home #nav #nav-cliffhouse a:hover { background-position: -203px -300px; }
   body.home #nav #nav-fotografie a { background-position: -265px -160px; }
   body.home #nav #nav-fotografie a:hover { background-position: -265px -460px; }
   body.home #nav #nav-nieuws a { background-position: -422px 0; }
   body.home #nav #nav-nieuws a:hover { background-position: -422px -300px; }
   body.home #nav #nav-contact a { background-position: -596px 0; }
   body.home #nav #nav-contact a:hover { background-position: -596px -300px; }
   body.home #nav #nav-links a { background-position: -460px -148px }
   body.home #nav #nav-links a:hover { background-position: -660px -480px; }

body.news { }
 body.news #nav { width: 760px; height: 51px; }
 body.news h2 { font-size: 13px; }
 body.news p, body.news hr, body.news h2 { margin: 1em 0; color: #808080; width: 760px; text-align: center; }
 body.news div.img { width: 760px; margin: 10px 0; }
  body.news div.img img { margin: 0 auto; }
 body.news hr { width: 20%; }
 body.news a { color: #808080; text-decoration: underline; }
 body.news a:hover { text-decoration: none; }

body.contact { width: 700px; }
 body.contact #nav { width: 460px; height: 51px; }
  body.contact #nav #nav-home { left: 520px; top: 20px; }
 body.contact h2 { font-size: 13px; }
 body.contact p, body.contact h2, body.contact h3, body.contact h4, body.contact dl, body.contact ul { margin: 1em 0; color: #808080; width: 500px; text-align: left; }
 body.contact a { color: #808080; text-decoration: underline; }
 body.contact a:hover { text-decoration: none; }
 body.contact li { margin-left: 2em; }
 body.contact dt { float: left; width: 100px; }
 body.contact dd { margin-left: 120px; } 

body.links { width: 800px; background: #fff url(img/links.jpg) no-repeat top center; }
 body.links #nav { width: 800px; height: 51px; }
  body.links #nav #nav-home { left: 600px; top: 30px; }
 body.links div { padding: 10em 0; }
  body.links h3 { margin: 0 0 1em 70px; color: #808080; font-size: 13px; }
  body.links div ul { list-style: none; margin: 0 0 1em 70px; }
   body.links div ul li {  }
    body.links div ul li a { font-size: 13px; color: #808080; text-decoration: underline; }
    body.links div ul li a:hover { text-decoration: none; }

.youtube { display: block; margin: 0 0 0 170px; }
.showcase .youtube { margin: 0 0 10px 0; }