h1, .h1 {
    font-size: 28px;
}

.box {
    -webkit-backface-visibility: hidden;
}

.box {
    -webkit-transition: translate3d(0,0,0);
}


/*.puffcontent {padding-left:56px;}*/
body {
    background:URL('../images/tile.png') repeat #e5e3e5
}
.navbar-nav {
    float: right;
    margin: 0;
}

.PuffbylineText {
    font-size: 11px;
    word-break:break-all;
}

body#id3 #bottomarea {
    /*max-width: 1000px;*/
    /*border:1px solid red;*/
}
body #bottomarea {
    /*padding:  0 100px*/
    /*max-width: 900px;*/
}

#BottomText .column  {padding-left: 60px; }
#BottomText .column.first  {padding-left: 0px; }

/*#BottomText p { max-width: 700px;}*/
#BottomText {
    /*text-align:  center*/
}
#FinalText {
    clear:both;
    border-top:1px solid #CCC;
    margin-top: 20px;
    padding-top: 20px;

}

#topareaimg {
    width: 100%;;
    /*height: 300px;*/
    /*max-height: 365px;*/   
    float: left;
}


#toparea {overflow: hidden;  position: relative;}
#toparea  {
    /*display: none;*/

}
#topmain {
    position: relative;
    top:0px;
    /*height: 365px;*/
    min-height: 100px;
}


#topareapic {
    /*height: 365px;*/
    float:right;

    /*padding: 20px;*/
    position: absolute;
    /*left:50px;*/
    right:2%;
    top:10px;
    opacity: 1;
    /*display: none;*/
    /*opacity:1;*/
    /*border:1px solid red*/
}
#topareatext {
    z-index: 999;
    /*height: 365px;*/
    float:left;
    color:#FFF;
    /*padding: 20px;*/
    position: absolute;
    /*left:50px;*/
    left:2%;
    top:10px;
    opacity: 1;
    margin-top: 20px;
    /*display: none;*/
    /*opacity:1;*/
    /*border:1px solid red*/
}

#topareatext   {width: 97%} 

#topareapic {margin-top:30px}
body#id2 #topareapic {margin-top:0px;opacity: 0.3}

#topareapic img {

    /*    height: 100%;
        width: auto;*/

    /*max-width:100%;*/ 
    /*max-height:100%;*/
    margin:auto;
    display:block;
}

body#id1.Page div#bottomarea.container h2 {
    font-size: 22px;
    margin-bottom: 20px;
    max-width: 460px;
}
html body#id1.Page div#bottomarea.container div#BottomText div.last {
    position: relative;
    top:-80px;
}

html body#id1.Page div#bottomarea.container div#BottomText div.first h2 {
    font-size: 2px;
    margin: 0px;
    margin-bottom:  20px;
    display: inline
}
html body#id2.Page div#wrap div#toparea div#topmain.container div#topareatext div.row div#Content.col-md-5 h1 {
    color:#664864;
    color:#83657f;
    color:#Ae82a8;
}

#Content p {color:#e9e9e9}

div.row div#Content.col-md-5 {
    padding-right: 30px;
}

#itemholder {
    height:100px;
    position: relative;
    margin: 0 auto;
    position: relative;
    top: 0;
    left:0;
    width: 75%;
    text-align: center;
    /*margin-bottom: -85px;*/
    /*border: 1px solid;*/
}

body#id10  #itemholder {
    padding-top: 50px;
    margin-bottom: -85px;
    width: 99%
}

#itemholderinner {
    /*float: left;*/
    margin: 0 auto;
    padding-top: 46px;  
    display:inline-block; 
    /*border:1px solid red;*/
}

.item {
    opacity: 0;
    text-align: center;
    /*border:1px solid ;*/
    z-index: 1;
    /*float:left;*/
    white-space: nowrap;
    padding: 20px;
    /*position: relative;*/
    /*left:0px;*/
    /*top:100px;*/
}
.item img {
    /*display: inline-block;*/
    /*margin:0 auto;*/
    /*position: relative;*/
    /*left: 0;*/
}

.obj {
    display: block;
    text-align: center;
    z-index: 1;
    width: 100%;
    float:left;
    white-space: nowrap;
    padding: 20px;
    position: absolute;
    /*    left:50px;*/
    top:130px;
    opacity: 0;
    /*display: none;*/
    /*opacity:0;*/
    /*top:150px;*/
    /*border:1px solid red*/
}


.obj img {
    /*    width: 100%;
        height: auto;*/
}
.obj.flytext  {

    white-space: nowrap;
    color:#FFF
}


#topnavrow {
    height: 120px;
}
#topnavrow div{
    height: 100%;
}

#topmidlogo img {
    float: left;
    position: absolute;

}
.topcol {
    display: inline-block;
    float:left;

}
#topleftnav , #toprightnav {
    width:50%;
    /*max-width: 39%;*/
    /*background-color: #FF3*/
}

#topleftnav {padding-left: 20px;}
#toprightnav {padding-right: 20px}
#toprightnav {float: right}

#topmidlogo {
    margin: 0 auto;
    width:22%;    
    min-width: 200px;
}


#topmidlogoimage {
    /*border: 1px solid red;*/
    margin: 0 auto;
    position: relative;
    width: 80%;
    z-index: 555;

}
#topmidlogoimage img{
    /*width: 100%*/
    width: 200px;

}
/*#bottomarea {position: relative}*/

ul.halfnav  {
    margin: 0;
    padding: 0;
    position: relative;
    top: 80px;
}

#toprightnav ul.halfnav {
    float: right
}

ul.halfnav li {
    float: left;
    list-style: none;
    padding: 0 20px;
}

