@charset "UTF-8";

/* 
	RÄTTIGHETER OCH INFORMATION OM DOKUMENTET
	-----------------------------------------
	All grafik är skapad av Wångstedt nova och/eller Lennandia AB, som därmed
	äger upphovsrätten till densamma. Fotografier som förkommer i formgivningen
	används under separata kontrakt med respektive fotograf och/eller bildbyrå.
	
	Inget av ovan nämnt upphovsrättsskyddat grafisk material får kopieras eller
	på annat sätt reproduceras utan respektive upphovsrättsinnehavares uttryckliga
	tillstånd.
	
	Den grafiska formgivningen – layouten – som består av detta CSS-dokument
	tillsammans med grafiska element och fotografier ägs av Lennandia AB och
	Wångstedt nova. Dokumentet i sin helhet eller större sammanhängande delar
	får inte kopieras eller reproduceras på annat sätt utan uttryckligt medgivande
	av upphovsmännen.
	
	Men titta gärna på koden och bli inspirerad. Vi tar gärna emot beröm, smicker
	och glada tillrop på våra sajter www.wangstedt.net och www.lennandia.se.
	
	© 2008 Wångstedt nova och Lennandia AB
	
*/

/* 
	VERSIONSHISTORIK
	----------------
33  Ändrade tillbaka alla ändringar i 32
32  Ändarade padding för div.full, div.half, div.third, div.quarter, div.quarter2, div.quarter3. Ökat vissa div-wrapper med 10px för att paddingen ska se bra ut. Lagt till padding på div.corner.
31	Fixade IE6-buggar som uppstod efter implementering i publiceringsverktyget.
30	Ändrade undermenyns bakgrundsfärger och kontraster på länkar.
29	Anpassade undermenyn för fyra nivåer.
28	Rättade en IE6-bugg med dubbla klasser för hörn i nyhetslistan.
27	Andrade huvudmenyn till tvål listor istället.
26	Rättade korrektur från KnowIT
25	Ny columnset för att slippa tom <div> som utfyllnad
24	Ny layout med flexiblare flikar. Omstrukturering av samtliga CSS-dokument inkl. innhåll.
23	Grundläggande högkontrastanpassning
22	Anpassningar utifrån Mårtens skisser
21	Gjorde en trespalt inuti tvåspalten
20	Separerade färgavdelningarna till varsitt CSS-dokument
19	Lade in IE6-kompatibilitet i dokumentet
18	Ändrade banners så de blir separata för varje färgtema
17	Tillägg av form för aktivt menyval
16	Lade till extern länk-symbol och <div> istället för <form>
15	Rättad skalbarhet för övriga element på sidan
14	Gör huvudmenyn skalbar
13	Buggtest av undermenyn i IE7
12	Ordnade bilder och form på undermenyn
11	Rättade till språkvalsmenyn
10	Den blå startsidan klar
9   Blå version påbörjad
8	Ordnade övriga sidor med egna avdelningar
7	Lade till en avdelning för startsidan
6	Lade till spårnavigering
5	Justeringar för banner och UFO.
4	Tillägg av rättighetsinformation osv.
3	Tillägg av klasser och ID för att öka noggrannheten i formgivningen.
2	Uppdatering av elementen för att matcha HTML-dokumentet.
1	Lade upp strukturen för dokumentet. Skapade grupper för alla element.

*/

/* IE6 */
* html div {
}
/* IE7 */
*+html div {
}

/* @group Globala */

/* @group HTML-taggar */

body {
	color: #fff;
	/*
	font: 10px/15px Arial, Helvetica, Geneva, sans-serif;
	*/
	font: 0.625em/1.65em Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
}

h1,
h2.stor {
	padding: 0 15px 15px 0;
	font-size: 2.7em;
	line-height: 1em;
	margin-top: 0;
	font-weight: normal;
	font-style: normal;
}

h2,
h2.mellan {
	padding: 0 15px 15px 0;
	font-size: 2.0em;
	line-height: 1em;
	margin-top: 0;
	font-weight: normal;
	font-style: normal;
}

h3,
h2.liten,
h5 {
	padding: 0 15px 15px 0;
	font-size: 1.7em;
	line-height: 1.3em;
}

h4 {
	padding: 0 15px 15px 0;
	font-size: 1.6em;
	font-weight: normal;
	font-style: normal;
}
/*
h5 {
	padding: 0 15px 15px 0;
	font-size: 1.4em;
	font-weight: bold;
	font-style: normal;
}
*/
h6 {
	padding: 0 15px 15px 0;
	font-weight: normal;
	font-style: normal;
}


/*set font-size and style same as for "normal brödtext" for lists */
p {
	padding: 0 25px 1.5em 0;
	margin-top: 0;
	/*margin-bottom: 1.5em;*/
	font-size: 1.4em;
	line-height:1.4em;
}

.wrapper ul, .wrapper ol {
	padding: 0 25px 1.5em 0;
	margin-left: 1.8em;
	margin-top: 0;
	/*margin-bottom: 1.5em;*/
	font-size: 1.4em;
	line-height:1.4em;
}

/*set default numeric list style*/
.wrapper ol
{
	list-style-type:decimal;
}

p.small {
	font-size: small;
}

p.first,
h2.first,
h3.first,
h4.first {
	margin-bottom: 0.625em;
	margin-top: 0;
}

.firstpadding
{
	padding-left: 15px;
}

a {
	color: #fff;
	text-decoration: none;
}

.nolink a {
	text-decoration: underline;	
	color: rgb(178,169,155);
}

a:hover {
	color: #fff;
}

/*
.nolink a:hover {
	color: rgb(144,133,120);
}
*/

a.external {
	background: url(../images/external_link_medium.gif) no-repeat right center;
	padding-right: 17px;
}
* html a.external {
	background: url(../images/bg_external-link3-ie.gif) no-repeat right center;
}

ul {
}

li {
	
}

img,
a img {
	border: none;
}

