/*----------------------------- 

	Uppdaterad CSS 2024
	

-----------------------------*/

/* se rad 408 för implemention*/

@font-face{
font-family: 'hFont'; 

   	src: url('/fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: 'bFont'; 
	src: url('/fonts/OpenSans-Regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

/*



h3,rub_front,a#rub{font-family: 'hFont'; font-weight: normal;}
BODY: "Segoe UI",
*/


BODY
{
BACKGROUND-COLOR: #fff;
FONT-FAMILY: 'bFont',Verdana, Arial, Helvetica, sans-serif;
/*basfont
FONT-SIZE: 13px;
*/
FONT-SIZE: 120%;

COLOR: #333;
line-height: 100%;
text-align: center;
margin: 0px;
}

/*-----------------------------*/
/* TYPSNITTSFAMILJER */
/*-----------------------------*/

/* alla rubriker */

h1, h2, h3, h4, h5, .rub1, .rubbig a
{
/*'Cantarell','Cabin',*/

font-family: 'hFont',Arial, Helvetica, Sans serif, verdana;
COLOR: #666;
	/*text-stroke: 0.5px;
	-moz-transform: rotate(-0.05deg);
	text-shadow: 1px 1px 1px #666;*/
}

/*------------------------------------*/
/* reset all */
/*------------------------------------*/

* { margin:0; padding:0; }

p 
{
margin: 0px 0 16px 0;
}

td
{
padding:3px;
}

/*-----------------------------*/
/*FASTA STILAR*/
/*-----------------------------*/


A
{
    /*
	COLOR: #874348;
	COLOR: #3F6B9D;
	COLOR: #990000;
	*/
	COLOR:#996666;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #999;
    TEXT-DECORATION: underline
}

/*-----------------------------*/
/* head och meny - layoutmallar */
/*-----------------------------*/

/* 	
	wrapper-top container incl headcont and menu 
	bg-color för hela menyn sätts här
	top-färg: 9FA7AE
	ljusare: BABFC5
*/

#topcont
{
BACKGROUND-COLOR: #9FA7AE;
margin-top: 0px;
border:#eee solid;
border-width:0 0px 0px 0px;
}


/* container för logo-bild i huvud */

#headcont
{
padding:0px 0 0px 0;
width:1000px;
margin-right:auto;
margin-left:auto;
padding-left:20px;
text-align:left;
}

/* logo-bild i huvud */

div#headcont img 
{
margin-top:20px;
margin-left:5px;
margin-bottom:20px;
text-align:left;
}

/* div för meny CSS övre rad*/	
#menu 
{ 
/*background-color: #fff;*/
/*background:#ccc;*/
width:1000px;
padding-top:0px;
padding-left:20px;
margin-right:auto;
margin-left:auto;
}

/*footer anv i tpl - bg container*/	
div#footer 
{ 
border: solid; 
border-width: 1px 0px 0; 
border-color: #333;
background:#9FA7AE;
margin-top: 40px;
height:240px;
}

/*footer anv i tpl*/	
.foot-cont 
{ 
width:700px;
margin-right:auto;
margin-left:auto;
margin-top: 40px;
padding: 20px 0px;
text-align:left;
}

.foot-cont div {float:left; width:30%;margin-right:2%;}
.foot-cont div:last-child {clear:both; width:100%;}
.foot-cont div div {width:80px; float:left; margin-right:15px;}
.foot-cont div div:last-child {clear:both;}

/*---------------------------------*/
/*innehåll-divar*/
/*---------------------------------*/


/* wrapper för main content */

#container
{
BACKGROUND-COLOR: #fff;
margin-right:auto;
margin-left:auto;
margin-top: 40px;
padding-left:20px;
width: 1000px;
text-align: left;
border: 1px #eee solid;
border-width: 0 0px 0 0px;
}

/* div för bild som ligger överst efter menyn */

div#topimg
{
margin:0px 0 0px 0;
width: 1000px;
}

/* inställningar för övre bild */

div#topimg img, div#topimg embed, div#topimg object
{
margin-top:20px;
margin-left:0px;
margin-bottom:0px;
text-align:center;
}


/* övre bild - cms */

.topimg-caption
{
float:left; 
max-width:480px; 
margin-top:20px; 
margin-left:0px;
font-size:0.8em;
}

/* övre bild - cms */

.topimg-btn
{
float:right; 
max-width:100px; 
margin-top:20px; 
margin-right:0px; 
font-size:0.8em;
}

/*---------------------------------*/
/*innehåll-divar*/
/*---------------------------------*/

/* gemensamma maincol */

div#maincol, div#maincoleq, div#leftcoleq, div#maincol2, div#maincol3, div#maincol4, div#memimg, .maincol
{ 
margin-top:50px;
margin-right:50px;
margin-bottom:0px;
margin-left:0px;
float:left;
}

/*huvudinneh. anv av main_2h*/

div#maincol
{
width: 420px;
width: 500px;
margin-right:80px;
}


/*huvudinneh. NY! med kombos*/

.maincol
{
margin-right:100px;
width: 420px;
FONT-SIZE: 0.8em;
/* FONT-SIZE: 13px; */
/*text-align:justify;*/
line-height: 1.8em;
}

.maincol.w500 {width:500px;}
.maincol.semi-wide {width:600px;}
.maincol.fullwidth {width:100%;}

/*innehåll lika stora kol vänster, anv av tpl_main_eq*/
div#leftcoleq
{
margin-right:100px;
width: 500px;
}

/*innehåll lika stora kol main, anv av tpl_main_eq*/

div#maincoleq
{
width: 400px;
margin-right:0px;
float:right;
}

/*innehållsrutor i equal layout*/
/*div#leftcoleq div, div#maincoleq div */
div#indexcontent
{
margin-bottom:40px;
height: 300px;
background-color:#CCCCCC;
}


/*extra bred höger*/
div#maincol2
{
margin-right:0px;
width: 670px;
}

/*extra bred vänster, anv. av tpl wide ex wars_all, online intro*/
div#maincol3
{
margin-right:100px;
width: 600px;
}

/*extra bred vänster, anv. av tpl wide memdet*/
div#maincol4
{
margin-right:100px;
width: 500px;
}

/*extra bred vänster, anv. av tpl wide memimg*/
div#memimg
{
margin-right:0px;
width: 1000px;
}

/* SIDEBARS */

/* NY, SIDEBAR - ersätter rightcol
 - görs responsiv som knapp med meny med sidebar.respmenu 
 - om vi har sidebar noresp visas blocket längst ned i mobil
 - sidebar-content måste finnas för att knapp skall visas i mobil
 - sidebar-content-item måste finnas om vi skall ha två kolumner i mobil
 - bredare layout för sidebar, 2-col, sätts som style element
*/

.sidebar
{
margin:50px 80px 0 0;
width: 180px;
float:left;
FONT-SIZE: 0.7em;
line-height: 1.5em;
/**/
}

/* inuti sidebar - håller innehåll */
.sidebar-content
{
margin:0px 0px 0 0;
width: 100%;
float:left;
}

/* för flera kolumner */
.sidebar-content-item
{
margin:0px;
width: 180px;
float:left;
}


 	div.sidebar-content-item:first-child {
	margin-right:40px;
	}
	
/* icon div i sidebar - döljs vid normal visning - visas vid responsiv */

div.sidebar div.icon a {
	display: inline-block;
	color: #f2f2f2;
	background-color: #555;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	transition: 0.3s;
	font-size: 18px;
}	

div.sidebar div.icon {display: none;}


/* --- OLD SIDEBARS still in use*/

/*kolumn höger, anv av main_2h (som mittkol), tpl_wide*/
div#rightcol
{
margin:50px 80px 0 0;
width: 180px;
float:left;
}

/* kolumn vänster, anv av main_2h, högerkol */
/* inte i mitten på tpl! */

div#leftcol
{
margin:50px 0px 0 0px;
width: 160px;
float:left;
}

/*kolumn höger, anv. av tpl wide memdet*/
div#rightcol2
{
margin-left:0px;
margin-right:0px;
margin-top:50px;
width: 280px;
float:left;
}


div#clearfloats
{
clear:both;
}

/*---------------------------------*/
/* bilder ny 2016-1 */
/*---------------------------------*/

/* skala upp bilder i maincol till 100% */

#maincol img { width:100%; height:auto; }

/*---------------------------------*/
/* bildramar */
/*---------------------------------*/

/*style för småbilder*/
div#bildram
{
margin-bottom: 5px;
margin-right: 5px;
width: 90px;
float:left;
}

/*style för småbilder höger*/
div#bildramh
{
margin-bottom: 10px;
margin-left: 10px;
width: 150px;
float:right;
}

div#bildram2
{
margin-bottom: 5px;
margin-right: 5px;
width: 80px;
clear:both;
}


div#txtram
{
margin-top: 30px;
width: 200px;
clear:both;
}

/*---------------------------------*/
/* moduler */
/*---------------------------------*/


/*divs för innehåll för ny css-baserad layout*/

/*huvudinneh. för feedback form*/

#feedback
{
margin:0px;
min-width:420px;
background-color:#FFFFFF;
text-align:left;
FONT-SIZE: 0.8em;
}

/* xtra innehåll för maincol - ny 2.1 */

.maincol_obj
{
/*font-size: 0.8em;*/
margin:0 0 10px 0;
padding:10px 0;
border-width:1px 0 0 0;
border-style:solid;
border-color:#CCCCCC;
}

/* xtra innehåll för maincol - ny 2.1 */

.maincol_obj.line-none
{
border-width:0px;
}



/* --- wraps f innehåll i sidocol - OBS! funkar även i maincol
och vice versa. separerar innehåll. ibland överflödig

*/

.sidecol-obj
{
margin-top: 0px;
margin-bottom: 40px;
padding:0;
border-width:0px 0 0 0;
border-style:solid;
border-color:#CCCCCC;
}

/* items i sidecol */

.sidecol-obj-item
{
margin-top: 0px;
margin-bottom: 60px;
padding:0;
border-width:0px 0 0 0;
border-style:solid;
border-color:#CCCCCC;
}

/*-----------------------------*/
/* KONTEXTUELLA TEXTSTILAR*/
/*-----------------------------*/


/* marginaljusterad brödtext*/
/*påverkar stycke och tabell i alla text-divar som inte har rubrik eller bold*/
/*div#maincol p, div#maincoleq p, div#maincol3 p, div#maincol td, div#maincoleq td, div#maincol3 td*/
div#maincol, div#maincoleq, div#maincol3, div#maincol4, div#leftcoleq, div#memimg
{
FONT-SIZE: 0.8em;
/*text-align:justify;*/
line-height: 1.8em;
}

/*underrubrik inne i artiklar i maincol*/
/*finns i: info. kaskaden tvingar upp denna*/
div#maincol b, div#maincol3 b, div#maincoleq b, div#leftcoleq b, div#maincol4 b, div#memimg b
{
font-size: 1.0em;
font-weight: bold;
text-align:left;
line-height: 1.4em;
}

/* 
	överrubrik i artiklar i maincol. rub1 används genomgående.
	2016-1: h2 kan användas istf rub1
*/

.rub1, h2
{
font-size: 30px; 
color: #666;
/*font-weight: bold;*/
text-align:left;
line-height: 1.2em;
/*text-transform:capitalize;*/
}

.rub1 a, h2 a
{
color: #666;
text-decoration:none;
}
/* posted by text under t.ex. news */

.rub1 span, h2 span
{  
font-weight: normal;
FONT-SIZE: 0.5em;
color: #999; 
}

/*överrubrik i artiklar i maincol*/
/*finns i: info*/

div#maincol p.rubcatl, div#maincol3 p.rubcatl, div#maincol4 p.rubcatl, div#maincoleq p.rubcatl, div#leftcoleq p.rubcatl, div#memimg p.rubcatl
{
font-size: 0.8em; 
}

/* påverkar stycke i ytterspalterna */
div#leftcol, div#rightcol, div#rightcol2
{
FONT-SIZE: 0.75em;
text-align:left;
line-height: 1.5em;
}

/*för virtmem siffror*/
div#leftcol p.smalltxt, div#rightcol p.smalltxt, div#leftcol span.smalltxt, div#rightcol span.smalltxt, div#rightcol2 span.smalltxt
{
font-size: 0.9em;
}


/*-----------------------------*/
/* 
	Rubriker H3 och H4 
	H3 används som mindre rubriker på news index och index
	H4 används som rubriker för krig i t.ex. memorials_all
	H2 testas som ersättn för rub1 - andra styles sätts vid rub 1
*/

h1,h2,h3,h4,h5
{
font-weight:normal;
margin-bottom:20px;
}

h3 {
	FONT-SIZE: 1.2em;
	FONT-SIZE: 18px;
	line-height: 1.5em;
}

h4 {
	FONT-SIZE: 1.1em;
	line-height: 1.4em;
}

/*underrubrik för artiklar*/
h3 a, h4 a
{
color: #666; 
text-decoration: none; 
}

/*underrubrik för artiklar*/
h3 a:hover, h4 a:hover
{  
color: #999; 
text-decoration: underline;
}

/*används för captions under en rubrik inom p*/
h3 span, h4 span
{  
font-weight: normal;
FONT-SIZE: 0.7em;
color: #999; 
}

/* ---- DIVERSE RUBRIKER*/

/*kategori rubrik används flitigt med vänsterställd text*/	
.rubcatl, .rubcat
{  
/*kategori rubrik left aligned*/
font-family: Arial, Helvetica, Sans serif, verdana;
font-size: 0.8em; 
color: #999;
letter-spacing: 0.1em;
border: solid; 
border-width: 0px 0px 1px 0px; 
border-color: #ddd;
text-align: left;
}

/*siffror i virt*/
.rubhuge 
{  
font-family: 'hFont', Georgia, "Times New Roman", Times, serif; 
/*font-family: Arial, Helvetica, Sans serif, verdana;*/
font-size: 3em; 
color: #171717; 
text-decoration: none; 
font-weight: bold;
letter-spacing: 0.05em;
line-height: 2em;
}

/*-----------------------------*/
/*  mem_det visit this site */

.rubbig
{
margin:50px 0px;
padding:20px;
border: solid; 
border-width: 2px; 
border-color: #999;
background-color:#9FA7AE;
text-align: center;
}

.rubbig a
{  
/*
font-family: Arial, Helvetica, Sans serif, verdana;
font-family: "Segoe UI", Cantarell, Arial, Helvetica, Sans serif, verdana;
*/
font-size: 30px; 
color: #ccc; 
text-decoration: none; 
font-weight: normal;
line-height: 2em;
letter-spacing: 0.05em;
}

/*memdet visit this site*/
.rubbig a:hover
{  
color: #fff; 
text-decoration: underline; 
}

/* 

TABELLER 
anv. av wars all (ersätter vissa dottops)
anv .tbl_right för högerställt innehåll

*/

/*------------------------------------*/
/* tabeller för listningar */
/*------------------------------------*/	

	
	/* tbl */
	
	.tbl {
	padding:0px;
	margin:0;
	width:100%;
	}
	
	.tbl td {
	padding:2px 4px 2px 2px;
	border-color: #ddd;
	border-style:solid;
	border-width: 1px 0px 0px;
	border-collapse:collapse;
	text-align:left;
	}			
	
	.tbl .tbl_right {
	text-align:right;
	}


/* ----- LISTOR */

	.maincol ul li {list-style-position:inside; list-style:inside; }


/*-----------------------------*/
/* DIVERSE */
/*-----------------------------*/

blockquote {
margin: 20px 0;
padding:0 40px;
font-size:14px;
border-left:4px solid #ccc;

/*
background-color:#efefef;
font-style:italic;
*/
}


/*snart outdated anv tidigare i brödtext*/	
.margjust 
{ 
text-align:justify;
line-height: 1.8em;
}

/*mindre text for comments och liknande*/
/*anv o i news details! och för menyer*/
/*vanlig*/	
.smalltxt 
{ 
FONT-SIZE: 0.85em;
line-height: 1.4em;
}

/*för felmeddelanden*/	
.alert
{ 
border: solid; 
border-width: 0px 0 0 1px; 
border-color: #884444;
color: #884444;
padding:0 0 0 20px;
font-size: 1.0em;
/*font-size: 0.8em;*/
}

/*för felmeddelanden*/	
.klart
{ 
border: solid; 
border-width: 1px; 
border-color: #006600;
color: #006600;
padding: 4px;
}



/*-----------------------------*/
/*formulär*/
/*-----------------------------*/

INPUT[type=text], textarea, select
{ 
border: solid; 
border-width: 1px; 
border-color: #ccc;
padding:2px;
background-color:#fff;
}

/* speciella länkar som knappar 9DBCCD*/

INPUT[type=submit], button
{
background-color:#BABFC5;
/*color:#eee;*/
border: solid; 
border-width: 1px; 
border-color: #999999;
text-decoration: none;
padding: 2px 6px;
min-width: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

input[type="submit"]:disabled
{
background:#eee;
color:#aaa;
}

/*-----------------------------*/
/* Linjer dotted right/left, anv ej? */
/*-----------------------------*/

.dotright, .dotleft, .dotrightleft, .dotbottom, .dotbottom2, .dottop, .dottopbottom, .ram  
{
border-color: #ddd;
border-style:solid;
}

.dotright { border-width: 0px 1px 0px 0px; }
.dotleft { border-width: 1px 0px 0px 0px; }
.dotrightleft { border-width: 0px 0px 1px 0px; }

/*-----------------------------*/
/* Linjer dotted bottom top */
/*-----------------------------*/

.dotbottom { border-width: 0px 0px 1px; }
/* anv för tabelllistor wars mem etc*/
.dotbottom2 { border-width: 0px 0px 1px; }
.dottop { border-width: 1px 0px 0px; }
/*dubbelrad*/	
.dottopbottom { border-width: 1px 0px 1px; }
.ram { border-width: 1px; }

/*-----------------------------*/
/* NY COLUMNBASERAD MENY 2016-2 */
/*-----------------------------*/

/* --- Original suckerfish dropdown (horizontal)
testas på index_tm
försöker göra en mer blockig meny
OBS! för att göra vänsterställda block i undermeny
nav ul: relativ pos men nav li ul absolut!
sen sätter man left: 0 vid hover!
plus att man sätter bredd ordentligt 1000px 

*/

/* meny måste ha höjd för att menyns översta rad ska få bg-färg*/

#menu  {
	background: #9FA7AE;
	height:31px;
}


/* all lists */

#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:999;
	/* testar relativ - bara så kan vi kontrollera positioin på underobjekt */
	position:relative;
	font-size:12px;
	font-weight:normal;
}

 /* all list items - flyter vä, men bara de övre. i subbarna tar vi bort left */

#nav li {
	float: left;
	max-width: 200px;
	/*width: 10em;*/ 
	/* width needed or else Opera goes nuts */

	min-width: 40px;
	padding:0 0px;
	border-left:1px solid #ccc;
	line-height: 1.4em;
	line-height:normal;
}

/* second-level lists */
/* anv hela layoutbredden för att få till ett stort block, men 100% funkar inte*/

#nav li ul { 

	position: absolute;	
	width: 980px; /* minska pga padding */
	/* using left instead of display to hide menus */
	left: -999em;
	background: #fff;
	border:1px solid #ccc;
	border-top:0px;
	/*border-right:1px solid #ccc;*/
	padding: 10px 10px;
	margin: 0px 0 0 0px;

	/* 
	testar kolumner här - då ska inte li ul li flyta!
	http://www.w3schools.com/css/css3_multiple_columns.asp
	*/
	
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	
	/*
	-webkit-column-width: 200px;
	column-width: 200px;
	*/
	
	-webkit-column-rule: 1px solid #eee;
	-moz-column-rule: 1px solid #eee;
	column-rule: 1px solid #eee; 
			
}


