body {  background-image: url(bilder/bakgrund.png);
        background-repeat: repeat-x; 

	background-color: #ffffff;
	text-align: center;}



.p1  {
	font-size: 12pt;
	font-family: Trebuchet, sans-serif;
	

}

.p2  {
	font-size: 10pt;
	font-family: Trebuchet, sans-serif;
	margin: 5px 8px 5px 30px;
}
	

	img { border: none; }





a:link { 
	text-decoration: none; 
	color: #000000
}


a:visited { 
	   text-decoration: none; 
	   color: #000000
}


a:active { 
	   text-decoration: none; 
	   color: #333333
}


a:hover { 
	  text-decoration: none; 
	  background-color: #cccccc
}


#mitt{
	width: 900px;
	height: 3px;
	padding: 0px;
	margin-right: auto; margin-left: auto;
	position: relative; top: -2px;
	}


#uppe{
	width: 600px;
	height: 23px;
	padding: 0px;

	

	text-decoration: none; 
	color: #666666;
	
 
	z-index: 5;

	position: absolute; top: -8px; left: -25px;

	}
#uppe3{
	width: 600px;
	height: 23px;
	padding: 0px;

	

	text-decoration: none; 
	color: #666666;
	
 
	z-index: 5;

	position: absolute; top: -8px; left: -130px;

	}	
	
#uppe2{
	width: 200px;
	height: 23px;
	padding: 0px;


	text-decoration: none; 
	color: #666666;
	
 
	z-index: 5;

	position: absolute; top: -8px; left: 732px;
	}	
	

.skugga {
		background-color: #ffffff;
	
		width: 896px;
		height: 400px;
		padding: 0px;
		
		
		position: absolute; top: 2px; left: 2px;}
		

	
.center{
	background-image: url(bilder/skugga.png);
	width: 900px;
	height: 400px;
	padding: 0px;
	
	
	margin-right: auto; margin-left: auto;
	position: relative; top: 30px;}
	
		
	
.beta{
	width: 100px;
	height: 108px;
	padding: 0px;
	
	z-index: 6;
	
	position: absolute; top: -20px; left: -45px;
	
	}
.ff{
	width: 100px;
	height: 128px;
	padding: 0px;
	
	position: absolute; top: 410px; left: 260px;
	
	}	
	
.logga{
	width: 894px;
	height: 208px;
	padding: 0px;
	
	position: absolute; top: 0px; left: -40px;
	
	}
	
.meny{
	width: 694px;
	height: 11px;
	padding: 0px;
	
	position: absolute; top: 165px; left: -80px;
	
	}
	
.line{
	width: 694px;
	height: 4px;
	padding: 0px;
	
	position: absolute; top: 165px; left: 10px;
	
	}	
	
.meny2{
	width: 93px;
	height: 25px;
	padding: 0px;
	

	
	float:left;
	
	
	}	
	
.links{
	width: 694px;
	height: 30px;
	padding: 0px;
	
	position: absolute; top: 150px; left: 35px;
	
	}	
	
.info{	

	width: 350px;
	height: 300px;
	padding: 10px;
	
	text-align: left;
		
	position: absolute; top: 190px; left: 30px;
	
	}
.info2{	

	width: 400px;
	height: 400px;
	padding: 10px;
	
	text-align: left;
		
	position: absolute; top: 210px; left: 400px;
	
	}
.info3{	

	width: 600px;
	height: 400px;
	padding: 10px;
	
	text-align: left;
		
	position: absolute; top: 210px; left: 200px;
	
	}
	
.info4{	

	width: 600px;
	height: 400px;
	padding: 10px;
	
	text-align: left;
		
	position: absolute; top: 220px; left: 290px;
	
	}
.info5{	

	width: 400px;
	height: 400px;
	padding: 10px;
	
	text-align: left;
		
	position: absolute; top: 210px; left: 440px;
	
	}
.info6{	

	width: 400px;
	height: 400px;
	padding: 10px;
	
	text-align: left;
		
	position: absolute; top: 210px; left: 320px;
	
	}	
	
	
.java{
	margin: 40px 0px 0px 170px; 
	position: absolute; left: 200px; top: 250px;

	}
	
.hangman{
	padding: 0px;

	position: absolute; top: 200px; left: 150px;
	}
.aa{
	padding: 0px;

	position: absolute; top: 200px; left: 250px;
	}	
#spel{	

	width: 896px;
	height: 600px;
	padding: 0px;
	
		
	position: absolute; top: 220px;
	
	}	
.icons{	

	border: 0;
	border-style: hidden;
	padding: 0;
	margin-right: auto; margin-left: auto;
	position: relative; top: 400px;	
	}
.pad{
	width: 93px;
	height: 55px;
	padding: 0px;	
	float:left;
	
	
	}	
.spellink{
	padding: 0;
	}