body {
	font-family: verdana, helvetica, arial, sans-serif;
    /* background: rgb(37,34,27);*/
    /* background: rgb(111,102,81);*/
    	background: #6f6651; /*#6d7962; 2c5702; #25260D; */
	/*#454239;*/
    	color: #DDD;
    	font-size: 0.9em;
    	text-align: center;
    	padding: 0px;
    	margin: 0px;
  }


  /** back **/
  #bck {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 780px;
	/* background: #25260D url('/img/stripes.gif') repeat; */
	/* background: #6d7962; /* url('/img/stripes.gif') repeat; */
	opacity: 0.8;
  }




  /** FRONT **/
  .family {
	float: left;
	border: 1px solid white;
	width: 380px;
	height: 60px;
  }

  #glob {
	z-index: 10;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 100%;
	text-align: center;
  }

  .bgg {background: url('/img/bgg.png') no-repeat top center;  }
  .bgkr {background: url('/img/bgkr.png') no-repeat top center;  }
  .bgod {background: url('/img/bgod.png') no-repeat top center;  }
  .bgno {background: url('/img/bgno.png') no-repeat top center;  }
  .bgto {background: url('/img/bgto.png') no-repeat top center;  }
  .bgbu {background: url('/img/bgbu.png') no-repeat top center;  }
  .bgmu {background: url('/img/bgmu.png') no-repeat top center;  }

  .bgco {background: url('/img/bgco.png') no-repeat top center;  }
  .bgru {background: url('/img/bgru.png') no-repeat top center;  }

  #globs{
	width: 950px;
	margin: auto auto;
  }
  /** end FRONT **/


  /** INVISIBLE **/
    #preload {
        position: absolute;
        height: 1px;
        width: 1px;
        overflow: hidden;
  }
  
  
  .clip {
        display: none;
        position: absolute;
        z-index: 100;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 570px;
	padding-top: 160px;
        text-align: center;
	color: #EEC62C;
        margin: auto auto;
        background: url('/img/stripes.gif') repeat;
  }


  #front {
        display: block;
        position: absolute;
        z-index: 110;
        top: 210px;
        left: 0px;
        width: 100%;
        height: 253px;
  }


  .clip_  {
        position: relative;
        width: 354px;
        height: 235px;
        margin-left: auto;
        margin-right: auto;
	margin-bottom: 5px;
	border: 6px double rgb(255,180,4);
        padding: 4px;
        padding-top: 0px;
        background: #25221B;
        overflow: hidden;
  }


  input.back { background: url('/img/buttons/babut.gif') no-repeat; width: 82px; height: 36px; border: 0px;}
  input.back:active { background: url('/img/buttons/babutd.gif') no-repeat; }
  /** end INVISIBLE **/




  /** COLUMN 1 **/
  #col1{
	float: left;
	width: 162px;
	height: 710px;
  }


  #col1 #l1 {	height: 130px; }
  #col1 #l3 {	height: 560px; padding-top: 10px; overflow: hidden;} /* #34340e;}*/
  #col1 #l3 .cs { padding-bottom: 20px; background: url('/img/ctbd2.gif') no-repeat bottom center; cursor: pointer;}
  #col1 #l3 .cg { height: 20px; padding-top: 20px; overflow: hidden; cursor: pointer;}
  #col1 #l3 #kr { background: url('/img/ctbukr.gif') no-repeat top center;}
  #col1 #l3 #od { background: url('/img/ctbuod.gif') no-repeat top center;}
  #col1 #l3 #no { background: url('/img/ctbuno.gif') no-repeat top center;}
  #col1 #l3 #to { background: url('/img/ctbuto.gif') no-repeat top center;}
  #col1 #l3 #bu { background: url('/img/ctbubu.gif') no-repeat top center;}
  #col1 #l3 #mu { background: url('/img/ctbumu.gif') no-repeat top center;}

  #col1 #l3 .csp { padding-bottom: 12px; background: url('/img/ctbd3.gif') no-repeat bottom center; cursor: pointer;}
  #col1 #l3 #ru { background: url('/img/ctburu.gif') no-repeat top center;}
  #col1 #l3 #pr { background: url('/img/ctbupr.gif') no-repeat top center;}
  #col1 #l3 #ko { background: url('/img/ctbuko.gif') no-repeat top center;}



 
  /* COLUMN 2 */
  #col2{
	float: left;
	width: 772px;
	height: 710px;
  }

  #col2 #l1 {
	height: 130px; 
  }
  #col2 #l1  a{
	color: #ccc;
	text-decoration: none;
  }
  #col2 #l1 a:hover{
	text-decoration: none;
  }



  #col2 #l2 {
	height: 520px;
  }

  #col2 #kl1 {
	height: 30px;
	/*border-left: 2px solid black;*/
  }

  #col2 #kl2 {
	height: 530px;
  }




  #col2 #l3 {
	height: 30px;
  }







  #col2 #kl1 a {
	display: block;
	float: left;
	height: 30px;
  }



  /* w/o extra */
  #col2 #kl1 a.ar {
	width: 110px;
	background: url('/img/buttons/art.png') no-repeat top right;
  }
  #col2 #kl1 a.ar:hover {
	background: url('/img/buttons/arth.gif') no-repeat top right;
  }
  #col2 #kl1 a.ara {
	width: 110px;
	background: url('/img/buttons/arta.png') no-repeat top right;
  }
  
  #col2 #kl1 a.wor {
	width: 156px;
	background: url('/img/buttons/wor.png') no-repeat top center;
  }
  #col2 #kl1 a.wor:hover {
	background: url('/img/buttons/worh.gif') no-repeat top center;
  }
  #col2 #kl1 a.wora {
	width: 156px;
	background: url('/img/buttons/wora.png') no-repeat top center;
  }
  
  #col2 #kl1 a.gn {
	width: 170px;
	background: url('/img/buttons/gal.png') no-repeat top center;
  }
  #col2 #kl1 a.gn:hover {
	background: url('/img/buttons/galh.gif') no-repeat top center;
  }
  #col2 #kl1 a.gna {
	width: 170px;
	background: url('/img/buttons/gala.png') no-repeat top center;
  }



  #col2 #kl1 a.ht {
	width: 107px;
	background: url('/img/buttons/hot.png') no-repeat top center;
  }
  #col2 #kl1 a.ht:hover {
	background: url('/img/buttons/hoth.gif') no-repeat top center;
  }
  #col2 #kl1 a.hta {
	width: 107px;
	background: url('/img/buttons/hota.png') no-repeat top center;
  }
  
  #col2 #kl1 a.air {
	width: 121px;
	background: url('/img/buttons/air.png') no-repeat top center;
  }
  #col2 #kl1 a.air:hover {
	background: url('/img/buttons/airh.gif') no-repeat top center;
  }
  #col2 #kl1 a.aira {
	width: 121px;
	background: url('/img/buttons/aira.png') no-repeat top center;
  }
  
  #col2 #kl1 a.tck {
	width: 104px;
	background: url('/img/buttons/tic.png') no-repeat top center;
  }
  #col2 #kl1 a.tck:hover {
	background: url('/img/buttons/tich.gif') no-repeat top center;
  }
  #col2 #kl1 a.tcka {
	width: 104px;
	background: url('/img/buttons/tica.png') no-repeat top center;
  }


