@charset "UTF-8";
body  {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	background: #72909E;
	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;
}
.thrColFixHdr #container { 
	width: 807px;  /* 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: 0 auto; /* automarginalerna (i samband med en bredd) centrerar sidan */
	
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
} 

.thrColFixHdr #header { 
	background: #ffffff; 
	height:30px;
	padding: 0 0 0 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. */
} 



.thrColFixHdr #header ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-size:11px;

font-family:Arial, Helvetica, sans-serif;
padding-bottom:0px;
margin-top:8px;
padding-top:0px;

padding-left:405px;
float:left;

color:#241F1F;

	} 


.thrColFixHdr #header ul li {
	margin-left: 0;
	margin-top:0px;
        margin-bottom:0px;
	/*padding: 3px 15px;*/
	padding-bottom:0px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	/*padding-top:3px;*/
	/*border-left: 1px solid #241F1F; */
	list-style: none;
	display: inline;

	}
	
		
.thrColFixHdr #header ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}


.thrColFixHdr #header ul li a{
color:#241F1F;
text-decoration:none;
}










.thrColFixHdr #header2 { 
	background: #fff; 
	height:142px;
	padding:0;
	margin:0;
	/*padding: 0 10px 1px 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. */
} 

.thrColFixHdr #header2-blogg { 
	background: #fff; 
	height:209px;
	padding:0;
	margin:0;
	/*padding: 0 10px 1px 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. */
} 



.thrColFixHdr #navigation { 
	background: #BD382F; 
	margin: 0 3px 10px 3px;
	height:19px;
	/*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. */
} 













.thrColFixHdr #navigation ul {
	margin-left: 0;

	display: inline;
	font-size:11px;

font-family:Arial, Helvetica, sans-serif;
padding-bottom:0px;
padding-left:5px;


color:#fff;

	} 


.thrColFixHdr #navigation ul li {
	margin-left: 0;
	padding-top:3px;
        margin-bottom:0px;
line-height:20px;
	padding-bottom:0px;

	padding-left:5px;
	padding-right:5px;


	list-style: none;
	display: inline;

	}
	
		
.thrColFixHdr #navigation ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}


.thrColFixHdr #navigation ul li a, .thrColFixHdr #navigation ul li a:link, .thrColFixHdr #navigation ul li a:visited {
color:#fff;
text-decoration:none;
}

.thrColFixHdr #navigation ul li a:hover{
color:#fff;
text-decoration:underline;
}









.thrColFixHdr #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 */
}
.thrColFixHdr #sidebar1 {
	float: left; /* eftersom detta element är flytande måste en bredd anges */
	width: 161px; /* 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: #fff; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	/*padding: 15px 10px 15px 20px; /* utfyllnaden håller innehållet i diven borta från kanterna */
	margin-right:5px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* eftersom detta element är flytande måste en bredd anges */
	width: 171px; /* 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: #fff; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	/*padding: 15px 10px 15px 20px; /* utfyllnaden håller innehållet i diven borta från kanterna */
	margin:0;
	padding:0;
}

.thrColFixHdr #banner-margin-vertical  {
margin:20px 0 0 0;
padding:0;
}

.thrColFixHdr #banner-margin-vertical p {
margin:0 0 5px 0;
padding:0;
}

.thrColFixHdr #banner-margin-horizontal p {
margin:0 3px 0 3px;
padding:0;
}


.thrColFixHdr #mainContent { 
background: #fff; 
	
	padding:10px 10px 0 10px;
	width:449px;
	float:left;
	
	border-left:1px solid #e3e3e3;
	
	/*margin: 0px 171px 0 161px;  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. */
	/* padding: 0 10px;  kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
} 

.thrColFixHdr #mainContent-textContainer{
/*padding: 20px 10px 10px 10px;*/
display:inline; 
font:  11px Verdana;
margin: 0 10px 0 10px;




}


.thrColFixHdr #mainContent-textContainer p{
font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	margin:2px 0 5px 0;	
	padding:0 0 0 0;	


}



.thrColFixHdr #mainContent-textContainer ul, .thrColFixHdr #mainContent-textContainer ol{
font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	margin:2px 0 0px 0;	
	padding:0 0 5px 1em;
        display:inline;




}


.thrColFixHdr #mainContent-textContainer h3{
font: 13px Arial, Helvetica, sans-serif;
	color: #000000;
	margin:2px 0 0px 0;	
	padding:0 0 5px 0;
          font-weight: bold;
       
}




.thrColFixHdr #mainContent-textContainer ul li, .thrColFixHdr #mainContent-textContainer ol li{
padding:0 0 5px 0;
margin-left:1em;

}

.thrColFixHdr #mainContent-textContainer h1 {
margin: 0px;
display:block;
}

.thrColFixHdr #mainContent h1 {
margin: 0px;

}



/* Första sidan XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


.thrColFixHdr #sidebar1-first {
	float: left; /* eftersom detta element är flytande måste en bredd anges */
	width: 175px; /* 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: #fff; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	/*padding: 15px 10px 15px 20px; /* utfyllnaden håller innehållet i diven borta från kanterna */
	margin:2px 10px 0 5px;
       padding:0;
}


.thrColFixHdr #sidebar1-first h2 {
        font: 16px Arial, Helvetica, sans-serif;
	color: #000000;
       font-weight: bold;
}

