/* SYSTEMFÄRGER (endast en per system, korresponderar med toppbildens färg) */
.systemBlue { background-color: #0C5672 }
.systemRed { background-color: #6C1616 }
.systemGreen { background-color: #15570A }
.systemYellow { background-color: #816817 }
.systemBrown { background-color: #5C492F }
.systemGrey { background-color: #494848 }

/* Tillåt ej radbrytning */
.nowrap { white-space: nowrap; } 

B { 
	font-weight: bold;
}

P { 
	line-height: 1.7;
	margin-top: 10px;
	margin-bottom: 0;
}

/* Justera fontförändringar i tabeller */
FONT {
	font-size: 94%;
	line-height: 132%;
}

table.synligT1 FONT, table.osynligT1 FONT {
	font-size: 140%;
}

/* NORMAL */
/* Rubriker */
h1, div.default h1, td.default h1, .normalH1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 167%;
	font-weight: bold;
	line-height: 107%;
	margin-bottom: 7px;
	color: #000000;
}

h2, div.default h2, td.default h2, .normalH2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 123%;
	font-weight: bold;
	line-height: 118%;
	margin-bottom: 7px;
	margin-top: 27px;
	color: #000000;
}

h3, div.default h3, td.default h3, .normalH3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 95%;
	font-weight: bold;
	line-height: 111%;
	margin-bottom: 7px;
	margin-top: 25px;
	color: #000000;
}

h4, div.default h4, td.default h4, .normalH4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 65%;
	font-weight: bold;
	line-height: 130%;
	margin-bottom: 7px;
	margin-top: 27px;
	color: #000000;
}

/* Brödtext/Listor */
p, li, div.default p, td.default p, div.default li, td.default li, .normal {
	font-family: Georgia, Verdana, Geneva, Arial, sans-serif;
	font-size: 87%;
	font-weight: normal;
	line-height: 132%;
	color: #000000;
}

/* Ingress */
div.default p.ingress, td.default p.ingress, p.ingress { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
	line-height: 135%;
	font-weight: bold;
	margin-bottom: 3px;
	color: #000000;
}

div.default p.indrag, td.default p.indrag, p.indrag {
	text-indent:1em;
	margin: 0px;
	color: #000000;
}

div.default p.blankrad, td.default p.blankrad, p.blankrad {
	font-size: 20%;
}

/* SMALARE SPALT */
/* Rubriker */
div.smalare h1, td.smalare h1, .smalareH1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 123%;
	font-weight: bold;
	line-height: 118%;
	margin-top: 5px;
	margin-bottom: 7px;
	color: #000000;
}

div.smalare h2, td.smalare h2, .smalareH2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 95%;
	font-weight: bold;
	line-height: 111%;
	margin-bottom: 7px;
	margin-top: 20px;
	color: #000000;
}
div.smalare h3, td.smalare h3, .smalareH3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 65%;
	font-weight: bold;
	line-height: 130%;
	margin-bottom: 7px;
	margin-top: 22px;
	color: #000000;
}
/* Brödtext/Listor */
div.smalare p, td.smalare p, div.smalare li, td.smalare li, .smalareT {
	font-family: Georgia, Verdana, Geneva, Arial, sans-serif;
	font-size: 70%;
	line-height: 145%;
	color: #000000;
}

/* Ingress */
div.smalare p.ingress, td.smalare p.ingress { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 71%;
	line-height: 136%;
	font-weight: bold;
	margin-bottom: 3px;
	color: #000000;
}

/* Indrag */
div.smalare p.indrag, td.smalare p.indrag {
	text-indent:1em;
	color: #000000;
}

/* Blankrad */
div.smalare p.blankrad, td.smalare p.blankrad {
	font-size: 1%;
}

/* SMALAST SPALT */
/* Rubriker */
div.smalast h1, td.smalast h1, .smalastH1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 95%;
	font-weight: bold;
	line-height: 111%;
	margin-top: 9px;
	margin-bottom: 5px;
	color: #000000;

}
div.smalast h2, td.smalast h2, .smalastH2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 65%;
	font-weight: bold;
	line-height: 130%;
	margin-bottom: 5px;
	margin-top: 18px;
	color: #000000;
}
/* Brödtext/Listor */
div.smalast p, td.smalast p, div.smalast li, td.smalast li, .smalastT {
	font-family: Georgia, Verdana, Geneva, Arial, sans-serif;
	font-size: 65%;
	line-height: 135%;
	color: #000000;
}

/* Ingress */
div.smalast p.ingress, td.smalast p.ingress {
	font-family: Verdana, Arial, sans-serif;
	font-size: 60%;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 2px;
	color: #000000;
}

/* Indrag */
div.smalast p.indrag, td.smalast p.indrag {
	text-indent:1em;
	color: #000000;
}

/* Blankrad */
div.smalast p.blankrad, td.smalast p.blankrad {
	font-size: 10%;
}

/* LÄNKAR - allmänna */
A:link {
	text-decoration: underline;
	color: #005B7F;
}
A:active {
	text-decoration: none;
	color: #D63200;
}
A:visited {
	text-decoration: underline;
	color: #961C64;
}
A:hover {
	text-decoration: underline;
	color: #D63200;
}


/* FAKTARUTOR */