hr {
	clear: both;
	border: 0;
	background-color: rgb(144,133,120);
	height: 1px;
}


/* @end */



/* @end */

div#content {
	width: 970px;
	margin: 0 auto;
	position: relative;
}

div.tooltip {
	position: absolute;
	top: 2em;
	padding: 15px 10px 5px;
	text-transform: none;
	font-weight: normal;
	background-image:url(../images/tooltip.gif);
	width: 180px;
	border-bottom: 1px solid #fff;
	background-repeat: no-repeat;
	background-position: left top;
}

div.columnset {
	width: 710px;
	float: left;
}

div.menuset {
	width: 240px;
	float: left;
	margin-right: -10px;
}

.align01 {
	float: left;
}

.align02 {
	text-align: center;
}

.align03 {
	float: right;
	margin-top: -15px;
}
p.align03 {
	margin-left: 15px;
	margin-right: 15px;
}

/* @group Banners */

div.banner01 {
	position: absolute;
	top: 30px;
	right: 0px;
	width: 610px;
	height: 150px;
	z-index: 1;
}
* html div.banner01 {
	right: 5px;
}

div.banner02 {
	position: absolute;
	top: 0;
	right: -60px;
	width: 80px;
	background: url(../images/bg_seaweed-stripes_wide.gif) repeat-y center;
	padding-top: 200px;
}

div.banner03 {
	width: 200px;
	height: 120px;
	position: absolute;
	top: 30px;
	right: -240px;
}

div.banner01 p,
div.banner02 p,
div.banner03 p {
	margin: 0px;
	padding: 0px;
}



/* @end */

/* @group Menyer */

div.menu {
	font-size: 1.2em;
}

div.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.menu ul li {
	display: inline;
	padding: 5px;
}

div.menu ul li img {
	vertical-align: middle;
}

div.menu ul li.align03 {
	padding: 0 15px 0 0;
	margin-top: 0;
}
* html div.menu ul li.align03,
*+html div.menu ul li.align03 {
	margin-top: -15px; /* IE only */
}

div.menu ul li a {
	text-decoration: none;
	color: #fff;
}

div.menu ul li.active a {
	color: rgb(200,200,200);
	cursor: text;
	text-decoration: underline;
}

div.menu ul li a:hover {
	color: rgb(200,200,200);
}

/* @end */

/* @group Sidhuvud */

div#pagehead {
	height: 185px;
	z-index: 2;
	position: relative;
	width: 970px;
}

div#pagehead h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

div#pagehead h1 a {
	display: block;
	width: 350px;
	height: 75px;
}

/* @group Topmeny */

div#topmenu {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	font-size: 1em;
}

div#topmenu ul {
	
}

div#topmenu ul li {
	
}

div#topmenu ul li a {
	border-right: 1px solid #fff;
	padding-right: 10px;
	margin-left: -5px;
}
* html div#topmenu ul li a,
*+html div#topmenu ul li a {
	margin-left: 0px; /*IE only*/
}

div#topmenu ul li.last a {
	border-right: none;
}

/* @end */

/* @group Sökformulär */

div#search {
	position: absolute;
	top: 125px;
	left: 20px;
}

div#search p {
	
}

div#search p input {
	margin-left: 10px;
}

div#search p input.text {
	
}

d#search p input.button {
	
}

div#search p input[type=submit] {
	
}

/* @end */

/* @group Språkmeny */

div#language {
	background: url(../images/bg_i18n.png) no-repeat left bottom;
	position: absolute;
	bottom: 3px;
	right:2px;
	z-index: 3;
	height: 2em;
	padding-left: 20px;
}
* html div#language { /*IE6*/
	background: url(../images/bg_i18n.gif) no-repeat left bottom;
	width: 22.9em;
}

div#language ul {
	padding: 0.5em 0 0;
	float: left;
	width: 120%;
	list-style-type: circle;
}

div#language ul li {
	padding: 0;
	margin-right: 10px;
}

div#language ul li a {
	
}

div#language ul li a img {
	margin-right: 5px;
	border: 0;
}

/* @end */

div#pagehead div#banner01 {
	
}



/* @end */

/* @group Huvudmeny */

div#mainmenu {
	/*
	background-color: #f0f;
	*/
	top: -3px;
	position: relative;
	left: 0px;
	z-index: 1;
	height: 2em;
	width: 950px;
	padding-top: 0.8em;
	padding-bottom: 0.2em;
	padding-left: 2em;
	background: url(../images/bg_mainmenu.png) no-repeat left bottom;
	text-transform: uppercase;
	font-weight: bold;
}
* html div#mainmenu {
	background: url(../images/bg_mainmenu.gif) no-repeat left bottom;
	padding-bottom: 0.3em;
}

* html div#mainmenu ul,
*+html div#mainmenu ul { /*IE only*/
	margin-top: -0.3em;
}

div#mainmenu ul.align03 {
}

div#mainmenu ul.align01 {
}

div#mainmenu ul li {
	padding: 0.8em;
	padding-bottom: 0.6em; /* Högkontrastanpassning */
	margin-left: -0.3em;
}
* html div#mainmenu ul li {
	line-height: 2.1em;
	padding-bottom: 0.6em;
}
*+html div#mainmenu ul li {
	line-height: 2.1em;
}

div#mainmenu ul li a {
	float: left;
	display: block;
	height: 2em;
	margin-top: -0.8em;
	padding: 0.8em 0.8em 0 0.8em;
}

div#mainmenu ul.partone li {
	float: left;
	padding: 0;
}

div#mainmenu ul.partone li a {
	border-right: 2px solid #80766a;
}

div#mainmenu ul.parttwo {
	float: right;
}

div#mainmenu ul.parttwo li {
	float: left;
	margin: 0;
	padding: 0;
}
* html div#mainmenu ul.parttwo li {
	padding: 0.2em 0 0 0;
}

