/* CSS Document */

html{
	font: normal 62.5%/100% Verdana, "Lucida Grande", "Lucida Sans", "Vera Sans", sans-serif; /*ger i utgången typsnittsstorlek =10px istället för webbläsarnas  16 pixlars standardstorlek vid fontsize=medium=16px (10px/16px=62,5%) och gör om standardradavståndet (som webbläsarna automatiskt beräknar till 120% av fontsize) så att man utgår från ett radavstånd på 10px (10px önskat radavstånd vid fontsize 10px erhålls genom: 100%x 10px)
Nu motsvara 1em =10px både i fontsixze och line-height 	*/
	letter-spacing: 0em;
	font-size-adjust: 0.58;
	color: #000000;
}
body {
	font-size: 1em;
	line-height: 1.6em; 
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	/*overflow: auto;*/
width: 100%;
}
#container {
	left:0;
	top:0;  /*Kan inte använda top:14em; & padding-top: 0; (alternativt margin-top:0;) för Firefox, Netscape, Opera  & Mozilla flyter inte rightColumn på samma höjd som #content utan något förskjutet nedåt. Att ange en padding och top:0; verkar fixa problemet.*/
padding-top: 0;
margin-left: 0; /*IE6 klarar inte när  x-positionen anges på #container med "left:" och när man även använder em-värden på "width:". Den flyttar inte x-positionen korrekt när man förstorar eller förminskar typsnittet i webbläsaren. Dvs det fungerar inte att använda; left:17.5em + margin-left:1.5em och inte heller bara left:17.5em. Kan bara använda margin-left.
	Beror på att #container i IE6 inte har egenskapen position: angiven eftersom inte rullmenyerna fungerar korrekt då.*/
	background: #FFFFFF;
	/*position: relative; NYTT 081211: Borttaget för att container ska kunna rulla i IE6. Läggs in mha en downlevel revelaed conditional comment i main.dwt*/
	width: 77em; 	/*Korrigera "the Box Model Problem" i IE5/Win mha en conditional comment i main.dwt.*/
	border-right: 0.1em solid #6D7C9A;	/*PC RGB 109,124,154*/
	overflow: visible;
width: 210mm;
width: 100%;
width: 77em;
}
#header {
display:none;
}
/*NYTT 081211 IE visar bilden suddigt om man anger storleken i ems. Verkar få fel proportioner vilket gör bilden suddig. Tar bort formateringen här men korrigerar övriga webbläsare  med en downlevel conditional comment i main.dwt. Att ange storleken i ems gör att huvudet skalas om man skalar i webbläsaren.*/
/*#header #background{
	height:14em;
	width:96em;
}*/
#navigation {
display:none;
}
#footer {
	text-align: center;
	word-wrap: break-word;/*Works in IE Win only. Medför att css-mallen inte validerar?*/
	overflow: hidden;
	clear: both;
	padding-top: 0.5em;
}
#bottombuffer{ /* Används i IE6 (se CC i main.dwt) som buggar när man använder ankare långt ned på sidan.  När IE6 försöker flytta ankaret till toppen av sidan och det inte finns tillräckligt med text under ankaret så flyttas inte bara #content uppåt utan även #header & #leftColumn */	
	clear:both;
	height:100em;
}
#leftColumn {
display:none;
	}
#containerrightborder {
display:none;
}
	/*  Hide for IE Win (IE5 <= IE < IE7 ). Position:fixed in IE Win is fixed in the conditional comment in main.dwt. IE7 STÖDJER pos:fixed och > selektorn. IE7 tolkar koden korrekt.*/
	html>body div#header, 
	html>body div#leftColumn, 
	html>body div#containerrightborder{
	position:fixed;
}	
#rightColumn {
position:absolute;
top:20mm;
/*right:0;*/
left: 49.3em; /* 47.5+0.1+0.2em+1.5em)*/
	margin-left:0.2em;
	margin-bottom:1.5em;
	word-wrap: break-word;/*Works in IE Win & Safari*/
	overflow: hidden;
	padding: 0em 1.3em 0.8em 1.3em;
	width: 25em;/*Korrigerar "the Box Model Problem" i IE5/Win mha en  conditional comment i main.dwt: width/IE5 = width + padding + border = 27.6em*/
	background: #FFFFFF url(../images/dotVertBlue.gif) repeat-y left top;
	overflow: visible;
width: 68,18mm;	
width: 32,47%;
width: 25em;
}
#content{
position:relative;
top:10mm;
left: 0;
	width: 47.5em;
	margin: 0 0 1.5em 0;
	word-wrap: break-word;	/*Works in IE Win & Safari*/
	overflow: hidden;
	background: #FFFFFF;
	padding-right: 1.5em;
	border-right: 0.1em solid #6D7C9A;
	overflow: visible;
