body {
  width: 900px;
  margin: 50px auto 0 auto;
  font-family: sans-serif;
}

#board {
  float: left;
}

#side {
  width: 200px;
  float: right;
  border: 3px solid #8AC007;
}

#navigation {
  width: 100px;
  float: right;
  border: 3px solid #8AC007;
}

#switchSide {
  width: 100px;
  float: right;
  border: 3px solid #8AC007;
}

#loader {
 width: 550px;
  float: left;
  border: 3px solid #8AC007;
}

#status {
  height: 40px;
  line-height: 40px;
}

#pick-side a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 40px;
  vertical-align: baseline;
  cursor: pointer;
}

#pick-side span {
  display: inline-block;;
  height: 40px;
  vertical-align: middle;
}

#pick-navigation a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 40px;
  vertical-align: baseline;
  cursor: pointer;
}

#pick-navigation span {
  display: inline-block;;
  height: 50px;
  vertical-align: middle;
}

#pick-switchSide a {
  display: inline-block;
  width: 40px;
  height: 30px;
  background-size: 40px;
  vertical-align: baseline;
  cursor: pointer;
}

#pick-switchSide span {
  display: inline-block;;
  height: 50px;
  vertical-align: middle;
}

#pick-loader a {
  display: inline-block;
  width: 40px;
  height: 30px;
  background-size: 40px;
  vertical-align: baseline;
  cursor: pointer;
}

#pick-loader span {
  display: inline-block;;
  height: 50px;
  vertical-align: middle;
}

#pick-white {
  background-image: url(../images/chesspieces/wikipedia/wK.png);
}

#pick-black {
  background-image: url(../images/chesspieces/wikipedia/bK.png);
}

#navigation-zur {
  background-image: url(../images/navigation/back.png);
}

#navigation-vor {
  background-image: url(../images/navigation/foreward.png);
}

#switch-Side {
  background-image: url(../images/navigation/switchside.png);
}

#fen-loader {
  background-image: url(../images/navigation/fen.png);
}
#pgn-loader{
  background-image: url(../images/navigation/pgn.png);
}
#get-loader{
  background-image: url(../images/navigation/pgn2.png);
}