/*
# Elektroniktidningen
#
# Logo blue is rgb(46,49,146)  #2E3192
# The light blue color - #848E9C
# The dark blue color -  #5F6A79
*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:900&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wdth,wght@75,300&display=swap');

/* font-family: 'Open Sans', sans-serif; */


/* Mindr marg mellan rubbe och puff på ettan */

.item p,
.leading-0 p,
.evofp-table-row p {
   margin-top: 0px; 
}

.leading-0 {
   margin-top: 12.2px;
}



/* tillägg för nytt format nov 2021 */

.tagg {  /* sluggord till minimerade (reducio) puffar */
   font-size: 70%;
   text-transform: uppercase;
   color: white;
   display: table;
   font-weight: bold;
}

.minirubbe{  /* för de här smårutorna med några (tre?) puffar i sig */
   font-size: 140%;
   display: block;
   margin: 0;
}
.minirubbe:nth-child(odd) {
   background: beige;
}
.minirubbe:nth-child(even) {
   background: yellow;
}

img.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 200px;
}


/* ----- For popup images ------- */

@keyframes splash {
   0%   { 
      transform: translate(-50%, -50%) transform:scale(1.08); }                      
   25%  { 
      transform: translate(-50%, -50%) transform:scale(0.94); } 
   50%  { 
      transform: translate(-50%, -50%) transform:scale(1.02); } 
   75%  { 
      transform: translate(-50%, -50%) transform:scale(0.99); } 
   100% { 
      transform: translate(-50%, -50%) transform: scale(1.00); }
}

.splasher { animation: splash 0.4s ease-in-out forwards; }

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

.annonshink {
   clear: both;
}


.artikel.advertorial .category-name,
.artikel.advertorial .tags.inline { display: none; }
.artikel.advertorial .published { display: block; }

.artikel.advertorial {
   margin-top: 10px;
   margin-bottom: 10px;
   line-height: 100%;
/*   box-shadow: 2px 2px 6px #999;  */
	border-radius: 0; /* 8.6px; nollad nov 2023 */
   border-bottom: 0px solid grey; /* nollad nov 2023 */
   border-top: 0px solid grey; /* nollad nov 2023 */
}

.artikel.advertorial img {
   box-shadow: 0px 0px 0px #444;  /* Nov 2023 remove shadows from imgs in advert */
   margin: 8px;
}

.artikel.advertorial img.noshadow {
   box-shadow: none;
   margin: 8px;
}

/* ----------------------------------
.artikel.advertorial::before,
#theAdvert div:first-child::before { 
   content: "\2193\a\a\a ANNONS \a\a\a\2193";
   font-size: 14px;
} 
---------------------------------- */

.artikel.advertorial::before, 
.artikel.advertorial::after,
#theAdvert div:first-child::before
{ 
   padding: 1%;
   margin: 0px 0px 0px 0px;
   width: 98%;
   display: table;
   background-color: white;
   text-align: center;
   color: #222;
} 

.artikel.advertorial::after { content: "\2191 \a\a\a ANNONS \a\a\a\2191"; } 

/*  alt 1 : vit bakgrund ------------- */

.artikel.advertorial {
   padding: 0px;
} 
.artikel.advertorial::before, .artikel.advertorial::after { max-width: 468px; }
.artikel.advertorial, .artikel.advertorial > * { background: none; }

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


/* alt 2: "beige" --------------- 
.artikel.advertorial {
   padding: 6px 20px;
   max-width: 428px;
}
.artikel.advertorial::before, .artikel.advertorial::after { max-width: 408px; }
.artikel.advertorial, .artikel.advertorial > * { background: #f5f5f5; } 
 ----------- */




#dubbelspalt1 img,
#dubbelspalt2 img {
   width: 140px;
}

ul.etn {
   list-style-image: url('https://etn.se/images/favicon.ico');
}

div.livepuff {
   color: red; 
   margin: 10px 0 0 0; 
   border: 1px solid red; 
   padding: 4px;
}

.dropletter {
   font-size:250%;
   font-weight: normal;
   display: block;
   color: white;
   top: 0px;
   padding: 2px 8px 2px 8px;
   background: black;
   margin-right: 4px;
   float:left;
   font-family: sans-serif;
}

img.emoji {  
  /* Override any img styles to ensure Emojis are displayed inline */
  margin: 0px !important;
  display: inline !important;
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em; 
}


.etn-badge, .etn-badge p {
   font-family: arial narrow, helvetica narrow, sans-serif;
   font-size: 100%;
   font-weight: bold;
   line-hight: 120%;
   color: #fff;
   background-color: #2E3192;
   border-radius: 3px;
   padding: 4px 3% 4px 3%;
   width: 94%;
   text-align: center;
   letter-spacing: 0.7px;
   border: 3px dotted  white; /* #2E3192; */
}

.etn-badge a, .etn-badge a:visited {
   color: white;
}

.etn-badge p {
   padding: 0px;
}

/* arkiv-lappande */
@keyframes example {
    from {
      color: beige;
   }
    to {
      color: black;
   }
}
div.ingress {
    animation-name: example;
    animation-duration: 0.5s;
    animation-delay: 0s; 
   animation-timing-function: linear;
}


/* ========= anpassningar till joomla 3 */

.tag-category .span5 > a > img {
   float: right;
}
.phrases div {
   margin: 10px;
}

.phrases-box .controls {
   padding: 0px;
}

.search-results .result-title,
.search-results .result-category, 
.search-results .result-text,
.search-results .result-created {
   border-left: 1px solid grey;
   border-right: 1px solid grey;
   padding-left: 25px;
   padding-right: 25px;
   margin-left: 0px;
}

.search-results .result-title {
   border-radius: 4.37px 4.37px 0px 0px;
   border-top: 1px solid grey;
   padding-top: 15px;
   margin-top: 10px;
   font-weight: bold;
   font-size: 120%;
}
.search-results .result-category {
   font-style: italic;
   font-size: 90%;
}
.search-results .result-text{
}
.search-results .result-created {
   border-bottom: 1px solid grey;
   padding-bottom: 15px;
   font-style: italic;
   font-size: 90%; 
   border-radius: 0px 0px 5.37px 5.37px;
   margin-bottom: 14px;
}
button.btn[name=Search] {
   width: 99%;
   margin-top: 6px;
   font-weight: bold;
   font-size:110%;
   border-radius: 2.37px;
   background-color: beige;
   box-shadow: 1px 2px 3px #999; 
   border: none;
   cursor: pointer;
   padding: 2px 0 2px 0;
}
button.btn[name=Search]:hover {
   position: relative;
   top: -2px;
   left: 2px;
   background-color: lightYellow;
}

#searchForm {
   margin-top: 20px;
}

#searchForm  .phrases {
   margin-top: 10px;
   padding-top: 13px;
}

#searchForm .phrases legend {
   background: #eaeaea;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   display: none;
   padding: 0px 6px 0px 6px;
}

/*
.view-featured .article-info,
*/

/***** OSYNLIGT ****/

.tag-category .span5 > img,   /* dubbelbild i ingress i tag-list-page */
#searchForm > .only,             /* filter i sökning */
.view-featured .published,     /*  Author et cetera pa ettan */
.view-featured .article-info-term,        /* Author et cetera pa ettan */
.view-featured .createdby,        /* Author et cetera pa ettan */
.view-featured .category-name,        /* Author et cetera pa ettan */
.view-featured ul.tags,                /*  */
div.blog ul.tags,                /*  */
.evofrontpageid .evofp-date-author,  /* Author et cetera pa evo */
.evofrontpageid .evofp-categ         /* Evo-kategoriknapp */
{
   display: none;
}
fieldset.btn-toolbar {   /* filter vaelj antal */
   display: none;
}
ul.pager.pagenav             /* underliga knappar till foreaende och nasta artikel */ 
{
   display: none;
}

/* knappar foer Print och (tipsa Epost) */
div.icons {
   display: none;
   border-top: 0.5px solid grey;
   border-bottom: 0.5px solid grey;
   padding: 0px;
   margin-bottom: 6px;
   margin-top: 8px;
}

/***********************/

div.icons li {
   display: inline-block;
   padding: 0px 6px 0px 0px; 
}
ul.dropdown-menu {
   padding: 0px;
   margin: 0px;
}
/******************************/

/* ingress pa artikelsidan */
.ingress,
#ingress,
div.artikel > div.item-page > div > p:first-child,
.item-page > div > h1 + p,
div.artikel > h1 + p {
   font-weight: bold;
   margin-bottom: 1.2em;
}
div.artikel > div.item-page > div > p:first-child > strong,
div.artikel > div.item-page > div > p:first-child > bold {
   font-weight: normal;
}
/*******************************/

