@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700';
@import 'https://fonts.googleapis.com/css2?family=Roboto&display=swap';
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100..900&family=Caveat:wght@400..700&family=Lexend:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Chicle&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap');


/***********************************************************/
body {
    font-family: 'Roboto','Titillium Web', Arial, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

strong {
    font-weight: 900;
}

/*  SITE LAYOUT  *******************************************/
.sitecontent {
    /*  BODY  */
    padding: 0;
    background-color: #fff;
    font-family: 'Roboto','Titillium Web', Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: /*Color*/#000000/*Color*/;
    /*  TEXT  */
    /*  MENU  */
    /*  SUBMENU  */
    /*  SEARCH */
    /*  FLASH  */
    /*  LANGUAGES  */
    /*  FRONTPAGELINKS  */
    /*  FOOTER */
    /*  USER SET  */
}

    .sitecontent h1,
    .sitecontent h2,
    .sitecontent h3,
    .sitecontent h4,
    .sitecontent h5,
    .sitecontent h6 {
        float: left;
        width: 100%;
        font-family: 'Big Shoulders Display', Arial, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: 300;
    }

    .sitecontent h1 {
        font-size: 40px;
        color: /*HeadlineColor*/#000000/*HeadlineColor*/;
        margin-bottom: 15px;
        font-weight: 900;
        font-family: 'Cardo';
    }

        .sitecontent h1.subpage {
            font-size: 40px;
            margin: 0;
            padding: 0;
            color: white;
        }


    .sitecontent h2 {
        font-size: 30px;
        color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
        margin-bottom: 12px;
        font-family: 'Roboto';
        font-weight: bold;
    }


        .sitecontent h2.subpage {
            font-size: 40px;
            margin: 0;
            padding: 0;
            color: white;
        }


    .sitecontent h3 {
        font-size: 20px;
        line-height: 24px;
        color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
        margin-bottom: 12px;
    }

    .sitecontent h4 {
        font-size: 18px;
        line-height: 18px;
        color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
    }

    .sitecontent h5 {
        font-size: 16px;
        line-height: 16px;
        color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
    }

    .sitecontent h6 {
        font-size: 14px;
        line-height: 14px;
        color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
    }

    .sitecontent .flash .cycle-slide .rotationText1 {
        font-family: 'Big Shoulders Display', Arial, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    }

    .sitecontent .flash .cycle-slide .rotationText2 {
        font-family: 'Big Shoulders Display', Arial, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    }


    .sitecontent .forumLink {
        color: /*MenuColor*/#11283A/*MenuColor*/;
        background-color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
        font-size: 16px;
        padding: 10px;
        border-radius: 6px;
    }

    .sitecontent .siteWrapper {
        background-color: /*BgColor*/#F7F7F7/*BgColor*/;
        /*max-width: 940px;*/
        margin: auto;
        /*padding: 10px 0;*/
    }

    .sitecontent .TopLogo {
        padding: 10px 0;
    }

    .sitecontent #siteNameWrapper h1 {
        font-size: 40px;
        color: /*HeadlineColor*/#000000/*HeadlineColor*/;
        margin: 0;
        font-weight: normal;
        float: none;
        width: auto;
        display: inline-block;
    }

    .sitecontent .sectionSeparator {
        display: none;
        height: 20px;
        background-color: /*CustomColor*/#F7F7F7/*CustomColor*/;
    }

    .sitecontent .lineSeparator {
        height: 1px;
        background-color: /*BorderColor*/#F6F6F6/*BorderColor*/;
    }

    .sitecontent .smallVerticalSpace {
        margin-bottom: 15px;
    }

    .sitecontent .topBanner img {
        width: 100%;
    }

    .sitecontent .logoutWrapper {
        text-align: right;
        padding: 5px 0;
    }

    .sitecontent .frontTextAndBannerWrapper {
        display: table;
    }

        .sitecontent .frontTextAndBannerWrapper > div {
            display: table-row;
        }

        .sitecontent .frontTextAndBannerWrapper .text {
            display: table-cell;
            vertical-align: middle;
        }

        .sitecontent .frontTextAndBannerWrapper .banner {
            display: table-cell;
            vertical-align: middle;
            width: 220px;
            padding: 15px 0;
            text-align: right;
        }

@media screen and (max-width: 700px) {
    .sitecontent .frontTextAndBannerWrapper > div {
        display: block;
    }

    .sitecontent .frontTextAndBannerWrapper .text {
        display: block;
        width: 100%;
    }

    .sitecontent .frontTextAndBannerWrapper .banner {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.sitecontent .clear {
    margin: 0 !important;
    clear: both !important;
    float: none !important;
}

#myHeader > div.menuWrapper > div.menu > ul > li:first-child {
    display: none !important;
}

.flex-header .flex-navigation-item .menu ul li:first-child {
    display: none !important;
}

.sitecontent a {
    color: /*LinkColor*/#11283A/*LinkColor*/;
    text-decoration: none;
}


    .sitecontent a:hover {
        color: /*LinkHoverColor*/#02542A/*LinkHoverColor*/;
    }

.sitecontent sup {
    vertical-align: top;
    line-height: 0;
}

.sitecontent sub {
    vertical-align: bottom;
    line-height: 0;
}

.sitecontent .standardTable td {
    padding: 4px 4px 4px 0;
}

.sitecontent .menu {
    background: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
    /* 	min-height:0px; */
}

    .sitecontent .menu ul {
        text-align: right;
    }

    .sitecontent .menu li {
        /* height: 40px; */
        display: inline-block;
    }

        .sitecontent .menu li a {
            padding: 0px 15px;
            line-height: 40px;
            color: /*MenuColor*/#11283A/*MenuColor*/;
            text-decoration: none;
            display: block;
            font-size: 19px;
            text-transform: inherit;
            font-family: 'Roboto', Arial, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
        }

            .sitecontent .menu li a:hover {
                color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
            }

        .sitecontent .menu li.selected a {
            color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
        }


.sitecontent .submenu {
    clear: both;
}

    .sitecontent .submenu h1 {
        display: none;
    }

    .sitecontent .submenu ul li {
        border-bottom: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        background-color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
        margin-bottom: 5px;
    }

        .sitecontent .submenu ul li a {
            text-align: left;
            display: block;
            padding: 15px 6px;
            color: /*MenuColor*/#11283A/*MenuColor*/;
            font-size: 16px;
        }

            .sitecontent .submenu ul li a:hover {
                text-decoration: none;
                color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
            }

        .sitecontent .submenu ul li:first-child {
            border-top: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        }

        .sitecontent .submenu ul li.selected a {
            color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
        }

        .sitecontent .submenu ul li.open {
            border-top: none;
        }

        .sitecontent .submenu ul li i {
            padding-left: 20px;
            display: block;
            font-style: normal;
        }

.sitecontent .search {
    width: auto;
    float: left;
}

.sitecontent .flash {
    overflow: hidden;
}

    .sitecontent .flash images {
        position: relative;
        overflow: hidden;
    }

.sitecontent .languages {
    float: right;
    margin-bottom: 5px;
}

    .sitecontent .languages li {
        float: left;
        margin-left: 8px;
    }

.sitecontent .frontpagelinks > a {
    display: block;
    font-size: 16px;
}

.sitecontent .frontpagelinks h3 a {
    text-decoration: none;
}

    .sitecontent .frontpagelinks h3 a:hover {
        color: /*LinkHoverColor*/#02542A/*LinkHoverColor*/;
        text-decoration: underline;
    }

.sitecontent .footerWrapper {
    background: /*FooterBgColor*/#11283A/*FooterBgColor*/;
}

.sitecontent .footer {
    color: /*FooterColor*/#FFFFFF/*FooterColor*/;
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 22px;
}

    .sitecontent .footer h2,
    .sitecontent .footer a {
        color: /*FooterLinkColor*/#CFBB7D/*FooterLinkColor*/;
    }

        .sitecontent .footer a:hover {
            color: /*FooterLinkHoverColor*/#AB9A67/*FooterLinkHoverColor*/;
            text-decoration: none;
        }

    .sitecontent .footer .bottomLogo {
        margin-top: 10px;
    }

    .sitecontent .footer .contactInfo ul {
        text-align: center;
    }

        .sitecontent .footer .contactInfo ul li {
            display: inline-block;
            margin: 6px;
        }

#liPhone2 a img {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    /* Adjust margins as needed */
}

    #liPhone2 a img.socialIcon {
        /* filter: brightness(0) saturate(100%) invert(76%) sepia(36%) saturate(600%) hue-rotate(30deg) brightness(99%) contrast(95%); */

        filter: /*FooterSocialIcons*/ brightness(0) saturate(100%) invert(59%) sepia(34%) saturate(376%) hue-rotate(7deg) brightness(96%) contrast(93%) /*FooterSocialIcons*/;
        /*https://cssfilterconverter.com/ conventer hex til ?bent?ende v?rdier*/
    }

        #liPhone2 a img.socialIcon:hover {
            filter: /*FooterSocialIconsHover*/ brightness(0) saturate(100%) invert(51%) sepia(6%) saturate(2215%) hue-rotate(8deg) brightness(95%) contrast(91%) /*FooterSocialIconsHover*/;
        }

.link {
    display: flex;
    align-items: center;
    text-decoration: none;
    /* Optional: Remove underline */
    color: inherit;
    /* Optional: Inherit text color */


    filter: /*TopMenuIcons*/ brightness(0) saturate(100%) invert(59%) sepia(34%) saturate(376%) hue-rotate(7deg) brightness(96%) contrast(93%) /*TopMenuIcons*/;
}

    .link:hover {
        display: flex;
        align-items: center;
        text-decoration: none;
        /* Optional: Remove underline */
        color: inherit;
        /* Optional: Inherit text color */


        filter: /*TopMenuIconsHover*/ brightness(0) saturate(100%) invert(51%) sepia(6%) saturate(2215%) hue-rotate(8deg) brightness(95%) contrast(91%) /*TopMenuIconsHover*/;
    }

.link2 {
    filter: /*TopMenuIcons*/ brightness(0) saturate(100%) invert(59%) sepia(34%) saturate(376%) hue-rotate(7deg) brightness(96%) contrast(93%) /*TopMenuIcons*/;
}

    .link2:hover {
        filter: /*TopMenuIconsHover*/ brightness(0) saturate(100%) invert(51%) sepia(6%) saturate(2215%) hue-rotate(8deg) brightness(95%) contrast(91%) /*TopMenuIconsHover*/;
    }


.sitecontent .footer .copyright {
    margin-top: 40px;
    text-transform: uppercase;
}

    .sitecontent .footer .copyright ul {
        text-align: center;
    }

        .sitecontent .footer .copyright ul li {
            display: inline-block;
        }

        .sitecontent .footer .copyright ul + ul {
            font-size: 12px;
        }

.sitecontent .space {
    /*margin-top: 30px;*/
}

.sitecontent .cycle-pager {
    text-align: center;
    display: none;
}

    .sitecontent .cycle-pager span {
        color:
        /*Color*/
        #EDEAD5
        /*Color*/
        ;
        display: inline-block;
        font-size: 36px;
        float: none;
        width: auto;
        cursor: pointer;
        line-height: 100%;
    }

    .sitecontent .cycle-pager .cycle-pager-active {
        color:
        /*HeadlineColor*/
        #EDEAD5
        /*HeadlineColor*/
        ;
    }

/***********************************************************/
#divPageContents > div {
    color: /*Color*/#000000/*Color*/;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

#divPageContents .editContents {
    margin-bottom: 0;
}

/*  CONTENT LAYOUT  ****************************************/
.subcontent {
    /*  PAGEOPTIONS  */
    /* FAQ */
    /*  INPUT MODULS  */
    /*  IMAGE MODULS  */
    /*  NEWS MODULS  */
    /*  NEWS VIEW  */
    /*  PRODUCT MODULS  */
    /*  PRODUCT VIEW  */
    /*  GALLERY MODULS  */
    /* content width - margin*3 / 4 images */
    /*  LOGIN MODULS  */
    /*  FILE MODULS  */
    /*  CALENDAR MODULS  */
    /*  GUESTBOOK MODULS  */
    /* content width - margin*2 - submit width - margin - error div width / 2 inputs */
    /* DEALER  MODULS  */
    /* content width - margin*3 / 4 images */
    /*  FAMILY MODULS  */
    /* HORSE VIEW */
    /* WYSIWYG */
    /*  COUNTER MODULS  */
    /*  VIDEO MODULS  */
    /*  ADD THIS MODULS  */
    /*  HOMEMODULE  */
    /* MAILLIST */
}

    .subcontent > div {
        clear: both;
        margin-bottom: 22px;
    }

        .subcontent > div > span {
            margin-bottom: 22px;
        }

    .subcontent #pageContents_divPageOptions {
        float: left;
        clear: both;
        padding-bottom: 10px;
        margin-bottom: 22px;
    }

        .subcontent #pageContents_divPageOptions > span {
            margin-left: 20px;
            float: right;
            cursor: pointer;
        }

        .subcontent #pageContents_divPageOptions span span {
            float: left;
            display: block;
            line-height: 16px;
            margin-left: 5px;
        }

            .subcontent #pageContents_divPageOptions span span:hover {
                color: /*LinkHoverColor*/#02542A/*LinkHoverColor*/;
            }

        .subcontent #pageContents_divPageOptions span img {
            float: left;
        }

    .subcontent .faq-question h1 {
        font-size: 16px !important;
        padding: 10px 0;
        cursor: pointer;
        text-transform: none !important;
        margin-bottom: 0px;
        float: none;
    }

        .subcontent .faq-question h1 img {
            vertical-align: middle;
            padding-right: 5px;
        }

    .subcontent .faq-question .faq-answer {
        display: none;
        padding: 0 0 10px 20px;
        color: #646464;
    }

    .subcontent input[type=text],
    .subcontent input[type=password],
    .subcontent textarea,
    .subcontent input[type=submit],
    .subcontent input[type=button],
    .subcontent button {
        outline: none;
        border: 1px solid
        /*BorderColor*/
        #D6D6D6
        /*BorderColor*/
        ;
        height: 24px;
        width: 178px;
        float: left;
        padding: 5px 10px;
        color: /*Color*/#000000/*Color*/;
        background: /*BgColor*/#F7F7F7/*BgColor*/;
        border-radius: 2px;
    }

    .subcontent .field {
        float: left;
        position: relative;
        width: 200px;
    }

        .subcontent .field:first-child {
            margin-right: 10px;
        }

        .subcontent .field + .field input {
            *margin-left: -10px;
        }

    .subcontent input:focus,
    .subcontent textarea:focus {
        border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
    }

    .subcontent input[type=submit],
    .subcontent input[type=button],
    .subcontent button {
        filter: chroma(color=#000000);
        width: auto;
        height: 36px;
        color: /*HeadlineColor*/#000000/*HeadlineColor*/;
        cursor: pointer;
    }

        .subcontent input[type=submit]:active,
        .subcontent input[type=button]:active,
        .subcontent button:active {
            border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
            background: /*BgColor*/#F7F7F7/*BgColor*/;
            color: /*HeadlineColor*/#000000/*HeadlineColor*/;
        }

        .subcontent input[type=submit]:hover,
        .subcontent input[type=button]:hover,
        .subcontent button:hover {
            border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
        }

    .subcontent .watermark {
        position: absolute;
        margin: 7px 10px;
        color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
        left: 0px;
    }

        .subcontent .watermark label {
            cursor: text;
        }

    .subcontent select {
        border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        outline: none;
        height: 24px;
        padding: 5px 10px;
        color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
        background: /*BgColor*/#F7F7F7/*BgColor*/;
        border-radius: 2px;
    }

    .subcontent .textAndImage span {
        float: left;
        width: 100%;
    }

        .subcontent .textAndImage span img {
            border-radius: 2px;
            width: 100%;
            margin-bottom: 5px;
        }

        .subcontent .textAndImage span.fl {
            margin: 0px 20px 20px 0px;
            float: left;
            width: 50%;
        }

        .subcontent .textAndImage span.fr {
            margin: 0px 0px 20px 20px;
            float: right;
            width: 50%;
            text-align: center;
        }

    .subcontent .textAndImage span {
        text-align: center;
    }


        .subcontent .textAndImage span i {
            padding-top: 2px;
            font-size: 15px;
            line-height: 20px;
        }

    .subcontent .singleImage span,
    .subcontent .twoImages span {
        float: left;
        width: 100%;
    }

        .subcontent .singleImage span img,
        .subcontent .twoImages span img {
            border-radius: 2px;
            width: 100%;
            margin-bottom: 5px;
            max-width: 1400px !important;
        }

        .subcontent .singleImage span i,
        .subcontent .twoImages span i {
            padding-top: 2px;
            font-size: 15px;
            line-height: 20px;
        }

    .subcontent .news {
        float: left;
        margin-bottom: 22px;
    }

        .subcontent .news .newssearch {
            float: none;
            display: block;
            width: 100%;
        }

            .subcontent .news .newssearch .field,
            .subcontent .news .newssearch input[type=submit] {
                margin-top: 6px;
            }

        .subcontent .news .newspage {
            float: left;
            text-align: center;
            padding-top: 10px;
            height: 28px;
            display: block;
        }

            .subcontent .news .newspage a {
                padding: 5px 10px;
                text-align: center;
                background: /*BgColor*/#F7F7F7/*BgColor*/;
                display: inline-block;
                border: 1px solid solid;
            }

                .subcontent .news .newspage a:hover {
                    text-decoration: none;
                    color: /*LinkHoverColor*/#02542A/*LinkHoverColor*/;
                    border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
                }

                .subcontent .news .newspage a.active {
                    color: /*LinkColor*/#11283A/*LinkColor*/;
                }

                .subcontent .news .newspage a:active {
                    background: /*BgColor*/#F7F7F7/*BgColor*/;
                    color: /*LinkColor*/#11283A/*LinkColor*/;
                }

    .subcontent .newslist {
        float: left;
        width: 100%;
    }


/*flexbox news start*/

.newslist-flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    /* Add space between items, or use 'center', 'flex-start' */
}

