/*
-	Start up styles
*/
body
{
	background-color: #FFFFFF;
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 70%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
table
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
Input
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}
Select
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

/*
-	Headings
*/
h1
{
	font-size:inherit;
	padding:0;
	margin:0 0 1em 0;
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 125%;
	font-style: normal;
	color: #333;
}

h1.firstpage
{
	font-size:inherit;
	padding:0;
	margin:0 0 1em 0;
	font-weight:bold;
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 140%;
	font-style: normal;
	color: #EF1209;
}

h2
{
	font-size:100%;
	padding:0;
	margin:0 0 .4em 0;
	font-weight:bold;
}

/*
-	Defualt a
*/
a
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	color: #EF1209;
	font-weight: normal;
	text-decoration: none;
}
a:link
{	
	text-decoration: none;
}
a:active
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	cursor: hand;
}

/* 
- ReadMore
Svart länktext till läs mer länkar med pil
*/
.readmore
{
	color: #000000 !important;
}

/*
-	Heading1
Rubriken på förstasidan, den största av de fem rubrikstilarna
OKG Röd, #EF1209, normal
*/
.heading1
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 140%;
	font-weight: normal;
	font-style: normal;
	color: #EF1209;
}
/*
-	Heading2
Sidrubrik (översta rubriken på sidan) på alla sidor utom startsidan
Mörkgrå, #333333, fet
*/
.heading2
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 125%;
	font-weight: bold;
	font-style: normal;
	color: #333333;
}
/*
-	Heading3
En av två mellanrubriker (den större) till mittkolumnen dvs i textstycken på
underliggande sidor. 
*/
.heading3
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 110%;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	EditMenuName: Heading 3;
}
/*
-	Heading4
Den andra mellanrubriken (den mindre) till mittkolumnen dvs i textstycken på 
underliggande sidor. Den används även som rubrik till produktionsläge, nyheterna och 
kalendarium på startsidan. Detta är också den rubrik som utnyttjas i listningar. 
Svart, #000000, fetstil

*/
.heading4
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	EditMenuName: Heading 4;
}
/*
-	Heading5
rubrik till höger kolumn på underliggande sidor tex 
informationssida, smal. En storlek mindre än heading4
Mörkgrå, #333333, fetstil
*/
.heading5
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 90%;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	EditMenuName: Heading 5;
}
/*
-	Super script
Text som visar sup script (uphöjt)
*/
.sup
{
	position: relative;
	top: -1ex;
	font-size: 80%;
	vertical-align:baseline;
	EditMenuName: Upphojt;
}
/*
-	Sub script
Text som visar sub script (nedsänkt)
*/
.sub
{
	position: relative;
	top: 1ex;
	font-size: 80%;
	vertical-align:baseline;
	EditMenuName: Nedsankt;
}
/*
-	Space list
Text som visar en lista med mellanrum (3px)
*/
.lispace li
{
	margin-bottom:3px;
	EditMenuName: Punktlista 3px;
}
/*
-	Submenuheading
Rubrik till undermenyn som ligger mot OKG röd bakgrund 
Vit, #FFFFFF, normal
*/
.submenuheading
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	background-color: #EF1209;
}
/*
-	Breadtext
Den text som utnyttjas för att skriva längre textstycken och som 
är default i samtliga fritextfält, svart, normal
*/
.breadtext
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
/*
-	Breadtext link
Länkning i brödtext, OKG röd.
Detta är styles för element a under breadtext
(contextual selector enligt CSS level 1 1996)
*/
.breadtext a:link
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	font-style: normal;
	color: #EF1209;
	text-decoration: none;
}
.breadtext a:active
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	font-style: normal;
	color: #EF1209;
	text-decoration: none;
}
.breadtext a:visited
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	font-style: normal;
	color: #EF1209;
	text-decoration: none;
}
/*
-	Breadtextrightcolumn
Brödtext i höger kolumn. Den är en storlek mindre
än den vanliga brödtexten.
*/
.breadtextrightcolumn
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
/*
- Breadtextrightcolumn link
Länkning i brödtext i höger kolumn, OKG röd.
Detta är styles för element a under breadtextrightcolumn
(contextual selector enligt CSS level 1 1996)
*/
.breadtextrightcolumn a:link
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	font-style: normal;
	color: #EF1209;
	text-decoration: none;
}
.breadtextrightcolumn a:active
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	font-style: normal;
	color: #EF1209;
	text-decoration: none;
}
.breadtextrightcolumn a:visited
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	font-style: normal;
	color: #EF1209;
	text-decoration: none;
}

