/* Make some ini settings ...
============================== */
* {
  padding           : 0;
  margin            : 0;
  border            : 0 none;
}
HTML {
  height            : 100%;
  font-size         : 12px;
}
BODY {
  height            : 100%;
  overflow          : auto;
  font-size         : 1em;
  font-family       : Arial, Tahoma, Helvetica, 'Lucida Grande', 'Trebuchet MS', sans-serif;
}
A, A:link {
  text-decoration   : underline;
  color             : #2a2b2c;
}
A:visited {
  text-decoration   : underline;
  color             : #666;
}
A:visited:hover {
  text-decoration   : none;
  color             : #666;
}
A:hover {
  text-decoration   : none;
  color             : #666;
}
A:active {
  text-decoration   : underline;
  color             : #882b2c;
}

.dn {
  display           : none;
}
.ar {
  text-align        : right;
}
.clear {
  clear             : both;
}


/* Outer Containers. Height 100%. Align Center. Max Height 1000px
============================== */
#outer_0 {
  position          : relative;
  height            : 100%;
}
#outer_1, #outer_2, #outer_3 {
  position          : relative;
  max-width         : 1000px;
  text-align        : left;
}
#outer_1 {
  height            : 194px;    /* 'height' Eq to #outer_2 'margin-top' */
  z-index           : 1;        /* 'z-index' Needs to be more than #outer_2 'z-index' */
}
#outer_2 {
  min-height        : 100%;     /* Min height == 100% */
  margin-top        : -194px;   /* 'margin-top' Eq to #outer_1 'height' */
}
  #content {
    position          : relative;
    padding           : 194px 54px 119px; /* 'padding-top' eq to #outer_1 'height' and 'padding-bottom' #outer_3 'height' */
  }


/* NIGHT */
BODY.night {
  color             : #dacbb2;
  background        : #fff url(../img/bg_body_n.jpg) repeat left top;
}
BODY.night A,
BODY.night A:link {
  color             : #b7986e;
}
BODY.night A:visited {
  color             : #666;
}
BODY.night .index #outer_1 {
  background        : url(../img/bg_n_1.jpg) no-repeat center top;
}
BODY.night .page #outer_1 {
  background        : url(../img/bg_n_1_2.jpg) no-repeat center top;
}
BODY.night .index #outer_2 {
  background        : url(../img/bg_n_2.jpg) no-repeat center 194px;
}
BODY.night .index #outer_3 {
  background        : url(../img/bg_n_3.jpg) no-repeat center bottom;
}
BODY.night .page #outer_3 {
  background        : url(../img/bg_n_3.jpg) no-repeat center bottom;
}
BODY.night .index #title {
  background        : url(../img/ttl_n.png) no-repeat left top;
}
BODY.night .page #title {
  background        : url(../img/ttl_n_1.png) no-repeat left top;
}
BODY.night .menue_line {
  background        : url(../img/bg_menue_n.jpg) repeat left top;
}
BODY.night #ms,
BODY.night #ms A {
  color             : #decfb8;
}
BODY.night #ms2,
BODY.night #ms2 A {
  color             : #caac77;
}
BODY.night .foot_left,
BODY.night .foot_right,
BODY.night #copyr A {
  color             : #8f8f8f;
}
/*BODY.night H3.topic {
  color             : #8f8f8f;
}
/* / NIGHT */

/* MORNING */
BODY.morning {
  color             : #2a2b2c;
  background        : #fff url(../img/bg_body_m.jpg) repeat left top;
}
BODY.morning A,
BODY.morning A:link {
  color             : #80622e;
}
BODY.morning A:visited {
  color             : #666;
}
BODY.morning .index #outer_1 {
  background        : url(../img/bg_m_1.jpg) no-repeat center top;
}
BODY.morning .page #outer_1 {
  background        : url(../img/bg_m_1_2.jpg) no-repeat center top;
}
BODY.morning .index #outer_2 {
  background        : url(../img/bg_m_2.jpg) no-repeat center 194px;
}
BODY.morning .index #outer_3 {
  background        : url(../img/bg_m_3.jpg) no-repeat center bottom;
}
BODY.morning .page #outer_3 {
  background        : url(../img/bg_m_3.jpg) no-repeat center bottom;
}
BODY.morning .index #title {
  background        : url(../img/ttl_m.png) no-repeat left top;
}
BODY.morning .page #title {
  background        : url(../img/ttl_m_1.png) no-repeat left top;
}
BODY.morning .menue_line {
  background        : url(../img/bg_menue_m.jpg) repeat left top;
}
BODY.morning #ms,
BODY.morning #ms A {
  color             : #2a2b2c;
}
BODY.morning #ms2,
BODY.morning #ms2 A {
  color             : #80622e;
}
BODY.morning .foot_left,
BODY.morning .foot_right,
BODY.morning #copyr A {
  color             : #8c6f3c;
}
/*BODY.morning H3.topic {
  color             : #8c6f3c;
}
/* / MORNING */

