/*****************************************************
                    LAYOUT
*****************************************************/
html, #form, body{ height: 100%;}

body {
    color: white;
    /*font-size: 13px;*/
    /*font-family: "Myriad Pro", "Trebuchet MS";*/
    /*font-weight: bold;*/
    /*background-repeat: repeat;*/
    display:block!important;
}

body input
{
    font-family:inherit;
}

b {
    font-weight: bold;
}

h1 {
    font-size: 2em;
    font-weight: bold;
}
h2 {
    font-size: 1.0em;
    font-weight: bold;
}

img {
    max-width: 100%;
}

#siteWrap{
    /*padding-bottom: 200px;*/
    position: relative;
    text-align: center;
    min-height: 100%;
}

    .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

.width100 {
    width: 100%;
}

.centerText
{
    text-align:center;
}

.fitPagePadding {
    padding-left: 5px;
    padding-right: 5px;
}

.topPadding
{
    padding-top:20px;
}

#headerWrap {
    /*display: inline-block;*/
    /*width: 100%;*/
    /*margin-bottom: -4px;*/
    /*background-color: #c44741;*/
    z-index: 400;

}

#header {
    /*background-color: #c44741;*/
    /*height: 200px;*/
    /*margin-bottom: 20px;*/
    position:relative;
}

#logoHolder {
    /*max-height: 200px;
    height: 200px;*/
}

.logoPlacer {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#logoHolder img {
    display: inline-block;
    max-height: 200px;
    vertical-align: middle;
}

#contentWrap {
    /*display: inline-block;*/
    /*SKAL BRUGES HVIS FOOTER SKAL VÆRE STICKY*/
    /*padding-bottom: 200px;*/

}

#content {
    background: white;
    display: inline-block;
    margin-bottom: -2px;
	text-align:left;
    color: black;
    min-height: 500px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

#footerWrap {
    /*height:200px;*/
    /*SKAL BRUGES HVIS FOOTER SKAL VÆRE STICKY*/
    /*width:100%;
	position:absolute;
	bottom:0;
	left:0;*/
    display: inline-block;
    background:#4c4c4c;
}

#footer {
	/*height: 200px;*/  
    background:#4c4c4c;
}

.navWrap {
    display: inline-block;
    margin-bottom: -2px;
}

icon
{
    display:inline-block;
    margin-right:5px;
}

    icon + h3
    {
        display:inline-block;
        font-weight:bold;
    }


input[disabled].spotBox_item_text
{

}

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

    #headerWrap,#content,#footerWrap {
        display: inline-block;
        height: auto;
    }

    #headerWrap
    {
        display:block;
        padding-left: 0;
        padding-right: 0;
    }

    #footerWrap {
        position: relative;
        padding-left: 0;
        padding-right: 0;
    }
    
    #footer {
        height: auto;
        display: inline-block;
        padding-bottom:20px;
        margin-bottom:-3px;
    }

    #siteWrap {
        padding-bottom: 0;
    }



    #content {

        padding: 0;
        padding-top:10px;
    }
}

.bodyText a
{
    text-decoration:underline;
}

.bodyText b, .bodyText strong
{
    font-weight:bold;
}

.bodyText i, .bodyText em
{
    font-style:italic;
}

.bodyText ul, .bodyText ol
{
    margin-left: 25px;
    margin-top:10px;
    margin-bottom:10px;

}

.bodyText ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
.bodyText ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
.bodyText ul ul,.bodyText ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
   margin-top:0px;
}
.bodyText ol ol,.bodyText ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
   margin-top:0px;
}


.bodyText p
{
    
    margin-bottom:10px;
}

.bodyText li
{
    /*list-style:disc;*/
}

.bodyText img {
    max-width: 100%;
    height: auto;
}

.bodyText table td{
    vertical-align:middle;
}

/*****************************************************
                    FOOTER
*****************************************************/
.footerElement{
    background-color: #2c343b;
    height: 180px;
    margin-bottom: 20px;
}
/*****************************************************
                    CONTENT
*****************************************************/
.newItemBig {
    background-color:#2c343b;
    height: 500px;
}

.newsItem {
     height: 120px;
     background-color: #52616d;
    margin-top: 20px;
}

.rightColItem {
    height: 400px;
    background-color: #52616d;
    margin-bottom: 20px;
}

.article_image {
    width: 100%;
    height: 400px;
    background-color: white;
}

.article_text {
    font-weight: normal;
    font-family: Arial;
    font-size: 12px;
    color: black;
    text-align: left;
}

/*****************************************************
                   TOP NAVIGATION
*****************************************************/
.topNavigationMobile{display:none;}
.topNavigationMobile_menu{display:none;}


.leftNavigation {
    padding: 0;
    margin: 0;
    margin-left: -10px;
}

.leftNavigation li {
    margin: 0;
    background-color: #2c2c2c;
    list-style-type: none;
    border-bottom: 1px solid white;
}

    .leftNavigation li.current
    {
        background-color: #3c3c3c;
    }

    .leftNavigation li:hover {
         background-color: #4c4c4c;
    }

.leftNavigation li a {
    color: white;
    text-decoration: none;
    font-weight: normal;
    padding-left: 5px;
    padding-bottom: 10px;
    height: 15px;
    display: block;
    padding-top: 10px;
}

.leftNavigation li ul {
    padding-left: 0;
}

.leftNavigation ul li
{
    background-color:#c44741;
}
.leftNavigation ul li a
{
   padding-left:15px;
}

.leftNavigation li ul li:last-child {
    border-bottom: 0;
}

.leftNavBottom {
    height: 25px;
    width: 100%;
    padding:5px;
    margin-left: -10px;
    background-color: #2c2c2c;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;
    display:none;
}

.breadcrumbWrap {
    
    /*background-color: #2c2c2c;*/
    /*height: 25px;*/
    /*padding-top: 5px;*/
    margin-top: 5px;
    margin-bottom: -15px;
    font-size: 12px;
}

.breadcrumb {
    padding: 0;
    margin: 0;
    /*float: left;*/
    /*color: white;*/
    margin-bottom: 10px;
}

.breadcrumb li {
        display: inline-block;
    list-style-type: none;
    /*line-height: 25px;*/
    /*vertical-align: middle;*/
}

.breadcrumb li a {
    /*color: white;*/
    text-decoration: none;
    /*text-transform: uppercase;*/
}/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */



 
@media only screen and (max-width: 959px)
{
    .breadcrumbWrap{
     
    margin-top: 0px;
    margin-bottom: 0;


}

}

/*****************************************************
                   TOP NAVIGATION - MOBILE
*****************************************************/
@media only screen and (max-width: 959px) {
    /*.topNavSlide.shown {
        width: 280px;   
    }

    .topNavSlideBox {
        width: 100%;
    }

    .topNavSlideBox ul {
        width: 280px;
    }
    .topNavSlideBox li {
        width: 280px;
    }*/

    .topNavSlideToggle icon:nth-child(even), .topNavSlideToggle span {
        display: none;
    }
    .topNavSlideToggle {
        /*right: 0px;*/
        top: 10px!important;
        right: 10px!important;
        left:auto!important;
        width: 30px;
    }

    .topNavSlideToggle.mobileOut
    {
        top: 10px!important;
        left: 10px!important;
        right:auto!important;
    }
}

/***********************************
            MATCHPAGE
***********************************/

.isMatchPage.contentGrid-content{
    width:100%;
    margin-left:0;
}

.matchpage .ls_events > div:first-child{
    display:block;
}

.matchpage .ls_event{
    display:block;
}

.matchpage .ls_events.event_home{
    text-align:center;
}


.matchpage .ls_events.event_away{
    text-align:center;
}

.matchpage .ls_event .minute{
    float:left;
    padding-left:0;
    padding-right:10px;
}


.matchpage .ls_event .minute span{
    position:absolute;
    left:25px;
    top:23px;
    font-size:10px;
    line-height:normal;
}

.matchpage .ls_match .ls_events .event_neutral .eventWrap .eventIcon {
        margin-left:-60px;
    }

.matchPageCommentsWrap .theme_header icon, .matchPageImages .theme_header icon{
    font-size:smaller;
    
}

.matchPageCommentsWrap .comments_wrap{
    padding:10px;
    max-height:400px;
    overflow-y:auto;
}

.matchPageCommentsWrap .comment_time{
    font-size:10px;
    margin-left:35px;
    margin-top:3px;
}