.faktaruta {
	border-width: 1px;
	border-style: solid;
	border-color: #5F5D5D;
	background-color: #FFFBC7;
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 12px;
	padding-left: 6px;
	text-align: left;
}

.faktaruta2 {
	border-width: 1px;
	border-style: solid;
	border-color: #5F5D5D;
	background-color: #FFFDE9;
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 12px;
	padding-left: 6px;
	text-align: left;
}


/* Rubriker */
div.faktaruta h1, div.faktaruta2 h1, td.faktaruta h1, td.faktaruta2 h1, .faktarutaH1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 95%;
	font-weight: bold;
	line-height: 111%;
	padding: 0;
	margin: 0;
	color: #000000;
}

div.faktaruta h2, div.faktaruta2 h2, td.faktaruta h2, td.faktaruta2 h2, .faktarutaH2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 65%;
	font-weight: bold;
	line-height: 127%;
	padding: 0;
	margin-top: 18px;
	color: #000000;
}

/* Brödtext */
div.faktaruta p, div.faktaruta p.normal, div.faktaruta2 p, td.faktaruta p, td.faktaruta2 p,  .faktarutaT {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 65%;
	line-height: 134%;
	color: #000000;
}

/* Indrag */
div.faktaruta p.indrag, div.faktaruta2 p.indrag, td.faktaruta p.indrag, td.faktaruta2 p.indrag {
	text-indent:1em;
	color: #000000;
}

/* Blankrad */
div.faktaruta p.blankrad, div.faktaruta2 p.blankrad, td.faktaruta p.blankrad, td.faktaruta2 p.blankrad {
	font-size: 1%;
}

/* BILDER I LÖPANDE TEXT */
IMG { line-height: normal; }

/* Vänsterjusterad bild */
.floatLeft {
	float: left;
	margin-right: 12px;
	margin-top: 6px;
	margin-bottom: 3px;
}

/* Högerjusterad bild */
.floatRight {
	float: right;
	margin-left: 12px;
	margin-top: 6px;
	margin-bottom: 3px;
}

/* Bildtext */
p.bildtext, div.smalare p.bildtext, td.smalare p.bildtext, div.smalast p.bildtext, td.smalast p.bildtext, .bildtext {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 60%;
	line-height: 110%;
	margin-top: 7px;
	color: #5F5D5D;
}

/* TABELLER */
/* Tabell med ram, större typsnitt */
.synligT1 {
	border-top: solid 1px #C4C0C7;
	border-left: solid 1px #C4C0C7;
}
.synligT1 td {
	border-bottom: solid 1px #C4C0C7;
	border-right: solid 1px #C4C0C7;
}

/* Tabell utan ram, mindre typsnitt */
.synligT2 {
	border-top: solid 1px #C4C0C7;
	border-left: solid 1px #C4C0C7;
}
.synligT2 td {
	border-bottom: solid 1px #C4C0C7;
	border-right: solid 1px #C4C0C7;
}

/* Tabell utan ram, större typsnitt */
.osynligT1 {
	border: none;
}
.osynligT1 td {
	border: none;
}

/* Tabell utan ram, mindre typsnitt */
.osynligT2 {
	border: none;
}
.osynligT2 td {
	border: none;
}

.synligT1 td p, .osynligT1 td p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 63%;
	line-height: 125%;
	color: #000000;
	margin: 2px;
}

.synligT2 td p, .osynligT2 td p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 63%;
	line-height: 125%;
	color: #000000;
	margin: 2px;
}

/** LISTOR **/
/* Punktlistor och numrerade listor */
LI {
	margin-top: 2px;
	margin-bottom: 2px;
}

/* Bakgrundsfärger för listor där udda/jämna rader har olika färg */
.uddaRad {
	background-color: #f8f8f8;
	padding: 2px;
	color: #000000;
}
.jamnRad {
	background-color: #ffffff;
	padding: 2px;
	color: #000000;
}

/** KODEXEMPEL **/
.code { 
	font-family: Courier;
	font-weight: bold;
	color: #5B5B5B;	
}

/* KOMPLETTERING TILL stilmall-typografi-global.css */
/* Rubrikstorlekar som utgår i uppsättningarna smalare och smalast */
/* sätts till samma utseende som aktuell brödtext - detta för att fungera om */
/* textens kontext ändras */
/* *SMALARE* */
div.smalare h4, td.smalare h4, .smalareH4 {
	font-family: Georgia, Verdana, Geneva, Arial, sans-serif;
	font-size: 70%;
	line-height: 145%;
	margin-top: 10px;
	margin-bottom: 0;
	font-weight: normal;
	color: #000000;
}
/* *SMALAST* */
div.smalast h3, td.smalast h3, .smalastH3 {
	font-family: Georgia, Verdana, Geneva, Arial, sans-serif;
	font-size: 65%;
	line-height: 135%;
	margin-top: 10px;
	margin-bottom: 0;
	font-weight: normal;
	color: #000000;
}
div.smalast h4, td.smalast h4, .smalastH4 {
	font-family: Georgia, Verdana, Geneva, Arial, sans-serif;
	font-size: 65%;
	line-height: 135%;
	margin-top: 10px;
	margin-bottom: 0;
	font-weight: normal;
	color: #000000;
}