/* CSS Document */
html{
	font-size-adjust: 0.58;
	color: #333333;
	font: normal 7pt/11pt Verdana, Arial, Helvetica, sans-serif;
}
body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
width:100%;
	/*overflow: auto; FUNGERAR EJ*/
}
#container {
	position: relative;
	top:0;
	padding-top: 0;
	margin-left: 0;
	background: #FFFFFF url(../images/dotVert.gif) repeat-y right top;
width:100%;
}

#header {
display:none;
	background-color: #DFD;
	position: absolute;
	top:0;
	left: 0px;
	height:55px;
	width:800px;
	z-index: 10000;
}
#header {
display:none;
}
#navigation {
display:none;
}
#footer {
	text-align: center;
	word-wrap: break-word;/*Works in IE Win only*/
overflow: hidden;	/*Works in all browsers*/
	clear: both;
padding-top: 5pt;
	background: #FFFFFF url(../images/dotHoriz.gif) repeat-x top;
}
#bottombuffer{
	display:none;
}
#leftColumn {
display:none;
}
#anchors {
display:none;
}
#rightColumn {
	position:absolute;
	top:0;
	right:0;
	margin-left:0;
	margin-bottom:5%;
	word-wrap: break-word;/*Works in IE Win only*/
	overflow: hidden;/*Works in all browsers*/
	background: #FFFFFF url(../images/dotVert.gif) repeat-y left top;
	padding: 0 4pt 8pt;
	width:25%
}
#content{
	position:relative;
	top:0;
	left: 0;
	width: 70%;
	margin: 0 0 15pt 0;/* 060104 KORRIGERA Opera & Opera. Ge  Opera; margin-right=190px eller använd max-width:635px. KOLLA vad som blir bäst*/
	word-wrap: break-word;	/*Works in IE Win & Safari only*/
	background: #FFFFFF;
	}
#breadcrumb{
top:0;

	color: #777777;
	clear:both;
	margin-top: 3pt;
}
#sidrubrik{
	clear:both;
	width: 70%;
	overflow: hidden;
}



/*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;
}
/* Ger snygg punktad understrykning även i IE*/
#container a{
	background: url(../images/dotHoriz.gif) repeat-x bottom; 
}
/*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: #AE3208; /*#666666/
	/*border-bottom-style: dotted;
	border-bottom-color: #000000;
	border-bottom-width: 1px;*/
}
a:visited {
	color: #AE3208;/*#E65828 #660000*/
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;*/
}
a:hover {
	color: #E65828;
}
/*Objekt i #breadcrumb*/
#breadcrumb a:link{
	background: url(none); 
	color: #777777;
	}
#breadcrumb a:visited {
	background: url(none); 
	color: #777777;
	}
#breadcrumb a:hover{
	color: #E65828;
}
/*Slut #breadcrumb*/

/*Objekt i #footer*/
.date {
	font-size: 9pt;
	color: #333333;
}
/*END Objekt  i #footer*/


#header #rubrik {
	width: 100%;
	text-align: center;
	top: 7pt;
	position: absolute;
}
#header #rubrik img{
	width: 15.9em;
	height: 4.5em;
}
#hem {
	bottom: 0;
	left: 11em;
	position: absolute;
	text-align: left;
	line-height: 1.2em;
	font-size: 1.1em;
	padding-bottom: 6px;	
} 
#hem a:link,
#hem a:visited{
	color: #777777;
	}
#hem a:hover{
	color: #E65828;
}

/*Grundläggande layoutobjekt*/
p {
	letter-spacing: 0.05em;
	margin-top: 0;
	margin-bottom: 0.8em;
	font: 10pt/14pt Georgia, "Times New Roman", Times, serif;
	/*font: 1.2em/1.5em Georgia, "Times New Roman", Times, serif; URSP*/
}
h1 {
	font-size: 2.2em;
	line-height: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	color: #AE3208;
	letter-spacing: 0.2em;
	margin-top: 1em;
	margin-bottom: 0.1em;
}
h2 {
	font-size: 2em;
	line-height: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	color: #AE3208;
	letter-spacing: 0.15em;
	margin-top: 1em;
	margin-bottom: 0.1em;
}