.matchPageCommentsWrap .comment_user{
    font-size:12px; 
    font-weight:bold;
    margin-left:35px;
    margin-bottom:3px;

}

.matchPageCommentsWrap ul{
    /*margin-top:10px;*/
}

.matchPageCommentsWrap ul li{
    margin-bottom:20px;
}

.matchPageCommentsWrap ul li:last-child{
    margin-bottom:0;
}

.matchPageCommentsWrap .comment_userImgWrap{
    display:inline-block;
    width:30px;
}

.matchPageCommentsWrap .comment_userImgWrap img{
    
    height:24px;
    width:24px;
    border-radius:50%;
    vertical-align:middle;
    background-color:white;
}

.matchPageCommentsWrap .comment_image img{
    max-height:100px;
    max-width:100px;
    border: 1px solid #e1e1e1;
    margin-bottom:3px;
    /*-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.44);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.44);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.44);*/
    /*background-position:center center;
    background-size:cover;*/
}

.matchPageCommentsWrap .comment_sub{
    margin-left:30px;
    margin-top:5px;
}

.matchPageCommentsWrap .comment_sub .comment_text{
    /*width:275px;*/
    max-width: 245px;
}

.comment_text {
	position: relative;
	background: #fff;
	border: 1px solid #d2d2d2;
    /*min-height:25px;*/
    padding:10px;
    display:inline-block;
    max-width: 275px;
    vertical-align:middle;
    font-size:12px;
}
.comment_text:after, .comment_text:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.comment_text:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 8px;
	margin-top: -8px;
}
.comment_text:before {
	border-color: rgba(210, 210, 210, 0);
	border-right-color: #d2d2d2;
	border-width: 9px;
	margin-top: -9px;
}

.matchPageImages {
    margin-top:20px;
    margin-bottom:20px;
}

.matchPageImages .noMatchImgs, .matchPageCommentsWrap .noMatchComms{
    text-align:center;
    padding:10px 0;
}
.matchPageImages .noMatchImgs{
    padding:20px;
}

.matchPage_galleryImage{
    height:130px;
    width:130px;
    background-size:cover;
    background-position:center center;
    float:left;
    margin:0; 
}


@media only screen and (max-width: 1199px) and (min-width: 960px) {
    .matchPage_galleryImage{
        width:155px;
        height:155px;
    }
}

/*****************************************************
                   LIVESCORE MODULE
*****************************************************/
.ls_match {
    position:relative;
}


.livescoreModule .ls_match *{
    cursor:pointer;
}

.noMatches{
    text-align:center;
    display:none;
    margin:20px 0;
}

.ls_isConnected{
    background-size:contain;
    height:20px;
    width:20px;
   background-image:url('../resources/images/livescore/notconnected.png');
   float:right;
   margin-bottom:5px;
}


.ls_loading{
    font-size:60px;
    text-align:center;
    margin-top:30px;
    margin-bottom:20px;
}

.ls_poolRow
{
    display: block;
    text-align: center;
    padding: 5px;
    margin-top: 10px;
    font-weight: bold;
    /*margin-bottom: 10px;*/
    font-size: 12px;
}

.ls_homeTeam, .ls_awayTeam{ font-size: 12px; font-weight:bold;text-align:center; margin-bottom:10px;}

.ls_homeTeam span, .ls_awayTeam span{ display:block; margin-top:10px;}

.ls_match .logoWrap {
    width:60px;
    height:60px;
    padding:4px;
    background-color:firebrick;
    border-radius:50%;
    margin:0 auto;
    text-align:center;
    
}

.ls_match .clubLogo {
    background-color:#fff;
    width:52px;
    border-radius:50%;
    padding:4px;
}

.ls_score{

}


.ls_time{
    margin-top:10px;
    font-size:32px;
    margin-bottom:10px;
}

.ls_time i{
    margin-right:10px;
    font-size:32px;
}
.ls_time span.textOnly{
    font-size:12px;
    vertical-align:middle;
    font-weight:bold;
}

.ls_time.running i{
    animation: blink 1s linear infinite;
}



@-moz-keyframes blink { 
    50% { opacity:0.5; } 
    100% {opacity:0.5; } 

}
@-webkit-keyframes blink { 
    50% {opacity:0.5; }
    100% { opacity:0.5;}

}
@keyframes blink { 
    50% { opacity:0.5; } 
    100% { opacity:0.5;} 

}

