@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* det är bra att nollställa marginalen och utfyllnaden av body-elementet för att ta hänsyn till olika webbläsarstandarder */
	padding: 0;
	text-align: center; /* centrerar containern i Internet Explorer 5*-webbläsare. Texten ställs sedan in efter den vänsterjusterade standarden i #container-väljaren */
	color: #000000;
}
.thrColLiqHdr #container {
	width: 1050px;  /* detta skapar en container på 80 % av webbläsarbredden */
	background: #ffffff;
	margin: 0 auto; /* automarginalerna (i samband med en bredd) centrerar sidan */
	border: 0px solid #ffffff;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
} 
.thrColLiqHdr #header {
	background: #ffffff;
	padding: 0 0px;  /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas under den. Om en bild används i #header istället för text kan du ta bort utfyllnaden. */
} 
.thrColLiqHdr #header h1 {
	margin: 0; /* genom att nollställa marginalen i det sista elementet i #header-diven undviker du komprimering av marginaler, d.v.s. ett utrymme mellan divar som inte kan förklaras. Om diven har en kant runt sig behöver du inte göra detta eftersom den också förhindrar att marginaler komprimeras */
	padding: 0px 0; /* om du använder utfyllnad istället för marginaler kan du hålla elementet borta från kanterna på diven */
}

/* Tips för sidofält:
1. Eftersom vi arbetar med procenttal är det bäst att inte använda utfyllnad på själva sidofälten. Den kommer att läggas till i bredden för standardwebbläsare som skapar en okänd faktisk bredd. 
2. Du kan skapa ett utrymme mellan sidan på diven och elementen inom den genom att placera en vänster- och högermarginal på dessa element så som visas i regeln ".thrColLiqHdr #sidebar1 p".
3. Eftersom Internet Explorer beräknar bredden efter att det överordnade elementet har återgivits kan du ibland stöta på oförklarliga fel med procentbaserade kolumner. Om du behöver mer förutsägbara resultat kan du välja att ändra till kolumner med pixelstorlek.
*/
.thrColLiqHdr #sidebar1 {
	float: left; /* detta element måste i källordningen komma före ett element som du vill att det ska placeras bredvid */
	width: 23%; /* eftersom detta element är flytande måste en bredd anges */
	background: #ffffff; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	padding: 0px 0; /* utfyllnad i över- och nederkant skapar visuellt utrymme inom denna div  */
}
.thrColLiqHdr #sidebar2 {
	float: right; /* detta element måste i källordningen komma före ett element som du vill att det ska placeras bredvid */
	width: 24%; /* eftersom detta element är flytande måste en bredd anges */
	background: #ffffff; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	padding: 0px 0; /* utfyllnad i över- och nederkant skapar visuellt utrymme inom denna div */
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 5px; /* vänster- och högermarginalen ska anges för varje element som kommer att placeras i sidokolumnerna */
	margin-right: 5px;
}

/* Tips för mainContent:
1. utrymmet mellan mainContent och sidofälten skapas med vänster- och högermarginalerna i mainContent div.
2. om du vill undvika att flyttalet sjunker vid en lägsta upplösning på 800 × 600 ska elementen inom mainContent div vara 300 pixlar eller mindre (detta inkluderar bilder).
3. i villkorskommentaren i Internet Explorer nedan används zoomningsegenskapen för att ge mainContent "hasLayout". På så sätt kan du undvika flera fel som gäller särskilt för Internet Explorer.
*/
.thrColLiqHdr #mainContent {
	margin: 0 24% 0 23.5%; /* höger- och vänstermarginalerna för detta div-element skapar de två yttre kolumnerna på sidorna av sidan. Oavsett hur mycket innehåll divarna för sidofälten innehåller kommer kolumnutrymmet att finnas kvar. Du kan ta bort denna marginal om du vill att texten i #mainContent div ska fylla utrymmet i sidofälten när innehållet i varje sidofält tar slut. */
	background-color: #ffffff;
}

.thrColLiqHdr #footer {
	padding: 0 0px; /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas ovanför den. */
	background:#ffffff;
} 
.thrColLiqHdr #footer p {
	margin: 0; /* genom att nollställa marginalerna i det första elementet i sidfoten undviker du att marginaler komprimeras, d.v.s. att det blir ett utrymme mellan divar */
	padding: 0px 0; /* utfyllnad på detta element skapar utrymme precis som marginalen skulle göra, utan problemet med att marginaler komprimeras */
}

/* Miscellaneous classes for reuse */
.fltrt { /* denna klass kan användas för att flytta ett element till höger på sidan. Det flytande elementet måste komma före elementet som det ska ligga bredvid på sidan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* denna klass kan användas för att flytta ett element till vänster på sidan. Det flytande elementet måste komma före det element som det ska ligga bredvid på sidan. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* denna klass ska placeras på en div eller break-element och ska vara det sista elementet innan en container som helt ska innehålla dess underliggande flyttal stängs */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}