.pull-left.item-image img, img.evofp-img-left {
    float: left;
    padding-right: 6px;
    padding-bottom: 6px;
    width: 30%;
    height: 30%
}
.pull-right.item-image img, img.evofp-img-right {
    float: right;
    padding-left: 6px;
    padding-bottom: 6px;
    width: 30%;
    height: 30%
}

/* END  ========= anpassningar till joomla 3 */

table, td, div, img {
   border: none;
}

#ETNlogo img {
/*  
  width: 200px;  
  width: 259px; height: 92px; 
*/
  width: 254px; height: 90px; 
}

/* Lajbans */

@keyframes swinging {
   0% { -moz-transform: rotate(0); }
   10% { -moz-transform: rotate(1deg); }
   20% { -moz-transform: rotate(-0.9deg); }
   30% { -moz-transform: rotate(0.8deg); }
   40% { -moz-transform: rotate(-0.7deg); }
   50% { -moz-transform: rotate(0.6deg); }
   60% { -moz-transform: rotate(-0.5deg); }
   70% { -moz-transform: rotate(0.4deg); }
   80% { -moz-transform: rotate(-0.3deg); }
   90% { -moz-transform: rotate(0.2deg); }
   100% { -moz-transform: rotate(0); }
}

.swing {
   -moz-animation:swinging 3s ease-in-out 0s 1;
   -moz-transform-origin:50% 0;
}


/* End of lajbans */


.transparent60 {
   opacity:0.6;
   filter:alpha(opacity=60); /* For IE8 and earlier */
   position: relative;
   z-index: 10;
}
.transparent90 {
   opacity:0.9;
   filter:alpha(opacity=90); /* For IE8 and earlier */
   position: relative;
   z-index: 10;
}
.alpha60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#JumboTeleportExit {
   margin-top: 20px;
}

.marginTop20 {
   margin: 20px 0 0 0;
}
.marginTop10 {
   margin: 10px 0 0 0;
}
.padding5px {
   padding: 5px;
}
.siffror, .number {
}

.treD {
  text-shadow: 0 0.05ex 0 #ccc, 
               0 0.1ex 0 #c9c9c9,
               0 0.15ex 0 #bbb,
               0 0.2ex 0 #b9b9b9,
               0 0.25ex 0 #aaa,
               0 0.3ex 0.05ex rgba(0,0,0,.1),
               0 0 0.25ex rgba(0,0,0,.1),
               0 0.05ex 0.15ex rgba(0,0,0,.3),
               0 0.15ex 0.25ex rgba(0,0,0,.2),
               0 0.25ex 0.05ex rgba(0,0,0,.25),
               0 0.05ex 0.05ex rgba(0,0,0,.2),
               0 0.10ex 0.10ex rgba(0,0,0,.15); 
	position: relative;
	top: -0.15ex;
	color:#444;
	font-weight:bolder;
}

.bigFont200px {
	font-size: 200px; 
	color: #4000C9;
   line-height: 120px;
}
.supersize {
	font-size: 44px;
   font-family: Arial Narrow, Helvetica Narrow;
   letter-spacing: -0.5px;
   line-height: 95%;
   margin-bottom: 9px;
}

img.platsannonslogo {
   float: right; 
   margin: 0pt 0pt 0pt 2em; 
   width: 120px;
}

.leftminus70 { margin-left: -70px; }
.leftminus60 { margin-left: -60px; }
.leftminus50 { margin-left: -50px; }
.leftminus40 { margin-left: -40px; }
.leftminus20 { margin-left: -20px; }
.leftminus10 { margin-left: -10px; }
.leftminus5 { margin-left: -5px; }
.bottomplus5 { margin-bottom: 6px; }
.bottomplus10 { margin-bottom: 10px; }
.bottomplus20 { margin-bottom: 20px; }
.bottomplus30 { margin-bottom: 30px; }
.bottomplus40 { margin-bottom: 40px; }
.bottomminus10 { margin-bottom: -10px; }
.bottomminus20 { margin-bottom: -20px; }
.bottomminus30 { margin-bottom: -30px; }
.bottomminus40 { margin-bottom: -40px; }
.bottomminus50 { margin-bottom: -50px; }
.bottomminus60 { margin-bottom: -60px; }
.bottomminus80 { margin-bottom: -80px; }
.bottomminus100 { margin-bottom: -100px; }
.topminus20 { margin-top: -20px; }
.topminus30 { margin-top: -30px; }
.topminus40 { margin-top: -40px; }
.zIndex1 { z-index: 1; position: relative; }


.magblock a,
.bigmagblock a {
   text-decoration: none;
   cursor: pointer;
}

.bigmagblock { 
   box-shadow: 0px 0px 9px #999 inset;
   border-radius: 7.37px;
	padding: 17px 5% 7px 5%;
	margin: 20px 0px 10px 0px;
	float: left; 
   width: 88%; 
   line-height:140%; 
	text-align: left;
   font-size: 100%;
}
.magblock {

   box-shadow: 2px 2px 9px #999 inset;

   border-radius: 7.37px;
	padding: 17px 5% 7px 5%;
	margin: 10px 0px 10px 0px;
	float: left; 
	width: 88%;
	line-height: 140%;
	text-align: left;
}

.clear {
	clear: both;
}

.magblock img {
	margin: 12px;
}

img.nomargin, blindZshow img {
	margin: 0px 0px 6px 0px;
}

.evenemangstips * img {
	margin: 0;
	padding: 0;
}

.nomargin, .poppable {
	margin: 0px 0px 6px 0px;
}

.poppable:hover {
         cursor: zoom-in;
/*         cursor: zoom-in, URL(https://etn.se/images/t/magnify.png), pointer; */
}


/* Allt som aer en huvudrubrik borde samlas ihop uniformt  line-height, margin, fonty-size, et cetera 
   Filtrera daa ut HUVUD-rubriker -- inuti ingress och broedtext ska de bete sig normalt.
*/

h1, a.contentpagetitle, .span5 h3 { 
   line-height: 105%;
   font-family: 'Source Sans Pro', sans-serif;
}

.span5 h3, .span5 h1, .span5 h2, .page-header > * {
   font-size: 225%;
   margin-top: 0px;
   font-family: 'Source Sans Pro', sans-serif;
}

/* 22 jan 2022 */
.item-page .page-header,
.leading-0 {
   margin-top: 24px;
}

h1, h2, h3, h4, h5, h6, .span5 h3, .span5 h1, .span5 h2 {
   margin-bottom: 7px;
   font-family: 'Source Sans Pro', sans-serif;
}

.page-header h2 {
   font-size: 32px;
   font-family: Source Sans Pro, sans-serif; 
}

ul.tags li { 
   display: inline-block; 
   margin-left: 0px; 
}
ul.tags { 
   padding: 0px; 
   margin: 0px 0px 6px 0px;
}

/*
.tags a.label.label-info {
   font-size: 60%;
   height: 14px;
   padding: 0px 6px 4px 5px;
   margin: -1px;
   position: relative;
   border-right: 0.5px solid grey;
   border-bottom: 0.5px solid grey;
}
*/

.element-invisible {
   display: none;
}

#ETNsokruta {
   max-height: 12px;
   overflow: hidden;
}

.moduletable h3 {
	margin-top: 1ex;
	font-size: 9px;
	font-weight: bolder;
}

.article_separator {
	display: block;
	width:468px;
	height: 1ex;
	border-top: 1px solid #ccc;
}

.leading_story .article_separator {
	display: block;
	width:100%;
	height: 1ex;
	border-top: none;
}

div.topplistan {
	border: 1px solid grey;
	padding: 1ex;
}

.topplistan table {
	margin-top: 0.5ex;
}

.topplistan table th {
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
	padding: 2px;
	text-align:left;
}

.topplistan table td {
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
}

.topplistan table td:first-child,
.topplistan table th:first-child {
	border-left: none;
}

.form	{ 
	font-weight: bold 
}
.formheading { 
	font-weight: bold;
	padding-right: 4px;
}
.email { 
	border-style: hidden;
	border-bottom: 1px dashed grey; 
	font-family: courier, monospace, sans-serif;
}

/*
del {
	text-decoration: line-through;
	color: red; 
	background-color: #fbb; 
}
*/

.jobrapido {
    margin: 0.5ex; 
    font-size: 8px; 
    font-family: Verdana, Arial, Sans-Serif;
}
.jobrapidobig {
    margin: 0.5ex; 
    font-size: 10px; 
    font-family: Verdana, Arial, Sans-Serif;
}

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

.silverkant {
   padding: 8px;
   width: 544px;
   border: 5px solid silver;
   position: relative;
   left: -13px;
   border-radius: 7.37px;
        -moz-border-radius: 7.37px;
        -khtml-border-radius: 7.37px; 
	-webkit-border-radius: 7.37px;
}

