/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

html { background: #7e867e; color: #fff; height: 100%; }
body { background: #7e867e url(_img/body-back.gif) 0px 150px repeat-x; height: 100%; }

a { color: #b3ff42; text-decoration: none; }
a:hover { color: #fff; }
a, a * { cursor: pointer; }
code { background: #676; padding: 2px 5px; border: 1px solid #898; }
/* TYPOGRAPHY */
html { font: normal 12px/18px Verdana, sans-serif; }
h1 { font: normal 24px/46px 'Trebuchet MS', Arial, sans-serif; margin: 0 0 10px 0; }
h2 { font: bold 22px/34px 'Trebuchet MS', Arial, sans-serif; margin: 0 0 10px 0; }
h3 { font: normal 18px/26px 'Trebuchet MS', Arial, sans-serif; margin: 15px 0 10px 0; color: #BEC2BE; }
h4 { font: normal 16px/24px 'Trebuchet MS', Arial, sans-serif; margin: 15px 0 5px 0; }
h5 { font: normal 14px/20px palatino, georgia, serif; margin: 10px 0 5px 0; }
h6 { font: normal 12px/18px palatino, georgia, serif; margin: 10px 0 5px 0; }
p { margin: 0 0 10px 0; }
ul { list-style: square; list-style-position: inside; margin-left: 15px; margin-bottom: 10px; }


/* dat icon kan misschien beter in JS, waar sowieso de external's 
   moeten worden aangepast, zodat ze in een nieuw venster komen, niet? */
.highlight { color: orange; }
.url { background: url(_img/icon-external-link.png) no-repeat top right; padding-right: 16px; }
#discount { position: absolute; top: 6px; left: 50%; margin-left: 280px; }

#skip { position: absolute; background: #7e867e; width: 880px; left: 50%; margin-left: -450px; padding: 5px; z-index: 100; border: 5px solid #c6c6c6; border-top: 0; top: -28px; display: none; }
#skip:hover { top: 0; border-width: 2px; border-top: 0; }

#header { background: #97dc32 url(_img/header-back.gif) 0 0 repeat-x; height: 95px; padding: 10px; }
 #header h1 { width: 900px; margin: 0 auto; }
  #header h1 a { display: block; padding: 1px; width: 320px; height: 91px; }
  #header h1 a:hover { border: 1px solid #82bd2a; padding: 0; }
  
#nav { background: url(_img/nav-back.gif) bottom left repeat-x; height: 46px; position: absolute; top: 104px; left: 0; width: 100%; }
 #nav h2 { display: none; }
 #nav ul { width: 900px; margin: 0 auto; list-style: none; overflow: hidden; }
  #nav ul li { padding: 0; height: 46px; width: 117px; float: left; text-align: center;  }
   #nav ul li a { display: block; padding: 10px 0 7px 0; margin-top: 10px; color: #ccc; font-weight: bold; text-decoration: none; font-family: Arial;  }
   #nav ul li a:hover { color: #fff; }
  #nav ul li.current { background: url(_img/nav-tab.gif) 0 0 no-repeat;  }
   #nav ul li.current a { color: #fff; }

#main { width: 910px; margin: 30px auto; padding-top: 25px; overflow: hidden; }
 
 #content { float: left; width: 610px; padding: 10px; } 
  #content h2 { border-bottom: 1px #c6c6c6 solid; margin-bottom: 10px; }
  #content h2.not-first { border-bottom: 0; margin-bottom: 0; margin-top: 20px; }
 
 .breadcrumb { margin-top: -5px; margin-bottom: 10px; color: #b3b3b3; font-size: 10px; }
 .breadcrumb a { color: #fff; }
 .breadcrumb a:hover { color: #000; }
 .breadcrumb strong { color: #fff; }

 table.companies { width: 100%; margin: 10px 0 20px 0; border-collapse: collapse; }
 table.companies.narrow { width: 240px; }
  table.companies td,
  table.companies th { border-bottom: 1px solid #777; padding: 5px 5px 5px 5px;  vertical-align: top; text-align: left; }
  table.companies th.screenshot { color: #7e867e; width: 35px; font-size: 1px; }
  table.companies td.screenshot { vertical-align: middle; }
  table.companies .pagerank { width: 20px; text-align: center; }
  table.companies .distance { width: 60px; text-align: center; }
  table.companies .portfolio { width: 60px; text-align: center; }
   table.companies h4 { margin-top: 0; margin-bottom: 0; font-family: Verdana, sans-serif; font-size: 12px; line-height: 12px; font-weight: bold; }
   table.companies h4 a { color: #C3D9A5; }
   table.companies h4 a:hover { color: #B3FF42; }
   table.companies address { font-style: normal; font-size: 0.8em; color: #ccc; }
   table.companies address .hide,
   td.adr .hide { display: none; }
  table.companies tr:hover td { background: #a2a8a2; }
  /* DAANS INPUT */
  table.companies .prominent td { background: #666 url(_img/prominent-gradient.gif) top left repeat-x; padding: 5px 0 5px 5px; }
  table.companies tr.prominent:hover td { background: #6b726b; } 
  table.companies .prominent h4 a { font-size: 18px; line-height: 26px; font-weight: bold; color: #b3ff42; }
  table.companies .prominent address { font-style: normal; font-size: 0.8em; color: #fff; }

 .dictionary dd { color: #ddd; margin-bottom: 10px; padding-left: 10px; }
 .dictionary dd strong { color: #eee; }

 .info,
 .notify,
 .error { margin: 10px 0; padding: 5px; border: 1px solid #a5a5a5; background: #808080; }
 .notify {  color: #0f0; }
 .error { color: #800000; }
 .info { font-weight: bold; }
 .error ul { margin: 10px 0; list-style: square; list-style-position: inside; }

 form.pretty-form {  }
  form.pretty-form fieldset { border: 0; margin: 0; padding: 5px 0 10px 0; }
  form.pretty-form fieldset h3 { border-bottom: 1px solid #666; padding: 5px 0 3px 0; margin-bottom: 10px; } 
  form.pretty-form ol.question-list { list-style: none; }
   form.pretty-form ol.question-list li { overflow: hidden; padding: 3px 0 2px 0; }
    form.pretty-form ol.question-list label { display: block; width: 150px; float: left; }
    form.pretty-form ol.question-list li.check label { width: auto; }
    form.pretty-form ol.question-list .answer { float: left; }
    form.pretty-form ol.question-list li.submit { padding-left: 150px; }
  form.pretty-form p.submit { text-align: right; padding-right: 73px; }
  form.pretty-form h4 { font-weight: bold; }

 .registered-portfolio-items { width: 100%; border-collapse: collapse; }
 .registered-portfolio-items td,
 .registered-portfolio-items th { text-align: left; vertical-align: top; padding: 1px 3px; border-top: 1px solid #8b928b; }
 .registered-portfolio-items th.options { font-size: 1px; text-indent: -9000em; }
 .registered-portfolio-items .delete { width: 17px; }
 .registered-portfolio-items .edit { width: 17px; }
 .registered-portfolio-items td.link { }
 .registered-portfolio-items td.title { color: #000; }
 .registered-portfolio-items .price { width: 75px; white-space: nowrap; text-align: right; }
 .registered-portfolio-items tfoot td,
 .registered-portfolio-items tfoot th { border-top: 1px solid #b3b3b3; text-align: right; }
 .registered-portfolio-items tfoot th { text-align: right; }

 table.order { margin: 20px 0 10px 0; width: 100%; border-collapse: collapse; }
  table.order td, table.order th { text-align: left; vertical-align: top; padding: 3px 5px; }
  table.order thead th { border-bottom: 1px solid #8b928b; }
  table.order tbody td { border-top: 1px solid #8b928b; }
  table.order tfoot tr.first td,
  table.order tfoot tr.first th { border-top: 1px solid #b3b3b3; }
  table.order tfoot th { text-align: right; }
  table.order td.price,
  table.order th.price { text-align: right; width: 75px; }
 
 .wrapper { overflow: hidden; }
 .wrapper .recipient { float: left; width: 40%; }
 .wrapper .sender { float: right; width: 40%; }

 #aside { color: #000; width: 260px; margin: 35px 0 20px 10px; float: right; padding: 0 5px; }
  #aside h2,
  #aside h3 { font: normal 12px/20px Verdana, Arial, sans-serif; margin: 0 0 10px 0; font-weight: bold; }  
  #aside h3 { margin-top: 15px; color: #000; }

  #aside a { color: #21599b; text-decoration: none; }
  #aside a:hover { color: #0b2441; }
    
  #aside #search { margin: -10px -10px 0px -10px; }
   #aside #search fieldset { height: 60px; border: 0; margin: 0; padding: 10px; padding-bottom: 0; }
    #aside #search fieldset legend { display: none; }
    #aside #search fieldset p { text-align: left; margin: 0; padding: 0; }
    #aside #search fieldset label { display: block; margin-bottom: 10px; cursor: pointer; text-align: left; font: normal 12px/22px Verdana, Arial, sans-serif; margin: 0 0 10px 0; font-weight: bold; }
    #aside #search fieldset input#query { width: 170px; }
    #aside #search fieldset input { margin-bottom: 2px; }
 
 #aside #map-of-the-netherlands { border: 0; }

 #aside ul.cities { list-style: none; list-style-position: outside; margin: 0; border-top: 1px solid #3d626a; }
  #aside ul.cities li { border-bottom: 1px solid #3d626a; color: #728d93; padding: 2px 5px 1px 5px; text-align: right; overflow: hidden; }
  #aside ul.cities li:hover { background-color: #3f5f65; }
   #aside ul.cities li a { color: #728d93; text-overflow: hidden; }
   #aside ul.cities li a:hover { color: #ffb700; }
   #aside ul.cities li a,
   #aside ul.cities li span { float: left; text-align: left; }
   #aside ul.cities li .distance { color: #cfe2e6; }

 #aside ul.prominents { margin: 0; list-style-position: outside; list-style: none; border-top: 1px solid #3d626a; }
  #aside ul.prominents li { border-bottom: 1px solid #3d626a; color: #cfe2e6; padding: 2px 5px 1px 5px; text-align: right; overflow: hidden; }
  #aside ul.prominents li:hover { background-color: #3f5f65; }
  #aside ul.prominents li a { color: #738d93; }
  #aside ul.prominents li a:hover { color: #ffb700; }
  #aside ul.prominents li a.company { float: left; text-align: left; font-weight: bold; }
  #aside ul.prominents li a.city { color: #cfe2e6; } 
 
 #aside #regions { margin: 0; list-style: none; list-style-position: outside; border-top: 1px solid #b6b6b6; }
  #aside #regions li { border-bottom: 1px solid #b6b6b6; color: #a6a6a6; padding: 2px 5px 1px 5px; text-align: right; overflow: hidden; }
  #aside #regions li:hover { background: #cbcbcb; }
   #aside #regions li a { float: left; text-align: left; }
   #aside #regions li a:hover,
   #aside #regions li a.highlight { font-weight: bold; }

/* BOXES IN ASIDE */
/*
#aside .box { background: #ddd url(_img/aside-gradient.gif) top left repeat-x; padding: 8px; margin-bottom: 10px; }
#aside .search-box { background: #f8d85b url(_img/search-gradient.gif) top left repeat-x;  }
#aside .nearby-cities-box { background: #33545b; color: #fff; }
*/

#aside .offer { overflow: hidden; }
#aside .offer a { display: inline; }
#aside .offer .aside { float: left; margin: 0 5px 5px 0; }

#aside .box { margin: 15px 0; padding: 10px 15px; border: 1px solid #666; background: #ddd url(_img/aside-gradient.gif) top left repeat-x; }
#aside .box-wrapper { background: #ddd url(_img/aside-box/gradient.gif) top left repeat-x; margin: 0 -10px; width: 274px; }
#aside .box-wrapper-middle { background: url(_img/aside-box/whole-middle.gif) top left repeat-y; }
#aside .box-wrapper-top { background: url(_img/aside-box/whole-top.gif) top left no-repeat; padding-top: 15px; }
#aside .box-wrapper-bottom { background: url(_img/aside-box/whole-bottom.gif) bottom left no-repeat; padding-bottom: 15px; }
#aside .box-wrapper .box { margin: 0; padding: 0 20px; border: 0; background: none; }

#aside .search-box { background: #f8d85b url(_img/search-box/gradient.gif) top left repeat-x; }
#aside .search-box-wrapper { background: #f8d85b url(_img/search-box/gradient.gif) top left repeat-x; margin: 0 -10px; width: 274px; }
#aside .search-box-wrapper-middle { background: url(_img/search-box/whole-middle.gif) top left repeat-y; }
#aside .search-box-wrapper-top { background: url(_img/search-box/whole-top.gif) top left no-repeat; padding-top: 15px; }
#aside .search-box-wrapper-bottom { background: url(_img/search-box/whole-bottom.gif) bottom left no-repeat; padding-bottom: 15px; }
#aside .search-box-wrapper .box { margin: 0; padding: 0 20px; border: 0; background: none; }

#aside .nearby-cities-box { margin: 15px 0; padding: 10px 15px; border: 1px solid #666; background: #33545b url(_img/nearby-cities-box/gradient.gif) top left repeat-x; color: #fff; }
#aside .nearby-cities-box-wrapper { background: #33545b url(_img/nearby-cities-box/gradient.gif) top left repeat-x; margin: 0 -10px; width: 274px; }
#aside .nearby-cities-box-wrapper-middle { background: url(_img/nearby-cities-box/whole-middle.gif) top left repeat-y; }
#aside .nearby-cities-box-wrapper-top { background: url(_img/nearby-cities-box/whole-top.gif) top left no-repeat; padding-top: 15px; }
#aside .nearby-cities-box-wrapper-bottom { background: url(_img/nearby-cities-box/whole-bottom.gif) bottom left no-repeat; padding-bottom: 15px; }
#aside .nearby-cities-box-wrapper .box { margin: 0; padding: 0 20px; border: 0; background: none; }

#aside .nearby-cities-box p { margin-top: 10px; }
#aside .nearby-cities-box a { color: #7e8d93; }
#aside .nearby-cities-box a:hover { color: #ffb700; }

/* BOXES IN CONTENT */
#content .box { margin: 15px -5px; padding: 10px 15px; border: 1px solid #666; background: #7e867e url(_img/content-box/gradient.gif) top left repeat-x; width: 575px; }
#content .box h3 { margin-top: 0; color: #2e4560; }

#content .box-wrapper { background: #7e867e url(_img/content-box/gradient.gif) top left repeat-x; width: 625px; margin: 0 -10px; }
#content .box-wrapper-middle { background: url(_img/content-box/whole-middle.gif) top left repeat-y; }
#content .box-wrapper-top { background: url(_img/content-box/whole-top.gif) top left no-repeat; padding-top: 15px; }
#content .box-wrapper-bottom { background: url(_img/content-box/whole-bottom.gif) bottom left no-repeat; padding-bottom: 15px; }
#content .box-wrapper .box { margin: 0; padding: 0 20px; border: 0; background: none; width: 585px; }

.vcard { overflow: hidden; }
.vcard table { width: 270px; }
.vcard table input { width: 100%; }
.vcard p.screenshot { width: 300px; float: right; }
 .vcard p.screenshot img { margin-bottom: 1px; }
 .vcard th { text-align: left; color: #BEC2BE; padding-right: 5px; vertical-align: top; }

.company-description { border-top: 1px solid #979797; margin: 10px 0; padding: 5px; text-align: justify; width: 265px; color: #000; } 
.company-description textarea { width: 100%; }

.nearby-cities { padding: 0 5px; }

.places { overflow: hidden; }
 .places ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0 0 20px 0; border-top: 1px solid #979797; }
 .places li { border-bottom: 1px solid #979797; margin: 0; padding: 2px 5px 1px 15px; text-align: right; overflow: hidden; }
 .places li a { float: left; text-align: left; }
 .places strong a { font-weight: bold; } 
 .places .column { float: left; margin: 20px 18px 0 18px; width: 250px; }

.generic-list { list-style-type: square; list-style-position: inside; margin: 0 0 10px 10px; }

.newslog-list { margin: 0; list-style: none outside; margin-top: -35px; margin-bottom: 20px; }
 .newslog-list li { border-bottom: 1px dashed #999; padding: 5px; padding-left: 120px; }
 .newslog-head { font: bold 14px/20px Arial, sans-serif; height: 30px; margin: 0; padding-top: 5px; color: #BEC2BE; }
 .new { color: #fff; }
 .not-so-new { color: #eee; }
 .old { color: #ddd; }
 .older { color: #ccc; }
 .oldest { color: #bbb; }

.pages { overflow: hidden; margin: 10px auto; width: auto; }
.pages span { display: block; float: left; padding: 6px 5px 0px 0; }
.pages a, .pages strong { display: block; float: left; border: 1px solid #ccc; padding: 2px 5px; margin: 5px; }
.pages strong { background: #ccc; }

/* by daan: portfolios boven stad/prov. .design is momenteel obsolete */
#previous, #next { width: 27px; height: 27px; margin-top: 30px; display: block; text-indent: -9000em; }
#previous { float: left; background: url(_img/previous.gif); }
#previous:hover { background: url(_img/previous-hover.gif); }
#next { float: right; background: url(_img/next.gif); }
#next:hover { background: url(_img/next-hover.gif); }
#tickerwrapper { overflow: hidden; }
#tickerwrapper .ticker { float: left; width: 525px; overflow: hidden; }

.portfolio-list { list-style: none; list-style-position: outside; margin: 0; margin-bottom: 10px; border-top: 1px solid #a5a5a5; }
 .portfolio-list li { margin: 0; padding: 5px 0 5px 215px; overflow: hidden; border-bottom: 1px solid #a5a5a5; min-height: 160px; }
 .portfolio-list h4 { margin-top: 0; margin-bottom: 10px; font-weight: bold; font-style: italic; }
 .portfolio-list .description { color: #000; }
 .portfolio-list .image { margin: -28px 0 -125px -215px; width: 200px; }
 .portfolio-list .image img { display: block; width: 200px; height: 150px; }
 .portfolio-list .link .url { font-size: 12px; font-weight: normal; color: #b3ff42; }
 .portfolio-list .link .url:hover { color: #fff; }
 .portfolio-list .company { text-align: right; margin-bottom: 0; }
 .portfolio-list a { font-size: 13px; line-height: 22px; color: #fff; font-weight: bold; }
 .portfolio-list a:hover { color: #000; }
 .portfolio-list .delete { font-weight: normal; color: #f86; }
.portfolio-items { list-style: none; overflow: hidden; width: 600px; height: 100px; } 
 .portfolio-items li { float: left; padding: 10px 5px 5px 3px; margin-bottom: 20px; }
 .portfolio-items img { margin-bottom: 1px; }

 .ad234 { border-top: 1px solid #979797; padding-top: 7px; margin-top: 7px; }

.design { background: #fff; margin: 15px 15px 15px 0; padding: 5px; padding-bottom: 0; float: left; }
 .design p { margin-top: 5px; }
 .design p.thumbnail { background: #fff; margin: 0; padding: 0; }
  .design p.thumbnail a, .design p.thumbnail a img { display: block; }
  .design p a.more-info { display: block; background: #ececec url(_img/more-info.gif) 5px 2px no-repeat; padding: 2px; padding-left: 30px; color: #aaa; text-decoration: none; }
  .design p a.more-info:hover { background-color: #ddd; color: #999; }

.read-more { text-align: right; font-style: italic; }

/* design shadow (made by javascript) */
.shadow { background-image: url(_img/shadow.gif); width: 110px; background-position: bottom right; margin: 15px 2px 2px 0; float: left; padding: 0; padding-bottom: 13px; padding-right: 13px; overflow: hidden; }
.shadow .design { margin: 0 !important; }

/* autocomplete (made by javascript) */
.ac_results { padding: 0; width: 170px !important; margin-top: 3px; color: #000; }
 .ac_results iframe { position: absolute; top:0; right:0; width: 1px; height: 1px; z-index: -1; }
 .ac_results ul { border: 1px solid WindowFrame; background-color: Window; width: 100%; list-style: none; padding: 0; margin: 0; }
  .ac_results li { margin: 0; padding: 2px 5px; cursor: pointer; display: block; font: menu; font-size: 12px; }
  .ac_over { background-color: Highlight; color: HighlightText; }
  .ac_results .autocomplete-row { display: block; overflow: hidden; width: 100%; }
  .ac_results .autocomplete-row .left { float: left; }
  .ac_results .autocomplete-row .right { float: right; text-align: right; color: #aaa; }
  .ac_over .autocomplete-row .right { color: #ddd; }
.ac_loading { background : Window url(_img/indicator.gif) right center no-repeat; }

/* images (used in glossarium) */
dl.images dt { font-weight: bold; text-align: center; padding: 5px; }
dl.images dd { text-align: center; margin-bottom: 10px; padding: 3px; color: #bababa }
dl.images a img { border: 1px solid #a5a5a5; padding: 3px; background: #7e867e; }
dl.images a:hover img { border-color: #fff; }

.aside { float: right; margin-left: 5px; margin-bottom: 5px; }
.centered { text-align: center; }

#tooltip { margin-top: 6px; padding: 0; width: 320px; height: 245px; background-image: url(_img/shadow320x245.png); }
#tooltip img { margin-top: 0;  border: 1px solid #666; }

#footer { border-bottom: 1px solid #6b726b; clear: both; background: #747c74; border-top: 1px solid #6b726b; margin-top: 25px; width: 100%; text-align: center; font-size: .8em; color: #555; }
#footer p { margin-bottom: 20px; }
#footer h2 { display: none; }
#footer ul { width: 900px; margin: 15px auto; text-align: center; list-style: none; }
#footer ul li { display: inline; padding: 10px 20px; color: #555; font-size: 0.8em; vertical-align: middle; }
#footer ul li a img { padding: 4px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
#footer ul li a:hover img { padding: 3px; border: 1px solid #6b726b; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

/* admin */
.refresh-screenshot { font: normal 12px/18px Verdana, sans-serif !important; display: block; border: 1px solid #3e3c3e !important; padding: 2px 5px !important; height: 18px !important; text-align: center; margin-bottom: -24px; background: #444 !important; position: relative; z-index: 100; color: #fff !important; font-weight: bold !important; opacity: .75; }
.refresh-screenshot:hover { color: #fff !important; opacity: .9; }