/* DAY */
BODY.day {
  color             : #2a2b2c;
  background        : #fff url(../img/bg_body_d.jpg) repeat left top;
}
BODY.day A,
BODY.day A:link {
  color             : #2a2b2c;
}
BODY.day A:visited {
  color             : #666;
}
BODY.day .index #outer_1 {
  background        : url(../img/bg_d_1.jpg) no-repeat center top;
}
BODY.day .page #outer_1 {
  background        : url(../img/bg_d_1_2.jpg) no-repeat center top;
}
BODY.day .index #outer_2 {
  background        : url(../img/bg_d_2.jpg) no-repeat center 194px;
}
BODY.day .index #outer_3 {
  background        : url(../img/bg_d_3.jpg) no-repeat center bottom;
}
BODY.day .page #outer_3 {
  background        : url(../img/bg_d_3.jpg) no-repeat center bottom;
}
BODY.day .index #title {
  background        : url(../img/ttl_d.png) no-repeat left top;
}
BODY.day .page #title {
  background        : url(../img/ttl_d_1.png) no-repeat left top;
}
BODY.day .menue_line {
  background        : url(../img/bg_menue_d.jpg) repeat left top;
}
BODY.day #ms,
BODY.day #ms A {
  color             : #555;
}
BODY.day #ms2,
BODY.day #ms2 A {
  color             : #776034;
}
BODY.day .foot_left,
BODY.day .foot_right,
BODY.day #copyr A {
  color             : #e6daad;
}
/* BODY.day H3.topic {
  color             : #ae905d;
}
/* / DAY */

/* EVENING */
BODY.evening {
  color             : #dacbb2;
  background        : #fff url(../img/bg_body_e.jpg) repeat left top;
}
BODY.evening A,
BODY.evening A:link {
  color             : #c6ac7f;
}
BODY.evening A:visited {
  color             : #a68c5f;
}
BODY.evening .index #outer_1 {
  background        : url(../img/bg_e_1.jpg) no-repeat center top;
}
BODY.evening .page #outer_1 {
  background        : url(../img/bg_e_1_2.jpg) no-repeat center top;
}
BODY.evening .index #outer_2 {
  background        : url(../img/bg_e_2.jpg) no-repeat center 194px;
}
BODY.evening .index #outer_3 {
  background        : url(../img/bg_e_3.jpg) no-repeat center bottom;
}
BODY.evening .page #outer_3 {
  background        : url(../img/bg_e_3.jpg) no-repeat center bottom;
}
BODY.evening .index #title {
  background        : url(../img/ttl_e.png) no-repeat left top;
}
BODY.evening .page #title {
  background        : url(../img/ttl_e_1.png) no-repeat left top;
}
BODY.evening .menue_line {
  background        : url(../img/bg_menue_e.jpg) repeat left top;
}
BODY.evening #ms,
BODY.evening #ms A {
  color             : #decfb8;
}
BODY.evening #ms2,
BODY.evening #ms2 A {
  color             : #caac77;
}
BODY.evening .foot_left,
BODY.evening .foot_right,
BODY.evening #copyr A {
  color             : #caab76;
}
/*BODY.evening H3.topic {
  color             : #e6daad;
}
/* / EVENING */



/* INDEX */
.index #outer_3 {
  height            : 119px;   /* Eq to self 'margin-top' */
  margin-top        : -119px;  /* 'margin-top' Eq to self 'height' */
}

/* PAGE */
.page #outer_3 {
  clear             : both;
  height            : 110px;   /* Eq to self 'margin-top' */
  margin-top        : -110px;  /* 'margin-top' Eq to self 'height' */
}
  .page #content {
    margin-left       : 312px;
  }
  #sidebar {
    float             : left;
    position          : relative;
    width             : 258px;
    margin-left       : 54px;
    padding-top       : 194px; /* 'padding-top' eq to #outer_1 'height' and 'padding-bottom' #outer_3 'height' */
  }


/* HEAD Block
============================== */
/* Logotype */
#title {
  position          : absolute;
  top               : 0;
  left              : 0;
  width             : 500px;
  height            : 194px;
}

/* Menues setups */
#mm,
#ml {
  position          : relative;
  padding           : 0 54px;
}
  #mm UL,
  #ml UL {
    text-align        : right;
  }
  #mm LI,
  #ml LI,
  #ms LI,
  #ms2 LI {
    display           : inline;
    list-style-type   : none;
  }
  #mm A,
  #ml A {
    font-family       : 'Myriad Pro', Arial, Tahoma, Helvetica, 'Lucida Grande', 'Trebuchet MS', sans-serif;
    font-weight       : normal;
    font-style        : italic;
    text-decoration   : none;
  }