.limited-text {
    display: -webkit-box; /* Flexbox-like layout for WebKit browsers */
    -webkit-line-clamp: 2; /* Limits text to 3 lines in WebKit browsers */
    -webkit-box-orient: vertical; /* Vertical orientation of the lines */
    overflow: hidden; /* Ensures the overflow is hidden */
    text-overflow: ellipsis; /* Adds '...' at the end of truncated text */
    line-height: 1.5; /* Adjust line height, adjust based on your needs */
    max-height: calc(1.5em * 2); /* Fallback for non-WebKit browsers */
    word-break: break-word; /* Handle long words */

    padding: 25px 5px 5px 25px;
}

.limited-text2 {
    display: -webkit-box; /* Flexbox-like layout for WebKit browsers */
    -webkit-line-clamp: 2; /* Limits text to 3 lines in WebKit browsers */
    -webkit-box-orient: vertical; /* Vertical orientation of the lines */
    overflow: hidden; /* Ensures the overflow is hidden */
    text-overflow: ellipsis; /* Adds '...' at the end of truncated text */
    line-height: 1.5; /* Adjust line height, adjust based on your needs */
    max-height: calc(1.5em * 2); /* Fallback for non-WebKit browsers */
    word-break: break-word; /* Handle long words */
    padding-left:10px;
    padding-right: 10px;
}


.newslist-flex-item {
    display: flex;
    flex-direction: column; /* Stacks the children vertically */
    flex-basis: calc(33.33% - 10px); /* 1/3 of the container width */
    margin: 5px;
    box-sizing: border-box;
    justify-content: center;
    border: solid 1px /*NewsBorderline*/#F7F7F7/*NewsBorderline*/;
    background-color: /*NewsBgColor*/#FFFFFF/*NewsBgColor*/;
}

.item-content {
    align-items: center; /* Center vertically */
    text-align: center;
    color: /*NewsTextColor*/#000000/*NewsTextColor*/ !important;
}

.goldLine {
    background-color: #CFBB7D;
    width: 100%;
    height: 10px;
}

