/**@charset "UTF-8";

 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{
  body
  {
    background-position: left top;
    margin: 0px;
    padding: 0px;
    background: url('../images/darkblue_background.jpg') repeat-x left top;
  }

  .page_margins
  {
    margin: 0 auto;
    background-position: left;
    width: 960px;
    min-width: 740px;
    max-width: 90em;
    background: #ffffff;
    /*height: auto;*/
    top: 0px;
    left: 0px;
  }

  .page
  {
    padding: 0px;
  }

  #header
  {
    background-position: left;
    padding: 0px;
    color: #000000;
    background: #FFFFFF url('../images/header.jpg') no-repeat left bottom;
    width: 960px;
    height: 208px;
    position: relative;
    z-index: 402;
  }

  #main
  {
    padding: 0px;
    margin: 0px;
    color: #000000;
    background-color: #FFFFFF;
    width: 960px;
    position: relative;
    background: #FFFFFF url('../images/body_full.jpg') no-repeat;
    background-position: 0px 60px;
    z-index: 401;
  }

  #footer
  {
    background-position: left;
    padding: 0px;
    color: #000000;
    width: 960px;
    height: 171px;
    position: relative;
    margin: 0px;
    z-index: 400;
  }

  #content
  {
    padding: 0px;
    margin: 25px;
    width: 910px;
    min-height: 400px;
    position: relative; 
    font-size: 104.0%;
    text-align: left;
  }

  /*-------------------------------------------------------------------------*/

  #language
  {
    width: 69px;
    height: 69px;
    overflow: hidden; /* (en) containing floats in all other browsers */ /* (de) Einfassen der Floats in allen anderen Browsern */
    display: block; /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position: relative; /* (en) Repeat the main color from the image */ /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    border-style: none;
    top: 85px;
    left: 883px;
  }

  #languagelink
  {
    width: 69px;
    height: 69px;
    overflow: hidden; /* (en) containing floats in all other browsers */ /* (de) Einfassen der Floats in allen anderen Browsern */
    display: block; /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position: relative; /* (en) Repeat the main color from the image */ /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    border-style: none;
    top: 0px;
    left: 0px;
    cursor: hand;
    cursor: pointer;
    background-image: url('../images/languages.jpg');
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: bottom;
    font-size: 75%;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 110px;
  }

  .language_fr_normal
  {
    background-position: 0px 0px;
  }

  .language_fr_hover
  {
    background-position: -69px 0px;
  }

  .language_en_normal
  {
    background-position: 0px -69px;
  }

  .language_en_hover
  {
    background-position: -69px -69px;
  }

  #today
  {
    overflow: hidden; /* (en) containing floats in all other browsers */ /* (de) Einfassen der Floats in allen anderen Browsern */
    position: absolute; /* (en) Repeat the main color from the image */ /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    border-style: none;
    top: 121px;
    left: 675px;
    float: none; /* LTR */
    line-height: 1.1em;
    list-style-type: none;
    padding: 0;
    background-position: transparent;
    background: transparent;
    color: #FFFFFF;
    display: inline;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: auto;
  }

  /*-------------------------------------------------------------------------*/

  .nav
  {
    overflow: hidden;
    display: block;
    z-index: 2147483647;
    position: absolute;
    border-style: none;
    float: none;
  }

  #header .nav
  {
    /*border: 1px solid #800080;*/
    top: 160px;
    left: 325px;
    width: 600px;
    height: 20px; /* 180px via javascript */
  }

  /*-------------------------------------------------------------------------*/
  /* General */

  .nav ul
  {
    list-style: none;
  }

  #header .menu_main, #header .menu_main *
  {
    padding: 0;
    margin: 0;
    color: #000000;
  }

  /* Head links */
  #header .menu_main li
  {
    margin: 0px;
    width: 110px;
    float: left;
    text-align: left;
  }

  /* Pretty styling */
  #header .nav li, 
  #header .nav li a, 
  #header .nav li a:active, 
  #header .nav li a:visited,
  #header .nav li a:focus, 
  #header .nav li a:hover
  {
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
  }

  #header .nav li, 
  #header .nav li a, 
  #header .nav li a:active, 
  #header .nav li a:visited
  {
    text-decoration: none;
    color: #000000;
  }

  #header .nav li a:focus, 
  #header .nav li a:hover
  {
    text-decoration: none;
    color: #FFFFFF;
  }

  #header .nav li.active, 
  #header .nav li.active a, 
  #header .nav li.active a:focus, 
  #header .nav li.active a:hover, 
  #header .nav li.active a:active, 
  #header .nav li.active a:visited
  {
    color: #FFFFFF;
    text-decoration: none;
    cursor: default;
  }

  /* Child lists and links */
  #submenu_about, #submenu_services, #submenu_portefolio,
  #submenu_about_png, #submenu_services_png, #submenu_portefolio_png
  {
    display: none;
    text-align: center;
    position: absolute;
    top: 15px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }

  #submenu_about, #submenu_about_png
  {
    width: 136px;
    height: 170px;
    left: 68px;
  }

  #submenu_about_png
  {
    background-image: url('../images/menu_3b.png');
  }

  #submenu_services, #submenu_services_png
  {
    width: 136px;
    height: 170px;
    left: 180px;
  }

  #submenu_services_png
  {
    background-image: url('../images/menu_3b.png');
  }

  #submenu_portefolio, #submenu_portefolio_png
  {
    width: 135px;
    height: 134px;
    left: 295px;
  }

  #submenu_portefolio_png
  {
    background-image: url('../images/menu_2b.png');
  }

  #header .nav .menu_sub_spacer
  {
    height: 40px;
  }

  #header .nav .menu_sub_bodytop, 
  #header .nav .menu_sub_body, 
  #header .nav .menu_sub_bodybottom
  {
    padding: 3px;
    height: 30px;
  }

  #header .nav .menu_sub_bodytop a, 
  #header .nav .menu_sub_body a, 
  #header .nav .menu_sub_bodybottom a
  {
    position: relative;
  }

  #header .nav .menu_sub_bodytop a:focus, 
  #header .nav .menu_sub_bodytop a:hover, 
  #header .nav .menu_sub_body a:focus, 
  #header .nav .menu_sub_body a:hover, 
  #header .nav .menu_sub_bodybottom a:focus, 
  #header .nav .menu_sub_bodybottom a:hover
  {
    text-decoration: none;
    color: #FFFFFF;
  }


  /*-------------------------------------------------------------------------*/

  #footer .nav
  {
    top: 90px;
    left: 8px;
    width: 450px;
    height: 20px;
  }

  #footer .menu_main, #footer .menu_main ul
  {
    list-style: none;
  }

  #footer .menu_main, #footer .menu_main *
  {
    padding: 0;
    margin: 0;
    color: #000000;
  }

  /* Head links */

  #footer .menu_main li
  {
    margin: 0px;
    float: left;
    text-align: center;
    border-right: 1px solid black;
    padding-right: 15px;
    padding-left: 15px;
  }

  #footer .menu_main li.last
  {
    border-right: 0px solid black;
  }

  /* Pretty styling */

  #footer .menu_main li a, 
  #footer .menu_main li a:active, 
  #footer .menu_main li a:visited
  {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    cursor: hand;
    cursor: pointer;
  }

  #footer .menu_main li a:focus, #footer .menu_main li a:hover
  {
    text-decoration: underline;
    font-weight: bold;
    color: #000080;
    cursor: hand;
    cursor: pointer;
  }

  #footer .menu_main li.active a, #footer .menu_main li.active a:focus, #footer .menu_main li.active a:hover, #footer .menu_main li.active a:active, #footer .menu_main li.active a:visited
  {
    color: #CC3300;
    text-decoration: none;
    cursor: default;
  }

  #footer img
  {
    border: 0px solid #FFFFFF;
  }

  h2
  {
    margin-top: 35px;
  }
  
  .page_description
  {
    margin-left: 50px;
    width: 400px;
    margin-top: 35px;
    text-align: justify;
  }
  
  /*-------------------------------------------------------------------------
   *
   * Tables
   *
   *-------------------------------------------------------------------------*/

  table
  {
    width: auto;
    border-collapse: collapse;
    margin-bottom: 0.5em; 
    border: 2px solid #000000;
  }
  table caption
  {
    font-variant: small-caps;
  }
  table.full
  {
    width: 100%;
  }
  table.fixed
  {
    table-layout: fixed;
  }

  th, td
  {
    padding: 0.4em;
  }
  thead th
  {
    background-position: #12223C;
    background: #12223C;
    color: #ffffff;
    border-bottom: solid 2px #000000;
  }
  tbody td
  {
    border-bottom: solid 1px #000000;
  }

  tbody tr:hover td
  {
    background-position: #82bbcf;
    background: #82bbcf;
    color: #12223C;
  }

  tbody.nohover tr:hover td
  {
    background-position: #FFFFFF;
    background: #FFFFFF;
    color: #000000;
  }

  /*
   * This CSS rule works with IE6 in order to show 
   * transparency from a PGN image.
   * It is declared in patch_my_layout but
   * is also declared here to avoid orphen 
   * class declaration with images.
   */
  img.iepngfix
  {
  }
}