/* Languages Menu */
#ml {
  height            : 61px;
  line-height       : 61px;
}
  #ml A {
    padding           : 7px;
    margin-left       : 7px;
    color             : #eee5c3;
    background        : url(../img/bg_ml.png) no-repeat center center;
  }

/* Main Menu */
#mm {
  height            : 123px;
  line-height       : 123px;
}
  #mm UL {
    position          : relative;
  }
  #mm A {
    padding           : 7px 0 7px 14px;
    margin-left       : 22px;
    font-size         : 1.3em;
    color             : #fff;
    background        : url(../img/bg_mm_l.png) no-repeat left center;
  }
  #mm SPAN {
    padding           : 7px 14px 7px 0;
    background        : url(../img/bg_mm_r.png) no-repeat right center;
  }
    #mm LI.c A,
    #mm A:hover {
      background        : url(../img/bg_mm_l_r.png) no-repeat left center;
    }
    #mm LI.c A SPAN,
    #mm A:hover SPAN {
      background        : url(../img/bg_mm_r_r.png) no-repeat right center;
    }

/* Content Menus. Second */
#ms {
  margin            : 0 0 37px -17px;
  font-size         : 1.2em;
  font-weight       : bold;
}
#ms A:hover {
  text-decoration   : none;
}
#ms LI.c A {
  font-size         : 1.5em;
  font-weight       : normal;
  text-decoration   : none;
}

/* Content Menus. Third */
#ms2 {
  margin            : -34px 0 2em -17px;
  font-size         : 1em;
  font-weight       : bold;
}
#ms2 A:hover {
  text-decoration   : none;
}
#ms2 LI.c A {
  font-size         : 1.5em;
  font-weight       : normal;
  text-decoration   : none;
}

.menue_img_right {
  float             : right;
  margin-top        : -1.3em;
}

/* Page Elements
============================== */
/* Shadover Container. No corners */
.shadowed {
  background        : url(../img/sh_bg.png) repeat left top;
}
.index_box {
  padding           : 0 11px;
  font-size         : .9em;
  vertical-align    : top;
  color             : #e6daad;
}
  .index_box H4,
  .index_box P {
    margin-top        : 1em;
  }
  .index_box H4 {
    font-size         : 1em;
    font-weight       : bold;
  }

/* Page Topic */
H1.topic, H3.topic {
  margin            : 0 0 37px -17px;
  font-size         : 1.7em;
  font-weight       : normal;
}


/* Sidebar Elements
============================== */
.sb_block {
  margin-bottom     : 3em;
}
H4.sb_ttl {
  height            : 3em;
  line-height       : 3em;
}
.sb_txt {
  margin            : 1em 0;
}
.sb_allnews {
  line-height       : 1em;
  margin-top        : -2.3em;
}


/* Footer
============================== */
#logo {
  position          : absolute;
  top               : 0;
  left              : -62px;
  height            : 100%;
  width             : 133px;
  margin-left       : 50%;
}
  #logo A {
    position          : relative;
    display           : block;
    height            : 100%;
    text-decoration   : none;
  }
.foot_left {
  float             : left;
  margin-left       : 54px;
  text-align        : left;
}
.foot_right {
  float             : right;
  margin-right      : 54px;
  text-align        : right;
}
.index .foot_left   { margin-top        : 57px; }
.index .foot_right  { margin-top        : 50px; }
.page .foot_left    { margin-top        : 48px; }
.page .foot_right   { margin-top        : 41px; }


/* Menue
============================== */
.menue_line TD {
  padding           : .5em .7em .6em;
  font-size         : 1.1em;
}


/* Paginator
============================== */
.pager {
  margin            : 2em 0;
}
.pager A {
  padding           : 7px 9px;
  font-weight       : bold;
  text-decoration   : none;
  color             : #eee5c3;
  background        : url(../img/bg_ml.png) no-repeat center center;
}
.pager A.c,
.pager A:hover {
  text-decoration   : underline;
  color             : #666;
}
.pager A.c {
  background        : none;
}


/* News
============================== */
.news {
  margin            : 1em 0;
}
.news A {
  text-decoration   : none;
}
.news A:hover {
  text-decoration   : underline;
}
.news_date_right {
  display           : block;
  text-align        : right;
}
.sb_news {
  clear             : both;
  margin            : 2em 0;
}
.sb_news_date,
.news_date {
  float             : left;
  display           : block;
  width             : 35px;
  line-height       : 1.6em;
  font-size         : .75em;
  font-weight       : bold;
  color             : #958f7b;
}
.sb_news_topic {
  margin-left       : 35px;
}
.sb_news_topic A {
  text-decoration   : none;
}
.sb_news_topic A:hover {
  text-decoration   : underline;
}