.hide
{}
/*

Redigerad: 2010-11-09, Tommy Bergh, Know IT
Tagit bort Border ifrån .MatrisRad
Ändrat borderfärg ifrån svart till mörkgrå i .MatrisVansterElement och .MatrisElement

Redigerad: 2005-06-03, Hillevi Gustafson, ITC:
Lag till så att SiteName alltid är svart text, även om länken är besökt.

Redigerad 2005-05-13, Kristian Norling, SU
Lagt till overflow: hidden; i #LeftMenu.

Redigerad: 2005-04-20, Anna Lindholm, Knowit:
Lagt till klasser relaterade till listningen av rss-flöden.
NewsListHeader, NewsDateListingText, LinkText, DescriptionText.

Redigerad 2005-02-08, Kristian Norling, SU
Lagt till <em>.

Redigerad 2005-02-02, Kristian Norling, SU
Tog bort dubblerad och felaktig kod i slutet av css:en ca 80rader

redigerad: 2005-01-24, Henrik Staberg, Knowit:
Ersatt <nobr> taggar i TopmenuDiv.ascx med en div (nobr).
Lagt till .ToBack:hover, visited och active så att färgen på länken är svart hela tiden och inte blå.
 
redigerad: 2004-12-15; Kristian Norling, SU
Lade till ytterligare en nivå, nivå 4, för vänstermenyn

redigerad: 2004-10-20, Attila Péterffy, Knowit:
Lade till CSS element till toppmenyns DIVar,
kommenterade bort CSS klasser relaterade till toppmenyns tabeller

Stilmallen editerad för att anpassas till den grafiska profilen för VGR.
Varje "element" har egna "properties", för att kunna detaljstyra utseendet.
Kommentarer finns för "element" och "class" som kan varieras för varje unik webbplats i en separat ccs-fil.
Ordning på margin och padding: topp, höger, botten, vänster
*/ 
body
{
background-color: #aec4cf; 
/* background-color: #D0A75F; VOILA */
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000000;
text-decoration: none;
}

p, span
{
background-color: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
margin: 2px 0px 10px 0px;
line-height: normal;
letter-spacing: normal;
word-spacing: normal;
white-space: normal;
EditMenuName: Normal;
}

strong
{
background-color: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 0px 10px 0px;
line-height: normal;
letter-spacing: normal;
word-spacing: normal;
white-space: normal;
}

em
{
background-color: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 0px 10px 0px;
line-height: normal;
letter-spacing: normal;
word-spacing: normal;
white-space: normal;
}

div
{
margin: 0px;
padding: 0px;
}

img
{
border: 0px;
margin: 0px;
}

.notvisible
{
display: none;
border: 0px;
margin: 0px;
}

form
{
padding: 0px;
margin: 0px;
}

map
{
padding: 0px;
margin: 0px;
}

input, option
{
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
vertical-align: middle;
padding: 0px;
/*EditMenuName: Normal;*/
}

input
{
font-size: 90%;
margin: 0px;
}

option
{
font-size: 100%;
border: 1px dotted #CCCCCC;
margin: 0px;
}

pre, tt, code, kbd, samp
{
width: 100%;
color: #000000;
background-color: inherit;
font-family: monospace;
margin: 0px;
padding: 0px;
EditMenuName: Monospace;
}

blockquote
{
color: #000000;
background-color: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 10px 40px 10px 40px;
EditMenuName: Citat;
}

blockquote:before, blockquote:after
{
content: open-quote;
}

address
{
width: 200px;
color: #000000;
background-color: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
border: 2px solid #9FAFE0;
margin: 10px 0px 10px 0px;
padding: 4px;
EditMenuName: Adress;
}

sub
{
color: #000000;
background-color: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
EditMenuName: sub;
}

sup
{
color: #000000;
background-color: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
EditMenuName: sup;
}

ul
{ 
background-color: inherit;
color: #9FAFE0;
list-style-type: square;
list-style-position: outside;
margin: 0px 0px 20px 16px;
}

ol
{
background-color: inherit;
color: #9FAFE0;
list-style-type: decimal;
}

li
{
background-color: inherit;
color: #000000;
margin-top: 6px;
}

hr
{
background-color: #9FAFE0; 
color: lightgray;/* VGR #BDE187 */
height: 0px;
width: 100%; 
/*border: 1px dotted #9FAFE0;*/
margin: 0px;

}

