html, body, div, p, h1, h2, h3, ul, ol, dl, li, dt, dd, fieldset, form, table, tr, th, td { margin: 0; padding: 0; }
html, body { background: #fff; }
body { border-top: 15px solid #f0c; }

#skip-links { display: none; }

#container { width: 999px; margin: 0 auto; overflow: hidden; background: #fff url(img/logo-back.gif) no-repeat top left; padding: 0; position: relative; }

#head { float: left; background: transparent url(img/stip-home.gif) no-repeat 25px 21px; }
 #head a { text-decoration: none; display: block; width: 207px; margin-left: 38px; height: 70px; background: transparent url(img/logo.gif) no-repeat -24px -21px; }
 #head a:hover { background-position: -24px -121px; }
 .home #head a:hover { background-position: -24px -21px; }
  #head a img { display: none; }

#menu { font-family: 'Arial Narrow', Arial, sans-serif; letter-spacing: 1px; font-size: 16px; }

#menu { list-style: none; margin: 15px 0 0 245px; position: relative; z-index: 2; }
 #menu li { float: left; padding-bottom: 5px; background-color: transparent; background-repeat: no-repeat; background-position: -50px 6px; }
 #menu li.current { background-position: 5px 6px; }
  #menu li a { display: block; text-decoration: none; color: #000; padding-left: 20px; }
  #menu li ul { list-style: none; position: absolute; z-index: 3; display: none; width: 754px; left: 0; top: 23px; padding: 5px 0; background: #fff; border-bottom: 1px solid; }
  #menu li:hover ul { display: block; z-index: 20; }
   #menu li ul li { float: none; padding-bottom: 0; background-image: none; background-color: #fff; background-repeat: no-repeat; background-position: 5px 9px !important; }
    #menu li ul li a { padding: 2px 0 2px 20px; }

#nav-over, #nav-english-about { width: 105px; background-image: url(img/stip-over.gif); }
#nav-voorstellingen, #nav-english-performances { width: 170px; background-image: url(img/stip-voorstellingen.gif); }
#nav-archief, #nav-english-archives { width: 115px; background-image: url(img/stip-archief.gif); }
#nav-educatie, #nav-english-education { width: 120px; background-image: url(img/stip-educatie.gif); }
#nav-reacties-en-contact, #nav-english-reactions-and-contact { width: 200px; background-image: url(img/stip-reacties-en-contact.gif); }

#nav-voorstellingen li, #nav-english-performances li { margin-left: 105px; }
#nav-archief li, #nav-english-archives li { margin-left: 275px; }
#nav-educatie li, #nav-english-education li { margin-left: 390px; }
#nav-reacties-en-contact li, #nav-english-reactions-and-contact li { margin-left: 510px; }

#nav-over li.current, #nav-english-about li.current { background-image: url(img/stip-over.gif); }
#nav-voorstellingen li.current, #nav-english-performances li.current { background-image: url(img/stip-voorstellingen.gif); }
#nav-archief li.current, #nav-english-archives li.current { background-image: url(img/stip-archief.gif); }
#nav-educatie li.current, #nav-english-education li.current { background-image: url(img/stip-educatie.gif); }
#nav-reacties-en-contact li.current, #nav-english-reactions-and-contact li.current { background-image: url(img/stip-reacties-en-contact.gif); }

#content { padding-top: 105px; clear: both; font-family: Arial, sans-serif; font-size: 13px; background: #fff url(img/border.gif) no-repeat bottom left; padding-bottom: 25px; min-height: 300px; overflow: hidden; position: relative; width: 999px; }
 #content h1, #content h2 { font-family: 'Arial Narrow', Arial, sans-serif; font-weight: normal; font-size: 30px; letter-spacing: 2px; text-align: right; padding: 0 297px 0 245px; }
 #content h1 { margin-bottom: 15px; background: #fff url(img/border.gif) no-repeat bottom left; padding-bottom: 10px; }
 #content h2 { clear: both; color: #000; margin: 20px 0 5px 0; background: #fff url(img/border-home.gif) no-repeat top left; padding-top: 15px; }
 #content h2.first { margin-top: 0; padding-top: 0; background-image: none !important; }
 #content h3, #content p, #content ul { padding-right: 0; margin-right: 297px; line-height: 1.4; text-align: right; font-size: 13px; }
 #content h3 { font-weight: bold; }
 #content p { padding: 0 0 0 200px; margin-bottom: 15px; margin-right: 297px; }
  #content p em { background: #c3c; color: #fff; padding: 2px; line-height: 1.8; }
 #content .img { padding-right: 297px; margin: 15px 0; }
  #content .img img { display: block; margin: 0 0 0 auto; }
  #content .img a img { border: 1px solid #000; }
 #content ul { list-style: none; }
 #content ul.meta { float: right; clear: right; text-align: left; width: 262px; padding: 0; margin: 0 0 15px 0; }
  #content ul.meta li { padding-right: 0; background-image: none !important; }
 #content .popped { padding: 0; margin: 15px 0; border: 1px solid #000; clear: both; position: relative; z-index: 2; background: #fff; cursor: pointer; }
  #content .popped img { display: block; margin: 0 auto; padding: 10px 0; }

 .voorstellingen #content p { padding: 0 0 0 245px; margin-right: 297px; }
 .voorstellingen #content p.intro { font-size: 16px; margin-bottom: 25px; }

 .voorstellingen #content ul.meta { float: none; clear: none; width: auto; padding-left: 245px; text-align: right; margin-right: 297px; }

 .voorstellingen #content ul.images { float: right; clear: right; width: 262px; padding: 0; margin: 0; line-height: 1; }
  .voorstellingen #content ul.images li { margin-bottom: 15px; }
   .voorstellingen #content ul.image li img { display: block; }

 .archief #content ul.images { float: none; clear: both; padding: 0; width: 100%; overflow: hidden; padding-top: 20px; }
  .archief #content ul.images li { float: left; margin-left: 6px; }
  .archief #content ul.images li.first { margin-left: 0; }
   .archief #content ul.images li img { display: block; }

 .reacties-en-contact #content p.intro { font-size: 14px; text-align: left; background: #0cf url(img/border-reacties-en-contact.gif) repeat-y top left; margin: 0; padding: 10px 307px 10px 245px; }
 .reacties-en-contact #content p.forum-intro { font-size: 14px; text-align: left; background: #0cf; margin: 0 297px 0 0; padding: 10px 10px 10px 270px; }
 .reacties-en-contact #content p.forum-regels { float: right; width: 262px; letter-spacing: 1px; text-align: left; margin: 0 0 20px 0; padding: 0; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #fff; }
  .reacties-en-contact #content p.forum-regels em { background: #0cf; font-style: normal; padding: 2px 3px; }
 .reacties-en-contact #content ul.forum-regels { clear: right; float: right; width: 262px; text-align: left; margin: 0; padding: 0; list-style: none; }
  .reacties-en-contact #content ul.forum-regels li { margin: 0; color: #fff; }
   .reacties-en-contact #content ul.forum-regels li em { background: #0cf; color: #fff; padding: 2px 3px; line-height: 1.8; font-style: normal; }
 .reacties-en-contact #content ul.meta { font-size: 14px; color: #000 !important; float: right; margin: 0; width: 242px; padding: 10px; text-align: left; position: relative; z-index: 2; background: #0cf; }
  .reacties-en-contact #content ul.meta a { color: #000; }

 #content dl { text-align: right; }
  #content dt { text-align: left; float: right; width: 262px; line-height: 1.8; }
  #content dd { margin-right: 297px; line-height: 1.8; }

 #content a { text-decoration: underline; color: #000; }
 #content a:hover { text-decoration: none; color: #000 !important; }

 .over #nav-over ul, .voorstellingen #nav-voorstellingen ul, .archief #nav-archief ul, .educatie #nav-educatie ul, .reacties-en-contact #nav-reacties-en-contact ul, .over #nav-english-about ul, .voorstellingen #nav-english-performances ul, .archief #nav-english-archives ul, .educatie #nav-english-education ul, .reacties-en-contact #nav-english-reactions-and-contact ul { display: block; }

.home h1, .home #content ul.meta, #nav-english a:hover, #nav-nederlands a:hover, #nav-english a:hover, .home #content dt { color: #c3c; }
.over h1, .over #content ul.meta, .over #content a, #nav-over a:hover, #nav-english-about a:hover, .over #content dt { color: #c30; }
.voorstellingen h1, .voorstellingen #content ul.meta, .voorstellingen #content a, #nav-voorstellingen a:hover, #nav-english-performances a:hover, .voorstellingen #content dt { color: #6cc; }
.archief h1, .archief #content ul.meta, .archief #content a, #nav-archief a:hover, #nav-english-archives a:hover, .archief #content dt { color: #6c3; }
.educatie h1, .educatie #content ul.meta, .educatie #content a, #nav-educatie a:hover, #nav-english-education a:hover, .educatie #content dt { color: #c90; }
.reacties-en-contact h1, .reacties-en-contact #content ul.meta, .reacties-en-contact #content a, #nav-reacties-en-contact a:hover, #nav-english-reactions-and-contact a:hover, .reacties-en-contact #content dt { color: #09c; }

.over, li#nav-over ul, li#nav-english-about ul, .over #content .img a:hover img, .over #content .popped { border-color: #f30; }
.voorstellingen, li#nav-voorstellingen ul, .li#nav-english-performances ul, voorstellingen #content .img a:hover img, .voorstellingen #content .popped { border-color: #6ff; }
.archief, li#nav-archief ul, li#nav-english-archives ul, .archief #content .img a:hover img, .archief #content .popped { border-color: #9f6; }
.educatie, li#nav-educatie ul, li#nav-english-education ul, .educatie #content .img a:hover img, .educatie #content .popped { border-color: #fc0; }
.reacties-en-contact, li#nav-reacties-en-contact ul, li#nav-english-reactions-and-contact ul, .reacties-en-contact #content .img a:hover img, .reacties-en-contact #content .popped { border-color: #0cf; }

.over #content h2 { background-image: url(img/border-over.gif); }
.voorstellingen #content h2 { background-image: url(img/border-voorstellingen.gif); }
.archief #content h2 { background-image: url(img/border-archief.gif); }
.educatie #content h2 { background-image: url(img/border-educatie.gif); }
.reacties-en-contact #content h2 { background-image: url(img/border-reacties-en-contact.gif); }

.over #content p em { background-color: #c30; }
.voorstellingen #content p em { background-color: #6cc; }
.archief #content p em { background-color: #6c3; }
.educatie #content p em { background-color: #c90; }
.reacties-en-contact #content p em { background-color: #09c; }

.over #head { background-image: url(img/stip-over.gif); }
.voorstellingen #head { background-image: url(img/stip-voorstellingen.gif); }
.archief #head { background-image: url(img/stip-archief.gif); }
.educatie #head { background-image: url(img/stip-educatie.gif); }
.reacties-en-contact #head { background-image: url(img/stip-reacties-en-contact.gif); }

.home #content { background: #fff url(/_img/layout/homepage/home.jpg) no-repeat 0 50px; height: 785px; padding: 50px 0 35px 0; border-bottom: 1px solid #000; }

#colofon { border-top: 1px solid #000; margin: 35px 0; padding-top: 10px; text-align: right; }
 #colofon a { color: #666; text-decoration: none; font-family: 'Arial Narrow', Arial, sans-serif; font-size: 16px; letter-spacing: 1px; }
 #colofon a:hover { color: #000; }

#content form dl { text-align: left; }
 #content form dl dt { float: none; width: auto; }
  #content form dl dt label { color: #fff; text-transform: lowercase; cursor: pointer; display: block; font-family: 'Arial Narrow', Arial, sans-serif; letter-spacing: 1px; font-size: 15px; }
 #content form dl dd { margin: 0; padding: 5px 0; color: #fff; }
  #content form dl dd input, #content form dl dd textarea, #content form dl dd select { background: #fff; color: #000; padding: 2px 0; border: none; font-family: Arial, sans-serif; font-size: 13px; }
  #content form dl dd input, #content form dl dd select { width: 230px; }
  #content form dl dd.submit input, #content form dl dd input.submit { width: auto; padding: 2px 5px; border: 1px outset #fff; }
  #content form a.js-submit { text-decoration: none; margin-top: 10px; color: #fff; display: block; width: 154px; height: 20px; background: #0cf url(img/verzenden.gif) no-repeat top left; }
  #content form a.toevoegen { background-image: url(img/toevoegen.gif); }
  #content form a.send { background-image: url(img/send.gif); }
  #content form a.add { background-image: url(img/add.gif); }
  #content form a.js-submit:hover { background-position: 0 -20px; }
   #content form a.js-submit em { visibility: hidden; }

#content #formulier-1 { background: #0cf url(img/border-reacties-en-contact.gif) repeat-y top left; padding-right: 297px; }
 #content #formulier-1 fieldset { border: none; margin-left: 245px; }
  #content #formulier-1 fieldset legend { display: none; margin: 0; padding: 10px 0 0 0; font-size: 15px; font-family: 'Arial Narrow', Arial, sans-serif; letter-spacing: 1px; }
 #content #formulier-1 dl { margin: 10px 0 150px 0; padding-bottom: 50px; }
  #content #formulier-1 dl dd { padding: 0 0 4px 0; line-height: 1; }
   #content #formulier-1 dl dd textarea { width: 400px; }
   #content #formulier-1 dl dd input.submit { margin-top: 10px; }

#forum { background: #0cf; margin-right: 297px; height: 200px; position: relative; }
 #forum dl { position: absolute; top: 10px; height: 180px; }
  #forum dl dt { line-height: 15px; }
   #forum dl dt small { color: #f0c; font-weight: bold; font-size: 100%; letter-spacing: 0; font-size: 90%; }
  #forum dl dd { padding: 0 0 4px 0; line-height: 1; color: #fff; }
   #forum dl dd #f-spam { width: 100px; }
   #forum dl dd textarea { width: 410px; height: 105px; }
  #forum dl dd.submit input { margin-top: 10px; }
  #forum dl dd.fout input, #forum dl dd.fout textarea { background: #f0c; }
 #forum #f-gegevens { left: 20px; width: 230px; }
 #forum #f-reactie { left: 270px; }

#content #reacties { list-style: none; margin: 0; padding: 0; }
 #content #reacties li { overflow: hidden; margin: 15px 0; background: #fff url(img/border-reacties-en-contact.gif) no-repeat top left; }
 #content #reacties li.first { margin: 0 0 15px 0; background: none; }
  #content #reacties li p { margin: 15px 297px 0 0; }
  #content #reacties li ul.meta { background: #fff; margin: 15px 0 0 0; color: #09c !important; float: right; margin: 15px 0; width: 262px; padding: 0; position: static; }
   #content #reacties li ul.meta li { margin: 0; background: none; }

#home { background: transparent url(/_img/layout/homepage/lijnen.gif) no-repeat 0 0; position: relative; height: 785px; z-index: 1; }
 #home div { background: #fff url(img/pijltjes.gif) no-repeat top left; position: absolute; overflow: hidden; height: 130px; }
 #home h2 { margin: 0; padding: 0; background-image: none; text-align: left; font-size: 100%; position: absolute; bottom: 5px; left: 5px; margin-right: 70px; }
  #home h2 a { line-height: 1.8; color: #fff; text-decoration: none; padding: 2px 4px; font-family: Arial, sans-serif; font-weight: bold; letter-spacing: 0; }
  #home h2 a:hover { color: #fff !important; background: #000; }

#home #first { top: 243px; left: 1px; width: 194px; }
 #first h2 a { background: #0f3; }

#home #second { top: 243px; left: 603px; width: 194px; background-position: 0 -130px; }
 #second h2 a { background: #f90; }

#home #third { top: 517px; left: 403px; width: 595px; background-position: 0 -260px; }
 #third h2 { position: static; margin: 40px 5px 2px 5px; }
  #third h2 a { background: #f0c; }
 #third p { padding: 0; margin: 0; text-align: left; margin: 2px 30px 5px 5px; }
  #third p a { color: #f0c; }

#home #fourth { top: 243px; left: 804px; width: 194px; background-image: none; }
 #fourth .img { margin: 0; padding: 0; }
  #fourth .img a img { border: none; }