div#mainmenu ul.parttwo li a {
	float: left;
	height: auto;
	padding-top: 0;
	margin-top: 0;
	border-right: none;
	padding-right: 2.2em;
}

div#mainmenu ul.parttwo li.first {
}

div#mainmenu ul.parttwo li.first a {
	border-right: 2px solid #fff;
	padding-right: 0.8em;
}

div#mainmenu ul li a img {
	margin: 0 0 0.3em 0;
}

div#mainmenu ul.partone li.active a,
div#mainmenu ul.partone li a:hover {
	background: url(../images/bg_mainmenu-active.png) repeat-x left top;
}
* html div#mainmenu ul.partone li.active a,
* html div#mainmenu ul.partone li a:hover {
	background-image: none;
	margin-left: 0;
	padding-left: 0.5em;
	padding-left: 0.8em;
	margin-right: 0em;
}
*+html div#mainmenu ul.partone li.active a,
*+html div#mainmenu ul.partone li a:hover {
	background-image: none;
	padding-left: 0.8em;
}

/* Firefox + IE7 */
div#mainmenu ul li.align03 {
	margin-top: -28px;
	padding-right: 2em;
	border: 0;
}
* html div#mainmenu ul li.align03,
*+html div#mainmenu ul li.align03 {
	position: absolute;
	right: 0;
	top: 0.4em;
	padding-top: 0.1em;
	margin-top: 0px;
}


/* Safari
/*@media all and (min-width: 0px) {
             body:not(:root:root) div#mainmenu ul li.align03 { 
             	margin-top: 0px;
             	padding-top: 0.1em;
             }
    }
*/

div#mainmenu ul li a:hover {
}

div#mainmenu ul li.align03:hover {
	background-image: none;
}

div#mainmenu ul li.align03 a:hover,
div#mainmenu ul.parttwo li a:hover {
	color: rgb(200,200,200);
}

div#mainmenu ul li.active a {
	color: #fff;
}
* html div#mainmenu ul li.active a {
	padding-right: 0.8em;
}

div#mainmenu ul li.active a:hover {
	
}

/* @end */

/* @group Spårnavigering */

div#breadcrumb {
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: -5px;
	font-size: 1em;
	color: rgb(200,200,200);
	clear: both;
}

div#breadcrumb ul {
	
}

div#breadcrumb ul li {
	padding-left: 0;
}

div#breadcrumb ul li a {
	background: url(../images/bg_breadcrumb-arrow.gif) no-repeat right center;
	padding-right: 15px;
}
* html div#breadcrumb ul li a {
	background: url(../images/bg_breadcrumb-arrow.gif) no-repeat right center;
}

div#breadcrumb ul li.last a {
	background: none;
}

/* @end */

/* @group Satsyta */

div#disposition {
	/*
	padding-top: 225px;
	padding-top: 22.5em;
	*/
}

/* @group Nyhetslista */

div.newslist {
	height: 300px;
	width: 190px;
	overflow: auto;
}
* html div.newslist {
	width: 180px;
}

div.listitem {
	background-image: url(../images/flik.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:5px;
	padding-right:20px;
	margin-bottom:5px;
	margin-right:5px;
}
* html div.listitem {
	background-image: url(../images/flik.gif);
}

div.listitem a {
	color: rgb(178,169,155);
	text-decoration: none;
}

div.listitem a:hover {
	color: rgb(200,200,200);
}

p.date {
	font-size: 1.1em;
	color: rgb(178,169,155);
}

div.listitem p {
	font-size: 0.9em;
	margin-bottom: 0;
	padding: 0;
	color:#908578;
}

div.listitem h3 {
	margin: 0 0 0.5em 0;
	padding: 0;
	padding-right: 0;
	font-size: 1.4em;
}

/* @end */
/* @group SMHI-puff */


div.smhipuff 
{
    background-image:url(../images/flik.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    font-size:1.1em;
    margin-bottom:10px;
    padding-bottom:10px;

}
div.smhipuff p
{
    font-size:1.2em;
    padding-bottom:1px;
    margin:0;
    color:#B2A99B
}
div.smhipuff a
{
    color:#B2A99B;
text-decoration:underline;
}
div.smhipuff h2
{
    padding-bottom:5px;}


/* @end */
/* @group Söklista (Tellus) */

div.searchcolumn {
	
}

.searchpagepadding
{
	padding-left: 15px;	
}

div.searchlabel {
	float: left;
	text-transform: uppercase;
	width: 30%;
}

div.searchlabel p {
	border-right: 1px solid #FFFFFF;
}

div.searchlabel p img {
	vertical-align: middle;
	margin-right: 1em;
}

div.searchform {
	float: left;
	margin-left: 3em;
	margin-top: 0px;
}

.searchformheight
{
    height:110px;	
}

* html .searchformheight
{
    height:75px;	
}

div.searchform label {
	font-weight: bold;
	font-size: 1.2em;
}

div.searchform label,
div.searchform input,
div.searchform select {
	margin-left: 0.5em;
	vertical-align: middle;
}

div.searchform span.checkboxdatestate label
{
	margin-left:0.2em;	
}

div.searchform span.checkboxdatestate input
{
	margin-left:0.5em;
}

input#textfield_01 {
	width: 15em;
}

div.group {
	clear: both;
	margin-bottom: 0.5em;
}

div.group img {
	vertical-align: middle;
}

div.button.group {
	margin-right: 15px;
	margin-bottom: 15px;
}

div.searchform div.group {
	margin: 0;
	padding: 0;
}
div.button.group p {
	margin: 0;
	padding-bottom: 5px;
}

div.searchlistitempadding
{
	padding-left: 15px;	
}

div.searchlistitem {
	background: url(../images/flik.png) no-repeat right bottom;
	padding-right:20px;
	margin-bottom:10px;
	margin-right:35px;
	clear:both;
}
* html div.searchlistitem 
{	
	background: url(../images/flik.gif) no-repeat right bottom;
	margin-right:14px;
	padding-right:0px;
	margin-bottom:10px;			
	height:100%;
	
}

div.searchlistitem p {
	margin-bottom: 0;
	padding-bottom: 5px;
}

* html div.searchlistitem p {
	margin-bottom: 10px;
	padding-bottom: 0;
	margin-right:25px;
}

div.searchlistitem h3 {
	margin: 0 0 5px 0;
}

* html div.searchlistitem h3 {
	margin: 5px 0 5px 0;
}

div.nolink div.searchlistitem a {
	text-decoration: none;
	color: #fff;
}

div.detail01 {
	float: left;
	width: 300px;
}
* html div.detail01 {
	width: 275px;
}

* html div.detail01 p
{
	padding-bottom:0;
	margin-bottom:1.5em;
}

div.detail01 ul.slides,
div.detail02 ul.slides {
	margin: 0 0 15px 0;
	padding: 0;
	height: 165px;
	overflow: hidden;
}

div.detail01 ul.slides li,
div.detail02 ul.slides li {
	display: inline;
	margin: 0;
	padding: 0;
}

div.detail01 ul.slides li img,
div.detail02 ul.slides li img {
	
}

div.detail02 {
	float: right;
	width: 250px;
	padding-right: 15px;
}

* html div.detail02 p
{
	padding-bottom:0;
	margin-bottom:1.5em;
}

div.detail01 img {
	vertical-align: middle;
}

div.detail01 h2,
div.detail02 h2 {
	background-color: transparent;
}

div.detail01 h3,
div.detail02 h3 {
	font-size: 1.4em;
	font-weight: normal;
	background-color: rgb(38,33,27);
	padding:3px;
	margin-bottom: 15px;
	clear:left;
}

div.detail01 div.articlehead {
	
}

.pagingtext {
	background-color: inherit;
	color: rgb(178,169,155);
	margin-right : 10px;
}
a.pageselected {
	background-color: rgb(178,169,155);
	color:#000;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	margin-right:5px;
	font-weight: bold;
	text-decoration: none;
}

a.pageunselected {
	color: rgb(178,169,155);
	margin-right: 5px;
	font-weight: bold;
	text-decoration: none;
}

a.pageselected:hover, a.pageunselected:hover {
	color : #FFFFFF;
	text-decoration : none;
}


/* @end */

/* @group Undermeny */

div#submenu {
	float: left;
	margin-top: 30px;
	margin-right: 35px;
}
* html div#submenu {
	margin-top: 15px;
	margin-right: 0px;
}

