/********************************************************************/
/*                                                                  */
/*                         Slide position                           */
/*                                                                  */
/********************************************************************/

#panResponsiveSlides {
    /*box-shadow: 0 38px 20px -31px rgba(0,0,0,0.2);*/
}

/********************************************************************/
/*                                                                  */
/*                       News Rotator position                      */
/*                                                                  */
/********************************************************************/

#nyheder {
    display: table-cell;
    float: right;
    box-shadow: 0 38px 20px -31px rgba(0,0,0,0.2);
    height: 355px;
    background-color: #333;
}

/* FIREFOX FIX */
@-moz-document url-prefix() {
    #nyheder {
        height: auto;
    }
}

/********************************************************************/
/*                                                                  */
/*                           Teaser boxes                           */
/*                                                                  */
/********************************************************************/

/* Teasersite boxes */

.innerBackground {
    position: relative;
    z-index: 2;
    padding: 1em;
}

#pageTeaserBoxId_1 {
    /*background: #e3b035;
    background: -webkit-linear-gradient(#ffcc50, #e3b035); 
    background: -o-linear-gradient(#ffcc50, #e3b035); 
    background: -moz-linear-gradient(#ffcc50, #e3b035); 
    background: linear-gradient(#EBBC4A, #e3b035);*/
}

    #pageTeaserBoxId_1 h1 {
        /*text-shadow: 0px 0px 5px #7C5E17;*/
    }

    #pageTeaserBoxId_1 p {
        /*text-shadow: 0px 0px 5px #7C5E17;*/
    }

/*#pageTeaserBoxId_1:after {
        content: "\f0c0";
    }*/

#pageTeaserBoxId_2 {
    /*background: #0087c3;
    background: -webkit-linear-gradient(#01a3eb, #0087c3); 
    background: -o-linear-gradient(#01a3eb, #0087c3); 
    background: -moz-linear-gradient(#01a3eb, #0087c3); 
    background: linear-gradient(#01a3eb, #0087c3);*/
}

    #pageTeaserBoxId_2 h1 {
        /*text-shadow: 0px 0px 5px #003B55;*/
    }

    #pageTeaserBoxId_2 p {
        /*text-shadow: 0px 0px 5px #003B55;*/
    }

/*#pageTeaserBoxId_2:after {
        content: "\f15c";
    }*/

#pageTeaserBoxId_3 {
    /*background: #317f31;
    background: -webkit-linear-gradient(#49c749, #317f31); 
    background: -o-linear-gradient(#49c749, #317f31); 
    background: -moz-linear-gradient(#49c749, #317f31); 
    background: linear-gradient(#49c749, #317f31);*/
}

    #pageTeaserBoxId_3 h1 {
        /*text-shadow: 0px 0px 5px #005F00;*/
        /*color: #FFF;*/
    }

    #pageTeaserBoxId_3 p {
        /*text-shadow: 0px 0px 5px #005F00;*/
    }

/*#pageTeaserBoxId_3:after {
        content: "\f07a";
    }*/

#pageTeaserBoxId_4 {
    /*background: #F55856;
    background: -webkit-linear-gradient(#F55856, #D30503); 
    background: -o-linear-gradient(#F55856, #D30503); 
    background: -moz-linear-gradient(#F55856, #D30503); 
    background: linear-gradient(#F55856, #D30503);*/
}

    #pageTeaserBoxId_4 h1 {
        /*text-shadow: 0px 0px 5px #7C5E17;*/
    }

    #pageTeaserBoxId_4 p {
        /*text-shadow: 0px 0px 5px #7C5E17;*/
    }

/*#pageTeaserBoxId_4:after {
        content: "\f0c0";
    }*/

/********************************************************************/
/*                                                                  */
/*                            Box teasers                           */
/*                                                                  */
/********************************************************************/
/************************************************/
/*                Teaser section                */
/************************************************/