.guldkant {
   width: 544px;
   padding: 8px;
   border: 5px solid gold;
   position: relative;
   left: -13px;
         border-radius: 7.37px;
        -moz-border-radius: 7.37px;
        -khtml-border-radius: 7.37px; 
	-webkit-border-radius: 7.37px;
}

.platsannonsnewsfeed {
	box-shadow: 1px 2px 6px #999;
  	-moz-box-shadow: 1px 2px 6px #999;
	-webkit-box-shadow: 1px 2px 6px #999; 
         border-radius: 7.37px;
        -moz-border-radius: 7.37px;
        -khtml-border-radius: 7.37px; 
	-webkit-border-radius: 7.37px;
	background-color: none;
	padding:	10px 0px 15px 15px;
	border: 	1px solid #aaa;
	margin: 	0px 0px;
        font-size: 13px; 
        text-align:left; 
        font-family: Arial Narrow, Helvetica, Sans-serif;
} 

.platsannons140 {
	box-shadow: 0px 1px 3px #999;
  	-moz-box-shadow: 0px 1px 3px #999;
	-webkit-box-shadow: 0px 1px 3px #999; 
         border-radius: 7.37px;
        -moz-border-radius: 7.37px;
        -khtml-border-radius: 7.37px; 
	-webkit-border-radius: 7.37px;
	background-color: none;
	padding:	4px; 
	width:		132px;
	border: 	1px solid #aaa;
	margin: 	0px 0px;
        font-size: 11px; 
        text-align:right; 
        font-family: Arial Narrow, Helvetica, Sans-serif;
} 

.platsannons {
	box-shadow: 1px 2px 6px #999;
  	-moz-box-shadow: 1px 2px 6px #999;
	-webkit-box-shadow: 1px 2px 6px #999; 
         border-radius: 7.37px;
        -moz-border-radius: 7.37px;
        -khtml-border-radius: 7.37px; 
	-webkit-border-radius: 7.37px;
	background-color: white;
	padding:	16px; 
	width:		510px;
	border: 	0px solid #aaa;
	margin: 	0px 0px;
} 

.platsannons .rubrik, 
.platsannons140 .rubrik, 
.newsfeed .rubrik, 
.platsannonsnewsfeed .rubrik {
	font-size: 140%;
        cursor: pointer;
	color : #660066;
}
.evenemangstips {
	color : #660066;
	background-color: rgb(242,222,179);
	border-top: 		1px dashed white;
	border-bottom: 	1px dashed white;
   padding: 3% 3% 3% 5%;
   width: 92%;
/*
	padding-top:		6px; 
	padding-left:		6px; 
	padding-right:		6px; 
	padding-bottom:	10px; 
	width:				214px; 
	margin-left: 		3px;
	margin-right: 		3px;
	margin-top:			-8px;
	margin-bottom:		-1px;
*/
}

@keyframes go-right {
    0% {
      left: 0px;
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(0deg);
      /* transform: rotate(1.9deg); */

      left: 0px;
      /* left: 2px; */
    }
    100% {
      left: 0px;
      transform: rotate(0deg);
    }
}

.goRight:hover {
   animation-name: go-right;
   animation-duration: 300ms;
}

.hover2px, .evenemangstips:hover, .hover1px {
   box-shadow: 2px 3px 3px #999;
   -moz-box-shadow: 2px 3px 3px #999;
	-webkit-box-shadow: 2px 3px 3px #999; 
   transform: rotate(0deg);
	position: relative;
	top: -3px;
	left: 0px; 
   animation-name: go-right;
   animation-duration: 400ms;
	background-color: rgb(252,232,189);
} 
.hover1px {
   box-shadow: 2px 3px 3px #999;
   -moz-box-shadow: 2px 3px 3px #999;
	-webkit-box-shadow: 2px 3px 3px #999; 
	position: relative;
	top: -3px;
	left: -2px;
	background-color: rgb(252,232,189);
} 
.morebutton {
	cursor:pointer; 
	display:none; 
	padding:2px; 
	background:LightsteelBlue; 
	border: 1px solid black; 
	color:white;
}

.lessbutton {
	cursor:pointer; 
	display:none; 
	padding:2px; 
	margin-left:5px; 
	background:Lavender; 
	border: 1px solid black;
}

.sponsradpekare {
	/* font-style:	italic;  */
	color:		#5a9; 
	text-align:	left;
}

.supertag {
	width:	450px;
}

.twitEven {
	background-color: white;
	border-bottom: 1px dashed rgb(148,228,232);
	padding: 5px 0px 2px 1ex;
	text-align: left ; 
	font-family: sans-serif; 
	font-size: 100%;
	vertical-align: top;
} 

.twitOdd {
	border-bottom: 1px dashed rgb(148,228,232);
	background-color: white; 
	padding: 5px 0px 2px 1ex;
	text-align: left ; 
	font-family: sans-serif; 
	font-size: 100%
	vertical-align: top;
} 

.twitframe {
	width					:	468px; 
	background-color	:	white; 
	border-left			:	1px solid rgb(148,228,232); 
	border-bottom		:	1em solid rgb(148,228,232);
}

.twitterfeeditem_person {
   border-radius: 6.66px;
        -moz-border-radius: 6.66px;
        -khtml-border-radius: 6.66px;
		  -webkit-border-radius: 6.66px;
	background-color: #ECDEE6;
	border-bottom: 1px dashed #ddd;
	text-align: left ; 
	vertical-align: top;
	padding: 1ex 1em 1ex 1em;
} 

.feedEven {
/*        border-radius: 6.66px;
                -moz-border-radius: 6.66px;
                -khtml-border-radius: 6.66px;
                -webkit-border-radius: 6.66px;

	background-color: #DEECE6; */
	padding: 2px 4px 2px 2px; 
/*	border-top: 1px dashed  rgb(220,220,246); */
	text-align: left ; 
	vertical-align: top;
	color: #160;
} 

.egenannons { 
	background-color:#dd7;
   /*
	box-shadow: 1px 2px 4px #999;
  	-moz-box-shadow: 1px 2px 4px #999;
	-webkit-box-shadow: 1px 2px 4px #999; 
  border-radius: 9.66px;
  -moz-border-radius: 9.66px;
  -khtml-border-radius: 9.66px;
	-webkit-border-radius: 9.66px;
   */
/*	border: 1px solid #aa6;  #aa3; */
	padding: 1em;
}

.ETNRuta { 
/*
	box-shadow: 1px 2px 4px #999;
  	-moz-box-shadow: 1px 2px 4px #999;
	-webkit-box-shadow: 1px 2px 4px #999; 
*/
   border-radius: 9.66px;
  -moz-border-radius: 9.66px;
  -khtml-border-radius: 9.66px;
	-webkit-border-radius: 9.66px;
/*	border: 1px solid #CACCDE; */
        overflow: hidden; 
}

#mestLastHeading + table {
   padding-left: 14px;
   padding-right: 7px;
}

.newsfeed { 
/*
	box-shadow: 1px 2px 4px #999;
  	-moz-box-shadow: 1px 2px 4px #999;
	-webkit-box-shadow: 1px 2px 4px #999; 
*/
   border-radius: 5.66px;
	border: 1px solid #CACCDE;
	padding: 2px 4px 2px 18px;
   overflow: hidden; 
   background: white;
}

fieldset { 
   /*
	box-shadow: 1px 2px 5px #555;
  	-moz-box-shadow: 1px 2px 5px #555;
	-webkit-box-shadow: 1px 2px 5px #555; 
   */
   border-radius: 9.66px;
  -moz-border-radius: 9.66px;
  -khtml-border-radius: 9.66px;
	-webkit-border-radius: 9.66px;
	border: 1px solid #CACCDE;
	padding: 18px;
   overflow: hidden; 
   margin-bottom: 8px;
}

/* Ta bort en massa skitsnack fran soksidan */
#area_content, #area_weblinks, #area_contacts, #area_categories, #area_sections, #area_newsfeeds, #searchForm > label, .searchintro {
   display: none;
}

.newsfeed_career { 
   border-radius: 6.66px;
  -moz-border-radius: 6.66px;
  -khtml-border-radius: 6.66px;
	-webkit-border-radius: 6.66px;
}

.feedOdd { 
/*  border-radius: 6.66px;
                -moz-border-radius: 6.66px;
                -khtml-border-radius: 6.66px;
                -webkit-border-radius: 4.66px;
	background-color: #EAF4D5; */
	padding: 2px 4px 2px 2px; 
/*	border-top: 1px dashed  rgb(220,220,246); */
	text-align: left ; 
	vertical-align: top;
	color: #106;
} 

