#textfeld #tetris { 
 margin: 0 auto;
 padding: 1em; 
 border: 5px double;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -o-border-radius: 10px;
 -ms-border-radius: 10px;
 border-radius: 10px;
}

#textfeld #stats {
 display: none;
 vertical-align: top;
}

#textfeld #canvas {
 display: inline-block;
 vertical-align: top;
}

#textfeld #menu {
 display: inline-block;
 vertical-align: top;
 position: relative;
}

#textfeld #menu p {
 margin: 0.5em 0;
 text-align: center;
}


#textfeld #menu p a {
 text-decoration: none;
}


#textfeld #upcoming {
 display: block;
 margin: 0 auto;
}


#textfeld #score, #textfeld #rows {
 border: 1px solid #000000;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -o-border-radius: 3px;
 -ms-border-radius: 3px;
 border-radius: 3px;
 color: #000000;
 font-weight: bold;
 display: inline-block;
 width: 65px;
}


#textfeld #stats { 
 position: absolute;
 bottom: 0em;
 right: 1em;
}

#textfeld #seitenleiste {
 float : left;
 line-height: 1.5;
 vertical-align: top;
}


@media screen and (min-width: 0px) and (min-height: 0px) {
 #textfeld #tetris {
  font-size: 0.75em;
  width: 250px;
 }

 #textfeld #menu {
  width: 100px;
  height: 200px;
 }

 #textfeld #upcoming {
  width: 50px;
  height: 50px;
 }

 #textfeld #canvas {
  width: 100px;
  height: 200px;
 }

 .hintergrund {
  background-image: url('../../bilder/tetris/bg_200.png');
 }
} /* 10px chunks */


@media screen and (min-width: 400px) and (min-height: 400px) {
 #textfeld #tetris {
  font-size: 1.00em;
  width: 350px;
 }

 #textfeld #menu {
  width: 150px;
  height: 300px;
 }

 #textfeld #upcoming {
  width: 75px;
  height: 75px;
 }

 #textfeld #canvas {
  width: 150px;
  height: 300px;
 }

 .hintergrund {
  background-image: url('../../bilder/tetris/bg_300.png');
 }
} /* 15px chunks */


@media screen and (min-width: 500px) and (min-height: 500px) {
 #textfeld #tetris {
  width: 430px;
 }

 #textfeld #menu {
  width: 200px;
  height: 400px;
 }

 #textfeld #upcoming {
  width: 100px;
  height: 100px;
 }

 #textfeld #canvas {
  width: 200px;
  height: 400px;
 }

 .hintergrund {
  background-image: url('../../bilder/tetris/bg_400.png');
 }
} /* 20px chunks */