@charset "iso-8859-1";

body { margin: 12px 0% 10px 0%; 
 font-family: Calibri, Helvetica, Arial, sans-serif; color: #000000; background-color: #fcfcfc;
 font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; }

p { text-align: left; margin: 8px 20px 10px 6px; }
p.citat { font-size: 16px; margin: 0px 60px 0px 40px; font-family: Georgia, Times New Roman, serif; color: #000080; line-height: 140%; }

h1 { font-size: 28px; margin: 45px 0px 30px 6px; }
h2 { font-size: 23px; margin: 30px 0px 20px 6px; }
h3 { font-size: 18px; margin: 20px 0px 15px 6px; }

ol,ul { margin: 10px 0px 0px -40px; indent: 0px; }

ul.c { margin: 10px 0px 0px -10px; indent: 0px; }

li { list-style: square inside; margin: 10px; }
li.c { list-style: circle outside; }
li.space { margin-top: 18px; }
li.nspace { list-style: decimal; margin-top: 18px; }
.meny { list-style: circle inside; line-height: 100%; font-weight: normal; }

hr { color: #663333; margin: 30px 0px 30px 0px; }

b { font-style: normal; font-weight: bold; background-color: #ffffcc; }
i { font-style: normal; font-weight: bold; }
.kurs { font-style: italic; font-weight: normal; color: #000000; }

img { border:0px; margin: 0px 0px 0px 0px; }
img.startlogo  { float: left; margin: 0px 40px 10px 0px; }
img.mellan { border:3px solid #202020; }
img.stor { border:6px solid #404040; }

button  { color: #000000; background-color: #ffffcc; font-weight: bold; border-radius: 8px; }

a { font-weight: bold; text-decoration: none; color: #0112AD; }
a:hover { font-weight: bold; text-decoration: none; color: #600000; background-color: #ffefff; }
a:active { font-weight: bold; text-decoration: none; color: #000000; background-color: #ffcfff; }

a.hem:hover { background-color: transparent; }
a.upp:hover { background-color: transparent; }
a.ned:hover { background-color: transparent; }

a.c { font-weight: normal; }

table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0px; margin: 40px 0px 50px 0px;}
th, td { border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: left; vertical-align: top; }

table.text { width: 75%; }
table.ram { width: 50%; background-color: #f0f0f0; }
table.v2 tr:nth-child(odd) { background-color: #f0f0f0; }

td.ram { border: 3px solid #000088; border-collapse: collapse; padding: 5px; text-align: left; vertical-align: top; }
td.bild {border: 0px ; padding: 5px; text-align: center; vertical-align: middle; }
td.bildv {border: 0px ; padding: 5px; text-align: left; vertical-align: middle; }
td.b0 {border: 0px }
td.audio { text-align: left; vertical-align: middle; }

.hem { position: fixed; top: 25px; left: 25px; z-index:1; }
.upp { position: fixed; top: 25px; right: 25px; z-index:1; }
.ned { position: fixed; bottom: 25px; right: 25px; z-index:1; }

.copyright {
	position: fixed; bottom: 20px; left: 20px; margin-left: 0px; padding: 0px; z-index:1;
	font-family: Calibri, Verdana, Arial, sans-serif; text-align: left; 
	font-size: 13px; font-weight: bold; color: #c0c0c0; 
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	-ms-transform-origin: left bottom 0;
	-moz-transform-origin: left bottom 0;
	-webkit-transform-origin: left bottom 0;
	transform-origin: left bottom 0;
	}

.kommentar { color: #800000; }

.markeringar { position: fixed; top: 130px; z-index:1; background-color: #ffffcc; }

.fotnot { font-size: 14px; font-weight: normal; color:#404040; }
.ändring { color: #000000; background-color: #fff0b0; text-decoration: none; }
.obs { margin: 40px 0px 40px 0px; 
	color: #000000; background-color: #ffffcc; text-decoration: none; 
	border: 2px solid; border-collapse: collapse; border-radius: 10px; 
	border-left-style: groove; border-top-style: groove; border-right-style: outset; border-bottom-style: outset; 
	padding: 5px; text-align: left; vertical-align: top; }
.osynligt { display: none; }

.utskrift { position: relative; top: 70px; left: -150px; z-index:-1; }

.struket { color: #ff0000; text-decoration: line-through; }
.tillagt { color: #ff0000; font-weight: bold; }
.ändrat { color: #0000ff; font-weight: bold; }
.ändrat_ordform { color: #0000ff; }
.flyttat  {  text-decoration: underline; }
.flyttat_ändrat {  text-decoration: underline; color: #0000ff; font-weight: bold; }
.flyttat_ändrat_ordform {  text-decoration: underline; color: #0000ff; }

.logotyp	{ vertical-align: middle;
 border-style: solid; border-width: 4px; border-color: #404040; }

.ruta { border: 5px solid; padding:9px; margin:2px; border-color:#e00; border-collapse: collapse; border-radius: 10px; }

.ruta_th { float:right; width:30%; margin-left:30px; padding:10px; border: 5px solid #e00; border-collapse: collapse; border-radius: 10px; }
 
table.fot  { width: 100%; background-color: #e8e8e8; 
	margin-top: 40px; margin-bottom: 0px; 
	border-color: #a000a0; border-top-style: double; border-bottom-style: double; border-left-style: hidden; border-right-style: hidden; 
}
td.fot { font-size: 16px; color: #a000e0; font-weight: bold; text-align: center; padding: 30px 0px 30px 0px; }

a.fot  { color: #606060; margin: 0px 6px 0px 6px; }
a.fot:hover { font-weight: bold; text-decoration: none; color: #000000; background-color: #ffffff; }
a.fot:active{ font-weight: bold; text-decoration: none; color: #ff80ff; background-color: #202020; }
.fotx { color: #000000; font-weight: bold; }