img.blockselection
{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
}

div.screencontainer
{
  width : 320px;
  height : 480px;
  /* border: 1px green dotted; */
}

div.moviescreenframe
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 480px;
  /*border: 1px solid;*/
  /*background: #A0FFA0;*/
  z-index: 0;
}

body
{
  margin: 0px;
  font-family: marker felt,trebuchet,tahoma,verdana,arial,helvetica;
  font-size: 24;
  font-weight: bold;
  width: 320px;
  height: 480px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

td
{
}

a
{
  text-decoration: none;
  color: #000040;
}

div.quitlevelconfirm
{
  position: absolute;
  /*opacity: 0.9;*/
  top: 0px;
  left: 0px;
  z-index: 20;
}

img.quitconfirmdialog_yes
{
  position: absolute;
  top: 150px;
  left: 100px;
}

img.quitconfirmdialog_no
{
  position: absolute;
  top: 150px;
  left: 210px;
}

a:visited
{
  text-decoration: none;
  color: #000040;
}

a:active
{
  border: 1px solid white;
  text-decoration: none;
  color: blue;
}

table.center
{
  margin:  auto;
}

/* Layout */


div.div_invisible
{
  visibility:  hidden;
}

a.ahref_shown
{
  display:  inline;
}

a.ahref_hidden
{
  display:  none;
}

img.img_shown
{
  display:  inline;
}

img.img_hidden
{
  display:  none;
}

div.div_shown
{
  display:  block;
}

div.div_hidden
{
  display:  none;
}

span.span_shown
{
  display:  inline;
}

span.span_hidden
{
  display:  none;
}

div.div_container
{
}

img.mainmenu_button_start_tutorial
{
  position: absolute;
  top: 80px;
  left: 60px;
}

img.mainmenu_button_start
{
  position: absolute;
  top: 120px;
  left: 60px;
}

img.mainmenu_button_levelselection
{
  position: absolute;
  top: 160px;
  left: 60px;
}

img.mainmenu_button_about
{
  position: absolute;
  top: 200px;
  left: 60px;
}

div.about
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 480px;
  z-index: 20;
}

img.about_button_mainmenu
{
  position: absolute;
  top: 50px;
  left: 10px;
}

div.aboutcontents
{
  position: absolute;
  top: 90px;
  left: 10px;
  color: #FFFFAA;
  font-size: 18;
  font-weight: normal;
}

span.topbuttons
{
  position: absolute;
  top: 0px;
  left: 165px;
  z-index: 20;
}

div.pauselevel
{
  position: absolute;
  /*opacity: 0.85;*/
  top: 25px;
  left: 0px;
  z-index: 20;
}

div.level
{
  position: absolute;
  top: 0px;
  left: 5px;
  font-size: 24;
  font-weight: bold;
  font-style: italic;
  z-index: 0;
}

div.gameover
{
  position: absolute;
  opacity: 0.85;
  top: 130px;
  left: 0px;
  z-index: 20;
}

div.gamewin
{
  position: absolute;
  opacity: 0.85;
  top: 130px;
  left: 0px;
  z-index: 20;
}

div.score
{
  position: absolute;
  top: 5px;
  left: 50px;
  font-size: 16;
  font-weight: bold;
  font-style: italic;
  z-index: 0;
}

div.highscore
{
  position: absolute;
  top: 260px;
  left: 20px;
  font-size: 18;
  font-weight: bold;
  font-style: italic;
  color: white;
  z-index: 1;
}

span.gameover_newhighscore
{
  position: absolute;
  top: 100px;
  left: 40px;
  font-weight: bold;
  font-style: italic;
  font-size: 32;
  color: #202090;
}

div.selectlevel
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 480px;
  z-index: 20;
}

img.selectlevel_button_mainmenu
{
  position: absolute;
  top: 60px;
  left: 10px;
}

div.select_levellist
{
  position: absolute;
  top:  110px;
  left: 5px;
  width: 320px;
}

div.levelactive
{
  background: url("SelectLevel_Button_Active.png");
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  text-align: center;
  padding-top: 10px;
  margin-left: 3px;
  font-family: marker felt,trebuchet,tahoma,verdana,arial,helvetica;
  font-size: 24;
  font-weight: bold;
  font-style: italic;
  color: #202099;
  float: left;
}

div.levelinactive
{
  background: url("SelectLevel_Button_Inactive.png");
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  text-align: center;
  padding-top: 10px;
  margin-left: 3px;
  font-family: marker felt,trebuchet,tahoma,verdana,arial,helvetica;
  font-size: 24;
  font-weight: bold;
  font-style: italic;
  color: #888820;
  float: left;
}

div.lifebar
{
  position: absolute;
  top: 26px;
  left: 10px;
  width: 300px;
  height: 10px;
}

div.lifebarprogress
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 10px;
  background: blue;
}