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

body { font-family: 'Palatino Linotype', Georgia, 'Times New Roman', serif; _behavior: url('/_css2/csshover.htc'); background: #fff url(img/back.png) no-repeat top center;  }

h1 img { visibility: hidden; }
h1 a { display: block; width: 280px; overflow: hidden; height: 90px; }
h2 { position: absolute; top: 228px; left: 95px; width: 50px; overflow: hidden; word-wrap: break-word; background: transparent url(/img/koppen/home.png) no-repeat top left; height: 331px; }
 h2 em { visibility: hidden; }
h3.subtitle { position: absolute; padding: 0 30px 10px 0; width: 420px; border-bottom: 2px solid #d3cfd9; text-align: right; top: 154px; right: 0; color: #8e81b4; font-size: 12px; font-family: Verdana, sans-serif; }

#container { width: 1000px; margin: 0 auto; position: relative; }

#menu { list-style: none; position: absolute; top: 100px; right: 30px; font-size: 12px; font-variant: small-caps; font-weight: bold; }
 #menu li { float: left; position: relative; margin-left: 1px; }
  #menu li a { display: block; width: 113px; line-height: 40px; height: 40px; text-align: center; color: #f4f4f5; text-decoration: none; background: #68559b; border-bottom: 1px solid #b9b5be; border-right: 1px solid #b9b5be; }
  #menu li a:hover, #menu li:hover a { background: #7b6aa7; color: #f4f4f5; }
  #menu li ul { position: absolute; display: none; left: 0; list-style: none; bottom: 40px; font-size: 9px; padding-bottom: 2px; _padding-bottom: 1px; }
  #menu li:hover ul { display: block; }
   #menu li ul li { float: none; right: 1px; }
    #menu li ul li a { height: 20px; line-height: 20px; border-top: 1px solid #c9c3d5; }
    #menu li:hover ul li a { background: #68559b; }
    #menu li ul li a:hover { background: #9c90bd; color: #f4f4f5; }

#content { background: #fff; position: absolute; top: 198px; left: 166px; width: 764px; padding: 20px 0 19px 40px; overflow: auto; }
 #content p, #content ul, #content ol, #content dl, #content address, #content table, #content h3, #content h4 { font-size: 11px; margin: 10px 0; }
 #content h3 { margin-bottom: 10px; }
 #content p, #content ul { text-align: justify; }
 #content p.extra { margin-left: 2em; font-style: italic; color: #999; }
 #content table { border-collapse: collapse; }
 #content table td { padding-right: 10px; }
 #content ul, #content ol { margin-left: 20px; line-height: 1.2; }
 #content a { text-decoration: none; border-bottom: 1px solid #8e80b4; color: #636367; }
 #content dl { }
  #content dt { margin-top: 10px; }
  #content dd { display: list-item; margin-left: 2em; }
 #content #text { color: #636367; font-family: Verdana, sans-serif; width: 450px; }
 
 #content div.img { float: right; margin-top: 35px; }
 #content dl.img-desc { clear: left; margin-top: 10px; }
  #content dl.img-desc dt.img { float: left; margin: 0 0 2px 0; }
  #content dl.img-desc dt.img img { display: block; }
  #content dl.img-desc dt { margin-left: 60px; font-weight: bold; }
  #content dl.img-desc dd { display: list-item; margin-left: 80px; }

.home h2 { background-image: url(img/koppen/home.png); }
.organisatie h2 { background-image: url(img/koppen/over.png); }
.organisatie-visie h2 { background-image: url(img/koppen/visie.png); }
.organisatie-mariska-knol h2 { background-image: url(img/koppen/organisatie.png); }
.coaching h2 { background-image: url(img/koppen/coaching.png); }
.training h2 { background-image: url(img/koppen/training.png); }
.consultancy h2 { background-image: url(img/koppen/consultancy.png); }
.onderzoek h2 { background-image: url(img/koppen/onderzoek.png); }
.onderzoek-uvalon-feedback-methode h2 { background-image: url(img/koppen/uvalon-feedback-methode.png); }
.contact h2 { background-image: url(img/koppen/contact.png); }