body {
background: url(bg.png) repeat-x;
background-position: bottom;
font: 12px "Trebuchet MS", Verdana, Arial;	
color: #333;		
padding: 0;
margin: 0;
}

#content label, #content input
{    
display: block;		
width: 150px;	
float: left;	
margin-bottom: 10px;
}

#content label 
{	
text-align: right;	
width: 75px;	
padding-right: 20px;
}

#content input
{   
background: transparent;	
border: 1px solid #DCDCDC;
}	

#content br 
{	
clear: left;
}

select
{   
background: transparent;	
border: 1px solid #eee;	
width: 150px;
}

strong
{    
color: #000;	
font-weight: bold;
}	

hr
{    
color: green;	
border: none;
}	

h2
{    
color: #fcfcfc;	
font: 16px Tahoma, Geneva, Arial;		
background: url(Media/header-bg.gif) repeat-x;		
display: block;		
padding: 3px;	
margin: -5px -5px 5px -5px;
}

h2:hover	
{	    
background: url(Media/header-bg.gif) bottom repeat-x;	
}		

a
{    
color: #9FB74C;	
text-decoration: none;
}
a:hover
{    
color: #7D932F;
}	

#header
{    
background: url(Media/header-bg.gif) repeat-x;
width: 100%;	
height: 89px;		
border-bottom: 3px solid #eee;
}    

#header h1	
{	   
background: url(Media/header-logo.png) no-repeat;				
text-indent: -10000px;				
width: 251px;		
height: 109px;		
margin: 0;		
float: left;	
}		    

#header h1 a		
{		    
display: block;			
width: 251px;			
height: 100px;		
}		

#ads
{    
background: url(Media/ads.png) no-repeat;		
width: 483px;	
height: 75px;	
float: right;	
padding: 1px 0 0 1px;	
margin: 10px 5% 0 0;
}

#action-bar
{    
background: #fcfcfc;		
width: 100%;	
height: 18px;		
border-bottom: 2px solid #9FB74C;
}

#wrap
{    
width: 95%;	
margin: 10px auto 10px auto;
}

#menu
{    
background: white;		
width: 15%;	
padding: 10px;	
margin-right: 1.8%;	
float: left;		
border: 1px solid #eee;
}    

#menu ul, #sub-content ul	
{	    
margin: 0 -5px 15px -5px;		
padding: 0;				
list-style: none;
}		
#menu li, #sub-content li	
{	    
background: transparent;				
padding: 2px;		
margin: 0 0 2px 0;				
border: 1px solid #eee;		
border-left: 3px solid #c3c3c3; 	
}		    

#menu li:hover, #sub-content li:hover		
{		    
background: #fcfcfc;						
border-left-color: #7D932F;		
}			

#menu a, #sub-content a	
{	    
display: block;	
}					

#content
{    
background: white;		
width: 58%;	
padding: 10px;	
float: left;		
border: 1px solid #eee;
}

#sub-content
{    
background: white;		
width: 16%;	
padding: 10px;	
float: right;	
position: absolute;	
left: 80%;		
border: 1px solid #eee;
}

#footer
{    
color: #7A7A7A;		
text-align: center;		
width: 100%;	
min-height: 20px;	
padding: 7px 0 0 0;	
margin-top: 20px;		
position: static;
}	

#become
{    
background: url(../Media/become.jpg) no-repeat;		
text-indent: -10000px;		
width: 150px;	
height: 125px;	
float: right;
}    

#become:hover   
 {        
background: url(../Media/become-hover.jpg) no-repeat;    
}					

