/*Grundläggande layoutobjekt*/

#container {
	width:565px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
line-height: 16px;
	color: #333333;
	left: 25px;
	top: 0px;
	position: absolute;
	z-index: 1;
}
#leftColumn {
	width: 385px;
	float: left;
	margin-top: 15px;
	/*margin-left: 0px;*/
	margin-bottom: 8px;
	overflow: hidden;
	z-index: 1;
}
#rightColumn {
	width: 160px;
	float: right;
	margin-top: 15px;
	margin-bottom: 8px;
	overflow: hidden;
	z-index: 1;
}
#upp {
	text-align: left;
	clear: both;
	padding-top: 5px;
	/*margin-left: 0px;*/
	overflow: visible;
	z-index: 1;
}
#navigation {
	color: #CCCCCC;
	text-align: right;
	clear: both;
	padding-top: 5px;
	border:1px none #999966;
	overflow: hidden;
	z-index: 1;
}
#footer {
	text-align: center;
	clear: both;
	/*margin-left: 0px;*/
	margin-top: 8px;
	margin-bottom: 25px;
	/*border:1px solid #999966;*/
	overflow: hidden;
	z-index: 1;
}
p {
	letter-spacing: 0.1em;
letter-spacing: 0.05em;
letter-spacing: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	/*font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333333;
*/
}
h1 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #660000;
	letter-spacing: 0.2em;
	margin-bottom: 4px;
	margin-top: 25px;
}
h2 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #660000;
	letter-spacing: 0.15em;
	margin-top: 25px;
	margin-bottom: 4px;
}
h3 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #660000;
	margin-bottom: 0px;
	margin-top: 25px;
}
h4 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px; /*font-size: 11px;*/
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 17px;
	margin-bottom: 0px;
	color: #000000;
}
h5 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 17px;
	margin-bottom: 0px;
	color: #000000;
}
h6 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 17px;
	margin-bottom: 0px;
	color: #333333;
	font-style: italic;
}
h3 + h4,
h3 + h5{
margin-top: 4px;
}

h4 + h5{
margin-top: 4px;
}
h5 + h6{
margin-top: 0px;
}

/*Ändrar top-margin på en <p> när den kommer som första element innuti leftColumn.
dvs  högst upp på en ny sida.
FUNGERAR INTE I IE/PC*/
 #leftColumn > p:first-child{
	margin-top: 25px;
}
/*Slut  Grundläggande layoutobjekt*/


/*Tar bort HTML-defaultunderstrykningen på  länkar genom att 
omdefiniera  <a>-elementet. Fungerar i NN4
Övrig länkformatering, för att fungera i NN, görs i Page Properties.
Ev fungerar pseudoelement om bara färger anges. Borders går inte*/
a {
text-decoration: none;
}

/*I NN4: Använd inte pseudoklasser för <a> element. 
Ev. fungerar pseudoklasser om bara färger anges.  Borders går inte
Fungerar inte i NN4version*/
a:link {
	color: #666666;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
}
a:visited {
	color: #660000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}
a:hover {
	color: #CC0033;
}

/* Formatregler för objekt innuti div-blocket #navigation*/
#navigation > img {
	vertical-align: text-top;
	padding-right: 4px;
	padding-left: 4px;
}
.navBack {
	margin-right: 16px;
}
/*används inte
.navForward {
	margin-left: 8px;
}*/

/*Omdefinierar pseudoklasser för <a> element innuti #navigation och innuti #upp.
Måste dock även omdefiniera a:hover & a:focus trots att de egentligen inte ska ändras. 
Det beror på att deras stildefinition alltid måste stå efter den senaste definitionen av a:link och a:visited för att fungera.*/
#navigation a:visited,
#upp a:visited{
	color: #666666;
}
#navigation a:hover,
#upp a:hover {
	color: #CC0033;
}

/* Slut  #navigation*/

/* Formatregler för objekt innuti div-blocken #leftColumn & #rightColumn*/
.divLeft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #000000;
	background-color: #DED9C3;
	letter-spacing: 0.12em;	
	text-align:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border:1px solid #999966;
	/*overflow: hidden; FUNGERAR INTE I IE/WinXP*/
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.divRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #000000;
	background-color: #DED9C3;
	letter-spacing: 0.12em;
	text-align:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border:1px solid #999966;
	/*overflow: hidden;*/
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 10px;
}

.divAlone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #000000;
	background-color: #DED9C3;
	letter-spacing: 0.12em;
	text-align:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px; 
	border:1px solid #999966;
	/*overflow: hidden;*/
	clear: both;
	margin-bottom: 8px;
}

.imgLeft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #000000;
	letter-spacing: 0.12em;
	text-align:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border:1px solid #999966;
	/*overflow: hidden;*/
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.imgRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #000000;
	letter-spacing: 0.12em;
	text-align:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border:1px solid #999966;
	/*overflow: hidden;*/
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 10px;
}

.imgAlone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #000000;
	letter-spacing: 0.12em;
	text-align:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border:1px solid #999966;
	/*overflow: hidden;*/
	clear: both;
	margin-top: 0px;
	margin-bottom: 8px;
}

.imgAloneNoFrame {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #000000;
	letter-spacing: 0.12em;
	text-align:left;
	overflow: hidden;
	clear: both;
	margin-top: 0px;
	margin-bottom: 8px;
}

img {
	margin-bottom: 5px;
	border: 1px none #999966;
}

/*Tar bort nedre marginalen när bilden ligger innuti några av dessa kombinationer*/
.divLeft > p >img,
.divRight > p >img,
.divAlone > p >img,
.imgLeft > p >img,
.imgRight > p >img,
.imgAlone > p >img,
.imgAloneNoFrame > p >img{
	margin-bottom: 0px;
}

