@charset "UTF-8";
*{
	margin:0;
	padding:0;
}
html,
body,
#wrapper{
	width:100%;
	height:100%;
}
/*
#6c6051 dunkel
#a38c79 mittel
#e1d7c6 hell
#C8C9CB bg
*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#6c6051;
	background:#C8C9CB;
}
h1{
	font-size:150%;
	margin-bottom:2%;
}
h2{
	font-size:100%;
	line-height:115%;
}
a{
	color:#6c6051;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
#wrapper{
	overflow:hidden;
}
#col_1{
	width:20%;
	height:100%;
	background:#6c6051;
	float:left;
	position:relative;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
#col_2{
	width:80%;
	height:100%;
	background:#c8C9CB;
	float:right;
	position:relative;
}
#header{
	cursor:pointer;
	margin:10%;
}
#header img{
	width:100%;
}
#footer{
	position:absolute;
	bottom:0px;
	width:90%;
	padding:0% 5% 5% 5%;
}
.btn:hover{
	background:#e1d7c6;
	color:#6c6051;
}
.btn,
.btn_active{
	text-align:right;
	padding:2% 4%;
	margin-top:2px;
	border:0px solid #000000;
	cursor:pointer;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
.btn_active{
	background:#e1d7c6;
	color:#6c6051;
}
.btm{
	margin-bottom:15%;
}
.btn{
	background:#6c6051;
	color:#e1d7c6;
}
#textlayer{
	font-size:90%;
	line-height:110%;
	cursor:default;
	color:#6c6051;
	display:none;
	width:100%;
	height:100%;
	background:#C8C9CB;
	position:absolute;
	z-index:2;
	overflow-y:auto;
}
#text_i{
	width:100%;
	height:100%;
}
#debug{
	position:absolute;
	z-index:9999;
	bottom:0px;
	right:0px;
	width:50%;
	text-align:right;
}
#start_again:hover{
	color:#e1d7c6;
	background:#6c6051;
}
#start_again{
	top:13%;
	width:22%;
	left:39%;
	text-align:center;
	cursor:pointer;
	position:absolute;
	z-index:1000;
	display:none;
	border:1px solid #6c6051;
}
#block{
	display:none;
	width:100%;
	height:100%;
	position:absolute;
}
#spielfeld{
	z-index:1;
	background:#C8C9CB;
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	cursor:default;
	text-align:center;
}
#hilfetxt_oben{
	opacity:0;
	position:absolute;
	top:2%;
	left:20%;
	width:60%;
	border:1px solid #6c6051;
	font-size:115%;
	line-height:130%;
}
#hilfetxt_unten{
	opacity:0;
	position:absolute;
	bottom:1%;
	width:100%;
	font-size:90%;
	line-height:120%;
}
#score_r{
	position:absolute;
	left:0%;
	bottom:1%;
}
#score{
	opacity:0;
	position:absolute;
	left:43.7%;
	bottom:1%;
	width:12%;
	border:1px solid #6c6051;
	font-size:100%;
	line-height:115%;
}
#score_w{
	margin-left:8%;
	float:left;
	width:37%;
}
#score_s{
	margin-right:8%;
	float:left;
	width:37%;
}
#score_dp{
	margin-top:-1%;
	float:left;
	width:10%;
}
#amzug{
	opacity:0;
	position:absolute;
	left:29.7%;
	bottom:4.4%;
	font-size:90%;
	width:40%;
}
.hilfe_w{ color:#6c6051; background:#e1d7c6; }
.hilfe_s{ color:#e1d7c6; background:#6c6051; }
.sp_border{ border:1px solid #6c6051; }
.sp_block{ background-image:url(images/block.png); }
.sp_pfeiler{ background-image:url(images/pfeiler.png); }
.sp_dropdown{ background-image:url(images/dropdown.png); }
.sp_w1{ background-image:url(images/w1.png); }
.sp_w2{ background-image:url(images/w2.png); }
.sp_w3{ background-image:url(images/w3.png); }
.sp_w4{ background-image:url(images/w4.png); }
.sp_w5{ background-image:url(images/w5.png); }
.sp_w6{ background-image:url(images/w6.png); }
.sp_w7{ background-image:url(images/w0.png); }
.sp_w8{ background-image:url(images/w0.png); }
.sp_w9{ background-image:url(images/w0.png); }
.sp_s1{ background-image:url(images/s1.png); }
.sp_s2{ background-image:url(images/s2.png); }
.sp_s3{ background-image:url(images/s3.png); }
.sp_s4{ background-image:url(images/s4.png); }
.sp_s5{ background-image:url(images/s5.png); }
.sp_s6{ background-image:url(images/s6.png); }
.sp_s7{ background-image:url(images/s0.png); }
.sp_s8{ background-image:url(images/s0.png); }
.sp_s9{ background-image:url(images/s0.png); }
.spielstein{
	overflow:hidden;
	z-index:1999;
	position:absolute;
	background-size:100% 100%;
}
.dialog_table{
	display:table;
	position:relative;
	z-index:2;
	width:100%;
	height:100%;
	text-align:center;
}
.dialog_cell{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
.dialog_content{
	display:inline-block;
	position:relative;
	max-width:80%;
	min-width:480px;
	height:auto;
	margin:0 auto;
	padding:10px;
	text-align:center;
	background:#e1d7c6;
	border:1px solid #6c6051;
	border-radius:8px;
	/*box-shadow:0px 0px 5px 1px #6c6051;*/
}