.tool-tip {	color: #fff;	width: 139px;	z-index: 13000;} .tool-title {	font-weight: bold;	font-size: 11px;	margin: 0;	color: #9FD4FF;	padding: 8px 8px 4px;	background: url(Media/bubble.png) top left;} .tool-text {	font-size: 11px;	padding: 4px 8px 8px;	background: url(Media/bubble.png) bottom right;}a.btn{    background: url(Media/btn_left.gif) left bottom no-repeat;	text-decoration: none;	display: block;	float: left;		height: 25px;	outline: none;}    a.btn strong	{	    font: 11px Lucida Sans Unicode, Trebouchet MS, Arial;		color: #fcfcfc;				background: url(Media/btn_right.gif) right bottom no-repeat;	    display: block;			    margin: 0 2px 0 9px;		height: 20px;	    padding: 5px 12px 0 3px;	    text-align: center;	}		a.btn:hover	{	    background: url(Media/btn_left.gif) left top no-repeat;	}		    a.btn strong:hover	    {	        background: url(Media/btn_right.gif) right top no-repeat;	    }		a.btn2{    background: url(Media/btn_left.gif) left bottom no-repeat;	text-decoration: none;	display: block;	float: right;		height: 25px;	outline: none;}    a.btn2 strong	{	    font: 11px Lucida Sans Unicode, Trebouchet MS, Arial;		color: #fcfcfc;				background: url(Media/btn_right.gif) right bottom no-repeat;	    display: block;			    margin: 0 2px 0 9px;		height: 20px;	    padding: 5px 12px 0 3px;	    text-align: center;	}		a.btn2:hover	{	    background: url(Media/btn_left.gif) left top no-repeat;	}		    a.btn2 strong:hover	    {	        background: url(Media/btn_right.gif) right top no-repeat;	    }	/* Custom  av Olof :P */#press{	padding: 5px;	margin: 0px;}#press li{	float: left; 	width: 33%; 	display: block;}TEXTAREA {		padding: 1px;    	background: url(/bg2.gif);		font-family : Verdana;		font-size: 10px;		color: #000000;    	border: 1px solid #ccc; 			}TEXTAREA:hover{		padding: 1px;    	background: url(/bg2.gif);		font-family : Verdana;		font-size: 10px;		color: #000000;    	border: 1px solid #000000;}INPUT{		padding: 1px;		font-family : Verdana;    	background: url('/input.gif');		font-size: 10px;		color: #000000;		height: 15px;		margin: 2px;        	border: 1px solid #cccccc;}INPUT:hover{		padding: 1px;		font-family : Verdana;    	background: url('/input.gif');		font-size: 10px;		color: #000000;		height: 15px;		margin: 2px;        	border: 1px solid #000;}SELECT {		padding: 1px;    	background: url(/bg2.gif);		font-family : Verdana;		font-size: 100%;		margin: 0px;		color: #000000;		margin: 2px;		border: 1px solid #000000;} .button		{				text-align: center; 				background: url(/submit.gif); 				border: 1px solid #000; 				font-size: 10px;				height: 20px;				padding: 1px;				width: auto;			}.button:hover	{				text-align: center; 				background: url(/submit.gif);		border: 1px solid #ccc; 				font-size: 10px;				height: 20px;				padding: 1px;				width: auto;			}.orangeb	{				#container {background: url(/submit.gif);}	.roundtop {background: #ffffff;}	.roundbottom {background: #ffffff;}	.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #a4ca2a;	border-left: 1px solid #a4ca2a; border-right: 1px solid #a4ca2a;}	.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #url(/submit.gif);	border-left: 1px solid #a4ca2a; border-right: 1px solid #a4ca2a;	border-width: 0 2px;}	.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #url(/submit.gif);	border-left: 1px solid #a4ca2a; border-right: 1px solid #a4ca2a;}	.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #url(/submit.gif);	border-left: 1px solid #a4ca2a; border-right: 1px solid #a4ca2a;}	.content {padding: 10px;	border-left: 1px solid #a4ca2a; border-right: 1px solid #a4ca2a;}		text-align: center; 			 			 				font-size: 10px;				height: 20px;				padding: 1px;				width: auto;			}#mobilen{	background: url(http://www.funplace.se/mobil.jpg);	height: 500px;	width: 300px;}#mobilen2{	padding: 20px;	margin-left: 70px;	margin-bottom: 180px;	margin-top: 60px;	font-size: 12px;}#mobilen3{	height: 500px;	width: 305px;}
.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #333333;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 10px;
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 10px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0;
padding: 5px 10px 5px 10px;
background-color: lightblue;
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #333333;
padding-top: 10px;
padding-bottom: 0;
border-bottom-color: #333333;
color: white;
}

.invertedshiftdown2 .current a{
background-color: #333333;
padding-top: 10px;
padding-bottom: 0;
border-bottom-color: #333333;
color: white;
}
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px;
border-top: 1px dashed gray;
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -155px;
width: 150px;
}
.cssform input[type="text"]{
width: 180px;
}
.cssform textarea{
width: 250px;
height: 150px;
}
* html .threepxfix{
margin-left: 3px;
}