/* body & general */
  body
  {
    font-family: 'Trebuchet MS', 'Trebuchet', helvetica, sans-serif;
    font-size: 12px;
    color: #334455;
    line-height: 14px;
    background: #334455 url(../img/gui/bg_header.jpg) repeat-x;
    margin: 0px;
    padding: 0px;
  }

  h1, h2, h3, h4, h5, h6
  {
    margin: 0px;
    padding: 0px;
  }

  img
  {
    border: none;
  }

  a
  {
    color: #BB2244;
    text-decoration: none;
  }
  a:hover
  {
    text-decoration: underline;
  }

  .hide
  {
    display: none;
  }

  /* main */
  #main
  {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }

  /* logo */
  h1.logo
  {
    position: absolute;
    top: 84px;
    width: 253px;
    height: 20px;
  }

  h1.logo a
  {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(../img/gui/logo.gif) no-repeat;
    width: 253px;
    height: 20px;
    margin-left: 7px;
  }

  /* home */
  p.home
  {
    display: block;
    width: 26px;
    height: 19px;
    margin: 0px 0px 0px 147px;
    padding: 0px;
    position: absolute;
    top: 7px;
  }

  p.home a
  {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    width: 26px;
    height: 19px;
    text-decoration: none;
    background: transparent url(../img/gui/home.gif) 0px 0px no-repeat;
  }

  p.home a:hover
  {
    background-position: 0px -19px;
  }

  /* main navigation */
  #navigation
  {
    height: 81px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 45px;
    margin: 0px 0px 0px 289px;
    width: 448px;
    background: transparent url(../img/gui/bg_navigation.gif) no-repeat;
  }

  #navigation ul
  {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    height: 81px;
    background: transparent url(../img/gui/bg_navigation_s.gif) -1000px no-repeat;
  }

  #navigation ul.ag { background-position: 0px 0px; }
  #navigation ul.se { background-position: 111px 0px; }
  #navigation ul.pr { background-position: 222px 0px; }
  #navigation ul.ca { background-position: 333px 0px; }

  #navigation ul li
  {
    float: left;
    display: block;
    height: 81px;
  }

  #navigation ul li a
  {
    display: block;
    width: 120px;
    height: 81px;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    background: transparent url(../img/gui/si/navigation.gif) 0px 0px no-repeat;
  }

  #navigation ul li a:hover
  {
    background-position: 0px -81px;
  }

  #navigation ul li a.ag { background-position: 0px 1px; width: 112px; }
  #navigation ul li a.se { background-position: -120px 1px; width: 112px; }
  #navigation ul li a.pr { background-position: -240px 1px; width: 112px; }
  #navigation ul li a.ca { background-position: -360px 1px; width: 112px; }

  #navigation ul li a.ag:hover { background-position: 0px -80px; }
  #navigation ul li a.se:hover { background-position: -120px -80px; }
  #navigation ul li a.pr:hover { background-position: -240px -80px; }
  #navigation ul li a.ca:hover { background-position: -360px -80px; }

  #navigation ul li a.ag_s, #navigation ul li a.ag_s:hover { background-position: 0px -160px; width: 112px; }
  #navigation ul li a.se_s, #navigation ul li a.se_s:hover { background-position: -120px -160px; width: 112px; }
  #navigation ul li a.pr_s, #navigation ul li a.pr_s:hover { background-position: -240px -160px; width: 112px; }
  #navigation ul li a.ca_s, #navigation ul li a.ca_s:hover { background-position: -360px -160px; width: 112px; }

  /* top navigation */
  #language
  {
    margin: 0px 0px 0px 370px;
    padding: 0px;
    list-style-type: none;
    display: block;
    height: 30px;
    position: absolute;
    top: 0px;
  }

  #language li
  {
    display: block;
    float: left;
    height: 30px;
    width: 89px;
  }

  #language li.s
  {
    background: transparent url(../img/gui/bg_lang_s.gif) 0px 0px no-repeat;
  }

  #language li a
  {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    height: 14px;
    width: 55px;
    margin: 8px 15px 0px 15px;
    background: transparent url(../img/gui/si/bg_navigation_top.gif) 0px 0px no-repeat;
  }

  #language li a.ar { background-position: 0px 0px; }
  #language li a.jo { background-position: 0px -42px; margin-left: 18px; }

  #language li a.ar:hover { background-position: 0px -14px; }
  #language li a.jo:hover { background-position: 0px -56px; }

  #language li.s a.ar, #language li.s a.ar:hover { background-position: 0px -28px; }
  #language li.s a.jo, #language li.s a.jo:hover { background-position: 0px -70px; }

  #language li.la
  {
    background: transparent url(../img/gui/bg_language.gif) no-repeat;
    width: 200px;
  }

  #language li.la span
  {
    width: 123px;
    height: 30px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    float: left;
  }

  #language li.la select
  {
    display: block;
    float: left;
    font-size: 11px;
    font-family: verdana, helvetica, sans-serif;
    margin-top: 6px;
  }

  /* content */
  #content
  {
    clear: both;
    margin-top: 143px;
    background: #FFF url(../img/gui/bg_body.jpg) bottom repeat-x;
  }

  /* main content */
  #c
  {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    background: transparent url(../img/gui/bg_content.jpg) right bottom no-repeat;
  }

  /* contacts */
  #contact
  {
    clear: both;
    display: block;
    list-style-type: none;
    margin: 0px 0px 0px 105px;
    padding: 0px 0px 0px 108px;
    height: 23px;
    background: transparent url(../img/gui/si/contact.jpg) no-repeat;
  }

  #contact li
  {
    display: block;
    float: left;
    margin-right: 17px;
  }

  #contact li a
  {
    display: block;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    background: transparent url(../img/gui/si/bg_contact.png) 0px 0px no-repeat;
  }

  #contact li a.lj { width: 47px; background-position: -42px 0px; }
  #contact li a.za { width: 37px; background-position: 0px 0px; }
  #contact li a.sa { width: 42px; background-position: -94px 0px; }
  #contact li a.be { width: 43px; background-position: -141px 0px; }
  #contact li a.sk { width: 35px; background-position: -189px 0px; }
  #contact li a.po { width: 52px; background-position: -228px 0px; }

  #contact li a.lj:hover { width: 47px; background-position: -42px    -16px; }
  #contact li a.za:hover { width: 37px; background-position: 0px  -16px; }
  #contact li a.sa:hover { width: 42px; background-position: -94px  -16px; }
  #contact li a.be:hover { width: 43px; background-position: -141px -16px; }
  #contact li a.sk:hover { width: 35px; background-position: -189px -16px; }
  #contact li a.po:hover { width: 52px; background-position: -228px -16px; }

  /* footer /w copyright */
  #footer
  {
    clear: both;
    margin: 0px;
    padding: 0px 0px 0px 213px;
    height: 24px;
    line-height: 24px;
    font-size: 9px;
    color: #334455;
  }

  #footer a.tu
  {
    margin-left: 30px;
  }

  #footer a.to
  {
    margin-left: 138px;
    padding-left: 13px;
    background: transparent url(../img/gui/arr_top.gif) 0px 3px no-repeat;
  }

  /* alarm */
  #alarm
  {
    margin-top: 47px;
    padding: 0px;
    border: 0px;
    display: inline;
    text-align: right;
    width: 221px;
    float: left;
  }

  #alarm p
  {
    margin: 15px 52px 0px 10px;
    font-size: 10px;
    line-height: 14px;
  }

  #alarm p.t
  {
    margin-top: 0px;
  }

  #alarm p.d
  {
    margin: 0px;
  }

  #alarm form
  {
    margin: 0px 31px 0px 0px;
    padding: 0px;
  }

  #alarm form input.t
  {
    width: 140px;
  }