div#submenu ul {
	margin-top: -15px;
	margin-left: 0;
	width: 205px;
	color: #fff;
	list-style-type: none;
	list-style-position: outside;
}
* html div#submenu ul {
	margin-top: 0px;
}

div#submenu ul li {
	background: url(../images/bg_submenu.png) repeat-y left top;
	display: list-item;
	border-top: 8px solid #000;
	border-bottom: 8px solid #000;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 35px;
	margin-bottom: 10px;
	width: 165px;
	cursor: pointer;
}
* html div#submenu ul li {
	background: url(../images/bg_submenu.gif) repeat-y left top;
}

div#submenu ul li.parent {
	background-image: none;
	border: none;
	margin-bottom: 0px;
	list-style-type: none;
}

div#submenu ul li.first {
	background: url(../images/bg_submenu-top.png) no-repeat left top;
	border-top-style: none;
	padding-top: 7px;
}
* html div#submenu ul li.first {
	background: url(../images/bg_submenu-top.gif) no-repeat left top;
}

div#submenu ul li.first.active {
	background: url(../images/bg_submenu-top-active.png) repeat-y left top;
}
* html div#submenu ul li.first.active {
	background: url(../images/bg_submenu-top-active.gif) repeat-y left top;
}

div#submenu ul li.last {
	background: url(../images/bg_submenu-bottom.png) no-repeat left bottom;
	border-bottom-style: none;
	padding-bottom: 8px;
}
* html div#submenu ul li.last {
	background: url(../images/bg_submenu-bottom.gif) no-repeat left bottom;
}

div#submenu ul li.last.active {
	background: url(../images/bg_submenu-bottom-active.png) repeat-y left bottom;
}
* html div#submenu ul li.last.active {
	background: url(../images/bg_submenu-bottom-active.gif) repeat-y left bottom;
}

div#submenu ul li.active {
	background: url(../images/bg_submenu-active.png) repeat-y left top;
}
* html div#submenu ul li.active {
	background: url(../images/bg_submenu-active.gif) repeat-y left top;
}

div#submenu ul li.active a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

div#submenu ul li a {
	text-decoration:none;
	color: rgb(178,169,155);
}

div#submenu ul li a:hover {
	text-decoration: underline;
	color: #fff;
}

div#submenu ul li.active a:hover {
	text-decoration: none;
}

div#submenu ul li.expanded a {
	
}

div#submenu ul li.collapsed a {
	
}

div#submenu ul li ul {
	margin-left: 20px;
	margin-top: 0px;
	width: 150px;
	list-style-type: square;
}
* html div#submenu ul li ul {
	list-style-position: inside;
	margin-left: 0px;
}

div#submenu ul li ul li {
	background-image: none;
	border: none;
	margin-left: 0px;
	padding: 0px;
	width: 145px;
	text-transform: none;
}

div#submenu ul li ul li.active {
	background-image: none;
	border: none;
	list-style-type:square;
	text-decoration:none;
	background-color:#fff;
	display: list-item;
}

div#submenu ul li ul li a {
	color: #fff;
}

div#submenu ul li ul li.active a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-left: 3px;
}

div#submenu ul li ul li ul {
	width: 130px;
}

div#submenu ul li ul li ul li {
	width: 125px;
}

div#submenu ul li ul li ul li ul {
	width: 110px;
}

div#submenu ul li ul li ul li ul li {
	width: 105px;
}



/* @end */

/* @group Artikel-huvud och fot */