.blueBG2 {
    background-color: #11283A;
    height: 60PX;
    padding: 20px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.blueBG {
    background-color: #11283A;
    padding: 20px;
    height: 60PX;
    display: flex;
    justify-content: center;
}


.item-content a.newsHeadline {
    color: /*NewsHeadline*/#FFFFFF/*NewsHeadline*/ !important;
 
    font-family: 'Cardo','Roboto','Titillium Web', Arial, Helvetica, sans-serif;
}


@media (max-width: 959px){

        .newsview .newsHeadline-h2 
        {
        font-size: 30px;
   
        }
  }

  @media (min-width: 960px){

    .newsview .newsHeadline-h2 
    {
    font-size: 40px;
    
    }
}




.item-content a.btnGreen {
    color: /*NewsLink*/#FFFFFF/*NewsLink*/
}

    .item-content a.btnGreen:hover {
        background-color: /*NewsLinkBgHover*/#11283A/*NewsLinkBgHover*/
    }





.item-content:nth-child(2) {
    /* margin-top: auto; */
    /* Pushes Item 2 to the middle */
}

.item-content:last-child {
    margin-top: auto;
    /* Push last item to the bottom */
}

.item-content-img {
    width: 100%; /* Ensures the image takes up the full width of the parent */
    min-width: 100%;
    height: 200px; /* Set a fixed height for the image container */
    max-height: 200px;
    object-fit: cover; /* Makes the image cover the entire area */
}

a.btnGreen {
    background-color: /*NewsLinkBg*/#11283A/*NewsLinkBg*/;
    padding: 5px 30px 5px 30px;
}


@media (max-width: 800px) {
    .newslist-flex-container {
        justify-content: center;
        gap: 30px;
    }

    .newslist-flex-item {
        flex-basis: 90%; /* Take full width on mobile */
        margin: 5px 0; /* Add vertical space between items */
    }
}

@media (max-width: 768px) {
    .item-content-img {
        max-width: 100% !important;
        height: 200px; /* Set a fixed height for the image container */
        max-height: 200px;
        object-fit: cover; /* Makes the image cover the entire area */
    }
}

/*flexbox news end*/

.subcontent .newslist .newsitem {
    float: left;
    padding: 20px 0px;
    width: 100%;
    border-bottom: 1px solid
    /*BorderColor*/
    #D6D6D6
    /*BorderColor*/
    ;
}

    .subcontent .newslist .newsitem:first-child {
        border-top: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        margin-top: 20px;
    }

.subcontent .newsitem > a {
    float: left;
    margin: 0 2% 2% 0;
    border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
    padding: 5px;
    background: /*BgColor*/#F7F7F7/*BgColor*/;
    border-radius: 2px;
}

    .subcontent .newsitem > a:hover {
        border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
    }

.subcontent .newsitem .newstext p {
    margin-bottom: 0px;
    float: left;
}

.subcontent .newsitem h2 a {
    float: left;
    font-size: 40px;
}

.subcontent .newsitem h2 em {
    font-size: 12px;
    color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
    float: right;
    font-family: "roboto";
}

.subcontent .newsview {
    float: left;
}

    .subcontent .newsview ol,
    .subcontent .newsview ul {
        margin: 1em 0;
    }

        .subcontent .newsview ol li {
            list-style: decimal;
            margin-left: 3em;
            padding-left: 0.5em;
        }

        .subcontent .newsview ul li {
            list-style: disc;
            margin-left: 3em;
            padding-left: 0.5em;
        }

    .subcontent .newsview span {
        width: auto;
        float: none;
    }

    .subcontent .newsview strong {
        font-weight: bold !important;
    }

        .subcontent .newsview strong em {
            font-style: italic !important;
            font-weight: bold !important;
        }

    .subcontent .newsview em {
        font-style: italic !important;
        margin-bottom: 10px;
        display: none;
    }

        .subcontent .newsview em strong {
            font-style: italic !important;
            font-weight: bold !important;
        }

    .subcontent .newsview .viewback {
        width: 100%;
        display: block;
        float: left;
        text-align: left;
        line-height: 32px;
        margin-bottom: 20px;
    }

        .subcontent .newsview .viewback.bottom {
            margin-top: 20px;
        }

    .subcontent .newsview h1 em {
        font-size: 12px;
        color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
        float: right;
    }

    .subcontent .newsview .newsimages {
        margin-top: 22px;
        margin-bottom: 22px;
    }

        .subcontent .newsview .newsimages .image {
            display: block;
            padding: 5px;
            border: 1px solid solid;
            background: /*BgColor*/#F7F7F7/*BgColor*/;
            border-radius: 2px;
        }

            .subcontent .newsview .newsimages .image:hover {
                border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
            }

            .subcontent .newsview .newsimages .image a {
                display: block;
            }

            .subcontent .newsview .newsimages .image img {
                width: 100%;
                height: auto;
            }

.subcontent .newsimages .list li {
    width: 96px;
    border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
    padding: 5px;
    background: /*BgColor*/#F7F7F7/*BgColor*/;
    height: 63px;
    float: left;
    margin: 10px 10px 0px 0px;
    border-radius: 2px;
    list-style: none;
}

    .subcontent .newsimages .list li:hover {
        border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
    }

    .subcontent .newsimages .list li a {
        display: block;
        height: 63px;
        overflow: hidden;
    }

        .subcontent .newsimages .list li a img {
            width: 96px;
            height: auto;
        }

.subcontent .newsview .newsimages a:hover {
    border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
}

.subcontent .newsview .newscomment {
    margin-bottom: 22px;
    margin-top: 40px;
}

.subcontent .newscomment,
.subcontent .guestbook-entries {
    clear: both;
    margin-bottom: 22px;
}

    .subcontent .newscomment .textarea {
        margin-bottom: 10px;
        float: left;
    }

    .subcontent .newscomment textarea {
        height: 138px;
    }

    .subcontent .newscomment .textarea .field {
        width: 100%;
    }

    .subcontent .newscomment input[type=text] {
        width: 178px;
    }

    .subcontent .newscomment input[type=submit] {
        width: auto;
        margin: 10px 0 0 0;
    }

    .subcontent .newscomment .form {
        width: 100%;
    }

    .subcontent .newscomment .error {
        width: 150px;
        float: left;
        margin-left: 20px;
    }

        .subcontent .newscomment .error span {
            background: url(/gfx/Modules/starerror.png) no-repeat 0px 4px;
            padding-left: 15px;
            color: #c28484 !important;
            line-height: 20px;
        }

    .subcontent .newscomment .news-comment {
        clear: both;
    }

        .subcontent .newscomment .news-comment h4 {
            float: left;
        }

            .subcontent .newscomment .news-comment h4 em {
                font-size: 12px;
                color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
                float: right;
            }

    .subcontent .newscomment .news-comment {
        padding: 15px 0;
        border-top: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
    }

    .subcontent .newscomment .commentlist-headline {
        margin-top: 40px;
    }

    .subcontent .newscomment h3 em {
        font-size: 12px;
        color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
        float: right;
    }

.subcontent .viewback {
    width: 700px;
    display: block;
    float: left;
    text-align: left;
    line-height: 28px;
    margin-bottom: 20px;
}

    .subcontent .viewback.bottom {
        margin-top: 20px;
    }

.subcontent .txtQuantity {
    width: 22px !important;
    text-align: right;
}

.subcontent .increase {
    padding: 8px 4px 8px 8px;
    float: left;
    cursor: pointer;
}

.subcontent .decrease {
    padding: 8px 8px 8px 4px;
    float: left;
    cursor: pointer;
}

.subcontent .delete {
    padding: 8px 4px 8px 8px;
    float: left;
    cursor: pointer;
}

.subcontent .show {
    padding: 8px 8px 8px 4px;
    cursor: pointer;
    float: left;
}

.subcontent .productBasket p {
    line-height: 30px;
    float: left;
    margin-right: 10px;
}

.subcontent .productcomment,
.subcontent .guestbook-entries {
    float: left;
    clear: both;
    width: 700px;
    margin-bottom: 22px;
}

    .subcontent .productcomment .textarea {
        margin-bottom: 10px;
        float: left;
    }

    .subcontent .productcomment textarea {
        width: 78%;
        height: 138px;
    }

    .subcontent .productcomment .textarea .field {
        width: 100%;
    }

    .subcontent .productcomment input[type=text] {
        width: 178px;
    }

    .subcontent .productcomment input[type=submit] {
        width: auto;
        margin: 10px 0 0 0;
    }

    .subcontent .productcomment .form {
        width: 100%;
        float: left;
    }

    .subcontent .productcomment .error {
        width: 150px;
        float: left;
        margin-left: 20px;
    }

        .subcontent .productcomment .error span {
            background: url(/gfx/Modules/starerror.png) no-repeat 0px 4px;
            padding-left: 15px;
            color: #c28484 !important;
            line-height: 20px;
        }

    .subcontent .productcomment .news-comment {
        float: left;
        clear: both;
    }

        .subcontent .productcomment .news-comment h4 {
            float: left;
        }

            .subcontent .productcomment .news-comment h4 em {
                font-size: 12px;
                color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
                float: right;
            }

    .subcontent .productcomment .news-comment {
        float: left;
        padding: 20px 0px 3px 0px;
        width: 700px;
        border-top: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
    }

    .subcontent .productcomment .commentlist-headline {
        margin-top: 40px;
    }

    .subcontent .productcomment h3 em {
        font-size: 12px;
        color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
        float: right;
    }

.subcontent .gallery {
    float: left;
    width: 700px;
    *margin-bottom: 22px;
    overflow: hidden;
}

    .subcontent .gallery .text {
        padding: 5px;
        text-align: center;
        background: /*FooterBgColor*/#11283A/*FooterBgColor*/;
        color: /*FooterColor*/#FFFFFF/*FooterColor*/;
    }

    .subcontent .gallery ul {
        display: block;
    }

    .subcontent .gallery li {
        display: inline-block;
        *display: inline;
        zoom: 1;
        height: auto;
        list-style: none !important;
        vertical-align: top;
    }

        .subcontent .gallery li a {
            display: block;
        }

            .subcontent .gallery li a img {
                width: 100%;
                height: auto;
                position: relative;
                overflow: hidden;
            }

        .subcontent .gallery li:hover {
            border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
        }

        .subcontent .gallery li i {
            float: left;
            width: 160px;
            margin-top: 5px;
            text-align: center;
        }

    .subcontent .gallery .cycle-slideshow > div img {
        width: 100%;
    }

    .subcontent .gallery .cycle-slideshow .OverlayText {
        position: absolute;
        bottom: 10%;
        left: 50%;
        transform: translateX(-50%);
        color: white;
        font-size: 18px;
        text-align: center;
        background-color: black;
        padding: 20px;
        cursor: pointer;
    }

@media only screen and (max-width: 600px) {
    .subcontent .gallery .cycle-slideshow .OverlayText {
        position: absolute;
        bottom: 10%;
        left: 50%;
        width: 80%;
        transform: translateX(-50%);
        color: white;
        font-size: 18px;
        text-align: center;
        background-color: black;
        padding: 20px;
        cursor: pointer;
    }
}

.cycle-slideshow {
    min-height: 200px;
}


.cycle-slide.cycle-slide-active > img {
    object-fit: cover;
}

/*?ndret*/

@media only screen and (max-width: 768px) {


    .cycle-slide img {
        height: 250px;
        width: 100%;
        object-fit: cover;
    }

    .sitecontent .flash .cycle-slide .rotationText2 {
        margin-top: 30px !important;
    }
}


.subcontent .gallerybox {
    text-align: center;
}

    .subcontent .gallerybox a {
        margin: auto;
    }

.subcontent .login,
.subcontent .loginmodule {
    float: left;
    width: 700px;
    margin-bottom: 22px;
}

    .subcontent .login .inputs {
        clear: both;
        width: 100%;
        float: left;
        margin-top: 10px;
    }

    .subcontent .login input:focus {
        border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
    }

    .subcontent .login .inputs a {
        float: left;
    }

        .subcontent .login .inputs a + a {
            margin-left: 20px;
        }

    .subcontent .login .field {
        margin: 6px 6px 0 0;
    }

    .subcontent .login input[type=submit] {
        margin-top: 6px;
    }

    .subcontent .login input[type=text] {
        width: 89%;
    }

.subcontent span.loggedInHeader {
    display: block;
    float: left;
    border: 1px solid;
    width: auto - 20px;
    outline: none;
    padding: 5px 10px;
    color: /*Color*/#000000/*Color*/;
    background: /*BgColor*/#F7F7F7/*BgColor*/;
    margin-right: 10px;
    margin-top: 6px;
    box-sizing: border-box;
}

.subcontent .fileContainer {
    float: left;
    margin-bottom: 22px;
    clear: both;
    width: 700px;
}

    .subcontent .fileContainer ul {
        float: left;
        width: 100%;
    }

    .subcontent .fileContainer li {
        padding: 15px 0 15px 0;
        float: left;
        width: 100%;
        position: relative;
    }

    .subcontent .fileContainer ul li a {
        float: left;
        padding-left: 40px;
    }

        .subcontent .fileContainer ul li a img {
            position: absolute;
            left: 0px;
        }

.subcontent .calendar {
    float: left;
    clear: both;
    margin-bottom: 22px;
}

    .subcontent .calendar > table {
        float: left;
        width: 300px;
        border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        background: /*BgColor*/#F7F7F7/*BgColor*/;
        border-radius: 2px;
    }

    .subcontent .calendar table.header {
        border: 0px;
        background: /*BgColor*/#F7F7F7/*BgColor*/;
    }

        .subcontent .calendar table.header td {
            border: 0 none;
            text-transform: uppercase;
            text-align: center;
            color: /*HeadlineColor*/#000000/*HeadlineColor*/;
        }

            .subcontent .calendar table.header td a {
                color: /*LinkColor*/#11283A/*LinkColor*/ !important;
            }

                .subcontent .calendar table.header td a:hover {
                    color: /*LinkHoverColor*/#02542A/*LinkHoverColor*/ !important;
                    text-decoration: none;
                }

    .subcontent .calendar table td {
        height: 40px;
        border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        color: /*Color*/#000000/*Color*/;
    }

    .subcontent .calendar table th {
        height: 20px;
        border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        color: /*Color*/#000000/*Color*/;
        font-weight: bold;
        text-align: center;
    }

    .subcontent .calendar table td.day a {
        display: block;
        line-height: 40px;
        height: 40px;
        vertical-align: middle;
        width: 42px;
        position: relative;
        color: /*LinkColor*/#11283A/*LinkColor*/;
    }

        .subcontent .calendar table td.day a:hover {
            color:
            /*LinkHoverColor*/#02542A/*LinkHoverColor*/;
            text-decoration: none;
        }

        .subcontent .calendar table td.day a span {
            display: block;
            position: absolute;
            height: 7px;
            width: 7px;
            top: 2px;
            left: 2px;
            border-top: 5px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
            border-left: 5px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        }

    .subcontent .calendar table td.today {
        background: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
        color: /*MenuColor*/#11283A/*MenuColor*/;
    }

    .subcontent .calendar table td.event {
        background-color: /*BgColor*/#F7F7F7/*BgColor*/;
    }

        .subcontent .calendar table td.event a {
            color: /*LinkColor*/#11283A/*LinkColor*/;
        }

    .subcontent .calendar table td.today.event span {
        display: none;
    }

    .subcontent .calendar table .today.event a:hover {
        color: /*LinkHoverColor*/#02542A/*LinkHoverColor*/;
    }

    .subcontent .calendar ul {
        float: left;
        width: 380px;
        margin-left: 18px;
    }

        .subcontent .calendar ul li {
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }

            .subcontent .calendar ul li h4 a {
                float: left;
            }

            .subcontent .calendar ul li h4 em {
                font-size: 12px;
                color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
                float: right;
            }


.subcontent .subcontent .calendar > table {
    width: 49%;
}

.subcontent .subcontent .calendar ul {
    width: 48%;
    float: right;
    margin: 0;
}

.subcontent .guestbook-form,
.subcontent .guestbook-entries {
    float: left;
    clear: both;
    width: 700px;
    margin-bottom: 22px;
}

    .subcontent .guestbook-form textarea {
        width: 78%;
        max-width: 78%;
        min-width: 100px;
        height: 138px;
        min-height: 50px;
    }

    .subcontent .guestbook-form .form .field {
        width: 232.5px;
    }

    .subcontent .guestbook-form input[type=text] {
        width: 210.5px;
    }

    .subcontent .guestbook-form input[type=submit] {
        width: 45px;
    }

    .subcontent .guestbook-form .form {
        width: 100%;
        float: left;
    }

    .subcontent .guestbook-form .error {
        width: 150px;
        float: left;
        margin-left: 20px;
    }

        .subcontent .guestbook-form .error span {
            background: url(/gfx/Modules/starerror.png) no-repeat 0px 4px;
            padding-left: 15px;
            color: #c28484 !important;
            line-height: 20px;
        }

    .subcontent .guestbook-form .field.textarea {
        margin-bottom: 10px;
        width: 100%;
    }

.subcontent .guestbook-gravatar {
    display: none;
}

.subcontent .guestbook-entries .guestbook-entry {
    float: left;
    clear: both;
    width: 700px;
}

    .subcontent .guestbook-entries .guestbook-entry h3 {
        float: left;
    }

        .subcontent .guestbook-entries .guestbook-entry h3 em {
            font-size: 12px;
            color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
            float: right;
        }

.subcontent .guestbook-entries .guestbook-entry {
    float: left;
    padding: 20px 0px 3px 0px;
    width: 700px;
    border-top: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
}

.subcontent .commentlist-headline {
    margin-top: 40px;
}

.subcontent .guestbook-entries h3 em {
    font-size: 12px;
    color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
    float: right;
}

.subcontent .dealerlist {
    float: left;
    clear: both;
    margin-bottom: 22px;
}

    .subcontent .dealerlist h4 img {
        width: auto;
    }

    .subcontent .dealerlist h3 {
        float: none;
    }

    .subcontent .dealerlist .list {
        float: left;
        clear: both;
    }

        .subcontent .dealerlist .list img {
            width: auto;
        }

        .subcontent .dealerlist .list div {
            display: inline-block;
            *display: inline;
            zoom: 1;
            vertical-align: top;
            min-width: 150px;
            margin: 20px 20px 0 0;
        }

        .subcontent .dealerlist .list span {
            float: left;
            clear: left;
        }

        .subcontent .dealerlist .list a {
            float: left;
        }

        .subcontent .dealerlist .list > li {
            float: left;
            width: 100%;
            overflow: hidden;
            border-bottom: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
            padding-bottom: 20px;
        }

            .subcontent .dealerlist .list > li:first-child {
                border-top: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
            }

            .subcontent .dealerlist .list > li h3 {
                margin: 10px 0 0 0;
            }

            .subcontent .dealerlist .list > li ul {
                float: left;
                margin: 15px;
            }

    .subcontent .dealerlist .info {
        float: left;
        width: 100%;
        margin-top: 15px;
    }

        .subcontent .dealerlist .info td {
            vertical-align: top;
            width: 26%;
        }

            .subcontent .dealerlist .info td:first-child {
                width: 22%;
            }

        .subcontent .dealerlist .info ul {
            float: left;
            line-height: 22px;
        }

        .subcontent .dealerlist .info li img {
            float: left;
            margin-right: 5px;
        }

        .subcontent .dealerlist .info li {
            padding-left: 21px;
        }

            .subcontent .dealerlist .info li:first-child {
                padding-left: 0px;
            }

                .subcontent .dealerlist .info li:first-child a img {
                    width: 143px;
                    margin: 0px;
                }

                .subcontent .dealerlist .info li:first-child a {
                    float: left;
                    border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
                    padding: 5px;
                    background: /*BgColor*/#F7F7F7/*BgColor*/;
                    border-radius: 2px;
                    margin: 0px 20px 0px 0px;
                }

                    .subcontent .dealerlist .info li:first-child a:hover {
                        border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
                    }

    .subcontent .dealerlist .header {
        float: left;
        clear: both;
        width: 100%;
        border-top: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        padding-top: 7px;
        padding-bottom: 7px;
    }

        .subcontent .dealerlist .header h2 {
            width: 100%;
        }

        .subcontent .dealerlist .header .sorting {
            float: left;
        }

            .subcontent .dealerlist .header .sorting > div {
                display: inline-block;
                *display: inline;
                zoom: 1;
            }

                .subcontent .dealerlist .header .sorting > div:first-child {
                    padding-top: 6px;
                    padding-right: 6px;
                }

    .subcontent .dealerlist .sorting select {
        margin-right: 6px;
    }

    .subcontent .dealerlist .sorting select,
    .subcontent .dealerlist .sorting input {
        margin-top: 6px;
    }

    .subcontent .dealerlist .sorting .button {
        padding: 2px 10px;
        height: 22px;
        float: none;
    }

    .subcontent .dealerlist .search {
        float: left;
        clear: both;
        margin-bottom: 20px;
    }

        .subcontent .dealerlist .search .textfield {
            float: left;
        }

            .subcontent .dealerlist .search .textfield input {
                margin-top: 6px;
            }

                .subcontent .dealerlist .search .textfield input[type=text] {
                    margin-right: 6px;
                }

        .subcontent .dealerlist .search .checkfield {
            float: left;
        }

    .subcontent .dealerlist .checkfield ul {
        float: left;
    }

        .subcontent .dealerlist .checkfield ul li {
            margin: 10px 15px 0px 0px;
            height: 18px;
            float: left;
            padding: 5px 10px;
            color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
            border-radius: 2px;
            line-height: 18px;
        }

            .subcontent .dealerlist .checkfield ul li label {
                margin-left: 5px;
                float: left;
            }

            .subcontent .dealerlist .checkfield ul li input {
                float: left;
                margin-top: 2px;
            }

    .subcontent .dealerlist .pagingContainer {
        float: left;
        padding-top: 7px;
    }

        .subcontent .dealerlist .pagingContainer table {
            width: 100%;
        }

        .subcontent .dealerlist .pagingContainer td {
            text-align: center;
            width: 75px;
        }

        .subcontent .dealerlist .pagingContainer span {
            padding: 5px;
            float: none;
        }

        .subcontent .dealerlist .pagingContainer .pagingNumbers {
            width: 400px;
        }

.subcontent .FamilyTree {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 22px;
    word-break: break-all;
}

    .subcontent .FamilyTree td {
        border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        background: /*BgColor*/#F7F7F7/*BgColor*/;
        padding: 5px;
    }

.subcontent .horseview .class-contentbox {
    line-height: 27.5px;
    cursor: pointer;
}

.subcontent .wysiwyg {
    float: left;
    width: 700px;
    clear: both;
    margin-bottom: 22px;
}

    .subcontent .wysiwyg ul li {
        list-style: disc;
        margin-left: 20px;
    }

    .subcontent .wysiwyg span {
        float: none;
    }

    .subcontent .wysiwyg strong {
        font-weight: bold;
    }

.subcontent .view-counter {
    float: left;
    width: 700px;
    clear: both;
    margin-bottom: 22px;
}

.subcontent .videocontainer {
    float: left;
    clear: both;
    margin-bottom: 22px;
}

    .subcontent .videocontainer .videoImage {
        width: 100%;
        max-width: 640px;
    }

    .subcontent .videocontainer .videoWrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        display: block;
        margin: auto;
    }

        .subcontent .videocontainer .videoWrapper object,
        .subcontent .videocontainer .videoWrapper embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .subcontent .videocontainer .playButton {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -42px 0px 0px -42px;
    }

.subcontent .addthis_toolbox {
    float: left;
    clear: both;
    margin-bottom: 22px;
}

.subcontent .homeModule .searchWrapper td {
    padding: 4px;
}

.subcontent .homeModule input {
    float: none;
    margin: 0;
}

.subcontent .homeModule .homeList {
    width: 100%;
}

    .subcontent .homeModule .homeList td,
    .subcontent .homeModule .homeList th {
        padding: 8px;
        border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        background-color: /*BgColor*/#F7F7F7/*BgColor*/;
    }

.subcontent .homeModule .currentPage {
    text-decoration: underline;
}

.subcontent .maillist-signup {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: /*Color*/#000000/*Color*/;
    font-size: 16px;
    line-height: 22px;
}

    .subcontent .maillist-signup td {
        font-size: 16px;
    }

    .subcontent .maillist-signup input {
        font-size: 16px;
        outline: none;
        border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        height: 24px;
        width: 178px;
        float: left;
        padding: 5px 10px;
        color: /*Color*/#000000/*Color*/;
        background: /*BgColor*/#F7F7F7/*BgColor*/;
        border-radius: 2px;
        box-sizing: content-box;
    }

#map-container {
    clear: left;
    float: left;
    width: 100%;
}

    #map-container a {
        color: /*MenuColor*/#11283A/*MenuColor*/;
        text-decoration: none;
    }

        #map-container a:hover,
        #map-container a:active {
            color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
        }

    #map-container .custom-marker {
        width: 32px;
        height: 37px;
        color: #fff;
        background: url(../images/custom-marker.png) no-repeat;
        padding: 3px;
        cursor: pointer;
    }

    #map-container .loc-name {
        color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
        font-weight: bold;
    }

#form-container {
    width: 100%;
    margin-bottom: 10px;
    overflow: auto;
}

    #form-container button {
        margin-left: 10px;
    }

#loc-list {
    float: left;
    width: 100%;
    height: 500px;
    overflow: auto;
    padding: 10px;
    padding-top: 0;
    box-sizing: border-box;
}

    #loc-list ul {
        display: block;
        clear: left;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #loc-list li {
        display: block;
        clear: left;
        float: left;
        margin-bottom: 10px;
        cursor: pointer;
        width: 100%;
        border: 1px solid /*CustomColor*/#F7F7F7/*CustomColor*/;
        /* Adding this to prevent moving li elements when adding the list-focus class*/
        box-sizing: border-box;
        background-color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/ !important;
        position: relative;
        vertical-align: top;
        padding-bottom: 0;
    }

    #loc-list .list-label {
        display: none;
        float: left;
        margin: 10px 0 0 10px;
        padding: 2px 3px;
        width: 17px;
        text-align: center;
        background: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
        color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
        font-weight: bold;
        position: absolute;
    }

    #loc-list .list-details {
        display: inline-block;
    }

    #loc-list .list-content {
        padding: 10px;
        color: /*MenuColor*/#11283A/*MenuColor*/;
    }

    #loc-list .loc-dist {
        font-weight: bold;
        font-style: italic;
        color: /*MenuColor*/#11283A/*MenuColor*/;
    }

    #loc-list .list-focus {
        border: 1px solid /*CustomColor*/#F7F7F7/*CustomColor*/;
        -moz-box-shadow: 0 0 8px /*CustomColor*/#F7F7F7/*CustomColor*/;
        -webkit-box-shadow: 0 0 8px /*CustomColor*/#F7F7F7/*CustomColor*/;
        box-shadow: 0 0 8px /*CustomColor*/#F7F7F7/*CustomColor*/;
        transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    }

