/*
    Samma stil förekommer både för H1 och H2 taggen det går inte att sätta dessa i samma exempelvis h1,h2{some styling} då spricker tinymcescriptet    
    
*/
h1
{
    font-size: 2.1em; 
    line-height: 1.2em; 
    /*color: #006699;*/ 
    font-weight: normal; 
    padding: 0;
    margin: 0.2em 0; 
    word-break:break-word;
}
h2, .h2 {
    font-size: 1.4em;
    /*color: #006699;*/
    font-weight: normal;
    padding: 0;
    margin: 0.2em 0;
    word-break: break-word;
}
h3, .h3 {
    font-weight: bold;
    font-size: 1.18em;
    padding: 0;
    margin: 0.4em 0;
    word-break: break-word;
}
h4, .h4 {
    font-weight: bold;
    font-size: 1em;
    padding: 0;
    margin: 0.4em 0;
}
.introduction {
    font-style: normal;
    font-weight: 400;
    font-size: 1.188em;
}

/* links (dont use a.xxx for backw comp) */

/*.bulletLink,
.main-body .bulletLink {
    background:url(/static/img/bullet_right.png) 0 4px no-repeat;
    padding-left:18px;
    text-decoration:none;
    font-weight:bold;
    display:inline-block;
}*/
.bulletLink {
    /*padding-left: 14px;*/
    padding-bottom: .1em;
    font-weight: 500;
    word-break:break-word;
    text-decoration:none;
}
.bulletLink:before {
    display: inline-block;
    content: ' ';
    background: url(/static/img/ico_arrow-right.svg) 0 2px no-repeat;
    /*background-size: 14px;*/
    height: 14px;
    width: 14px;
    margin-right: 6px;
    transition: all .1s ease-in-out;
}
.bulletLink:hover {
    text-decoration:underline;
}
.bulletLink:hover:before {
    background-position-y: 1px;
    width: 16px;
/*    opacity: .3;
*/}
.carousel-caption .bulletLink:hover:before {
    opacity: .5;
}
/*footer .bulletLink:hover:before {
    background: url(/static/img/ico_arrow-right-inverted.svg) 0 2px no-repeat;
    opacity: 1;
}*/

.rssLink {
    background:url(/Static/img/rss.png) left center no-repeat;
    padding-left:18px;
    text-decoration:none;
    font-weight:bold;
    display:inline-block;
}
.rssLink:hover {
    text-decoration:underline;
}

/* images */
img.imgLeft {
    float:left;
    margin-right:15px;
}
img.imgMiddle {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
img.imgRight {
    float:right;
    margin-left:15px;
}



/*//Margin bottom 0
*/ .mb-0 {
    margin-bottom: 0px;
}

/*  Margin stop 0
*/ .mt-0 {
    margin-top: 0px;
}

   .mb-8{
       margin-bottom:.5rem;
   }

    .mt-8 {
        margin-top: .5rem;
    }

    .mb-16 {
        margin-bottom: 1rem;
    }

    .mt-16 {
        margin-top: 1rem;
    }

    .mr-16 {
        margin-right: 1rem;
    }

    .ml-16 {
        margin-left: 1rem;
    }

div.mitt-panel {
    border-top: 2px solid #707070;
}

    div.mitt-panel p, div.mitt-panel h2 {
        padding: 5px;
        padding-left: 7px;
    }

div.mitt-panel-1 {
    background-color: #f5f5f5;
}

div.mitt-panel-2 {
    background-color: #eef7ff;
}

div.mitt-panel-3 {
    background-color: #fdf9ea;
}

div.mitt-panel-4 {
    background-color: #f4fff8;
}