.pageSection {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/************************************************/
/*                Column setup                  */
/************************************************/

.pageCol {
    display: block;
    float: left;
    margin: 1% 0 1% 0%;
    position: relative;
    color: #000;
}

    .pageCol:after {
        font-family: FontAwesome;
        text-align: center;
        top: 0.5em;
        display: block;
        width: 100%;
        line-height: 0.3em;
        position: absolute;
        font-size: 10em;
        color: #f3f3f3;
        opacity: 0.08;
        z-index: 1;
        text-shadow: 1px 4px 6px #000, 0 0 0 #000, 1px 4px 6px #000;
        font-weight: 800;
    }

/*.pageCol:nth-last-child(3) {
        width: 33.33%;
    }*/

/************************************************/
/*                   Grouping                   */
/************************************************/

.pageGroup:before,
.pageGroup:after {
    content: "";
    display: table;
}

.pageGroup:after {
    clear: both;
}

.pageGroup {
    zoom: 1; /* For IE 6/7 */
    margin-left: 0%;
    margin-right: 0%;
    background-color: #fff;
    box-shadow: 0 30px 20px -31px rgba(0,0,0,0.2);
    margin-bottom: 1em;
}

.pageCol:nth-child(1n+2) {
    border-left: solid 1px #eee;
}

/************************************************/
/*                   Grid of 2                  */
/************************************************/

/* Define class @ macro in html file */
.pageTeaserBox2 {
    width: 49.2%;
}

/************************************************/
/*                   Grid of 3                  */
/************************************************/
.pageTeaserBox3 {
    width: 33.26%;
}

/************************************************/
/*                   Grid of 4                  */
/************************************************/
.pageTeaserBox4 {
    width: 23.8%;
}

#textDiv {
    margin-left: 1%;
    margin-right: 1%;
}

/************************************************/
/*                  Text styling                */
/************************************************/


.pageColTop h1 {
    font-size: 2em;
    /*color: #FFF;*/
    font-weight: 800;
    margin: 0px;
    margin-bottom: 10px;
}

.pageColText p {
    font-size: 1.4em;
    /*color: #FFF;*/
    height: 65px;
    overflow: hidden;
}

.pageColText {
    height: 8em;
}

.pageColMore {
    text-align: right;
}

    .pageColMore a {
        color: #FFF;
        text-decoration: none;
        font-size: 1.2em;
        padding: 0.5em 1.5em 0.5em 1.5em;
        background: #3b3b3b;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

        .pageColMore a:hover {
            background: #000;
        }

/********************************************************************/
/*                                                                  */
/*                           Frontpage Textbox                      */
/*                                                                  */
/********************************************************************/

#spotTop {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    padding-top: 10px;
    background: #f5f5f5;
    box-shadow: 0 38px 20px -31px rgba(0,0,0,0.2);
    padding: 1em;
}

#welcomeHeader {
    font-size: 2em;
    margin-bottom: .5em;
}

#frontpageTextbox {
    margin-top: 2em;
}

    #frontpageTextbox h4 {
        font-size: 3em;
        margin: 0.5em 0em 0.5em 0em;
    }

    #frontpageTextbox p {
        font-size: 1.2em;
        line-height: 1.2em;
        margin-bottom: 1em;
    }

/********************************************************************/
/*                                                                  */
/*                            News teasers                          */
/*                                                                  */
/********************************************************************/