.ls_score .score{
    background-color:rgba(254, 237, 0, 1);
    border-radius:5px;
    color:black;
    width:60%;
    margin:0 auto;
    margin-bottom:10px;
}
.ls_score .score table{width:100%;}

.ls_score .score table td
{
    width:40%;
    text-align:center;
    vertical-align:middle;
    height:30px;
    font-size:42px;
    font-weight:bold;
}

.ls_score .score table td:nth-child(2){
    width:20%;
}

.ls_infoWrap {
    display:block;
    width:100%;
    text-align:center;
}

.ls_infoWrap > div{
    text-align:center;
    width:270px;
    display:inline-block;
    vertical-align:top;
}

.ls_infoWrap > div:nth-child(2){
    width:250px;
}

.ls_placeTimeInfo {
    text-align:center;
    font-weight:bold;
    font-size:12px;
    margin-bottom:10px;
}

.ls_placeTimeInfo span.ls_stadion{
    display:block;
    margin-bottom:5px;
}

.ls_placeTimeInfo span{
    /*display:block;*/
}

.ls_link{
    /*display:block;
    text-align:right;
    padding:5px;
    font-size:12px;*/
    position:absolute;
    top:10px;
    right:10px;
}

.ls_eventsWrap {
 /*height:300px;*/
 overflow:hidden;
}

.ls_events{
    text-align:center;
    padding:0 20px;
}

.ls_events.event_home{
    text-align:left;
}


.ls_events.event_away{
    text-align:right;
}
.ls_event{
    height:40px;
    display:none;
    
    font-size:18px;
    line-height:40px;
     border-radius: 5px;
    margin: 10px 0;  
}

.ls_events > div:first-child{
    display: inline-block;
    
}

.ls_event .minute{
     padding-left: 10px;
    text-align: right;
    width: 40px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
    position:relative;
}

.ls_event .minute span{
    position:absolute;
    left:10px;
    top:10px;
    font-size:10px;
    line-height:normal;
    opacity:0.6;
}


.ls_event .eventWrap {
        padding-right: 10px;
}

