body{
	/* background-color:grey; */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
background-image:url("bilder/bak.jpg");
}
img{
	 -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
#lika {
	position: absolute;
	top: 645px;
	left: 30px;
	
	z-index: 30;
	
}
#byline{
	position: absolute;
	top: 590px;
	left: 15px;
	font-size: 0.80em;
	font-family: "Arial";
	color: white;
	background-image:url("bilder/bak2.jpg");
	width: 220px;
	height: 18px;
	padding-left: 18px;
	padding-top: 4px;
	z-index: 25;
	border-radius: 5px;
	/* transform: matrix3d(1, 0, 0.00, -0.0016, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); */
	/* -webkit-transform: matrix3d(1, 0, 0.00, -0.0016, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); */
	-webkit-box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
	
}


#maincontainer{
	position:relative;
	width:300px;
	
	margin:auto;
	margin-top:20px;
	
}
#rubrik{
	width:291px;
	height:35px;
	margin-top:26px;
	margin-left:10px;
	
	float:left;
}
#cover{
	position:absolute;
	width:156px;
	height:33px;
	top:28px;
	margin-left:16px;
	
	visibility:hidden;
	background-image:url("bilder/skydd.png");
}
#pil{
	position:absolute;
	width:12px;
	height:14px;
	top:96px;
	margin-left:2px;
	
	background-image:url("bilder/pil.png");
}
#back{
	position:absolute;
	width:28px;
	height:41px;
	top:20px;
	left:230px;
	cursor:pointer;
	background-image:url("bilder/back.png");
}
#back:hover{
	top:22px;
	
	background-image:url("bilder/back2.png");
}
#kulor{
	width:170px;
	height:383px;
	margin-top:25px;
	margin-left:10px;
	
	float:left;
}
#kolla{
	width:111px;
	height:383px;
	margin-top:16px;
	margin-left:9px;
	
	float:left;
}
#knappar{
	width:300px;
	height:55px;
	
	float:left;
}

#red{
	width:36px;
	height:36px;
	border-radius:17px;
	margin-top:40px;
	margin-left:15px;
	
	
	float:left;
	background-image:url("bilder/red.png");
}
#green{
	width:36px;
	height:36px;
	margin-top:40px;
	margin-left:11px;
	border-radius:18px;
	
	
	float:left;
	background-image:url("bilder/green.png");
}
#blue{
	width:36px;
	height:36px;
	margin-top:40px;
	margin-left:11px;
	border-radius:18px;
	
	
	float:left;
	background-image:url("bilder/blue.png");
}
#orange{
	width:36px;
	height:36px;
	margin-top:40px;
	margin-left:11px;
	border-radius:18px;
	
	
	float:left;
	background-image:url("bilder/orange.png");
}
#yellow{
	width:36px;
	height:36px;
	margin-top:40px;
	margin-left:11px;
	border-radius:18px;
	
	
	float:left;
	background-image:url("bilder/yellow.png");
}
#violet{
	width:36px;
	height:36px;
	margin-top:40px;
	margin-left:11px;
	border-radius:18px;
	
	
	float:left;
	background-image:url("bilder/violet.png");
}

#spelplatta{
	width:300px;
	height:585px;
	border-radius:8px;
	-webkit-box-shadow: 10px 10px 35px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 35px -4px rgba(0,0,0,0.75);
box-shadow: 10px 10px 35px -4px rgba(0,0,0,0.75);

	background-image:url("bilder/brade.png");
	
	
}
#kollasvar{
	width:110px;
	height:15px;
	margin-left:175px;
	margin-top:-14px;
	cursor:pointer;
	background-image:url("bilder/check.png");
	
	
}
#kollasvar:hover{
	
	background-image:url("bilder/check2.png");
	
	
}
#startaspel:hover{
	
	background-image:url("bilder/starta2.png");
	
	
}
#startaspel{
	width:110px;
	height:16px;
	margin-left:20px;
	margin-top:10px;
	cursor:pointer;
	background-image:url("bilder/starta.png");
	
	
}
.starta{
	width:36px;
	height:36px;
	margin-top:2px;
	margin-left:5px;
	background-image:url("#");
	float:left;
}
.kula{
	width:36px;
	height:36px;
	margin-top:2px;
	margin-left:5px;
	background-image:url("#");
	
	float:left;
}
.check{
	width:18px;
	height:18px;
	margin-top:20px;
	margin-left:5px;
	background-image:url("#");
	
	float:left;
}

#red{	
	cursor:pointer;
}
#red:hover{	
background-image:url("bilder/red2.png");
	
}
#green{	
	cursor:pointer;
}
#green:hover{	
background-image:url("bilder/green2.png");
	
}
#blue{	
	cursor:pointer;
}
#blue:hover{	
background-image:url("bilder/blue2.png");
	
}
#orange{	
	cursor:pointer;
}
#orange:hover{	
background-image:url("bilder/orange2.png");
	
}

#yellow{	
	cursor:pointer;
}
#yellow:hover{	
background-image:url("bilder/yellow2.png");
	
}
#violet{	
	cursor:pointer;
}
#violet:hover{	
background-image:url("bilder/violet2.png");
	
}