width: 129.545mm;
width: 61.69%;	
width: 47.5em;
	}
#breadcrumb{
	color:#6D7C9A;	/*PC RGB 109,124,154*/
/* clear:both; 090113 Borttaget. Behövs egentligen inte. KOLLA andra webbläsare*/
	clear:both;
	margin-top: 3px;
	margin-right: 1.3em;
}

/*Borttaget 090113
	#sidrubrik{
		clear:right;
		padding-right: 2em;
		width:47.5em;
	}*/
#GUlogga{
position:absolute;
top:0;
right:0;
	/*float:right;*/
	margin-bottom:0;
	overflow: hidden;/*Works in all browsers*/
	padding: 0em 2.4em 0em 0em;	
	margin-bottom:20em; /* Nytt 090113. Behövs för att trycka ned #rightColumn & #content när #sidrubrik tasgits bort*/
}

#GUlogga img{
	border-style: none;
}

/*Tar bort HTML-defaultunderstrykningen på länkar genom att 
omdefiniera  <a>-elementet. */
a {
text-decoration: none;
}
/* Snygg punktad understrykning även i IE*/
#container a{
	background: url(../images/dotHorizDarkblue.gif) repeat-x bottom;
}
#img a{
	background: url(none);	
}

a:link {
	color: #4E6076;	
	color: #6D7C9A; /* PC RGB: 109 124 154*/	
}
a:visited {
	color: #4E6076;
	color: #6D7C9A; /* PC RGB: 109 124 154*/
}
a:hover {
	color: #86BA8B;/*PC RGB 134,186,139*/
}
.LasMer{
	text-align: right;
	padding-top: 0.2em;
	display: block;
	}
#container a.LasMer,
#container a:link.LasMer,
#container a:visited.LasMer,
#container a:hover.LasMer{
	background: url(none);
}

/*Objekt i #breadcrumb*/
#breadcrumb a:link{
	background: url(none);
	color:#6D7C9A;	/*PC RGB 109,124,154*/
	}
#breadcrumb a:visited {
	background: url(none); 
	color:#6D7C9A;	/*PC RGB 109,124,154*/
	}
#breadcrumb a:hover{
	color: #86BA8B; /*PC RGB 134,186,139*/
}
/*Slut #breadcrumb*/

/*Objekt i #navigation*/
/*Tar bort understrykning på alla länkar i #navigation*/
#navigation a:link{
	background: url(none); 
	color:#6D7C9A;	/*PC RGB 109,124,154*/
}
#navigation a#tillbakaupp{
	margin-right: 1.2em;
}
#navigation img#back{
	margin: 0 10px 0 0;
}
#navigation #forwarddiv{
	float:right;
	height: 17px;
	width: 20px;
	font-size: 1px;/*ges en liten storlek för att dölja texten. Vill bara se bakgrundsbilden (pilen)*/
	text-align: left;
	background: url(../images/forwardinaktiv.gif) no-repeat;
	color:#EDEEEF;	/*PC RGB 237,238,239*/
}
#navigation #forwarddiv a{
	background: url(../images/forward.gif) no-repeat 0px 0;
	display: block;
	margin:0;	
	padding:0;
}
#navigation #forwarddiv a:hover{
	background: url(../images/forwardOver.gif) no-repeat 0px 0;
	margin:0;	
	padding:0;
}
/* END  Objekt i #navigation*/

/*Objekt i #footer*/
#footer p{
	font-size: 0.9em;
	color:#6D7C9A;	/*PC RGB 109,124,154*/
}
/*END Objekt  i #footer*/


/*Grundläggande layoutobjekt*/
p {
	/*font-size: 1.1em;*/
	font-size: 1.05em;
	/*line-height: 1.5em;*/
	/*letter-spacing: 0.05em;*/
	margin-top: 0;
	margin-bottom: 0.8em;
	color:#333333;
	}
#rightColumn p{
	font-size: 0.9em;
	line-height: 1.45em;
	color:#000000;
	margin-bottom: 0.4em;
}
/*Ändrar top-margin på en <p> när den kommer som första element innuti content.
dvs  högst upp på en ny sida.
FUNGERAR INTE I IE/PC*/
/* #content > p:first-child{
	margin-top: 2.5em;
}*/

h1 {
	text-transform: lowercase;
	color: #86BA8B;/* PC RGB 134,186,139*/
	letter-spacing: 0.07em;
	margin-top: 1em;
	margin-bottom: 0.1em;
	font-family: Verdana, "Lucida Grande", "Lucida Sans", "Vera Sans", sans-serif;
	font-size: 3.2em;
	font-weight: normal;
	line-height: 1.2em;
}

h2 {
	font-size: 2.6em;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: lowercase;
	color: #86BA8B;
	letter-spacing: 0.11em;
	margin-top: 1.4em;
	margin-bottom: 0.1em;
}