.ls_event .eventWrap .name{
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
    font-weight:bold;
        max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.ls_event > div{
    display:inline-block;
}
.ls_event.event_away .eventWrap .name {
    text-align:right;
}

.ls_event.event_home{
    text-align:left;
    
}
.ls_event.event_away{
    text-align:right;
    
}

.ls_event.event_neutral .eventWrap{
    text-align:center;
    
}

    

.ls_event.event_neutral .eventWrap .name{
    width:auto;
    
    text-align:left;
}

.subOutName{
    opacity:0.7;
    font-weight:normal;
    font-size:10px;
}

.ls_profilePic{
    height:32px;
    width:32px;
    background-repeat:no-repeat;
    display:inline-block;vertical-align: top;
    margin-top: 4px;
    border-radius:50%;
    background-size:cover;
    background-position:center;
    background-image:url(../resources/images/livescore/profilepic.png);
    margin-left:5px;
    margin-right:5px;
}

.ls_profilePic.subIn{
    position:relative;
}

.ls_profilePic.subOut
{
 position:relative;
   
}
.ls_event.event_home .ls_profilePic.subIn::before{    
   content: '\f061';
        font-family: "FontAwesome";
        border-radius: 50%;
        position: absolute;
        
        right: -26px;
        height: 32px;
        width: 32px;
        top: 0;
        bottom: 0;
        margin-top: -4px;
        color: rgb(149,203,20);
}


 .ls_event.event_home .ls_profilePic.subOut::before {
        content: '\f060';
        font-family: "FontAwesome";
        border-radius: 50%;
        position: absolute;
        left: -10px;
        right: 0;
        height: 32px;
        width: 32px;
        top: 0;
        bottom: 0;
        margin-top: -4px;
        color: rgba(255,0,0,1);
    }

 .ls_event.event_away .ls_profilePic.subIn::before{    
        content: '\f060';
        font-family: "FontAwesome";
        border-radius: 50%;
        position: absolute;
        
        right: 26px;
        height: 32px;
        width: 32px;
        top: 0;
        bottom: 0;
        margin-top: -4px;
        color: rgb(149,203,20);
}


 .ls_event.event_away .ls_profilePic.subOut::before {
        content: '\f061';
        font-family: "FontAwesome";
        border-radius: 50%;
        position: absolute;
        left: 10px;
        right: 0;
        height: 32px;
        width: 32px;
        top: 0;
        bottom: 0;
        margin-top: -4px;
        color: rgba(255,0,0,1);
    }

.ls_event .assist{
    font-size:10px;
    font-weight:normal;
}

.eventIcon{
    height:32px;
    width:32px;
   margin-left:10px;
   margin-right:10px;
    background-repeat:no-repeat;
    display:inline-block;
        vertical-align: top;
    margin-top: 4px;
    background-size:contain;
}
.ls_period{
    font-size:10px;
    margin-bottom:5px;
}

.ls_livescoreperson{
    text-align:center;
    font-size:12px;
    margin:10px 0;
}

    .ls_livescoreperson i {
        font-size:20px;
        vertical-align:middle;
        margin-right: 10px;
    }

    


.ls_livescoreperson span{
    font-weight:bold;
    
}

/*mål*/
.eventType_1 .eventIcon{
    background-image:url(../resources/images/livescore/ball_32x32.png);
}
/*selvmål*/
.eventType_2 .eventIcon{
    background-image:url(../resources/images/livescore/ball_red_32x32.png);
}
/*straffe*/
.eventType_3 .eventIcon{
    background-image:url(../resources/images/livescore/ball_penalty_32x32.png);
}
/*gul kort*/
.eventType_4 .eventIcon{
    background-image:url(../resources/images/livescore/card_y_32x32.png);
}
/*rød kort*/
.eventType_5 .eventIcon{
    background-image:url(../resources/images/livescore/card_r_32x32.png);
}
/*udskiftning hjem*/
.eventType_6.event_home .eventIcon{
    background-image:url(../resources/images/livescore/sub_home_32x32_2.png);
   
}

/*udskiftning ude*/
.eventType_6.event_away .eventIcon{
    background-image:url(../resources/images/livescore/sub_away_32x32_2.png);

}
/*kamp startet*/
.eventType_7 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_green_32x32.png);   
}
/*1. halveg slut*/
.eventType_8 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_red_32x32.png);
}
/*2. halveg start*/
.eventType_9 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_green_32x32.png);
}
/*kamp slut*/
.eventType_10 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_red_32x32.png);
}
/*kamp afbrudt*/
.eventType_11 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_gray_32x32.png);
}
/*kamp genoptaget*/
.eventType_12 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_green_32x32.png);
}
/*forlænget spilletid*/
.eventType_13 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_green_32x32.png);
}
/*1. halveg af forlænget*/
.eventType_14 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_green_32x32.png);
}
/*2. halveg af forlænget*/
.eventType_15 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_green_32x32.png);
}
/*Forlænget spilletid slut*/
.eventType_16 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_red_32x32.png);
}
/*Ordinær kamp slut*/
.eventType_17 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_red_32x32.png);
}
/*Kamp slut*/
.eventType_18 .eventIcon{
    background-image:url(../resources/images/livescore/whistle_red_32x32.png);
}
/*2. gule kort = rød*/
.eventType_19 .eventIcon{
     background-image:url(../resources/images/livescore/card_ry_32x32.png);
}

.eventType_7 .ls_profilePic, .eventType_8 .ls_profilePic, .eventType_9 .ls_profilePic, .eventType_10 .ls_profilePic, .eventType_11 .ls_profilePic, .eventType_12 .ls_profilePic, .eventType_13 .ls_profilePic, .eventType_14 .ls_profilePic, .eventType_15 .ls_profilePic, .eventType_16 .ls_profilePic,.eventType_17 .ls_profilePic,.eventType_18 .ls_profilePic{
    display:none;
}

