@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	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;
}

/* Tips för elastiska layouter
1. Eftersom de elastiska layouternas totala storlek är baserad på användarens standardteckensnittsstorlek är de mer oförutsägbara. Om de används på rätt sätt är de även enklare att komma åt för dem som behöver större teckensnittsstorlekar eftersom radens längd blir proportionerlig.
2. Storleken på divar i denna layout är baserad på en teckensnittsstorlek på 100 % i body-elementet. Om du minskar textstorleken helt genom att använda en teckensnittsstorlek: 80 % av body-elementet eller #container, ska du komma ihåg att hela layouten kommer att minska proportionerligt. Du kanske vill öka bredden för de olika divarna för att kompensera för detta.
3. Om teckensnittsstorleken ändras i olika belopp för varje div istället för på den totala designen (d.v.s. #sidebar1 får en teckensnittsstorlek på 70 % och #mainContent får en teckensnittsstorlek på 85 %), kommer detta att ändra den totala storleken på varje div proportionerligt. Du kan göra justeringar baserat på din slutgiltiga teckensnittsstorlek.
*/
.oneColElsCtrHdr #container {
	width: 52em;  /* denna bredd kommer att skapa en container som passar i ett webbläsarfönster på 800 pixlar om texten står kvar i standardteckensnittsstorlekarna för webbläsaren */
	background: #FFFFFF;
	margin: 0 auto; /* automarginalerna (i samband med en bredd) centrerar sidan */
	border: 1px solid #000000;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
	margin-top: 10px;
}
.oneColElsCtrHdr #header { 
	background: #333399; 
	padding: 0 10px 0 20px;  /* 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. */
} 
.oneColElsCtrHdr #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: 10px 0; /* om du använder utfyllnad istället för marginaler kan du hålla elementet borta från kanterna på diven */
}
.oneColElsCtrHdr #mainContent {
	padding: 0 20px; /* kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
	background: #FFFFFF;
	color: #D4D0C8;
}
.oneColElsCtrHdr #footer {
	padding: 0 10px; /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas ovanför den. */
	background:#CCC;
} 
.oneColElsCtrHdr #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 */
	font-size: 10px;
	text-align: right;
	color: #666;
}.oneColElsCtrHdr #container #header {
	color: #FFFFFF;
	height: 184px;
}
.header_thin {
	font-size: medium;
}