table
{
max-width: 540px;
font-size: 100%;
margin: 0px;
}

tr
{
font-size: 100%;
margin: 0px;
}

td
{
background-color: inherit;
font-size: 100%;
margin: 0px;
font-weight: normal;
text-decoration: none;
empty-cells: show;
/*EditMenuName: Normal;*/
}

h1, h2, h3, h4, h5, h6
{
background-color: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 14px 0px 0px 0px;
line-height: normal;
letter-spacing: normal;
}

h1
{
background-image: url('../MunHbild/oga.gif');
background-repeat: no-repeat;
background-position:0px 1px;
padding-left: 20px;
color: #000000; 
font-size: 100%;
margin: 14px 0px 10px 0px;
border-bottom: solid 1px black;
padding-bottom: 2px;
EditMenuName: H1;
}

h2
{
font-weight: bold;
font-size: 110%;
color: #000000;
EditMenuName: H2;
}

h3
{
font-weight: bold;
font-size: 100%;
margin: 14px 0px 0px 0px;
color: #000000;
EditMenuName: H3;
}

h4
{
color: #000000;
font-weight: normal;
font-size: 100%;
}

h5
{
color: #000000;
font-size: 100%;
}

h6
{
color: #000000;
font-size: 100%
}

/* Standardlänkar. */ 
a 
{
background-color: inherit;
text-decoration: none;
color: #cc0000;
padding: 0px;
margin: 0px;
}

a:hover
{
text-decoration: none; 
color: #000000;
}

a:visited
{
text-decoration: none; 
color: #cc0000;
}

a:link
{
	text-decoration: none;
	color: #cc0000;
}

a:active
{
background-color: inherit;
text-decoration: none;

}

