body{
	height:840px;

	background: linear-gradient(to bottom, rgba(237,225,207,1) 0%, rgba(127,104,70,1) 81%, rgba(119,95,60,1) 87%, rgba(225,211,188,1) 100%);
}


#rubrik{
	display:block;
	position: absolute;
	top:240px;
	left:40px;
	width:320px;
	height:86px;
 color: white;
 font-size: 1.8em;
 z-index:40;
 background-image: url("bilder/rubrik.png");
text-shadow: 3px 3px 2px rgba(100, 105, 105, 1);
-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);

}
	
#container{
	position:relative;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
 
	width: 425px;
	height:620px;
	
	border-radius:10px;
	
}
#ref{
	position: relative;
 
	width: 400px;
	height:285px;
	
	background-image: URL("bilder/styrelsen1.png");
	border: 12px solid white;
	
	transform: matrix3d(1,0,0.00,0.0002,0.00,0.98,0.17,0.0002,0,-0.17,0.98,0,0,0,0,1);
-webkit-transform: matrix3d(1,0,0.00,0.0002,0.00,0.98,0.17,0.0002,0,-0.17,0.98,0,0,0,0,1);


border-radius:10px;
-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);
	
}
#hand{
	position:absolute;
	top:147px;
	left:160px;
	visibility:hidden;
	
}

#fluga{
	position:absolute;
	top:80px;
	left:60px;
	visibility:hidden;
	
}

#knapp{
	position:absolute;
	top:126px;
	left:277px;
	visibility:hidden;
	
}

#stolpe{
	position:absolute;
	top:196px;
	left:8px;
	
	visibility:hidden;
	
	
}
#ansikte{
	position:absolute;
	top:95px;
	
	left:-1000px;
	
	visibility:hidden;
}


#ref2{
	
 
	width: 400px;
	height:285px;
	margin-top:-7px;
		border: 12px solid white;
	background-image: URL("bilder/styrelsen.png");
	border-radius:10px;
	
		


	-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);
}

#lika{
	position:absolute;
	top:630px;
	left:20px;
	
	/* background-color:#86a1ce;
	
	width:125px;
	height: 20px;
	z-index:25;
	padding:3px;
	border-radius:5px;
	-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); */
	
	
}
#namn{
	
	font-family: 'Seaweed Script', cursive;
	font-size:1.50em;
	line-height:0.5;
	font-weight: 100;
	margin-left:15px;
}
#byline{
	position:absolute;
	top:618px;
	left:80px;
	font-size:0.80em;
	font-family: "Arial";
	color:white;
	background-color:#86a1ce;
	width:200px;
	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);
	
	
}