.hide *,
.hidden{
	display: none;
}
.selected{
	display: block;
}
.opaque{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.container-frame{
/*	position: fixed;*/
	position: relative;
	text-align: center;
/*	left: 50%;
	top: 50%;
	margin-left: -130px;
	margin-top: -320px;*/
	margin: 0 auto;
	width: 260px;
	height: 640px;
}

.bosch-start{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 32px;
	position: absolute;
	z-index: 110;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	width: 560px;
	margin-left: -280px;
}
.bosch-start > div{
	float: left;
	margin-left: 10px;
}
.bosch-start > div:first-child{
	margin-left: 0;
}
.bosch-stop{
	position: absolute;
	z-index: 110;
	top: 80px;
	width: 260px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 32px;
}
.bosch-stop *{
	position: relative;
}
.bosch-stop div#stop1{
	color: #000;
	font-size: 0;
	top: 200px;
	width: 425px;
	text-align: center;
	margin-left: -82px;
}
.bosch-stop div#stop5 img{
	top: 103px;
	width: 0;
}

.f01{
	position: absolute;
	z-index: 160;
	left: 0;
	bottom: 0;
}
.f02{
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 229px;
}
.f03{
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 218px;
}
.f03.third-7{
	bottom: 0;
}
.closed-bosch,
.full-bosch,
.bosch-fu,
.bosch-big{
	position: absolute;
	top: 0;
	left: 0;
}
.bosch-big{
	left: 0;
}
.closed-bosch{
	left: 49px;
}
.logo,.sloggan{
	position: absolute;
	z-index: 130;
	left: 36px;
}
.logo{
	bottom: 94px;
}
.sloggan{
	bottom: 72px;
}

.tetris-1{
	position: absolute;
	width: 115px;
	height: 510px;
	left: 43px;
	top: 60px;
}
.tetris-1-frame{
	width: 100%;
	height: 510px;
}
.tetris-2{
	position: absolute;
	width: 115px;
	height: 335px;
	right: 0px;
	top: 62px;
}
.tetris-2-frame{
	width: 100%;
	height: 335px;
}
.tetris-3{
	position: absolute;
	width: 115px;
	height: 370px;
	left: 36px;
	top: 56px;
}
.tetris-3-frame{
	width: 100%;
	height: 370px;
}
#img-1-1,
#img-1-1-noshadow{
	position: absolute;
	z-index: 153;
	left: 0px;
	top: 434px;
}
.img-2{
	position: absolute;
	z-index: 152;
	left: 0;
	top: -26px;
}
.img-3{
	position: absolute;
	z-index: 151;
	left: 0;
	top: -18px;
}
.img-4{
	position: absolute;
	z-index: 160;
	left: 0;
	top: -12px;
}
.img-5{
	position: absolute;
	z-index: 149;
	left: 0;
	top: -8px;
}
#img-6-1,
#img-6-1-noshadow{
	position: absolute;
	z-index: 160;
	left: 35px;
	top: 269px;
}
.img-7{
	position: absolute;
	z-index: 152;
	left: 0;
	top: -22px;
}
.img-8{
	position: absolute;
	z-index: 157;
	left: 0;
	top: -22px;
}
.img-9{
	position: absolute;
	z-index: 20;
	left: 0;
	top: -22px;
}
#img-7-3-noshadow{
	position: absolute;
	top: 206px;
	left: 0;
	z-index: 1;
}
.img-10{
	position: absolute;
	z-index: 149;
	left: 0;
	top: -24px;
}
.img-11{
	position: absolute;
	z-index: 148;
	left: 0;
	top: -30px;
}
#img-10-2-noshadow{
	position: absolute;
	top: 142px;
	left: 31px;
	z-index: 1;
}
#img-12-1,
#img-12-1-noshadow{
	position: absolute;
	z-index: 160;
	left: 0;
	top: 269px;
}
.img-13{
	position: absolute;
	z-index: 150;
	left: 0;
	top: -8px;
}
.img-14{
	position: absolute;
	z-index: 281;
	left: 0;
	top: -8px;
}
.img-15{
	position: absolute;
	z-index: 100;
	left: 0;
	top: -14px;
}
.img-16{
	position: absolute;
	z-index: 160;
	left: 0;
	top: -14px;
}
#img-14-noshadow{
	position: absolute;
	z-index: 22;
	left: 0;
	top: 243px;
}
.img-17{
	position: absolute;
	z-index: 278;
	left: 0;
	top: -24px;
}
.img-18{
	position: absolute;
	z-index: 277;
	left: 0;
	top: -24px;
}
#img-16-noshadow{
	position: absolute;
	z-index: 21;
	left: 0;
	top: 180px;
}
#img-17-noshadow{
	position: absolute;
	z-index: 22;
	left: 64px;
	top: 144px;
}
.img-19{
	position: absolute;
	z-index: 276;
	left: 0;
	top: -24px;
}
.img-20{
	position: absolute;
	z-index: 275;
	left: 0;
	top: -24px;
}
#img-20-noshadow{
	position: absolute;
	z-index: 24;
	left: 33px;
	top: 115px;
}
.controls{
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.control-box{
	position: relative;
	margin: 0 auto;
	width: 400px;
	height: 105px;
}
.move{
	position: relative;
	width: 220px;
	height: 100%;
	float: left;
}
.move > div{
	position: absolute;
}
.move > div > div{
	position: relative;
	z-index: 10000;
	width: 70px;
	height: 70px;
	cursor: pointer;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.move > div > span{
	display: block;
	position: absolute;
	bottom: 2px;
	left: 25px;
	width: 77px;
	height: 31px;
	background: url('../images/shadow.png') no-repeat;
}
#rotate-cw > div{
	position: relative;
	z-index: 10000;
	width: 94px;
	height: 94px;
	cursor: pointer;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
#rotate-cw > span{
	display: block;
	position: absolute;
	bottom: 4px;
	left: 35px;
	width: 108px;
	height: 43px;
	background: url('../images/shadow-big.png') no-repeat;
}
#rotate-cw{
	position: absolute;
}
#move-left{
	top: 0;
	left: 0;
}
#move-right{
	top: 0;
	right: 0;
}
#move-bottom{
	bottom: 0;
	left: 50%;
	margin-left: -35px;
}
#rotate-cw{
	top: 0;
	right: 0;
}