h3 {
	font-size: 2.2em;
	line-height: 1.3em;
	font-weight: normal;
	color: #4E6076;
	color: #6D7C9A; /* PC RGB: 109 124 154*/	
	letter-spacing: 0.1em;
	margin-top: 1.2em;
	margin-bottom: 0.2em;
	text-transform: lowercase;
}
#news h3,
#rightColumn h3{
	font-size: 1.5em;
	font-weight: normal;
	color: #6D7C9A; /* PC RGB: 109 124 154*/	
	letter-spacing: 0.1em;
	text-transform: lowercase;
	background: #C1DDC2; /* ljusgrön*/
	margin-bottom: 0.4em;
	margin-top: 1.5em;
	padding-top: 0.5em;
	padding-left: 0.3em;
	padding-bottom: 0.2em;
}
h4 {
	font-size: 1.35em;
	line-height: 1.5em;
	font-weight: normal;
	color: #6D7C9A; /* PC RGB: 109 124 154*/
	letter-spacing: 0.05em;
	margin-top: 1.2em;
	margin-bottom: 0;	
}
#news h4,
#rightColumn h4 {
	font-size: 1.2em;
	line-height: 1.3em;	
}
h5 {
	font-size: 1.05em;
	line-height: 1.5em;
	font-weight: bold;
	color: #6D7C9A; /* PC RGB: 109 124 154*/
	letter-spacing: 0.05em;
	margin-top: 0.4em;
	margin-bottom: 0;
	}
#news h5,
#rightColumn h5 {
	font-size: 0.9em;
	line-height: 1.45em;
	font-weight: bold;
	letter-spacing: 0.08em;
	color: #4E6076; 
	color: #6D7C9A; /* PC RGB: 109 124 154*/
	margin-top: 1em;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child{
margin-top: 0em;
}	
.inlineBlue,
.inlineGreen{
	font-weight: bold;
	color: #86BA8B;/* PC RGB 134,186,139*/
	/*font-size: 1.1em;  (body/p)*önskad storlek= (1/1.05)*1.15= 1.1em)*/
	/*font-size: 1.05em;  (body/p)*önskad storlek= (1/1.05)*1.1=1.048 =1.05em)*/
	letter-spacing: 0.05em;
}
.inlineBlue{
	color: #6D7C9A; /* PC RGB: 109 124 154*/
}
p .inlineBlue,
p .inlineGreen,
h4 .inlineBlue,
h4 .inlineGreen,
h5 .inlineBlue,
h5 .inlineGreen{
	font-size: 1.1em;
	/* (body/p)*önskad storlek= (1/1.05)*1.15= 1.1em)*/
	/*(body/#rightColumn p)*önskad storlek= (1/0.9)*1= 1.1em)*/
	letter-spacing: 0.1em;
}
#content .anfangBlue,
#content .anfangGreen{
	float:left;
	font-size:3.6em;
	color: #6D7C9A; /* PC RGB: 109 124 154*/
	margin:0.07em 0.05em 0 0em;
	padding: 0.07em 0em 0.1em 0;
	text-transform: lowercase;
}
#content .anfangGreen{
	color: #86BA8B; /* PC RGB 134,186,139*/
}
#rightColumn h5 + p{
	margin-top: 0.2em;
}

#rightColumn h4 + h5{
	margin-top: 0.6em;
}	
	
/* 080810 Kolla om omdefinieringar behövs*/
/*#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 & BILDTEXTER*/
/*Bilder i högerspalten: max 244px breda (250px - (2x1px + 2x2px) = 244px (rightColumn width= 25em = 250px)
Bilder i #content: max 475px - (2x1px + 2x2px) = 469px (#content width = 47,5em = 475px). Om två bilder bredvid varandra max 228 pixlar vardera.
 */
#content img,
#rightColumn img{
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	border: 1px solid #4E6076;
	padding: 2px;
}
#content img.imgNoFrame,
#rightColumn img.imgNoFrame{
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding: 0;
	border: none;
}
.imgFloatRight {
	float:right;
	margin-left: 0.8em;
}
.imgFloatLeft {
	float:left;
	margin-right: 0.8em;
}
/*Bildtext under*/
.imgtextbelow{
font-size: 0.9em;
line-height: 1.5em; 
margin-top: -0.8em;
}
#rightColumn .imgtextbelow{
margin-top: -0.4em;
}
/* Bildtext över*/
.imgtextabove{
font-size: 0.9em;
line-height: 1.5em; 
margin-bottom: 0.2em;
}
/* SLUT BILDER  & RELATERAD CSS*/
	

/*TABELLER*/
table{
	color: #333333;
	border-top: 1px solid #6D7C9A;/*toppramen på tabellen*/
	border-left: 1px solid #6D7C9A;/*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.*/
}

