aside { display:inline-block; }
footer a { text-decoration:none; }
h1, .h1 { font-family: Georgia;font-size:26px; }
h2, .h2 { font-family: Georgia;color: #444; }
h3, .h3 { font-family: Georgia; }
.topheadercontainer { color:white;padding:6px 4px 4px 4px; }
.topheadercontainer .innerwrapper .search input[type=text] {
    background: none;
    filter: initial;
    width: 133px;
    padding: 0px 6px 0px 10px;
    border-width: 0px;
    color: #FFFFFF;
    float: left;
    border:0px solid white;
    height: 25px !important;
    line-height: 25px;
    box-shadow: none;
}
.topheadercontainer .innerwrapper .item { display:inline-block;vertical-align: top;margin-top: 2px;margin-right:10px; }
.topheadercontainer .innerwrapper .item a { font-family: 'Yanone Kaffeesatz',sans-serif;    font-size: 18px;color:white;text-decoration:none; }
.topheadercontainer, .topheadercontainer a { font-family: Georgia; }
.topheadercontainer .innerwrapper { text-align:right; }
.wrapper { width:auto;padding:0px 0px 0px 0px; }
.toppagemenu { display:inline-block;float:initial;margin-right:0px; }
.topnavigation { margin-top:28px; }
/*.topnavigation li a { font-family: Georgia;font-size:17px;text-transform:uppercase; }*/
.topnavigation li a { font-family: 'Yanone Kaffeesatz',sans-serif; font-size: 24px; }
#globalSearchTextBox { width:200px; }
.search { display:inline-block;margin-left:12px; }
.PuffItemInnerContent { padding:20px 0px 20px 0px;text-align:center; /* detta kan bli fel i område nummer två. */ }
.footer_wrapper { width:100%;padding:0px 0px 0px 0px; }
.footer { display:inline-block; }
.footer_label { width:96% !important;margin:0px auto !important;margin-bottom:10px !important; }
.clubLinksHtml .firstcolumn, .clubLinksHtml .secondcolumn,
.languageLayer .firstcolumn, .languageLayer .secondcolumn
{
    display:inline-block;
    vertical-align:top;
    width:40%;
}
.clubLinksHtml .secondcolumn, .languageLayer .secondcolumn { margin-left:20px; }
.publisheditemscontaineraside .publisheditem { display:inline-block;vertical-align:top; }
.YoutubeMovieParagraph { width:100%; }
.YoutubeMovieParagraph .innercontainer { position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 0px;height: 0; }
.YoutubeMovieParagraph .innercontainer iframe,
.YoutubeMovieParagraph .innercontainer object,
.YoutubeMovieParagraph .innercontainer embed { position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important; }
.LinkPuffItem { margin-right:2%; }
.LinkPuffItem .PuffText .linkcontainer { padding:2px;display: inline-block;text-align:center;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px; }
.LinkPuffItem .PuffText .linkcontainer input
{
    padding:0px 8px 0px 8px;
    margin: 0px 0 0px 0;
    width:100%;
    color:white;
    border:0px;
    border-radius: 5px;
    font-family: georgia;
    font-size: 15px;
    text-transform: uppercase;
    cursor:pointer;
    height:33px;
    box-sizing: border-box;
    -webkit-appearance: none;
    display:inline-block;
}
.LinkPuffItem .PuffIngress ul { text-align: center;display: inline-block;clear: both;width:75%; }
.LinkPuffItem .PuffIngress li {
    text-align: left;
    list-style-image: none;
    list-style-type: none;
    color: #222 !important;
    font-family: Georgia;
    font-size: 17px;
    text-transform: uppercase;
    padding-bottom: 4px;
}
.LinkPuffItem .PuffIngress li.last { border-bottom-width: 0px; }
.LinkPuffItem .PuffIngress ul li:before { content:"\2713\0020";font-weight:bold;font-size:28px;font-family: Georgia;position: relative;top: 4px;margin-right:2px; }
.BannerPuffItem { margin-bottom:2%;padding:2% !important; }
.BannerPuffItem .h2 { font-size:1.5em !important;margin-bottom:0px; }
.BannerPuffItem .PuffIngress { font-size:20px; }
.ImagePuffItem { display:inline-block;cursor:pointer;max-width: 220px; }
.ImagePuffItem .PuffIngress { border:1px solid #c1c1c1;padding: 4px 4px 0px 4px;    width: 96%; }
.ImagePuffItem .PuffText { font-family: Georgia;font-size:1.5em !important;margin-top:6px; }
.ImagePuffItem img { width:100%; }

/* styling for wide screens only */
@media (min-width:1300px) {
    .container { width: 1300px; }
    .PuffItemInnerContent, .topheadercontainer .innerwrapper { width:1300px;margin:0px auto; }
    .topnavigation li { padding: 3px 18px 5px 6px; }
    .footer { width:1272px;padding:14px 0px 14px 0px; }
    .CustomerReferencePuffItem .PuffIngress { height:105px;display: table-cell;vertical-align:middle; }
    .ImagePuffItem { width: 220px; }
    .toppagemenu { float:left; }
}

/* styling for everything except mobile devices */
@media (min-width:768px) 
{
    .CustomerReferencePuffItem { -moz-background-size: 2px 100%;background-size: 2px 100%;background-position: 0 0, 100% 0;background-repeat: no-repeat;margin-right: 1%; background-color: white !important; }
    .CustomerReferencePuffItem .PuffIngress { padding: 10px;position: relative; }
    .CustomerReferencePuffItem .PuffText { text-align: center;padding: 12px 0px 6px 0px;margin: 0px 2px 0px 2px; }
    .CustomerReferencePuffItem .PuffText h3 { text-transform: none; }
    .CustomerReferencePuffItem .PuffIngress:after { border-top-color: #ffffff;border-width: 20px;margin-left: -20px; }
    .CustomerReferencePuffItem .PuffIngress:before { border-top-color: #ffffff;border-width: 21px;margin-left: -21px; }
    .CustomerReferencePuffItem .PuffIngress:after, .CustomerReferencePuffItem .PuffIngress:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
}

/* styling for low resolution desktop screens and bigger tablets */
@media (min-width:965px) and (max-width:1299px) {
    .PuffItemInnerContent, .topheadercontainer .innerwrapper { width:964px;margin:0px auto; }
    .logo img { width: 210px; /* måste fixas responsivt också */ }
    .topnavigation { margin-top:18px; }
    .topnavigation LI { padding: 3px 12px 5px 6px; }
    .footer { width:937px;padding:14px 0px 14px 0px; }
    .CustomerReferencePuffItem .PuffIngress { height:130px;display: table-cell;vertical-align:middle; }
    .toppagemenu { float:left; }
}

/* quick fix for startmenu in tablets */
@media (min-width:768px) and (max-width:800px) 
{
    .topnavigation li { padding: 3px 3px 3px 2px; }
}

/* styling for tablets */
@media (min-width:768px) and (max-width:964px) {
    .wrapper { width: 100% !important;max-width: 100% !important; }
    .container { width: 100%; }
    .PuffItemInnerContent, .topheadercontainer .innerwrapper { width: 100%;margin: 0px auto; }
    .topheadercontainer .innerwrapper .item { margin-top: 3px; }
    .topheadercontainer .innerwrapper .item a { font-size: 17px; }
    .topnavigation { margin-left: 0px; }
    .topnavigation li { padding: 1px 4px 5px 4px; }
    .topnavigation li a { font-size: 20px; }
    .logo img { width: 178px; }
    .toppagemenu { margin-right: 0px;float:left; }
    .topnavigation { margin-top: 18px; }
    .footer { padding:2%; width:96%; }
    .footer_wrapper h1, .footer_wrapper h2 { font-size:1.2em; }
    .CustomerReferencePuffItem .PuffText img { width:100%; }
    .CustomerReferencePuffItem .PuffIngress { height:170px;display: table-cell;vertical-align:middle; }
}

/* styling for mobile devices, higher screen etc */
@media (min-width:550px) and (max-width:767px) {
    .wrapper { width: 100% !important;max-width: 100% !important; }
    .container { width: 100%; }
    .content { margin-top: 0px; }
    .topheadercontainer { display: none; }
    .PuffItemInnerContent, .topheadercontainer .innerwrapper { width: 100%;margin: 0px auto; }
    .navbar-header { width: 100%; }
    .navbar-header aside { width: 48%;vertical-align: top; }
    .footer { padding: 2%;width: 96%; }
    .footer_label { width: 100% !important;text-align: center; }
    h1, .h1 { width: auto; }
    .clubLinksHtml { display: none; }
    .publisheditem { width: 100% !important; }
    .toppagemenu { display: block !important; }
    #smallheaderlogo { margin-left: 4%; }
    .navbar-toggle { margin-right: 0px; }
    .footerLinks, .footerData { width: 48%; }
    .footerData { width: 30%; margin-left:18%; }
}

/* styling for mobile devices */
@media (max-width:549px) {
    .content { margin-top: 0px; }
    .publisheditem { width: 100% !important; }
    h1, .h1 { width: auto; }
    .clubLinksHtml { display: none !important; }
    .topheadercontainer { display: none; }
    .topheadercontainer .innerwrapper .item { margin-top: 0px; }
    .topheadercontainer .innerwrapper .item a { font-size: 12px; }
    .footer { padding: 2%; width: 96%; }
    .footerData, .footerLinks { width: 49%; }
    .footer_wrapper h2 { font-size: 16px; }
    .navbar-header { width: 100%;margin: 0px !important; }
    .navbar-header aside { width: 48%;vertical-align: top; }
    .toppagemenu { display: block !important; }
    #smallheaderlogo { margin-left: 4%; }
}

/* Some more adjustments for mobile devices */
@media (max-width:767px) 
{
    .LinkPuffItem { margin-right: 0%; }
    .LinkPuffItem .PuffText .linkcontainer { margin: 0px 0px 0px 0px;min-width: 50%; }
    /*.LinkPuffItem .PuffText .linkcontainer input { width:100%; }*/
    .LinkPuffItem .PuffIngress ul { width:90%;margin:0px 0px 0px 0px; }
    .PuffItemInnerContent { padding: 10px 0px 0px 0px; }
    h1, .h1 { margin-bottom: 10px; margin-left: 8px; margin-right: 8px;font-size:20px; }
    .CustomerReferencePuffItem { background-color:white !important;width: 75%;margin: 0px auto; }
    .CustomerReferencePuffItem .PuffText { margin: 10px 0px 10px 0px; }
}

@media (max-width:480px) {
    .CustomerReferencePuffItem .PuffText h3 { font-size:16px;  }
}

/* Style settings for mobile devices with very low resultion */
@media (max-width:370px) {
    h1, .h1, h3, .h3 { font-size:20px !important; }
    .LinkPuffItem .PuffIngress li { font-size:14px; }
    .CustomerReferencePuffItem .PuffText h3 { font-size:16px !important;  }
}

/* Style adjustment for youtube, safari only */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    ::i-block-chrome,.youtubemovielink { font-weight:normal !important; }
}

/************ Section for handling old body template ************/
.oldbodytemplate .homepagesection { background:#DEE0D7 url(/Files/Images/Bamboo/BBO/grey_bg2.jpg) repeat-y;background-color:#DEE0D7 !important;background-position: top right; }
.oldbodytemplate .mainsection .wrapper { /*padding: 12px 8px 16px 8px;*/padding: 0px 0px 1px 0px; }
.oldbodytemplate H1, .oldbodytemplate H2, .oldbodytemplate H3, .oldbodytemplate .h1, .oldbodytemplate .h2, .oldbodytemplate .h3 { font-family: 'Yanone Kaffeesatz',sans-serif; }
.oldbodytemplate h1, .oldbodytemplate .h1 { white-space: normal;font-size:38px; }
.oldbodytemplate #loginFormSubmitButton { font-size: 14px;font-weight: bold;border-width: 0;background-color: #494D35;width:100%;color:white; }
.oldbodytemplate .loginFormSubmitContainer { width:100%; }
.oldbodytemplate .Paragraph_LoginModule { display: inline-block;padding: 2%;margin-top: 35px;background-color: #e6e6e6; color:#000000;}
.oldbodytemplate .Paragraph_LoginModule br { display:none; }
.oldbodytemplate .loginForm select, .oldbodytemplate .loginForm input[type=text], .oldbodytemplate .loginForm input[type=password] { padding-left: 4px;width: 100%;margin-right:0px; }
.oldbodytemplate .RegisterMailForm .form { width:371px; }
.oldbodytemplate .RegisterMailForm #loginFormSubmitButton  { border-width:1px;background-color:#DDDDDD;color:black;font-weight:normal; }
/*.oldbodytemplate .Paragraph_Empty { margin: 34px 12px 0 12px; }*/
.oldbodytemplate .topcontent { margin-top:12px;margin-bottom:12px; }
.oldbodytemplate .homepagesection.hasTopContentStyle { padding-bottom:12px; }

@media (min-width:1300px) 
{
    .oldbodytemplate .wrapper { width:1300px; }
    .oldbodytemplate .Paragraph_66 { width:715px;margin: 26px 12px 0 12px !important; }
    .oldbodytemplate .Paragraph_33 { /*width:30%;*/ width: 557px;margin:0px 0px 0px 0px; }
    .oldbodytemplate .Paragraph_33 img { margin-left:1px;width:100%; } 

    .oldbodytemplate .lesshightopimage  {width:1300px;height:322px;background-size:100%;}
    .oldbodytemplate .Paragraph_LoginModule { width: 28%;}
    .oldbodytemplate .lesshightopimage .text { width:502px !important; }
    .oldbodytemplate iframe { width:1300px; }
    .oldbodytemplate .Paragraph_25_25_25_25, .oldbodytemplate .Puff_25 { margin:12px; }
    .oldbodytemplate .csformcontainerfloatinglayer { width:1299px; }
    .firstcontentcolumn, .secondcontentcolumn { width: 626px !important; }
    /*.oldbodytemplate .CustomerServiceBigBox { width:1276px; }*/
    .oldbodytemplate .IVRBox { width:240px; }
    .oldbodytemplate .RegisterMailForm #loginFormSubmitButton { width:376px; }
    .oldbodytemplate #bottompuffscontent { text-align:center; }
    .oldbodytemplate .mainimage .text A, .oldbodytemplate .mainimage .text A:visited, .oldbodytemplate .mainimage .text A:active { padding: 10px 18px; }
    .oldbodytemplate #loginFormSubmitButton { width:370px; }
}

@media (min-width:965px) and (max-width:1299px) {
    .oldbodytemplate .wrapper { width:964px; }
    .oldbodytemplate .Paragraph_LoginModule { width: 28% !important;}
    .oldbodytemplate iframe { width:964px; }
    .oldbodytemplate .Paragraph_33 { width:346px;margin:0px 0px 0px 0px; }
    .oldbodytemplate .Paragraph_33 img { width:100%; }
    .oldbodytemplate #bottompuffscontent { padding-bottom:12px; }
    .oldbodytemplate #loginFormSubmitButton { width:275px; }
}

@media (min-width:768px) and (max-width:964px) {
    .oldbodytemplate .headerwrapper .innercontainer, .oldbodytemplate .topheadercontainer .innerwrapper  { width:768px !important; }
    .oldbodytemplate .footer { padding: 8px; width: 750px; }
    .oldbodytemplate .wrapper { width:750px !important; }
    .oldbodytemplate .Paragraph_LoginModule { width: 28% !important;}
    .oldbodytemplate .RegisterMailForm #loginFormSubmitButton { width:376px; }
    .oldbodytemplate #bottompuffscontent { padding-bottom:8px; }

    .oldbodytemplate .Paragraph_33 { width:287px;margin:0px 0px 0px 0px; }
    .oldbodytemplate .Paragraph_33 img { width:100%;margin-left:1px; }
    .oldbodytemplate .mainimage  { float:none; }  
    .footer_label { padding: 10px 0px 10px 0px; }
    .headerwrapper .container { padding-right: 0px; }
}

@media (min-width:550px) and (max-width:767px) {
    .oldbodytemplate .wrapper { width:536px !important; }
    .oldbodytemplate .navbar-header { width:550px !important;margin:0px auto; }
    .oldbodytemplate .footer_wrapper { width: 550px; }
    .oldbodytemplate .mainsection .wrapper { padding: 0px 8px 16px 8px; }
    .oldbodytemplate .RegisterMailForm .form { width:100%; }
    .oldbodytemplate .topcontent { padding: 24px 8px 0px 8px;margin-bottom:0px;margin-top:0px; }
    .oldbodytemplate .homepagesection.hasTopContentStyle { padding-bottom:0px; }
    .oldbodytemplate .Paragraph_Empty div { margin:0px 0px 0px 0px !important; }
    .oldbodytemplate .Paragraph_LoginModule { margin-bottom:12px; }
    .oldbodytemplate .CsFormContainer { top:-0px !important; }
    .footer_label { padding: 10px 0px 10px 0px; }
    .headerwrapper .container { padding-right: 0px; }
}

@media (max-width:549px) {
    /*.oldbodytemplate .mainsection .wrapper { padding: 24px 0px 0px 0px; }*/
    .oldbodytemplate .IVRBox { width:130px; }
    .oldbodytemplate .RegisterMailForm .form { width:100%; }
    .oldbodytemplate .topcontent { padding: 24px 0px 0px 0px;margin-bottom:0px;margin-top:0px; }
    .oldbodytemplate .homepagesection.hasTopContentStyle { padding-bottom:0px; }
    .oldbodytemplate .Paragraph_Empty div { margin:0px 0px 0px 0px !important; }
    .oldbodytemplate .Paragraph_LoginModule { margin-bottom:12px; }
    .oldbodytemplate .CsFormContainer { top:-0px !important; }
    .footer_label { padding: 10px 0px 10px 0px; }
    .headerwrapper .container { padding-right: 0px; }
}

@media (max-width: 767px) {
    .oldbodytemplate h1, .oldbodytemplate .h1 {
         margin-left: 0px;
    }
}

@media (max-width:370px) {
    .oldbodytemplate .Paragraph_66 h1, .oldbodytemplate .Paragraph_66 .h1 { font-size:38px !important; }
    .LinkPuffItem .PuffIngress li { font-size:14px; }
    .CustomerReferencePuffItem .PuffText h3 { font-size:16px !important;  }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    /*.LinkPuffItem .PuffText .linkcontainer { border-width:0px;border-radius:0px;  }*/
}


