/* elastisk_stilmall.css */
body  {
		font: 62.5% Verdana , Arial,   Helvetica, sans-serif; /* Aktuell teckenstorlek är normalt 16px. Men  62.5& av 16 =10. Och då blir aktuell teckenstorlek 10px. Dvs vi får att 1em=10px och det lite lättare att räkna. */
		
		
		
		margin: 15px 0 0 0 ; /* det är en god vana att nolla marginal och padding i body så att vi 	 startar lika för alla webbläsare. */
		padding: 0;
		text-align: center; /* enbart för IE version 5 för att centrera vår container. Vi vänsterjusterar sedan texten i container nedan */
		color: #000000;
		background: #F0F0F0 ; 
		}

#help      { 
			width: 40em;  /* bredd 40*10px=400px */
	    	text-align: left; /* här vänsterjusterar vi texten, vi skriver över det vi gjorde i body  */
			background:  #FFFFFF;
			padding:15px;
			} 

#container { 
			width: 80em;  /* bredd 90*10px=900px */
			margin: 0 auto; /* automatiska marginaler (tillsammans med marginalens bredd) centrerar sidan. */
			
			border:  ridge 4px #F8F8F8;
			
			text-align: left; /* här vänsterjusterar vi texten, vi skriver över det vi gjorde i body  */
			background:  #FFFFFF ;
			padding:15px;
			} 

p,li
	{
	font-size: 1.3em;
	} 

#dagens_datum
	{
	font-size: 1.4em;
	padding:0;
	margin-bottom:-10px;
	height: auto;
	}
#slumpa {width:1px;}

#enkatTabell 
	{ border:2px; 
	  border-style:outset; 
	  border-color: #D6D6D6; 
	  background:  #FBFBFB;
	  text-align:left;	  
	}
	 
#enkatTabell td  
	{
	 font-size: 1.1em;
	 border:1px; 
	 border-style:solid; 
	 border-color: #D8D8D8; 
	 border-collapse:collapse;
	 padding-left:10px;
	 padding-right:5px;
	 padding-top:12px;	
	 padding-bottom:15px;	
    } 	

#fargTabell
     { 
	   /*width:100%; */
	   border:0;
	   
	 }  

#fargTabell td
     { 
	   width:20px; 
	   height: 24px;
	   border:0;
	 }  
	 
	 

#fargForklara
     { 
	   width:100%;  
	   border:0; 
	   padding-top:0; 
	   padding-right:0; 
	   padding-bottom:0;
	   padding-left:0;
	   font-size:1.3em;
	 }  
	 

#fargForklara td
     { 
	 
	   height: 24px;
	   border:0;
	 } 
#fargForklaraFirstCol	 
     { 
	   width:20px; 
	  }  
	  
	 
.cellFargFast
      {
	    background-color: #339933;
	  }

.cellFargBoth
      {
	    background-color: #3366FF;
	  }
	  
.cellFargNet
      {
	    background-color: #FF3366;
	  }
.cellFargResultat
      {
	    background-color: #666666;
	  }
	  
	  

	  
		
.enkatFraga
    { 
	font-weight: bold ;
	line-height:20px;   
	}   	
 	 

.textStorre
	{
	font-size: 1.4em;
	}
.litenStil
	{
	font-size: 0.9em;
	}

	
.betona	
	{ font-style:normal;
	  font-weight:bold;
	}
.poangGranser
    {margin-bottom:-16px;
	}	
	
#resultatInfo 
    { 
	  font-size:12px;  
	  text-align: left; 
	  background:  #FFFFFF ;
	  padding:10px;
	} 
#resultatInfo td
	{
	  width:8px; 
	  height: 12px;
	  border:0;
	}
	

/* Här har vi satt samma storlek för alla headings oavsett block men vi skulle ju kunnat ha olika */
 
h1			{font-size:3.2em;}
h2			{font-size:2.6em;}
h3			{font-size:2.0em;}
h4			{font-size:1.3em;}

/*Hur buttons (knappar) ska uppföra sig */
input.knapp
    { 
	cursor:default;  
	font-size:14px; 
	color:#000000;
	font-weight: normal;
	padding:2px;
	}
input.knappOver
    { 
	cursor:pointer;
	font-size:13px;
	font-weight:bold; 
	padding-left:0px;  
	padding-right:0px; 
	
	}	
	
a:link, a:visited
	{
	color: #666666;
	}
		
		
a:hover
	{
	color: #0000FF;
	}

a:active
		{
		color: 000000;
		}
		
#counter 
		{
		padding:2px 2px 2px 4px; 
		text-align:right;
		background-color:#EEEEEE; 
		border:1px solid  #CCCCCC;
		}