.thrColFixHdr #sidebar1-first h3 {
        font: 12px Arial, Helvetica, sans-serif;
	color: #9C999D;
       font-weight: normal;
       text-decoration:underline;
      margin:0 0 0 0;
       padding:0;
}

.thrColFixHdr #sidebar1-first h4, .thrColFixHdr #sidebar1-first h4 a:link, .thrColFixHdr #sidebar1-first h4 a:visited, .thrColFixHdr #sidebar1-first h4 a:active {
        font: 12px Arial, Helvetica, sans-serif;
	color: #333;
       font-weight: normal;
       text-decoration:none;
       margin:0 0 10px 0;
       padding:0;
}

.thrColFixHdr #sidebar1-first h4 a:hover {text-decoration:underline;}


.thrColFixHdr #sidebar2-first {
	float: right; /* eftersom detta element är flytande måste en bredd anges */
	width: 175px; /* 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: #fff; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	/*padding: 15px 10px 15px 20px; /* utfyllnaden håller innehållet i diven borta från kanterna */
	margin:2px 10px 0 0;
	padding:0;
       background:#ccc;
       padding: 0 0 0 10px;
}

.thrColFixHdr #sidebar2-first h2 {
        font: 16px Arial, Helvetica, sans-serif;
	color: #000000;
       font-weight: bold;
padding: 0;



}


.thrColFixHdr #mainContent-first { 
background: #fff; 
	
	padding:10px 5px 0 10px;
	width:397px;
	float:left;
	margin:2px 0 0 0;
	border-right:1px solid #e3e3e3;
	
	/*margin: 0px 171px 0 161px;  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. */
	/* padding: 0 10px;  kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
} 

.thrColFixHdr #mainContent-textContainer{
/*padding: 20px 10px 10px 10px;*/
display:inline; 
font: 11px verdana;
margin: 0 10px 0 10px;




}


/* Slut första sidan */





.thrColFixHdr #footer { 
	padding: 0 10px 0 20px; /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas ovanför den. */
	background:#fff;
} 
.thrColFixHdr #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 */
}
.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;
}


/* menyn */

.ej_vald_meny{


	
	background: #000000;
	color: #fff;
	width: 140px;
	padding-left: 10px;
	height:17px;
	font-size: 11px;
	margin-left:5px;


}

p.ej_vald_meny {

list-style-type: none;
	
	background: #000;
	width: 140px;
	padding-left: 11px;
	height:17px;
	vertical-align: middle;
	margin-bottom:9px;
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	vertical-align: middle;
	text-decoration: none;
	text-align: left;
	display:block;
	padding-top:3px;
		margin-left:10px;
		letter-spacing:1px;
		
		



}


p.under {


margin:2px 0 2px 10px;
padding:0 0 0 0;
text-transform: uppercase;


}
div.under {

	width: 150px;
	border-top: 1px solid #e3e3e3;
margin:2px 0px 2px 10px;
padding:2px 0 1px 0;

}



div.under a:link, div.under a:link, div.under a:visited,  .under a  {
	color: #000000;
	font: 10px Arial;
	text-decoration: none;
	display:block;
	font-weight: bold;
	/*padding-top:1px;*/


}

div.under a:hover {
	color: #999999;
	font: 10px Arial;
text-decoration: none;
	/*border-top: 1px solid #e3e3e3;*/
	display:block;
	font-weight: bold;

}
div.under a:active {
	color: #000000;
	font: bold 10px Arial;
	text-decoration: none;
	/*border-top: 1px solid #e3e3e3;*/
	display:block;
	font-weight: bold;

}


.under_first {

	/*text-indent:10px;*/
	vertical-align:middle;
	border-top: 1px solid #e3e3e3;

}

div.under_first a:link, div.under_first a:link, div.under_first a:visited,  .under_first a  {
	color: #000000;
	font: 11px Arial;
	text-decoration: none;
	display:block;
	padding-top:1px;

}

div.under_first a:hover {
	color: #999999;
	font: 11px Arial;
	display:block;


}
.under_first a:active {
	color: #000000;
	font: bold 11px Arial;
	text-decoration: none;
	display:block;

}

.div-nav{
padding: 2px 0 0 10px;

}

/* övre navigeringsmenyn */



/* Forms ------------------------------   */

.input_1{
 width: 100px;
height:15px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #fff;
 color: #102132;
 border: 1px solid #666;
 margin-right: 0px;
margin-left:10px;
} 

.button {

 font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #C4C4C3;
 color: #fff;
 margin-left: 2px;
margin-top:3px;
width:44px;
 border: 1px solid #666;
line-height:19px;
 
}


.read-more{
font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #000;
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXX     SIDFOTEN ETTAN    XXXXXXXXXXXXXXXXXX */

.thrColFixHdr #firstfooter1{
width:185px;
float:left;
margin:0 15px 0 10px;
padding:0;

}

.thrColFixHdr #firstfooter2
{
width:185px;
float:left;
margin:0 15px 0 0;
padding:0;

}
.thrColFixHdr #firstfooter3
{
width:185px;
float:left;
margin:0 15px 0 0;
padding:0;

}
.thrColFixHdr #firstfooter4
{
width:185px;
float:left;
margin:0 10px 0 0;
padding:0;

}

.thrColFixHdr #horizontalLine {
border-left:1px solid #e3e3e3;
}