/*gör en ram runt bilder vars bildhållare inte har ram*/
.imgAloneNoFrame > p >img{
	border:1px solid #999966;
}

/*Används på block (tex textblock <p>) som följer efter en högerställd <div> (tex med en bild i) för att blocket (texten)
ska läggas under bilden och inte till vänster om <div>-blocket.
*/
.clear {
	clear: both;
}
/*Listdefinitioner*/
li {
	font-weight: normal;
	margin-bottom: 4px;
	margin-left: 17px;
}
ul {
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
	list-style-position: outside;
	list-style-type: disc;
	letter-spacing: 0.12em;
letter-spacing: 0.05em;
	text-align: left;
	clear: both;
	margin-left: 0px;
	margin-bottom: 17px;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #DED9C3;
	border: 1px solid #999966;
}
/*Kompletterande stilregler för oordnade listor <ul> för att få en
punktad lista med vanlig brödtext & ingen bakgrundsfärg.
*/
.punktlista {
/*font-family: "Trebuchet MS", Verdana, Arial, sans-serif;*/
	font-size: 11px;
	line-height: 17px;
line-height: 16px;
letter-spacing: 0;
	color: #333333;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
	border: none;
	padding-left: 0px;
}
/*Kompletterande stilregler för oordnade listor <ul> för att få en
punktad lista med brödtext som <ul> men ingen bakgrundsfärg.
*/
.punktlista2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
	border: none;
	padding-left:12px;
}
ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0.12em;
letter-spacing: 0.05em;
	text-align: left;
	clear: both;
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 0px;
	margin-top: 0px;
	padding: 5px;
	background-color: #DED9C3;
	border: 1px solid #999966;
}
/*NYTT 081021 till innehållsförteckningen*/
.ul_innehall1{
margin-bottom: 0px;
}
.ul_innehall1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	line-height: 12px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0.12em;
	text-align: left;
	clear: both;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px 0px 0px 5px;
	background: #FFFFFF;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	list-style: square outside;
}
.ul_innehall2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	line-height: 12px;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
	border: none;
	padding-left:10px;
	font-weight: bold;
	list-style: url(none) none inside;
}

div#innehall a {
	text-decoration: none;
}
 div#innehall a:link{
	color: #666666;
	border-bottom-style: none;
}
  div#innehall a:visited{
	color: #660000;
	border-bottom-style: none;
}
  div#innehall a:hover{
	color: #CC0033;
}


/* Definierar utseendet på listobjekt när listor ligger innuti listor
li > ul  {
	border: none;
	list-style-type: circle;
}
ol >li {
	margin-left: 20px;
}

ul >li {
	margin-left: 15px;
}

li > ul  {
	border: none;;
}

li > ol  {
	border: none;;
}

li > ul >li {
	margin-left: 10px;
	margin-bottom: 0px;
}

li > ol >li {
	margin-left: 14px;
	margin-bottom: 0px;
}
*/

dl {
	/*color: #000000;
	padding: 5px;*/
	
	text-align: left;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}
dt {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
letter-spacing: 0.12em;
}
dd {
	margin-bottom: 8px;
letter-spacing: 0;
}
/*Stilregler till definitionslista längs ned på artlitsidorna
ANVÄNDSINTE???*/
dl#artnamn > dt {
	font-style: italic;
	font-weight: bold;
}
dl#artnamn > dd  {
	margin-bottom: 8px;
	margin-left: 0px;
}
/*Slut: Stilregler till definitionslista längs ned på artlitsidorna*/

/*Stilregler till definitionslistan som används på länklistor i slutet av brödtextsidorna.
Utgår från stilreglerna för <dl> och omdefinierar eller kompletterar dessa.*/
#linklist{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999933;
	margin-top: 25px;
	padding-top: 8px;
	/*padding: 5px;
	letter-spacing: 0.12em;
	text-align: left;
	clear: both;
	margin-top: 0px;
	border: 1px solid #999966;*/
}
/*Gemensamt för #linklist och #linkpages. Klassen .linkpages används på alla definitionslistor på alla länksidor under "Läs mer".*/
#linklist dt,
.linkpages dt{
	font-weight: normal;
}
#linklist dd,
.linkpages dd {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	margin-left: 0px;
}
/*Stilregler till infotecken i artlistorna*/
.artinfo {
	color: #CC0033;
	font-size: 13px;
	font-size: 12px;
	font-weight: bold;
}
.artinfo2 {
	font-size: 13px;
	font-size: 12px;
}
.exponent {
	font-size: 10px;
	font-size: 9px;
	vertical-align: 20%;
}
table{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
line-height: 16px;
	color: #333333;
	}
/* Slut  #leftColumn & #rightColumn*/


/*Stilregler för uppdateringsdatum i fotnoten*/
.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}


/* ALLA UNIKA REGLER FÖR INDIVIDUELLA ELEMENT SKA ANGES I RESP. DOKUMENT.
Bl.a. måste breddmåtten för enskilda <div>-element anges. 
Eftersom IE5/Win (& Mac?) felkalkylerar totalbredden (width) när padding &/eller border används 
måste man dessutom använda;
Alternate Box Model Hack. Se http://www.info.com.ph/~etan/w3pantheon/style/abmh.html	
	*/
/*OBS KOLLA IGEN om det verkligen inte fungerar utan Box Model Hack! Verkar göra det??.
Använder ej ABMH just nu*/

#exempel  {
	/*Alternate Box Model Hack. 
	Width1 för IE5.x/Win, width2+3 = egentlig bredd*/
	width: 172px;	 
 	width/* */:/**/160px;
 	width: /**/160px;
}