@media only screen and (min-width: 960px) {
    .grid-4 .ls_score .score{
    width:100px;
}
    .grid-4 .ls_time i {
        font-size:20px;
        margin-right:2px;
    }
    .grid-4 .ls_infoWrap > div {
        width:35%;   
    }

    .grid-4 .ls_infoWrap > div:nth-child(2) {
        width:30%;    
    }

    .grid-4 .ls_events{
        padding:0 5px;
    }

    .grid-4 .ls_event{
        height:30px;
        line-height:30px;
    }

    .grid-4 .ls_profilePic{
        width:24px;
        height:24px;
    }

    .grid-4 .eventIcon{
        height:24px;
        width:24px;
        margin-right:5px;
        margin-left:5px;
    }
    .grid-4 .minute{
        margin-right:5px;
    }
.grid-4 .ls_score .score table td{
    font-size:20px;
}
.grid-4 .ls_time{
    font-size:20px;
}
}

@media only screen and (max-width: 1199px) {
     .grid-8 .ls_infoWrap > div {
        width:35%;   
    }

    .grid-8 .ls_infoWrap > div:nth-child(2) {
        width:30%;    
    }
}

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


    .ls_infoWrap > div{
    text-align:center;
    width:30%;
    display:inline-block;
    vertical-align:top;
}

.ls_infoWrap > div:nth-child(2){
    width:40%;
}
    .ls_infoWrap .ls_score {
        width:40%;
        
    }
    .ls_score .score table td {
        font-size:24px;
    }

    .ls_time {
        font-size:24px;
    }

    .ls_profilePic{
        display:none!important;
    }
}

/*****************************************************
                   NEWS MODULE
*****************************************************/
.newsSlider{
    margin-left:-20px;
    padding-left:0px;
    overflow:hidden
}

.newsSliderWrap{
    width:1000%;
    display:inline-block;
}

.newsSliderWrap > div{
    float:left;
    /*width:100%;*/
}

.theme_macro.theme_NMB_tinyNews{
    background-color:transparent!important;
}

@media only screen and (max-width: 959px) {
   .theme_macro.theme_NMB_tinyNews {
        margin-left: 10px;
        margin-bottom:-10px;
        width:auto;
    }

   .container-12 .grid-2.theme_NMB_tinyWrap{
       margin-bottom:10px;
   }
}



/*****************************************************
                   SPOT BOX
*****************************************************/
.spotBoxWrap
{
    cursor:pointer;
}

.spotBoxWrap.noLink
{
    cursor:default;
}

.spotBoxWrap a {
    display: block;
}

.spotBox {
    position: relative;
    overflow: hidden;
    margin: 0!important;
    margin-bottom:20px;

}

.spotBox_wrap {
    position: absolute;
    padding: 2px;
}

.spotBox_placeholder {
    padding: 26px 10px 26px 10px;  
      
}

.spotBox_item_text {
border: none!important;
background: none!important;
background-color: transparent!important;
height: auto!important;
width: auto!important;
padding: 0!important;
margin: 0!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}


.noLink .spotBox_item_text {
    cursor: default;
}

.spotBox_item_img {
     border: none!important;
    background-color: transparent!important;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    
    padding: 0!important;
    margin: 0!important;
    
    text-align: center;
    -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}



/********************************
            BigMenu
********************************/

.theme_BigMenu_wrap {
    position: absolute;
    width: 100%;
    min-height: 200px;
    display: none;
    z-index:12;
    /*padding-bottom: 20px;*/
}

.theme_BigMenu_subUl {
    display: inline-block;
    border: 1px solid #3c3c3c;
    padding: 10px;
    float: left;
    /*margin-left: 20px;*/
    margin-top: 10px;

}

.theme_BigMenu_MenuItem {
    position: relative;
    text-align: left;
    width: 180px;
    min-height: 25px;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

        -webkit-transition: width 400ms ease-in;
    -moz-transition: width 400ms ease-in;
    -ms-transition: width 400ms ease-in;
    -o-transition: width 400ms ease-in;
    transition: width 400ms ease-in;
    padding-left:5px;
}

.theme_BigMenu_MenuItem.hasChildren {
     background-image:url('../themes/vanilla/images/icon_goto.png');
        background-size:15px 15px;
        background-position:center right;
        background-repeat:no-repeat;
}

.theme_BigMenu_SubItemContainer.cascaded .theme_BigMenu_MenuItem.hasChildren {
     background-image:none;
        
}

.theme_BigMenu_MenuItem:hover {
    background-color: #c2c2c2;
}

.theme_BigMenu_MenuItem.active {
    background-color: #4c4c4c;
}

    .theme_BigMenu_MenuItem a {
        height: 25px;
        width: 85%;
        line-height: 25px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;

    }


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



