@charset "utf-8";

@media screen
{
  body
  {
    background-color: #e6e6e6;
  }
  
  div.main-layout
  {
    background-color: #ffffff;
  }
  
  div.outer-site
  {
    color: #888888;
  }
  
  a
  {
    color: #009ac6;
  }
    
  div.main-wrapper
  {
    background-image: url( '/tpl/img/dantumadeel_bg.gif' );
    background-repeat: no-repeat;
    background-position: bottom right;
    margin-top: -2px;
    height: 651px;
  }
  
  div.top-bar h1,
    div.top-bar p,
    div.top-bar
  {
    color: #8cc860;
  }
  
  div.top-bar div.top-menu-top
  {
    margin-top: -105px;
    margin-left: 10px;
    float: left;
  }
  
  div.top-bar div.top-menu-top a.top-menu-item
  {
    color: #000000;
  }
  
  div.main-contents
  {
    color: #ffffff;
  }
  
  div.main-contents,
    div.sub-menu-bar,
    div.tool-bar
  {
    border-top: 2px solid transparent;
  }
  
  div.tool-bar
  {
    color: #ffffff;
  }
  
  div.sub-menu-bar
  {
    background-color: #8cc860;
    border-top: 2px solid #8cc860;
    height: 614px;
  }
  
  div.sub-menu-bar div.sub-menus
  {
    border-bottom: 1px solid #009ac6;
    margin-left: -10px;
    width: 186px;
  }
  
  div.sub-menu-bar div.sub-menus div.sub-menu,
    div.sub-menu-bar div.sub-menus div.sub-menu-active
  {

    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    background-color: #98cd71;
    border-top: 1px solid #009ac6;
    border-right: 1px solid #009ac6;
    margin: 0;
    cursor: pointer;
    width: 175px;
  }
  
  div.sub-menu-bar div.sub-menus div.sub-menu-active
  {
    background-color: #8dc760;
  }
  
  div.sub-menu-bar div.sub-menus div.sub-menu a.sub-menu-item
  {
    color: #d2e8c2;
    font-weight: normal;
    text-decoration: none;
  }
  
  div.sub-menu-bar div.sub-menus div.sub-menu a.sub-menu-item:hover
  {
    color: #ffffff;
    text-decoration: none;
  }
  
  div.sub-menu-bar div.sub-menus div.sub-menu-active a.sub-menu-item-active,
    div.sub-menu-bar div.sub-menus div.sub-menu-active a.sub-menu-item
  {
    color: #ffffff;
    text-decoration: none;
  }
    
  div.menu-bar div.menu-tabs div.menu-d-tab
  {
    background-image: url( "/tpl/img/d_tab_up_b.gif" );
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 8pt;
    color: #ffffff;
    cursor: pointer;
  }
  
  div.menu-bar div.menu-tabs div.menu-d-tab-active
  {
    background-image: url( "/tpl/img/d_tab_down_b.gif" );
    background-position: top left;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 8pt;
    cursor: pointer;
  }
  
  div.menu-bar div.menu-tabs div.menu-d-tab-first
  {
    background-image: url( "/tpl/img/d_tab_up_b_first.gif" );
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 8pt;
    cursor: pointer;
  }

  div.menu-bar div.menu-tabs div.menu-d-tab-active-first
  {
    background-image: url( "/tpl/img/d_tab_down_b_first.gif" );
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 8pt;
    cursor: pointer;
  }
  
  div.menu-bar div.menu-tabs div.menu-d-tab-first a.menu-tab-item,
    div.menu-bar div.menu-tabs div.menu-d-tab-active-first a.menu-tab-item-active
  {
    color: #ffffff;
    text-decoration: none;
  }
  
  div.menu-bar div.menu-tabs div.menu-d-tab-first a.menu-tab-item:hover
  {
    text-decoration: underline;
  }
  
  div.menu-bar div.menu-tabs div.menu-d-tab,
    div.menu-bar div.menu-tabs div.menu-d-tab-active
  {
    width: 100px;
  }
  
  div.menu-bar div.menu-tabs div.menu-d-tab a.menu-tab-item,
    div.menu-bar div.menu-tabs div.menu-d-tab-active a.menu-tab-item-active
  {
    color: #ffffff;
    text-decoration: none;
  }
  
  div.menu-bar div.menu-tabs div.menu-d-tab a.menu-tab-item:hover
  {
    text-decoration: underline;
  }
}