.newsfeed_career .feedEven {
	background-color: #DEECE6; 
	padding: 12px 18px 8px 12px;
	border-top: 2px dashed  white;
	border-bottom: 2px dashed  white;
	text-align: left ; 
	vertical-align: top;
	color: #160;
} 

.newsfeed_career .feedOdd a,
.newsfeed_career .feedEven a
{ 
   font-size: 160%;
}

.newsfeed_career .feedOdd { 
	background-color: #EAF4D5;
	padding: 12px 18px 8px 12px;
	border-top: 2px dashed  white;
	border-bottom: 2px dashed  white;
	text-align: left ; 
	vertical-align: top;
	color: #106;
} 
.listEven, .listEven-right {
	background-color: #fcfcfc; 
	padding: 1px 8px 1px 1px; 
	border-bottom: 1px solid #eee ; 
	text-align: left ; 
	vertical-align: top;
}

.listOdd, .listOdd-right  {
	background-color: #f5f5f5; 
	padding: 1px 8px 1px 1px; 
	border-bottom: 1px solid #eee ; 
	border-bottom: 1px solid #eee ; 
	text-align: left ; 
	vertical-align: top;
}

.listOdd-left {
	background-color: #f5f5f5; 
	padding-top: 2px; 
	padding-left: 2px; 
	padding-right: 4px; 
	padding-bottom: 1px; 
	border-bottom: 1px solid #eee ; 
	border-bottom: 1px solid #eee ; 
	text-align: right ; 
	vertical-align: top;
	font-size: 	100%;
	width: 15px;
}

.listEven-left {
	background-color: #fcfcfc; 
	padding-top: 2px; 
	padding-left: 2px; 
	padding-right: 4px; 
	padding-bottom: 1px; 
	border-bottom: 1px solid #eee ; 
	text-align: right ; 
	vertical-align: top;
	font-size: 	100%;
	width: 15px;  /* Obegripligt. Men annars blir lanklistorna superbreda */
}

/* TMS-annons v 25 2007, jumbo */

.tms-banner {
	margin-top:	0px;
	color: 		#0033CC;
	font-size: 	10px;
	clear:		both;
}
.tms-textruta {
	height : 	6ex; 
	font-size:	9px; 
	color: 		#666666;
} 
.tms-style2 {
	font-size:	10px;
	color:		#FFFFFF;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
}

/* +++++++++++++++++++++++ */

.evennews {
	background-color:	white; /* rgb(211,210,228);*/
}
.oddnews {
	background-color:	white; /* rgb(221,220,238); */
}
body {
	padding		: 0;
	font-family	: Arial, Helvetica, sans-serif;
	color		: black;
	font-size   : 100%;
   line-height: 140%;
}

h2 {
   line-height: 100%;
}

tr, p, div {
	font-family	: Arial, Helvetica, sans-serif;
  	color           : black;
  	font-size       : 100%;
} 

/*################## LINKS  ###################*/
a {
  	color            	: black;
	border-style		: none;
	border		: none;
 /*	text-decoration		: none;*/
}
a:hover {
 	text-decoration		: underline;
}
a:visited, a:visited:hover {
  /*	color            	: #551a8b;*/
	border		: none;
}

.fulltext a, .fulltext * a {
 	text-decoration		: underline;
}

.leftColumn {
 	padding-left		: 0.5ex;
 	padding-right		: 0.5ex;
} 

.utgivningsschema {
	border: none;
	padding-top			: 1em;
	padding-bottom		: 1em;
   padding-left: 2px;
   padding-right: 2px;
	width: 100%;
}

.utgivningsschema tr:nth-child(odd) {
   background: beige;
}

.utgivningsschema td p {
	padding	: 0px;
	margin	: 0px;
}
.utgivningsschema th * {
   font-weight: bold;
}
.utgivningsschema td, .utgivningsschema th  {
	padding				: 4px 0px 4px 4px;
   border: none;
}

/* Faktaruta */


.presentation {
   padding: 2%;
   border-radius: 7.37px;
   -moz-border-radius: 7.37px;
   -khtml-border-radius: 7.37px;
   width: 50%;
   float: right;
	margin-left	: 6px;
	font-family	: Arial, Helvetica, sans-serif;
	background-color	: #cccccc;
}

.expertpresentation, expertpresentation-right {
   width: 200px;
	border-top			: 14px solid #003333; 
	margin				: 2px 0px 6px 6px;
	padding				: 6px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;
	color					: white;
	background-color	: #004D00;
}

.expertpresentation td
{
	padding: 6px;
	color			: #fff;
}

/* -------------- Faktarutor -------------- */

/* ------- Alla ---- */ 
.faktaruta,   
.faktaruta-right, 
.faktaruta-left,
.faktaruta-rod,
.faktaruta-bla,
.faktaruta-gul {
	margin-top			: 6px;
	margin-bottom		: 6px;
	padding				: 12px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 95%;
	line-height			: 125%;
	border-bottom: 1px solid #aaa;
   border-radius: 7.37px;
   -moz-border-radius: 7.37px;
   -khtml-border-radius: 7.37px; 
}




.faktaruta { 
   background-color	: beige; 
} 
.faktaruta-right, .faktaruta-left {
	background-image	: url('/images/template/bakgrundfaktaruta.png');
} 

td.faktaruta-right, td.faktaruta-left, td.faktaruta-rod, td.faktaruta-bla, td.faktaruta-gul {
   width: 90%;
   padding: 4%;
   font-size: 90%;
} 

.faktaruta-right, .faktaruta-left, .faktaruta-rod, .faktaruta-bla, .faktaruta-gul {
   width: 50%;
} 
.faktaruta-right, .faktaruta-rod, .faktaruta-bla, .faktaruta-gul {
   margin-left: 6px; 
   float: right;
}
.faktaruta-left { 
   margin-right: 6px; 
   float: left;
}
.faktaruta-gul {
   border-left: 0.5px solid #FFE8B9;
   border-right: 2px solid #FFE8B9;
   background-color: #FFF7EB;
/* background-image	: url('/images/template/gulbakgrundfaktaruta.png'); */
}
.faktaruta-gul p { text-indent : 2em; }
.faktaruta-gul p:first-child { text-indent : 0em; }

.faktaruta-rod {
   border-left: 0.5px solid #FFAA95;
   border-right: 2px solid #FFAA95;
   background-color: #FFE0D8;
/*	background-image	: url('/images/template/rodbakgrundfaktaruta.png'); */
} 
.faktaruta-bla {
   border-left: 0px solid #B2C5DE;
   border-right: 0px solid #B2C5DE;
   background-color: #E3EDFA; 
/*   background-image	: url('/images/template/blabakgrundfaktaruta.png'); */
}

/*
.expertpresentation img, .faktaruta img, .faktaruta-bla img, .faktaruta-gul img, .faktaruta-rod img {
	margin-left:0.7ex;
	margin-right:0.7ex;
}
*/

/*
###########################################################
##                  TOP MAINMENU STYLING                 ##
###########################################################


#################### MAINLEVEL  ####################
*/

table {
    /* background-color    : white;  ##rgb(234,234,242);  */ 
    padding	      	: 0px;
    margin	      	: 0px;
}
.belowRightads .moduletable, .belowmain .moduletable, .belowleft .moduletable {
    padding	      	: 5px;
    margin	      	: 0px;
    margin-bottom	: 3px;
	width			: 100%;
}
table.belowRightads, table.belowmain, .belowleft {
    width				: 100%;
}
.fliktidningen {
    margin-top          : 1px;
    background-color    : white; /* ## rgb(234,234,242); */
    border-top 	      	: 0px solid rgb(46,49,146);
    border-right        : 0px solid rgb(46,49,146);
    border-left         : 0px solid rgb(46,49,146);
    border-bottom       : 1px solid rgb(46,49,146);
}
.fliktidningen * {
   /* background-color    : white;  ## rgb(234,234,242); */
}

.moduletable-topnav {
    width               : 697px;
    padding             : 0px 0px 0px 0px;            /* top right bottom left */
} 
table.moduletablebransch {
	margin-top			: 0px;
}
table.moduletable {
	margin-top			: 0px;
}


/*#################### THE STANDARD MODULE MENU  ####################*/
a.mainlevel#active_menu{
	color				: #000000; 
 	text-decoration		: none;
	font-weight			: bold; 
}
a.mainlevel#active_menu:hover{
	color				: #000000; 
 	text-decoration		: underline;
	font-weight			: bold; 
}
a.sublevel#active_menu{
	color				: #000000; 
 	text-decoration		: none;
	font-weight			: bold; 
}
a.sublevel#active_menu:hover{
	color				: #000000; 
 	text-decoration		: underline;
	font-weight			: bold; 
}
/*#################### TOPMENU (USER 3) STYLING  ####################*/
ul#mainlevel-nav
{
	list-style			: none;
	padding				: 0px;
	margin				: 0px;
}

