/* styles-alla... */
/* === FLYTTAT FRÅN Profile_Form ============================================== */
#datum {padding: 0; margin: 0; text-align: right;}
.strong { font-weight: bold; }
.bildleft, .bildv, .fotoleft, .left { float: left; margin: 0 0.4em 0 0; }
.bildright, .bildh, .fotoright, .right{ float: right; margin: 0 0 0 0.4em; }
.bildtop { width: 100%; }
div.box { float: left; width:100%; clear: left; margin: 0 0 0.4em 0; }
div.ben { float: left; font-weight: bold; margin-right: 0.5em; }
div.val { float: left; margin-right: 0.5em; }
p { margin: 0; border: 0; padding: 0; }
div#richtext p { margin: 0.5em 0 0 0; border: 0; padding: 0; }
div#richtext { margin-bottom: 0.5em;}
h4 , h5 { font-size: 100%; margin: 0.5em 0 0 0; }
img.nh { float: right; margin: 0 0 0 0.4em; }
div.nyheter h3 {margin: 0 0 0.1em 0; }
div.nyheter a {display: block;}
div.nh {margin: 2em 0 0 0; display: block;}
img { margin: 0; padding: 0; border: 0; }
i {font-style: normal;}
u {text-decoration: none;}
/*div#top{} BEHÖVS EJ i css, MEN behövs i "index"*/
div#viktigt{ margin: 0; border: 0; padding: 0 0 0 44px; line-height: 1.3em; font-size: 160%; font-weight: bold; background: #ff9 url("viktigt.gif") no-repeat 0 50%; }
div#viktigt a{ display: block; text-decoration: none; }
div#viktigt a:hover{ background: transparent url("2x2.gif"); }
div#search, div#login { width: 100%; text-align: right; margin: 0; border: 0; padding: 0; line-height: 1.5em; }
div#nav{margin : 0 0 1em 0; border: 0; background: transparent; padding: 0; }
#nav a, #navbar a{ display: block; }
div#adress {}
div#hnav, div#vnav { margin : 0; border: 0; background: transparent; padding: 0; }
#fotnav img{margin-top: 1em;}
#hnav a, #vnav a { display: block; }
div#nav ul, ul#navbar {padding: 0; margin:0; background: transparent; list-style-type: none;}
li { margin-bottom:0.5em; }
div#hnav li.icon, div#hnav ul, div#vnav li.icon, div#vnav ul {padding: 0 !important; list-style: none !important; margin: 0 !important; vertical-align: middle; }
.iconbild {vertical-align: middle; margin: 0 0.2em 0 0; }
.iconlink {vertical-align: middle; background: none; padding-left: 0;}
a.iconlinkman {display: block; vertical-align: middle; background: none; padding-left: 0;}
li.luft { padding: 0; list-style: none; }
ol.bif { margin : 0 0 0 2em; padding:0 0 0 0.5em;}
ul.bif { list-style: none; margin: 0; padding: 0 0 0 2.35em;}
li.bif {margin : 0 0 0.4em 0; }
hr { padding: 0; margin: 0; height: 1px; }
/* GAMMAL LÖSNING */
div.anslaglink ul { padding: 2px 0 0 2px; margin:0 !important; background: transparent !important; }
div.anslaglinktransp ul { list-style: none !important; padding: 2px 0 0 0 !important; margin:0 !important; background: transparent !important; }
div.anslaglink li { padding: 0; list-style: none; margin: 0 0 0.3em 0 !important; }
div.anslaglinktransp li { padding: 0 0 0 10px !important; list-style: none !important; margin: 0 0 0.3em 0 !important; }
div.anslagbildovan {padding: 0; text-align: center;}
div.anslagbildovan img {width: 100%;}
div.anslagbildovantransp {margin: 0 0 2px 0; padding: 0; text-align: center;}
div.anslagbildleft { padding: 2px; margin: 0; float: left; }
div.anslagbildlefttransp { padding: 2px 2px 2px 0; margin: 0; float: left; }
div.anslagbildright { padding: 2px; margin: 0; float: right; }
div.anslagbildrighttransp { padding: 2px 0 2px 2px; margin: 0; float: right; }
/* NY LÖSNING */
.frame-transp, .frame-color, .frame-fff, .frame-no { margin: 0 0 10px 0; overflow: hidden; }
.frame-transp, .frame-no { background-color: transparent; }
.frame-fff { background-color: #fff; }
.frame-no { padding: 0; border: 0; }
p.frame { padding: 0.5em 0 0 0; }
.frame-transp h2, .frame-color h2, .frame-fff h2, .frame-no h2, .frame-transp h3, .frame-color h3, .frame-fff h3, .frame-no h3 { margin: 0;}
/* ------------------------------------------------------------------------ */
li font {font-size: 100%;	}
ul { list-style: disc;}
#richtext ul, .platta ul {padding:0pt 0pt 0pt 1em;}
#richtext ol, .platta ol, #richtext ul, .platta ul {margin:0.5em 0pt 0.5em 0.8em; padding: 0 0 0 2.3em;}
#richtext ul li, .platta ul li {list-style-type:circle; margin: 0 0 0 2em; padding: 0;}
form { margin: 0; border: 0; padding: 0; }
input.hun { width: 120px; }
.butt { font-weight: bold; width: auto; }
div.anslag a, .bodyspalt table a, #richtext table a, #bilder table a, .block a, a.block, .blockpdf a, .block {display: block;}
.inline a, a.inline, .inline {display: inline !important;}
.epostinline {display: inline !important; background: none; padding-left: 0; }
a.osynlig, div#validering a, div#botten a, .bif a, .val a, .p a, a.epost, a.email, a.e-post, a.e-mail, a img, .ren a, a.ren, .icon a { background: none; padding-left: 0; }
label {font-weight: bold; margin: 0.5em }
#search form label {font-weight: normal; margin: auto; }
fieldset {margin: 1em 0.5em;}
form p {margin: 0.5em;}
input, textarea {width: 98%;}
input.knapp {width: auto; padding:3px 0.5em; font-weight: bold; margin: 0;}
div#hnav li, div#vnav li {padding-bottom:1px; list-style: none;} /*Strul med IE*/
ul.fmr li a {display: block;}
ul.fmr {margin-left: 0 !important;}
ul.fmr li {margin-left: 0 ;   list-style: none;}
.links ul, ul.links { margin: 0 !important;}
.links li { list-style: none;}
a.doc { background: transparent url("16doc.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.xls { background: transparent url("16xls.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.ppt { background: transparent url("16ppt.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.psd { background: transparent url("16psd.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.mp3 { background: transparent url("16mp3.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.mdb { background: transparent url("16mdb.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.media { background: transparent url("16media.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.pdf { background: transparent url("16pdf.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.ppt { background: transparent url("16ppt.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.txt { background: transparent url("16txt.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.zip { background: transparent url("16zip.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.nsf { background: transparent url("16nsf.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.ovrigt { background: transparent url("16ovrigt.gif") no-repeat 0 0; padding-left: 20px; display: block; line-height: 16px;}
a.paragraf { background: transparent url("paragraf.gif") no-repeat 0 0; padding-left: 26px; display: block; line-height: 21px;}
img.text {margin-bottom: 0 !important;}
.listor {padding: 0; margin: 0;}
.listor a {margin: 0 0 0 0; display: block;}
h2.lyssna {margin: 0 0 0.4em 0;}
.paragraf {vertical-align: middle; background: none; padding-left: 0;}
.vruta {float: left; margin: 0; width: 10px;}
.hruta {float: right; clear: both; margin: 0 0 0 2px; width: 72px;}
div.hundra {
	border: #dfdfdf 1px solid;
	padding: 0 0 0.6em 0;
	margin: 0.5em 0 0.5em 0;
	background-color: #fff;
	overflow: hidden;
	background: transparent url("PuffBakgrund.jpg") repeat-x ;
	}
div.hundra h1, div.hundra h2, div.hundra h3, div.hundra h4  {
	color: #3a3a3a;
	font-weight: normal;
	}
div.per {
	padding: 0;
	margin: 0.6em 0.6em 0 1em;
	/*background-color: #fff;*/
	}
img.bildrightram {
	background-color: #fff;
	float: right;
	border: #eee 1px solid; 
	border-bottom-color: #bbb; 
	border-right-color: #bbb; 
	padding: 3px;
	}
#personlista {
	padding: 0; 
	background-color: transparent; 
	margin:0;
	padding:0;
	display:inline;
	width:200px;
	}
dl {padding: 0 0.5em 0 0; margin: 0; width: 100%;}
dt {
	font-weight: bold; 
	margin:0; 
	padding: 0.3em 0 0 0; 
	width: 100%; 
	color: #666;
}
dd {margin: 0;  padding: 0;}
dt.ocolor {font-size: 100%;}
dl.vdubbel {float: left; width: auto; margin-right:1em;}
dl.hdubbel {float: left; width: auto;}
dl.in dd, dl.in dt {
	display:inline;
}
dl.in dd, dl.in dt, dl.indist dd, dl.indist dt{
	display:inline;
}
dl.indist {
	padding-top: 0.5em;
}
.skapright p {text-align: right; font-size: 80%;}
div#personuppgift dl {padding-left: 0;}
div#personuppgift {float:left; width:100%;}
div#skipnav {position:absolute; top:0px; left:-9999px; z-index:900; width:100%}
div#skipnav a:focus, div#skipnav a:active {
	display:block;
	position:absolute;
	left:9999px;
	width:100%;
	padding:0.5em 0;
	border:1px solid #333;
	border-width:1px 0;
	color:#ddd;
	background:#000;
	text-align:center;
	line-height:1.2em;
	font-weight: bold;
}
div#top, div#global, div#banner, .privat, .edit {float:left; width:100%;}
div#global {font-size: 110%;}
div#SAX {position:relative; float:left; margin-right:3px;}
div#SAX2 input {width:3em!important;} /* För att nolla standard */
div#SAX2 input {padding:0; margin:0; text-align: center;}
input#query {
width:14em;
margin-top: 1.2em;}
div#SAX label {margin:0!important; padding:0!important; font-weight:normal;} /* För att nolla standard */
label.overlabel {
color:#666;
left: -999px;
top: -999px;
position: absolute;}
label.overlabel-apply {position:absolute; top:3px; left:5px; z-index:1; color:#666; }
/* =========================================================================== */
a.epost, a.e-post {background: transparent url("/www/falun/fmr.nsf/epost.gif") no-repeat scroll 0 50%; padding: 0.1em 0.2em 0.4em 1.5em;}
.bildleftram, bildrightram {border: 1px solid #ddd;}
.bildleftram, .bildvram {float: left; margin: 0 0.4em 0 0; } 
.bildrightram, .bildhram {float: right; margin: 0 0 0 0.4em; } 
/* =========================================================================== */
fieldset h1 {font-size:100%;}
fieldset h2 {font-size:90%;}
.bodyspaltplatta {clear: both; border:0; background: transparent; }
.bspV {float: left; width: 49% !important; padding: 0; overflow: hidden; }
.bspH {float: right; width: 49% !important; padding: 0; overflow: hidden; }
#eForm legend {background-color:transparent; margin:0; padding:0;}
div#eForm {line-height: 1.5em;;}
#eForm fieldset {width: auto; margin:0;}
#eForm input {width:auto;}
#eForm label {font-weight: normal; padding:0; margin:0.5em 0 0 0; display:block;}
label.radio, label.checkbox {display:inline!important;}
#eForm .rubr {width:80% !important;}
#eForm .knapp {width:14em !important;}
#eForm div#richtext {margin:0!important; padding:0;}
fieldset.radio, fieldset.radio legend {border:none;background-color:transparent!important; margin-left:0; padding:0;}
#eForm fieldset.inline p label {display:inline; }
#eForm fieldset.inline p, #eForm fieldset.inline p input, #eForm fieldset.inline p label {line-height:1em; margin:0.1em;}
#eForm fieldset.radio label {display:inline;}
#eForm fieldset.enrad label {display:inline;}
#eForm fieldset.enrad {margin-bottom:1.5em;}
.valfel, .valfelsubject {background: #fcc;}
.valfelsubject, .subject{font-size:190%; font-weight: bold; color: #555;}
.redbold {color: #bc2b16; font-weight: bold;}
.valfelxxx {background: #bc2b16 url("/www/falun/fmr.nsf/FEL.gif") no-repeat scroll 3px center; padding-left: 20px;}
.felplatta {
background: transparent url("/www/falun/fmr.nsf/FEL.gif") no-repeat scroll 3px 3px; padding-left: 20px;
margin: 0.5em 0; padding: 2px; overflow: hidden; border: 1px solid #ccc; background-color: #f5e5e5;
}
.felplatta h2 {padding-left: 20px;}
fieldset {background-color: #fff;}
div.form {margin: 1em 0; background-color: #efefef; padding:0.5em; border: solid #ccc 1px;}
div.border {margin: 1em 0; background-color: #fff; padding:0.5em; border: solid #ccc 1px;}
div.borderin {margin: 1em 0 0 0; background-color: #fff; padding:0.5em; border: solid #ccc 1px;}
div.border fieldset, div.border legend {border:none; background-color: #fff; margin: 0; padding: 0;}
button.red {font-weight: bold;}
label.strong { font-weight: bold!important; }
h2.kampanj {background-color:#df6c08;color:#fff;}
h2.kampanj {background: #df6c08 url("/www/falun/fmr.nsf/olle_info.gif") 0.5em 50% no-repeat; padding-left: 30px;}
div.border, div.borderin {background: #fff url("/www/falun/fmr.nsf/skugga.gif") repeat-x scroll 0 0;}
div#bildplatta, div#bildplattaPortal {margin-bottom:2em;}
div#bildplattaPortal {overflow: hidden;}
div#bilder img {margin-bottom:0;}
a.kn60y, a.kn60r{background: transparent url("Kn60.gif") 50% 0 no-repeat; padding: 0.2em; margin: 0; display:block; text-align: center; width: 60px;} 
a.kn120g {background: transparent url("Kn120.gif") 50% 0 no-repeat; padding: 0.2em; margin: 0; display:block; text-align: center; width:120px;} 
a.kn60y:hover{background: transparent url("Kn60Y.gif") 50% 0 no-repeat; text-decoration:none; color:#000;} 
a.kn120g:hover{background: transparent url("Kn120G.gif") 50% 0 no-repeat; text-decoration:none; color:#000;} 
a.kn60r:hover{background: transparent url("Kn60R.gif") 50% 0 no-repeat; text-decoration:none; color:#000;} 
div.kn { width:60px; margin: 0.5em 0; padding:0 0.2em 0 0; }
.submit {height: 21px!important;}
div#rednotes {float:right; clear:both;}
a.rss {background: transparent url("/www/falun/fmr.nsf/rsslink.gif") no-repeat scroll 0 50%; padding: 0.1em 0.2em 0.4em 1.6em; display: block;}
h2.rss {background: #555 url("/www/falun/fmr.nsf/rsslinkbig.gif") 0.5em 50% no-repeat; padding-left: 30px;}
div.knapp {float: left; width: 33%;}
div.knapp input{ height:2.3em; font-weight: bold;}
h2.knapptext{padding: 0.8em 0 0 0; margin: 0; font-size:90%;}
input.green:hover {background-color: #063; color: #fff;}
input.yellow:hover {background-color: #ff0; color: #000;}
input.red:hover {background-color: #f00; color: #fff;}
input.green {color: #063;}
input.yellow {color: #990;}
input.red {color: #f00;}
/* ALMANACKA =================================================================================================== */
/* LÄNKAR LVHA ------------------------------------------------------ */ 
.nyheter a:link {font-weight: normal; text-decoration: none; color: #900; background-color: transparent; } 
.nyheter a:visited {font-weight: normal; text-decoration: none; color: #111; background-color: transparent; } 
.nyheter a:hover {font-weight: normal; text-decoration: underline; color: #900; background-color: transparent; } 
.nyheter a:active {font-weight: normal; text-decoration: none; color: #111; background-color: transparent; } 
h2.enrad {margin-bottom: 0;}
ul.nyheter li { list-style-type: none !important; padding-left: 0!important; margin-left: 0 !important;}
ul {margin-left: 0 !important; padding-left: 0!important;}
li.head {font-size: 110%; font-weight: bold; color:#555;}
li.head li {font-size: 90%;}
li.head li a {display: block;}
p.link {font-weight: normal; padding-left: 1em;}
li.head {margin-top:0.7em!important;}
.anslagfloat {clear:both;}

.frame-360 h1.frame, .frame-f4ce00 h1.frame {font-size: 100%; padding: 0.8em 0.5em; margin: 0; Border: 0;}
.frame-360 h1.frame {Color: #fff;}
.frame-f4ce00 h1.frame {Color: #000;}
.frame-f4ce00 h1.frame {background-color: #f4ce00;}
.frame-360 h1.frame {background-color: #360;}
.frame-f4ce00, .frame-360 {
background-color:#fff; 
margin: 0 0 10px 0; 
padding: 0; border: 1px solid #ccc;}
p.frame {padding:0.5em;}
p.nyheter a {line-height: 1.2em; padding-bottom: 0.3em; margin: 0.2em 0.2em 0.2em 0.4em;}
.inga {margin:1em; line-height:2em;}

/*  ALMANACKA */

div.almanacka {
line-height: normal;
margin: 0 0 1em 0;
padding:0;
width: 100%;
float: left;}
div.almanacka ul li {
list-style-type: none!important; 
margin: 0 0 0.5em 0 !important;}

div#a-title {
width: 100%;
float: left;
border:1px solid #0082a3;
background-color:#0082a3;}
div#a-title h2 {
float: left;
color:#fff;
font-size:100%;
margin:0;
padding: 0.7em 0 0.7em 2%;}
.normal {font-weight: normal;}
div.a-links {
float: right;
margin:0.7em;
}
div.a-links a {
font-size:100%;
color:#fff;
margin: 0; 
margin: 0;
padding: 0;
background: none;
font-weight: bold;}
div#a-content {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: none;
float: left;
width: 100%;}
div.a-helg, div.a-dag, div.a-dag1, div.a-dag2, div.a-dag3, div.a-dag4, div.a-dag5, div.a-dag6, div.a-dag7  {
width: 100%;
float: left;
border-bottom:1px dotted #cfcfcf;
padding-top:2px;}
div.a-dag6, div.a-dag7 {background-color: #f4f1e9;}
div#a-today, div#a-todayNyManad, div#a-todaySista {background-color: #e7f1fe;}
div#a-NyManad, div#a-todayNyManad {border-bottom: 3px double #ccc;}
div.a-dag, div.a-dag7, div#a-Sista  {border-bottom: 1px solid #ccc!important;}
div.a-datumbox {
margin: 1% 0 1% 2%;
float:left;
width: 35%;}
div.a-datumbox h3 {
display: inline;
font-weight:bold;
font-size:110%;}
div.a-handelser {
margin: 1% 0 0 0;
float:left;
width:62%;}
.a-helgdag {color:#c30000;}
div.a-handelser ul {
margin: 0!important;
padding: 0;}
div.a-handelser ul li a {
color:#027c89;
font-weight:bold;
text-decoration:none;
background:none;
padding:0;
}
div.a-handelser ul li a:hover {
text-decoration:underline;}
/* ...styles-alla */
/* NYTT */
a.linkiconrow {
	/*display: block;*/ 	/* För att flerradiga länkar skall ha samma vänstermarginal för texten */
	background-color: transparent; 	/* Tillfälligt nedsläckt*/
/*	XXXXXXXXXbackground-color: #fff;*/ 	/* Tillfällig bakgrundsfärg */
	background-position: 0 0; 	/* Ikon överst till vänster */
	background-attachment: scroll; 	/* Ikon följer med texten om sidan skrollas */
	background-repeat: no-repeat; 	/* Ikon visas bara en gång */
	padding-top: 4px; 	/* 0 för att vara lika i Explorer och Firefox */
	padding-right: 1em; 	/* Lite luft mot höger */
	padding-bottom: 4px; 	/* För att lämna plats för ikonens nederdel */
	padding-left: 20px; 	/* 25px indrag för att rymma ikon som är 25px Ikonbredd=25px */
	margin-bottom: 1px; 	/* Lite luft mellan flera länkar  Tillfällig */
	margin: 0; 	/* Lite luft mellan flera länkar  Tillfällig */
/*	zzzzzzzzzzzzzzclear: both;*/
	line-height: 17px; 	/* 17+4+4=25px Ett udda mått blir lika i alla webbläsare Ikonhöjd=25px */
	float: left;
	/*width: 93%;*/
	text-decoration: underline!important;
}
p.linkiconrow {
	/*display: block;*/ 	/* För att flerradiga länkar skall ha samma vänstermarginal för texten */
	background-color: transparent; 	/* Tillfälligt nedsläckt*/
	background-position: 0 0; 	/* Ikon överst till vänster */
	background-attachment: scroll; 	/* Ikon följer med texten om sidan skrollas */
	background-repeat: no-repeat; 	/* Ikon visas bara en gång */
	padding-top: 4px; 	/* 0 för att vara lika i Explorer och Firefox */
	padding-right: 1em; 	/* Lite luft mot höger */
	padding-bottom: 4px; 	/* För att lämna plats för ikonens nederdel */
	padding-left: 20px; 	/* 25px indrag för att rymma ikon som är 25px Ikonbredd=25px */
	margin-bottom: 1px; 	/* Lite luft mellan flera länkar  Tillfällig */
	margin: 0; 	/* Lite luft mellan flera länkar  Tillfällig */
	line-height: 17px; 	/* 17+4+4=25px Ett udda mått blir lika i alla webbläsare Ikonhöjd=25px */
	float: left;
}
div#toplinks {
	width: 100%; 
	text-align: right;
}
div#toplinksrow1 {
	width: 100%; height: 2.6em; text-align: right;
}
div#toplinksrow2 {
	width: 100%; height: 3.6em; text-align: right;
}
.linkrowright {
	/*display: block;*/ 	/* För att flerradiga länkar skall ha samma vänstermarginal för texten */
	background-color: transparent; 	/* Tillfälligt nedsläckt*/
/*	XXXXXXXXXbackground-color: #fff;*/ 	/* Tillfällig bakgrundsfärg */
	background-position: 0 0; 	/* Ikon överst till vänster */
	background-attachment: scroll; 	/* Ikon följer med texten om sidan skrollas */
	background-repeat: no-repeat; 	/* Ikon visas bara en gång */
	padding-top: 4px; 	/* 0 för att vara lika i Explorer och Firefox */
	padding-right: 0; 	/* Lite luft mot höger */
	padding-bottom: 4px; 	/* För att lämna plats för ikonens nederdel */
	padding-left: 22px; 	/* 25px indrag för att rymma ikon som är 25px Ikonbredd=25px */
	margin-bottom: 1px; 	/* Lite luft mellan flera länkar  Tillfällig */
	margin-left: 1em; 	/* Lite luft mellan flera länkar  Tillfällig */
/*	zzzzzzzzzzzzzzclear: both;*/
	line-height: 17px; 	/* 17+4+4=25px Ett udda mått blir lika i alla webbläsare Ikonhöjd=25px */
	float: right; 
}
a.linkrowright {text-decoration: underline!important;}
div.puff {
	border: #dfdfdf 1px solid;
	margin-bottom: 1em;
	overflow: hidden;
}
div.nyheter div.puff {
	border: none;
	margin-bottom: 0;
	line-height: 1.2em;
}
div.puffram, div.pufframtext {
	background: transparent url("PuffBakgrund.jpg") repeat-x ;
}
div.puffram {
	float: right;
	width: 100%;
}
div.puffcontent {
	padding: 0.9em 1.3em;
}
div.puffbild {
	float: left;
	max-width: 30%;
	overflow: hidden;
	padding: 3% 0 3% 3%;
}
div.nyheter div.puffbild {
	float: right;
	padding: 3% 3% 3% 0;
}
img.puffbildright {
	float: right;
	margin: 0 0 0.7em 1em;
}
div.puff h2 {
	color:#3A3A3A;
	font-size:130%;
	font-weight:normal;
}
div.pufftext {
	float: right;
	padding: 4% 4% 5% 0;
	width: 59%;
}
div.nyheter div.pufftext {
	float: left;
	padding: 2% 0 4% 3%;
	width: 63%;
}
div#adressram {
	font-size:smaller;
}
img.minilogo {
	margin: 1em 0;
}
/* /ETstyles-alla.css */
div#botten .right {
	width:auto;
	text-align:right;
	line-height:normal;
}
ul.tidlistor li {list-style-type: none!important;}
div#bgleft
{
width: 91.2%;
background-image: url("bgleft.jpg");
background-repeat: no-repeat;
background-position: top left;
padding-left: 24px;					/* Bredden på "toningen" till vänster. */
margin-left: auto;
margin-right: auto;
position: relative;
max-width: 1000px;
min-width: 500px;
background-color: #f8f8f8;
}
div#bgright
{
width: 100%;
background-image: url("bgright.jpg");
background-repeat: no-repeat;
background-position: top right;
padding-right: 24px;					/* Bredden på "toningen" till höger. */
position: relative;
background-color: #f8f8f8;
}
div#margin
{
/* xxx. */
margin: 0;
padding: 0 1% 0 1%;					/* Luft vänster och höger, mellan spalter och "toningen" */
position: relative;
top: 0px;
left: 0px;
clear: both;
background-color: #fff;
width: 98%;						/* 100% - summan av padding (100-1-1=98) */
color: #000;
}
html, body
{
min-height: 100%;
max-width: 100%;
min-width: 100%;
width: 100%;
}
body
{
min-height: 100%;
max-width: 100%;
min-width: 100%;
width: 100%;
background-color: #f8f8f8;
}
em {
font-size: 100%;
font-style: normal;
}
table.person {
width: 100%;
}
table.person td {
vertical-align: top;
}
table.person td a {
background-image: none;
padding: 0;
text-decoration: underline!important;
color: blue!important;
}
td.nowrap {
white-space: nowrap;
}
table.person th a {
background-image: none;
text-decoration: underline!important;
}
table.person th, table.person th a {
vertical-align: top;
text-align: left;
font-weight: bold!important;
white-space: nowrap;
padding: 1px 2px!important;
}
table.person th.rad {
color: #000;
background-color: #fff;
font-weight: normal!important;
}
table.person th.rad a {
color: blue!important;
background-color: #fff;
font-weight: normal!important;
}
table.person th a:visited {color: #000;}
table.person  td a:visited {color: blue;}
/* ############################################################################################################################### */
div#spalt23ram {
	margin-left: 1em;
}
ul.tidlistor, ul.tidlistor li {
	margin: 0!important;
	padding: 0!important;
	list-style-type: none;
}
div#topright {width: 40%;}
.white {background-color: #fff;}
.black {background-color: #000;}
.left1, .left2, .left3, .left4, .left5, .left6, .left7, .left8, .left9 { float: left; width: 100%; overflow:hidden;}
.left2 p, .left3 p, .left4 p, .left5 p, .left6, .left7, .left8, .left9 { float: left;}
.left1 p { width: 100%;}
.left2 p { width: 50%;}
.left3 p { width: 33%;}
.left4 p { width: 25%;}
.left5 p { width: 20%;}
.left6 p { width: 16%;}
.left7 p { width: 14%;}
.left8 p { width: 12%;}
.left9 p { width: 11%;}
.left10 p { width: 10%;}
p.left100 { width: 100%;}
p.left90 { width: 80%;}
p.left80 { width: 80%;}
p.left70 { width: 70%;}
p.left66 { width: 66%;}
p.left60 { width: 60%;}
p.left50 { width: 50%;}
p.left40 { width: 40%;}
p.left35 { width: 35%;}
p.left34 { width: 34%;}
p.left33 { width: 33%;}
p.left30 { width: 30%;}
p.left25 { width: 25%;}
p.left20 { width: 20%;}
p.left10 { width: 10%;}
p.left5 { width: 5%;}
/* ##### ---- KOD FÖR KOMMENTARSFUNKTION I WEBLÄSARE -----  ##### */


.commentsubmit{
width: auto; 
}

div.commentflip{
margin: 0;
padding: 0.2em;
text-align: right;
vertical-align: top;
background:#fff;
border-bottom:solid 1px #fff;
font-weight: normal;
}

a.comment{
background-image: url("squarecomment23x19.gif");
padding: 0.2em 0 1em 2.5em;
}

img.commentflipimg{
	vertical-align:text-bottom;
	margin-right:5px;
	margin-left:8px;
	margin-bottom: -4px;
}

div.commentpanel {
padding:1em;
background:#F5F5F5;
border:solid 1px #c3c3c3;
margin: 1em 0 0 2em;
}
div#main-extra {
border:0;
float:left;
margin:0;
padding:0;
width:100%;
}
div#spalt1-extra {
border:0;
float:left;
margin:0;
overflow:hidden;
padding:0;
width:24.3%;
}
div#cont-extra {
border: 0;
float:right;
padding:0;
margin: 1.5em 0 1em 0;
width:74.5%;
}
div#commentpanel1 input {width: auto;}
div#commentpanel1 label, div#commentpanel1 p {margin: 0;}
input#WebCommentUserEmail {width: 20em!important;}

/* SLUT KOMMENTARSFUNKTION */
div#spalt2 {overflow: visible!important;}
div#bildplatta {
overflow: hidden;
width: 100%;}
div#social {
float: left;
margin: 0 0 0 1em;}
div#socialq {
float: left;
margin: 0.2em 0 0 1em;}
div#botten {margin-top: 0!important;}
a.upp {margin: 0 0 1em 0;}
div#cont-row {margin: 0 0 0 1em;}
div#blogg h2 {font-weight: bold;}
div#spalt2social {
float: left;
margin: 0 1em;
padding: 0.3em 1em 0.1em 0;
border: 1px solid #ccc;
background: #f5f5f5;}