ul.halfnav li a:hover {
    text-decoration: none
}
ul.halfnav li a {
    text-transform: uppercase;
    color:#797979;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 23px;
}
ul.halfnav li.active a {
    color:#4b547e
}
#topleftnav ul.halfnav li:last-child {padding-right: 0}
#toprightnav ul.halfnav li:first-child {padding-left: 0}

#sticker {
    margin: 0 auto -150px;
    width: 156px;
    height: 156px;
    background-image: url(../images/sticker.png);
    position: relative;
    /*top:-78px;*/
    top:-177px;
}

#stickertext {
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 38px;
    font-weight: bold;
    line-height: 1.5em;
    margin-top: -60px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

html body#id10.Page div#bottomarea.container div#puffs.row {display: none;}




.puffs  {clear:both}

body#id2 .puff .exempel {

}

body#id2 .puff .exempel a {
    display: inline-block;
    background: url("../images/exempel.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 24px;
    width: 35px;
    color:transparent;

    /*color:#541843;*/
    /*float:left;text-indent:-9999px;*/    
}

body#id2 .puff .exempel a:hover {opacity: 0.2}
.puff .exempel{
    position: relative;
    top:-5px;
    /*right:20px;*/
    float: right;
}

.puff.odd {
    clear:left;
}

.puff .PuffImage {
    float: left;
    margin-right: 5%;
    margin-left: 7px;
    margin-top: 7px;
    margin-bottom: 3px;
}
.puff .LinkIcon {
    display: inline-block;
    width: 50px;
    position: relative;
    top:-5px;
}


.puff h3 {
    display: inline-block;
    color:#636363;
    margin-bottom: 5px;
}

h3.inlinepuffheader { display: none;}
body#id3 h3.commonpuffheader {    display: none;}
body#id3 h3.inlinepuffheader {    display: block;}
body#id3 .puff   {    margin-bottom: 20px;}

#top {
    position: relative;
    z-index: 5;
    background-color: #FFF;
    /*z-index: 999*/
}
#top * {
    z-index: 999
}



/*MEDIA Q MEDIA Q MEDIA Q MEDIA Q MEDIA Q MEDIA Q MEDIA Q MEDIA Q MEDIA Q MEDIA Q MEDIA Q MEDIA Q MEDIA Q */


@media (max-width: 990px) {


    ul.halfnav {position: static}
    /*.obj {display: none!important}*/ 

    #top {background-color: #DFDFE1}

    #topmidlogo {
        /*background-color: #797979;*/
        display: block;
        width: 100%;
    }

    #topmidlogoimage  {
        width: 100%;
        /*        clear:both;
                margin: 0 auto;*/
    }


    #topmidlogoimage img {
        float: none;
        position: static;
        display: block;
        margin: 0 auto;
        width: 200px;
    }

    #topmidlogoimage img {

        margin: 0 auto;
        position: static;
        width: 20%;
        max-width: 150px;
        min-width: 100px;
    }
    ul.halfnav li {padding:0 18px}
    ul.halfnav li a {
        font-size: 16px;
    }
    #topnavrow {
        height: 50px;
        padding-top: 15px;
    }

}


#btm {
    clear: left;
    margin-top: 125px;
    padding-bottom: 20px;
    position: absolute;
    /*bottom: 0;*/
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#btm h3 {
    margin:0;
    font-size: 30px;
}
#btm h3#b1 {
    color:#797979!important;
}







@media (max-width: 600px) {
    ul.halfnav li {padding:0 12px}

    ul.halfnav li a {
        font-size: 14px;
    }
}


@media (max-width: 1004px) {


}


@media (max-width: 850px) {
    html body#id1.Page div#bottomarea.container h2 {max-width: 100%!important}
    .column p {display: inline!important}
    .column {
        /*border:1px solid red;*/
        width: 100%!important;;
        float:none!important;
        position: static!important;
        padding:0!important;
        display: inline;
    }


    .puffsep {display: none;}
    .puff {clear:both}


    #topareapic   {
        display: none
    }
    .item  {
        /*border: 1px solid red;*/
        /*max-width: 140px!important;*/

    }
}


@media (max-width: 1100px) {

    html body#id1.Page div#bottomarea.container h2 {
        max-width: 360px;
    }


    .item  {
        /*border: 1px solid red;*/
        max-width: 170px!important;
        /*max-width: 180px!important;*/

    }


    #itemholderinner {
        padding-top: 20px;
    }
}


@media (max-width: 1246px) {
    #obj16, 
    #obj17, 
    #obj18, 
    #obj19 {
        display: none!important;
    } 

}

@media (max-width: 760px) {


    #itemholder {display: none}
    #itemholder {margin-top:55px;position: relative;left: -40px;}
    #sticker {display: none}


    #toparea {
        background-color: #0083C8;
        max-height: auto;
    }

    body#id2 #toparea {
        background-color: #350E2E!important;
    }

    #topareaimg {
        max-height: auto;
        opacity: 0;
    }
    
      body#id3  #topareaimg ,
      body#id10  #topareaimg ,
      body#id15  #topareaimg ,
      body#id1  #topareaimg {
        max-height: 100px;
        opacity: 0;
    }
}



@media (max-width: 500px) {

    #topleftnav,#toprightnav {padding:0}

    ul.halfnav li {
        /*                    float: none;
                            display: inline;*/
        padding-left:6px!important;
        padding-right:6px!important;
    }
    ul.halfnav li a {
        font-size: 13px!important;
    }
}
@media (min-width: 780px) {


    ul.halfnav li:last-child {padding-right: 0}
    ul.halfnav li:first-child {padding-left: 0}
}
@media (max-width: 420px) {
     ul.halfnav li a {
        font-size: 11px!important;
    }
}