/* fast_stilmall.css */
body  {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		margin: 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. Vi vänsterjusterar sedan i container nedan */
		color: #ffffff;
		background:#666666;
		}

#container { 
			width: 990px;  /* denna bredd gör att allt plus scrollningslist ryms ryms i 800*600 */
			margin: 0 auto; /* automatiska marginaler (tillsammans med marginalens bredd) centrerar sidan. */
			border: 1px solid #000000;
	        text-align: left; /* här vänsterjusterar vi texten, vi skriver över det vi gjorde i body  */
			background:url(Snow/bild_gastbok.jpg);
} 

#sidhuvud 	{
			padding: 0 10px 0 10px;  /* utfyllnad,pading 10 px i sidled */
			color:#FFFFFF;
			font:Broadway;
			
			} 
#sidhuvud h1 {
			 margin: 0; /* i annat fall kan ett kostigt mellanrum mellan sidhuvud och nedre delar uppstå */
			 padding: 10px 0 10px 0; /* använd padding istället för att att få texten en bit från övre och nedre kant */
			}


#kolumn1 	{
			float: left;   /*Boxen till vänster och vi kan ha innehåll till höger om boxen */
			font:"Comic Sans MS";
			width: 170px; /* vi måste ange bredd då vi har en flytande kolumn */
			padding: 10px 10px 10px 10px; /* lite mellanrum runt om */
			 /* obsservera vi får bara bakgrund så långt ned som vi har innehåll */
	        
}
/* Obsevera vår container innehåller sidhuvud, kolumn 1, kolumn 2 och sidfot. Den har bredd 770px. Men bredden på skrivytan i kolumn 1 + kolumn 2 är mindre. 170px + 550px = 720px. Men våra boxar kolumn 1 och kolumn 2 tar i verkligheten större plats. Vi måste lägga till marginaler, utfyllnad (padding) och kantlinjer (border)  Lägger man ihop allt blir utnytjad storlek 762px. Med dessa värden kommer därför lite av bakgrunden att synas ute till höger. */    

#kolumn2
			{
			float:left;  /* Vi skulle även ha kunnat använda float:right */
			width:760px; /* etersom vi har en flytande kolumn måste vi ange bredd*/
			border-left: 2px solid  #000000; /* kantlinje endast till vänster */
			padding: 5px 10px 10px 10px; /* lite mellanrum runt om */
		
	   		} 		


#sidfot 	{ 
			padding: 0 10px; /* försök matcha text i sidled i boxarna ovan   */
	        color:#FFFFFF;
			} 
		
#sidfot p 	{
			margin: 0; /* att nollställa marginal på första elementet gör att vi undviker ett konstigt mellanrum mellan olika div */
			padding: 10px 0; /* utfyllnad i höjdled */
			}

/* ange nu textstorlekar. Här har vi satt samma storlek för alla men vi skulle ju kunnat ha olika */
#kolumn1 p,
#kolumn2 p, 
#sidfot p	{font-size: 14px;} 


/* Här har vi satt samma storlek för alla headings oavsett block men vi skulle ju kunnat ha olika */
 
h1			{font-size:32px}
h2			{font-size:24px}
h3			{font-size:19px}


.clearfloat { /* denna class tar bort att kolumner flyter. Vi vill ju t.ex. att sidfot ska börja längst till vänster  */
			clear:both;
    		height:0;
    		font-size: 1px;
    		line-height: 0px;
			}