.pageEditInfo 
{
	padding-top:1em;
	font-size:90%;
	color:#999;
}

/*
-	Leading Story
Texten till huvudnyheten, välkomsttexten, på startsidan.
Den är lite större än brödtexten.
Svart, normal
*/
.leadingstory
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 110%;
	font-weight: normal;
	font-style: normal;
	line-height: 110%;
	color: #000000;	
}
/*
-	Introtext
Det inledande stycket av en längre text, ingressen. 
Används bla på nyhetsidan
Mörkgrå, #333333, fetstil
*/
.introtext
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	line-height: 130%;
	color: #333333;
	EditMenuName: Introduction;	
}
/*
-	Picturetext
I de fall det förekommer bilder som behöver en förklarande text 
kan Picturetext användas
Svart, kursiv
*/
.picturetext
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	EditMenuName: Image text;	
}
/*
-	Footertext
Den grå texten längst ner på sidorna 
Mellangrå, #999999
*/
.footertext
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: #999999;
	text-decoration: none;
}
.footertext a
{
	font-weight: normal;
	font-style: normal;
	color: #999999;
	text-decoration: none;
}
/*
-	Graphtext
Den mörkgråa texten till stapeldiagrammet. Används på all text
till stapeldiagrammet förutom aktuella produktionssiffror.
*/
.graphtext
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: #333333;
}
/*
-	Current Value
Texten som visar det aktuella värdet för respektive verk
i stapeldiagrammet, svart text
*/
.currentvalue
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}
/*
-	Mainmenu 
Huvudmenyn på webbplatsen
Vit text mot OKG röd bakgrund
*/
.mainmenu
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	background-color: #EF1209;
	text-decoration: none;
	white-space:nowrap;
}
/*
-	Submenu
Undermenyn mot den ljusgrå bakgrundsfärgen är formaterad enligt följande:
Svart, normal
*/
.submenu
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.submenu a:link
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.submenu a:active
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.submenu a:visited
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
/*
-	Submenuselected
Valt alternativ
OKG röd, fet stil
*/
.submenuselected
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: #EF1209;
   	text-decoration: none;
}
/*
-	Toplinks
Globala länkar överst på sidan och som finns på hela webbplatsen.
Länkar som Kontakt, Översikt, In English och Sök
Vit, normal
*/
.toplinks
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}
/* 
-	Breadcrumb
Den klickbara söklänken som ligger i det övre högra hörnet av varje informationssida
Mellangrå, #999999
*/
.breadcrumb
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: #999999;
	text-decoration: none;
}
/*
-	contextual selector enligt CSS level 1 1996
*/
.breadcrumb a
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
/*
-	Search result link
Listning av sökresultat, som är klickabara länkar, OKG röd
*/
a.searchresult:link
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	font-style: normal;
	color: #EF1209;
	text-decoration: none;
}
a.searchresult:active
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	font-style: normal;
	color: #EF1209;
	text-decoration: none;
}
a.searchresult:visited
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-weight: normal;
	font-style: normal;
	color: #EF1209;
	text-decoration: none;
}
/*
-	Backgrmiddlegrey
Mellangrå bakgrundsfärg till det översta fältet på webbplatsen.
dvs fältet som innehåller de globala länkarna
*/
.backgrmiddlegrey
{
	background-color: #999999;
}
/*
-	Backgrlightgrey
Ljusgrå bakgrundsfärg till det vänstra fältet på webbplatsen.
dvs fältet som innehåller stapeldiagrammet o undermenyn
*/
.backgrlightgrey
{
	background-color: #D3D2D2;
}
/*
-	Backgrred
OKG röd bakgrundsfärg till huvudmenyn och 
till rubriksfältet till undermenyn
*/
.backgrred
{
	background-color: #EF1209;
}
/*
-	Backgrgraph
Mellangrå bakgrundsfärg till det nedre fältet i
stapeldiagrammet. 
*/
.backgrgraph
{
	background-color: #AEADAD;
}
/*
-	Separate line
Ljusgrå linjefärg till de avskiljande linjerna. 
De yttre linjerna som avgränsar webbsidans bredd och 
avskiljande linjer som delar upp olika kolumner.
*/
.separateline
{
	background-color: #C8C8C8;
}
/*
-	Footer line
Linjefärg till de två horisontella linjer som ligger mellan sidfottexten, ljusgrå
*/
.footerline
{
	background-color: #C8C8C8;
}
/*
-	Graph line
Linjefärg till stapeldiagrammet, mörkgrå linjefärg
*/
.graphline
{
	background-color: #666666;
}
/*
-	Stilar för knappar
*/
.button
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	color: #000000;
	font-weight: normal;
	font-style: normal;
}