/*
  /* w extra *//*

  #col2 #kl1 a.ar {
	width: 100px;
	background: url('/img/buttons/art.png') no-repeat;
  }
  #col2 #kl1 a.ar:hover {
	background: url('/img/buttons/arth.gif') no-repeat;
  }

  #col2 #kl1 a.wor {
	width: 146px;
	background: url('/img/buttons/wor.png') no-repeat;
  }
  #col2 #kl1 a.wor:hover {
	background: url('/img/buttons/worh.gif') no-repeat;
  }

  #col2 #kl1 a.gn {
	width: 151px;
	background: url('/img/buttons/gal.png') no-repeat;
  }
  #col2 #kl1 a.gn:hover {
	background: url('/img/buttons/galh.gif') no-repeat;
  }

  #col2 #kl1 a.ct {
	width: 101px;
	background: url('/img/buttons/cit.png') no-repeat top center;
  }
  #col2 #kl1 a.ct:hover {
	background: url('/img/buttons/cith.gif') no-repeat top center;
  }

  #col2 #kl1 a.ht {
	width: 96px;
	background: url('/img/buttons/hot.png') no-repeat;
  }
  #col2 #kl1 a.ht:hover {
	background: url('/img/buttons/hoth.gif') no-repeat;
  }

  #col2 #kl1 a.air {
	width: 104px;
	background: url('/img/buttons/air.png') no-repeat;
  }
  #col2 #kl1 a.air:hover {
	background: url('/img/buttons/airh.gif') no-repeat;
  }

  #col2 #kl1 a.tck {
	width: 103px;
	background: url('/img/buttons/tic.png') no-repeat;
  }
  #col2 #kl1 a.tck:hover {
	background: url('/img/buttons/tich.gif') no-repeat;
  }
*/




.agb {
	position: absolute; top: 780px; left: 20px; 
	width: 90%; 
	display: none;
	border: 2px solid white; /*4px ridge #8e001c;*/
	background: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	padding: 10px;
}

.agb p {text-align: justify;}


  .con {
	position: relative;
 	width: 748px; height: 525px; 
	overflow-x: hidden; overflow-y: auto; 
	padding: 15px 20px 0px 20px; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
  }

  .con table {background: #000; border: 2px solid white; padding: 4px 14px 10px 14px;}
  .con td {	
	padding: 6px 0px 6px 0px;
        border-bottom: 1px dotted white;
	text-align: left;
  }
  .con td.right { text-align: right }

  .con p {text-align: justify;}

  .con .msg { 
	overflow: auto;
	padding: 6px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
  }

  .con a{
	color: #ccc;
	font-weight: bold;
  }
  .con a:hover{
	text-decoration: none;
  }




  .setter{
	position: absolute;
	left: 10px;
	top: 50px;
	border: 2px solid black;
  }


  .setter td{
	width: 1px;
	height: 1px;
	padding: 0px;
	margin: 0px;
  }