/* General styles */

@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */
  src: url('/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/fontawesome-webfont.woff') format('woff'), /* Modern Browsers */
       url('/fonts/fontawesome-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); /* Legacy iOS */
}

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	font-family: 'Droid Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .02em;
    background: #ebece5;
}

p {
    margin: 0 0 10px 0;
    line-height: 22px;
}

p:last-child {
    margin: 0;
}

a:link,
a:visited {
    font-family: 'Droid Sans', sans-serif; /* Reset cached styles from /mb/pub/css/default.css*/
    color: #467ca4;
    text-decoration: none;
    
}

a:hover,
a:active {
    text-decoration: underline;

}

/* Clearfix */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/* General elements */

.btn {
    background: #9ba37e;
    color: #fff;
    padding: 10px 16px;
    display: inline-block;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    transition: all 0.3s;
    -webkit-transition: all 0.3s; /* Safari */
    border-radius: 2px;
}

.btn a,
.btn a:link,
.btn a:visited,
.btn a:hover,
.btn a:active,
a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active {
    color: #fff;
    text-decoration: none;
}

.btn:hover,
.btn:active {
    background: #abb38c;
    text-decoration: none;
}

.readMoreBtn {
    float: right;
    margin: 20px 0 0 0;
}

/* Body */

.mainSiteContainer {
    width: 100%;
}

.container { 
    width: 978px;
    margin: 0 auto;
    position: relative;
}

.twoColumn .sectionContainer {
    width: 978px;
    margin: auto;
}

.mainContent,
.sideContent {
    display: inline-block;
    vertical-align: top;
}

.mainContent {
    width: 100%;
}

.leftContent {

}

.sitemapContent h1 {
    margin-top: 50px;
}

.sitemapContent h1 {
    font-family: 'Droid Serif', 'serif';
    font-size: 36px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 42px;
    margin-bottom: 20px;
}

.sitemapContent > h2 {
    font-family: 'Droid Serif', 'serif';
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .02em;
    margin-top: 10px;
}

.sitemapContent #tree {
    padding-left: 20px;
    line-height: 22px;
    margin-top: 10px;
}

.sitemapContent #tree ul {
    padding-left: 20px;
}

.sitemapContent #tree h2 {
    margin: 10px 0;
}

/* Header */

.topHeader .siteLogo {
    display: inline-block;
    margin: 20px 0;
    vertical-align: middle;
}

.topHeader .siteLogo:hover,
.topHeader .companyName a:hover {
    text-decoration: none;
}

.topHeader .siteLogo img {
    width: 190px;
}

