/* START RESET CSS //////////////////////////////////////////////////////////////////////////////////////// */

body, html, 
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, label, select, div, p, span, a, blockquote, address, th, td, tfoot, abbr {
color:#000;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
} 

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset, img, table, hr, button, abbr, textarea, iframe {
border:0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup, input, button, textarea, select, optgroup, option {
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
}

li {
list-style:none;
}

caption, 
th {
text-align:left;
}

/* SLUT RESET CSS ///////////////////////////////////////////////////////////////////////////////////////// */
/* START GRID ///////////////////////////////////////////////////////////////////////////////////////////// */

div.head,
div.topNav,
div.subNav ul,
div.brandContent,
div.copyright {
margin: 0 auto;
width: 960px;
}

div.content {
background: #e6e7e8 url(../images/bgShadow.png) repeat-x 0 0;
margin: -5px auto 0 auto;
overflow: hidden;
padding: 28px 10px 27px 10px;
position: relative;
width: 940px;
}

div.column2,
div.column3,
div.column4,
div.column5,
div.column6,
div.column7,
div.column8,
div.column9,
div.column12 {
display: inline;
float: left;
margin-left: 20px;
}

div.column2.first,
div.column3.first,
div.column4.first,
div.column5.first,
div.column6.first,
div.column7.first,
div.column8.first,
div.column9.first,
div.column12.first { margin-left: 0 !important; }

div.column2 { width: 140px; } /* Beräkna width på följande sätt. Ta 80 gånger siffran efter column, minus 20 (dvs en vänstermarginal) */
div.column3 { width: 220px; }
div.column4 { width: 300px; }
div.column5 { width: 380px; }
div.column6 { width: 460px; }
div.column7 { width: 540px; }
div.column8 { width: 620px; }
div.column9 { width: 700px; }
div.column12 { width: 940px; }

div.module {
margin-bottom: 20px;
}

div.outerWrapper { 
float:left;
left:50%;
position:relative;
}

div.innerWrapper {
left:-50%;
position:relative;
}

div.enclosing {
clear: both;
}

div.attach {
position: relative;
}

/* SLUT GRID ////////////////////////////////////////////////////////////////////////////////////////////// */
/* START DEFAULT SELECTORS //////////////////////////////////////////////////////////////////////////////// */

h1 {
clear: both;
font: normal 24px Arial, Helvetica, sans-serif;
margin: 0 0 13px 10px;
}

h2 {
font: normal 24px Arial, Helvetica, sans-serif;
margin: 0 0 3px 10px;
}

h2 span {
display: block;
font-size: 40px;
margin: -5px 0 0 23px;
}

h3 { font: normal 18px Arial, Helvetica, sans-serif; }

h4 { 
font: bold 14px Arial, Helvetica, sans-serif;
margin-left: 10px;
}

h5 {
color: #fff;
font: bold 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

a {
text-decoration: none;
}

a:active { 
outline: none;
}

p {
color: #151515;
font: normal 14px/18px Arial, Helvetica, sans-serif;
margin: 0 20px 18px 10px;
}

p a {
color:#5e6418;
font: normal 14px/18px Arial, Helvetica, sans-serif;
}

/* SLUT DEFAULT SELECTORS ///////////////////////////////////////////////////////////////////////////////// */
/* START SIDHUVUD & TOPPNAVIGATION //////////////////////////////////////////////////////////////////////// */

img.logo {
margin: 18px 0 28px 0;
}

div.topNav ul li {
background-color: #e6e7e8;
float: left;
margin-right: 2px;
}

div.topNav ul li.about {
float: right;
}

div.topNav ul li a {
color: #808285;
display: block;
font-size:16px;
padding: 4px 27px 6px 27px;
text-transform: capitalize;
}

div.topNav ul li:hover {
background-color: #dadada;
}

div.topNav ul li.current {
background-color: #bfce00;	
}

div.topNav ul li.current a {
color: #fff;	
}

/* SLUT SIDHUVUD & TOPPNAVIGATION ///////////////////////////////////////////////////////////////////////// */
/* START SUBNAVIGATION //////////////////////////////////////////////////////////////////////////////////// */

div.subNav {
background-color: #737c00;
height: 31px;	
}

div.subNav ul {
overflow: auto;
}

div.subNav ul li {
float: left;
}

div.subNav ul li a {
color: #fff;
display: block;
font-size: 16px;
padding: 6px 12px 7px 10px;	
text-transform: capitalize;
}

div.subNav ul li:hover {
background-color: #8f9910;
}

div.subNav ul li.current {
background-color: #979e42;	
}

/* SLUT SUBNAVIGATION ///////////////////////////////////////////////////////////////////////////////////// */
/* START BRANDINGYTAN ///////////////////////////////////////////////////////////////////////////////////// */

div.brand {
background-color: #bfce00;
clear: both;
}

div.shadow {
background: #fff url(../images/bgShadow.png) repeat-x 0 0;
height: 5px;
}

div.brandContent {
height: 35px;
overflow: auto;
}

body.startItem div.brandContent {
background: url(../images/shine.gif) no-repeat top;
height: auto;
width: 1012px;
}

div.brand img {
float: left;
margin: 0 0 0 0;
}

/* SLUT BRANDINGYTAN ////////////////////////////////////////////////////////////////////////////////////// */ 
/* START SPECIFIKT FÖR STARTSIDAN ///////////////////////////////////////////////////////////////////////// */

div.box {
background-color: #fff;
height: 341px;
}

div.box h3 {
margin: 6px 0 0 10px;
}

div.box img {
margin: 8px 10px 9px 10px;
}

div.box a {
color:#151515;
}

div.preamble p {
font: normal 16px/22px Arial, Helvetica, sans-serif;
}

iframe.videoFrame {
margin-top: 5px;
}

/* SLUT SPECIFIKT FÖR STARTSIDAN ////////////////////////////////////////////////////////////////////////// */
/* START UNDERSIDORNA ///////////////////////////////////////////////////////////////////////////////////// */

img.rightAlignImg {
float: right;
margin: 4px 0 0 20px;
}

img.leftAlignImg {
float: left;
margin: 4px 20px 0 0;
}

img.farRight {
margin-right:-10px;
}

img.farLeft {
margin-left:-10px;
}

div.fileList {
background-color: #e0e1e2;
border-right: 1px solid #c1c2c3;
border-top: 1px solid #c1c2c3;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
overflow: auto;
padding: 10px 10px 20px 10px;
}

div.fileList h3 {
margin:0 0 2px 6px;
}

div.fileList ul li {
background: url(../images/iconPdf.gif) no-repeat 0;
padding: 10px 0 10px 45px;
}

div.fileList ul li a {
color: #737c00;
display: block;
font-size: 14px;
}

div.fileList ul li a span {
color: #666;
display: block;
font-size: 14px;
}

div.column12 div.fileList ul li {
float: left;
margin-right: 30px;
}

/* SLUT UNDERSIDORNA ////////////////////////////////////////////////////////////////////////////////////// */
/* START KNAPPAR & LÄNKAR ///////////////////////////////////////////////////////////////////////////////// */

span.button {
background: url(../images/button.gif) no-repeat 0 0;
float: left;
margin-left: 10px;
padding-left: 10px;
}

span.button a {
background: url(../images/button.gif) no-repeat right 0;
color: #fff;
display: block;
float: left;
font-size: 18px;
padding: 7px 11px 9px 1px;
}

span.button:hover {
background: url(../images/button.gif) no-repeat 0 -42px;
padding-left: 10px;
}

span.button:hover a {
background: url(../images/button.gif) no-repeat right -42px;
}

a.userguide {
background: url(../images/userguideButton.gif) no-repeat 0 0;
display: block;
padding: 19px 0 21px 100px;	
}

/* SLUT KNAPPAR & LÄNKAR ////////////////////////////////////////////////////////////////////////////////// */
/* START SIDFOT /////////////////////////////////////////////////////////////////////////////////////////// */

div.footer {
background-color: #343636;
margin: 0 auto;
overflow: auto;
padding: 15px 0 7px 0;
width: 960px;
}

div.footer p,
div.footer cite,
div.footer a,
div.footer ul li {
color: #ccc;
font: 11px/14px Arial, Helvetica, sans-serif;
}

div.footer p {
margin: 0 50px 10px 0;
}

div.footer cite {
font: italic 14px/18px Arial, Helvetica, sans-serif;
}

div.footer ul.socialMedia li a {
display: block;
font: 14px Arial, Helvetica, sans-serif;
padding: 5px 0 14px 50px;
}

div.footer ul.socialMedia li.share a {
background: url(../images/iconSocialMedia.gif) no-repeat 0 -50px;
}

div.footer ul.socialMedia li.share:hover a {
background: url(../images/iconSocialMedia.gif) no-repeat 0 0;
color: #b5e5ff;
}

div.footer ul.socialMedia li.twitter a {
background: url(../images/iconSocialMedia.gif) no-repeat 0 -137px;
}

div.footer ul.socialMedia li.twitter:hover a {
background: url(../images/iconSocialMedia.gif) no-repeat 0 -97px;
color: #b5e5ff;
}

div.copyright {
padding: 5px;
text-align: center;
}

/* SLUT SIDFOT //////////////////////////////////////////////////////////////////////////////////////////// */