html, body  { width: 100%; height: 100%; }
#map { position: absolute; left: 0; bottom: 50px;  height: 100%; width:100%; border-bottom: 1px dotted #000}
html { overflow: hidden; }
body { margin: 0; padding: 0; font-family: Arial, sans-serif;}
div.prodbox { height: 265px; width: 106px; font-size: 10px}
div.prodbox div { -webkit-border-radius: 2px; -moz-border-radius: 2px; position: relative; top: 30px; }
div.prodbox img.pfeil { position: absolute; top: -24px; left: 17px; width: 76px; }
div.prodbox div, div.prodbox div img { width: 100px; }
img, img a { border: 0; }
#logo { height: auto; position: absolute; top: 5px; left: -1px; z-index: 100; text-align:right; }
#info { height: auto; position: absolute; height:25px; top: 5px; right: 7px; z-index: 100; text-align:right; font-size:11px; padding: 7px 13px 5px 20px; border: 1px solid #000; background:#fff; }
#queue { position: absolute; left: -1px; bottom: 1px; z-index: 100; height: 42px; padding: 2px 10px 2px 0px; border: 1px solid #000; border-width:1px 1px 1px 1px; background:#fff; }
#queueinfo { font-size:11px; position: absolute; right: -1px; bottom: 1px; z-index: 100; width: 350px; height: 42px; padding: 1px 10px 1px 0px; background:#fff; }
#queue img { height: 35px; width: 35px; margin: 0 5px; padding: 2px 0; }