.topHeader .companyName {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.topHeader .companyName span {
    display: block;
}

.topHeader .companyNameLarge {
    font-size: 28px;
    color: #000;
    margin-bottom: 3px;
}

.topHeader .companyNameSmall {
    font-size: 20px;
    color: #94958c;
}

.languageContainer {
    position: absolute;
    top: 20px;
    right: 0;
}

.languageContainer a {
    margin-left: 10px;
    opacity: 0.8;
}

.languageContainer a:hover {
    opacity: 1;
}

/* Navigation */

.mainMenu {
    background: #9ba37e;
}

/* Footer */

.mainFooter {
    position: relative;
    background: #e2e3dc;
    margin-top: 65px;
    padding: 30px 0;
}

.mainFooter h5 {
    font-size: 16px;
    margin-bottom: 10px;
}

.mainFooter .vCard {
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
}

.mainFooter .vCard:nth-child(4) {
    margin: 0;
}

.mainFooter .footerLogo {
    float: right;
    width: 125px;
}

.mainFooter .printLink {
    position: absolute;
    top: -60px;
    right: 0;
    font-size: 13px;
}

.mainFooter .printLink:before {
    content: "\f02f";
    font-family: 'FontAwesome';
    margin-right: 5px;
    /*color: #9ba37e;*/
}

/* Article templates */

.mb_contentitem_container {
    width: 978px;
    margin: 50px auto 0;
    line-height: 22px;
}

.twoColumn .mb_contentitem_container {
    width: auto;
}

.mb_wysiwyg_modules_ShowNHide_area .mb_contentitem_container { /* Fix to remove margin between article icons and content in admin */
    margin-top: 0;
}

.mb_contentitem_container_imagesliderpro:first-child {
    margin: 0;
    width: 100%;
}

.mb_contentitem_container_imagesliderpro {
    line-height: 0;
}

.mainFooter .mb_contentitem_container:first-child {
    margin-top: 0;
}

.articleTemplate_Block,
.articleTemplate_Column,
.articleTemplate_Image {
    display: inline-block;
    vertical-align: top;
}

.articleTemplate_BlockContent {
    background: #fff;
    padding: 35px 30px;
    -webkit-box-shadow: 0 3px rgba(0,0,0,.01);
    box-shadow: 0 3px rgba(0,0,0,.01);
}

.articleTemplate_BlockContent {
    line-height: 22px;
}

.articleTemplate_Container ul,
.articleTemplate_Container ol {
    padding: 0 0 0 40px;
    margin: 15px 0;
}

.articleTemplate_Container img {
    max-width: 100%;
    height: auto;
}

.articleTemplate_Image {
    width: 100%;
}

.articleTemplate_Image img {
    vertical-align: top;
    width: 100%;
}

.articleTemplate_ImageCaption {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #666;
}

.articleTemplate_BlockContent h2,
.articleTemplate_Header h1,
.articleTemplate_Header h2,
.articleTemplate_Header h3 {
    font-family: 'Droid Serif', 'serif';
    font-weight: 400;
    letter-spacing: .02em;
}

.articleTemplate_Header h1 {
    font-size: 36px;
    line-height: 42px;
}

.articleTemplate_Header h2 {
    font-size: 26px;
    line-height: 36px;
}

.articleTemplate_BlockContent h2 {
    font-size: 24px;
    line-height: 26px;
}

.articleTemplate_Header + p {
    margin-top: 20px;
}

.articleTemplate_Header + .articleTemplate_Header {
    margin-top: 5px;
}

.mb_contentitem_container_imagesliderpro + .articleTemplate_IntroContainer {
    margin: 0;
}

.articleTemplate_IntroContainer {
    background: #fff;
    width: 100%;
    padding: 50px 0 30px;
}

.articleTemplate_Intro h1 {
    font-weight: 700;
    line-height: 48px;
}

.articleTemplate_Intro h3 {
    font-size: 24px;
    line-height: 48px;
}

.articleTemplate_Intro .articleTemplate_Column:first-child .articleTemplate_Content p {
    font-size: 16px;
    line-height: 26px;
}

.articleTemplate_Intro .btn {
    font-size: 16px;
}

.bildspel {
	width: 100% !important;
}

/* 978 Grid system */

.col-1 {
    width: 5.5214724%;
}
.col-2 {
    width: 14.1104294%;
}
.col-3 {
    width: 22.6993865%;
}
.col-4 {
    width: 31.2883436%;
}
.col-5 {
    width: 39.8773006%;
}
.col-6 {
    width: 48.4662577%;
}
.col-7 {
    width: 57.0552147%;
}
.col-8 {
    width: 65.6441718%;
}
.col-9 {
    width: 74.2331288%;
}
.col-10 {
    width: 82.8220859%;
}
.col-11 {
    width: 91.4110429%;
}
.col-12 {
    width: 100%;    
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 { 
    margin-left: 3.0674847%;
}

.col-1:first-child,
.col-2:first-child,
.col-3:first-child,
.col-4:first-child,
.col-5:first-child,
.col-6:first-child,
.col-7:first-child,
.col-8:first-child,
.col-9:first-child,
.col-10:first-child,
.col-11:first-child,
.col-12:first-child {
    margin-left: 0;
}