div.articlehead {
	width: 100px;
	float: right;
	text-align: right;
	margin-right: 15px;
	color: rgb(166,156,145);
	font-weight: normal;
}
div.articlehead p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 3em;
	height: 25px;
}

div.articlehead p img {
	vertical-align: middle;
	margin-bottom: 0.5em;
}
div.articlehead p a {
	text-decoration: none;
}
div.articlefoot {
	margin-right:15px;
	border-top: 1px solid rgb(178,169,155);
	color: rgb(178,169,155);
	padding-top:5px;
	margin-top:30px;
	margin-bottom:10px;
}

div.articlefoot p {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

/* @end */

/* @group Boxar */

/* @group Storlek på boxarna */

div.full,
div.half,
div.third,
div.quarter,
div.quarter2,
div.quarter3 {
	background-color: #000;
	border-left-style: solid;
	border-left-width: 30px;
	margin-top: 15px;
	margin-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

div.wrapper div.full,
div.wrapper div.half,
div.wrapper div.third,
div.wrapper div.quarter,
div.wrapper div.quarter2,
div.wrapper div.quarter3 {
	margin-top: 0px;
	margin-right: 0px;
}

div.wrapper {
	background-color: transparent;
	padding-left: 0px;
	border-left-style: none;
	border-left-width: 0px;
	margin-right: 0;
}

/* Först utan JS */
div.full {
	width: 900px;
}
* html div.full {
	width: 930px;
}

div.half {
	width: 426px;
}
* html div.half {
	width: 452px;
}

div.third {
	width: 270px;
}
* html div.third {
	width: 300px;
}

div.quarter {
	width: 175px;
}
* html div.quarter {
	width: 220px;
}

div.quarter2 {
	width: 424px;
}
* html div.quarter2 {
	width: 454px; /*TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT*/
}

div.quarter3 
{
	width: 660px;
}
* html div.quarter3 {
	width: 690px;
}

/* Sen med JS och nollning av föregående */

div.wrapper.full {
	width: 930px;
}

div.wrapper.full div.full {
	width: 900px;
}

div.wrapper.half {
	width: 440px;
}

div.wrapper.half div.half {
	width: 410px;
}
* html div.wrapper.half div.half {
	width: 422px;
}

div.wrapper.third {
	width: 280px;
}

div.wrapper.third div.third {
	width: 250px;
}
* html div.wrapper.third div.third {
	width: 270px;
}

div.wrapper.quarter {
	width: 213px;
}

div.wrapper.quarter div.quarter {
	width: 183px;
}
* html div.wrapper.quarter div.quarter {
	width: 190px;
}

div.wrapper.quarter2 {
	width: 440px;
}
* html div.wrapper.quarter2 {
	width:  452px; /*TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT*/			
}

div.wrapper.quarter2 div.quarter2 {
	width: 410px; /*TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT*/
}

* html div.wrapper.quarter2 div.quarter2 {
	width: 396px; /*TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT*/	
}

div.wrapper.quarter3 {
	width: 670px;
}

div.wrapper.quarter3 div.quarter3 {
	width: 640px;
}
* html div.wrapper.quarter3 div.quarter3 {
	width: 660px;
}
/* @end */

/*Teaser margin*/
div.teasercontentquarter3 {
	width: 600px;
	margin-left: 15px;
}

div.teasercontentquarter2 {
	width: 396px;/*TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT*/
	margin: 15px;
}
* html div.teasercontentquarter2 {	
	margin:13px;
}

div.teasercontentquarter {
	width: 160px;
	margin: 15px;
}

div.teasercontentthird {
	width: 220px;
	margin: 15px;
}

div.teasercontenthalf {
	width: 356px;
	margin: 15px;
}

div.teasercontentfull {
	width: 870px;
	margin: 15px;
}
* html div.teasercontentfull {
	width: 870px;
	margin: 15px;
}

div.teasercontentnote {
	width: 180px;
}
/*end*/
/*Accessibility padding*/
.accessibilitypadding
{
	padding: 15px;
}
/*end*/
/*Leftblock padding*/
.leftblockpadding
{
	padding: 15px;	
}
/*end*/


/* @group Hörn + flik */
div.empty {
	margin-right: 15px;
	float: left;
	height: 1px;
	width: 225px;
	clear: both;
}
div.wrapper {
	margin-right: 15px;
	margin-top: 0;
	float: left;
	position: relative;
}
* html div.wrapper {
	margin-right: 13px;    
	margin-top: 0;
	float: left;
	position: relative;
}

* html div.wrapper p, div.wrapper table {
padding:0px;
}

div.top {
	height: 15px;
}

div.bottom {
	height: 15px;
}

* html div.bottom {
	height: 15px;
	/*width:95%;*/
}

div.corner {
	height: 40px;
	width: 40px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding-bottom: 15px;
}
* html div.corner {
	bottom: 0px;   
}

div.note-wrapper div.top,
div.note-wrapper div.bottom,
div.note-wrapper div.corner {
	height: 0;
	width: 0;
}

/* @end */

/* @group Flik-varianter */

div.one {
	
}

div.two {
	
}

div.three {
	
}

div.four {
	
}

div.five {
	
}

div.six {
	
}

div.seven {
	
}

div.eight {
	
}

div.nine {
	
}

div.ten {
	
}

div.eleven {
	
}

div.twelve {
	
}

div.thirteen {
	
}

div.fourteen {
	
}

div.fifteen {
	
}

div.sixteen {
	
}

div.seventeen {
	
}

div.eighteen {
	
}

div.nineteen {
	
}

div.one,
div.two,
div.three,
div.four,
div.five,
div.six,
div.seven,
div.eight,
div.nine,
div.ten,
div.eleven,
div.twelve,
div.thirteen,
div.fourteen,
div.fifteen,
div.sixteen,
div.seventeen,
div.eighteen,
div.nineteen
{
	float: left;
}

div.wrapper div.one,
div.wrapper div.two,
div.wrapper div.three,
div.wrapper div.four,
div.wrapper div.five,
div.wrapper div.six,
div.wrapper div.seven,
div.wrapper div.eight,
div.wrapper div.nine,
div.wrapper div.ten,
div.wrapper div.eleven,
div.wrapper div.twelve,
div.wrapper div.thirteen,
div.wrapper div.fourteen,
div.wrapper div.fifteen,
div.wrapper div.sixteen,
div.wrapper div.seventeen,
div.wrapper div.eighteen,
div.wrapper div.nineteen
{
	float: none;
}

/* @end */

/* @group Vänsterkant */

div.full.one,
div.half.one,
div.third.one,
div.quarter2.one,
div.quarter3.one,
div.quarter.one {
	border-left-color: rgb(20,50,90);
}

div.full.two,
div.half.two,
div.third.two,
div.quarter2.two,
div.quarter3.two,
div.quarter.two {
	border-left-color: rgb(57,87,130);
}

div.full.three,
div.half.three,
div.third.three,
div.quarter2.three,
div.quarter3.three,
div.quarter.three {
	border-left-color: rgb(123,1,0);
}

div.full.four,
div.half.four,
div.third.four,
div.quarter2.four,
div.quarter3.four,
div.quarter.four {
	border-left-color: rgb(209,79,25);
}

div.full.five,
div.half.five,
div.third.five,
div.quarter2.five,
div.quarter3.five,
div.quarter.five {
	border-left-color: rgb(137,150,57);
}

div.full.six,
div.half.six,
div.third.six,
div.quarter2.six,
div.quarter3.six,
div.quarter.six {
	border-left-color: rgb(52,130,167);
}

div.full.seven,
div.half.seven,
div.third.seven,
div.quarter2.seven,
div.quarter3.seven,
div.quarter.seven {
	border-left-color: rgb(81,0,27);
}

div.full.eight,
div.half.eight,
div.third.eight,
div.quarter2.eight,
div.quarter3.eight,
div.quarter.eight {
	border-left-color: rgb(162,13,61);
}

div.full.nine,
div.half.nine,
div.third.nine,
div.quarter2.nine,
div.quarter3.nine,
div.quarter.nine {
	border-left-color: rgb(51,117,164);
}

div.full.ten,
div.half.ten,
div.third.ten,
div.quarter2.ten,
div.quarter3.ten,
div.quarter.ten {
	border-left-color: rgb(0,158,224);
}

div.full.eleven,
div.half.eleven,
div.third.eleven,
div.quarter2.eleven,
div.quarter3.eleven,
div.quarter.eleven {
	border-left-color: rgb(174,111,8);  /*brun*/
}

div.full.twelve,
div.half.twelve,
div.third.twelve,
div.quarter2.twelve,
div.quarter3.twelve,
div.quarter.twelve {
	border-left-color: rgb(131,208,240); /*turkos*/
}

div.full.thirteen,
div.half.thirteen,
div.third.thirteen,
div.quarter2.thirteen,
div.quarter3.thirteen,
div.quarter.thirteen {
	border-left-color: rgb(144,156,202); /*lila*/
}

div.full.fourteen,
div.half.fourteen,
div.third.fourteen,
div.quarter2.fourteen,
div.quarter3.fourteen,
div.quarter.fourteen {
	border-left-color: rgb(255,255,255); /*vit*/
}


div.full.fifteen,
div.half.fifteen,
div.third.fifteen,
div.quarter2.fifteen,
div.quarter3.fifteen,
div.quarter.fifteen {
	border-left-color: rgb(186,208,69);
}

div.full.sixteen,
div.half.sixteen,
div.third.sixteen,
div.quarter2.sixteen,
div.quarter3.sixteen,
div.quarter.sixteen {
	border-left-color: rgb(1,127,46);
}

div.full.seventeen,
div.half.seventeen,
div.third.seventeen,
div.quarter2.seventeen,
div.quarter3.seventeen,
div.quarter.seventeen {
	border-left-color: rgb(211,215,29);
}

div.full.eighteen,
div.half.eighteen,
div.third.eighteen,
div.quarter2.eighteen,
div.quarter3.eighteen,
div.quarter.eighteen {
	border-left-color: rgb(62,62,64);
}

div.full.nineteen,
div.half.nineteen,
div.third.nineteen,
div.quarter2.nineteen,
div.quarter3.nineteen,
div.quarter.nineteen {
	border-left-color: rgb(112,113,115);
}



/* @end */

/* @group Överkant */

.one div.top {
	background: url(../images/general/bg_970-darkblue.png) no-repeat left top;
}
* html .one div.top {
	background: url(../images/general/bg_970-darkblue.gif) no-repeat left top;
}

.two div.top {
	background: url(../images/general/bg_970-lightblue.png) no-repeat left top;
}
* html .two div.top {
	background: url(../images/general/bg_970-lightblue.gif) no-repeat left top;
}

.three div.top {
	background: url(../images/general/bg_970-darkred.png) no-repeat left top;
}
* html .three div.top {
	background: url(../images/general/bg_970-darkred.gif) no-repeat left top;
}

.four div.top {
	background: url(../images/general/bg_970-lightred.png) no-repeat left top;
}
* html .four div.top {
	background: url(../images/general/bg_970-lightred.gif) no-repeat left top;
}

.five div.top {
	background: url(../images/general/bg_970-darktn.png) no-repeat left top;
}
* html .five div.top {
	background: url(../images/general/bg_970-darktn.gif) no-repeat left top;
}

.six div.top {
	background: url(../images/general/bg_970-lighttn.png) no-repeat left top;
}
* html .six div.top {
	background: url(../images/general/bg_970-lighttn.gif) no-repeat left top;
}

.seven div.top {
	background: url(../images/general/bg_970-darkpurple.png) no-repeat left top;
}
* html .seven div.top {
	background: url(../images/general/bg_970-darkpurple.gif) no-repeat left top;
}

.eight div.top {
	background: url(../images/general/bg_970-lightpurple.png) no-repeat left top;
}
* html .eight div.top {
	background: url(../images/general/bg_970-lightpurple.gif) no-repeat left top;
}

.nine div.top {
	background: url(../images/general/bg_970-darksail.png) no-repeat left top;
}
* html .nine div.top {
	background: url(../images/general/bg_970-darksail.gif) no-repeat left top;
}

.ten div.top {
	background: url(../images/general/bg_970-lightsail.png) no-repeat left top;
}
* html .ten div.top {
	background: url(../images/general/bg_970-lightsail.gif) no-repeat left top;
}

.eleven div.top {
	background: url(../images/general/bg_970-extradarkyellow.png) no-repeat left top;
}
* html .eleven div.top {
	background: url(../images/general/bg_970-extradarkyellow.gif) no-repeat left top; /*brun*/
}

.twelve div.top {
	background: url(../images/general/bg_970-turquoise.gif) no-repeat left top; /*turkos*/
}
* html .twelve div.top {
	background: url(../images/general/bg_970-turquoise.gif) no-repeat left top; 
}

.thirteen div.top {
	background: url(../images/general/bg_970-purple.gif) no-repeat left top; /*lila*/
}
* html .thirteen div.top {
	background: url(../images/general/bg_970-purple.gif) no-repeat left top;
}

.fourteen div.top {
	background: url(../images/general/bg_970-white.gif) no-repeat left top;  /*vit*/
}
* html .fourteen div.top {
	background: url(../images/general/bg_970-white.gif) no-repeat left top;
}


.fifteen div.top {
	background: url(../images/general/bg_970-BAHlightgreen.gif)  no-repeat left top;
}
* html .fifteen div.top {
	background: url(../images/general/bg_970-BAHlightgreen.gif) no-repeat left top;
}

.sixteen div.top {
	background: url(../images/general/bg_970-BAHgreen.gif) no-repeat left top;
}
* html .sixteen div.top {
	background: url(../images/general/bg_970-BAHgreen.gif) no-repeat left top;
}

.seventeen div.top {
	background: url(../images/general/bg_970-BAHyellow.gif) no-repeat left top;
}
* html .seventeen div.top {
	background: url(../images/general/bg_970-BAHyellow.gif) no-repeat left top;
}

.eighteen div.top {
	background: url(../images/general/bg_970-BAHdarkgrey.gif) no-repeat left top;
}
* html .eighteen div.top {
	background: url(../images/general/bg_970-BAHdarkgrey.gif) no-repeat left top;
}

.nineteen div.top {
	background: url(../images/general/bg_970-BAHlightgrey.gif) no-repeat left top;
}
* html .nineteen div.top {
	background: url(../images/general/bg_970-BAHlightgrey.gif) no-repeat left top;
}

/* @end */

/* @group Underkant */

.one div.bottom {
	background: url(../images/general/bg_970-darkblue.png) no-repeat left bottom;
}
* html .one div.bottom {
	background: url(../images/general/bg_970-darkblue.gif) no-repeat left bottom;
}

.two div.bottom {
	background: url(../images/general/bg_970-lightblue.png) no-repeat left bottom;
}
* html .two div.bottom {
	background: url(../images/general/bg_970-lightblue.gif) no-repeat left bottom;
}

.three div.bottom {
	background: url(../images/general/bg_970-darkred.png) no-repeat left bottom;
}
* html .three div.bottom {
	background: url(../images/general/bg_970-darkred.gif) no-repeat left bottom;
}

.four div.bottom {
	background: url(../images/general/bg_970-lightred.png) no-repeat left bottom;
}
* html .four div.bottom {
	background: url(../images/general/bg_970-lightred.gif) no-repeat left bottom;
}

.five div.bottom {
	background: url(../images/general/bg_970-darktn.png) no-repeat left bottom;
}
* html .five div.bottom {
	background: url(../images/general/bg_970-darktn.gif) no-repeat left bottom;
}

.six div.bottom {
	background: url(../images/general/bg_970-lighttn.png) no-repeat left bottom;
}
* html .six div.bottom {
	background: url(../images/general/bg_970-lighttn.gif) no-repeat left bottom;
}

.seven div.bottom {
	background: url(../images/general/bg_970-darkpurple.png) no-repeat left bottom;
}
* html .seven div.bottom {
	background: url(../images/general/bg_970-darkpurple.gif) no-repeat left bottom;
}

.eight div.bottom {
	background: url(../images/general/bg_970-lightpurple.png) no-repeat left bottom;
}
* html .eight div.bottom {
	background: url(../images/general/bg_970-lightpurple.gif) no-repeat left bottom;
}

.nine div.bottom {
	background: url(../images/general/bg_970-darksail.png) no-repeat left bottom;
}
* html .nine div.bottom {
	background: url(../images/general/bg_970-darksail.gif) no-repeat left bottom;
}

.ten div.bottom {
	background: url(../images/general/bg_970-lightsail.png) no-repeat left bottom;
}
* html .ten div.bottom {
	background: url(../images/general/bg_970-lightsail.gif) no-repeat left bottom;
}

.eleven div.bottom {
	background: url(../images/general/bg_970-extradarkyellow.png) no-repeat left bottom;
}
* html .eleven div.bottom {
	background: url(../images/general/bg_970-extradarkyellow.gif) no-repeat left bottom;
}

.twelve div.bottom {
	background: url(../images/general/bg_970-turquoise.gif) no-repeat left bottom;  /*turkos*/
}
* html .twelve div.bottom {
	background: url(../images/general/bg_970-turquoise.gif) no-repeat left bottom;
}

.thirteen div.bottom {
	background: url(../images/general/bg_970-purple.gif) no-repeat left bottom;  /*lila*/
}
* html .thirteen div.bottom {
	background: url(../images/general/bg_970-purple.gif) no-repeat left bottom;
}

.fourteen div.bottom {
	background: url(../images/general/bg_970-white.gif) no-repeat left bottom;  /*vit*/
}
* html .fourteen div.bottom {
	background: url(../images/general/bg_970-white.gif) no-repeat left bottom;
}

.fifteen div.bottom {
	background: url(../images/general/bg_970-BAHlightgreen.gif) no-repeat left bottom;
}
* html .fifteen div.bottom {
	background: url(../images/general/bg_970-BAHlightgreen.gif) no-repeat left bottom;
}

.sixteen div.bottom {
	background: url(../images/general/bg_970-BAHgreen.gif) no-repeat left bottom;
}
* html .sixteen div.bottom {
	background: url(../images/general/bg_970-BAHgreen.gif) no-repeat left bottom;
}

.seventeen div.bottom {
	background: url(../images/general/bg_970-BAHyellow.gif) no-repeat left bottom;
}
* html .seventeen div.bottom {
	background: url(../images/general/bg_970-BAHyellow.gif) no-repeat left bottom;
}

.eighteen div.bottom {
	background: url(../images/general/bg_970-BAHdarkgrey.gif) no-repeat left bottom;
}
* html .eighteen div.bottom {
	background: url(../images/general/bg_970-BAHdarkgrey.gif) no-repeat left bottom;
}

.nineteen div.bottom {
	background: url(../images/general/bg_970-BAHlightgrey.gif) no-repeat left bottom;
}
* html .nineteen div.bottom {
	background: url(../images/general/bg_970-BAHlightgrey.gif) no-repeat left bottom;
}

/* @end */

/* @group Nyhetspuffar */

div.note-wrapper 
{    
}

div.news {
	float: right;
	width: 180px;
	margin-right: 60px;
}
* html div.news {
	margin-right: 20px;
}

div.news div.note {
	width: 180px;
	margin-top: 15px;
	padding: 20px 10px 1px;
}
* html div.news div.note {
	margin-top: 0px;	
}

div.news div.note h4 {
	margin-top: 20px;
}

div.news div.note.nolink {
	background-image: none;
	background-color: #000;
}

div.news div.note .first {
	padding-top: 50px;
	padding-bottom: 15px;
	margin-left: -10px;
	margin-top: -20px;
	margin-right: -10px;
	padding-left: 10px;
}

div.news div.note.nolink .first,
div.news .one div.note.nolink .first,
div.news .two div.note.nolink .first {
	padding-top: 10px;
	padding-bottom: 15px;
	margin-left: -10px;
	margin-top: -20px;
	margin-right: -10px;
	padding-left: 10px;
}

div.news div.note.nolink p.first,
div.news .one div.note.nolink p.first,
div.news .two div.note.nolink p.first {
	padding-bottom: 25px;
	color: #fff;
	margin-bottom: -45px;
}

div.newslist {
}


/* @end */

/* @end */

/* @end */

/* @group Sidfot */

div#pagefoot {
	height: 35px;
	clear: both;
	padding-top: 25px;
	text-align: right;
}

div#pagefoot h6 {
	margin: 0;
	padding: 0;
	text-align: left;
}

