html {overflow-x: hidden;
overflow-y: hidden;}
body {	font-family: Helvetica;}
#instruction {
position:absolute;
color: #fff;
left: 235px;}
#absolute {
	position: absolute;
	top: 24px;
	left: 156px;
	width: 20px;
	height: 100px;
	color: #000;
}
#absolute a {
width: 374px;
height: 63px;
	display: block;
	text-decoration: none;
}
#absolute a:hover{
background: url('../../img/bg-grey.png');
	opacity: 0.15;
	filter: alpha(opacity=15);
}
.screen {
	position: relative;
	z-index: 1;
	width: 530px;
	height: 369px;
	top: 48px;
	left: 218px;
	border-radius: 5px;
/* bg */
	background-image: url('../ios.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}
#finger {
	position: absolute;
	z-index: 2;
	height: 369px;
	width: 20px;
	background-image: url('../../img/finger.png');
	background-repeat: no-repeat;
	background-position: 0px 14px;
}
/*Homepad*/
#homepad {
	width: 530px;
	height: 369px;
}
#home_content {
position:absolute;
left: 0px;
bottom: 0px;
	width: 896px;
	height: 500px;
	background: url('../../img/homepad.png') no-repeat;
	background-position: left bottom;
	display: block;
}
#back {
z-index: 5;
opacity:0.8;
filter:alpha(opacity=80);
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 30px;
background: #333;
	border-right: 1px solid #777777;
  	border-bottom: 1px solid #777777;
}
#back img {
height: 30px; margin-left: 15px;
}
#szene{
opacity:0.8;
filter:alpha(opacity=80);
position:absolute;
left: 50%;
top:0;
margin-left: -120px;
width: 240px;
height: 30px;
background: #333;
	border-right: 1px solid #777777;
  	border-bottom: 1px solid #777777;
    	border-left: 1px solid #777777;}
      #szene_name {
      font-weight: bold;
      line-height: 30px;
      color: #FFD400;
      font-size: 18px;
      width:240px;
      text-align: center;
      display:block;}
      #lightswitch {
      position:absolute;
      z-index:-1;
      top:50%;
      right: 25px;
      width: 500px;
      height: 503px;
      margin-top:-250px;
      background-image: url('../lightswitch_no.jpg');
      }
      #lightswitch_image {
      width: 490px;
      height: 493px;
      background-image: url('../lightswitch_no.jpg');
      }
      #ls_switch {
      position: absolute;
      z-index: 9999;
      top:50%;
      right: 219px;
      margin-top: -55px; 
      width: 104px;
      height: 70px;
      }
      #click1 {       
      display: block;
      width: 104px;
      height: 35px;}
      #click2 { 
      display: block;
      width: 104px;
      height: 35px;}
      #ls_switch2 {
      z-index: 3;
      position: absolute;
      top: 50%;
      left: 25px;
      width: 150px;
      height: 150px;
      margin-top: -75px;
      }
      #ls_pic {
      z-index: 1;
      }
      #wall{
      position: absolute;
      top: 0;
      left: 0;
      width: 200px;
      height: 100%;
      background: url('../wall.jpg');
      }

#selector { 
z-index: 23;
border-top: 1px solid #777777;
position: absolute;
right: 0; 
bottom: 0;
}
#selector img {width: 150px; height: 100px;}
#selector a {opacity:0.8;
filter:alpha(opacity=80);font-weight: bold; float:left;font-size: 14px; text-align: center; color: #333; display: block; text-decoration: none; width: 151px; height: 115px; padding: 5px; background: #ccc; 	border-left: 1px solid #777777;}
#selector a:hover {opacity:1;
filter:alpha(opacity=100);background: #333; color: #FFD400;}
#selector a.selected {background: #333; color:#FFD400; opacity:0.8;
filter:alpha(opacity=80);}
#selector a.selected:hover {opacity:1;
filter:alpha(opacity=100);background: #333; color:#FFD400;}