@charset "UTF-8";
/* CSS Document */



body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	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: left; /* centrerar containern i Internet Explorer 5*-webbläsare. Texten ställs sedan in efter den vänsterjusterade standarden i #container-väljaren */
	color: #000000;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003399;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003399;
}

.konsum #container { 
	width: 780px;  /* om du använder 20 pixlar färre än hela bredden på 800 pixlar kan du anpassa webbläsarfönstrets innehåll och undvika en vågrät rullningslist */
	background: #FFFFFF;
	margin: 10px 20px 0; 
	border: 0;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
} 

.konsum #header {
	height: 90px;
	background: #FFFFFF; 
	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. */
} 

#meny {
	background-image:url(images/bg_meny.jpg);
	height: 150px; 
	padding: 0;  /* 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. */
} 

#menyLink{
	position: absolute;
	left: 20px;
	top: 113px;
	margin: 0;
	padding: 0;
}

.konsum #sidebar1 {
	float: right; /* eftersom detta element är flytande måste en bredd anges */
	width: 200px; /* den faktiska bredden på denna div, i standardwebbläsare eller standardläge i Internet Explorer, kommer att inkludera utfyllnaden och kanten utöver bredden */
	background: #003399; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	margin: 10px 0;
	padding: 15px 10px ;
	color:#FFFFFF;
}

.konsum #mainContent {
	margin: 5px 250px 0 0; /* högermarginalen på detta div-element skapar kolumnen nedåt till höger på sidan. Oavsett hur mycket innehåll sidebar1 div innehåller kommer kolumnutrymmet att finnas kvar. Du kan ta bort denna marginal om du vill att texten i #mainContent div ska fylla #sidebar1-utrymmet när innehållet i #sidebar1 tar slut. */
	padding: 0 20px; /* kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
} 

.konsum #footer{
	margin: 0;
	padding: 3px 0;
	border-top: 1px solid #003399;
	color:#003399;
	font-size:9px;
}

.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 {
	text-decoration:none;
	color:#003399;
}

a:hover{
	text-decoration:underline;
	color:#0066FF;
}

a:visited {
	text-decoration: none;
	color:#003399;
}
a:active {
	text-decoration: underline;
	color:#0066FF;
}