/* css file for skin 2 */

#container { width: 985px; margin: 0 auto; }
  #header { width: 985px; height: 90px; background: url('http://www.reflectiecompas.nl/logo/450.90/4x62LjZ1wq/') no-repeat bottom left; }
    #header #homebutton { width: 450px; height: 90px; float: left; }
  #content_top { width: 985px; height: 45px; }
    #content_top #content_top_left     { float: left; width: 175px; height: 45px; background: url('http://www.reflectiecompas.nl/corner/left/4x62LjZ1wq/') no-repeat center right; }
    #content_top #content_top_middle { float: left; width: 635px; height: 45px; background: url('http://www.reflectiecompas.nl/templates/skins/skin2/gfx/pagebg_top.png') repeat-x top left; }
      #content_top #content_top_middle div { height: 30px; margin-top: 15px; background-color: #BBBBBB; width: 635px; }
    #content_top #content_top_right   { float: left; width: 175px; height: 45px; background: url('http://www.reflectiecompas.nl/corner/right/4x62LjZ1wq/') no-repeat center left; }
  #navigation { float: left; width: 145px; }
    #navigation ul { margin: 0; padding: 0; }
      #navigation ul li { list-style: none outside none; margin: 0 0 5px 0; line-height: 26px; text-align: right; padding-right: 20px; border: #000000 2px solid; border-width: 0 0 2px 0; }
        #navigation ul li a { margin: 0; text-decoration: none; font-size: 12pt; font-family: Arial, Arial, sans-serif; color: #000000; }
        #navigation ul li a.active { font-weight: bold; font-size: 13pt; }
        #navigation ul li div.navControlBoxHide, #navigation ul li div.navControlBox { display: block; z-index: 500; background-color: #FFFFFF; position: absolute; top: -5px; right: -75px; height: 26px; width: 87px; text-align: left; border: #000000 1px solid; padding: 2px; }
        #navigation ul li div.navControlBoxHide { display: none; }
          #navigation ul li div.navControlBox img { cursor: pointer; }
  #content { float: left; width: 675px; padding: 0 10px 0 10px; background-color: #BBBBBB; }
    #content #portfolio_content { width: 675px; padding-top: 10px; }
  #sidebar { float: left; width: 145px; background: url('http://www.reflectiecompas.nl/templates/skins/skin2/gfx/pagebg_side.png') repeat-y left; }
    #sidebar ul { margin: 0; padding: 0; }
      #sidebar ul li { list-style: none outside none; margin: 0 0 5px 0; line-height: 26px; padding-left: 20px; border: #000000 2px solid; border-width: 0 0 2px 0; }
        #sidebar ul li.hover_out, #sidebar ul li.hover_over { border: #000000 1px solid; border-width: 0 0 2px 0; background-color: transparent; }
        #sidebar ul li a { margin: 0; text-decoration: none; font-size: 12pt; font-family: Arial, Arial, sans-serif; color: #000000; }
        #sidebar ul li a.active { font-weight: bold; font-size: 13pt; }
          #sidebar ul li div.sidebarControlBox { display: none; z-index: 500; background-color: #FFFFFF; position: absolute; top: -1px; left: -75px; height: 26px; text-align: left; border: #000000 1px solid; padding: 2px; width: 87px; }
            #sidebar ul li div.sidebarControlBox img { cursor: pointer; float: right; }
            
/* page main image */
div#main_image { height: 250px; overflow: hidden; }
div#main_image div#main_image_text_container { display: none; }
div#main_content { margin-bottom: 10px; }
div#portfolio_content h1 { margin-left: 24px; }
h1 { clear: both; margin-top: 15px; }
div#clearspacer { margin: 0; padding: 0; clear: both; }