/* all sublist items */

#nav li ul li {
	float: none;
	width: 100%;
	
	/*line-height: 1.4em;*/
	/* width needed or else Opera goes nuts
	width kan sättas till 100% */
	
	text-align:left;
	border:none;
}

/* alla länkar - ändra länkfärg för nedre meny 
OBS! inline-block är en ny grej som verkar användbar för gamla floats
här fixar det konstiga delningar mellan kolumner */

#nav a {
	display: inline-block;
	padding: 8px 8px;
	color: #fff;
}

/* hovring av länk */

#nav a:hover { text-decoration:none; background: #eee; color: #333;}

/* ok! denna specialare får topmeny-listan som är vald 
att fortsätta lysa när vi går ned på submenyn
den väljer bara a-barn till nav li */

#nav li:hover > a {background:#fff; color:#333;}
#nav li:hover > a b {background:#fff; color:#333;}

/* effekter på hover av submenyer */

#nav li ul li:hover > a {background:#eee;}

/* reset linkfärg för submeny */

#nav li ul li a {color:#333;}

/* 
	detta visar undermenyn-pushar den till left 
	med auto visas den under hoverobj
	med 0 visas den i vänstermarg
*/

#nav li:hover ul, #nav li.sfhover ul { /*left: auto;*/ left: 0; }

/* class current är markerad avdelning: sätts i menyn
med left: 0 så fäster den - men använd inte fästade submenyer i denna meny */

/*#nav li.current ul {left:0; z-index:1;}*/
#nav li.current {background:#fff;}
#nav li.current a {color:#000;}

/*-----------------------------*/
/* DROPLINE MENU - borttagen */
/*-----------------------------*/