table td {
	padding: 0.4em;
	border-right: 1px solid #6D7C9A;
	border-bottom: 1px solid #6D7C9A;
	white-space: normal;
	vertical-align: top;
	text-align: left;
}
td p{ 
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
}
#rightColumn table p{ 
	font-size: 1em;
}


td h1,
td h2,
td h3,
td h4,
#rightColumn td h3,
#rightColumn td h4,
#rightColumn td h5{ 
	margin-top:0;
}
#rightColumn td h5{ 
	font-size: 1em;
}
.tableheading{
	background: #C1DDC2; /* ljusgrön*/
	font-size: 1.35em;
	font-weight: normal;
	color: #6D7C9A; /* PC RGB: 109 124 154*/
	letter-spacing: 0.05em;
	margin-bottom: 0;
	padding-top: 1.2em;	
}
table#kontaktlista{
	color: #333333;
	border: none;
	border-collapse:separate;
	border-spacing: 0em 0.6em;
	margin: 0.4em 0.1em 1.6em;
}
table#kontaktlista td{
	border: none;
}
/*table#kontaktlista td p,
table#kontaktlista th p{ 
	font-size: 1.05em;
}*/

/*LISTDEFINITIONER*/
#content ul,
#rightColumn ul {
	color:#333333;
	text-align: left;
	clear: both;
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 1.6em;
	margin-top:0;
	margin-left: 2.9em;
	padding: 0;
	}
#content ol,
#rightColumn ol {
	color:#333333;
	text-align: left;
	clear: both;
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom: 1.6em;
	margin-top: 0;
	margin-left: 2.9em;
	padding: 0;
	}	
#content li,
#rightColumn li {
	margin-bottom: 0.6em;
	line-height: 1.4em;
	}
table ul,
table ol{
	margin-bottom: 0em;
}
#rightColumn ul,
#rightColumn ol{
	font-size: 0.9em;
	line-height: 1.45em;
	color:#000000;
	margin-bottom: 1.2em;
}
#rightColumn li{
	margin-bottom: 0.6em;
}
#rightColumn h4 + ul,
#rightColumn h4 + ol,
#rightColumn h5 + ul,
#rightColumn h5 + ol{
	margin-top: 0.4em;
}


/*SLUT LISTDEFINITIONER*/

/* DEFINITIONSLISTA allmänt*/
dl {
	text-align: left;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}
dt {
	font-weight: bold;
	color: #6D7C9A; /* PC RGB: 109 124 154*/	
}
dd {
	margin-bottom: 8px;
	margin-left: 0px;
}
/* SLUT DEFINITIONSLISTA allmänt*/


/* DEFINITIONSLISTA i #news*/
#news dl {
	font-size: 0.9em;
	line-height: 1.45em;
	text-align: left;
	clear: both;
	margin-top: 1em;
	margin-bottom: 0m;
}
#news dt {
	font-weight: bold;
	letter-spacing: 0.12em;
	letter-spacing: 0.08em;
	color: #4E6076;
	color: #6D7C9A; /* PC RGB: 109 124 154*/
}
#news dd {
	margin-bottom: 1.5em;
	margin-left: 0;
	padding-bottom: 0.8em;
	border-bottom: 1px solid #6D7C9A; /* PC RGB: 109 124 154*/
}
/* SLUT DEFINITIONSLISTA i #news*/	


/*OMDEFINIERING <hr> tag. Går inte att centrera.*/
hr {
	width: 100%;
	margin: 0px 0px 0.5em;
	padding: 1px;
	border-style: none;
	clear:both;
	background: url(../images/dotHorizDarkblue.gif) repeat-x bottom;
}
#rightColumn hr {
	width: 100%;
	margin: 0px 0px 0.5em;
	padding: 1px;
	border-style: none;
	clear:both;
	background: url(none) repeat-x bottom;
	border-bottom: 1px solid #6D7C9A; /* PC RGB: 109 124 154*/
}
/*SLUT OMDEFINIERING <hr> tag*/

.hr_wave_liten {
	width: 100%;
	margin: 0 0 0.5em 0;
	padding: 0 0 2em 0;
	background: url(../images/wave_liten.jpg) no-repeat center 0em;
	clear:both;
	}
.hr_wave_stor {
	width: 100%;
	margin: 0 0 0.5em 0;
	padding: 0 0 3em 0;
	background: url(../images/wave_stor.jpg) no-repeat center 0em;
	clear:both;
	border-style: none;
	}

#news hr {
	width: 100%;
	margin: 0px 0px 5px;
	padding: 5px 0px 10px;
	background: url(../images/wave_liten.jpg) no-repeat center bottom;
	border-style: none;
	clear:both;
	}