#bh-sl-map {
    float: left;
    width: 100%;
    height: 350px;
}

/* Infowindow Roboto font override */
.gm-style div,
.gm-style span,
.gm-style label,
.gm-style a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282222 !important;
}

#map-container .gm-style a {
    color: #3a84df !important;
}

    #map-container .gm-style a:hover {
        text-decoration: underline;
    }

@media screen and (min-width: 601px) {
    #bh-sl-map {
        width: 65%;
        height: 500px;
    }

    #loc-list {
        width: 35%;
    }
}

@media screen and (min-width: 421px) and (max-width: 600px) {
    #loc-list {
        padding: 10px 0 0 0;
        text-align: center;
    }

        #loc-list li {
            float: none;
            display: inline-block;
            width: 48%;
            margin-right: 1%;
            box-sizing: border-box;
            text-align: left;
        }

            #loc-list li:nth-child(even) {
                margin-right: 0;
                margin-left: 1%;
            }
}

@media screen and (max-width: 420px) {
    #loc-list {
        padding: 10px 0 0 0;
        text-align: center;
    }

        #loc-list li {
            float: none;
            display: inline-block;
            text-align: left;
            width: 98%;
        }
}

/***********************************************************/
/*  FORUM LAYOUT  ******************************************/
.forumMainWrapper {
    padding: 4px;
}

    .forumMainWrapper * {
        line-height: 1.5em;
    }

    .forumMainWrapper h1,
    .forumMainWrapper h2 {
        margin: 0;
    }

    .forumMainWrapper h1 {
        font-size: 1.8em;
    }

    .forumMainWrapper h2 {
        font-size: 1.4em;
    }

    .forumMainWrapper .clearBoth {
        clear: both;
    }

    .forumMainWrapper .width50percent {
        width: 50%;
    }

    .forumMainWrapper .width99percent {
        width: 99%;
    }

    .forumMainWrapper .fontSizeSmall {
        font-size: 0.9em;
    }

    .forumMainWrapper .fontSizeLarge {
        font-size: 1.2em;
    }

    .forumMainWrapper .floatRight {
        float: right;
    }

    .forumMainWrapper label.error,
    .forumMainWrapper span.error {
        color: Red;
        font-style: italic;
    }

    .forumMainWrapper .list {
        margin: -2px;
    }

        .forumMainWrapper .list table {
            width: 100%;
            border-spacing: 2px;
            border-collapse: separate;
        }

        .forumMainWrapper .list td {
            padding: 4px;
            border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        }

        .forumMainWrapper .list thead td {
            font-weight: bold;
            background-color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
            color: /*MenuColor*/#11283A/*MenuColor*/;
        }

        .forumMainWrapper .list a {
            text-decoration: underline;
        }

        .forumMainWrapper .list .numberColumn {
            text-align: center;
        }

        .forumMainWrapper .list .fullWidthRow {
            padding: 8px;
            background-color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
            color: /*MenuColor*/#11283A/*MenuColor*/;
        }

    .forumMainWrapper .postHeader {
        padding: 4px 10px 4px 4px;
        float: right;
        text-align: right;
        color: /*MenuColor*/#11283A/*MenuColor*/;
    }

    .forumMainWrapper .postWrapper {
        border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
    }

        .forumMainWrapper .postWrapper.first {
            /* background-color: #F5F5FF; */
        }

        .forumMainWrapper .postWrapper .userInfo {
            padding: 4px 4px 4px 10px;
            float: left;
            color: /*MenuColor*/#11283A/*MenuColor*/;
        }

    .forumMainWrapper .userinfoPostheaderWrapper {
        background: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
        width: 100%;
        height: 27px;
    }

    .forumMainWrapper .postWrapper .postText {
        padding: 8px;
    }

    .forumMainWrapper .postWrapper .postImages {
        padding: 8px;
    }

        .forumMainWrapper .postWrapper .postImages img {
            margin: 4px 4px 0 0;
        }

    .forumMainWrapper .pageNumberWrapper {
        margin: auto;
    }

        .forumMainWrapper .pageNumberWrapper a {
            float: left;
            display: block;
            border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
            padding: 4px 8px;
            margin: 0 2px 0 2px;
        }

            .forumMainWrapper .pageNumberWrapper a.currentPage {
                color: #e0e0e0;
            }

    .forumMainWrapper .breadcrumbsWrapper {
        color: /*MenuColor*/#11283A/*MenuColor*/;
        padding: 6px;
        background-color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
        border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
    }

        .forumMainWrapper .breadcrumbsWrapper a {
            text-decoration: underline !important;
            color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
        }

    .forumMainWrapper .newThreadLinkWrapper {
        width: 100%;
        font-size: 1.1em;
    }

        .forumMainWrapper .newThreadLinkWrapper td {
            vertical-align: bottom;
        }

        .forumMainWrapper .newThreadLinkWrapper a {
            float: right;
            display: inline-block;
            padding: 5px;
            background-color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
            color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
            font-weight: bold;
        }

    .forumMainWrapper .deleteThreadLink {
        text-align: right;
        margin-bottom: 10px;
    }

        .forumMainWrapper .deleteThreadLink a {
            background-color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
            padding: 5px;
            color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
            font-weight: bold;
        }

    .forumMainWrapper .deletePostLink {
        color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
        background-color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
        padding: 5px;
        font-weight: bold;
        margin: 3px 0 15px 0;
    }

    .forumMainWrapper a.deletePostLink:hover {
        color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/
        ;
    }

    .forumMainWrapper .forumEmailIcon {
        vertical-align: middle;
        margin-right: 5px;
    }

    .forumMainWrapper .approveButtonLink {
        font-size: 2em;
        padding: 4px;
        color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
        background-color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/
        ;
    }

    .forumMainWrapper a.approveButtonLink:hover {
        color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
    }

    .forumMainWrapper .createUserLink {
        font-weight: bold;
        text-decoration: underline;
        color: /*LinkColor*/#11283A/*LinkColor*/;
        margin-bottom: 10px;
        float: left;
    }

    .forumMainWrapper .notLoggedInPanel .field {
        float: left;
        margin-right: 10px;
    }

        .forumMainWrapper .notLoggedInPanel .field input {
            height: 30px;
            border: 1px solid
            /*BorderColor*/
            #D6D6D6
            /*BorderColor*/
            ;
            padding: 2px 5px;
            box-sizing: border-box;
        }

    .forumMainWrapper .notLoggedInPanel input[type=submit] {
        border: 0px;
        color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
        background-color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
        padding: 5px;
        font-weight: bold;
    }

    .forumMainWrapper .notLoggedInPanel .inputs {
        margin-top: 5px;
    }

.forumHeader {
    float: left;
    width: 100%;
    border-bottom: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

    .forumHeader .closeButton {
        float: right;
        margin-top: -25px;
        padding: 10px 20px;
        border-radius: 5px;
        background: /*HeadlineColor*/#000000/*HeadlineColor*/;
        cursor: pointer;
        margin-bottom: 10px;
    }

        .forumHeader .closeButton span {
            color: /*BgColor*/#F7F7F7/*BgColor*/;
            text-transform: uppercase;
        }

/***********************************************************/
/*  ADMINISTRATION LAYOUT  ****************************************/
.admincontent {
    width: 700px;
    background: /*BgColor*/#F7F7F7/*BgColor*/;
}

    .admincontent fieldset {
        padding: 10px 10px 3px 10px;
        background: fixed;
        overflow: hidden;
        margin-bottom: 22px;
        border: 1px solid #000000;
        border-radius: 2px;
    }

    .admincontent .EmptyContentModule {
        margin-bottom: 22px;
    }

    .admincontent .faq h1 {
        font-size: 16px;
        font-weight: bold;
    }

    .admincontent div .image {
        width: 48%;
        margin-right: 2%;
    }

    .admincontent .fourImages span {
        width: 24%;
        margin-right: 1%;
    }

.cke_editable {
    background: /*BgColor*/#F7F7F7/*BgColor*/ !important;
    padding: 20px;
}

    .cke_editable ol,
    .cke_editable ul {
        margin: 1em 0;
    }

        .cke_editable ol li {
            list-style: decimal;
            margin-left: 3em;
            padding-left: 0.5em;
        }

        .cke_editable ul li {
            list-style: disc;
            margin-left: 3em;
            padding-left: 0.5em;
        }

.admin-design-s {
    font-size: 12px;
}

    .admin-design-s h1,
    .admin-design-s h2,
    .admin-design-s h3 {
        font-family: 'Myriad Pro';
        text-transform: none;
    }

    .admin-design-s h1 {
        font-size: 30px;
    }

    .admin-design-s h2 {
        font-size: 22px;
    }

    .admin-design-s h3 {
        font-size: 18px;
    }

    .admin-design-s .spacerM {
        margin-bottom: 20px;
    }

    .admin-design-s .spacerL {
        margin-bottom: 40px;
    }

    .admin-design-s .button {
        display: inline-block;
        border: none;
        background-color: #2d517e;
        color: white;
        font-size: 16px;
        padding: 10px;
        cursor: pointer;
    }

.admin-design-logo input[type="number"],
.admin-design-logo select {
    font-size: 16px;
    padding: 8px;
}

.admin-design-logo .imageWrapper {
    border: 1px solid #CCCCCC;
    width: 920px;
    background: /*BgColor*/#F7F7F7/*BgColor*/;
}

.admin-design-text input[type="text"] {
    font-size: 16px;
    width: 400px;
    padding: 8px;
}

.admin-design-text select {
    font-size: 16px;
    padding: 8px;
}

.admin-design-index .largeButton {
    display: block;
    background-color: #2d517e;
    color: white;
    font-size: 40px;
    padding: 20px;
    font-family: 'Myriad Pro';
}

    .admin-design-index .largeButton:hover {
        background-color: #e86b00;
    }

    .admin-design-index .largeButton span {
        text-align: center;
        font-size: 12px;
    }

.admin-design-index .largeText {
    font-size: 18px;
}

.admin-design-style .saveBtn {
    padding: 10px 40px;
    background-color: #303946;
    color: white;
    font-size: 38px;
    font-family: 'Myriad Pro';
    border: none;
}

.admin-design-style .colorSelects td {
    padding: 4px;
}

.admin-design-style .colorSelects input[type="text"].color {
    width: 50px;
    border: 1px solid #a9a9a9;
}

.admin-design-style .colorTemplates > div {
    display: inline-block;
    margin-right: 10px;
}

.admin-design-style .colorTemplates input[type="radio"] {
    vertical-align: bottom;
}

/***********************************************************/
/*  POPUP CONTENT LAYOUT  ****************************************/
.popupcontent {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}

    .popupcontent .calendarview {
        margin: 10px;
    }

        .popupcontent .calendarview .stylebox {
            border: /*BorderColor*/#F6F6F6/*BorderColor*/ solid /*BorderColor*/#F6F6F6/*BorderColor*/;
            background: /*BgColor*/#F7F7F7/*BgColor*/;
            border-radius: 2px;
            margin-bottom: 10px;
            padding: 10px;
            clear: both;
            overflow: auto;
        }

        .popupcontent .calendarview h2 {
            text-align: center;
            padding-top: 7px;
            float: left;
            width: 70%;
            font-size: 30px;
        }

        .popupcontent .calendarview h1,
        .popupcontent .calendarview p {
            padding-bottom: 10px;
        }

        .popupcontent .calendarview h1 {
            padding-bottom: 0px;
            font-size: 30px;
        }

        .popupcontent .calendarview .arrow {
            float: left;
            width: 15%;
            text-align: center;
            padding-top: 20px;
        }

        .popupcontent .calendarview .paging {
            text-align: center;
            padding: 8px 0px;
        }

            .popupcontent .calendarview .paging table {
                width: 100%;
                text-align: center;
            }

            .popupcontent .calendarview .paging td input {
                margin-right: 5px;
            }

        .popupcontent .calendarview #tblApply td {
            padding: 2px;
        }

        .popupcontent .calendarview input[type=submit] {
            padding: 5px;
        }

        .popupcontent .calendarview .bookingButton span {
            color: #ffffff;
            padding: 10px;
            border-radius: 2px;
            font-weight: bold;
            float: right;
            background: #e12e2e;
        }

        .popupcontent .calendarview .bookingButton a span {
            background: #5bbb5b;
        }

    .popupcontent .searchview {
        width: 700px;
        margin: 20px auto;
    }

        .popupcontent .searchview h1 {
            width: auto;
            float: left;
        }

        .popupcontent .searchview .search {
            float: right;
        }

        .popupcontent .searchview .searchpages {
            float: left;
            width: 700px;
            text-align: center;
            padding-top: 10px;
            height: 28px;
            display: block;
        }

            .popupcontent .searchview .searchpages a {
                padding: 5px 10px;
                text-align: center;
                background: #fcfcfc;
                display: inline-block;
                border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
            }

                .popupcontent .searchview .searchpages a:hover {
                    text-decoration: none;
                    color: /*LinkHoverColor*/#02542A/*LinkHoverColor*/;
                    border-color: /*ActiveBorderColor*/#F6F6F6/*ActiveBorderColor*/;
                }

                .popupcontent .searchview .searchpages a.active {
                    color: /*LinkColor*/#11283A/*LinkColor*/;
                }

                .popupcontent .searchview .searchpages a:active {
                    background: /*BgColor*/#F7F7F7/*BgColor*/;
                    color: /*LinkColor*/#11283A/*LinkColor*/;
                }

        .popupcontent .searchview .resultlist {
            overflow: auto;
            height: 420px;
            float: left;
            width: 700px;
        }

        .popupcontent .searchview .searchitem {
            float: left;
            padding: 20px 0px;
            width: 660px;
            border-bottom: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
        }

            .popupcontent .searchview .searchitem:first-child {
                border-top: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
            }

            .popupcontent .searchview .searchitem h2 a {
                float: left;
            }

            .popupcontent .searchview .searchitem h2 em {
                font-size: 12px;
                color: /*SubHeadlineColor*/#000000/*SubHeadlineColor*/;
                float: right;
            }

            .popupcontent .searchview .searchitem span {
                text-decoration: underline;
            }

/***********************************************************/
.images .overlay {
    position: absolute;
    top: 0;
    left: -100%;
}

/***********************************************************/
body {
    -webkit-text-size-adjust: 100%;
}

.pnlEditModule {
    position: absolute !important;
}


.textAndImage img {
    max-width: 535px !important;
}

.textAndImage span {
    max-width: 549px !important;
}

.subcontent {
    width: 100%;
    padding-top: 20px;
}

.headWrapper {
    background-color: /*CustomColor*/#F7F7F7/*CustomColor*/;
}

.logoWrapper {
    clear: right;
    text-align: center;
    padding: 10px 0;
    display: none;
}


    .logoWrapper img {
        width: 100%;
        max-width: 220px;
    }

#siteNameWrapper {
    padding: 30px 0;
}

