@media screen {
  
  * { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; }
  
  html, body { margin: 0; padding: 0; height: 100%; background: #e0e0e0; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
  
  #wrapper { position: relative; width: 577px; min-height: 550px; margin: 0 auto; padding: 155px 25px 40px 210px; background: #f0f0f0 url('/media/site/img/background.png') repeat-y; }
  
  ul {list-style:none;}
  
  a {outline:none;}
  
 
  #content {  }
  #content h1 { font-size: 22px; letter-spacing: 1px; font-weight: bold; font-family: Arial; border-bottom: 1px solid #003298; }
  #content h2 { font-size: 18px; font-weight: bold; font-family: Arial; }
  #content h3 { font-size: 15px; font-style: italic; font-family: Arial; }
  #content p { margin: 1em 7px; }
  #content img.left { float: left; margin: 0 15px 10px 5px; }
  #content img.right { float: right; margin: 0 5px 10px 15px; }
  #content hr { width: 250px; height: 1px; text-align: left; margin: 0px auto; color: #003298; background-color: #003298; border: 0; }
  #content table { margin: 0 7px; }
  #content table td { padding-right: 10px; }
  
  
  #nieuws { }
  #nieuws h1 { display: none; }
  #nieuws ul { margin: 0; padding: 0; }
  #nieuws .item { list-style-type: none; margin: 0 0 10px 5px; font-size: 11px; border: 1px solid #f0f0f0; background: url('/media/site/img/blue_line.png') no-repeat bottom left; }
  #nieuws .item h2 { margin-top: 0; margin-bottom: 5px; font-size: 12px; }
  #nieuws .item img { float: left; position: relative; left: -5px; margin: 0 0 5px 0; }
  
  
  #aandacht { float: right; position: relative; top: -6px; left: 12px; margin: 0 0 15px 10px; }
  #aandacht hr, #aandacht h1 { display: none; }
  #aandacht ul, #aandacht li { margin: 0; padding: 0; }
  #aandacht li { display: block; width: 148px; margin-bottom: 5px; padding: 5px; padding-bottom: 7px; color: #00125c; font-size: 12px; text-align: center; background-color: #e0e0e0; border: 2px dashed #f47421; }
  #aandacht li h3 { margin: 0; font-size: 18px; color: #f47421; }
  #aandacht li p { margin: 5px 0; }
  
  
  #menu { position: absolute; top: 145px; left: 16px; width: 174px; max-width: 175px; }
  #menu { color: white; }
  #menu hr, #menu h2 { display: none; }
  
  #menu ul { margin: 0; padding: 0; padding-left: 12px; }
  #menu ul ul { margin-top: 3px; padding-left: 18px; }
  #menu li { margin-top: 12px; font-size: 14px; list-style-type: none; }
  #menu li a { font-weight: bold; text-decoration: none; }
  #menu li li { margin-top: 2px; font-size: 12px; list-style-type: disc; }
  #menu li li a { font-weight: normal; font-style: italic; }
  
  /* kleur verschil bij selecteren */
  #menu li, #menu li a { color: white; }
  #menu li a:hover { color: #f47421; }
  #menu li.selected, #menu li.selected a { color: #f47421; }
  #menu li.selected li, #menu li.selected li a { color: white; }
  #menu li.selected li.selected, #menu li.selected li.selected a { color: #f47421; }
  
  
  
  .bar { position: absolute; left: 30px; width: 805px; height: 25px; padding: 4px 0; font-size: 12px; color: white; background: url('/media/site/img/blue_bar.png') no-repeat; }
  
  #breadcrumbs.bar { top: 120px; padding: 4px 0 5px 175px; width: 630px; }
  #breadcrumbs hr, #breadcrumbs h2 { display: none; }
  #breadcrumbs ul { margin: 0; padding: 0; }
  #breadcrumbs li { display: inline; list-style-type: none; }
  #breadcrumbs a { color: white; text-decoration: none;  }
  #breadcrumbs a:hover { color: #f47421; }

  
  #footer.bar { bottom: 10px; padding: 4px 30px; width: 745px; }
  #footer hr, #footer h2, #footer br { display: none; }
  #footer * { display: inline; }
  #footer span.naam { display: block; position: relative; left: -45px; width: 175px; text-align: center; float: left; }
  #footer span.adres { display: block; width: 605px; margin-left: 140px; text-align: center; }
  #footer span.website { position: absolute; top: 0; left: 0; }
  #footer span.website span { display: none; }
  #footer span.website img { border: 0; }
  
  
  #website { position: absolute; top: 140px; left: 825px; z-index: 0; }
  #website span { display: none; }
  #website img { border: 0; }
  
  #logo { position: absolute; top: 8px; left: -19px; }
  #logo hr { display: none; }
  #logo img { border: 0; }
  
  
  #photo { position: absolute; top: 0; right: 5px; padding: 0 6px; width: 593px; height: 120px; }
  #photo hr, #photo h2 { display: none; }
  #photo ul, #photo li { margin: 0; padding: 0; }
  #photo li { display: inline; }
  #photo img { border: 0; }
  
}