@charset "iso-8859-1";
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;
}

.storning{
	    width:100%;
		
		
		
}

div.infostorning{
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid  #CCCCCC;
	 
}

.storning td {
	font-family:Tahoma;
    font-size:small;
	padding:0px 0px 0px 1px;
	/*vertical-align:middle;*/
	
	
}

.storning a {
	 font-family:Tahoma;
    font-size:small;
}
	
	

.storning a:visited{
	
 color:white;	
}


/*a:active
{
     background:black url("../Images/glossyback3.gif") repeat-x top left;
}*/

p
{
    font-family:Tahoma;
    font-size:small;
}

li{
	font-family:Tahoma;
    font-size:small;
}

h3
{
    font-family:Tahoma;
}


div.karta
{
 padding:0px 60px 0px 10px;   
}
div.rubrik
{
  
  height:100%;
  width:100%;
  
}

div.registrera{
	background:#FFFFAA;
	/*padding:10px 0px 10px 9px;*/
	padding:15px 3px 15px 3px;
	
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	
	
	
}

div.testa{
	background:#FFFFDC;
	padding: 10px;
}

div.testa1{
	background:#FFFFDC;
	/*padding:px;*/
}

div.lankar{
	background:#FFFFDC;
	/*padding:10px 0px 10px 9px;*/
	padding:1px;
	border-top:1px  solid #CCCCCC;
	
}

div.lankar a{
    text-decoration:none;
	color:black;	
}

div.lankar a:visited
{
    color:black;
}


div.lankar p
{
    font-family:Tahoma;
    font-size:small;
}


div.roundtop {background: #ffffff;}
div.roundbottom {background: #ffffff;}
div.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; 
border-left: 1px solid #000000; border-right: 1px solid #000000;}
div.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #FFFFAA; 
border-left: 1px solid #000000; border-right: 1px solid #000000; 
border-width: 0 2px;}
div.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #FFFFAA; 
border-left: 1px solid #000000; border-right: 1px solid #000000;}
div.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #FFFFAA; 
border-left: 1px solid #000000; border-right: 1px solid #000000;}


a.registrering{
text-decoration:none;
	color:black;	
}



/* Tips för denna hybridlayout
1. Eftersom sidokolumnernas måttbaserade storlek är baserad på användarens standardteckensnittsstorlek bör du se till att bakgrundsgrafiken i kolumnerna tar hänsyn till detta. Om den är skapad på rätt sätt blir den lättare att komma åt för de som behöver större teckensnittsstorlek, eftersom bredden på kolumnerna blir proportionerlig. Om du inte vill ha så i din design ändrar du bara bredden till en pixelstorlek och ser till att ändra marginalerna på #mainContent div därefter.
2. Eftersom storleken på sidokolumnerna i denna layout baseras på den hundraprocentiga teckensnittsstorleken i body-elementet om du minskar teckensnittsstorleken totalt genom att använda en teckensnittsstorlek: 80 % av body-elementet eller #container, ska du komma ihåg att kolumnbredderna kommer att minska proportionerligt. Du kan öka deras bredder och storleken på sidomarginalerna för #mainContent div för att kompensera för det.
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.
4. #container-diven behövs inte för denna layout vid en bredd på 100 %. Du kan använda den för att skapa faux-kolumner eller begränsa bredden på layouten.
5. Du behöver inte ha en bredd på 100 % på #container-diven eftersom en div av naturliga skäl tar upp 100 % av det tillgängliga utrymmet. Om du vill så kan du minska storleken på den totala containern och kanske lämna lite marginal på varje sida. Detta är redan tillgängligt för justering.
*/
.thrColHybHdr #container { 
	width: 80%;  /* detta skapar en container på 80 % av webbläsarbredden */
	background: #FFFFDC;
	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. */
	/*width: 100%;
	background: #FFFFFF;
	/*marginal: 0 auto; automarginalerna (i samband med en bredd) centrerar sidan om det behövs */
	/*text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
}  
.thrColHybHdr #header { 
	/*background:#FFFFBC;*/
	background:black url("Images/glossyback3.gif") repeat-x top left;
	padding: 0px 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. */
	border:1px solid blue;
} 
.thrColHybHdr #header h1 {
	margin: 0px; /* 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: 5px 0; /* om du använder utfyllnad istället för marginaler kan du hålla elementet borta från kanterna på diven */
	color:#000000;
	
	
    
}

/* 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: 12em; /* eftersom detta element är flytande måste en bredd anges */
	/*background:#FF0EFF;*/ /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	background-color:#FFFFDC;
	padding: 0px 0; /* utfyllnad i över- och nederkant skapar visuellt utrymme inom denna div  */
	
}
.thrColHybHdr #sidebar2 {
	float: right; 
	width: 13em; /* eftersom detta element är flytande måste en bredd anges */
	background: #FFFFDC; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	padding: 0px 0px; /* utfyllnad i över- och nederkant skapar visuellt utrymme inom denna div */
	text-align:center;
	
}

.thrColHybHdr #sidebar2 p{
	text-align:left;
	padding: 0px 0px;
}


.thrColHybHdr #sidebar2 h3 {

     background:#FFFFAA;
     color:black;
     padding:5px 0px 5px 0px;
     font-size:12px
     
     
     
}

.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: 0 14em 0 12em; /* högermarginalen kan anges i måttenheter eller pixlar. Den skapar utrymme till höger på sidan. */ 
	padding: 0 2em 0 2em; /* utfyllnad här skapar vitt utrymme inuti rutan." */
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:thin; 
	border-right-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:thin;
} 

.thrColHybHdr #mainContent a
{
    text-decoration:none;
	color:blue;	
}

.thrColHybHdr #mainContent a:visited
{
    color:blue;
    
    
}
.thrColHybHdr #mainContent h3 
{
     color:black;
}

.thrColHybHdr #mainContent h3.red 
{
     color:Red;
}

.thrColHybHdr #footer 
{
    text-align:right;
	padding: 0 10px; /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas ovanför den. */
	border-style:solid;
	border-color:#CCCCCC;
	border-width:thin;
	/*background:#DDDDDD;*/
} 
.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;
}

/* placerar css-åtgärder för alla versioner av Internet Explorer i denna villkorskommentar */
.thrColHybHdr #sidebar1, .thrColHybHdr #sidebar2 { padding-top: 7px; }
.thrColHybHdr #mainContent { zoom: 1; padding-top: 1px; }
/* Ovanstående patentskyddade zoomningsegenskap ger Internet Explorer den hasLayout den behöver för att undvika flera fel */