﻿@import "form.css";
/* Body
----------------------------------------------------------------*/
body {background:#fff url(/images/designelements/bgr-body.gif) repeat;color:#444;font:88% "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif}
html>body {font-size:14px}
p {font-size:1.0em;line-height:1.5em;padding-bottom:1.5em}
p.preamble {font-weight:700}
p.delimiter {padding-bottom:2.25em;border-bottom:0.071429em #ccc dashed}

/* FRAMEWORK
----------------------------------------------------------------*/
#wrapper {margin:0 auto;padding-left:14px;padding-right:14px;width:940px;background:transparent url(/images/designelements/bgr-wrapper.png) repeat-y left top}
#wrapperbottom {margin:0 auto;width:968px;height:33px;background:transparent url(/images/designelements/bgr-wrapper-bottom.png) no-repeat left bottom}

/* PAGE TOP
----------------------------------------------------------------*/
/* Top section */
#pagetop {width:100%;background-color:#fff}
#pagetop div#topsection {float:left;width:900px;padding-left:20px;padding-right:20px;background:#003983 url(/images/designelements/bgr-menu-top.png) repeat-x;height:6.428610em}
#pagetop div#topsection div#logo {float:left;width:150px;padding-top:1.428580em}
#pagetop div#topsection div#topnavigation {float:right;padding-top:40px}/*padding-top:48px*/
#pagetop div#topsection div#topnavigation ul {float:left}
#pagetop div#topsection div#topnavigation li {float:left;margin-right:35px}
#pagetop div#topsection div#topnavigation li.first {}
#pagetop div#topsection div#topnavigation li.last {margin-right:0}
#pagetop div#topsection div#topnavigation a {float:left;display:block;color:#ffffff;font-size:1.142857em;padding-top:0.525em;padding-bottom:0.525em;line-height:1.05em;text-decoration:none}
#pagetop div#topsection div#topnavigation a:hover {padding-top:0.325em;border-top:#1876bb 0.2em solid}
#pagetop div#topsection div#topnavigation a.current {padding-top:0.325em;border-top:#fff 0.2em solid}
/* Middle section */
#pagetop div#middlesection {float:left;width:900px;padding-left:20px;padding-right:20px;padding-top:0.375em;padding-bottom:0.375em;background-color:#1876bb;text-align:right;color:#bddcf3;font-size:0.857143em;line-height:1.5em}/* Height 25px*/
#pagetop div#middlesection dl {float:right}
#pagetop div#middlesection dt {float:left;margin-right:5px}
#pagetop div#middlesection dt a {color:#ffffff} 
#pagetop div#middlesection dd.period {float:left;margin-left:5px;margin-right:5px}
#pagetop div#middlesection dd.value {float:left;padding-right:10px;background:transparent url(/images/designelements/ticker-divider.png) no-repeat right center;color:#ffffff;font-weight:700}
#pagetop div#middlesection dd.value.last {padding-right:0;background:none}
/* Bottom section */
#pagetop div#bottomsection {position:relative;float:left;width:100%;background:transparent}
#pagetop div#bottomsection.high {height:350px}
#pagetop div#bottomsection.low {height:275px}
#pagetop div#bottomsection div#flashcontainerhead {position:relative;z-index:0;top:0;left:0;}
#pagetop div#bottomsection div#pushcontainerhead {position:absolute;z-index:1;top:80px;left:580px}

/* BODY
----------------------------------------------------------------*/
#bodycontainer {padding:2.857160em 30px 2.857160em 30px;background-color:#fff}
#primarycontent {}
#primarycontent-onecol {width:880px}
#primarycontent-twocol {float:left;width:580px;margin-right:30px}
#secondarycontent {float:left;width:270px}

div.bodylist {padding-left:85px;width:495px;background:transparent url(/images/icons/note.gif) no-repeat left 10px}
div#startpagepushnote {float:left;width:190px;padding-left:85px;background:transparent url(/images/icons/note.gif) no-repeat left top}
div#startpagepushpin {float:left;width:190px;margin-left:28px;padding-left:85px;background:transparent url(/images/icons/pincode.gif) no-repeat left top}
div#startpagepushanalysis {float:left;width:190px;margin-left:27px;padding-left:85px;background:transparent url(/images/icons/analysis.gif) no-repeat left top}
/* FOOTER
----------------------------------------------------------------*/
#pagefooter {height:32px;padding-top:20px;background:#003983 url(/images/designelements/bgr-footer.gif) repeat-x left top}
#pagefootercontainer {padding-left:30px;padding-right:30px;color:#fff;font-size:0.857143em;line-height:1.166662em}
#pagefootercontainer div#left {float:left;width:569px}
#pagefootercontainer div#middle {float:left;width:220px}
#pagefootercontainer div#right {float:left;width:91px}

/* TYPO
----------------------------------------------------------------*/
/* Headlines */
h1, h2, h3, h4, h5, h6 {color:#0068b4;font-weight:normal}
h4, h5, h6 {font-weight:bold}
h1 {font-size:1.714286em;line-height:0.875em;padding-top:0.4375em;padding-bottom:0.4375em}/*size:24px*/
h2 {font-size:1.714286em;line-height:0.875em;padding-top:0.4375em;padding-bottom:0.4375em}/*size:24px*/
h2.bold {font-size:1.285714em;font-weight:700}
h3 {font-size:1.285714em;line-height:1.166667em;padding-top:0.583333em;padding-bottom:0.583333em}/*size:18px*/
h4 {font-size:1.071429em;line-height:1.4em;padding-top:0.7em;padding-bottom:0.7em}/*size:15px*/
h5 {font-size:0.857143em;line-height:1.75em}/*size:12px*/
h6 {font-size:0.714286em;line-height:2.1em}/*size:10px*/

/* Text color */
.blue {font-size:0.857143em;line-height:1.0em;color:#0068b4}
/* Links */
a {color:#1876bb;text-decoration:underline}
smalltext {}
a:hover {text-decoration:none}

/* EXTRAS
----------------------------------------------------------------*/
/* Erbjudandepuffar */
div.puff {padding-left:20px;border-bottom:1px #ccc dashed}
div.puff div {height:80px;padding-top:30px;background:transparent url(/images/designelements/puff-bgr-arrow.gif) no-repeat 0 30px;padding-left:60px}
div.puff div h3 {font-size:2.571429em;font-weight:bold;padding:0}
div.puff div p {padding-bottom:0}
div.puff:hover {background:transparent url(/images/designelements/puff-bgr-hover.png) repeat-x}
div.puff div:hover {background:transparent url(/images/designelements/puff-bgr-hover-arrow.png) no-repeat 0 30px}

/* Indestructible box with round corners */
div.indestructiblebox {float:left;width:100%;margin-top:20px;color:#000;background: url(/images/designelements/id-rounded-right.gif) no-repeat top right}
div.indestructiblebox .desc {padding:15px 15px 0 15px;background: url(/images/designelements/id-rounded-left.gif) no-repeat top left}
div.indestructiblebox .desc h4 {color:#fff;border-bottom:1px #fff solid}
div.indestructiblebox .desc img {margin-top:20px;margin-bottom:20px}
div.indestructiblebox .desc p {color:#fff; font-size:0.857em}
div.indestructiblebox .desc p a {color:#fff;text-decoration:underline}
div.indestructiblebox .link {display:block;padding:0 0 0 15px;background: url(/images/designelements/id-rounded-left.gif) no-repeat bottom left}
div.indestructiblebox .link em {display:block;font-style:normal;padding:0 15px 15px 0;background:transparent url(/images/designelements/id-rounded-right.gif) no-repeat bottom right}

/* Lists */
ul.bullet-list {list-style-type:disc;margin-left:50px;font-size:1.0em;line-height:1.5em;padding-bottom:40px}
/* FIX
----------------------------------------------------------------*/
/* Clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display: inline-block}  
 /* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
 /* End Holly Hack */ 