ul#mainlevel-nav li
{
	display				: block;
	background-image	: none;
	padding-left		: 0px;
	padding-right		: 0px;
	float				: right;
	margin				: 0;
	width				: auto !important;
	font-size			: 12px;
	line-height			: 14px; 
	white-space			: nowrap;
	border-right		: 1px solid #5F6A79;
}

ul#mainlevel-nav li a
{
	display				: block;
	padding-left		: 10px;
	padding-right		: 10px;
	text-decoration		: none;
	color				: #5F6A79;
	background			: transparent;
	font-weight			: normal;
	border-top			: 1px solid #E4E5E5;
}

#buttons>ul#mainlevel-nav li a { 
	width				: auto; 
}

ul#mainlevel-nav li a:hover
{
	border-top			:1px solid #848E9C;
	color				: #FFFFFF;
	font-weight			: normal;
	background-color	: #5F6A79;
}
/*################## CONTENT STUFF ###################*/


small {
   line-height: 100%;
}
.small {
	font-size			: 90%;
	font-family			: "Helvetica Narrow", Arial, Helvetica, sans-serif;
	color				: black;
 }
.smalldark {
	font-size			: 10px; 
	font-family			: "Helvetica Narrow", Arial, Helvetica, sans-serif;
	font-weight			: bold; 
 }
.sectiontableentry2 a,
.sectiontableentry1 a {
	text-decoration		: underline;
	font-weight			: bold;
}
.sectiontableentry1 {
	background-color	: #FFFFFF; 
 }
.sectiontableentry2 {
	background-color	: #FFFFFF; 
}
.button {
/*	font-family			: "Helvetica Narrow", Arial, Helvetica, sans-serif;
 	font-size			: 12px; 
 	color				: #333333; 
 	border-width		: 1px; 
 	border-style		: solid; 
 	border-color		: #000000;  */
}
   a.konsultbutton{
      display: block;
      background: #ECEC8C;
      border-radius: 11px;
      padding: 4px 16px 5px 16px;
      font-family: arial;
      font-weight: bold;
      color:#444;
      text-decoration: none;
      text-shadow:0px 1px 0px #fff;
      border:1px solid #a7a7a7;
   margin: 6px 0px 6px 0px;
      width: 300px;
      box-shadow: 0px 2px 1px white inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
      -webkit-transition:box-shadow 0.5s;
   }
   a.konsultbutton strong{
      color:#774;
      float: right;
      position: relative;
      top: -4px;
      font-size: 140%;
      display: block;
   }
   a.konsultbutton:hover{
      box-shadow: 0px 2px 1px white inset, 0px -2px 20px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
   }
   a.konsultbutton:active{
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
      background:-webkit-linear-gradient(top, #d1d1d1 0%,#ECECEC 100%);
   }

.mod-articles-category-introtext {
   margin: 0;
   font-size: 100%;
}

.mod-articles-category-date {
   display: block;
   font-family       : "Helvetica Narrow", Arial, Helvetica, sans-serif;
   font-size         : 10px;
   color          : #777;
}

.createdate {
	font-family			: "Helvetica Narrow", Arial, Helvetica, sans-serif;
	font-size			: 10px; 
	color				: #999999;
 }
.modifydate {
	font-size			:  10px; 
	color				: #999999;
 }


.streckadlinje {
	border-top		: 1px dashed rgb(46,49,146);
}


/* default (editorial) heading, intro, fulltext ,:before, et cetera ... */
.contentheading, componentheading, .contentheading_statisk {
	padding-top			: 0ex;
	font-size			: 38px;
	color				: black;
	font-weight			: normal; 
	line-height			: 100%; 
	font-family			: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
}

.contentheading #rubrik {
	line-height			: 95%; 
}

.minifp td {
	padding-top			: 1em;
	margin-top			: 1em;
}

.minifp-introtitle a {
	font-size			: 140%;
	color				: black;
	font-weight			: bold; 
	line-height			: 100%;
	font-family			: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
}

.introtext {
	font-size			: 120%;
	font-weight			: bold; 
   line-height: 120%;
} 
.leading_story * .contentpaneopen * {
	font-size			: 12px;
}
.leading_story .contentheading .contentpagetitle, .leading_story h1, .leading_story h2, .leading_story h3 {
	font-family			: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
	font-size           : 38px; 
	font-weight        : bold; 
	margin			: 3px 0px 3px 0px;
	line-height			: 100%;
	padding-top			: 0px;
	text-decoration		: none; 
}
.leading_story h1._95percent { font-size        : 36.1px; }
h1._95percent { font-size        : 30.4px; }

/*
.section_AKTUELLT .introtext :after {
	content				: url("https://www.etn.se/images/stories/template/ETN-before.gif");
}
*/
/* For other senders (industry representatives) heading, intro, fulltext ,:before, et cetera ... */
.section_ELEKTRONIKBLOGGARE .contentheading,
.category_EXPERTARTIKEL .contentheading,
.category_PRESSRELEASE .contentheading {
	padding-top			: 12px;
	font-size			: 32px;
	color				: green;
	font-weight			: bold; 
	font-family			: "Helvetica Narrow", Arial, Helvetica, sans-serif;
}
.blog_more{
	border-top:1px dashed #5F6A79;
	margin-top:10px;
	margin-bottom:10px;
}
.blogsection{
	font-size			: 14px;
	color				: black;
	font-weight			: bold;
}


.comments-header {
	background-color 	: rgb(215,118,58);
    font-weight      	: bold;
  	color				: #FFFFFF;
	text-align       	: left;
/*	border-top			: 1px solid #848E9C; */
	padding				: 2px;
}
.sectiontableheader {
	background-color 	: rgb(46,49,146); 
    font-weight      	: bold;
  	color				: #FFFFFF;
	text-align       	: left;
/*	border-top			: 1px solid #848E9C; */
	padding				: 2px;
}
.mosimage_caption {
	font-size			: 12px;
	font-family			: "Helvetica Narrow", Arial, Helvetica, sans-serif;
   font-weight      	: bold;
	font-style			: italic;
/* ##	color				: rgb(46,49,146);  */
}
.img_caption img {
	margin-bottom			: 3px;
}
.img_caption p {
	font-size			: 12px;
	font-family			: "Helvetica Narrow", Arial, Helvetica, sans-serif;
   font-weight     	: bold;
   text-align			: right;
	font-style			: italic;
	margin			: 0px;
	padding			: 0px;
   border-bottom: 1px solid lightgrey;
}
a.category:hover {
	text-decoration		: underline; 
 }

/*###########################  MODULES ##############################*/
.datum {
	font-family			: "Helvetica Narrow", Arial, Helvetica, sans-serif;
	font-size			: 100%;
}
.vecka {
	padding:1px 3px 1px 3px; 
	margin-left: 2px; 
}
.oldinvertdatum {
	font-family			: "Helvetica Narrow", Arial, Helvetica, sans-serif;
	border-top			: 0px solid #848E9C;
	border-left			: 0px solid #848E9C;
	border-right		: 0px solid white;
	border-bottom		: 0px solid white;
	padding				: 0px 2px 0px 3px;
	font-size			: 12px;
	font-variant		: small-caps;
	-moz-box-shadow: inset 1px 2px 3px #999;
	-webkit-box-shadow: inset 1px 2px 3px #999;
	box-shadow: inset 1px 2px 3px #999; 
}

.article_column span.invertdatum { display: none; }
.leading_story span.invertdatum { display: none; }

span.invertdatum {
	font-family			: "Helvetica Narrow", Arial, Helvetica, sans-serif;
	color					: #777;
	font-variant		: small-caps;
   font-size         : 16px;
   display           : inline-block;
   background-color: rgb(238, 238, 238); 
   color: black;
   margin-right: 7px; 
   margin-bottom: 4px; 
   margin-top: 6px;
   padding: 4px 8px 2px 8px; 
   text-align: center;
   line-height: 100%;
 }

.article_column span.invertdatum { display: none; }
.leading_story span.invertdatum { display: none; }

.greybox { 
   display: inline-block; 
   margin-right: 7px; 
   margin-bottom: 4px; 
   margin-top: 6px;
   padding: 0px 19px; 
   background-color: rgb(238, 238, 238); 
   color: black;
}

.sidhuvud .datum {
	font-variant		: small-caps;
	font-family			: "Helvetica Narrow", Arial, Helvetica, sans-serif;
	color				: black;
	font-size			: 100%;
}
table.moduletable {
	/* margin				: 0px 3px 10px 3px; */
	/* width				: 96%; */
	/* width				: 96%; */
	/* border				: 1px solid #5F6A79; */
	background-color	: #FFFFFF;	
 }