.Arrows
{
background-color: inherit;
color: #005BAA;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

/* Sidfotslänkar. */ 
.FooterLink
{
background-color: inherit;
color: #005BAA;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

.FooterLink:hover
{
background-color: inherit;
color: #005BAA;
text-decoration: underline;
}

.FooterLink:visited
{
background-color: inherit;
color: #005BAA;
text-decoration: none;
}

.NewsListingText hover
{
background-color: inherit;
text-decoration: underline;
}

.Tabletext
{
background-color: inherit;
font-size: 100%;
/*EditMenuName: Tabelltext;*/
}

.NormalRed
{
background-color: inherit;
color: #990000;
EditMenuName: Roed text;
}

.NormalWhite
{
background-color: inherit;
color: #ffffff;
EditMenuName: Vit text;
}

.Bildtext
{
background-color: inherit;
color: #606060;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: normal;
EditMenuName: Bildtext;
}

/* DIV. Används för att bygga upp sidlayouten
--------------------------------------------- 
* #Container är innehålls-DIV för hela den uppritade webbplatsen */

#Container 
{
width: 984px;
border: 0px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
}

/*DIV. Placering av bilden i toppmenyn. Sökväg till bilden i sidhuvudet!*/
#PageHeaderImage
{
background-color: inherit;
background-repeat: no-repeat;
position: relative;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
}

/* DIV. Placering av menyn med Hjälp, Kontakt osv. */
#LinkHeaderTop
{
position: absolute;
vertical-align: middle;
left: 516px;
top: 0px;
padding: 1px 1px 3px 1px;
}

/* DIV. Placering av snabbsök. */
#LinkHeaderBottom
{
position: absolute;
right: 0px;
top: 40px;
padding: 0px;
margin: 0px;
}

/* DIV. Placering och form för toppmenyn */
/* TOP MENY (kategorier)  */
#divTopMenu 
{
float:left;	 
width: 984px;
margin:  0px 0px 0px 0px;
padding: 0px; 
padding-bottom: 10px;
text-align:justify; 
}

#divTopMenu a 
{
background-color: inherit;
float:left;
text-justify: inter-word;
text-decoration: none;
letter-spacing: 1px;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000000;
font-size: 1.0em; 
font-weight: bold; 
padding: 3px 6px 3px 6px;	
border-right: none;
border-bottom:none;
text-align: left; position:relative;
border-bottom: solid 3px #3F6C78;
}

#divTopMenu a:hover
{
background:#DDD8C5;
}

/*obs id bara för att markera visad sida */	
#divTopMenu  #divTopMenuSelected a
{
color:#FFFFFF;
background-color:#585858;
direction:ltr;
}

#nobr
{
	white-space: nowrap;	
}

#TopMenu
{
clear:both;
}

/* DIV. Placering och form av resten huvuddelen av webbsidan med vänstermeny */
#MainBody
{
width: 750px;
background-color: #e1eaef;
border-top: none;
margin: 0px 0px 0px 170px;
}

/* DIV. Placering och form av resten huvuddelen av webbsidan UTAN vänstermeny */
#MainBodyNoLeftMenu
{
width: 984px;
background-color: #e1eaef;
padding: 6px 10px 10px 10px;
margin: 0px 0px 0px 0px;
}

/* DIV. Placering och form av resten huvuddelen av webbsidan med variant för vanlig webbsida med högerkolumn DIV. */
#MainBodyRightColumn
{
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 215px 0px 200px;
}

/* DIV. Form för "Alertband" */
.AlertBand
{ 
width: 100%;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 130%;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px;
text-decoration: none;
display: none;

}

/* Form för länk "Alertband" */
.AlertBandLink, .AlertBandLink:hover, .AlertBandLink:visited
{
background-color: inherit;
color: #FFFFFF;
text-decoration: none;
}

/* DIV. Placering och form för vänstermeny */
#LeftMenu
{
float: left;
clear: left;
overflow: hidden;
width: 12em;
height: 100%;
border-top: none;
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
}

.PrintPageLink
{
float:left;
background-color: inherit;
font-size: 100%;
text-decoration: none;
padding-left: 10px;
}

#PrintArea
{
float:left;
background-color: inherit;
padding: 6px 16px 10px 10px ;
}

/* DIV. Placering och form för sidfot. */
#Footer
{
top: 0px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
border-top: 1px solid #D7D7D7; 
border-bottom: none; 
border-right: none; 
padding: 5px 0px 5px 214px;
padding: 5px 0px 5px 240px;
margin: 0px;
}

/* DIV. Placering och form för VGR-logo i sidfoten. Bara nere vid själva loggan. */
.VGRlogo
{
/* background-color: #D0A75F; VOILA */
background-color: #aec4cf;
clear: both;
float: left;
width: 194px;
height: 50px;
margin: 10px 0px 0px 8px;
padding: 0px;
}

#FormBox
{
background-color: #FFFFFF;
border: 0px solid #999999;
z-index: 1;
padding: 0px 0px 0px 0px;
}

/* "Element" och "class" som påverkar detaljer i utseendet */

/* Utseendet för länkarna i "Hjälp..", "Kontakt"-menyn */
.UtilItemHelp, .UtilItemContact, .UtilItemHome, .UtilItemEnglish
{
background-color: inherit;
color: #FFFFFF;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

.UtilItemHelp:link, .UtilItemContact:link, .UtilItemHome:link, .UtilItemEnglish:link
{
color: white;
}

.UtilItemHelp:hover, .UtilItemContact:hover, .UtilItemHome:hover, .UtilItemEnglish:hover
{
background-color: inherit;
color: #FFFFFF;
text-decoration: none;
}

.UtilItemHelp:visited, .UtilItemContact:visited, .UtilItemHome:visited, .UtilItemEnglish:visited
{
background-color: inherit;
color: #FFFFFF;
text-decoration: none;
}

/* Form för snabbsökknappen */
.SearchButton
{
color: #FFFFFF;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
border: solid 0px #FFFFFF;
cursor: pointer;
width: 30px;
padding: 0px 0px 0px 0px;
}


/* Form för webbplatsens namn i vänstermenyn */ 
.SiteName
{
background-color: inherit;
color: #000000;
font-size: 100%;
font-family: Arial;
font-weight: bold;
text-decoration: none;
padding-left: 5px;
}



.SiteName:hover
{
background-color: inherit;
color: #000000;
}

.SiteName:visited
{
background-color: inherit;
color: #000000;
}

.SiteName:link
{
color: #000000;
}

.SiteName:active
{
background-color: inherit;
color: #000000;
}


/* Länkarnas form i vänstermenyn */
.LeftMenuItemLink, .LeftMenuItemLink:visited, .LeftMenuItemLink:active
{
background-color: inherit;
background-image: url('/upload/MunHbild/bla_pil.gif');
background-repeat: no-repeat;
background-position: 0px 7px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
color: #CC0000;
text-decoration: none;
padding: 2px 0px 4px 8px;
}

.LeftMenuItemLink:hover
{
background-color: inherit;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
text-decoration: none;
padding: 2px 0px 4px 8px;
}

/* DIV. För länkarna i vänstermenyn */
.LeftMenuItem1
{
background-color: inherit;
font-size:100%;
padding:  4px 0px 4px 10px;
}

.LeftMenuItem2
{
background-color: #eeeeee;
padding:  4px 0px 4px 20px;
}

.LeftMenuItem3
{
background-color: #aaaaaa;
padding:  4px 0px 4px 30px;
}

.LeftMenuItem4
{
background-color: #aaaaaa;
padding:  4px 0px 4px 30px;
}

.LeftMenuItem5
{
background-color: #aaaaaa;
padding:  4px 0px 4px 30px;
}

.LeftMenuItemSelected1
{
font-size:100%;
font-weight: bold;
padding:  4px 0px 4px 10px;
}

.LeftMenuItemSelected2
{
background-color: #eeeeee;
font-weight: bold;
padding:  4px 0px 4px 20px;
}

.LeftMenuItemSelected3
{
background-color: #aaaaaa;
font-weight: bold;
padding:  4px 0px 4px 30px;
}

.LeftMenuItemSelected4
{
font-weight: bold;
padding:  4px 0px 4px 30px;
}

.LeftMenuItemSelected5
{
background-color: #aaaaaa;
font-weight: bold;
padding:  4px 0px 4px 30px;
}


/* Form på den aktiva länken */
.LeftMenuTopItem1
{
background-color: inherit;
font-size:100%;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 10px;
}

.LeftMenuTopItem2
{

color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 20px;
}

.LeftMenuTopItem3
{

color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 30px;
}

.LeftMenuTopItem4
{
background-color: #aaaaaa;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 30px;
}

.LeftMenuTopItemSelected1
font-size:100%;
font-weight: bold;
background-color: #FFFFFF;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 10px;
}

.LeftMenuTopItemSelected2
{
font-weight: bold;
background-color: #eeeeee;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 20px;
}

.LeftMenuTopItemSelected3
{
font-weight: bold;
background-color: #aaaaaa;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 30px;
}

.LeftMenuTopItemSelected4
{
font-weight: bold;
background-color: #aaaaaa;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 30px;
}

.LeftMenuExpandedItem1
{
font-size:100%;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 10px;
}

.LeftMenuExpandedItem2
{
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 20px;
}

.LeftMenuExpandedItem3
{
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 30px;
}

.LeftMenuExpandedItem4
{
background-color: #aaaaaa;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 30px;
}

.LeftMenuSelectedExpandedItem1
{
font-size:100%;
font-weight:bold;
background-color: #FFFFFF;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 10px;
}

.LeftMenuSelectedExpandedItem2
{
font-weight:bold;
background-color: #aaaaaa;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 20px;
}

.LeftMenuSelectedExpandedItem3
{
font-weight:bold;
background-color: #aaaaaa;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 30px;
}

.LeftMenuSelectedExpandedItem4
{
font-weight:bold;
background-color: #aaaaaa;
color: #000000;
margin: 0px 0px 0px  0px;
padding: 4px 0px 4px 30px;
}

/* Utseende för "Tillbaka" i vänstermenyn */
.ToBack, .ToBack:hover, .ToBack:visited, .ToBack:active
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
color: #000000;
text-decoration: none;
vertical-align: middle;
}

/* Utseende för länken "Till sidans topp" i vänstermenyn. På IE5 för mac ritas den ut fel.*/
.ToTop, .ToTop:hover, .ToTop:visited, ToTop:active
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
color: #000000;
text-decoration: none;
vertical-align: middle;
}