@media screen and (min-width: 1099px) {
    .contentWrapper {
        display: flex;
    }
}

.contentWrapper {
    /*max-width: 700px;
    overflow: hidden;*/
    padding-top: 20px;
}

.horseSaleWrapper #div-billeder {
    text-align: center;
}

    .horseSaleWrapper #div-billeder img {
        border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
    }

.horseSaleWrapper #div-video {
    text-align: center;
    margin-top: 30px;
}

    .horseSaleWrapper #div-video h2 {
        float: none;
    }

    .horseSaleWrapper #div-video #video-list {
        padding: 15px;
        background-color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
    }

        .horseSaleWrapper #div-video #video-list img {
            border: 1px solid /*BgColor*/#F7F7F7/*BgColor*/;
        }

.horseSaleWrapper #infoWrapper {
    margin-top: 50px;
}

    .horseSaleWrapper #infoWrapper > div:first-child + div {
        margin-top: 50px;
    }

        .horseSaleWrapper #infoWrapper > div:first-child + div > div:first-child {
            border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
            padding: 10px;
        }

@media screen and (min-width: 600px) {
    .horseSaleWrapper #infoWrapper > div:first-child {
        float: left;
        width: 48%;
    }

        .horseSaleWrapper #infoWrapper > div:first-child + div {
            float: right;
            width: 48%;
            margin-top: 0;
        }
}

.horseSaleWrapper #div-stamtavle {
    margin-top: 50px;
}

.horseSaleWrapper .smallImages div {
    display: inline-block;
    width: 90px;
    padding: 4px;
    margin: 4px;
    text-align: center;
}

.horseSaleWrapper #div-stamtavle td {
    word-wrap: break-word;
    word-break: break-all;
    padding: 4px;
    border: 1px solid /*BorderColor*/#F6F6F6/*BorderColor*/;
}

.horseSaleWrapper .horse-headlinebar {
    text-align: center;
}

.horseSaleWrapper #div-info table {
    margin: auto;
}

    .horseSaleWrapper #div-info table td {
        padding: 6px;
        text-align: left;
    }

.horseListItem {
    min-width: 190px;
    display: inline-block;
    margin-bottom: 25px;
    vertical-align: top;
    width: 32.8%;
    text-align: center;
}

.separator img {
    width: 100%;
    min-height: 1px;
}

img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*background for the menu icon*/
.menuIcon {
    /* padding: 10px 13px; */
    padding: 7px;
    display: inline-block;
    border-radius: 0px;
    float: right;
    font-size: 26px;
    color: /*MenuColor*/#11283A/*MenuColor*/ !important;
    background-color: /*MobileIconColorBG*/#F7F7F7/*MobileIconColorBG*/;
}

.hamburgerIcon {
    filter: /*HamburgerIcon*/ brightness(0) saturate(100%) invert(14%) sepia(6%) saturate(4364%) hue-rotate(165deg) brightness(95%) contrast(99%) /*HamburgerIcon*/;
}


.fa-bars {
    color: /*MobileIconColor*/ #141414 /*MobileIconColor*/;
}

div.itemWrapper > div.frontpagelinks > a {
    margin-top: 0px !important
}

.frontPageTextWrapper {
    margin: 30px 0 30px 0;
    padding: 0 5px;
    text-align: center;
}

    .frontPageTextWrapper h1 {
        font-size: 50px;
        /*55px*/
        font-weight: bold;
    }

@media screen and (max-width: 600px) {
    .frontpagelinks {
        margin-bottom: 10px;
    }

    .frontPageTextWrapper h1 {
        font-size: 30px;
        font-weight: bold;
    }
}

.frontPageText p {
    font-size: 20px;
    text-align: center;
}

.frontPageText center {
    font-size: 20px;
}

.contentWrapper .submenu ul li:first-child {
    display: none;
}

/*FRONTPAGELINKS*/
#frontPageLinksWrapper > div > div > a:last-child {
    display: none;
    text-align: center;
    background-color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
    padding: 3px;
    color: /*MenuColor*/#11283A/*MenuColor*/;
}

    #frontPageLinksWrapper > div > div > a:last-child:hover {
        color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
    }

.frontPageLinksWrapper {
    font-size: 0;
    text-align: center;
    /*margin-bottom: 40px;*/
}

    .frontPageLinksWrapper #header {
        float: none;
        margin: 15px 1%;
        min-height: 30px;
        width: auto;
        font-weight: bold;
    }

    .frontPageLinksWrapper img {
        width: 100%;
        /*         border-radius: 10px 10px 0 0;
        box-shadow: 0px 5px 6px #c1c1c1; */
    }

    .frontPageLinksWrapper .date {
        font-size: 12px;
        display: block;
        margin-bottom: 6px;
    }

    .frontPageLinksWrapper .itemWrapper > div {
        font-size: 16px;
        margin-top: 30px;
        text-align: left;
    }

@media screen and (max-width: 479px) {
    .frontPageLinksWrapper .itemWrapper > div:first-child {
        margin-top: 0;
    }
}

.frontPageLinksWrapper .itemWrapper > div h2:hover {
    color: /*FooterLinkHoverColor*/#AB9A67/*FooterLinkHoverColor*/
    ;
}

.frontPageLinksWrapper .itemWrapper > div h2 {
    margin-bottom: 0px;
    position: relative;
    color: /*FooterLinkColor*/#CFBB7D/*FooterLinkColor*/;
    z-index: 99;
    padding-top: 20px;
    margin-top: -1px;
    float: none;
    text-align: center;
    background: /*FooterBgColor*/#11283A/*FooterBgColor*/
    ;
}


.frontPageLinksWrapper .itemWrapper > div p {
    margin-top: -1px;
    font-size: 16px;
    padding-bottom: 24px;
    text-align: center;
    color: /*FooterColor*/#FFFFFF/*FooterColor*/;
    background: /*FooterBgColor*/#11283A/*FooterBgColor*/;
}

    .frontPageLinksWrapper .itemWrapper > div p:empty + .frontpagelinks {
        display: none !important;
    }

.frontpagelinks + .frontPageLinksWrapper .itemWrapper > div > h2 > a:empty {
    display: none;
}


.frontpagelinks {
    transition: transform .2s;
    /* Animation */
    z-index: 9999;
    /*  box-shadow: 0px 0px 5px #c1c1c1; */
    overflow: hidden;
}

    .frontpagelinks img {
        transition: transform 1s ease;
        /* 	 filter: grayscale(100%); */
    }

    .frontpagelinks:hover img {
        transform: scale(1.1);
        /* 	filter: grayscale(0%); */
    }

.frontPageLinksWrapper .itemWrapper > div img {
    width: 100%;
}

.sitecontent .frontPageLinksWrapper h2 {
    float: none;
}

.sitecontent .frontPageLinksHeader {
    float: none;
}

@media screen and (min-width: 200px) {
    .frontPageLinksWrapper {
        overflow: hidden;
    }

        .frontPageLinksWrapper .itemWrapper {
            margin: 0px 0px 0px 0px;
        }

            .frontPageLinksWrapper .itemWrapper > div {
                width: 46%;
                margin: 10px;
                display: inline-block;
                vertical-align: top;
                width: 90%;
                /* border-radius: 20px; */
                overflow: hidden;
                box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
                outline: none;
                -webkit-backface-visibility: hidden;
            }
}



/* @media screen and (min-width: 1100px) {
    .frontPageLinksWrapper .itemWrapper > div:first-child:nth-last-child(n + 3),
    .frontPageLinksWrapper .itemWrapper > div:first-child:nth-last-child(n + 3) ~ div {
     width: 21%;
    }
} */

#divPageContents > div.gallery > ul > li:nth-child(1) {
    margin-right: 10px;
}

#divPageContents > div.gallery > ul > li:nth-child(2) {
    margin-right: 10px;
}

.subcontent .gallery ul li {
    margin-bottom: 20px;
    width: 32.4%;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    background: #fff;
    outline: none;
    -webkit-backface-visibility: hidden;
}

    .subcontent .gallery ul li img {
        max-width: 100% !important;
    }

@media screen and (max-width: 915px) {
    .subcontent .gallery ul li {
        margin-bottom: 20px;
        width: 32%;
        border-radius: 0px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
        background: #fff;
        outline: none;
        -webkit-backface-visibility: hidden;
    }

        .subcontent .gallery ul li img {
            max-width: 100% !important;
        }
}

@media screen and (max-width: 650px) {
    .subcontent .gallery ul li {
        margin-bottom: 20px;
        width: 31.9%;
        border-radius: 0px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
        background: #fff;
        outline: none;
        -webkit-backface-visibility: hidden;
    }

        .subcontent .gallery ul li img {
            max-width: 100% !important;
        }
}

@media screen and (max-width: 600px) {

    .subcontent .gallery ul li {
        margin: 0px;
        margin-bottom: 20px;
        width: 100%;
        border-radius: 0px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
        background: #fff;
        outline: none;
        -webkit-backface-visibility: hidden;
    }

        .subcontent .gallery ul li img {
            max-width: 100% !important;
        }
}

@media screen and (min-width: 1100px) {

    .frontPageLinksWrapper .itemWrapper > div:first-child:nth-last-child(n + 3),
    .frontPageLinksWrapper .itemWrapper > div:first-child:nth-last-child(n + 3) ~ div {
        width: 31.33%;
        /* border-radius: 20px; */
        overflow: hidden;
        box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
        outline: none;
        -webkit-backface-visibility: hidden;
    }
}

@media screen and (min-width: 960px) {

    .frontPageLinksWrapper .itemWrapper > div:first-child:nth-last-child(n + 2),
    .frontPageLinksWrapper .itemWrapper > div:first-child:nth-last-child(n + 2) ~ div {
        width: 30.96%;
        /* border-radius: 20px; */
        overflow: hidden;
        box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
        outline: none;
        -webkit-backface-visibility: hidden;
    }
}


@media screen and (max-width: 600px) {

    .frontPageLinksWrapper .itemWrapper > div:first-child:nth-last-child(n + 2),
    .frontPageLinksWrapper .itemWrapper > div:first-child:nth-last-child(n + 2) ~ div {
        margin: 15px 0px 15px 0px !important;
        width: 90%;
    }
}

@media screen and (min-width: 760px) and (max-width: 959px) {

    .frontPageLinksWrapper .itemWrapper > div:first-child:nth-last-child(n + 2),
    .frontPageLinksWrapper .itemWrapper > div:first-child:nth-last-child(n + 2) ~ div {
        margin: 6px 6px 6px 6px !important;
        width: 31%;
    }
}

/*END OF FRONTPAGELINKS*/
/*FRONTPAGELINKS 2*/
#frontPageLinksWrapper2 > div > div > a:last-child {
    display: none;
    text-align: center;
    background-color: /*FooterBgColor*/#11283A/*FooterBgColor*/;
    padding: 3px;
    color: /*FooterColor*/#FFFFFF/*FooterColor*/;
}

    #frontPageLinksWrapper2 > div > div > a:last-child:hover {
        color: /*FooterColor*/#FFFFFF/*FooterColor*/;
    }

@media screen and (min-width: 1100px) {

    #frontPageLinksWrapper2 > div.itemWrapper > div:first-child:nth-last-child(n + 3),
    #frontPageLinksWrapper2 > div.itemWrapper > div:first-child:nth-last-child(n + 3) ~ div {
        /* width: 31.33%; */
        /* border-radius: 20px; */
        overflow: hidden;
        box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
        outline: none;
        -webkit-backface-visibility: hidden;
    }
}

@media screen and (min-width: 960px) {

    #frontPageLinksWrapper2 .itemWrapper > div:first-child:nth-last-child(n + 2),
    #frontPageLinksWrapper2 .itemWrapper > div:first-child:nth-last-child(n + 2) ~ div {
        /* width: 30.96%; */
        /* border-radius: 20px; */
        overflow: hidden;
        box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
        outline: none;
        -webkit-backface-visibility: hidden;
    }
}

/*END OF FRONTPAGELINKS 2*/
/*FRONTPAGELINKS 3*/
#frontPageLinksWrapper3 > div {
    margin: 35px 0px 35px 0px;
}

#frontPageLinksWrapper3,
#frontPageLinksWrapper3::before,
#frontPageLinksWrapper3::after {
    box-sizing: border-box;
}


    #frontPageLinksWrapper3 > div > div > a:last-child {
        display: none;
        text-align: center;
        background: /*FooterBgColor*/#11283A/*FooterBgColor*/;
        padding: 3px;
        color: /*FooterColor*/#FFFFFF/*FooterColor*/;
    }

        #frontPageLinksWrapper3 > div > div > a:last-child:hover {
            color: /*FooterColor*/#FFFFFF/*FooterColor*/;
        }

@media screen and (min-width: 1100px) {

    #frontPageLinksWrapper3 > div.itemWrapper > div:first-child:nth-last-child(n + 3),
    #frontPageLinksWrapper3 > div.itemWrapper > div:first-child:nth-last-child(n + 3) ~ div {
        /* width: 31.33%; */

        overflow: hidden;
        box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
        outline: none;
        -webkit-backface-visibility: hidden;
    }
}

@media screen and (min-width: 960px) {

    #frontPageLinksWrapper3 .itemWrapper > div:first-child:nth-last-child(n + 2),
    #frontPageLinksWrapper3 .itemWrapper > div:first-child:nth-last-child(n + 2) ~ div {
        /* width: 30.96%; */

        overflow: hidden;
        box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
        outline: none;
        -webkit-backface-visibility: hidden;
    }
}

/*END OF FRONTPAGELINKS 3*/
/*CALENDAR*/
html.sitecontent .frontPageCalender {
    margin-bottom: 60px;
}

    html.sitecontent .frontPageCalender h1 {
        float: none;
        margin: 15px 1%;
        min-height: 30px;
        width: auto;
        text-align: center;
    }

    html.sitecontent .frontPageCalender .linkToCalendar {
        display: block;
        margin: 20px 1% 0 1%;
        font-size: 16px !important;
    }

    html.sitecontent .frontPageCalender .itemWrapper a {
        display: block;
        color: /*LinkColor*/#11283A/*LinkColor*/;
        font-size: 18px;
        padding: 10px 2%;
    }

        html.sitecontent .frontPageCalender .itemWrapper a:hover {
            background-color: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
            color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
        }

    html.sitecontent .frontPageCalender .itemWrapper span {
        display: inline-block;
        vertical-align: middle;
    }

        html.sitecontent .frontPageCalender .itemWrapper span.date {
            color: #808080;
            text-align: center;
            margin-right: 20px;
        }

    html.sitecontent .frontPageCalender .itemWrapper .arrow {
        color: /*HeadlineColor*/#000000/*HeadlineColor*/;
        float: right;
        margin-top: 12px;
    }

/*END OF CALENDAR*/
/*FRONTPAGENEWS*/
#frontPageNews {
    padding-bottom: 70px;
    padding-top: 30px;
}

.frontPageNews {
    font-size: 0;
    margin-top: 50px;
    background: /*SiteBgColor*/#FFFFFF/*SiteBgColor*/;
}

    .frontPageNews .itemWrapper {
    }

    .frontPageNews .linkToNews {
        display: block;
        margin: 20px auto 20px auto;
        text-align: center;
        margin-top: -40px;
        font-size: 21px !important;
        /* background-color: #000000; */
        width: 200px;
        padding: 10px;
        font-family: 'Big Shoulders Display', Arial, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .frontPageNews .itemWrapper > div {
        font-size: 16px;
        margin-top: 30px;
        text-align: left;
        /*img {
            width: 100%;
            margin-bottom: 8px;
        }*/
    }

#frontPageNews > div.itemWrapper > div.news-item {
    background-color: #fff;
    /* border-radius: 20px; */
    overflow: hidden;
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    background: #fff;
    outline: none;
    -webkit-backface-visibility: hidden;
    min-height: 360px; /*400*/
    position: relative; /* Required for absolute positioning */
    padding-bottom: 50px; /* Make space for the button */
}