table.moduletable th  {
	color				: rgb(46,49,146);
  	font-weight      	: bold;
	font-family			: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
  	font-size        	: 13px;
	text-align			: center;
	letter-spacing		: 1px;
	}
table.moduletablebransch th {
	color				: green;
  	font-weight      	: bold;
	font-family			: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
	font-family			: sans-serif;
  	font-size        	: 13px;
	text-align			: center;
	letter-spacing		: 1px;
	}
.latestnewsbransch p {
	color				: green;
  	font-size        	: 12px;
	padding				: 0px; 
	margin-top			: 0px;
	margin-right		: 0px;
	margin-bottom		: 0px;
	margin-left			: 0px;
	border-style		: none;
	font-family			: "Arial", Verdana, Helvetica, sans-serif;
} 

.latestnews p, a.mostread {
  	font-size        	: 12px;
	padding			: 0px; 
	margin-top		: 0px;
	margin-right		: 0px;
	margin-bottom		: 0px;
	margin-left		: 0px;
	border-style		: none;
/*	font-family			: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif; */
	font-family			: "Arial", Verdana, Helvetica, sans-serif; 
} 

/*####### STUFF########*/
.back_button {
	margin-top			: 20px;
}
.inputbox {
	font-family			: Arial, Helvetica, Meta, sans-serif; 
 	font-size			: 100%; 
	border				: 1px solid #5F6A79;
 }
/*##################  TABLE OF CONTENTS ###################*/
.contenttoc{
	border				:1px solid #333333;
	margin				:0px 1px 3px 3px;
	background-color	: #CCCCCC;
	font-weight			: bold;
}
a.toclink{
	color				: #FFFFFF;
}
/*###################### PATHWAY #########################*/
.pathway{
	color				: #5F6A79;
	font-weight			: bold;
}
a.pathway{
	color				: #5F6A79;
	font-weight			: bold;
	text-decoration		: none;
}
a.pathway:hover{
	color				: #5F6A79;
	font-weight			: bold;
	text-decoration		: underline;
}
table.pathwaycontainer{	
	color				: #5F6A79;
	width				: 600px;
}
td.pathwaycontainer{
	border-top			: 1px solid #848E9C;
}
/*###################### TEMPLATE SPECIFIC #########################*/


.maincontenttable{
	background-color	: #FFFFFF;
}
table.maincontenttable{
	border-left			: 1px solid #5F6A79;
	border-right		: 1px solid #5F6A79;
	border-bottom		: 1px solid #5F6A79;
	width				: 100%;
}
.topmodulecontainer{
/*	border-left			: 1px solid black;
	border-right		: 1px solid black; 
	border-top			: 1px solid grey; */
	background-color	: white;
	padding			: 3px 0.5ex 0px 0px;
}
.copyright{
	font-size			: 9px;
	color				: rgb(34,9,70);
}
.highlight {
	color				: red;
}

ul.mostread { 
/*	background-color	: transparent; */
	/*margin-left		: -10px; */
  	/*font-size        	: 12px; */
	padding				: 0px; 
	margin-top			: 0px;
	margin-left			: 0px;
	border-style		: none;
	font-family			: "Arial", Verdana, Helvetica, sans-serif;
	list-style-type	:	none;
}

li.mostread { 
/*	background-color	: transparent; */
	/*margin-left		: -10px; */
  	/*font-size        	: 12px; */
	padding				: 0px; 
	margin-top			: 6px;
	margin-left			: 0px;
	border-style		: none;
	font-family			: "Arial", Verdana, Helvetica, sans-serif;
}

ingressdisplay { /* Experimental. Currently uses inline Style */
	opacity		:	0.99;
	width			:	209px; 
	display		:	none; 
	padding		:	7px; 
	border		: 	1px solid gray; 
	color			:	black; 
	text-align	:	left; 
	position		:	fixed; 
	z-index		:	3;
	left			:	4px
}


.homeknapp a:visited, .homeknapp a {
   text-decoration:none;
   color: beige;
}
.homeknapp {
   text-decoration:none;
   background-color: #2E3192;
   color: white;
   float:	left;  
   margin:	3px 4px 3px 3px; 
   padding: 9px 7px 0px 7px;
   height: 30px;
   font-weight:bold; 
   font-size: 17px; 
   font-family: Arial, Verdana, Sans-Serif;
   border-radius: 2.66px;
      -moz-border-radius: 2.66px;
      -khtml-border-radius: 2.66px;
      -webkit-border-radius: 2.66px;
}
.homeknapp:hover {
   text-decoration: none; 
   box-shadow: 2px 3px 3px #2E3192;
   position: relative;
   top: -1px;
   left: -1px; 
   color: white;

   animation-name: go-right;
   animation-duration: 400ms; 
}
a.homeknapp {
   color: white;
}
a.homeknapp:hover {
   color: white;
}

.menyknapp, a.menyknapp {
   text-decoration: none;
   display: inline-block;
   color: white; 
   margin:	0px 0px 0px 10px; 
   letter-spacing:	0.5px;
   font-weight: bold; 
   font-size: 13px; 
   font-family:  Arial Narrow, Trebuchet MS, Helvetica, Sans-Serif; 
}

#metameny { 
   display: table;
   line-height: 100%;
   width: 100%; 
   margin: 0px; 
   background-color: rgb(46, 49, 146); 
   padding: 2px 0px 5px 0px;
   z-index: 1; 
/*   position: fixed;  */
   max-width : 100%;
}

#metameny .separator {
   color: white; 
   font-size: 15px;
   display: inline-block;
   width: 1em;
}

#metameny a.menyknapp {
   font-size: 15px;
   margin-right:15px;
}

.undermeny a.menyknapp {
   font-size: 16px;
   margin-right:15px;
}

a.menyknapp {
   float:center;  
}

a.menyknapp:visited {
   color: white;
}

a.menyknapp:hover {
   color: white;
   text-decoration: none; 
   box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 2px 3px 3px  rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 2px 3px 3px  rgba(0, 0, 0, 0.5);
   position: relative;
   top: -2px;
   left: -2px; 
}

.submenyframkallare {
 /*  text-decoration: underline; 
   font-weight: bold; */
   cursor: pointer;
}


#submeny {
   position: absolute;
   width: 13em;
   padding: 10px;
   display: table-cell;
   background: white; /* "#88d" // "#2E3192" */
}

#sektionsmeny {
 /*  max-width: 100%; */
   padding : 0px; 
   margin-top: 1px; 
   background-color: white; 
 /*  width:100%; */
}

#submeny a { text-decoration: none; font-weight: bold; display: block; float: none; }
#submeny a:hover { text-decoration: underline; }

/* #sektionsmeny { max-width: 100%; border-top : 1px solid grey; border-bottom : 1px solid grey; padding : 10px; margin-top: 1px; background-color: white; width:100%; } */


#sektionsmeny td {
   padding: 0px;
   margin: 0px;
   background-color: white;
}

.category-name a,
.subheading-category,
.seknapp, 
a.seknapp, 
a.label.label-info, 
.evofp-categ,
.tag-category > h2
{ 
    color :  #2E3192;
    background : white;
    margin : 4px 19px 4px 0px;
    padding : 0px;
    display : table; 
   text-decoration: none;
   display: inline-block;
    letter-spacing:	0.5px;
    height: 16px;
    font-weight: normal; 
    font-size: 16px; 
    font-family: Arial, Verdana, Sans-Serif;
}

.subheading-category { 
   font-size: 24px;
   padding: 8px 0px 12px 0px;
   text-align: center;
   display: block;
   border: none; /* 1px solid grey; */
   text-decoration: none;
   text-transform: capitalize;
}

