.clearboth{
  clear: both;
  height: 1px;
}

#hidden_catan_form{
  display: none;
}

#catan_field{
  width: 480px;
  float: left;
}

#overig{
  width: 150px;
  float: left;
}

#fiches{
  width: 150px;
  float: left;
}

.field_kolom{
  width: 80px;
  float: left;  
  margin-left: -19px;
}

.bos{
  background: url('../images/bos.gif');
}

.bos-inactive{
  background: url('../images/bos-inactive.png');
}

.erts{
  background: url('../images/erts.gif');
}

.erts-inactive{
  background: url('../images/erts-inactive.png');
}

.graan{
  background: url('../images/graan.gif');
}

.graan-inactive{
  background: url('../images/graan-inactive.png');
}

.steen{
  background: url('../images/steen.gif');
}

.steen-inactive{
  background: url('../images/steen-inactive.png');
}

.weiland{
  background: url('../images/weiland.gif');
}

.weiland-inactive{
  background: url('../images/weiland-inactive.png');
}

.woestijn{
  background: url('../images/woestijn.gif');
}

.woestijn-inactive{
  background: url('../images/woestijn-inactive.png');
}

.schaaphaven_01{
  background: url('../images/schaaphaven_01.png');
}

.water_01{
  background: url('../images/water_01.png');
}

.haven_3_1_01{
  background: url('../images/haven_3_1_01.png');  
}

.haven_3_1_02{
  background: url('../images/haven_3_1_02.png');  
}

.haven_3_1_03{
  background: url('../images/haven_3_1_03.png');  
}

.haven_3_1_04{
  background: url('../images/haven_3_1_04.png');  
}

.haven_graan{
  background: url('../images/haven_graan.png');
}

.haven_steen{
  background: url('../images/haven_steen.png');
}

.haven_hout{
  background: url('../images/haven_hout.png');
}

.haven_erts{
  background: url('../images/haven_erts.png');
}

.graytile{
  background-color: gray;
}

.inactive{
  background: url('../images/inactive.png');
}

.catan_tile{
  width: 80px;
  height: 69px;
}

.catan_tile2{
  width: 200px;
  height: 200px;
}

.catan_field_4_first{
  margin-top: 104px;
  z-index: 10;
  margin-left: 0px;
}

.catan_field_5{
  margin-top: 69px;
  z-index: 20;
}

.catan_field_6{
  margin-top: 34px;
  z-index: 10;
}

.catan_field_7{
  margin-top: 0px;
  z-index: 20;
}

.catan_field_4_last{
  margin-top: 104px;
  z-index: 10;
}

.stapel{
  width: 80px;
  float: left;
}

.teller{
  width: 20px;
  float: left;
  height: 20px;
}

.red0{
  background: url('../images/red0.png') no-repeat top left;
}

.red1{
  background: url('../images/red1.png') no-repeat top left;
}

.red2{
  background: url('../images/red2.png') no-repeat top left;
}

.red3{
  background: url('../images/red3.png') no-repeat top left;
}

.red4{
  background: url('../images/red4.png') no-repeat top left;
}

/*
  Getallen fiches
*/

.fiche{
  width: 49px;
  height: 49px;
  top: 20px;
  left: 10px;
}

.stapelfiches{
  width: 49px;
  height: 49px;
}

.getala{
  background: url('../images/a.png') no-repeat center;
}

.getalb{
  background: url('../images/b.png');
}

.getalc{
  background: url('../images/c.png');
}

.getald{
  background: url('../images/d.png');
}

.getale{
  background: url('../images/e.png');
}

.getalf{
  background: url('../images/f.png');
}

.getalg{
  background: url('../images/g.png');
}

.getalh{
  background: url('../images/h.png');
}

.getali{
  background: url('../images/i.png');
}

.getalj{
  background: url('../images/j.png');
}

.getalk{
  background: url('../images/k.png');
}

.getall{
  background: url('../images/l.png');
}

.getalm{
  background: url('../images/m.png');
}

.getaln{
  background: url('../images/n.png');
}

.getalo{
  background: url('../images/o.png');
}

.getalp{
  background: url('../images/p.png');
}

.getalq{
  background: url('../images/q.png');
}

.getalr{
  background: url('../images/r.png');
}

.getals{
  background: url('../images/s.png');
}

/*
  catan counter
*/

.catancounter_number_form .form-item{
  margin-bottom: 0px;
  margin-top: 0px;
}

.catancounter_number_form{
  width: 40px;
  float: left;  
}

.catancounter_number_bar_wrapper{
  width: 400px;
  float: left;
}

.catancounter_number_number{
  width: 100px;
  float: left;
}

#catancounterform-wrapper{
  width: 200px;
  float: left;
  display: block;
}

#catancountergraph-wrapper{
  width: 490px;
  float: left;
  display: block;
  clear: right;  
}