#move-left > div{
	background: url('../images/move-left.png') no-repeat;
}
#move-left > div:hover{
	background: url('../images/move-left-hover.png') no-repeat;
}
#move-left > div:active{
	background: url('../images/move-left-active.png') no-repeat;
}
#move-bottom > div{
	background: url('../images/move-bottom.png') no-repeat;
}
#move-bottom > div:hover{
	background: url('../images/move-bottom-hover.png') no-repeat;
}
#move-bottom > div:active{
	background: url('../images/move-bottom-active.png') no-repeat;
}
#rotate-cw > div{
	background: url('../images/rotate.png') no-repeat;
}
#rotate-cw > div:hover{
	background: url('../images/rotate-hover.png') no-repeat;
}
#rotate-cw > div:active{
	background: url('../images/rotate-active.png') no-repeat;
}
/*
#rotate-ccw{
	background: url('../images/rotate-ccw.png') no-repeat;
}
#rotate-ccw:hover{
	background: url('../images/rotate-ccw-hover.png') no-repeat;
}
#rotate-ccw:active{
	background: url('../images/rotate-ccw-active.png') no-repeat;
}
#rotate-cw{
	background: url('../images/rotate-cw.png') no-repeat;
}
#rotate-cw:hover{
	background: url('../images/rotate-cw-hover.png') no-repeat;
}
#rotate-cw:active{
	background: url('../images/rotate-cw-active.png') no-repeat;
}
*/
#move-right > div{
	background: url('../images/move-right.png') no-repeat;
}
#move-right > div:hover{
	background: url('../images/move-right-hover.png') no-repeat;
}
#move-right > div:active{
	background: url('../images/move-right-active.png') no-repeat;
}
.fail{
	display: none;
	position: fixed;
	z-index: 888;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
}
.flash-right,
.flash{
	position: absolute;
	z-index: 300;
	width: 0;
}
#kill_em_all{
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 10000;
	text-align: center;
	top: 50%;
	width: 200px;
	padding: 10px;
	font-size: 16px;
	line-height: 20px;
	margin-top: -20px;
	margin-left: 20px;
	font-weight: bold;
	border: solid 1px #000;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}
#kill_em_all a,
#kill_em_all span{
	text-decoration: underline;
	cursor: pointer;
	color: #000;
	font-size: 20px;
}
#kill_em_all a:hover,
#kill_em_all span:hover{
	text-decoration: none;
}














.kll{
	height: 100px;
}
.content{
	background: #fff;
}