.category-name a {
   font-family: 'Source Sans Pro', sans-serif; 
   font-size: 100%;
   font-style: normal;
   font-weight: normal;
   height: 9px;
   background: linear-gradient(#2E3192, #080E31);
   background-color: #2E3192;
   color: white;
   height: 100%;
}

.tag-category { 
   margin-top: 20px;
}
.tag-category::before { 
   content : "TAGGADE ARTIKLAR:";
}
.tag-category > h2 { 
   padding-top: 5px; 
   display: block;
   
}
.tag-category > h1 { display: none; }

.evofp-categ { 
   background-color: #afd; 
   background: linear-gradient(#dee, #8bb);
   background: -webkit-linear-gradient(#dee, #8bb);
   background: -o-linear-gradient(#dee, #8bb);
   background: -moz-linear-gradient(#dee, #8bb); 
   font-weight: bold;
}

a.seknapp {
   float:	left;  
}

a.seknapp:hover, 
.seknapp:hover, 
a.label.label-info:hover, 
a.evofp-categ:hover,
.category-name a:hover {
   /* color: white;*/
   background: #ccc;
   text-decoration: none; 
   box-shadow: 2px 3px 3px #080E31;
   position: relative;
   top: -1px;
   left: -1px; 
   animation-name: go-right;
   animation-duration: 400ms;
}
.category-name a:hover {
   text-decoration: none;
   box-shadow: none;
}

.hockeybild-left {
	float: left;
}
.hockeybild, .hockeybild-right {
	float: right;
}
.hockeybild, .hockeybild-right, .hockeybild-left {
   width: 100px;
   border-radius: 4.66px;
   -moz-border-radius: 4.66px;
   -khtml-border-radius: 4.66px;
   -webkit-border-radius: 4.66px;

	padding: 6px 6px 8px 6px;
	margin: 1px 0px 6px 10px;
   
	box-shadow: 2px 4px 6px #999;
	-moz-box-shadow: 2px 4px 6px #999;
	-webkit-box-shadow: 2px 4px 6px #999;

   font-weight: bold;
	font-size: 90%;
   font-family: Verdana, Arial, Sans-Serif;
   color: #777;
   background-color: #fff;
	text-align: center;
   line-height: 130%;
}
.hockeybild-left img, 
.hockeybild-right img,
.hockeybild img {
	margin: 0 0 5px 0;
   width: 100%;
}

.redaktion {
   display: table;
   border: 0px;
   padding: 0; /* 1ex 1ex 1ex 1em; */
   cursor: pointer;
   background-color: white; /* #2E3192; */

}
.redaktion div {
   font-family: sans-serif;
   line-height: 110%;
   font-size: 80%;
}
.redaktion h2 {
   font-family: sans-serif;
   text-align: center; 
   font-weight: bold; 
   padding: 0;
   margin: 0;
   color: #2E3192;
}
.redaktion .hockeybild-left {
   box-shadow: 5px 5px 12px #999; /* #0C255A; // #0C255A; */
   background: white;
   color: black;
   margin: 2px;
}
.redaktion img {
}

.redaktionsruta a {
	color: #1E1D64; 
	text-decoration: underline;
}

.redaktionsruta a:hover {
	color: #1E1D64; 
	font-style:italic;
}

.redaktionsruta {
	background-color: white; 
	color: #1E1D64; 
	padding: 8px 0px 8px 12px;
	margin: 20px 0px 10px 0px;
	line-height: 150%; 
	border: 1px dashed #1E1D64;
	font-size: 100%; 
   display: table;
}

.rightminus10 { margin: 0px -10px 0px; }
.rightminus20 { margin: 0px -20px 0px; }
.rightminus40 { margin: 0px -40px 0px; }

img.alignLeft, div.left, .alignLeft {
   margin: 0px 10px 4px 0;
	float: left;
}

img.alignLeftClearBelow {
   margin: 0 10px 24px 0;
	float: left;
}

img.alignRight, div.right, .alignRight {
   margin-left: 10px;
   margin-bottom: 6px;
	float: right;
}

.alignRightBorderLeft {
   margin-left: 6px;
   margin-bottom: 6px;
   padding-left: 6px;
   border-left: 1px solid grey;
	float: right;
   font-size: 90%;
   width: 50%;
}

.borderLeft {
   padding-left: 6px;
   padding-bottom: 6px;
   margin-left: 6px;
   margin-bottom: 2px;
   border-left: 1px solid #BBB;
}
.borderLeft td {
   font-style: italic;
   font-size:90%;
}
.faktarutaBorderLeft {
   width: 200px;
   margin-left: 6px;
   margin-bottom: 3px;
   padding-left: 6px;
   border-left: 1px solid grey;
	float: right;
   font-style: italic;
}

img.alignRightClearBelow {
   margin: 0 0 24px 10px;
	float: right;
}

img.alignLeftShadow {
   margin: 6px 12px 6px 0px;
	float: left;
	-moz-box-shadow: 2px 3px 6px #999;
	-webkit-box-shadow: 2px 3px 6px #999;
	box-shadow: 2px 3px 6px #999;
}

img.alignRightShadow {
   margin: 2px 0 2px 10px;
	float: right;
	-moz-box-shadow: 2px 3px 6px #999;
	-webkit-box-shadow: 2px 3px 6px #999;
	box-shadow: 2px 3px 6px #999;
} 

img.shadow, .shadow {
	box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";	/* IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');			/* IE 5.5 - 7 */
}

.tema {
   background-color: #a5a7c7; 
   background-color: beige; 
   color: white; 
   color: black; 
   padding: 0px 10px 0px 0px; 
   margin-bottom: 2px;
   display: inline-block;
   border-radius: 3.37px;
   clear: right;
}

img.bigmagimage {
	float: right;
	width: 150px;
	border: none;
	margin: 0px 12px 12px 0px;	
	transform: rotate(-3.5deg);
	-moz-transform: rotate(-3.5deg);
	-webkit-transform: rotate(-3.5deg);
	box-shadow: 2px 3px 9px #777;
	-moz-box-shadow: 2px 3px 9px #777;
	-webkit-box-shadow: 2px 3px 9px #777;
}

img.magimage {
	float: right;
	width: 50.3px;
	border: none;
	margin: 0px 12px 12px 0px;	
	box-shadow: 2px 3px 6px #999;
	-moz-box-shadow: 2px 3px 6px #999;
	-webkit-box-shadow: 2px 3px 6px #999;
	transform: rotate(-3.5deg);
	-moz-transform: rotate(-3.5deg);
	-webkit-transform: rotate(-3.5deg);
} 

img.magimage:hover, img.bigmagimage:hover {
	position: relative;
	z-index: 10;
	-moz-transform: rotate(3.5deg) scale(2);
	-webkit-transform: rotate(3.5deg) scale(2);
	transform: rotate(3.5deg) scale(2);
}
img.bigmagimage:hover {
   transform: rotate(3.5deg) scale(2) translate(-30px, 0px);
}

.tilt {
	transform: rotate(3.5deg);
	-moz-transform: rotate(3.5deg);
	-webkit-transform: rotate(3.5deg);
} 

.tilt:hover {
	transform: rotate(1.2deg);
	-moz-transform: rotate(1.2deg);
	-webkit-transform: rotate(1.2deg);
} 

.randomtilt { /* JS can make it random from -4 to 4 */
	transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
}
.tilt_1 {
	transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
} 
.tilt_3 {
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
} 
.tilt_5 {
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
} 
.tilt1 {
	transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
} 
.tilt3 {
	transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
} 
.tilt5 {
	transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
} 

.smalltilt {
	transform: rotate(0.9deg);
	-moz-transform: rotate(0.9deg);
	-webkit-transform: rotate(0.9deg);
} 

#nlad_lower {
	border: 0px solid lightGrey;
}

.user, a.user, a.user:visited {
	color: #2466A7;
	font-family: sans-serif;
}

.user:hover, a.hashtag:hover, .smalltag:hover {
	box-shadow: 2px 3px 3px #999;
	-moz-box-shadow: 2px 3px 3px #999;
	-webkit-box-shadow: 2px 3px 3px #999;
	text-decoration      : none; 
	position: relative;
	top: -1px;
	left: -1px;
}

.smalltag {
	margin: 0px 1px 0px 0px;
	height: 14px;
	float: left;
}

img.hashtag {
	margin: 0px;
}

.hashtag {
	margin: 0px 2px 0px 0px;
	height: 25px;
	float: left;
}

.subscript {
	position: relative;
	font-size: 70%;
	bottom:	-4px;
}

.superscript {
	position: relative;
	font-size: 70%;
	bottom:	4px;
}

p.anfang {
	margin-top: 1em;
	margin-bottom: 1em;
}

p.anfang:first-letter {
/*	position: relative;
	display: block;
	float: left;
	margin: 0px 1px 0px 0px;
	font-size: 440%;
	line-height: 80%;
	font-family: serif;
*/
	font-family: Times, serif;
	float: left;
	font-size: 3.8em;
	line-height: .7em;
	margin: 0px 3px 0px 0px;
	padding: 3px; 
	background-color: grey;
	color: white;
	border: 1px solid #555;
}

/* readmore */

.lasmerom {
   box-shadow: 1px 2px 4px #999;
      -moz-box-shadow: 1px 2px 4px #999;
      -webkit-box-shadow: 1px 2px 4px #999; 
	border-radius: 9.66px;
      -moz-border-radius: 9.66px;
      -khtml-border-radius: 9.66px;
      -webkit-border-radius: 9.66px;
   border: 1px solid #CACCDE;
   padding: 1ex 0.5ex 1ex 1ex;
	float: right;
	clear: both;
	margin: 1em 0 0 1em;
	width:180px;
}

.lasmerom li {
	list-style-type: square;
	margin-left: 0px;
}

.lasmerom a {
	text-decoration: none;
	display: block;
}
.lasmerom a:hover {
	text-decoration: underline;
}

.lasmerom img {
	float: right;
	margin: 0 0 0 2px;
	border: none;
	width: 30px;
}

.lasmerom .tema {
	font-size:140%;
} 

/* end of lasmerom */ 

img, a img, a:visited img {
        border: 0px;
	border-style	: none;
	border-color	: purple;
	margin	: 0px;
	padding	: 0px;
	border-width	: 0px;
}

.refererBox {
   width: 175px; 
   padding: 4px; 
   margin: 3px; 
}
.refererSubmit {
   font-size: 100%;
}


/* MIGRATIONEN TILL JOOMLA 3 */

.items-row, 
.items-leading, 
.item-page, 
div.span5, 
.evofp-table-cell-inner {
   display: block;
   padding: 2px 0px 2px 0px; /* uppdate 20 jan 2022 mellan puffar */
   margin-top: 0px;
/*
   box-shadow: 1px 2px 3px #999;
   -moz-box-shadow: 1px 2px 3px #999;
   -webkit-box-shadow: 1px 2px 3px #999; 
   border-bottom: 1px dotted grey;
*/

   border-bottom: 0px dotted grey;
   background-color: white;
   overflow: hidden;
}

.category-module li:first-of-type {
   margin-top: 0;
}
.category-module li {
   margin: 20px 0 0 0;
}
.category-module li a {
   padding: 0;
   text-decoration: none;
   color: #251785;
}
.mod-articles-category-title {
   font-weight: bold;
}
.category-module { 
   margin-top: 0px;
}
.category-module,
.piece-of-paper { 
  list-style-type: none;
   padding: 20px 20px 15px 20px;
   border-radius: 7.37px;
   -moz-border-radius: 7.37px;
   -khtml-border-radius: 7.37px; 
   border: 1px solid grey;
}

.evofp-date-author {
   margin: 20px;
   display: block;
   font-size: 70%;
}

.article-info, .evofp-date-author {
   border-top: none; /*0.25px solid #ccc;*/
   border-bottom: none; /* 0.25px solid #ccc; */
   background-color: none; /* #fafafa;  */
   padding: none; /* 3px 3px 3px 2px; */
   line-height: 100%;
   margin: 6px 0px 6px 0px;
   font-style: italic;
   font-size: 100%;
   color: #3a3;
}
.article-info dd, .article-info dt {
   display: inline-block;
   font-size: 100%;
   padding: 0px;
   margin: 0px; 
/*   color: #282; */
   color: black; 
}

/*################## READON LINK  ###################*/

.mod-articles-category-readmore,
a.readon, 
.readmore a.btn, 
a.evofp-readon, 
.items-more ol li,
.evofp-other-article ul li {
   border-radius: 3.6px;
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; 
	font-size : 100%;
   font-weight: normal;
   text-decoration: none;
	background-color	: Gainsboro; /* #2E3192; white; Gainsboro; */
	color: #115;  /* #111; */
	border-right: 1px solid Gainsboro; 
	border-bottom: 1px solid Gainsboro; 
   margin: 2px auto 10px auto;
   display: block;
   width: 94%%;
	padding: 7px 3% 7px 3%;
   text-align: left;
   clear: both;
}
a.readon:visited, 
.readmore a.btn:visited, 
a.evofp-readon:visited, 
.items-more ol li:visited,
.evofp-other-article ul li:visited {
/*	color: #88a;*/
	/* background-color	: ivory;*/
   /* #744; */
}
a.readon:hover, 
.readmore a.btn:hover, 
a.evofp-readon:hover, 
.items-more ol li:hover,
.evofp-other-article ul li:hover {
	background-color	: LemonChiffon;
   text-decoration: none;
	color:black;
	position: relative;
	top: -1px;
	left: -1px;
}
 
.item-title, .title {
   font-size: 200%;
   font-weight: bold;
   line-height: 100%;
   margin-top: 16px;
   margin-bottom: 2px;
   font-family: 'Source Sans Pro', sans-serif;
}
.item-title:hover, 
.item-title a:hover, 
li a:hover, 
h4 a:hover, 
h1:hover, 
h1 a:hover, 
a h1:hover, 
a h2:hover, 
h2 a:hover,
a:hover {
	color	: DarkBlue;
}

.pagination ul li {
   display: inline-block;
   margin-right: 7px;
  border-radius: 3.6px;
  -moz-border-radius: 3.6px;
  -khtml-border-radius: 3.6px;
  -webkit-border-radius: 3.6px; 
  box-shadow: 1px 2px 3px #999;
  -moz-box-shadow: 1px 2px 3px #999;
  -webkit-box-shadow: 1px 2px 3px #999; 
  padding: 2px;
  font-size: 100%;
  font-weight: bold;
  min-width: 2ex;
  min-height: 2ex;
  text-align: center;
  background-color: beige;
}
.items-more {
   margin-top: 10px;
   border-top: 1px solid grey;
}
.pagination {
  border-top: 2px dashed beige;
  margin-bottom: 10px;
  border-bottom: 1px solid grey;
}
.pagination, .items-more {
/*
  border-radius: 5.6px;
  -moz-border-radius: 5.6px;
  -khtml-border-radius: 5.6px;
  -webkit-border-radius: 5.6px; 
  border-right: 1px solid grey;
  border-left: 1px solid grey;
*/
  border-bottom: none;
  border-top: 0.25px solid grey;
  padding: 6px;
  background: white;
}

/* div.evofrontpageid .evofp-table-row:first-of-type::before,  FUNKAR INTE */
.items-more::before
{
   content: "Mer om:" 
}

ul.tags::before {
   content: "Mer i arkivet om:";
}

.items-more ol li::before,
.evofp-other-article ul li::before {
   content: "LÄS: ";
}

.items-more ol li,
.evofp-other-article ul li {
    list-style-image: url('/images/template/favicon.png');
    text-align: left;
    padding-left: 10px;
}

.items-more ol,
.evofp-other-article ul { 
    padding-left: 0%;
    width: 100%;
    padding-right: 0%;
}

.evofp-other-article-title {
   display: block;
   border-top: 0.25px solid grey;
}

.blog > h2:first-child {
   border-top: 0.25px solid grey;
   border-bottom: 0.25px solid grey;
   padding: 1.5px 0px 3px 0px;
   margin-top: 20px;
}


div.artikel div.item-page .utgivningsschema p:first-child
{
   margin: 0px;
   padding: 1px 0px 1px 6px;
   font-weight: normal;
}

.title,
div.title,
.result-title a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
a.evofp-introlink ,
.head a,
.listOdd-right a,
.listEven-right a,
a > h1,
a > h2,
a > h3,
a > h4,
a > h5 { 
   text-decoration: none;
}

.evofp-introlink p:first-child {
   margin: 0;
}


.advertorial .readmore a {
   font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
}

.advertorial {
   padding: 0 10px 0 10px;
}
.advertorial.item-page, .advertorial {
   background-color: white; /* c8c5ac;  beige; */
}

.advertorial * {
   text-align: left;
   line-height: 130%; 
}
.advertorial h2, .advertorial h1 {
   font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
   line-height: 100%; 
}

/* ------- tillägg för tme-annons nov 2021 */

.tme6{-webkit-text-decoration-skip:none;color:#0000ee;font-weight:400;text-decoration:underline;vertical-align:baseline;text-decoration-skip-ink:none;font-size:11pt;font-family:"Arial";font-style:normal}
.tme3{color:#000000;font-weight:700;text-decoration:none;vertical-align:baseline;font-size:14pt;font-family:"Arial";font-style:normal}
.tme0{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal}
.tme7{color:black;text-decoration:none;vertical-align:baseline;font-size:18pt;font-family:"Arial";font-style:normal}
.tme16{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial"}
.tme1{padding-top:0pt;padding-bottom:0pt;line-height:1.0;text-align:left;height:11pt}
.tme18{padding-top:12pt;padding-bottom:12pt;line-height:1.0;text-align:left}
.tme4{padding-top:0pt;padding-bottom:12pt;line-height:1.0;text-align:left}
.tme2{padding-top:0pt;padding-bottom:0pt;line-height:1.0;text-align:left}
.tme14{padding-top:0pt;padding-bottom:11.2pt;line-height:1.0;text-align:left}
.tme13{text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;color:#0000ee;text-decoration:underline}
.tme11{background-color:#ffffff;max-width:468pt;padding:72pt 72pt 72pt 72pt}
.tme8{margin-left:30pt;padding-left:0pt}
.tme10{font-size:12pt;font-style:italic}
.tme19{padding:0;margin:0}
.tme9{color:inherit;text-decoration:inherit}
.tme17{font-size:12pt}
.tme5{font-weight:700}
.tme12{font-style:italic}
.tme15{height:11pt}


/* ------- slut tme */