.newsSection {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/************************************************/
/*                  Column setup                */
/************************************************/

.newsCol {
    position: relative;
    display: block;
    float: left;
 margin: 0% 0 1% .8%;
    /*border-right: solid .12em #e2e2e2;*/
    /* margin: 1% 0 1% 1.6%; - standard, passer til 32,26% */
    background-color: #85b09a;
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#EEE));
    background: -webkit-linear-gradient(top, #FFF, #EEE);
    background: -moz-linear-gradient(top, #FFF, #EEE);
    background: -ms-linear-gradient(top, #FFF, #EEE);
    background: -o-linear-gradient(top, #FFF, #EEE);*/
    box-shadow: 0 38px 20px -31px rgba(0,0,0,0.2);
}

    .newsCol:last-child {
        border: none;
    }

.newsColTop {
    margin: 14.8em 0 0 .5em;
}

    .newsColTop > p {
        font-size: 1.6em;
        margin: 0px;
        font-weight: 800;
    }

    .newsColTop h2 {
        height: 1.2em;
        overflow: hidden;
        color: #000;
        font-size: 1.4em;
        /*padding-left: .5em;*/
        /*line-height: 1em;*/
        /*font-weight: lighter;*/
        /*font-family: 'giorgio-normal', 'Calibri', Arial, sans-serif;*/
    }

.circleImg {
    height: 13.4em;
    /*float: left;*/
    position: absolute;
    top: 0;
    /*margin-left: 1em;*/
    width: 17.9em;
    overflow: hidden;
}

.newsCol img {
    height: 13.4em;
}

.newsColText {
    height:11.7em;
    color: #000;
    overflow: hidden;
    margin: -1.5em 0 .5em 0;
    padding: .5em;
    font-size: 1.1em;
}

.newsColMore a {
    color: #000;
    /*text-decoration: none;
    height: 38px;
    display: block;
    line-height: 36px;
    font-weight: 400;
    text-decoration: none;
    background: #333;
    background-color: #333;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#111));
    background: -webkit-linear-gradient(top, #333, #111);
    background: -moz-linear-gradient(top, #333, #111);
    background: -ms-linear-gradient(top, #333, #111);
    background: -o-linear-gradient(top, #333, #111);
    border-bottom: 2px solid #cc0000;*/
    font-size: 1.2em;
    transition: all 100ms ease-in-out 0s;
    margin: 0 1em .5em 0;
}

    .newsColMore a:after {
        content: "\f178";
        font-family: fontAwesome;
        margin: 0 0 0 .2em;
        font-size: .8em;
    }

/*.newsColMore a:hover {
        background: #000;
    }*/

.newsCol:last-child {
    margin-right: 0;
}

.newsColMore {
    text-align: right;
    padding-bottom: .5em;
}

    .newsColMore a:hover {
        margin: 0 .5em .5em 0;
    }
/************************************************/
/*                    Grouping                  */
/************************************************/

.newsGroup:before,
.newsGroup:after {
    content: "";
    display: table;
}

.newsGroup:after {
    clear: both;
}

.newsGroup {
    zoom: 1; /* For IE 6/7 */
}

/************************************************/
/*                   Grid of 3                  */
/************************************************/

.newsTeaserBox3 {
    width: 200px;
    /* width: 32.26%; standard */
    position: relative;
}

/************************************************/
/*                   Grid of 4                  */
/************************************************/
.newsTeaserBox4 {
    width: 23.8%;
}

/************************************************/
/*                   Grid of 5                  */
/************************************************/
.newsTeaserBox5 {
    width: 18.72%;
}

#readMoreNews {
    text-align: right;
    margin: .5em 0 5em 0;
}

    #readMoreNews a {
        color: #FFF;
        padding: .5em 2em .5em 2em;
        font-size: 1.2em;
        background: #3b3b3b;
        text-decoration: none;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

        #readMoreNews a:hover {
            background: #000;
        }

/********************************************************************/
/*                                                                  */
/*                             Bot table                            */
/*                                                                  */
/********************************************************************/
#FrontpageBotTable {
    margin-bottom: 2em;
}

.FrontpageBotCell {
    display: table-cell;
}

#FrontpageBotInfo {
    background: #FFF;
    width: 360px;
    height: 381px;
    overflow: hidden;
    padding: 1em;
    vertical-align: text-top;
    float: left;
    box-shadow: 0 30px 20px -31px rgba(0,0,0,0.2);
}

#FrontpageBotWork {
    float: right;
    width: 615px;
    margin-bottom: 2em;
}

#panHeadline_NewsTeaser {
    margin: .5em 0 .5em 0;
}

#labHeadline_NewsTeaser {
    font-size: 2em;
    font-weight: 800;
    
    padding: .5em 0 .5em .1em;
}



/********************************************************************/
/*                                                                  */
/*                             Responsive                           */
/*                                                                  */
/********************************************************************/

@media all and (max-width : 1000px) {

    #topMenuWrapper {
        width: 100%;
        padding-top: 0;
    }



    #panResponsiveSlides {
        display: block;
        float: none;
    }

    #nyheder {
        display: block;
        float: none;
    }


    /* News teaser */
    .pageCol:nth-child(1n+2) {
        border-top: solid 1px #eee;
    }

    .pageCol {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    /*.newsCol {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        border: none;
    }*/




    #frontpageTextbox {
        margin: 1em;
    }

    #welcomeHeader {
        font-size: 1.8em;
        line-height: 1em;
    }



    #FrontpageBotInfo {
        width: auto;
        margin-bottom: 1em;
        height: auto;
        float: none;
        display: block;
    }

    /* News teaser */

    #FrontpageBotWork {
        float: none;
        width: 100%;
    }

    .newsCol {
        display: inline-block;
        float: none;
        margin: 0;
    }

        .newsCol img {
            width: 100%;
        }

    .newsTeaserBox3 {
        width: 33.1%;
    }

    .newsColTop {
        margin-top: 23em;
    }

    .circleImg {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .newsCol img {
    height: 55%;
}

    .newsColText {
        height: 12em;
    }
}

@media all and (max-width : 880px) {
    .newsTeaserBox3 {
    width: 33%;
}

.newsColText {
    height: 11em;
}

}



@media all and (max-width : 620px) {

    #FrontpageBotWork {
        float: none;
        width: auto;
    }

    .newsCol {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        border: none;
        margin-bottom: 1em;
    }

    .newsColTop {
        margin: 80% 0 0 .5em;
    }



    .circleImg {
        height: auto;
        position: static;
        top: 0px;
        width: 17.9em;
        overflow: hidden;
    }

    .newsCol img {
        height: auto;
        /* float: left; */
        position: absolute;
        overflow: hidden;
        top: 0;
        /* margin-left: 1em; */
        width: 100%;
    }

    .newsColMore a {
        font-size: 1.4em;
    }
}





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */