@charset "utf-8";
body  {
	background: #e2d8d8;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #969090;
	border: 1;
	border-top-color: #bcb4b4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}

.thrColHybHdr #container {
	border: 3px double #bcb4b4;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 920px;
	height: auto;
	background-color: #ffffff;
}  
.thrColHybHdr #header {
	background: #e2d8d8;
	padding: 0;
	height: 140px;
} 
.thrColHybHdr #header h1 {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 135px;
}

/* Tips för sidebar1:
1. Var medveten om att om du anger ett teckensnittsvärde på denna div, så kommer den totala bredden för diven att justeras därefter.
2. Eftersom vi arbetar i måttenheter är det bäst att inte använda utfyllnad på själva sidofältet. Den kommer att läggas till i bredden för standardwebbläsare som skapar en okänd faktisk bredd. 
3. 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 ".thrColHybHdr #sidebar1 p".
*/
.thrColHybHdr #sidebar1 {
	float: left;
	width: 150px; /* eftersom detta element är flytande måste en bredd anges */
	padding: 0;
	clear: left;
	height: inherit;
}
.thrColHybHdr #sidebar2 {
	float: right;
	width: 150px; /* eftersom detta element är flytande måste en bredd anges */
	background: ; /* utfyllnad i över- och nederkant skapar visuellt utrymme inom denna div */
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 2px;
	height: 450px;
}
.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
	margin-left: 10px; /* vänster- och högermarginalen ska anges för varje element som kommer att placeras i sidokolumnerna */
	margin-right: 10px;
}

/* Tips för mainContent:
1. Om du ger denna #mainContent div ett värde för teckensnittsstorleken som skiljer sig från #sidebar1 div kommer marginalerna för #mainContent div att baseras på dess teckensnittsstorlek och bredden på #sidebar1 div kommer att baseras på dess teckensnittsstorlek. Du kan justera värdena för dessa divar om du vill.
2. Utrymmet mellan mainContent och sidebar1 skapas med vänstermarginalen på mainContent div. Oavsett hur mycket innehåll sidebar1 div innehåller kommer kolumnutrymmet att finnas kvar. Du kan ta bort denna vänstermarginal om du vill att texten i #mainContent div ska fylla #sidebar1-utrymmet när innehållet i #sidebar1 tar slut.
3. Om du vill undvika att flyttalen sjunker kan du behöva testa för att avgöra den ungefärliga bild-/elementstorleken eftersom denna layout baseras på användarens teckensnittsstorlek kombinerat med de värden du anger. Om användaren har teckensnittsstorleken för webbläsaren inställd lägre än normalt kommer det dock att finnas mindre utrymme tillgängligt i #mainContent div än vad du ser vid testet.
4. I villkorskommentaren i Internet Explorer nedan används zoomningsegenskapen för att ge mainContent "hasLayout". På så sätt undviker du flera specifika fel som kan inträffa i Internet Explorer.
*/
.thrColHybHdr #mainContent {
	margin-left: 14em;
	padding-left: 0;
	height: inherit;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;

} 
.thrColHybHdr #footer {
	padding: 0 10px; /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas ovanför den. */
	background:#e2d8d8;
} 
.thrColHybHdr #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: 10px 0; /* utfyllnad på detta element skapar utrymme precis som marginalen skulle göra, utan problemet med att marginaler komprimeras */
}

/* Övriga klasser för återanvändning */
.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 */
	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 ett flyttal stängs */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a:link {
	color: #969090;
	text-decoration:none;
}
a:visited {
	color: #969090;
	text-decoration:none;
}
a:hover {
	color: #b1a1b5;
	text-decoration:underline;
}
a:active {
	color: #969090;
	text-decoration:none;
}