div#pagefoot h6 a {
	margin: -15px 0;
	padding: 0;
	display: block;
	width: 150px;
	height: 50px;
	float: left;
	text-indent: -9999px;
}

div#pagefoot p {
	padding-right: 40px;
	font-size: 1em;
	line-height: 1.5em;
	padding-left: 150px;
}

div#pagefoot p a {
}

div#pagefoot p a:hover {
}

/* fix för tvåspalt */
.quarter3halfleftcolumn
{
	width: 310px;
	margin-right:10px;
	margin-top: 10px;
	float:left;
}

.quarter3halfrightcolumn
{
	width: 310px;
	float:right;
	margin-top: 10px;
}

.clear
{
	clear:both;
}

/*fix för rubrik på destinator nyheter */
a.destheaderlink {
	color: #fff;
	text-decoration: none;
}

a.destheaderlink a:hover {
	color: rgb(200,200,200);
}



/* fix för paging */
#content .pagingcontainer {
	font-size: 15px;
	line-height: 18px;
	padding: 3px;
	margin-top: 10px;
	margin-right: 35px;
	margin-bottom: 10px;
	width:610px;		
	text-align:center;
	height:35px;
}

.paginginnercontainer
{
    margin-left:auto;
    margin-right:auto;
    width: 385px !important;    
}