h3 {
	font-size: 1.6em;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #AE3208;
	margin-top: 1.8em;
	margin-bottom: 0.1em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: normal;
	letter-spacing: 0.15em;
	margin-top: 1.4em;
	margin-bottom: 0;
	color: #AE3208;
	text-transform: uppercase;
}
h5{
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: normal;
	letter-spacing: 0.15em;
	margin-top: 0.8em;
	margin-bottom: 0;
	color: #AE3208;
	/*text-transform: uppercase;*/
}
h6,
.h6inline{
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 0.15em;
	margin-top: 0.4em;
	margin-bottom: 0;
	color: #AE3208;
	text-transform: uppercase;
}
#sidrubrik h2 + h3{
	margin-top: 1em;
}
#sidrubrik h2 + h4,
#content h3 + h4,
#sidrubrik h3 + h4{
	margin-top: 0.8em;
}
#content h4 + h5,
#sidrubrik h4 + h5,
#content h5 + h5{
	margin-top: 0.5em;
}
#content h5 + h6,
#sidrubrik h5 + h6{
	margin-top: 0.5em;
}


/* BILDER  & RELATERAD CSS*/
img{
margin-bottom: 0.2em;
}
/* Alla bilder som ska ha en bildtextparagfar under sig läggs INTE innuti en <p>. 1a <p> efter <img> får då bildtextformatering.*/
img + p{
font-size: 0.9em;
line-height: 1.4em; 
color:#FF0000;
}
/*ALT " för bildtexter. HÄR läggs alltid img innuti en <p> och om efterföljande <p> är en bildtext ger man den klassen .imgtxtbelow. Har gjort så from nya sjögräsversionen 060803*/
.imgtextbelow{
font-size: 0.9em;
line-height: 1.4em; 
margin-top: -0.8em;
}
.imgtextabove{
font-size: 0.9em;
line-height: 1.4em; 
margin-bottom: 0.2em;
}

/*FROM 080830 koraller (Gör om sjögräs). Standardbilder görs 300px breda läggs i en div som ges klassen .ImgDiv300px. Bildtexten skrivs innuti div*/
.imgDiv300px{
width:300px;
clear:both;
font-size: 0.9em;
line-height: 1.4em;
margin-bottom: 0.8em;
}
.imgDiv300px p{
margin-bottom: 0.4em;
}
.imgDivNoWidth{
clear:both;
font-size: 0.9em;
line-height: 1.4em;
margin-bottom: 0.8em;
}
.imgDivNoWidth p{
margin-bottom: 0.4em;
}
/* SLUT BILDER  & RELATERAD CSS*/

/*FOTNÖTTER*/
.fotnot{
font-size: 0.9em;
line-height: 1.4em; 
margin-top: 0;
margin-bottom: 0.4em;
}
/* Vid fotnot efter en tabell är avståndet mellan tabellen och första fotnoten för stor pga tabellens margin-bottom. Åtgärdas genaom att ge första fotnoten en negativ margin-topp*/
table + .fotnot{ 
margin-top: -1.2em;
}
.fotnot + p{ 
margin-top: 0.8em;
}
/*SLUT FOTNÖTTER*/

/*TABELLER*/
table{
	/*font-size: 0.9em;*/
	color: #000000;
	border-top: 1px solid #000000;/*toppramen på tabellen*/
	border-left: 1px solid #000000;/*vänsterramen på tabellen*/
	border-collapse:collapse;
	margin: 0.4em 0.1em 1.6em;	/*Sätt left-margin = border-left. Om inte left-margin anges placeras tabellen så nära vänsterkanten av#content att vänsterramen inte syns i Firefox. Likaså när man inte anger en bredd på tabellen måste man ange right-margin = border-right annars syns inte vänsterramen i Safari.*/
/*width: 43.3em; behöver  inte användas. */
}
table td {
	font: normal 6pt Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	white-space: normal;
	vertical-align: top;
	text-align: left;
}
table th{/* Om th-taggar används = kolumnrubrikerna =1a radens celler*/
	font: normal 6pt Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	vertical-align: bottom;
	padding: 4px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	white-space: normal;
	background: #E8E1DC;

}
td p,
th p{
	margin-top: 0px;
	margin-bottom: 0px;
	font: normal 6pt Verdana, Arial, Helvetica, sans-serif;
	
}