@media screen and (max-width: 600px)
{

    .frontPageNews .news-teaser {
        margin-bottom: 6px;
        min-height: 40px;
        text-align: center;
        color: #000;
        font-size: 14px;
        margin-top: 34px !important;
        /*50px*/
    }

    #frontPageNews > div.itemWrapper > div.news-item {
        background-color: #fff;
        /* border-radius: 20px; */
        overflow: hidden;
        box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
        background: #fff;
        outline: none;
        -webkit-backface-visibility: hidden;
        min-height: 500px; /*400*/
        position: relative; /* Required for absolute positioning */
        padding-bottom: 50px; /* Make space for the button */
    }
    
}

@media screen and (min-width: 1178px) {
    .frontPageNews .itemWrapper > div {
        width: 23%;
    }

    .frontPageNews .itemWrapper > div {
        margin: 10px;
    }
}

@media screen and (max-width: 1177px) {
    .frontPageNews .itemWrapper > div {
        width: 48%;
    }

    .frontPageNews .itemWrapper > div {
        margin: 8px;
    }
}

@media screen and (max-width: 900px) {
    .frontPageNews .itemWrapper > div {
        width: 48%;
    }

    .frontPageNews .itemWrapper > div {
        margin: 6px;
    }
}

@media screen and (max-width: 739px) {
    .frontPageNews .itemWrapper > div {
        width: 99%;
        margin-bottom: 25px;
    }

    .frontPageNews .itemWrapper > div {
        margin: 15px 0px 15px 0px;
    }
}


@media screen and (max-width: 479px) {
    .frontPageNews .itemWrapper > div:first-child {
        margin-top: 0;
    }
}

.frontPageNews .itemWrapper > div h2 {
    margin-bottom: 5px;
    float: none;
    text-transform: uppercase;
    text-align: center !important;
    color: #000;
}

    .frontPageNews .itemWrapper > div h2 a {
        color: #ffffff;
        font-size: 16px;
        /* font-size: 15px; */
        line-height: 24px;
        /* font-weight: bold; */
        letter-spacing: 2px;
        font-family: 'Cardo','Roboto','Titillium Web', Arial, Helvetica, sans-serif;
    }

        .frontPageNews .itemWrapper > div h2 a:hover {
            color: gray;
        }

.frontPageNews .news-teaser {
    margin-bottom: 6px;
    min-height: 40px;
    text-align: center;
    color: #000;
    font-size: 14px;
    margin-top: 20px;
    /*50px*/
}

.frontPageNews .news-readmore {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}

    .frontPageNews .news-readmore a {
        padding: 5px 30px;
        color: /*NewsLink*/#FFFFFF/*NewsLink*/;
        display: inline-block;
    }



        .frontPageNews .news-readmore a:hover {
            color: gray;
        }

.frontPageWrapper .frontPageNews .date {
    font-size: 12px;
    display: none;
    text-align: center;
    margin-bottom: 8px;
    color: black;
}

#frontPageNews h2 {
    float: none;
    margin: 15px 1%;
    /* height: 40px; */
    width: auto;
    text-align: center;
    font-weight: bold;
}


.frontPageNews .itemWrapper {
    text-align: center;
}

@media screen and (min-width: 480px) {
    .frontPageNews {
        overflow: hidden;
    }


        .frontPageNews .itemWrapper > div {
            display: inline-block;
            vertical-align: top;
        }
}


/*END OF FRONTPAGENEWS*/
/*CONTACTFORM*/
#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.5);
    display: table;
    display: none;
    text-align: center;
}

    #loading .center {
        display: table-cell;
        vertical-align: middle;
    }

    #loading .box {
        background: #eeeeee;
        background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
        background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
        background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
        background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
        background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
        padding: 10px 20px;
        display: inline-block;
        border-radius: 5px;
    }

        #loading .box img {
            width: 30px;
            vertical-align: middle;
        }

        #loading .box span {
            font-size: 20px;
            vertical-align: middle;
            margin-left: 5px;
            color: #000;
        }

.formWrapper {
    width: 100%;
    max-width: 270px;
    display: inline-block;
}

    .formWrapper input,
    .formWrapper textarea,
    .formWrapper select {
        width: 100%;
        box-sizing: border-box;
        border: none;
        margin-bottom: 7px;
        height: 26px;
    }

    .formWrapper input {
        padding: 0 5px;
    }

        .formWrapper input[type=submit] {
            width: auto;
            height: auto;
            float: right;
            padding: 5px 20px;
            background: /*HeadlineColor*/#000000/*HeadlineColor*/;
            color: /*MenuActiveColor*/#02542A/*MenuActiveColor*/;
            font-size: 20px;
            text-transform: uppercase;
            cursor: pointer;
        }

    .formWrapper textarea {
        height: 80px;
        padding: 2px 5px;
    }

/*END OF CONTACTFORM*/
/*ABF*/
.frontPageActivitiesAbf {
    margin-top: 30px;
}

.abf-wrapper {
    overflow: hidden;
    text-transform: uppercase;
}

    .abf-wrapper h1 {
        color: #000000 !important;
    }

    .abf-wrapper .logowrapper {
        display: inline-block;
        border-radius: 50%;
        padding: 10px;
        background-color: #9C0058;
    }

    .abf-wrapper .list-wrapper {
        margin: -15px;
    }

        .abf-wrapper .list-wrapper .list {
            margin-top: 15px;
            display: table;
            width: 100%;
            border-spacing: 15px;
        }

            .abf-wrapper .list-wrapper .list > div {
                display: table-row;
            }

                .abf-wrapper .list-wrapper .list > div > div {
                    display: table-cell;
                    width: 33%;
                    padding: 15px;
                    background-color: #9C0058;
                }

    .abf-wrapper .date {
        float: left;
        width: 25%;
        padding: 5px;
        color: black;
        font-weight: bold;
        background-color: white;
        box-sizing: border-box;
        text-align: center;
    }

    .abf-wrapper .text {
        float: right;
        width: 68%;
    }

        .abf-wrapper .text a {
            color: white;
        }

@media screen and (max-width: 1400px) {
    .abf-wrapper .list-wrapper {
        margin: 0;
    }

        .abf-wrapper .list-wrapper .list {
            display: block;
        }

            .abf-wrapper .list-wrapper .list > div {
                display: block;
            }

                .abf-wrapper .list-wrapper .list > div > div {
                    width: 100%;
                    display: block;
                    margin-top: 15px;
                }
}

.sitecontent .flash .cycle-slide .rotationText2:empty {
    display: none;
}

@media screen and (max-width: 1399px) {
    .sitecontent .flash .cycle-slide .rotationText1 {
        font-size: 6vw;
        margin-top: -6.5vw;
    }

    .sitecontent .flash .cycle-slide .rotationText2 {
        font-size: 25px;
        margin-top: 5vw;
    }
}

@media screen and (max-width: 900px) {
    .sitecontent .flash .cycle-slide .rotationText1 {
        font-size: 8vw;
        /* margin-top: -11vw; */
    }

    .sitecontent .flash .cycle-slide .rotationText2 {
        display: inline-block;
        /* border-color: #ffffff; */
        color: #ffffff !important;
        background-color: #000000;
        /* border: 1px solid #fff!important; */
        text-align: center;
        text-decoration: none;
        /* transition: background .15s ease-in-out, color .15s ease-in-out; */
        padding: 12px 1.2em;
        white-space: nowrap;
        line-height: normal;
        position: absolute;
        top: 60% !important;
        /* opacity: 0; */
        left: 50% !important;
        transform: translate(-50%, -50%);
        cursor: pointer;
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 21px;
    }
}

@media screen and (min-width: 1400px) {
    .sitecontent .flash .cycle-slide .rotationText1 {
        font-size: 5vw;
        margin-top: -4vw;
    }

    .sitecontent .flash .cycle-slide .rotationText2 {
        font-size: 25px;
        margin-top: 5vw;
    }
}

.sitecontent .flash .cycle-slide .rotationText2 {
    display: inline-block;
    /* border-color: #ffffff; */
    color: #ffffff !important;
    background-color: #000000;
    /* border: 1px solid #fff!important; */
    text-align: center;
    text-decoration: none;
    /* transition: background .15s ease-in-out, color .15s ease-in-out; */
    padding: 12px 1.2em;
    white-space: nowrap;
    line-height: normal;
    position: absolute;
    top: 47%;
    /* opacity: 0; */
    left: 50% !important;
    transform: translate(-50%, -50%);
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 21px;
}

    .sitecontent .flash .cycle-slide .rotationText2:hover {
        background-color: #fff;
        color: #000 !important;
    }

@media screen and (max-width: 100px) {
    .sitecontent .flash .cycle-slide .rotationText2 {
        font-size: 20px !important;
    }
}

#form1 > div.siteWrapper.space > div.frontPageWrapper > div.imageRotation > div.flash > div > div.cycle-slide.cycle-slide-active {
    text-align: center;
}

.sitecontent .flash .cycle-slide .rotationText1 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    text-shadow: 0px 0px 10px #000;
    opacity: 0;
    top: 47%;
}



@media screen and (min-width: 1100px) {


    .hiddenOver1400 {
        display: none;
    }

    .contentWrapper .submenu {
        display: none;
    }


    .submenuWrapper {
        float: left;
        /*rettet fra 20*/
        margin-right: 10px;
        margin-left: 0px;
    }

    .sitecontent #siteNameWrapper h1 {
        margin-top: 0px;
    }


    .frontPageText {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
    }

    .submenuWrapper .submenu {
        display: block;
        margin-top: 20px;
    }

        .submenuWrapper .submenu ul li {
            display: none;
        }

            .submenuWrapper .submenu ul li a {
                padding: 5px 10px;
                line-height: 26px;
            }

            .submenuWrapper .submenu ul li.open {
                display: block;
                min-width: 180px;
            }

            .submenuWrapper .submenu ul li > i {
                padding: 0 !important;
            }

    .maxWidthWrapper {
        max-width: 1144px;
        margin: auto;
        padding: 0px 50px;
    }

    .maxWidthWrapperFront {
        max-width: 1144px;
        margin: auto;
        padding: 0px;
    }
}




@media screen and (max-width: 1600px) {
    .maxWidthWrapper {
    }

    .maxWidthWrapperFront {
        padding: 0px 14px;
    }
}

@media screen and (max-width: 1099px) {
    .maxWidthWrapper {
        margin: auto;
        padding: 0 10px;
    }

    .maxWidthWrapperFront {
        max-width: 960px;
        margin: auto;
        /*wrapper ?ndret fra 10 px*/
        padding: 0 10px;
    }
}

@media screen and (max-width: 1400px) {


    .sitecontent {
        /*  BODY  */
        padding: 0 0px;
    }

    .hiddenUnder1400 {
        display: none;
    }

    .submenuImage,
    .submenuHtml {
        display: block;
    }

    .frontPageText {
        text-align: center;
    }


    .menuWrapper {
        display: none;
    }


    .submenuWrapper .submenu {
        margin: 0;
        margin-bottom: 10px;
        display: none;
    }

        .submenuWrapper .submenu ul li {
            display: block;
        }
}

@media screen and (min-width: 481px) {
    .subcontent .calendar > table {
        width: 48%;
    }

    .subcontent .calendar ul {
        width: 48%;
        float: right;
        margin: 0;
    }
}


/* KAPSER �NDRING */
.menuWrapper {
    /* margin: auto; */
    /* text-align: center; */
    /* width: 1000px; */
    /* height: 50px; */
    /* padding-top: 30px; */
    /* padding-bottom: 15px; */

    text-align: right;
    float: right;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translate(-50%, -50%);
    transform: translate(0%, -50%);
    background-color: #00aff0;
}

/* #myHeader > ul:nth-child(1) > li:nth-child(2) > a > img {
				margin-left:20px;
	}

		#myHeader > ul:nth-child(1) > li:nth-child(3) > a > img {
				margin-left:20px;
	}

		#myHeader > ul:nth-child(1) > li:nth-child(4) > a > img {
				margin-left:20px;
	}
	 */
#myHeader > ul > li {
    display: inline-block;
    margin-left: 8px;
    float: right;
    margin-top: 4px;
    margin-bottom: -25px;
}

#myHeader > ul {
    margin-right: 20px;
}

#myHeader {
    width: 100%;
    background: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.logo {
    float: left;
    min-height: 60px;
    /* padding: 15px 15px 15px 50px; */
}

/* KASPER SLUT */

@media screen and (min-width: 481px) and (max-width: 1400px) {
    .logoWrapper {
        clear: none;
        display: block;
        float: right;
        margin-right: 10px;
        margin: 20px 8px 0 10px;
    }

    .horseListItem {
        width: 49%;
    }
}

#divPageContents > div.calendar > ul > li > h4 > a {
    font-size: 25px;
}

#divPageContents > div.calendar > ul > li > em {
    font-size: 15px;
}

#divPageContents > div.calendar > ul > li > h2 {
    font-size: 29px;
    font-weight: bold;
}

@media screen and (max-width: 899px) {
    .subcontent .calendar > table {
        float: none;
        width: 100%;
    }

    .subcontent .calendar ul {
        float: none;
        margin-left: 0;
        width: auto;
        margin-top: 10px;
    }
}

@media screen and (max-width: 480px) {
    .logoWrapper {
        clear: both;
        float: none;
        text-align: center;
        display: block;
        float: right;
        margin: 20px 8px 0 10px;
    }

    .sitecontent #divPageContents > div {
        /*?ndret fra 16px*/
        font-size: 18px;
    }


    .popupcontent .calendarview .stylebox {
        float: none;
        width: 100%;
        box-sizing: border-box;
    }

        .popupcontent .calendarview .stylebox .arrow {
            display: none;
        }

        .popupcontent .calendarview .stylebox h2 {
            width: 100%;
        }

    .horseListItem {
        width: 100%;
    }

    .frontPageNews .news-teaser {
        min-height: 0;
    }
}

@media screen and (min-width: 900px) {


    .subcontent div span.image:first-child {
        width: 48%;
        margin-right: 2%;
        float: left;
    }

    .subcontent div span.image + span.image {
        width: 48%;
        margin-left: 2%;
        margin-right: 0%;
        float: left;
    }

    .subcontent .fourImages span {
        width: 24%;
        margin-right: 1.33%;
    }

        .subcontent .fourImages span + span + span + span {
            margin: 0;
        }

    /*     .subcontent .gallery ul li {
        width: 22%;
        margin-right: 3.33%;
        margin-bottom: 3.33%;
    } */

    .subcontent .gallery ul li + li + li + li {
        margin: 0;
    }

    .newsitem a img {
        width: 160px;
        float: right;
    }
}

@media screen and (min-width: 601px) {

    /*     .subcontent .gallery ul li {
        width: 42%;
        margin-right: 3.33%;
        margin-left: 3.33%;
        margin-bottom: 3.33%;
    } */
    .newsitem a img {
        width: 160px;
        float: right;
    }
}

@media screen and (max-width: 600px) {

    /*     .subcontent .gallery ul li {
        width: 42%;
        margin-right: 3.33%;
        margin-left: 3.33%;
        margin-bottom: 3.33%;
    } */
    .newsitem a img {
        float: left;
    }
}