/* DIV. Utseende för bakgrunden till "Tillbaka"*/
.ToMenu
{
vertical-align: middle;
width: 194px;
padding: 4px 0px 4px 0px;
margin: 0px 0px 0px 0px;
}

.ToMenu a
{
color:black;
}

/* DIV. "Container"-DIV  för "Tillbaka till toppen", "Brödsmulor" och "Sidfot"*/
#Bottom
{
width: 984px;
clear:both;
margin: 3px auto 0px;
}

/* DIV. Utseende för bakgrunden "Till sidans topp" */
#ToTopMenu
{
float: left;
vertical-align: middle;
font-weight: bold;
width: 194px;
/*width: 16.7em;*/
width: 13.4em;
padding: 4px 0px 4px 0px;
margin: 0px 0px 0px 0px;
}

#ToTopMenu a 
{
color: black;
}

/* DIV. Utseende för "Brödsmulor" */
#BreadCrumb
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
padding: 4px 0px 4px 180px;
margin: 0px 0px 0px 0px;
text-align: left;
/*width: 680px;*/
}

/* Form för länkarna i "Brödsmulor" */
.BreadCrumbLink, .BreadCrumbLink:visited, .BreadCrumbLink:active
{
background-color: inherit;
color: #CC0000;
font-weight: bold;
text-decoration: none;
}
.BreadCrumbLink:hover
{
background-color: inherit;
color: #000000;
font-weight: bold;
text-decoration: none;
}

/* Form på nyhetsrubrikerna */
.NewsHeader
{
background-color: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}

/* DIV. Class för att användas i en DIV för att få text att flöda runt högersidan av bilden */
.ImageFloatLeft
{
float: left;
padding-right: 5px;
padding-bottom: 0px;
}

/* DIV. Class för att användas i en DIV för att få text att flöda runt vänstersidan av bilden */
.ImageFloatRight
{
float: right;
padding-right: 5px;
padding-bottom: 0px;
}

/* DIV. Högerkolumn brödtext*/
#RightColumn
{
font-size: 90%;
float: right;
width: 200px;
margin: 1px 0px 0px 5px;
padding: 0px 4px 0px 4px;
}

/* Högerkolumn rubrik*/
.RightColumnHeader
{
background-color: inherit;
color: #606060;
font-size: 100%;
font-weight: bold;
}

.RightColumn > a:hover, a:active, a:visited
{
background-color: inherit;
color: #cc0000;
text-decoration: none;
}

.RightColumn > hr
{
background-color: #606060; 
color: #606060;		/* VGR #BDE187 */
height: 1px;
width: 100%; 
border: 1px dotted #606060;
margin: 0px;
}

.RightColumn > ul
{ 
background-color: inherit;
color: #9FAFE0;
list-style-type: square;
list-style-position: outside;
margin: 0px 0px 20px 16px;
}

/* DIV. Högerkolumn brödtext*/
#Tematorg
{
background-color: #EEEEEE;
float: right;
width:490px;
/*width: 550px;*/
/*width: 542px;*/
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 4px;
}

/* Datum för sökresultat */
.ChangeDate
{
background-color: inherit;
color: #606060;
font-size: 80%;
}

.Bold
{
background-color: inherit;
font-weight: bold;
}

.Italic
{
background-color: inherit;
font-style: Italic;
}

.Helptext
{
background-color: inherit;
cursor: pointer;
}

.AlphanumericListingTable
{
background-color: #AAAAAA;
width: 544px;
}

.DateText
{
background-color: inherit;
color: #808080;
}

.EditCaption, .EditValue
{
background-color: inherit;
font-size: 80%;
padding: 0px 0px 0px 0px;
}

.IndexHead, .IndexHead a
{
background-color: #FFFFFF;
color: #000000;
}

.ConferenceCommand
{
background-color: #FFFFFF;
color: #663399;
}

.ConferenceCommand a
{
background-color: #FFFFFF;
color: #000000;
}

.ConferenceHeading1
{
background-color: inherit;
font-weight: bold;
font-size: 100%;
}

.ConferenceHeading2
{
background-color: inherit;
font-weight: bold;
font-size: 75%;
}

table.Conference
{
background-color: #F5F5FA;
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
}

td.LinkList
{
background-color: inherit;
padding: 0px 0px 0px 0px;
}

/* Nyhetsgrupper. */ 

body.NewsgroupList 
{
background-color: #F3F3F3;
}

body.NewsgroupItem 
{
background-color: #FFFFFF;
}

tr.NewsgroupRow
{
background-color: #ffffff;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
padding: 2px 0px 2px 10px;
}

tr.NewsgroupRowActive
{
background-color: #E5F2FF;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
padding: 2px 0px 2px 10px;
}

td.NewsgroupTableheading
{
background-color: #003366;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
height: 20px;
padding-left: 10px;
}

a.NewsgroupBarButton
{
background-color: inherit;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
text-decoration: none;
}

.NewsgroupBarTitle
{
background-color: inherit;
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 100%;
font-weight: bold;
}

.NewsgroupItemMessage
{
background-color: inherit;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}

.NewsgroupItemHeading
{
background-color: inherit;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
}

.NewsgroupItemHeading2
{
background-color: inherit;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
}

div.PasswordField
{
background-color: #DCDACE;
border-style: solid;
border-color: #000000;
border-width: 1px;
}

/* Kalender. */ 

.CalendarHeading
{
font-weight: bold;
font-size: 90%;
height: 20px;
}

.CalendarFrame
{
background-color: #FFFFFF;
float: right;
border: 1px #000000;
}

.selectedDateCell
{
background-color: #FFFFFF;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-weight: normal; 
font-size: 80%;
cursor: pointer; 
height: 20px;
width: 20px;
border: solid 2px #000000;
}

.dateCellInactive
{
background-color: #FFFFFF;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-weight: normal; 
font-size: 80%;
text-decoration: none; 
height: 20px;
width: 20px;
border: solid 1px #000000;
}

.dateCellOtherMonth
{
background-color: #CCCCCC;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-weight: normal; 
font-size: 80%; 
height: 20px;
width: 20px;
border: solid 1px #000000;
}

.weekendCell
{
background-color: #EEEEEE;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-weight: normal; 
font-size: 80%; 
text-decoration: none; 
height: 20px;
width: 20px;
border: solid 1px #000000;
}

.dateCellActive
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal; 
font-size: 80%;
text-decoration: none;  
height: 20px;
width: 20px;
border: solid 2px #000000;
}

.dayWeekHeader
{
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal; 
font-size: 80%;
text-decoration: none;  
height: 20px;
width: 20px;
color: #666666;
border: solid 1px #FFFFFF;
}

/* Webbkarta - Sitemap. */ 
.SiteMapHeader
{
background-color: #DDDDDD;
padding: 4px 0px 20px 4px;
}

.SiteMap
{
background-color: #FFFFFF;
}

.HeadDate
{
background-color: inherit;
color: #FFFFFF;
font-size: 80%;
font-weight: 900;
text-decoration: none;
}

.SearchText
{
background-color: inherit;
color: #333333;
font-size: 75%;
font-weight: normal;
text-decoration: none;
}

.BrandHead
{
background-color: inherit;
color: #003366;
font-size: 75%;
font-weight: 900;
text-decoration: none;
}

.ListHeads
{
background-color: inherit;
color: #333366;
font-size: 80%;
font-weight: 900;
text-decoration: none;
}

/* Används för att styra utseendet på datum i Listningar */
.DateListingText
{
background-color: inherit;
color: #666666;
font-size: 80%;
font-weight: normal;
margin: 0px 0px 0px 0px;
text-decoration: none;
}

/* Läs mer-pil */
.ReadMoreArrow
{
background-color: inherit;
color: #005BAA;
font-size: 50%;
font-weight: 900;
text-decoration: none;
white-space: pre;
letter-spacing: -3px;
}

/* Läs mer */
.ReadMore
{
background-color: inherit;
color: #005BAA;
font-size: 80%;
font-weight: bolder;
text-decoration: none;
}

.NormalStartPage
{
background-color: inherit;
color: #666666; 
font-size: 80%;
font-weight: 900;
}

.NewsListingText
{
background-color: inherit;
color: #000000;
font-size: 80%;
text-decoration: none;
}

.PressInfo
{
background-color: inherit;
color: #666666;
font-size: 80%;
font-weight: normal;
text-decoration: none;
white-space: pre;
}

.PressSign
{
background-color: inherit;
color: #333333;
font-size: 80%;
font-weight: normal;
text-decoration: none;
white-space: pre;
}

/* Inloggning. */ 
tr.login
{
background-color: inherit;
}

td.login
{
background-color: inherit;
font-weight: bold;
}

input.loginInput
{
background-color: inherit;
width: 150px;
border: solid 1px #000000;
}

input.loginButton
{
background-color: inherit;
font-weight: bold;
border: solid 1px #000000;
}

h1.login
{
background-color: inherit;
font-size: 14px;
}

h2.login
{
background-color: inherit;
font-size: 100%;
}

div.loginBox
{
background-color: inherit;
padding: 20px;
width: 300px;
height: 200px;
background-image:url('../../images/loginbackground.gif');
}

.LoginUser
{
background-color: inherit;
color: #333366;
font-size: 65%;
font-weight: normal;
text-decoration: none;
}

.LoginButton
{
background-color: inherit;
color: #333366;
font-size: 65%;
font-weight: bolder;
text-decoration: underline;
}

/* Stilmallar för rss-nyhetslistningar */
.NewsListHeader
{
background-color: #aaaaaa;
color: White;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}

.NewsDateListingText
{
background-color: inherit;
color: #666666;
font-size: 80%;
font-weight: normal;
margin: 0px 0px 0px 0px;
text-decoration: none;
}

.SearchHidden
{
	display: none;
}

.SearchHelpDiv
{
	display: block;	
}
.DescriptionText
{
}

.LinkText
{
}

/* Stilmallar för sökning med omnifind */

.SearchHelpDiv
{
	width:98%;
	padding-top: 10px;
}

.SearchResultHeader
{
	 padding-bottom: 10px; 
	 padding-top: 10px;
}

.SearchResultLeftColumn
{
	width: 10%;	
	float:left;
}
.SearchResultRightColumn
{
	width:90%;
	float:left;
}

.SearchHidden
{
	display:none;
}

.OFHighlightTerm2
{
	background-color: Fuchsia;
}

.vastfastTD
{
	border: solid 3px black;	
}


/*******************************************/
/* Stilmallar för startsida med 3 kolumner */
/*******************************************/

.heading3
{
	background-image: url('../MunHbild/oga.gif');
	background-repeat: no-repeat;
	background-position:0px 0px;
	padding-left: 20px;
	font-size: 100%;
	font-weight: bold;
	
}

/* DIV. Placering och form av resten huvuddelen av startsida med 3 kolumner */
#MainRegionStartPageWithColumns
{
	display: block;
	float: left;
	background-color: inherit;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#MainRegionStartPageWithColumns a, #MainRegionStartPageWithColumns a:visited, #MainRegionStartPageWithColumns a:active
{
	text-decoration: none;
	color: #CC0000;
	font-weight: normal;
}
#MainRegionStartPageWithColumns a:hover
{
	text-decoration: underline;
}
#MainRegionStartPageWithColumns H1
{
	font-weight: normal; 
	font-size: 170%;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #416269;
	margin: 14px 0px 10px 0px;
}
#MainRegionStartPageWithColumns H2
{
	font-weight: bold;
	font-size: 125%;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #416269; 
	margin: 0px 0px 0px 0px;
}
#MainRegionStartPageWithColumns img
{
	background-color: white;
	padding: 1px 1px 1px 1px;
	border: solid 2px #dee9d4;
}

/* Kolumnerna */
#startpageleftcolumn
{
	display: block;
	float:left;
	width:12em;
	overflow: hidden;
	padding-left:0px;
	margin-right:0px;
	padding-top:0px;
}
#startpagecentercolumn
{
	display: block;
	float:left;
	width:28em;
	/*border-left: dotted 1px #9FAFE0;
	border-right: dotted 1px #9FAFE0;*/
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	margin-left: 15px;
}
#startpagerightcolumn
{
	display: block;
	float:left;
	width:28em;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	margin-left: 15px;
	overflow: hidden;
}

#startpageleftcolumn P, #startpagerightcolumn P
{
	/*margin: 12px 0px 0px 0px;*/
	margin-top: 6px;
	color: #3e3e3e;
}

.overskriftlinje
{
background-color: #9FAFE0; 
color: gray;/* VGR #BDE187 */
height: 0px;
width: 100%; 
/*border: 1px dotted #9FAFE0;*/
margin: 0px;

}


/* Blocken */
.VGMainBorder
{
	border: solid 1px #91adb4;
	background-color: #91ADB4;
	margin: 3px 3px 3px 3px;
	margin: 3px 0px 0px 0px;
}

.VGCell
{
	padding: 0px 0px 0px 0px;
	padding: 6px 10px 10px 10px;
	background-color: #e1eaef;
	border: solid 2px #fff;
}
#NewsListItem
{
	clear:both;	
}
#NewsListItem .DateListingText, .InfoBlockEditor p
{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#startpagerightcolumn #NewsListItem .DateListingText
{
	font-size: 80%;		
}
#NewsListItem p
{
	margin: 6px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.VGCell .newsarchivelinkcontainer
{
	margin: 20px 0 0 0;
}
.VGCell .newsarchivelink
{
	text-align: right;
	margin: 0 0 0 0;
}
.VGCell .newsarchivelink .newsarchivelinklabel
{
	text-align: right;
	margin: 0 0 0 0;
	font-weight: bold;
}
.NewsBlockThumbnail
{
	float:right;
	margin-left:15px;
	margin-bottom:10px;
	margin-top:0px;
	padding-top:0px;
}

.ProductDiv
{
	margin:10px;
}

.ProductPic
{
	float:right;	
	width:50%;
}

.PublicationItemPic
{
	float:right;
}

.ProductText
{
	float:left;
	width:50%;
}

.ProductList
{
	margin:10px;
}

.KalendariumListText
{
	margin:10px;
	list-style-type:none;
	position:relative;
}

.MatrisTabell
{
}

.MatrisRad
{
background: none #e1eaef; /*border: solid #000000 1px;*/ color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 100%;clear:both;
}

.MatrisKolumn1
{
	border: none; float: left; margin: 0; padding: 0; width: 300px;
}

.MatrisKolumn2
{
border: none; float: left; margin: 0; padding: 0; width: 35px;
}

.MatrisKolumn3
{
border: none; float: left; margin: 0; padding: 0; width: 70px;
}

H5.MatrisVansterElement {
  background: none #e1eaef; border: solid 1px #666666; font-size: 1em;
  font-weight: normal; margin: 0; padding: 0.3em 0.3em 0 0.3em;
  text-align: left; width: auto;
}

H5.MatrisElement {
  background: none #e1eaef; border: solid 1px #666666; font-size: 1em;
  font-weight: normal; margin: 0; padding: 0.3em 0.3em 0 0.3em;
  text-align: center; width: auto;
}

.ProduktListaUnder1 
{
	FONT-WEIGHT: bold; 
	padding-left: 10px;
	LIST-STYLE-TYPE: none;
}

.ProduktListaUnder2 
{
	FONT-WEIGHT: normal;
	padding-left: 10px;
	LIST-STYLE-TYPE: none;
	float:none;
}

.ProduktListaProdukt{
	FONT-WEIGHT: normal;
	padding-left: 10px;
	LIST-STYLE-TYPE: none;
}

.BestallningListaUnder1 
{
	FONT-WEIGHT: bold; 
	padding: 10px;
	LIST-STYLE-TYPE: none;
}

.BestallningListaUnder2 
{
	FONT-WEIGHT: normal;
	padding: 20px;
	LIST-STYLE-TYPE: none;
	float:none;
}

.BestallningListaProdukt{
	FONT-WEIGHT: normal;
	padding: 10px;
	LIST-STYLE-TYPE: none;
}

.ProduktListaProduktKolumn1{
	float:left;
	width:13em;
	overflow:hidden;
	max-width:15em;
}

.ProduktListaProduktKolumn2{
	float:left;
	width:27em;
	overflow:hidden;
	max-width:27em;
}

.ProduktListaProduktKolumn3{
	float:left;
	width:4em;
	overflow:hidden;
	max-width:4em;
}

.ProduktListaProduktKolumn4{
	float:left;
	max-width:5em;
}

.PrisListaUtskriftbar
{
	background-color:White;	
}

.BestallningsDivYtter
{
	width:100%;
	clear:both;
}

.BestallningsDivInre1
{
	width: 10em;
	float: left;
	clear:both;
}

.BestallningsDivInre2
{
	float: left;
}

.AnmalningEjMojlig
{
	color: Red;
}

.VaranSlut
{
	color: Red;
}

.PrisGrupp
{
	font-weight:bold;
}

.BestallningTextBox1
{
	width: 390px;
}

.BestallningTextBox2
{
	width: 150px;
}

.BestallningTextBox3
{
	width: 370px;
}

.BestallningsPanel
{
	width: 100%;
	clear: both;
}

.BestallningsAntalTextBox
{
	width: 20px;
}

.BlockButton
{
	margin-bottom: 4px;
}

#blockTopDiv
{
border-top: solid 1px black;
padding-bottom: 5px;
}

.PreviewButton
{
	font-size: 120%;
	font-weight: bold;
	cursor: pointer;
}