.paginginnnerinnercontainer
{
    margin-left:auto;
    margin-right:auto;
    
}

.pagingcontainer a.pageunselected, a.pageselected
{	
	/*float:left;*/
	margin-left:5px;	
}

.pagingcontainer span.pagingtext
{
	float:left;
}

* html .pagingcontainer {
	font-size: 15px;
	line-height: 18px;
	padding: 3px;
	margin-top: 10px;
	margin-right: 35px;
	margin-bottom: 10px;
	width:585px;	
}

.leftfloating
{
	float: left;
	text-align:left;	
}

.rightfloating
{
	float: right;
	text-align:left;	
}

/* Forum */
table.conferenceroomtable {
	width: 100%;
}
table.conferenceroomtable td {
	font-size:1.4em;
	padding: 5px;
}
table.conferenceroomtable td.TopicListDateColumn {
	width:120px;
}
.editconferenceroom label {
	display:block;
	float:left;
	margin:5px 0 0;
	padding:0;
	text-align:right;
	width:80px;
}
.editconferenceroom input,
.editconferenceroom textarea {
	margin:5px 0 0 10px;
	width:415px;
}
.conferenceroombutton {
	float:left;
}
table.conferenceroomtablereply {
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
}
table.conferenceroomtablereply td {
	padding:5px;
	vertical-align:top;
	width:35%;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	font-size:1.4em;
}
table.conferenceroomtablereply td.rightcolumn {
	border-left:1px solid #CCCCCC;
	width:65%;
}
.editconferenceroom span.errormessage {
	margin-left:90px;
}
/* @end */