.theme_BigMenu_SubItemContainer {
    float:left;
    display:inline-block;
    border-right:1px solid white;
    
    width:190px;
    -webkit-transition: width 400ms ease-in;
    -moz-transition: width 400ms ease-in;
    -ms-transition: width 400ms ease-in;
    -o-transition: width 400ms ease-in;
    transition: width 400ms ease-in;

    position:relative;
    min-height:200px;
}

    .theme_BigMenu_SubItemContainer .backButton {
        height:100%;
        width:30px;
        position:absolute;
        right:0;
        top:0;
        display:none;
        background-image:url('../themes/vanilla/images/icon_goto_back.png');
        background-size:30px 30px;
        background-position:center center;
        background-repeat:no-repeat;
        cursor:pointer;
    }

    .theme_BigMenu_SubItemContainer.cascaded .backButton {
        display:inline-block;
    }

    .theme_BigMenu_SubItemContainer.cascaded .backButton:hover {
        /*background-color:#c2c2c2;*/
    }


.theme_BigMenu_SubItemContainer.cascaded {
    width: 100px;
    overflow:hidden;
    padding-right:30px;
}


.theme_BigMenu_SubItemContainer.cascaded .theme_BigMenu_MenuItem {
    /*width:30px;*/
    overflow:hidden;
}

.cascaded .theme_BigMenu_MenuItem  {

    width: auto;
}
/*
.cascaded .theme_BigMenu_MenuItem.active {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
    display: inline-block;
}*/

.cascaded .backButton {
    background-color: #333;
    -webkit-box-shadow: -3px 0px 4px 0px rgba(50, 50, 50, 0.26);
    -moz-box-shadow:    -3px 0px 4px 0px rgba(50, 50, 50, 0.26);
    box-shadow:         -3px 0px 4px 0px rgba(50, 50, 50, 0.26);
    z-index:100;
}

.theme_BigMenu_subUl li {
    position: relative;
    text-align: left;
    width: 180px;
    min-height: 25px;
    line-height: 25px;
}

.theme_BigMenu_subUl li:hover {
    background-color: #c2c2c2;
}

.theme_BigMenu_subUl li ul {
    /*display: none;*/
    position: absolute;
    right: -220px;
    top: 0;
    
}

.theme_BigMenu_subUl li:hover ul {
    display: inline-block;
}


/***********************************
        SPONSOR MODULE
***********************************/

.sponsorModule
{
    overflow-x:hidden;
    position:relative;
}

    .sponsorModule.static
    {

    }

.sponsorModule_sliderWrap
{
    
}

.sponsorModule .sponsorSlide{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    float:left;
}

.sponsorModule.static {
    overflow:hidden;
    height: auto!important;
    display:block;
}

.sponsorModule.static .sponsorModule_sliderWrap
{
    height: auto!important;
}

.sponsorModule.static .sponsorSlide {
    margin-bottom:10px;
}

.sponsorModule.static .sponsorSlide:last-child{
    margin-bottom:0;
}

.sponsorSlide a{
    height:100%;
    width:100%;
    display:block;
}

.sponsorModule_headerOverlay
{
    position:absolute;
    top:0px;
    left:0px;
    background-color:rgba(0,0,0,0.5);
    color:white;
    padding:10px;
    font-size:14px;
    font-weight:bold;
}

/***********************************
        RSS MODULE
***********************************/

.rss_err{
    text-align:center;
    display:block;
    margin-bottom:20px;
}

/***********************************
        GENERELLE ELEMENTER
***********************************/
.packeryBox {
    /*margin-left: 10px!important;
    margin-right:-10px!important;*/
    /*margin-top: 20px;*/
     display: block;
    
}

.theme_button {
    -webkit-appearance: none;
}

.theme_newsItem_social_fb {
    cursor: pointer;
}

.contentGrid-right .personGroup{
    width:390px;
}

@media only screen and (max-width: 959px)
{
    .packeryBox
    {
        /*margin:0px!important;*/
       
    }
    .contentGrid-right
    {
        margin-bottom: 10px;
        margin-top:10px;
    }

    .contentGrid-right .personGroup{
    width:300px;
}

}