.newsitem a img {
    margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
    .subcontent .newsitem h2 em {
        float: left !important;
        width: 200px;
    }
}

@media screen and (max-width: 650px) {

    .subcontent .textAndImage span.fl,
    .subcontent .textAndImage span.fr {
        width: 100%;
        margin: 0 0 20px 0;
        max-width: none !important;
    }

    .subcontent div span.image {
        width: 100%;
    }

        .subcontent div span.image:first-child {
            margin-bottom: 4px;
        }

    .subcontent .fourImages span {
        width: 48%;
        margin: 2%;
    }

        .subcontent .fourImages span:first-child {
            margin-left: 0;
        }

        .subcontent .fourImages span + span {
            margin-right: 0;
        }

            .subcontent .fourImages span + span img {
                float: right;
            }

            .subcontent .fourImages span + span + span {
                margin-right: 2%;
                margin-left: 0;
                clear: left;
            }

                .subcontent .fourImages span + span + span img {
                    float: left;
                }

                .subcontent .fourImages span + span + span + span {
                    margin-right: 0;
                    margin-left: 2%;
                    clear: none;
                }

                    .subcontent .fourImages span + span + span + span img {
                        float: right;
                    }

    .subcontent .gallery li {
        width: 46%;
        margin: 0;
    }

        .subcontent .gallery li:first-child + li + li {
            clear: left;
        }

    .subcontent span.loggedInHeader {
        height: auto;
        min-height: 18px;
    }

    .subcontent .login input {
        margin: 0;
    }

    .subcontent .newsitem a {
        width: 100%;
        box-sizing: border-box;
    }

        .subcontent .newsitem a img {
            width: 100%;
        }

    .subcontent .newsitem h2 em {
        clear: both;
        float: left;
        margin-top: 4px;
    }

    .subcontent .newsview em {
        clear: both;
        margin-top: 6px;
    }
}

#tinybodyWrapper {
    padding: 0px;
    /*20PX*/
}

    #tinybodyWrapper #tinybody {
        width: 100%;
        margin: auto;
    }

        #tinybodyWrapper #tinybody .tinycontent {
            padding: 10px;
        }

        #tinybodyWrapper #tinybody .sitebottom {
            padding: 10px;
        }

        #tinybodyWrapper #tinybody .menu {
            margin-bottom: 4px;
        }

            #tinybodyWrapper #tinybody .menu a {
                display: inline-block;
                padding: 8px;
            }

        #tinybodyWrapper #tinybody .img {
            margin-bottom: 15px;
            width: 100%;
        }

        #tinybodyWrapper #tinybody h1 {
            font-size: 24px;
            margin-bottom: 10px;
        }

        #tinybodyWrapper #tinybody h2 {
            font-size: 20px;
            margin-bottom: 10px;
        }

        #tinybodyWrapper #tinybody p {
            margin-bottom: 15px;
        }

        #tinybodyWrapper #tinybody .border {
            border-style: solid;
            border-width: 1px;
        }

/*
@media screen and (min-width: 1100px) {
    .submenu {
        margin-right: 20px;
        margin-left: 10px;
        width: 200px;
        float: left;
        position: absolute;
        margin-left: auto !important;
        margin-right: auto;
        left: 0;
        right: 1400px;
    }
}

@media screen and (min-width: 1100px) {
    .submenu {
        margin-right: 20px;
        margin-left: 10px;
        width: 200px;
        float: left;
        position: absolute;
        margin-left: 12px;
        margin-right: auto;
        left: 0;
        right: 1400px;
    }
}
*/


/* .submenuImage img {
        width: 100% !important;
        max-width: 2920px !important;
        top: 230px;
        overflow: hidden;
    }

.submenuImage {
    margin-top: 0px !important;
    width: 100% !important;
} */


.submenuImage img {
    width: 100% !important;
    max-width: 100% !important;
    top: 230px;
    overflow: hidden;
}

    .submenuImage img.icon {
        max-width: 2920px !important;
        top: 230px;
        overflow: hidden;
    }

.submenuImage {
    margin-top: 0px !important;
    width: 100% !important;
    position: relative;
}


    .submenuImage span {
        display: block;
        width: 960px;
        /* Set your desired width */
        margin: 0 auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: white;
        overflow: hidden;
    }


        .submenuImage span img {
            width: 200px !important;
        }


        .submenuImage span p {
            margin: 0 auto;
        }

        .submenuImage span a {
            display: block;
            /* Make the link a block element */
            margin: 0 auto;
            /* Center the button horizontally */


            color: white;
            background-color: #beac99;
            /* outline: 1px solid #beac99; */
            outline-offset: 1px;
            width: 200px;
            padding: 20px;
        }


        .submenuImage span h2 {
            display: block;
            /* Make each inner element a block */
            margin-bottom: 30px;
            color: white;
        }

        .submenuImage span p {
            display: block;
            /* Make each inner element a block */
            /* margin-top: 30px;
margin-bottom: 30px; */

            color: white;
            max-width: 960px;
        }

        .submenuImage span a {
            display: block;
            /* Make each inner element a block */


            color: white;
        }


        .submenuImage span img {
            display: block;
            /* Make the image a block element */
            width: 200px !important;
            /* Set the width of the image */
            margin: 0 auto;
        }

        .submenuImage span p {
            display: block;
            /* Make each inner element a block */
        }




@media (min-width: 1601px) and (max-width:100%) {
    .submenuImage img.subMenuImage {
        width: 100% !important;
        min-height: 500px;
        object-fit: cover;
        /* Maintain aspect ratio and cover the container */
    }

    .submenuImage span img {
        display: block;
        /* Make the image a block element */
        width: 200px !important;
        /* Set the width of the image */
        margin: 0 auto;
        height: auto;
    }

    .submenuImage {
        width: 90%;
        /* Adjust container width for smaller screens */
    }

        .submenuImage span {
            width: 100%;
            /* Make span full width for smaller screens */
        }
}


@media (min-width: 280px) and (max-width:6000px) {


    .submenuImage img.subMenuImage {
        width: 100% !important;
        min-height: 500px;
        object-fit: cover;
        /* Maintain aspect ratio and cover the container */
    }

    .submenuImage span img {
        display: block;
        /* Make the image a block element */
        width: 200px !important;
        /* Set the width of the image */
        margin: 0 auto;
        height: auto;
    }

    .submenuImage {
        width: 90%;
        /* Adjust container width for smaller screens */
    }

        .submenuImage span {
            width: 100%;
            /* Make span full width for smaller screens */
        }
}


.submenuHtml {
    /* font-size: 3vw;
    color: #fff;
    text-shadow: 0px 0px 10px #000;
    margin-top: -12vw !important;
    width: 99%;
    position: absolute;

    font-family: 'Big Shoulders Display', Arial, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif ; */

    font-size: 3vw;
    color: #fff;
    text-shadow: 0px 0px 10px #000;
    margin-top: 0vw !important;
    position: relative;
    font-family: 'Titillium Web', 'Big Shoulders Display', Arial, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

    .submenuHtml img {
        margin-top: 10px;
    }

    .submenuHtml p {
        font-size: 20px;
        line-height: normal;
        color: white;
        margin: 0 auto;
        float: none;
        /* padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px; */
    }

    .submenuHtml a {
        color: white;
        background-color: black;
        outline: 1px solid #000;
        outline-offset: 1px;
        padding: 20px;
    }


#frontPageLinksWrapper h2 a:hover {
    color: /*FooterLinkHoverColor*/#AB9A67/*FooterLinkHoverColor*/;
}

#frontPageLinksWrapper2 h2 a:hover {
    color: /*FooterLinkHoverColor*/#AB9A67/*FooterLinkHoverColor*/;
}

#frontPageLinksWrapper3 h2 a:hover {
    color: /*FooterLinkHoverColor*/#AB9A67/*FooterLinkHoverColor*/;
}

#frontPageLinksWrapper h2 a {
    color: /*FooterLinkColor*/#CFBB7D/*FooterLinkColor*/;
    font-size: 21px;
    letter-spacing: 1px;
    font-weight: bold;
}

.frontpagelinks:hover {
}

#frontPageLinksWrapper2 h2 a {
    color: /*FooterLinkColor*/#CFBB7D/*FooterLinkColor*/;
    font-size: 21px;
    letter-spacing: 1px;
    font-weight: bold;
}

#frontPageLinksWrapper3 h2 a {
    color: /*FooterLinkColor*/#CFBB7D/*FooterLinkColor*/;
    font-size: 21px;
    letter-spacing: 1px;
    font-weight: bold;
}


#form1 > div.headWrapper > div.maxWidthWrapper > ul > li {
    display: inline-block;
    margin-left: 8px;
    float: right;
    margin-top: 4px;
}

.fa {
    width: 18px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

    .fa:hover {
        opacity: 0.7;
    }

.fa-facebook {
    /* background: #3B5998; */
    color: /*FooterColor*/#FFFFFF/*FooterColor*/;
    border-radius: 50%;
    font-size: 25px;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-google {
    background: #dd4b39;
    color: white !important;
    border-radius: 50%;
}

.fa-linkedin {
    background: #007bb5;
    color: /*FooterColor*/#FFFFFF/*FooterColor*/;
    border-radius: 50%;
    font-size: 25px;
}

.fa-youtube {
    background: #bb0000;
    color: white !important;
    border-radius: 50%;
}

.fa-instagram {
    /* background: #125688; */
    color: /*FooterColor*/#FFFFFF/*FooterColor*/;
    border-radius: 50%;
    font-size: 25px;
}

.fa-pinterest {
    background: #cb2027;
    color: white !important;
    border-radius: 50%;
}

.fa-snapchat-ghost {
    background: #fffc00;
    color: white !important;
    border-radius: 50%;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}

.fa-skype {
    background: #00aff0;
    color: white !important;
    border-radius: 50%;
}

.fa-android {
    background: #a4c639;
    color: white !important;
    border-radius: 50%;
}

.fa-dribbble {
    background: #ea4c89;
    color: white !important;
    border-radius: 50%;
}

.fa-vimeo {
    background: #45bbff;
    color: white !important;
    border-radius: 50%;
}

.fa-tumblr {
    background: #2c4762;
    color: white !important;
    border-radius: 50%;
}

.fa-vine {
    background: #00b489;
    color: white !important;
    border-radius: 50%;
}

.fa-foursquare {
    background: #45bbff;
    color: white !important;
    border-radius: 50%;
}

.fa-stumbleupon {
    background: #eb4924;
    color: white !important;
    border-radius: 50%;
}

.fa-flickr {
    background: #f40083;
    color: white !important;
    border-radius: 50%;
}

.fa-yahoo {
    background: #430297;
    color: white !important;
    border-radius: 50%;
}

.fa-soundcloud {
    background: #ff5500;
    color: white !important;
    border-radius: 50%;
}

.fa-reddit {
    background: #ff5700;
    color: white !important;
    border-radius: 50%;
}

.fa-rss {
    background: #ff6600;
    color: white !important;
    border-radius: 50%;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

    .sticky + .frontPageWrapper {
        padding-top: 90px;
    }

#frontPageNews_newsImage {
    /* display: block; */
    width: 100%;
}

@media screen and (max-width: 1400px) {
    #frontPageNews_newsImage {
        max-width: 700px !important;
        display: block;
        height: 170px;
        object-fit: cover;
    }
}

@media screen and (max-width: 1177px) {
    #frontPageNews_newsImage {
        display: block;
        height: 300px;
        object-fit: cover;
    }
}

.knapLogo {
    display: none;
}

@media screen and (min-width: 961px) {
    .frontPageNews .itemWrapper > div img {
        /* display: block; */
        width: 100%;
        object-fit: cover;
        height: 170px;
    }

    .frontPageNews .itemWrapper .no-image > div img {
        /* display: block; */
        width: 100%;
        object-fit: cover;
        height: 170px;
    }

    .frontPageNews .itemWrapper .no-image1 > div img {
        /* display: block; */
        width: 100%;
        object-fit: cover;
        height: 170px;
    }
}

@media screen and (max-width: 1177px) {
    .frontPageNews .itemWrapper > div img {
        max-width: 700px !important;
        width: 100%;
        object-fit: cover;
        height: 300px;
    }

    .frontPageNews .itemWrapper .no-image > div img {
        max-width: 700px !important;
        width: 100%;
        object-fit: cover;
        height: 300px;
    }

    .frontPageNews .itemWrapper .no-image1 > div img {
        max-width: 700px !important;
        width: 100%;
        object-fit: cover;
        height: 300px;
    }
}

/*-----------------*/
/*---MOBILE MENU---*/
/*-----------------*/
.mobileMenu {
    z-index: 20000;
    position: fixed;
    top: 0;
    right: -370px;
    height: 100%;
    width: 370px;
    /*320*/
    background: /*MobileMenu*/#02542A/*MobileMenu*/;
    border-left: 1px solid /*MenuColor*/#11283A/*MenuColor*/;
    transition: ease-in-out right 0.5s;
    overflow-x: hidden;
    overflow-y: scroll;
    box-sizing: border-box;
}

    .mobileMenu .navigationbar {
        margin-bottom: 0;
    }

        .mobileMenu .navigationbar li {
            height: 40px;
        }

            .mobileMenu .navigationbar li span {
                left: auto;
                right: 0;
                transform: rotate(45deg);
                font-size: 34px;
            }

                .mobileMenu .navigationbar li span.open {
                    color: /*MenuColor*/#11283A/*MenuColor*/;
                }

    .mobileMenu > ul {
        margin: 0;
    }

        .mobileMenu > ul li {
            border-bottom: 1px solid /*MobileMenuLinkBorder*/#024724/*MobileMenuLinkBorder*/;
            background: /*MobileMenu*/#02542A/*MobileMenu*/;
            color: /*MobileMenuLink*/#FFFFFF/*MobileMenuLink*/;
            float: left;
            width: 100%;
            position: relative;
            box-sizing: border-box;
        }


            .mobileMenu > ul li a {
                color: /*MobileMenuLink*/#FFFFFF/*MobileMenuLink*/;
                font-weight: bold;
                font-size: 16px;
                line-height: 20px;
                margin: 10px 10px 10px 40px;
                display: block;
                /* text-transform: uppercase; */
            }

                .mobileMenu > ul li a:hover {
                    color: /*MobileMenuLinkHover*/#CFBB7D/*MobileMenuLinkHover*/;
                }

                .mobileMenu > ul li a:focus {
                    /*MenuActiveColor*/
                    color: /*MobileMenuLinkHover*/#CFBB7D/*MobileMenuLinkHover*/;
                }

            .mobileMenu > ul li span {
                /*MenuColor*/
                color: /*MobileMenuLink*/#FFFFFF/*MobileMenuLink*/;
                position: absolute;
                top: 0;
                left: 0;
                cursor: pointer;
                display: block;
                width: 40px;
                height: 40px;
                text-align: center;
                vertical-align: middle;
                transition: ease-in-out transform 0.2s;
                font-size: 20px;
                line-height: 40px;
            }

                .mobileMenu > ul li span.open {
                    transform: rotate(45deg);
                    color: /*MobileMenuLinkHover*/#CFBB7D/*MobileMenuLinkHover*/;
                }

            .mobileMenu > ul li ul {
                display: none;
            }

                .mobileMenu > ul li ul li {
                    border-top: 1px solid /*MenuColor*/#11283A/*MenuColor*/;
                    background: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
                    border-bottom: 0;
                }

            .mobileMenu > ul li.selected > a {
                color: /*MobileMenuLinkHover*/#CFBB7D/*MobileMenuLinkHover*/;
                display: block;
            }

            .mobileMenu > ul li > ul li {
                border-top: 1px solid /*MobileMenuLinkBorder*/#024724/*MobileMenuLinkBorder*/;
                background: /*MenuBgColor*/#F7F7F7/*MenuBgColor*/;
                background-color: rgba(0, 0, 0, 0.1);
            }

                .mobileMenu > ul li > ul li a {
                    color: /*MobileMenuSubLink*/#F7F7F7/*MobileMenuSubLink*/;
                    font-weight: normal;
                }

                    .mobileMenu > ul li > ul li a:hover {
                        color: /*MobileMenuLinkHover*/#CFBB7D/*MobileMenuLinkHover*/;
                    }

                    .mobileMenu > ul li > ul li a:focus {
                        color: /*MobileMenuLinkHover*/#CFBB7D/*MobileMenuLinkHover*/;
                    }

                .mobileMenu > ul li > ul li > ul li {
                    color: #cdcdcd;
                    background-color: rgba(0, 0, 0, 0.2);
                }

                    .mobileMenu > ul li > ul li > ul li > ul li {
                        color: #e0e0e0;
                        background-color: rgba(0, 0, 0, 0.3);
                    }

                        .mobileMenu > ul li > ul li > ul li > ul li > ul li {
                            background: #c8c8c8;
                        }

                            .mobileMenu > ul li > ul li > ul li > ul li > ul li > ul li {
                                background: #bebebe;
                            }

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
}

    #return-to-top img {
        color: #fff;
        margin: 0;
        position: relative;
        left: 13px;
        top: 18px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: rgba(0, 0, 0, 0.9);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 5px;
        }

