body{
  background-image: url("img/bg2.gif");
  /*background: #edf2d5;*/

  font-family: verdana, helvetica;
  font-size: 12px;
/*color: #6C7F00; /* 50% */
/*color: #364000; /* 25% */
  color: #526100; /* 38% */
}

a{
  color: #C49400;
  text-decoration: none;
}

a:hover{
  color: #0000C4;
  text-decoration: underline;
}

a:active{
  color: #C40000;
  text-decoration: underline;
}

/* ------------ main container ------------ */

div#main{
  width: 670px;
  height: 450px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -315px;
  margin-top: -225px;
  z-index: 0;
}

/* ------------ main border ------------ */

img#main_b_t{
  width: 608px;
  height: 6px;
  position: absolute;
  left: 11px;
  top: 0;
  z-index: 1;
}

img#main_b_tr{
  width: 11px;
  height: 11px;
  position: absolute;
  left: 619px;
  top: 0;
  z-index: 1;
}

img#main_b_r{
  width: 6px;
  height: 428px;
  position: absolute;
  left: 624px;
  top: 11px;
  z-index: 1;
}

img#main_b_br{
  width: 11px;
  height: 11px;
  position: absolute;
  left: 619px;
  top: 439px;
  z-index: 1;
}

img#main_b_b{
  width: 608px;
  height: 6px;
  position: absolute;
  left: 11px;
  top: 444px;
  z-index: 1;
}

img#main_b_bl{
  width: 11px;
  height: 11px;
  position: absolute;
  left: 0;
  top: 439px;
  z-index: 1;
}

img#main_b_l{
  width: 6px;
  height: 428px;
  position: absolute;
  left: 0;
  top: 11px;
  z-index: 1;
}

img#main_b_tl{
  width: 11px;
  height: 11px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

/* ------------ main bg ------------ */

div#main_bg{
  width: 618px;
  height: 438px;
  position: absolute;
  left: 6px;
  top: 6px;
  z-index: 2;
  background-color: #FAFAFA;
  background-image: url("img/main_bg.gif");
  background-position: left bottom;
  background-repeat: repeat-x;
}

/* ------------ header ------------ */

div#header_l{
  width: 300px;
  height: 24px;
  position: absolute;
  left: 20px;
  top: 14px;
  z-index: 3;
  font-size: 24px;
  /*letter-spacing: 3px;*/
}

div#header_r{
  width: 450px;
  /*height: 24px;*/
  /*border: dotted 1px orange;*/
  position: absolute;
  right: 50px;
  top: 27px;
  z-index: 3;
  text-align: right;
  font-size: 12px;
  /*letter-spacing: -1px;*/
  /*vertical-align: bottom;*/
  /*line-height: 38px;*/
}

/* ------------ separator 1 ------------ */

img#hr_t{
  width: 590px;
  height: 1px;
  position: absolute;
  left: 22px;
  top: 53px;
  z-index: 2;
}

/* ------------ menu ------------ */

div#menu{
  width: 598px;
  height: 16px;
  position: absolute;
  top: 65px;
  left: 25px;
  font-size: 12px;
  z-index: 2;
}

div#menu img.sep{
  width: 5px;
  height: 5px;
  margin: 2px 5px;
}

div#menu a img{
  border:none;
}

div#menu a#ls{
  margin-left: 12px;
}

div#menu a#ls img{
  margin-bottom: -1px;
}

/* ------------ player ------------ */

div#player{
  width: 100px;
  height: 16px;
  position: absolute;
  top: 65px;
  right: 28px;
  z-index: 2;
}

/* ------------ langswitch -------------*/

/*div#langswitch{
  width: 50px;
  height: 11px;
  text-align:right;
  position: absolute;
  top: 65px;
  /*right: 28px;* /
  /*right: 10px;* /
  z-index: 2;
}

div#langswitch a{
  margin-left:3px;
}

div#langswitch a img{
  border:none;
}*/

/* ------------ separator 2 ------------ */

img#hr_t2{
  width: 590px;
  height: 1px;
  position: absolute;
  left: 22px;
  top: 87px;
  z-index: 2;
}

/* ------------ content frame ------------ */

iframe#content{
  width: 577px;
  height: 288px;
  position: absolute;
  left: 25px;
  top: 93px;
  z-index: 2;
}

/* ------------ separator 3 ------------ */

img#hr_b{
  width: 590px;
  height: 1px;
  position: absolute;
  left: 22px;
  top: 397px;
  z-index: 2;
}

/* ------------ copy ------------ */

div#copy{
  width: 630px;
  position: absolute;
  top: 410px;
  text-align: center;
  z-index: 2;
}