@media only screen and (max-width : 480px) {
       /* Smartphone view: 1 tile */
    .body .container {
        padding: 0;
        border: unset;
        -moz-box-shadow: unset;
        -webkit-box-shadow: unset;
    box-shadow: unset;
    }
}

@media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view: 2 tiles */
    .body .container {
        padding: 0;
        border: unset;
        -moz-box-shadow: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset;
    }
}

@media only screen and (max-width : 980px) and (min-width : 651px) {
       /* Small desktop / ipad view: 2 tiles */
    .body .container {
        padding: 0;
        border: unset;
        -moz-box-shadow: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset;
    }
    }


.body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}


.snowy { 


    /* background-color: #333; */
    /* background: none; */
    background-image: url(http://www.wearewebstars.dk/codepen/img/s1.png), url(http://www.wearewebstars.dk/codepen/img//s2.png), url(http://www.wearewebstars.dk/codepen/img//s3.png);
    /* height: 100%; */
    /* left: 0; */
    /* position: absolute; */
    /* top: 0; */
    /* width: 100%; */
    /* z-index: 1; */
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	






a {
    text-decoration: underline;
}

.brand > img{
    max-width: 200px;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    color: #555;
    background-color: #ddd;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}


.module_loginButton {
    float: right;
    display: inline-flex;
    margin: 0 auto;
text-align: center;
}


.module_loginButton > div > a{
    background-color: white;
    border: 1px solid;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 10px;
    float: right;
    margin-top: 20px;
}

.loginFlag{
    float: right;
    text-align: center;
    padding: 3px;
}

.loginFlagImg{
    height: 83px;
    margin-left: 10px;
}


@media only screen and (max-width : 480px) {
       /* Smartphone view */
.module_loginButton {
    display: table;
    float: none;
    }

.module_loginButton > div > a {
    float: none;
    margin-top: 4px;
    }

.loginFlagImg {
    margin-left: 0;
    }
}

@media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view */
.module_loginButton {
    display: table;
    float: none;
    }

.module_loginButton > div > a {
    float: none;
    margin-top: 4px;
    }

.loginFlagImg {
    margin-left: 0;
    }
}

.module_loginButton > div > a:hover{
    background-color: #f5f5f5;
}

.conzebs_module_menu > li > a {
    color: #000000 !important;
    padding-right: 3px;
    padding-left: 3px;
}

.conzebs_module_menu .nav-collapse .nav > li.active > a {
    color: #000000 !important;
}

.navigation {
    border-image: linear-gradient(to right, rgb(254, 0, 0) 25%, rgb(228, 108, 11) 25%, rgb(228, 108, 11) 50%, rgb(255, 204, 0) 50%, rgb(255, 204, 0) 75%, rgb(1, 204, 0) 75%) 5;
    border-top: 5px solid;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.navigation a{
    text-decoration: none;
    font-size: 12px;
}


.moduletable .module_slideshow {
    height: 260px;
    border: 1px solid;
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}


.module_slideshowimgdiv {
    height: 100%;
    position: relative;
    display: flex;
    display: -moz-box-flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    overflow: hidden;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);


}

/*@supports (justify-content: center) {
*    .module_slideshowimgdiv {
*    justify-content: center;
*    }
*}
*
*@-moz-document url-prefix() { 
*  .module_slideshowimgdiv {
*      justify-content: unset;
*  }
*}
*/

.module_slideshowimg {
    height: auto;
    width: 100%;
    min-width: 900px;
    position: absolute;
    top:-80%;
    -webkit-animation: fadeinwhole 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeinwhole 2s; /* Firefox < 16 */
    -ms-animation: fadeinwhole 2s; /* Internet Explorer */
    -o-animation: fadeinwhole 2s; /* Opera < 12.1 */


}

@keyframes fadeinwhole {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeinwhole {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinwhole {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeinwhole {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeinwhole {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*
*@supports (object-fit: cover) {
*    .module_slideshowimg {
*        object-fit: cover;
*    }
*}
*/

@media only screen and (max-width : 480px) {
       /* Smartphone view */
.module_slideshowimg {
        min-width: 400px;
        top:0;
    }
}

@media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view */
.module_slideshowimg {
        min-width: 400px;
        top:0;
    }
}

.module_slideshowtxt {
    position: absolute;
    top: 30px;
    left: 0;
    font-size: 300%;
    max-width: 660px;
    line-height: 100%;
    padding: 10px;
    color: rgb(254, 0, 0);
    background-color: rgba(255, 255, 255, 0.6);
   /* text-shadow: 1px 1px black; */
    border-radius: 0px 30px 30px 0px;
    text-align: left;
    -webkit-animation: fadeinwhole 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeinwhole 2s; /* Firefox < 16 */
    -ms-animation: fadeinwhole 2s; /* Internet Explorer */
    -o-animation: fadeinwhole 2s; /* Opera < 12.1 */
    position: -webkit-sticky;
    position: sticky;
    display: inline-table;
font-weight: 900;


}

@media only screen and (max-width : 480px) {
       /* Smartphone view */
.module_slideshowtxt {
        font-size: 230%;
    }
}


/*
*.row-fluid {
*    width: 100%;
*    border-top: 2px solid;
*    margin-top: 30px;
*    border-image: linear-gradient(to right, red 25%, orange 25%, orange 50%, yellow 50%, yellow 75%, green 75%) 5;
*}
*/



.breadcrumb {
    background-color: #ffffff;
}






.module_tiles .wrap {
       overflow: hidden;
       margin-top: 20px;
}

.module_tiles .box {
       float: left;
       position: relative;
       width: 33.3%;
       padding-bottom: 33.3%;
}

.module_tiles .boxInner {
    position: absolute;
    left: 0;
    right: 15px;
    top: 15px;
    bottom: 0;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid;
    display: flex;
    z-index: 1;
}

@media only screen and (max-width : 480px) {
       /* Smartphone view: 1 tile */
.module_tiles .boxInner {
          right: 0;
       }
    }

.module_tilesImg {
    width: auto;
    height: auto;
    position: absolute;
    width: 100%;
    top: 0;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.module_tilesHeader {
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
    padding-top: 10px;
}

.module_tilesText {
    font-size: 15px;
    padding: 5px;
}

.module_tilesImgSmall {
    top: -25%;
    transform: scale(0.5);
}

.module_tilesImgMedium {
    top: -25%;
    transform: scale(0.7);
}

.module_tiles .boxInner:hover .module_tilesImg{
    transform: scale(1.2);
    }

.module_tiles .boxInner:hover .module_tilesImgSmall{
    transform: scale(0.7);
    }

.module_tiles .boxInner:hover .module_tilesImgMedium{
    transform: scale(0.9);
    }

.module_tilesImgWidth {
    top: unset !important;
}

.module_tiles .boxInner .titleBox {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    margin-bottom: 0;
    background-color: rgba(255, 0, 0, 1);
    color: black;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: 0 0 5px #000000;
}

.module_tilescolorRed {
       background-color: rgba(254, 0, 0, 1) !important;


}

.module_tilescolorOrange {
       background-color: rgba(228, 108, 11, 1) !important;
}

.module_tilescolorYellow {
       background-color: rgba(255, 204, 0, 1) !important;
}

.module_tilescolorGreen {
       background-color: rgba(1, 204, 0, 1) !important;
}


.module_tiles .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
    height: 50%;
    opacity: 1;
    color: black;
    }

@media only screen and (max-width : 480px) {
       /* Smartphone view: 1 tile */
.module_tiles .box {
          width: 100%;
          padding-bottom: 100%;
       }
    }

@media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view: 2 tiles */
.module_tiles .box {
          width: 50%;
          padding-bottom: 50%;
       }
    }

@media only screen and (max-width : 980px) and (min-width : 651px) {
       /* Small desktop / ipad view: 2 tiles */
.module_tiles .box {
          width: 50%;
          padding-bottom: 50%;
       }
    }

@media only screen and (max-width : 1290px) and (min-width : 981px) {
       /* Medium desktop: 3 tiles */
.module_tiles .box {
          width: 33.3%;
          padding-bottom: 33.3%;
       }
    }

.module_tiles a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: black;
    padding-top: 3%;
    text-decoration: none;
    display: block;


}

.module_tiles a:hover, a:focus {
    color: black;
}





.module_newsFeed {
    background-color: #ffffff;
    border: 0;
    padding: 0;
}

.module_newsfeedmodulewrap{
    border: 1px solid;
    border-radius: 30px;
    padding: 10px;
    margin-top: 35px;
    padding-right: 0;
    padding-left: 0;
}

.module_newsfeedcontentwrap{
    overflow: auto;
    min-height: 570px;
    max-height: 570px;
    margin: 10px;
    margin-bottom: 20px;
}


.newsfeeddiv {
    border-bottom: 1px solid;
    border-color: #ddd;
    padding: 10px;
}

.newsfeeddiv:hover .newsfeeddate {
    text-decoration: underline;
}

.newsfeeddate {
    font-style: italic;
    padding-bottom: 1px;
    padding-top: 1px;
    color:grey;
}

.newsfeedcontent {
    padding-right: 5px;
    margin-bottom: 15px;
}

.newsfeedtopheader {
    padding-bottom: 15px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
    font-size: 20px;
    border-image: linear-gradient(to right, rgb(254, 0, 0) 25%, rgb(228, 108, 11) 25%, rgb(228, 108, 11) 50%, rgb(255, 204, 0) 50%, rgb(255, 204, 0) 75%, rgb(1, 204, 0) 75%) 5;
    border-bottom: 2px solid;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-left: 10px;
    margin-right: 10px;
    letter-spacing: 2px;
    font-weight: bold;
    color: gray;
    line-height: 20px;
}

.newsfeedheader {
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 1px;
    padding-right: 5px;
}







.article_slideshow {
    height:260px;
    margin-bottom:30px;
    border: 1px solid;
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}


.article_slideshowimgdiv {
    height: 100%;
    position: relative;
    display: flex;
display: -moz-box-flex;
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
    overflow: hidden;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

/*
*@supports (justify-content: center) {
*    .article_slideshowimgdiv {
*    justify-content: center;
*    }
*}
*
*@-moz-document url-prefix() { 
*  .article_slideshowimgdiv {
*     justify-content: unset;
*  }
*}
*/


.article_slideshowimg {
    height: auto;
    width: 100%;
    min-width: 600px;
    position: absolute;
    top: 0;
    -webkit-animation: fadeinwhole 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeinwhole 2s; /* Firefox < 16 */
    -ms-animation: fadeinwhole 2s; /* Internet Explorer */
    -o-animation: fadeinwhole 2s; /* Opera < 12.1 */
}

.article_slideshowimgwidth {
}

.topminus5pr {
    top: -5%; 
}

.topminus10pr {
    top: -10%; 
}

.topminus15pr {
    top: -15%; 
}

.topminus20pr {
    top: -20%; 
}

.topminus30pr {
    top: -30%; 
}

.topminus40pr {
    top: -40%; 
}

.topminus50pr {
    top: -50%; 
}

.topminus70pr {
    top: -70%; 
}

.topminus80pr {
    top: -80%; 
}

.topminus90pr {
    top: -90%; 
}

.topminus100pr {
    top: -100%; 
}

.topminus110pr {
    top: -110%; 
}

.topminus130pr {
    top: -130%; 
}

.transformscale0_7 {
    transform: scale(0.7);
}

.transformscale0_6 {
    transform: scale(0.6);
}

/*
*@supports (object-fit: cover) {
*    .article_slideshowimg {
*    object-fit: cover;
*    }
*}
*/


@media only screen and (max-width : 480px) {
       /* Smartphone view */
.article_slideshowimgdivScroll {
    overflow-x: auto;
    overflow-y: hidden;
}
.article_slideshowimg {
    top: -10%;
    left: -10%;
    min-width: 495px;
}
.article_slideshowimgMove {
    -webkit-animation: mymove 8s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 8s infinite;
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    animation-direction: alternate;
animation-timing-function: linear;
}
.article_slideshowimgwidth {
    top: -30%;
    left: -20%;
}
    }


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {

    to {left: -45%;}
}

@keyframes mymove {

    to {left: -45%;}
}


@media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view */
.article_slideshowimg {
min-width: 500px;
top: -10%;
    }
.article_slideshowimgwidth {
    top: -30%;
    left: 0;
}
}

.article_content {
    padding: 10px;
    border: 1px solid;
    border-radius: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-top: 0;
}

.article_contentheader {
    border-image: linear-gradient(to right, rgb(254, 0, 0) 25%, rgb(228, 108, 11) 25%, rgb(228, 108, 11) 50%, rgb(255, 204, 0) 50%, rgb(255, 204, 0) 75%, rgb(1, 204, 0) 75%) 5;
    border-top: 5px solid;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin-right: 15%;
    margin-left: 15%;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    opacity: 0.5;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.5; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.5; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.5; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.5; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.5; }
}

.article_subcontent {
    overflow: auto;
    padding: 10px;
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (max-width : 480px) {
       /* Smartphone view */
.article_subcontent {
    max-height: unset;
}
    }

@media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view */
.article_subcontent {
    max-height: unset;
    }
}


.article_bordercolorred {
    border-color: rgb(254, 0, 0);
}

.article_bordercolororange {
    border-color: rgb(228, 108, 11);
}

.article_bordercoloryellow {
    border-color: rgb(255, 204, 0);
}

.article_bordercolorgreen {
    border-color: rgb(1, 204, 0);
}

.articlebodydiv {
    border-bottom: 1px solid;
    border-color: #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.articlebodydiv :hover .articlebodydate {
    text-decoration: underline;
}

.articlebodydate {
    font-style: italic;
    padding-bottom: 1px;
    padding-top: 1px;
    color: grey;
}

.articlebodycontent {

}

.articlebodyheader {
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 1px;
}








.divTable {
    border: 1px solid;
    border-radius: 30px;
    border-color: #ddd;
}

.divTable img{
    width: auto;
    height: 30px;
}

.borderZero{
    border: 0;
}


table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table thead {
}

table tr {
    
    border: 1px solid;
    padding: .35em;
    border-color: #ddd;
    border-radius: 30px;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}

table th,
table td {
  padding: 1em;
  text-align: left;
}

table th {

}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  table caption {
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    display: block;
    margin-bottom: .625em;
    border: 1px solid;
    border-color: #ddd;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: right;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
  table td:last-child {
    border-bottom: 0;
  }

  .divTable {
    border: 0;
  }
}


.tableimage {
    height: auto !important;
    width: 100% !important;
    max-width: 100px;
}

.tableimagediv {
}





.newsdiv {
    border-bottom: 1px solid;
    border-color: #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.newsdiv:hover .newsdate {
    text-decoration: underline;
}

.newsdate {
    font-style: italic;
    padding-bottom: 1px;
    padding-top: 1px;
    color: grey;
}

.newscontent {

}

.newsheader {
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 1px;
}







.footer .pull-right {
    visibility: hidden;
}

@media only screen and (max-width : 480px) {
       /* Smartphone view */
.footer .pull-right {
    visibility: unset;
}
    }

@media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view */
.footer .pull-right {
    visibility: unset;
}
}

@media only screen and (max-width : 980px) and (min-width : 651px) {
       /* Small desktop / ipad view: 2 tiles */
.footer .pull-right {
    visibility: unset;
}
    }