/*
-	Dold text
*/
.hidden
{
	display:none;
}
/*
-	Searchfield
Texten som skrivs in i sökfältet högst upp på alla sidor.
*/
.searchfield
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	width: 100px;
}
/*
-	Textfield
Texten som skrivs in i textfält i formulär och i sökfältet 
på söksidan.
*/
.textfield
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

/*
- Styles för kalendern
*/
td.calendaritem, tr.calendaritem
{
	height: 50%; 
	width: 50%;
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 80%;
	background-color: #fff; 
	border: solid 1px #999999;
}
td.selecteddatecell 
{
	border: solid 1px #000;
}
td.datecellothermonth
{
	border: solid 1px #C8C8C8;
}
td.datecellothermonth a
{
	color: #C8C8C8 !important;
}
td.weekendcell
{
	background-color: #eee;
}
td.datecellactive
{
	background-color: #E6C0C0; 
}	
td.dayweekheader
{
	color: #666;
	border-style: none;
}
/*
- Ta bort kantlinjer på länkade bilder.
*/
.borderless
{
	border:none;
}

#printdate 
{
	display:none;
	font-size:.8em;
	color:#999;
}

#production
{
	margin:10px 0 0 0;
	padding-right:24px;
	display:block;
}

#production ul 
{
	list-style:none;
	padding:0;
	margin:0;
	float:right;
}

#production ul li
{
	display:inline;
	float:left;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:.8em;
	margin-right:8px;
}

#production ul li a 
{
	display:block;
	padding:2px;
	text-align:center;
	width:44px;
	border:solid 1px #c2c3c5;
	background-color:#000;
	color:#ee2c23;
	font-weight:bold;
	font-size:1.2em;
}

#production .date 
{
	margin:15px 8px 0 0;
	display:block;
	float:right;
	color:#eee;
	font-size:.8em;
	line-height:1.5em;
}

#sidebar 
{
	background:transparent url("../images/okg/bg_sidebar_line.gif") repeat-y top left;

}

#sidebar .inner 
{
	background:transparent url("../images/okg/bg_sidebar.jpg") no-repeat top left;
	height:100%;
}

#sidebar_sub
{
	background:transparent url("../images/okg/bg_sidebar_sub_line.gif") repeat-y top left;

}

#sidebar_sub .inner 
{
	background:transparent url("../images/okg/bg_sidebar_sub.jpg") no-repeat top left;
	height:100%;
}