﻿/* i programmeringslägge
*  Additionals
*  i leftmenudelen
*
#leftMenu li.sub1 {
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
}
*
*/
* {	margin: 0;padding: 0;border: 0; }

body {background: #d1d1d1 url('/images/bg.gif') repeat-x;font-family: arial, helvetica, tahoma, sans-serif;font-size: 11px;line-height: 120%;color: #333;}

#head {width: 100%;}
#container {width: 820px;margin: 0 auto;background: #fff;}
#padding {padding: 10px;}

.flag {	margin-left: 10px;float: right;}

#foot {clear: both;height:30px;padding-top: 10px;}
#foot div {border-top: 1px solid #999;padding-top: 5px;}
#foot p {display: inline;margin-right: 10px;font-size: 0.9em;color: #999;}
#foot p.left {float:left;width:440px;}
#foot p.right {float:right;width:250px;text-align:right;}

hr {background-color: #ccc;color: #ccc;margin-bottom:  20px;height: 1px;clear: both;}

/* MAIN MENU */

#mainMenu {	width: 100%;border-bottom: solid 1px #004c93;float: left;}
#mainMenu a {padding: 18px 12px 5px;float: left;}
#mainMenu a:hover, #mainMenu a:active, #mainMenu #active {background: url('/images/mark.gif') bottom center no-repeat;}

/* END MAIN MENU */

/* LEFT MENU */

#leftMenu {width: 160px;float: left;margin-top:5px;}
#leftMenu ul {margin: 5px 0;/*margin-right:20px;*/}
#leftMenu ul li {list-style:none;margin:5px 0 5px 10px;text-transform:uppercase;}
#leftMenu ul li ul li {margin-left:20px;text-transform:none;}
#leftMenu ul li ul li ul li {margin-left:30px;text-transform:none;}
#leftMenu a:link {color: #333;text-decoration: none;}
#leftMenu a:visited {color: #333;text-decoration: none;}
#leftMenu a:hover {color: #004c93;text-decoration: none;}
#leftMenu a:active, #leftMenu .active {font-weight: bold;color: #004c93;text-decoration: none;}
#leftMenu img{margin-top:5px;}

/* END LEFT MENU */

/* TRACE */

.trace {padding: 10px 0;font-size: .9em;text-transform: uppercase;}

/* END TRACE */

/* TEXT ELEMENTS */

h1 {font-size: 24px;font-weight: normal;margin: 10px 0 25px 0;text-transform: uppercase;line-height: 120%;clear: both;}
h1 img {margin-left:-7px;}
h2 {font-size: 14px;font-weight: normal;margin: 30px 0 10px 0;text-transform: uppercase;clear: both;}
h3 {font-size: 11px;font-weight: bold;margin: 10px 0 0 0;}
h4 {font-size: 11px;margin: 0;}

/*
h1+h2 {margin-top: 1em;	}
h2+h3 {	margin-top: 0;margin-bottom: 0.5em; }
*/

p {	margin-bottom: 0.5em;font-size: 1em;}

ul {margin:0 0 1em 1.5em;}

.intro {font-weight: bold;}
.imageText {margin: 5px 0 10px 0;font-size: 0.9em;}
.date {font-size: 10px;color: #ccc;	}
select {font-size: 1em;color: #333;border: 1px solid #ccc;}
.bullets {margin: 5px 20px 10px 20px;}
a:link {text-decoration: none;color: #004c93;}
a:visited {text-decoration: none;color: #004c93;}
a:hover {text-decoration: underline;color: #004c93;}
a:active {text-decoration: none;color: #004c93;}

.hidden {display:none;}

/* END TEXT ELEMENTS*/

/* INDEX */

#main {	margin-top: 10px;width: 800px;float: left;position: relative;}

#flashContent {float: left;margin-bottom: 10px}
#rightIndex {width: 240px;float: right;}
.puff {margin-bottom: 10px;}
.news {width: 270px;margin-right: 10px;float: left;}
.news div {padding: 0 10px 10px 10px;}
.news div a {color: #333;}
.news div a:hover h4 {text-decoration: underline;}
.date {margin: 0.5em 0 0 0;	color: #999;}

#shareInfo {width: 550px;height: 45px;margin-bottom: 10px;background: url('/images/share_bg.png') no-repeat ;float: left;/*position: absolute;bottom: 0;*/}
#shareInfo p {padding: 10px;color: #999;}
#shareInfo p strong {color: #333;}

/* END INDEX */

/* TEXT PAGE */

#text {width: 400px;float: left;}
#right {width: 220px;float: right;}
.facts {margin-bottom: 10px;padding: 10px;background: url('/images/facts_bg.png') bottom no-repeat;}
#member-status {background:url("/images/contact_bg.gif") no-repeat 0 0;margin:10px 0;padding:10px;}

/* END TEXT PAGE */

/* PRODUCTS */

.product {float:left;margin:2em 5px 0 0;}
.prodHead {float: left;}
.prodContainer {float:left;width:640px;}
.product-links {float:left;width:640px;}

/* END PRODUCTS */

/* PRESS RELEASES */

.pressRel {border-bottom: 1px dotted #ccc;padding: .5em 0 0 0;}
.pressRel a {color: #333;}
.pressRel a:hover h4 {text-decoration: underline;}
.pressFoot {font-size: .9em;margin: 20px 0;padding-top: 5px;border-top: 1px dotted #ccc;}

.contact {background: url('/images/contact_bg.gif') top left no-repeat;margin: 10px 0;padding: 10px;}
.contact h2 {margin: .3em 0 .7em 0;}

/* END PRESS RELEASES */

/* PICTURE ARCHIVE */

.image {float:left;margin: 0 15px 10px 0;width:115px;}
.image .imageholder {height:100px;text-align:center;}
.clear {clear: both;display:block;width:100%;}

/* END PICTURE ARCHIVE */

/* IR */

.flik {padding: 5px 0;margin: 10px 0;border-bottom: 1px solid #004c93;}
.flik li {list-style: none;display: inline;}
.flik li a {padding: 10px 20px 5px 5px;text-decoration: none;background: url('/images/flik_inactive.gif') top left repeat-x;color: gray;text-transform:uppercase;}
.flik li a:hover {background: url('/images/flik_active.gif') top left repeat-x;color: white;text-decoration: none;}
.flik li a:active, .flik li a.active {background: url('/images/flik_active.gif') top left repeat-x;color: white;}
.archive {float: right;margin-top: 5px;}
.irShare {background: #e5e5e5 url('/images/ir_share_bg.gif') top left no-repeat;margin: 10px 0;padding: 10px;}
.irShare h2 {margin: .3em 0 0 0;}
.irShare .date {margin: 0 0 1em 0;}
.irShare p {color: #999;}
.irShare p strong {color: #333;	}

/* END IR */

/* DOWNLOADS */

.download {border-bottom: 1px dotted #ccc;padding: .5em 0 0 0;}
.download a {color: #333;}
.download a:hover h4 {text-decoration: underline;}
.icon {float: left;margin: 10px 10px 0 0;}

/* END DOWNLOADS */

/* PRESS */

.subscribe {background: url('/images/contact_bg.gif') top left no-repeat;margin: 10px 0;padding: 10px;}
.subscribe h2 {margin: .3em 0 .7em 0;}
.subscribe input {border: 1px solid #ccc;margin-bottom: 10px;padding: 3px;}
.field {width: 90%;}

/* END PRESS */

/* STYRELSE */

.board {float: left;padding: 1em 0 0 0;}
/*
.board a {color: #333;}
.board a:hover h4 {text-decoration: underline;}
*/	
.boardImg {	float: left;margin: 0 10px 10px 0;}

/* END STYRELSE */

/* LIVE REPORT */
#InvestorContainer,
#LiveReport{width: 640px;overflow:hidden;}
#InvestorContainer{float:right;}
#InvestorContainer #shareInfo {background: url('/images/share_bg.png') 0 0 repeat-x;width:640px;}
#LiveReport{float:left;}
/*
#LiveReport h1{margin: 20px 0;	padding: 0;}
*/
.investor{padding: 20px 0;}

/* Contact */

#contactContainer {display:inline;float:left;overflow:hidden;width:640px;}
#contactContainer ul {margin:0;}
#contactContainer ul li {float:left;list-style:none;margin:0 0 20px;width:100%;}
#contactContainer .contactText {display:inline;float:left;width:200px;}
#contactContainer .map {float:left;height:240px;margin:0 20px;overflow:hidden;width:400px;}

/**/

#flashMap {background-color:#a5c3db;height:220px;margin:0 0 20px;width:100%;}

.dist-item {float:left;margin:0 0 1em;width:100%;}
.dist-item .dist-map {float:right;height:220px;overflow:hidden;width:315px;}
.dist-item .dist-text {display:inline;float:left;margin-right:10px;overflow:hidden;width:315px;}
.dist-item .dist-text h1 {margin-top:0;}

#mapContainer {overflow:hidden;position:relative;}
#distMap {height:320px;width:640px;}
#poiWrapper {background:#fff;border:1px solid #333;display:none;height:250px;left:5px;position:absolute;top:5px;width:250px;z-index:200;}
#poiText {padding:20px;width:210px;}
#poiClose {background:#333;color:#fff;cursor:pointer;float:right;padding:3px 5px;}

.login-form table {background-color:#f6f6f6;width:300px;}
.login-form table td {padding:3px 3px 3px 0;}
.login-form .text-box {border:1px solid #ddd;}
.login-form .login-button {border:1px solid #ccc;padding: 2px;}