table td.kolumn1{/* En klass som omdefinierar td-element  i 1a kolumnen= radrubrikerna*/
	font-weight: bold;
}
/*CSS FÖR KÄNSLIGHETSTABELLER*/
/*Baseras på de allmäna defibnitionerna för tabeller. Se ovan.*/

/* Grundläggande CSS på alla td i tabeller tilldelade klassen .kanslTab*/
table.kanslTab td {
	padding: 2px 4px;
}
/* Omdefinierar alla celller i 1a kolumnen (radrubriker)*/
table.kanslTab .kolumn1{
	text-align: left;
	/*width:16.66em; 060913 TESTADE ATT TA BORT DENNA för att få tabellerna smalare., måste då kommaihåg att lägga in </br>-taggar om texten är för lång.
	Önskad bredd =150px. Fontsize för tabeller  är satt till 0.9 em =9px. 150px motsv  då i em: 150px/9px=16.66em*/
}
/* Omdefinierar td-element  i 1a kolumnen= radrubrikerna*/
table.kanslTab td.kolumn1{
	font-weight: bold;
}
/*SLUT CSS FÖR KÄNSLIGHETSTABELLER*/

/*TILLFÖRLITLIGHET*/
.tillforlGreeen{
	background-color:#669966;
	font-weight: bold;
	color: #669966;
}
.tillforlOrange{
	background-color:#FFCC66;
	color: #FF9933;
	font-weight: bold;
}
.tillforlRed{
	background-color:#FF3333;
	font-weight: bold;
	color: #FF0000;
}

/*SLUT TILLFÖRLITLIGHET*/
/*SLUT TABELLER*/


/*LISTDEFINITIONER*/
#content ul {
	text-align: left;
	clear: both;
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 1.6em;
	margin-top:0;
	margin-left: 1.5em;
	padding-left: 0;
	margin-left: 1.5em;
	}
#content ol {
	text-align: left;
	clear: both;
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom: 1.6em;
	margin-left: 3em;
	margin-top: 0;
	padding: 0;
	}
	#content li {
	font-weight: normal;
	margin-bottom: 0.4em;
	}
#content table ul,
#content table ol{
	margin-bottom: 0em;
}
/*DiVs för avgränsningar i löpande texter*/
.divAlone {
	background: #E8E1DC;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0.8em;
	padding-left: 1em; 
	border:1px solid #000000;
	clear: both;
	margin-bottom: 0.8em;
}
/*SLUT DiVs för avgränsningar i löpande texter*/

/*REDEFINING <hr> tag. Går inte att centrera.*/
hr {
	width: 100%;
	margin: 0px 0px 5px;
	padding: 1px;
	background: url(../images/dotHoriz.gif) repeat-x bottom;
	border-style: none;
	clear:both;
}
/*END REDEFINING <hr> tag*/

/*LISTDEFINITIONER*/

/* ALLMÄNT DEFINITIONSLISTOR*/
dl {
	text-align: left;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 8px;
	margin-left: 0px;
}
/* SLUT ALLMÄNT DEFINITIONSLISTOR*/

/* DEFINITIONSLISTA .ORDLISTA*/
dl#ordlista dt {
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 0.15em;
	margin-top: 0.4em;
	margin-bottom: 0;
	color: #AE3208;
	text-transform: uppercase;
	
	background-color: #E8E1DC;
}
dl#ordlista dd {
	margin-bottom: 12px;
}
/* SLUT DEFINITIONSLISTA .ORDLISTA*/

/* DEFINITIONSLISTA .LAYOUT1*/
/*SLUT LISTDEFINITIONER*/

/*Slut  Grundläggande layoutobjekt*/