@font-face {
    font-family: 'Aller';
    src: url('aller_rg-webfont.eot');
    src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
        url('aller_rg-webfont.woff') format('woff'),
        url('aller_rg-webfont.ttf') format('truetype'),
        url('aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Vejledning  TOP0px HØJRE0px BUND0px VENSTRE0px, Padding for at få luft om objekt */


/* **** General styles start **** */
body {
    font-family: Verdana, Tahoma, Geneva;
    font-size: 11px;
    background-color: #ffffff;
    /*color: #ffffff;*/
    color:#d4d4d5;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

/* MORTEN - sikre at der ikke kommer blå bokse om links */
a {
    cursor:pointer;
    text-decoration:none;
	 outline: 0;
  border: none;
  -moz-outline-style: none;
}

.PageWrapper
{
    display: block;
    width: 1000px;
    padding:20px 0px 0px 50px;
    margin-left: auto;
    margin-right: auto;
}


.PageWrapperPreviewVideo
{
    display: block;
    width: 1000px;
    padding:0px 10px 0px 10px;
    margin-left: auto;
    margin-right: auto;
	/* background-color: #82878A;  
	border: 0px solid red;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
*/
}


.PageWrapperPreviewVideo .row1 
{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:0px;
}

.PageWrapperPreviewVideo .row1 .col1
{
    float:left;
	 width:45px;
    padding: 10px 0px 0px 0px;
	 border: 0px solid red;
}


.PageWrapperPreviewVideo .row1 .col2
{
    float:left;
    width:450px;
	 padding: 30px 0px 15px 225px;
	  border: 0px solid red;
}

.PageWrapperPreviewVideo .row1 .col3
{
    float:right;
	 width:278px;
    padding: 40px 0px 0px 0px;
	    border: 0px solid red;
}



.MenuBarLogoPreviewVideo
{
    position:absolute;
    border: 0px solid red;
	 padding: 0px 0px 0px 0px;
    cursor:pointer;
}


.PageLogoPreviewVideo
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:center;  
	}

	
/*  Her er Designet med dana-logo og PreviewVideo-logo indover Videofeltet. Er nu udkommeteret indtil de ovenover som hedder det sammen deaktiveres.
  hvis LoginBox skulle have en farvet baggrund som er lidt Transparent / gennemsigtigt
  background-color: black;
  opacity: 0.4;
  
  */


.PageLoginBoxPREMIUMPreviewVideo
{
    position:absolute;
	margin: -115px 0px 0px 20px;
    padding: 10px 10px 35px 10px;
        border: 2px solid white;
		border-radius: 1px;
    	}


		
.PageLoginPREMIUMPreviewVideo
{
    position:absolute;
	border: 0px solid green;
		margin: -85px 0px 0px 35px;
	    	}


/*  Her er Designet for Login knap og tekst over video i højre side */
.PageLoginPREMIUMTextPreviewVideo{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color:White;
    border: 0px solid black;
    display:inline-block;
    background-color:transparent;
    text-align:right;
    width:100%;
}

	.PageLoginPreviewVideo
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	text-align:center; 
	}
	
.PageLoginTextPreviewVideo{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color:Black;
    border: 0px solid black;
    display:inline-block;
    background-color:transparent;
    text-align:right;
    width:100%;
}
		
.btnVideoPreview{
    background-image: url('../images/dana-knap-login2.png');
    background-repeat: no-repeat;
    background-position:  0px 0px;
    width:100px;
    height:18px;
    border: 0px;
    background-color:transparent;
    cursor: pointer;
    outline: 0;
    margin: 5px 0px 10px 178px;
    padding: 0px 0px 0px 0px;
}

.btnVideoPreview:hover{
    background-image: url('../images/dana-knap-login1.png');
}

		
.btnVideoPreviewPremium{
   background-image: url('../images/dana-knap-login2.png');
    background-repeat: no-repeat;
    background-position:  0px 0px;
    width:100px;
    height:18px;
    border: 0px;
    background-color:transparent;
    cursor: pointer;
    outline: 0;
    margin: 5px 0px 10px 35px;
    padding: 0px 0px 0px 0px;
}

.btnVideoPreviewPremium:hover{
    background-image: url('../images/dana-knap-login1.png');
}

/*		
.btnVideoPreviewPremium{
    background-image: url('../images/dana-knap-Login-Premium2.png');
    background-repeat: no-repeat;
    background-position:  0px 0px;
    width:100px;
    height:18px;
    border: 0px;
    background-color:transparent;
    cursor: pointer;
    outline: 0;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

.btnVideoPreviewPremium:hover{
    background-image: url('../images/dana-knap-Login-Premium1.png');
}
*/
	
.searchMessage{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color:Black;
    border: 0px solid black;
    display:inline-block;
    background-color:transparent;
    text-align:center;
    width:100%;
}
.searchImageMessage {
  height: 130px;
}

.searchMessage h1{
    font-family: Verdana;
    font-size: 12px;
    font-weight: Bold;
    color:Black;
    background-color:red;
}

.navigationLink  {
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
	 text-decoration: underline;
    cursor:pointer;
}
.navigationLink:hover { 
color:#008f42;
 cursor:pointer;
 }
    
.clearMe {
    clear:both;
} 
.ui-datepicker-trigger:hover
{
    cursor:pointer;
    }
    
.ui-datepicker-trigger
{    vertical-align:top;
    }
/* **** General styles end **** */

/* **** page.asp - Top menu styles start **** */

.MenuBarArea {
    height: 0px;
    border: 0px solid red;
    position: relative;
	}

/* Anvendes til MenubarBox placering || Placering styres af Menubargreyblock + Headerarea + contentarea */
.MenuBarGrayBlock {
    position:absolute;
    top:82px;
    left:12px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color:#ffffff;
    height: 33px;
    width: 100%;
}

/* Anvendes til Menubar dana + Krone-icon + Text  || Placering styres af Menuarbarlogo + MenubarIconstart + Headertitle + Contentarea */
.MenuBarLogo
{
    position:absolute;
    top: 12px;
    left:0px;
    border: 0px solid red;
    cursor:pointer;
}
/* NEW below Morten 2020*/
.MenuBarIconStart 
{
    position:absolute;
    top: 0px;
    left:310px;
    width:auto;
    border: 0px solid red;
    
}
/* not in use more below Morten 2020*/
.MenuBarBoxStart 
{
    margin-top:7px;
    float:left;
    width:auto;
    border: 0px solid red;
    text-align:center;
    margin-left:10px;
}
.MenuBarBox 
{
    margin-top:30px;
	left:0px;
    float:left;
    width:auto;
    border: 0px solid red;
    text-align:left;
    margin-left:10px;
}
/* not in use more below Morten 2020*/
.logout
{
    margin-top:10px;
    float:right;
    width:auto;
    border: 0px solid red;
    text-align:left;
    margin-right:26px;
}

.MenuBarBox a {
    text-decoration:none;
    text-transform: uppercase;
    cursor:pointer;
}
.MenuBarBox a:link { color:#000000; }
.MenuBarBox a:active { color:#000000; }
.MenuBarBox a:visited { color:#000000; }
.MenuBarBox a:hover { color:#008f42; }

/* **** Top menu styles end **** */

/* **** Header styles start **** */

.HeaderArea
{
    height: 60px;
	max-width: 700px;
    left: 150px;
    border: 0px solid red;
    position: relative;
}

.SearchHeaderArea
{
    height: 65px;
    border: 0px solid red;
    position: relative;
    margin-top: 90px;
	}
       
/* Front.asp TOP Textheader */
.HeaderPageTitle
{
    width:645px;
    height:40px;
    padding: 30px 10px 3px 10px;
    font-family: Aller;
    font-size: 36px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
   text-align: center;
}

/* Front.asp TOP TextSubheader */        
.HeaderPageSubTitle {
    width:525px;
    height:18px;
    padding: 0px 0px 0px 70px;
    font-family: Aller;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}


.HeaderSearchBoxArticle{
    position:absolute;
    right:10px;
    top:20px;
    color: #bcbcbc;
}

.HeaderSearchBoxWhoisWho{
    position:absolute;
    width:750px;
	left:0px;
    top:165px;
    color: #82878a;
	border: 0px solid red;
}

.HeaderSearchBoxTop{
    position:absolute;
    left:640px;
    top:20px;
    color: #bcbcbc;
}
   
.HeaderSearchBox{
    position:absolute;
        top:200px;
		padding: 0px 0px 0px 98px;
    color: #bcbcbc;
}
        
.HeaderSearchBox #soko-info {display:none;}


.HeaderSearchBox input[type=text] {
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    color: #bcbcbc;
}
        
.HeaderSearchBox input[type=text] {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 3px 15px 6px 10px;
    margin: 2px;
    /*background: url('../images/dana-Extra-Search0.png') no-repeat 170px 5px;*/
}

.SearchBox {
    width:200px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    color: #bcbcbc;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 2px 0px 4px 2px;
    margin: 22px 0px 0px 0px;
}
.SearchBox input[type=text]{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    color: #bcbcbc;
    border:0px;
    width:160px;
    height:18px;
    outline: none;
}

.SearchBox #btnSearch
{
    float:right;
    height:20px;
    width:20px;
    cursor:pointer;
    margin-right:5px;
    background: url('../images/dana-Extra-Search0.png') no-repeat 2px 4px;
}


/* **** Header styles end **** */

/* **** Headline Balken - Content styles start **** */
        
.ContentArea
{
    min-height:450px;
    height:100%;
    padding: 100px 0px 0px 0px;
    border: 0px solid red;
}

.ContentAreaPRINT
{
    min-height:450px;
    height:100%;
    padding: 5px 0px 0px 0px;
    border: 0px solid red;
}

.ContentArea h1 
{
    width:100%;
    height:26px;
    background-color:#82878A;
    font-family: Verdana;
    font-size: 17px;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
	border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}


.ContentArea h1 span:nth-child(1) {
    margin-left:10px;
    line-height:26px;
    font-weight: bold;
    color: #FFFFFF;
	text-transform: uppercase;
	  letter-spacing: 0px;
}

.ContentArea h1 span:nth-child(2) 
{
    margin-left:3px;
    line-height:26px;
    font-weight: normal;
    color: #FFFFFF;
    text-transform: normal;
	  letter-spacing: 2px;
}

.ContentArea h1 span:nth-child(3) 
{
    line-height:26px;
    font-weight: normal;
    float:right;
    margin-right:10px;
    color: #FFFFFF;
}

.ContentArea h1 a  {
  color:#FFFFFF; 
  }
 .ContentArea h1  a:link { color:#FFFFFF; }
.ContentArea h1 a:active { color:#FFFFFF; }
.ContentArea h1 a:visited { color:#FFFFFF; }
.ContentArea h1  a:hover { color:#000000; }


.MehrSpezialLink  {
    color:#FFFFFF;
    font-weight: normal;
    text-decoration:none;
    text-transform: normal;
    cursor:pointer;
}

/* Who-is-Who grey bar and Text */
.ContentArea h2 
{
    width:100%;
    height:26px;
    background-color:#82878A;
    font-family: Verdana;
    font-size: 14px;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
	border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	 
}

.ContentArea h2 span:nth-child(1) {
    margin-left:10px;
    line-height:26px;
    font-weight: bold;
    color: #FFFFFF;
	text-transform: uppercase;
	  letter-spacing: 0px;

}

.ContentArea h6 
{
    width:100%;
    height:24px;
    background-color:#ffffff;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
	border: 1px solid #000000;
	border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	


}

.ContentArea h6 span:nth-child(1) {
    margin-left:10px;
    line-height:26px;
    font-weight: bold;
    color: #000000;
	text-transform: uppercase;
	  letter-spacing: 0px;
	  	
}


/* **** Content styles end **** */

/* **** Footer styles start **** */
.FooterArea
{
    height: 70px;
    border: 0px solid red;
    display: block;
	margin-left: 90px;
	 }
        
.FooterBarGrayBlock {
    margin: 0px 0px 10px 0px;
    background-color:#82878A;
	height: 60px;
    width: 1000;
    display: block;
	border: 0px solid red;
	border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
        
.FooterBarLogo 
{
    margin:0px 20px 0px 1px;
    display: block;
    float: left;
    border: 0px solid red;
}



.FooterBarBoxPreviewVideo
{
    margin:6px 4px 0px 18px;
    float:left;
    width:90px;
    border: 0px solid red;
    text-align:center;   
	color: #373f43;	
	}

.FooterBarBoxPreviewVideo a {
    text-decoration:none;
    text-transform: uppercase;
    cursor:pointer;
    }
.FooterBarBoxPreviewVideo a:link { color:#373f43; }
.FooterBarBoxPreviewVideo a:active { color:#373f43; }
.FooterBarBoxPreviewVideo a:visited { color:#373f43; }
.FooterBarBoxPreviewVideo a:hover { color:#349a34; }

.FooterBarBoxPreviewVideo2
{
    margin:6px 5px 0px 5px;
    float:left;
    width:80px;
    border: 0px solid red;
    text-align:center;   
	color: #373f43;	
}

/* **** Footer styles end **** */

/* **** Headline Balken - Theme box styles start **** */
    
    .ThemesContainer {
        width:100%;
    }
    
    .ThemesContainer ol 
    {
        width:100%;
        list-style-type: none;
        margin: 4px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    
    .ThemesContainer ol li  
    {
        width: 240px; 
        height: 350px;
		 margin: 0px 13px 10px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
        position:relative;
        cursor:pointer;
   }
   
   /*.ThemesContainer ol li:last-child{*/
   .ThemesContainer ol li:nth-child(4n+4){
	   margin: 0px 0px 10px 1px;
   }
    
    .ThemeImgContainer
    {
        width:inherit;
        height:inherit;
        overflow:hidden;
        z-index: -1;
    }
    
    .ThemeImgContainer img {position: relative;} 
        
    .ThemeTeaserBlock
    {
        display: inline;
        left: 0px;
        bottom: 0px;
        height: 120px;
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        color: #ffffff;
        z-index: 1;
        position: absolute;
        width: 240px;
        background: #82878A;
        text-decoration: none;
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
    }
    
    .ThemeTeaserBlockHover
    {
        display: inline;
        left: 0px;
        bottom: 0px;
        height: 120px;
        opacity: 1.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        color: #ffffff;
        z-index: 1;
        position: absolute;
        width: 240px;
        background: #82878A;
        text-decoration: none;
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
    }
    
    .ThemeTeaserBlockDetails
    {
        margin: 10px 5px 5px 12px;
        padding: 0;
        border: none;
        outline: none;
        display: block;
        color: #ffffff;
    }
    
    .ThemeTeaserBlock h5 
    {
        height:25px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-family: Aller;
        font-size: 15px;
        font-weight: normal;
        line-height: 25px;
        color: #CECECE;
        overflow:hidden;
    }
    
    .ThemeTeaserBlock h4 
    {
        height: 95px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-family: Aller;
        font-size: 17px;
        font-weight: bold;
        line-height: 20px;
        color: #fff;
        overflow:hidden;
    }

/* **** Theme box styles end **** */

/* **** GenreBox styles start **** */
    
    .GenreContainer 
    {
        display:inline-block;
        width:690px;
    }
    
    .GenreList 
    {
        width:100%;
        list-style-type: none;
        border: 0px solid red;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    
    .GenreList li  
    {
        width: 210px; 
        height: 424px;
        margin: 0px 30px 0px 0px;
        padding: 0px 0px 0px 0px;
        background-color: #f8f8f8;
        float: left;
        position:relative;
        cursor:pointer;
        display:inline-block;
   }
   
   .GenreList li:hover{
       background-color:#ddf1e8;
   }   
   
   
    .GenreListHover 
    {
        background-color: #ddf1e8;
   }

   .GenreList li:last-child{
        margin: 0px 0px 0px 0px;
   }
    
    .GenreImgContainer
    {
        width:200px;
        height:285px;
        overflow:hidden;
        /*z-index: -1;*/
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 5px;

    }
    
    .GenreImgContainer img 
    {
        position: relative;
        padding: 10px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    } 
	
	/* Front.asp - Teaser Text+Image af royal, celeb, style */
        
    .GenreTeaserBlock
    {
        display: inline;
        height: 107px;
        color: #ffffff;
        /*z-index: 1;*/
        width: 100%;
        /*background: #4a5451;*/
        text-decoration: none;
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
        
    }

    
    .GenreTeaserBlockDetails
    {
        height:inherit;
        padding: 0px 0px 0px 0px;
        margin: 0px 5px 0px 5px;
        border: none;
        outline: none;
        display: block;
        color: #ffffff;
    }
    

/* Start Artikelfront Header1 tilpasset af Morten ændret 11.06.2014 fra padding: TOP0px HØJRE0px BUND0px VENSTRE0px, til 10px 0px 0px 0px for at få luft fra toppen */


    .GenreTeaserBlock h5 
    {
        height:25px;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
        font-family: Aller;
        font-size: 14px;
        font-weight: normal;
        line-height: 25px;
        color: #349a34;
        overflow:hidden;
    }
    
    .GenreTeaserBlock h4 
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-family: Aller;
        font-size: 16px;
        font-weight: bold;
        color: #4a5451;
        overflow:hidden;

    }

    .GenreFooterBlock 
    {
        padding: 0px 5px 0px 0px;
        margin: 0px 5px 0px 5px;
        background-color:#ffffff;
        height:28px;
        overflow:hidden;
    }
    
    .GenreFooterBlock h3 
    {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-family: Verdana;
        font-size: 16px;
        font-weight: bold;
        color: #4a5451;
        overflow:hidden;
        vertical-align:middle;
        line-height:28px;
        width:100%;
        border:0px solid red;
		text-align: center;
        
    }
	
/* **** Genre box styles end **** */

/* **** Announcement box styles start **** */
.AnnouncementContainer{
    width:283px;
    /*height:300px;*/
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
    display:inline-block;
	background-color:#ddf1e8;
}

.AnnouncementContainer ol{
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    width:100%;
}

.AnnouncementContainer li{
    width:100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
    float:left;
    border: 0px solid red;
    cursor: pointer;
}

.AnnouncementElement {
    border: 0px solid yellow;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 3px;
    width:100%;
    float:left;
    background:url(../images/arrow2.jpg) left center no-repeat;   
}
.AnnouncementText
{
    border: 0px solid aqua;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 25px;
    width:240px;
    float:left;
}
.AnnouncementText hr
{
    margin: 13px auto 7px auto;
    width:80%;
    border:0px solid black;
    height:1px;
    background-color:#d4d4d5;
}
.AnnouncementSubHeader 
{
    border: 0px solid #c3c5c4;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Aller;
    font-size: 12px;
    font-weight: normal;
    color: #349a34;
}

.AnnouncementHeader 
{
    border: 0px solid green;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    vertical-align:middle;
    font-family: Aller;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

/* **** Announcement box styles end ****** */

/* **** GenreBox styles start **** */

/* **** SearchImageListBox styles start **** */


/* Morten 16-08-2020 Image Searchlist - den nye Image Searchlist design af Content  */

.SearchImageBoxContainer {
    min-height:200px;
    width:700px;
}


.SearchImageBoxContainer ol{
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width:100%;
	display: flex;
    flex-wrap: wrap;
}

.SearchImageBoxContainer li{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 14px 0px;
    /*float:left;*/
    border: 0px solid #c5c5c5;

	display: flex;
	flex-direction: column;
}
.SearchImageBoxImageContainer, .SearchImageBoxTeaser {
  cursor: pointer;
}
.SearchImageBoxContainer li:hover{
    background-color:#ddf1e8;
}

 /* er luften omkring billedboksene i liste oversigten */
.SearchImageList li{
    margin: 0px 0px 14px 23px !important;

 }
.SearchImageList li:nth-child(4n-3){
    margin: 0px 0px 14px 0px !important;
 }
 
 /* er den grå boks i image liste oversigten - Morten */
.SearchImageBox{
    width:220px;
    height:auto;
    border: 0px solid #c3c5c4;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #f8f8f8;
    border: 0px solid #fff;
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    zoom: 1;
	
}


/* OversigtImage udskæring af motivet og luft omkring den til 5px 15px 5px 5px  padding: TOP0px HØJRE0px BUND0px VENSTRE0px - Overflow er sat til visible istedet for hidden, så vi får korrekt variable billedestørrelse at se */
                

.SearchImageBoxImageContainer
{
    float:none;
    width:210px;
    height:240px;
    overflow:visible;
    /*z-index: -1;*/
    padding: 0px 0px 0px 0px;
    margin: 5px 15px 5px 5px;
}

/* MORTEN 17-08-2020 tilføjet Max-Height for at skabe variable billedstørrelse/udsnit */
     
.SearchImageBoxImageContainer img 
{
    /*float:left;
	max-width:210px;
	max-height:250px;*/
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	object-fit: contain;
    width: 100%;
    height: 240px;
}

/* Text content Padding */
.SearchImageBoxTeaser{
    float:none;
    width:230px;
    height:auto;
    padding: 5px 0px 0px 7px;
    margin: 0px 0px 0px 0px;
	flex: 1 0 auto;
}


/* Date */
.SearchImageBoxTeaser h12 {
    margin: 0px 0px 4px 0px;
    padding: 4px 0px 4px 0px;
    height:10px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #4a5451;
	
}  

/* anvendes her ikke tidl. ArticleKategory */
.SearchImageBoxTeaser h3 
{
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
    height:10px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #749c74;
}

   
 /* Headline */   
.SearchImageBoxTeaser h4 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height:auto;
    width:210px;
    font-family: Aller;
    font-size: 14px;
    font-weight: bold;
    color: #4a5451;
    overflow:hidden;

}

/* Bildnr. */
.SearchImageBoxTeaser h5 , .SearchImageList .icons h5
{
    height:auto;
    width:210px;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    font-family: Aller;
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;
    color: #349a34;
    overflow:hidden;

}

/* Soko text in Search imagelist */
.SearchImageBoxTeaser h9
{
    margin: 0px 0px 0px 0px;
    font-family: Aller;
    font-size: 15px;
    font-weight: normal;
/*	font-style: italic;  */
}  
.SearchImageBoxTeaser p , .SearchImageList .icons p
{
    color: #349a34;    /* green colour for the SOKO text */
}

/* Morten - Image-Icon i Tekstbox af imagelist */
.SearchImageList .icons
{
    display: flex;
	width: 100%;
    flex-direction: row;
    padding: 0px;
    /*justify-content: flex-end;*/
}
/* download arrow imagelist */
.DownloadImageIconContainer {
    float:none;
    padding: 0px 35px 0px 0px;
    margin: 10px;
}

/* Morten - Image-Icon i Preview pop-up vindue */
.DownloadImageIconContainer2 {
    float:none;
    padding: 20px 0px 0px 0px;
    margin: 0px;
}

.DownloadImageIconContainer a {
  padding: 0px;
}
.ImageTjeckbox
{
        margin: 15px 15px 0 185px;
		width: 26px;
		hight: 26px;
		 position: absolute;
}
.SearchArticleBoxIconContainer
{
    float:none;
    padding: 0px;
    margin: 10px;
} 

/* **** END SearchImageListBox styles **** */



/* **** Image modal styles ****  - imagesearchlist pop-up billede vindue er markeret som MODAL - Morten*/
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000cc;
}

/* Modal Content */
.modal-content {
  position: relative;
  /*background-color: #ffffff;*/
  width: 86%;
  max-width: 1100px;
  height: calc(100vh - 100px);
  display: flex;
	flex-direction: column;
/*	justify-content: space-between;  Morten fjernet for at top adjust TEXT ellers hopper teksten rundt på siden */  
	background: #EBEBEB;
	margin: 0 auto;
	padding: 10px;
	border: 1px gray solid;
  overflow-y: auto;
}

/* The Close Button */
.modal .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.modal .close:hover,
.modal .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.modal td { 
    vertical-align: top;
  }
.modal .imagecontainer {
    margin-top: 15px;
  flex-shrink: 1;
	overflow: auto;
   min-height: 450px;

}
.modal .imagecontainer img {
	object-fit: contain;
    width: 90%;
	height: 90%;
    	
}
/* Morten  ImageList og pop-up vindue struktur opbyg: billede, text og artikellinks som kodes i globalscript.js og placeres searchimage.asp  */

/* Vejledning  TOP0px HØJRE0px BUND0px VENSTRE0px, Padding for at få luft om objekt */

.modal .text {
  color: #3b3b3b;
  font-size: 11px;
  padding: 0px 0 0 0;
}
.modal .text .data-IptcDateCreated { color: #82878A;  font-size: 11px; }
.modal .text .data-Name { color: #82878A;  font-size: 11px; margin: 20px 0px 10px 0px;}
.modal .text .date-and-name { color: #00000; font-size: 12px; display: flex; justify-content: space-between;  padding: 40px 0 0 0;}
.modal .text .data-IptcHeadline { color: #00000; font-size: 13px; font-weight: bold; margin: 10px 0 5px 0; }
.modal .text .data-IptcCaption { color: #00000; line-height: 1.2em; }
.modal .text .data-SOKO  { font-family: Aller; font-size: 15px; color: #349a34;	font-style: normal; }  
.modal a, .modal a:visited, .modal a:active { color:  #3b3b3b }
.modal .DownloadImageIconContainer {  
  float:left;
}

.modal-MintgreenBar {
 /*   background: #ddf1e8;  mintgreen */
    background: #adddce; 
 /* background: #579da6 ;    Petroleum*/
  padding: 6px 0px 0px 0px;
   margin: 8px -10px 0px -10px;
}  
 
 
.modal-GreyLine {
   background: #cccccc ;    /* grey*/
  padding: 2px 0px 0px 0px;
   margin: 1px 10px 10px 0px;
}
 
.modal-articles {
 /*  background: #ddf1e8; mintgreen */
 /*  color: #82878A; light gray */
 /*   background: #ffffff; */
   padding: 16px;
/*  font-size: 1.4em;
  margin: 2px 0px 0px 0px;
  letter-spacing: 0.2em; */
  color: #000000; 
  font-size: 13px; 
  font-weight: normal;
  margin: 30px 0px 0px 0px;
}

/* Relateret artikler - ovenfor grafisk Overskrift*/
.modal-textlink {
  color: #000000;
  padding: 10px 10px 15px 16px;
  font-size: 11px;
  text-decoration: underline;
 /* background: #82878A; */
}

 .modal-textlink  a {
    text-decoration:none;
    text-transform: none;
    cursor:pointer;
    }

.modal-textlink  a:link { color:#000000; }
.modal-textlink  a:active { color:#000000; }
.modal-textlink  a:visited { color:#000000; }
.modal-textlink  a:hover { color:#349a34; }


.modal-image {
    content:url('../images/Artikel_Tipps1.png');
}​


/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.gallery-wrapper .prev {
    left: 20px;
}
.gallery-wrapper .next {
    right: 20px;
}
.gallery-wrapper .prev svg, .gallery-wrapper .next svg {
    position: absolute;
    left: 33px;
    top: 14px;
}
.gallery-wrapper .prev svg {
    left: 27px;
    top: 14px;
    transform: rotate(180deg);
}
.gallery-wrapper .prev, .gallery-wrapper .next {
    position: absolute;
    display: block;
    height: 90px;
    width: 90px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: #00000033;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 100;
    border-radius: 90px;
}




/* **** Image modal styles **** */

/* **** SearchArticleBox styles start **** */
.SearchArticleBoxContainer {
    min-height:200px;
    width:737px;
}

.SearchArticleBoxContainer ol{
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width:100%;
}

.SearchArticleBoxContainer li{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 14px 0px;
    float:left;
    border: 0px solid red;
    cursor: pointer;
}

.SearchArticleBoxContainer li:hover{
    background-color:#adddce;
}


.SearchArticleBoxContainer li:nth-child(2n+2){
    margin: 0px 0px 14px 16px;
 }
 
.SearchArticleBox{
    width:360px;
    height:150px;
    border: 0px solid #c3c5c4;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #f8f8f8;
    border: 0px solid #fff;
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    zoom: 1;
}


/* SearchArticleList:  Kategori artikeloversigt WEITERE ANGEBOTE luft til højre for pix tilpasset af Morten ændret 11.06.2014 Margin 5px5px 5px 5px til 5px 15px 5px 5px  */
                
.SearchArticleBoxImageContainer {
    float: left;
    width: 110px;   /* image size in SearchArticleList */
    height: 140px;
    overflow: hidden;
    padding: 0;
    margin: 5px 15px 5px 5px;
}

.SearchArticleBoxImageContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* image keep dimension correct with cover or use contain depending on the effect you want */
    display: block; /* image keep dimension correct, removes bottom space inside inline elements */
    object-position: top center; /* start image from the top frame and remove bottom - remove it and it will start from center of the images */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


.SearchArticleBoxTeaser{
    float:left;
    width:230px;
    height:140px;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}       
/* Subheadline */
.SearchArticleBoxTeaser h5 
{
    height:25px;
    width:230px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Aller;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    color: #349a34;
    overflow:hidden;
}
/* Headline */    
.SearchArticleBoxTeaser h4 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height:85px;
    width:230px;
    font-family: Aller;
    font-size: 16px;
    font-weight: bold;
    color: #4a5451;
    overflow:hidden;

}
/* ArticleCategory */
.SearchArticleBoxTeaser h3 
{
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
    height:10px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #749c74;
}

/* Date */
.SearchArticleBoxTeaser h12 {
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
    height:10px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #4a5451;
}


/* **** SearchArticleBox styles end **** */

/* **** ArticleRelatedBox styles start **** */
.ArticleRelatedBoxContainer {
    width:390px;
    padding-bottom:40px;
}

.ArticleRelatedBoxContainer ol{
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 2px;
    width:100%;
}

.ArticleRelatedBoxContainer li{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 14px 0px;
    float:left;
    border: 0px solid red;
    cursor: pointer;
}

.ArticleRelatedBoxContainer li:hover{
    background-color:#ddf1e8;
}

.ArticleDialogLinkList{
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
    width:100%;
}


.ArticleDialogLinkList li{
    margin: 10px 0px 28px 0px;
}

.ArticleDialogLinkList h1{
    font-family: Verdana;
    font-size: 12px;
    height:14px;
    line-height:14px;
    font-weight: bold;
    color: #349a34;
    background-color:transparent;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    cursor:pointer;
}

.ArticleDialogLinkList h17{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    font-style:italic;
	 text-decoration: underline;
    color: black;
    background-color:transparent;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 4px 0px;
    cursor:pointer;
}
.ArticleDialogLinkList h17:hover { color:#349a34; }


.ArticleLinkList{
    list-style-type: none;
       line-height:21px;
    padding: 0px 50px 0px 0px;
    margin: 10px 0px 10px 0px;
    width:100%;
}

.ArticleLinkList h1{
    font-family: Verdana;
    font-size: 12px;
    height:14px;
    line-height:14px;
    font-weight: bold;
    color: #349a34;
    background-color:transparent;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    cursor:pointer;
}

.ArticleLinkList h19{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    font-style:italic;
    color: #82878A;
    background-color:transparent;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 4px 0px;
    cursor:pointer;
}
.ArticleLinkList h19:hover { color:#349a34; }

.ArticleLinkTipHeader{
    font-family: Verdana;
    text-transform:uppercase;
    line-height:35px;
    font-size: 14px;
    font-weight:bold;
    color: #349a34;
}

.ArticleLinkTipSubHeader{
    font-family: Verdana;
    text-transform:none;
    font-size: 12px;
    font-weight:normal;
    font-style:italic;
    color: black;
}
/*
.ArticleCategoryBoxContainer li:nth-child(2n+2){
    margin: 0px 0px 14px 16px;
 }
 */
.RelatedArticleBox{
    width:387px;
    height:150px;
    border: 0px solid #c3c5c4;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #f8f8f8;
    border: 0px solid #fff;
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    zoom: 1;
}

.RelatedArticleBoxImageContainer
{
    float:left;
    width:95px;
    height:130px;
    overflow:hidden;
    /* z-index: -1;*/
    padding: 0px 0px 0px 0px;
    margin: 10px 10px 10px 10px;
}

/* Artikel relateret pix størrelse tilpasset af Morten ændret 13.05.2014 billedformat fra W100px til W105px, samt Margin -15px for at centralisere bedre billedet i før TOP0px HØJRE0px BUND0px VENSTRE0px, Padding 5px for at få luft om billedet */
/* 24-03-2017 LW ændret tilbage igen*/
    
.RelatedArticleBoxImageContainer img 
{
    float:left;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px -35px;
} 

.RelatedArticleBoxTeaser{
    float:left;
    width:260px;
    height:140px;
    padding: 10px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
}       

.RelatedArticleBoxTeaser h5 
{
    height:25px;
    width:260px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Aller;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    color: #349a34;
    overflow:hidden;
}
    
.RelatedArticleBoxTeaser h4 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height:85px;
    width:260px;
    font-family: Aller;
    font-size: 16px;
    font-weight: bold;
    color: #4a5451;
    overflow:hidden;

}

.RelatedArticleBoxTeaser h3 
{
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
    height:10px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #749c74;
}

.RelatedArticleBoxTeaser h12 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height:10px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #4a5451;
	
}
/* **** ArticleCategoryBox styles end **** */

/* ****************************** */
/* **** Page specific styles **** */
/* ****************************** */

/* **** default.asp and recover.asp styles start **** */

.center{
    text-align:center;
}
.LoginHeader{
    font-family: Aller;
    font-size: 50px;
    font-weight: bold;
    color: #000000;
}
        
.LoginSubHeader {
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
       
.LoginSubHeader2 {
    font-family: Verdana;
    font-size: 22px;
    font-weight: light;
    color: #000000;
}

.LoginFormTable
{
    margin-left:auto;
    margin-right:auto;
}
.LoginFormTable label
{
    color: #4a5451;
    text-align:right;
}
.LoginFormTable tr td
{
    text-align:right;
}
.LoginFormTable tr td:last-child
{
    text-align:center;
}
.LoginInput {
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    color: #bcbcbc;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 3px 15px 6px 10px;
    margin: 2px;
}
        
.LoginText
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #4a5451;
}
.LoginText a {
    text-decoration: none;
    font-weight: bold;
    color: #4a5451;
}
        
.LoginSubmitButton { 
    background-image: url('../images/dana-knap-login2.png');
    background-repeat: no-repeat;
    background-position:  0px 0px;
    width:100px;
    height:18px;
    border: 0px;
    background-color:transparent;
    cursor: pointer;
    outline: 0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
        
.LoginSubmitButton:hover{ 
    background-image: url('../images/dana-knap-login1.png');
}

.btnGiveMeMore{
    background-image: url('../images/dana-knap-WEITERE-ERGEBNISE1.png');
    background-repeat: no-repeat;
    background-position:  0px 0px;
    width:115px;
    height:18px;
    border: 0px;
    background-color:transparent;
    cursor: pointer;
    outline: 0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.btnGiveMeMore:hover{
    background-image: url('../images/dana-knap-WEITERE-ERGEBNISE2.png');
}



.LoginErrorBox 
{
    height:40px;
    margin-top:25px;
    font-family:Aller;
    font-size:12px;
    font-weight:normal;
    color: #349a34;
    display:block;
}
 


.RecoverSubmitButton { 
    background-image: url('../images/dana-Knap-Abschicken1.png');
    background-repeat: no-repeat;
    background-position:  0px 0px;
    float:right;
	width:150px;
    height:28px;
    border: 0px;
    background-color:transparent;
    cursor: pointer;
    outline: 0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:transparent;
}
        
.RecoverSubmitButton:hover{ 
    background-image: url('../images/dana-Knap-Abschicken2.png');
}


/* **** default.asp and recover.asp styles end **** */

.front
{
    float:left;
}


.front .row1 
{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}

.front .row1 .col1
{
    float:left;
    width:690px;
}

.front .row1 .col2
{
    float:left;
    padding: 0px 0px 0px 25px;
}


.front .row2 
{
    width:1000px;
    position:relative;
    display:inline-block;
    /*padding-bottom:10px;*/
}

.front .row3
{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}

.front .row3 .col1
{
    padding: 10px 0px 0px 75px;
}

.front .row4 
{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}

.celeb .row1{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}
    
.celeb .row1 .col1{
    width:737px;
    float:left;
}

.celeb .row1 .col2{
    width:240px;
    margin: 0px 0px 0px 23px;
    float:left;
}

.celeb .row4 .col1{
    width:737px;
    float:left;
}

.celeb .row4 .col2{
    width:240px;
    margin: 0px 0px 0px 23px;
    float:left;
}

.style .row1{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}
    
.style .row1 .col1{
    width:737px;
    float:left;
}

.style .row1 .col2{
    width:240px;
    margin: 0px 0px 0px 23px;
    float:left;
}

.style .row4 .col1{
    width:737px;
    float:left;
}

.style .row4 .col2{
    width:240px;
    margin: 0px 0px 0px 23px;
    float:left;
}

.royals .row1{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}
    
.royals .row1 .col1{
    width:737px;
    float:left;
}

.royals .row1 .col2{
    width:240px;
    margin: 0px 0px 0px 23px;
    float:left;
}
.royals .row4 .col1{
    width:737px;
    float:left;
}

.royals .row4 .col2{
    width:240px;
    margin: 0px 0px 0px 23px;
    float:left;
}

.royals .row5 .col1{
    width:1000px;
    float:left;
}


.royals .row6 .col1{
    width:737px;
    float:left;
}

.royals .row6 .col2{
    width:240px;
    margin: 0px 0px 0px 23px;
    float:left;
}

.search .row1{
    margin-top: 130px;
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}
    

.search .row1 .col1{
    width:737px;
    float:left;
}

.search .row1 .col2{
    width:240px;
    margin: 0px 0px 0px 23px;
    float:left;
}

/* Morten 16-08-2020 Image Searchlist */
.search .row0{
    margin-top: 130px;
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}
.search .row0 .col1{
    width:950px;
    float:left;
	margin: 0px 0px 0px 23px;
}

.calendar .row1{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
    color:Black;
}
    

.calendar .row1 .col1{
    width:637px;
    float:left;
}

.calendar .row1 .col2{
    width:340px;
    margin: 0px 0px 0px 23px;
    float:left;
}

.calendar .row2 .col1
{
    float:left;
    display:inline-block;
    width:637px;
    margin-bottom:30px;
}

.calendar .row2 .col2{
    width: 340px; 
}

.calendar .row2 .col2{
    width:240px;
}


.today .row1{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}
    

.today .row1 .col1{
    width:737px;
    float:left;
}

.today .row1 .col2{
    width:240px;
    margin: 0px 0px 0px 23px;
    float:left;
}

.today .row2{
    width:1000px;
    position:relative;
    display:inline-block;
}
    

.today .row2 .col1{
    width:737px;
}

.today .row2 .col2{
    width:240px;
}

.theme .row1{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}
    

.theme .row1 .col1{
    width:737px;
    float:left;
}

.theme .row1 .col2{
    width:240px;
    margin: 0px 0px 0px 23px;
    float:left;
}

.preview
{
    float:left;
}


.preview .row1 
{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}

.preview .row1 .col1
{
    float:left;
    display:inline-block;
    width:1000px;
}


.article
{
    float:left;
}


.article .row1 
{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
    }

.article .row1 .col1
{
    float:left;
    display:inline-block;
    width:570px;
}

.article .row1 .col2
{
    float:left;
    display:inline-block;
    width:390px;
    padding: 0px 0px 0px 40px;
}

.article .row2 .col1
{
    float:left;
    display:inline-block;
    width:570px;
    margin-bottom:30px;
}

.spezial .row1{
    width:1000px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}
    

.spezial .row1 .col1{
    width:1000px;
    float:left;
}

.spezial .row1 .col2{
    width:240px;
    margin: 0px 0px 0px 23px;
    float:left;
}


.whoiswho{
    margin-top: 30px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.articleSubHeader
{
    margin-top:20px;
    width:570px;
    display:inline-block;
    font-family: Aller;
    font-size: 18px;
    font-weight: normal;
    color: #349a34;
}

.articleHeader
{
    width:570px;
    display:inline-block;
    font-family: Aller;
    font-size: 31px;
    font-weight: bold;
    color: #4a5451;
}

.articleTeaser
{
    margin-top: 25px;
	margin-bottom:12px;
	display:inline-block; 
    font-family: Verdana;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    color: #4a5451;
}

.LinkContainer {
    margin-top:15px;
}

.articleBody, .articleBodyPlus{
    margin-top:10px;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    line-height: 130%;
}

.ArticleImageListContainer{
    display:block;
    width:570px;
}

.ArticleImageListContainer .ImageTjeckbox, .ArticleImageListContainer .ArticleImageTjeckbox {
  float:left;
  margin: 2px;
}

#ArticleImageList1
{
    float:left;
    border: 0px solid red;
    width:265px;
    }
#ArticleImageList2
{
    float:right;
    border: 0px solid blue;
    width:265px;
    }

.ArticleImageList{
    width:100%;
    list-style-type: none;
    border: 0px solid red;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
 }

.ArticleImageList li{
    width:265px;
    height:100%;
    border: 0px solid red;
    /*height:414px;*/
    margin: 0px 0px 10px 0px;
    padding: 5px 0px 0px 5px;
    background-color: #f8f8f8;
    /*float: left;*/
    position:relative;
    /*cursor:pointer;*/
    display:block;
    overflow:hidden;
}

.ArticleImageTjeckbox
{
        
		width: 20px;
		position: relative;
}

/* New bredformat image som hentes fra special felt på artiklen og anvendes i newsmail og har i artiklen hvis imagenr. er mere end 00000000 lavet af Morten 17-04-2020 - husk tilpasning i FrontHandler.cs også for at vis i article.asp siden */

.HorizontalImageID
{
    hight:auto;
    overflow:hidden;
	text-align: center;
}

.HorizontalImageID img{
	/*width:auto;*/
	max-width: 575px;
	/* height:383px; */
	  max-height:450px;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	border: 0px solid #ddf1e8;
}

/*
.ArticleImageList li:nth-child(2n+2){
float:right;
 }
*/

.ArticleImageContainer
{
    width:265px;
    /*height:360px;*/
    overflow:hidden;
}

.ArticleImageContainer img{
    width:265px;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.ArticleImageFooterBlock{}

.ArticleImageFooterBlock h5 {
    /*height: 32px;*/
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    color: #4a5451;
    overflow:hidden;
}

.ArticleImageFooterBlock h4 {
    height: 12px;
    margin: 6px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    overflow:hidden;
}

.smallLabel{
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    color: #4a5451;
}

.smallLabel2{
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
   color: #349a34;
}
.smallLabel2:hover { color:#4a5451; }

.OfferIDLink  {
  cursor:pointer;
  
}

.smallValue{
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #4a5451;
}

.TEDAOffer
{
    cursor:pointer;
}

.ui-widget-overlay {
  background: #000;
}

#PrintPreviewDialogIframe{
    width:100%;
    height:100%;
    border: 0px solid red;
}

#printLink, #mailLink
{
    cursor:pointer;
    }

#MailDialogIframe{
    width:100%;
    height:100%;
    border: 0px solid red;
}

.printFooter{
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #4A5451;
}


/* Headline Balken - CategoryList start  || som er Artikel listen under Royals, Celebs, Style */
.CategoryListContainer{
    width:737px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color:#ffffff;
    }
                    
.CategoryListContainer ol{
    border: 0px solid yellow;
    list-style-type: none;
    width:737px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float:left;
    display:inline;
}

.CategoryListContainer ol li ol li{
    border: 0px solid green;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 457px;
    color:white;
    float:left;
}

.CategoryListContainer ol li ol li:hover{
       background-color:#adddce;
       cursor:pointer;
   }
  
                
.CategoryListContainer ol li:nth-child(2n+1) ol li:nth-child(1){
    float:left;
    width: 280px;
}
                
.CategoryListContainer ol li:nth-child(2n+2) ol li:nth-child(1){
    float: right;
    width: 280px;
}

.CategoryListContainer ol li:nth-child(2n+2) ol li:nth-child(2n+1) div{
    float:right;
}


.CategoryListContainer ol li:nth-child(2n+1) ol li:nth-child(2n+2) div{
    float:right;
}



.CategoryListContainer ol li ol li:nth-child(1) .CategoryListImgContainer 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 280px;
    height: 414px;
    overflow:hidden;
}
                
.CategoryListContainer ol li ol li:nth-child(1) .CategoryListTeaserContainer {
    width:280px;
    height:156px;
    background-color:#ddf1e8;
}

.CategoryListContainer ol li ol li:nth-child(1) .CategoryListTeaserContainerOver {
    width:280px;
    height:156px;
    background-color:#adddce;
}

.CategoryListContainer ol li ol li:nth-child(1) .CategoryListTeaserContainer h1 {
    padding: 6px 8px 0px 8px;
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
    height:20px;
    font-family: Aller;
    font-size: 17px;
    font-weight: normal;
    background-color:transparent;
    color: #82878A;
    overflow:hidden;
    width:auto;
}    

.CategoryListContainer ol li ol li:nth-child(1) .CategoryListTeaserContainer h2 {
    padding: 6px 8px 0px 8px;
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
    height:86px;
    font-family: Aller;
    font-size: 21px;
    font-weight: bold;
    color: #000000;
    background-color:transparent;
    overflow:hidden;
    width:auto;
}    
                
.CategoryListContainer ol li ol li:nth-child(1) .CategoryListTeaserContainer h3 {
    padding: 4px 8px 0px 8px;
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
    height:12px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #008f42;
    background-color:transparent;
    overflow:hidden;
    width:auto;
}

.CategoryListContainer ol li ol li:nth-child(1) .CategoryListTeaserContainer h4 {
    padding: 2px 8px 0px 8px;
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
    height:20px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #82878A;
    background-color:transparent;
    overflow:hidden;
    width:auto;
}                
   

/* Kategori artikeloversigt pix størrelse tilpasset af Morten ændret 13.05.2014 billedformat fra W100px til W120px og H136 til H175, samt Margin 20px 20px 15px 20px til 10px 15px 10px 15px  */
                             
             
.CategoryListImgContainer {
    float:left;
    overflow:hidden;
    margin: 10px 15px 10px 15px;
    padding: 0px 0px 0px 0px;
    width:120px;
    height:175px;
    background-color:Transparent;
                    
}
                
.CategoryListImgContainer img{    
    float:left;
    overflow:hidden;
    width:auto;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}
                
.CategoryListTeaserContainer {
    float:left;
    width:307px;
    height:176px;
    background-color:transparent;
}

.CategoryListTeaserContainer h1{
    font-family: Aller;
    font-size: 16px;
    font-weight: normal;
    color: #82878A;
    padding: 20px 8px 0px 15px;
    margin: 0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    width:auto;
}
         /* Artikel liste Start - Textbox design */                       
.CategoryListTeaserContainer h2{
    font-family: Aller;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    padding: 0px 20px 20px 15px;
    margin: 0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    width:auto;
    height:88px;
}

.CategoryListTeaserContainer h3{
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #008f42;
    padding: 0px 20px 0px 15px;
    margin: 0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    width:auto;
}

.CategoryListTeaserContainer h4{
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #82878A;
    padding: 0px 20px 0px 15px;
    margin: 0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    width:auto;
}

.CategoryListSpacer{
    width:457px;
    height:14px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
    visibility:visible;
}
                
.CategoryListSpacer img{
    margin-top:6px;
    width:430px;
    height:3px;                    
}
                
.CategoryListContainer ol li ol li:nth-child(4n+4) .CategoryListSpacer {
    visibility:hidden;
}

.CategoryListContainer ol li ol li:nth-child(4n+1) .CategoryListSpacer {
    display:none;
}

/* CategoryList END */

/* CategoryList ver 2 Start */
.CategoryList2Container{
    width:1000px;
    display:inline-block;
}

.CategoryList2Container ol{
    border: 0px solid yellow;
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
    float:left;
    display:inline-block;
}

.CategoryList2Container ol li{
    border: 0px solid green;
    padding: 0px 0px 0px 0px;
    margin: 0px 47px 0px 0px;
    width: 214px;
    height: 411px;
    background-color:rgb(248, 248, 248);
    float:left;
}

.CategoryList2Container ol li:hover{
       background-color:#adddce;
       cursor:pointer;
   }

.CategoryList2Container ol li:last-child{
    margin: 0px 0px 0px 0px;
}

.CategoryList2Container ol li:nth-child(4){
    margin: 0px 0px 0px 3px;
}

.CategoryList2TeaserContainer{
    width:204px;
    height:92px;
}

.CategoryList2TeaserContainer h1{
    width:200px;
    height:15px;
    padding: 0px 0px 0px 0px;
    margin: 7px 7px 5px 7px;
    font-family: Aller;
    font-size: 14px;
    font-weight: normal;
    color: #349a34;
    background-color:Transparent;
    display:inline-block;
    overflow:hidden;
}

.CategoryList2TeaserContainer h2{
    width:200px;
    height:76px;
    padding: 0px 0px 10px 0px;
    margin: 0px 7px 0px 7px;
    font-family: Aller;
    font-size: 16px;
    font-weight: bold;
    color: #4a5451;
    background-color:Transparent;
    display:inline-block;
    overflow:hidden;
}

.CategoryList2ImgContainer {
    float:left;
    overflow:hidden;
    margin: 7px 7px 0px 7px;
    padding: 0px 0px 0px 0px;
    width:200px;
    height:285px;
    background-color:Transparent;
                    
}

/* Royal Artikelliste tilpasning af billede ikke går op i lange headline tekst ved sæt en padding TOP til 10px af MORTEN den 17-04-2020 */
.CategoryList2ImgContainer img{    
    float:left;
    width:auto;
	padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.CategoryList2FooterContainer{
    width:204px;
    height:24px;
}

.CategoryList2FooterContainer h1{
    width:200px;
    height:12px;
    padding: 0px 0px 0px 0px;
    margin: 0px 7px 0px 7px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #749c74;
    background-color:Transparent;
    display:inline-block;
    overflow:hidden;
}

.CategoryList2FooterContainer h2{
    width:200px;
    height:12px;
    padding: 0px 0px 0px 0px;
    margin: 0px 7px 0px 7px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #4a5451;
    background-color:Transparent;
    display:inline-block;
    overflow:hidden;
	
}
/* CategoryList ver 2 END */

/* EventList start */

.EventTeaserContainer
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display:inline-block;
}
.EventTeaserContainer ol{
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    width:100%;
}
.EventTeaserContainer li{
    width:100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    float:left;
    border: 0px solid red;
    cursor: pointer;   
}
                
.EventElement{
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 6px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    margin: 0 0 0px;
    background: #fff;
    border: 0px solid #fff;
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    zoom: 1;
}
.EventDate{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.EventHeader{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Aller;
    font-size: 12px;
    font-weight:Normal;
    color: #4a5451;
}
.EventWhosWho{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Aller;
    font-size: 12px;
    font-weight:bold;
    color: #4a5451;
}
.EventText{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Aller;
    font-size: 12px;
    font-weight: normal;
    color: #4a5451;
}

/* EventList end */
.calendar .navbar span:nth-child(1) img
{
    padding: 0px 0px 0px 0px;
    margin: 6px 0px 0px 6px;
    vertical-align:top;
    line-height:26px;
    height:14px;
    width:14px;
    border: 0px;
}

.calendar .navbar span:nth-child(3) img
{
    padding: 0px 0px 0px 0px;
    margin: 6px 6px 0px 6px;
    vertical-align:top;
    line-height:26px;
    height:14px;
    width:14px;
    border: 0px;
}
.calendar .navbar span:nth-child(1)
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height:26px;
    line-height:26px;
    text-transform:none;
    text-align:center;
    vertical-align:top;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #CECECE;
    float:left;
    cursor:pointer;
}


.calendar .navbar span:nth-child(2)
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 100px;
    height:26px;
    line-height:26px;
    text-transform:none;
    text-align:center;
    vertical-align:baseline;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

.calendar .navbar span:nth-child(3){
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height:26px;
    line-height:26px;
    text-transform:none;
    text-align:center;
    vertical-align:top;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #CECECE;
    float:right;
    cursor:pointer;
}

.calendar .box
{
    display:inline-block;
    width:322px;
    border: 1px solid #c3c5c4;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-bottom: 2px font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    margin: 0px 0px 10px 2px;
    background: #fff;
    border: 0px solid #000000;
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    zoom: 1;       
}

.calendar .royalfilter{
    display: none;    
}

.Royalfilterbutton{
    background-image: url('../images/dana-knap-Royalfilter1.png');
    border: 0;
    display: block;
    background-repeat: no-repeat;
    background-position:  0px 0px;
    float:right;
	width:106px;
    height:18px;
    border: 0px;
    background-color:transparent;
    cursor: pointer;
    outline: 0;
    margin: 10px 15px 5px 0px;
    padding: 0px 0px 0px 0px;
    color:transparent;
}

.Royalfilterbutton:hover{
    background-image: url('../images/dana-knap-Royalfilter2.png');
    }

.calendar input[type=submit] {
    background-image: url('../images/dana-knap-SUCHE2.png');
    display: block;
    background-repeat: no-repeat;
    background-position:  0px 0px;
    position:absolute;
    bottom: 28px;
    float:right;
	width:106px;
    height:18px;
    border: 0px;
    background-color:transparent;
    cursor: pointer;
    outline: 0;
    margin: 0px 0px 0px 202px;
    padding: 0px 0px 0px 0px;
    color:transparent;
}

.calendar input[type=submit]:hover {
    background-image: url('../images/dana-knap-SUCHE1.png');
  }


a .ThemeLinkCalendar:link { color:#d4d4d5; }
a .ThemeLinkCalendar:active { color:#d4d4d5; }
a .ThemeLinkCalendar:visited { color:#d4d4d5; }
a .ThemeLinkCalendar:hover { color:#d4d4d5; }

/* **** Start Login Page styles **** */

.StartFooterArea
{
    height: 70px;
    border: 0px solid red;
    display: block;
	
}

        
.StartFooterBarBoxBlock {
    margin: 6px 0px 0px 0px;
    background-color:#82878A;
    height: 54px;
    width: 100%;
    display: block;
	}	

	
.StartFooterBarBox 
{
    margin-top:22px;
    margin-left:1px;
    float:left;
    width:100px;
    border: 0px solid red;
    text-align:center;  	          
}

.StartFooterBarBox a {
    text-decoration:none;
    text-transform: uppercase;
    cursor:pointer;
	    }
.StartFooterBarBox a:link { color:#ffffff; }
.StartFooterBarBox a:active { color:#ffffff; }
.StartFooterBarBox a:visited { color:#ffffff; }
.StartFooterBarBox a:hover { color:#000000; }




.StartFooterBarMintBlock {
    margin: 0px 0px 0px 0px;
    background-color:#ddf1e8;
    height: 60px;
    width: 100%;
    display: block;
}
	
.StartFooterBarBoxMint 
{
    margin-top:22px;
    margin-left:40px;
    float:left;
    width:150px;
    border: 0px solid red;
    text-align:center;  	          
}
        
.StartFooterBarBoxMint a {
    text-decoration:none;
    text-transform: uppercase;
    cursor:pointer;
    }
.StartFooterBarBoxMint a:link { color:#434343; }
.StartFooterBarBoxMint a:active { color:#434343; }
.StartFooterBarBoxMint a:visited { color:#434343; }
.StartFooterBarBoxMint a:hover { color:#349a34; }






.StartFooterBarLogo
{
    position:absolute;
    top: 12px;
    margin: 0px 0px 0px 50px;
    border: 0px solid red;
    cursor:pointer;
}

.StartFooterArea2
{
    height: 10px;
    border: 0px solid red;
    display: block;
}
  
.StartFooterBarMintBlock2 {
    margin: 20px 0px 20px 0px;
    background-color:#ddf1e8;
    height: 30px;
    width: 100%;
    display: block;
}
 

 
/* **** PreLoader animation styles **** */

.preloader {
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    background: rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}
.loader {
    height: 30px;
    width: 7px;
    margin-right: 10px;
    background-color: green;
    animation: loading 1s linear infinite;
}
.loader:nth-child(1) { animation-delay: 0.1s; }
.loader:nth-child(2) { animation-delay: 0.2s; }
.loader:nth-child(3) { animation-delay: 0.3s; }
.loader:nth-child(4) { animation-delay: 0.4s; }
.loader:nth-child(5) { animation-delay: 0.5s; }
@keyframes loading {
    0% { height: 0; }
    25% { height: 25px; }
    50% { height: 50px; }
    100% { height: 0; }
}