#divPageContents > div.newsview > h1 {
    margin-top: 10px;
}

#divPageContents > div.newsview > div.text > p {
    margin-top: 10px;
}


#form1 > div.siteWrapper.space > div:nth-child(6) > div > div > div.flash {
}

    #form1 > div.siteWrapper.space > div:nth-child(6) > div > div > div.flash > div > div.cycle-slide.cycle-slide-active > img {
        min-height: 200px;
    }


.left-arrow {
    color: #FFF;
    font-size: 40pt;
    z-index: 9999;
    position: absolute;
    left: 10px;
    margin-top: -21vw;
    color: white;
    cursor: pointer;
}

.right-arrow {
    color: #FFF;
    font-size: 40pt;
    z-index: 9999;
    position: absolute;
    right: 10px;
    margin-top: -21vw;
    color: white;
    cursor: pointer;
}


/*custom css, flexbox*/

.flex-header {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.flex-navigation-item {
    padding: 0;
    display: flex;
    justify-content: center;
    /* Center items horizontally */
    align-items: center;
    /* Centers items vertically */
}


    /*Contact/mail and flags*/
    .flex-navigation-item:last-child {
        display: flex;
        justify-content: space-between;
        gap: 0px;
    }

    /* Apply gap between flex items for the third class */
    .flex-navigation-item.third-class div {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    /* Apply gap between flex items for the other classes */
    .flex-navigation-item:not(.third-class) div:nth-child(1) {
        display: flex;
        justify-content: space-between;
        /* Fallback for browsers not supporting gap */
        margin-right: 10px;
    }

    /*Contact section in the right side*/
    .flex-navigation-item:not(.third-class) div:nth-child(2) {
        display: flex;
        justify-content: space-between;
        /* Fallback for browsers not supporting gap */
        margin-right: 30px;
        gap: 0px;
        /*30px*/
    }


    /* Remove right margin from the last child */
    .flex-navigation-item div:last-child {
        margin-right: 0;
    }




    /*Flags*/
    .flex-navigation-item ul li {
        display: inline-block;
        margin-right: 5px;
    }

    .flex-navigation-item a.fa-envelope {
        color:
        /*MenuColor*/
        #B48D69
        /*MenuColor*/
        ;
        font-size: 23px !important;
        margin-right: 25px;
        margin-top: 3px;
    }

    .flex-navigation-item a i.fa-phone-alt {
        color:
        /*MenuColor*/
        #B48D69
        /*MenuColor*/
        ;
        font-size: 20px !important;
        margin-top: 4px;
    }


    /*mobile menu*/
    .flex-navigation-item div i.fas.fa-bars {
        display: none;
    }


.logo {
    float: left;
    min-height: 60px;
}


.mobileMenu > ul li div {
    color: red;
    margin: 10px 10px 10px 40px;
    width: 100%;
}

.mobileMenu .flagTop {
    margin: 10px 10px 10px 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .mobileMenu .flagTop .flags {
        display: flex;
        gap: 10px;
        align-items: flex-start;
    }

    .mobileMenu .flagTop div.navigationbar {
        left: auto;
        right: 0;
        transform: rotate(45deg) !important;
        font-size: 34px;
    }

    .mobileMenu .flagTop div.navigationbar {
        transform: rotate(45deg);
        color: /*MobileMenuLinkHover*/#CFBB7D/*MobileMenuLinkHover*/;
        font-size: 40px;
    }

a.phoneStyle {
    font-family: 'Big Shoulders Display', Arial, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: /*MenuColor*/#11283A/*MenuColor*/;
}


@media screen and (min-width: 1100px) {
    .left-arrow {
        color: #FFF;
        font-size: 40pt;
        z-index: 9999;
        position: absolute;
        left: 10px;
        margin-top: -18vw;
        color: white;
        cursor: pointer;
    }

    .right-arrow {
        color: #FFF;
        font-size: 40pt;
        z-index: 9999;
        position: absolute;
        right: 10px;
        margin-top: -18vw;
        color: white;
        cursor: pointer;
    }


    .left-arrow:nth-child(2) {
        color: #FFF;
        font-size: 40pt;
        z-index: 9999;
        position: absolute;
        left: 10px;
        margin-top: -18vw;
        color: white;
        cursor: pointer;
    }

    .right-arrow:nth-child(2) {
        color: #FFF;
        font-size: 40pt;
        z-index: 9999;
        position: absolute;
        right: 10px;
        margin-top: -18vw;
        color: white;
        cursor: pointer;
    }
}


@media (max-width:600px) {

    /*Flags*/
    .flex-navigation-item ul li {
        display: none;
    }
}

@media (max-width:825px) {
    /*breakpoint mail og telefon*/

    .flex-navigation-item a.fa-envelope {
        display: none;
    }

    .flex-navigation-item a i.fa-phone-alt {
        display: none;
    }

    /*Phone*/
    .link {
        display: none;
    }
}

@media (max-width: 1079px) {
    .flex-navigation-item:nth-child(2) {
        display: none !important;
    }

    /*Menu icon*/
    .menuIcon {
        display: block;
    }
}

@media (min-width: 1080px) {
    /*Menu icon*/
    .menuIcon {
        display: none;
    }
}


@media (max-width: 1280px) {

    /*Logo*/
    .flex-header .flex-navigation-item .flex-logo {
        max-width: 70% !important;
    }


    /*Menu*/



    .flex-header .flex-navigation-item .menu ul li a {
        font-size: 16px !important;
    }
}

/* PRODUCT LIST */

.subcontent .productlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

    .subcontent .productlist .productitem {
        display: flex;
        flex-direction: column;
        flex-basis: calc(33.33% - 10px);
        margin: 5px;
        box-sizing: border-box;
        justify-content: start;
        border: solid 1px #F7F7F7;
        background-color: #11283A;
    }

@media screen and (max-width: 800px) {
    .subcontent .productlist {
        justify-content: center;
        gap: 30px;
    }

        .subcontent .productlist .productitem {
            flex-basis: 90%;
            margin: 5px 0;
        }
}

.subcontent .productlist .productitem img {
    width: 100%;
    min-width: 100%;
    height: 400px;
    max-height: 400px;
    object-fit: cover;
}

.subcontent .productlist .productitem div {
    border-top: 10px solid #CFBB7D;
    text-align: center;
    background-color: #11283A;
    padding: 20px;
    height: -webkit-fill-available;
    max-height: 60px;
}

    .subcontent .productlist .productitem div a {
        color: #ffffff;
        font-family: 'Cardo','Roboto','Titillium Web', Arial, Helvetica, sans-serif;
        /* font-weight: bold; */
    }



        .subcontent .productlist .productitem div a:hover {
            color: #ffffff;
        }

        .subcontent .productlist .productitem div a.tagline {
            color: #adadad !important;
            font-weight: normal;
            font-size: 12px;
            display: inline-block;
            margin-top: 5px;
            font-family: 'Roboto';
        }

            .subcontent .productlist .productitem div a.tagline:hover {
                color: #adadad !important;
            }

/* END OF PRODUCT LIST*/

/* PRODUCT VIEW */

.subcontent .productview {
    float: left;
}

    .subcontent .productview .productData {
        margin-top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        padding: 5px 10px;
        font-size: 14px;
    }

        .subcontent .productview .productData table {
            width: 100%;
        }

            .subcontent .productview .productData table tr td {
                padding: 10px 5px;
                border-bottom: 2px solid #CFBB7D;
            }

            .subcontent .productview .productData table tr:last-child td {
                border-bottom: 0px solid #CFBB7D;
            }

    .subcontent .productview .productRates {
        margin-top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        padding: 15px;
    }

        .subcontent .productview .productRates .OrderButton {
            width: 100%;
            padding: 10px;
            background-color: #11283A;
            border-radius: 22px;
            display: block;
            box-sizing: border-box;
            text-align: center;
            color: #fff;
            margin-top: 15px;
            transition: background 0.3s ease;
        }

            .subcontent .productview .productRates .OrderButton:hover {
                background-color: #2c516d;
            }

    .subcontent .productview .productLink {
        padding: 5px 15px;
        background-color: #bbbbbb;
        border-radius: 22px;
        display: inline-block;
        box-sizing: border-box;
        color: #000;
        margin: 15px 5px 0 5px;
        font-size: 14px;
        transition: background 0.3s ease;
    }

        .subcontent .productview .productLink:hover {
            background-color: #888888;
        }

    .subcontent .productview h1 {
        line-height: 50px;
        margin-bottom: 10px;
        color: #11283A;
    }

    .subcontent .productview h2 {
        font-size: 20px;
        font-weight: bold;
        color: #11283A;
    }

    .subcontent .productview ul li {
        list-style: disc;
        margin-left: 20px;
        font-size: 14px;
    }

    .subcontent .productview a.familyTreeLink {
        padding: 5px 15px;
        background-color: #11283A;
        border-radius: 22px;
        display: inline-block;
        box-sizing: border-box;
        color: #fff;
        margin: 15px 5px 0 5px;
        font-size: 14px;
        transition: background 0.3s ease;
    }

        .subcontent .productview a.familyTreeLink:hover {
            background-color: #2c516d;
        }

    .subcontent .productview .product-gallery {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

        .subcontent .productview .product-gallery .productMainImage {
            margin: 0 5px;
            box-sizing: border-box;
            display: inline-block;
        }

            .subcontent .productview .product-gallery .productMainImage img {
                width: 100%;
                cursor: pointer;
                border-radius: 10px;
            }

        .subcontent .productview .product-gallery ul {
            display: flex;
            flex-wrap: wrap;
            padding: 0;
            margin: 0;
            margin-top: 10px;
            list-style: none;
        }


            .subcontent .productview .product-gallery ul li {
                list-style: none;
                margin-left: 0;
                flex: 1 1 calc(20% - 10px);
                max-width: calc(20% - 10px);
                margin: 5px;
                aspect-ratio: 1 / 1;
                box-sizing: border-box;
                position: relative;
                overflow: hidden;
                background: lightgray;
                border-radius: 10px;
            }

                .subcontent .productview .product-gallery ul li img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    opacity: 0.5;
                    cursor: pointer;
                    transition: opacity 0.3s ease;
                }

                    .subcontent .productview .product-gallery ul li img.active {
                        opacity: 1;
                    }

                    .subcontent .productview .product-gallery ul li img:hover {
                        opacity: 1;
                    }

    .subcontent .productview .unions {
        float: left;
        width: 100%;
        background-color: #CFBB7D;
        padding: 10px;
        border-radius: 10px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 20px;
    }

        .subcontent .productview .unions .unionImage {
            display: flex;
            flex-direction: column;
            flex-basis: calc(10% - 10px);
            margin: 5px;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
        }

        .subcontent .productview .unions img {
            width: 40px;
            height: 40px;
        }

    .subcontent .productview .tabgallery {
        width: 100%;
        margin-top: 15px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

        .subcontent .productview .tabgallery div {
            border: solid 1px #eee;
            padding: 15px;
            border-radius: 4px;
            transition: .2s all;
            min-width: 0;
            font-size: 14px;
        }

            .subcontent .productview .tabgallery div img {
                width: 100%;
                height: auto;
                object-fit: cover;
                display: block;
                margin-bottom: 15px;
                height: 200px;
            }

@media screen and (max-width: 800px) {
    .subcontent .productview .tabgallery {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* END OF PRODUCT VIEW */

/* TABS */
.tabs {
    margin-top: 15px;
    width: 100%;
    overflow: hidden;
}

.tab-label {
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    background: #bbbbbb;
    transition: background 0.3s ease;
    box-sizing: border-box;
    float: left;
    margin-right: 2px;
    /* border-radius: 10px 10px 0 0; */
}

    .tab-label:hover {
        background: #888888;
    }

input.inputRb {
    display: none;
}

.tab-content {
    display: none;
    padding: 20px;
    width: 100%;
    float: left;
    /* border-radius: 0 10px 10px 10px; */
    background: #fff;
    box-sizing: border-box;
    border: solid 1px #CFBB7D;


}



#tab1:checked ~ .content1,
#tab2:checked ~ .content2,
#tab3:checked ~ .content3 {
    display: block;
}

#tab1:checked ~ .labels .label1,
#tab2:checked ~ .labels .label2,
#tab3:checked ~ .labels .label3 {
    background: #CFBB7D;
    color: white;
}

/* END OF TABS */

/* GRID */

.grid-container {
    display:grid;
    grid-template-columns: 1fr 1fr;
  
    gap: 30px;
    align-items: start;
    
}

.grid-item
{
    /* position: sticky;
    top:100px; */
 
}

@media screen and (max-width: 800px)
{
    .grid-item
    {
        /* position:unset; */
    
     
    }  
}





@media screen and (max-width: 800px) {
    .grid-container {
        grid-template-columns: 1fr;
    }


}

/* END OF GRID */

/* RESPONSIVE TABLE */

.table-container {
    width: 100%;
    overflow-x: auto;
}

table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 500px;
}

    table.responsive-table td {
        border: 0px;
        text-align: left;
        word-wrap: break-word;
        background-color: #1d3344;
    }

        table.responsive-table td.altCell {
            background-color: #051b29;
        }

        table.responsive-table td a {
            color: #fff;
            font-size: 14px;
        }

            table.responsive-table td a:hover {
                color: #eaeaea;
            }

        table.responsive-table td img {
            width: 25px;
        }

    table.responsive-table table {
        width: 100%;
        table-layout: fixed
    }

        table.responsive-table table td {
            word-wrap: break-word;
            background-color: transparent;
            padding: 10px;
        }

            table.responsive-table table td:nth-child(1) {
                width: 15px;
                text-align: center;
                color: #CFBB7D
            }

            table.responsive-table table td:nth-child(3) {
                width: 25px;
                text-align: center;
                color: #CFBB7D
            }

/* END OF RESPONSIVE TABLE */