@charset "utf-8";

body {
	font-family: Garamond, "Berling Antiqua", Georgia, "Times New Roman", serif;
	margin: 0;
	padding: 0;
	}
/* //////////////// Nedan selectors för element och taggar */


ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
	list-style-type: none;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	font-style: normal;
}

/* ///// Historical-remnant, ruta med röd text överst på sidor i Skeptron Web Archive */
/* Nedan id #histremnant, röd text med dubbel svart´border som ska finnas överst i alla dokument i Skeptron Web Archive, för att klargöra att detta är en historisk lämning  */

#histremnant {
	color: rgb(153, 0, 0);
	margin-top: 0.5cm;
	margin-right: 15px;
    margin-bottom: 20px;
	margin-left: 30px;
	padding-top: 0.2cm;
	padding-right: 0.2cm;
	padding-bottom: 0.2cm;
	padding-left: 0.2cm;
	border-width: thin;
	border-style: solid;
	border-color: rgb(0,0,0);
	clear: both;
}
/* ///// Nedan id #nederst-histremnant, inom ram en rad röd text nederst på sidor i Skeptron Web Archive, för att klargöra att detta är en historisk lämning  */
#nederst-histremnant {
	color: rgb(153, 0, 0);
	margin-top: 0.5cm;
	margin-right: 4cm;
    margin-bottom: 0.5cm;
	margin-left: 4cm;
	padding-top: 0.5cm;
	padding-right: 0.5cm;
	padding-bottom: 0.5cm;
	padding-left: 0.5cm;
	border-width: thin;
	border-style: solid;
	border-color: rgb(0,0,0);
	clear: both;
}
/* Nedan id #sidhuvud960px som jag ger till den div som är som motsv. elementet header vilket är nytt i HTML5. Jag deklararar samma width dvs 960px som redan finns ovan i deklarationen för klassen container, vilket är redundant och oelegant men det blir av någon anledning fel annars. I DWs layout gör man på annat sätt: "the header is not given a width. It will extend the full width of your layout." */
#sidhuvud960px {
display: none
}

#sidhuvudsimpelt {
display: none
}

#huvudrubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	text-align: center;
	clear: left;
	padding-top: 22px;
}
.centrerad {
	text-align: center;
}

p { 
	font-size: 11pt;
}

h1 {
	font-size: 16pt;
	font-weight: normal;
}
.h1-centrerad {
	
	font-size: 16pt;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: normal;
	text-align: center;
	clear: both;
}
h2 {

	font-size: 14pt;
	font-weight: normal;

}
h3 {
	font-size: 12pt;
	font-style:italic;
	font-weight: normal;
}
h4 {
	font-size: 12pt;
	font-weight: normal;
}
h5 {
	font-size: 11pt;
	font-weight: normal;
}
blockquote {
	margin-left: 30px;
	font-size: 9pt;
}
.simpelbox {
	font-style: normal;
}

.sidokolumn1 {
	display: none
}
#ovanforsubstans {
	display: none
}
#toppmeny {
	display: none
}
.kolumnbox {
	font-weight: normal;
	margin-top: 50px;
	border: thin solid rgb(153, 0, 0);
}
.kolumnrubrik {
	font-size: 16px;
	color:rgb(255, 255, 255);
	background-color:rgb(153, 0, 0);
}
/* Följande klass mittkolumn motsvarar elementet article i HTML5 */
.mittkolumn {
	padding: 10px 0;
	float: left;
	}
	
.knappar {
		display: none;
}
	
aside {
	display: none;
	float: left;
	width: 180px;
	padding: 10px 0;
}
.vertikalmeny {
	font-style: normal;
}

/* Nedan grouped selector för listor inom div substans */

.substans {
	font-style: normal;
	}
.substans ul, .substans ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
/*Följande klass ram använder jag på enkla sidor för att skapa en mörkgrå ram kring div#substans som redan har har deklarationerna margin-top:0; margin-right: 10px; margin-left: 10px; Dvs jag lägger tillfogar bara marginaler och en border).*/
	


/* ////////////Diverse klasser för float/clear */

.mini {
	font-size: 9pt;
}

.hoger {
	text-align: right;
}

.mikro {
	font-size: 7pt;
}

/* //////////////////////  Nedan deklarationer ang fontstorlek För omräkning mellan olika mått på storlekar se t.ex. http://pxtoem.com/. Exempel om man utgår från 16 px: 9px = 0.563em, 10px = 0.625em, 11px = 0.688em, 12px = 0,750em, 14px = 0.875em, 16px = 1.000em, 18px = 1.125em  */

.jattestor {
	font-size: 24pt;
}

.stor {
	font-size: 18pt;	
}

/* //////////////////////  Nedan deklarationer ang färger. UUs profilfärger är #990000 (röd), #EAEAEA (ljusgrå), Grå: #CCCCCC (mellangrå). Dessutom använder jag ofta #6E6C64 (en mörkgrå färg) samt förstås #FFFFFF (vitt). Nedan värdena angivna i hexadecimal.) */
.uurod {
	color:rgb(153, 0, 0);
}

.sidokolumn2{
display: none;
}
	
/*Nedan klassen minicentrerad för sidfot. Denna sidfot icke placerad under hela sidan om denna sida har flera kolumner utan enbart under huvudkolumnen*/ 
.minicentrerad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: center;
	clear:both;
}
/* Klassen .urlmikro är till för den lilla boxen innehållande info om den aktuella sidans URL. Boxenplaceras förslagsvis överst och på sidan om det är en kort sida, och som två instanser både överst och nederst om det är en lång sida. Färgen på teckensnittet är svart  	rgb(0,0,0). Bakgrundfärgen är  background-color: #F5F5F5  dvs (245,245,245) som kallas White Smoke */
.urlmikro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	border: thin solid rgb(105, 105, 105);
	width: auto;
	float: left;
	clear: left;
	padding: 5pt;
	background-color: rgb(245,245,245);
	clear: both;
}

/* Nedan de två klasserna .enbartutskrift-block och .enbartutskrift-display jag i min vanliga css deklarerar som display: none för att förhindra visning på skärmen, men i min print.css deklarerar som display: block resp display: inline. */

.enbartutskrift-block {
	display: block;
}
.enbartutskrift-inline {
	display: inline;
}
	/* Nedan de två klasserna .enbartskarm -block och .enbartskarm -display jag i min vanliga css deklarerar som display: block resp display: inline, men i min print.css deklarerar som display: block resp display: inline. */

.enbartskarm-block {
	display: none;
}
.enbartskarm-inline {
	display: none;
}