.theme_macro {
    margin-left: 0px;
    margin-right: 0px;
}
 .theme_macro.noBackground
    {
        background-color:transparent;
    }
/*.fackbookWrap {
    min-height: 300px;
    display: inline-block;
    width: 100%;
}*/

.theme_quickLinks ol, .theme_quickLinks ul
{
    list-style:none;
}

.tmpToolTip{
    background: #333;
    background: rgba(0,0,0,0.8);
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    font-size: 12px;
    display:inline-block;
    max-width:150px;
    width:150px;
    text-align:center;
}

/*.tooltip {
    position: relative;
}

.tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    position: absolute;
    z-index: 1000;
}

.tooltip:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    right: -5px;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    font-size: 12px;
    min-width:100px;
}*/

.personGroup_person.tooltip:hover:before {
    display: none;   
}

.personGroup_person.tooltip:hover:after {
    top: 40px;
    bottom: auto;
    width: 150px;
    left: 50%;
    margin-left: -90px;
}

.theme_newsletter_wrap {
    margin-bottom: 20px;
}


.contentGrid-content .personGroup{
    width: 790px;
}



@media only screen and (min-width: 960px) and (max-width: 1199px)
{
    .contentGrid-content .personGroup{
         width: 630px;
    }

    .contentGrid-right .personGroup{
        width:310px;
    }
}


/*@media only screen and (min-width: 720px) and (max-width: 959px)
{
    .contentGrid-content .personGroup{
            width: 470px;
    }

}*/

@media only screen and (max-width: 959px)
{
    .contentGrid-content .personGroup{
        width: 100%;
    }

    .contentGrid-right .personGroup{
    width: 100%;
}

}


/***********************************
              LOGIN
***********************************/

#loginBox{
    text-align:center;
    display:inline-block;
    border-radius:25px;
    padding:20px;
    background-color:rgba(0,0,0,0.4);
    width:255px;    
}
.loginWrap{
    border-radius:5px;
    overflow:hidden;
    margin-top:20px;
}

#loginBox input[type='submit']{
    padding:10px;
    border:0;
    background-color:green;
    color:white;
    margin-top:15px;
    font-size:18px;
    font-weight:300;
    border-radius:5px;   
    outline:none;
}

input:focus{
    outline:none;
}

#loginBox input[type='submit'].bt_logout{
    background-color:#D02731;
}

.loginWrap > div > *{
    display:inline-block;
    height:35px;
    line-height:35px;
    font-size:20px;
    vertical-align:middle;
    background-color:white;
    color:#2c2c2c;
    border:0;
    margin:0;
    padding:0;
    outline:none;
    
}

.loginWrap input{
    width:225px;
}


.loginWrap  .userName{
    border-bottom:1px solid #c2c2c2;
}

.loginWrap  > div > div{
 width:30px;
}


#loginBox p{
    font-weight:bold;
}

#loginBox .forgottenPassword{
    margin-top:10px;
    display:inline-block;
    font-size:14px;
}

    #loginBox a:nth-child(2){
        margin-left:20px;
    }

#loginBox .errorMsg{
  display: block;
    max-width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 10px 5px;
    font-size: 14px;
    color: #222;
    background-color: rgba(255,255,255,0.7);
    border-radius: 5px;
}

#loginBox .bt_cancel{
    padding:10px;
    border:0;
    background-color:#D02731;
    color:white;
    /*margin-top:15px;*/
    font-size:18px;
    font-weight:300;
    border-radius:5px;   
    outline:none;
    margin-right:10px;
}

#loginBox .groups{
    font-size:12px;
     margin-top:10px;
}

#loginBox .groups > div{
    margin-top:5px;
    font-weight:bold;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.userInfoWrap input[type='submit']{
    padding:10px;
    border:0;
    background-color:#D02731;
    color:white;
    /*margin-top:15px;*/
    font-size:18px;
    font-weight:300;
    border-radius:5px;   
    outline:none;
}
.userInfoWrap p{
    margin-bottom:10px;
}

.userInfoWrap{
    height:100px;
    width:100px;
    position:fixed;
    right:0;
    bottom:-100px;
    background-color:rgba(0,0,0,0.5);
    border-radius: 10px 0 0 0;
    z-index:1000;
    padding:20px;
    text-align:center;
}

input[type='submit']{
    cursor:pointer;
}

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

}