body { /* for safari's tint */ background-color: #000000; /* for the document's body background color */ }
button, .button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; /*padding: 1rem 2rem 1.0625rem 2rem;*/ font-size: 1rem; background-color: #006FCE; border-color: #01559C; color: #FFFFFF; transition: background-color 300ms ease-out; }
button:hover, button:focus, .button:hover, .button:focus { background-color: #F27722; }
/*indført af cajo for kunne styre størrelsen på foundation-icons (som er ikoner som .svg filer)*/
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-32 { font-size: 32px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }
/* Default Link Styles */
a { color: #FFFFFF; line-height: inherit; text-decoration: none; }
a:hover, a:focus { color: #006FCE; }
/*A IMG
{
	border: none;
}*/
.menubar ul { list-style-type: none; margin: 0; }
.menubar li { list-style: none; float: left; margin-right: 0rem; margin-left: 0.1rem; }
.current { display: block; border-bottom: 3px solid #006FCE; }
.menubar a { display: block; /*width: 4.4em;*/ color: white; text-decoration: none; text-align: center; font-weight: bold; padding-left: 0.5rem; padding-right: 0.5rem; }
.menubar a:hover { background-color: #005DAC; }
.menubar #menuSøg { float: right; }
.menubar .søgeKnap { width: 34px; }
.menubar .søgeKnap .fi-ma gnifying-glass { margin-left: 0; }
/** Changes background color, height and margin of the border **/
/** Removes black background on menu bar **/
/*.contain-to-grid
{
	background-image: url(http://playnocache.tv2bornholm.dk/gfx/Topbarbg.png);
	
}*/
/*.topBg { background-image: url(http://playnocache.tv2bornholm.dk/gfx/Topbarbg.png); background-repeat: repeat-x; }*/
.top-bar .alert { font-weight: normal; margin-left: 0; }
.menubar { margin-bottom: 0px; background-color: #F27722; height: 34px; margin-top: 0; border-bottom: 6px solid #006FCE; padding-top: 8px; }
.menubar { margin: 0 auto; /*max-width: 74.5rem;*/ width: 100%; }
.contain-to-grid .menubar { margin-bottom: 0; margin: 0 auto; max-width: 74.5rem; }
.menu-icon { }
#menuTilMainSite .fi-rewind { padding-right: 0.7em; }
#menuTilMainSite a { font-size: 0.8em; letter-spacing: 0.05em; }
#menuTilMainSite a:hover { background-color: #F27722; color: #006FCE; }
.top-bar .top-bar-section ul.left li a:hover { color: #006FCE; }
/*Indhold - afstand fra topmenu og footer*/
.indhold { margin-top: 0; background-color: #000000; }
h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; color: #FFFFFF; text-rendering: optimizeLegibility; margin-top: 0.2rem; margin-bottom: 0.3rem; line-height: 1.1; }
h4 { font-size: 1rem; line-height: 1.2; }
/*Forside-slider extra*/
.slide-caption { position: relative; width: 100%; z-index: 2; /*background: rgba(51, 51, 51, 0.8);*/ color: white; font-family: 'Roboto', Helvetica, sans-serif; font-size: 1.4rem; letter-spacing: 1px; line-height: 1.5rem; width: 100%; max-width: 74.5rem; margin: 0 auto; bottom: 3rem; font-weight: bold; padding-left: 0.6rem; }
.tekst { line-height: 1.2rem; padding-right: 0.5rem; color: #E0E0E0; }
.grader { position: absolute; }
.Oversigt { margin-top: -80px; padding-left: 0.5em; padding-right: 0.5em; }
/*.slide-caption
{
	font-size: 2.4rem;
}*/
@media only screen and (min-width: 64.0625em)
{
    .Oversigt { margin-top: -140px; padding-left: 0.5em; padding-right: 0.5em; }
    .slide-caption { font-size: 2.4rem; bottom: 8.4rem; }
    .slick-dots { position: relative; /*top: 0;*/ display: block; list-style: none; text-align: center; width: 97%; bottom: 7rem; }
    .slick-dots li button:before { font-family: 'slick'; font-size: 0.9rem; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height:20px,; content: '•'; text-align: center; opacity: 0.25; color: #FFFFFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}
.Oversigt .tabs { border-bottom: 1px solid #282828; margin-left: 0px; margin-right: 0; }
/*Forside-Oversigt*/
.tab-title { margin-right: 20px; }
.Oversigt .tab-title a { display: block; background-color: transparent; color: #FFFFFF; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; padding: 1rem 0 0.2rem 0rem; font-weight: bold; }
.Oversigt .tab-title a:hover { display: block; background-color: transparent; color: #006FCE; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; padding: 1rem 0 0.2rem 0rem; font-weight: bold; }
.Oversigt .tab-title.active a { display: block; background-color: transparent; color: #006FCE; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; padding: 1rem 0 0.2rem 0rem; font-weight: bold; border-bottom: 2px solid #006FCE; }
.Oversigt .image { padding-top: 8px; }
.Oversigt .specifik_newsImage { position: relative; -webkit-filter: brightness(1.1) contrast(1.1); /**/ }
.Oversigt .specifik_newsImage:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /*opacity: 0.5;*/ border-top: 1px solid rgba(255, 255, 255, 0.401); }
.Oversigt .titel, .indhold .titel { padding-top: 0.2em; padding-bottom: 0.2em; font-weight: bold; letter-spacing: 0.05em; }
.Oversigt .udsendelsesElement .tekst { color: #FFFFFF; font-size: small; padding-bottom: 1em; }
.udsendelsesElement { color: #1774C5; }
/*Underside - Klip
     */
#chapters { padding: 12px; border-top: 1px solid #383838; margin-top: 1em; }
#chapters .deling { }
#chapters .varighed { }
#chapters .kliptitel { font-weight: bold; }
.restListe { padding: 0.8em; }
.videoliste hr { border-top: 1px solid #006FCE; }
.description { padding-top: 1em; }
div.videodato .fi-clock { padding-right: 6px; }
#chapters .videobillede img { position: relative; -webkit-filter: brightness(1.1) contrast(1.1); /**/ border-bottom: 0.12em solid #006FCE; margin-bottom: 0.3em; }
#chapters .videobillede img { border-top: 1px solid rgba(255, 255, 255, 0.828); }
.videooverskrift { padding-left: 0.7em; }
.videooverskrift .titel h3 { font-size: 1.2em; }
.videooverskrift .deling { margin-top: -44px; padding-right: 10px; }
.videooverskrift .deling .fi-mail { padding-right: 6px; }
.første { padding-left: 0.7em; padding-top: 0.9em; }
.første .playIcon { float: left; padding-right: 0.9em; margin-top: -11px; }
.deling { float: right; /*margin-top: -70px;*/ top: 0; height: 2.2em; }
.deling .button.videoremove { background-color: transparent; padding: 0px 0px 0px 10px; }
.restListe .row .small-12 .hoverDiv { border-bottom: 1px solid #202020; }
.restListe .columns { padding-bottom: 1em; padding-top: 0.5em; }
.restListe img { position: relative; -webkit-filter: brightness(1.1) contrast(1.1); /**/ border-bottom: 0.12em solid #006FCE; margin-bottom: 0.3em; margin-top: 0.6em; }
.restListe img { border-top: 1px solid rgba(255, 255, 255, 0.828); }
@media only screen and (max-width: 40em)
{
    .videoliste li { background-color: #282828; padding-top: 1em; margin-bottom: 0.2em; text-align: left; }
    .videoliste ul :hover { background-color: #000000; }
    .videoliste li a { font-weight: bold; }
    .videoliste #chapters .varighed { float: right; display: block; color: #888888; }
    .videoliste #chapters .kliptitel { float: left; width: 85%; }
    .TvGuide .tabs { margin-top: 0.1em; margin-left: 0.1em; }
    #chapters .deling { margin-top: -15px; }
}
/*LIVE TV*/
@media only screen and (min-width: 40.0625em)
{
    .TvGuide .tabs { margin-top: 0.1em; padding-bottom: 1em; padding-left: 32%; }
    .TvGuide .picker__input { height: 1.8em; margin-top: 1em; background-color: #141313 !important; width: 12em; border-right: 0; border-top: 0; border-bottom: 0; }
}
.indhold .nuOgNæste { padding: 0.7em; margin-bottom: 3em; }
#nuOgNæste #progressbar { margin-top: 10px; margin-bottom: 4px; }
#nuOgNæste .titel { font-size: 1.5em; }
#nuOgNæste .description { color: #FFFFFF; }
.nuOgNæste .nu { /*float: left;*/ font-size: 1.3em; padding-right: 1em; color: #F27722; }
.nuOgNæste .næste { /*float: left;*/ font-size: 1.3em; padding-right: 1em; color: #C4C4C4; }
.indhold .videoNu { margin-bottom: 2em; border-bottom: 1px solid #6E6E6E; padding-bottom: 2em; }
#nuOgNæste .tider { }
#nuOgNæste .starttime { color: #FFFFFF; float: left; }
#nuOgNæste .sluttime { color: #FFFFFF; text-align: right; }
#nuOgNæste .forfra { text-align: right; font-weight: bold; }
.forfra .fi-play-video { padding-left: 12px; font-size: 36px; }
#nuOgNæste .genudsendelse { color: #EEEEEE; }
/*Kategorier*/
.indhold .venstremenu { /*padding-right: 2em;*/ }
.indhold .kategorier { padding: 0.7em; margin-top: 1em; }
.indhold .kategorier .tabs dd.active > a, .indhold .kategorier .tabs .tab-title.active > a { background-color: #000000; color: #006FCE; border-left: thick solid #006FCE; /*padding-left: 1.8em;*/ font-weight: bold; }
.programliste { }
.serieliste9.small-9.columns .tabs-content #panel1.content { margin-left: 0; padding-left: 0; }
.tabs-content .content.active { line-height: 1.6em; }
.programliste .alfabetSkiller { border-bottom: 1px solid #006FCE; font-weight: bold; color: #006FCE; }
.programliste .kategoriKolonne1 { }
.programliste .kategoriKolonne2 { }
/*Serier*/
.small-12 .Serier { width: 100%; margin-bottom: -1.6rem; margin-top: 0.4rem; background-color: #D8620F; }
.small-12 .Serier .overskrift { }
.small-12 .Serier .overskrift h4 { /*color: #FFFFFF;*/ padding-top: 0.2rem; line-height: 1.5rem; font-weight: bold; padding-left: 0.7rem; padding-bottom: 0.2rem; color: #FFFFFF; }
.Serier .aktuelleProgrammerSerier { color: #FFFFFF; padding-top: 1.9rem; }
.Serier .aktuelleProgrammerSerier h4 { color: #FFFFFF; padding-top: 1.9rem; display: inline-block; font-weight: bold; padding-left: 0.7rem; padding-bottom: 0.2rem; }
.Serier .time { padding-left: 0.7rem; color: #FFFFFF; margin-top: -0.3rem; }
.Serier .slick-prev, .Serier .slick-next { font-size: 0; line-height: 0; position: absolute; top: 60%; display: block; width: 30px; height: 30px; margin-top: 0; padding: 0; cursor: pointer; color: transparent; outline: none; background: transparent; margin-right: 23px; margin-left: 30px; }
.Serier .flereSerier .fi-magnifying-glass { padding-left: 0.7rem; }
.Serier .flereSerier { padding-right: 0.7rem; padding-left: 0rem; margin-bottom: 1.525rem; width: 100%; text-align: right; padding-bottom: 0.525rem; padding-top: 0.525rem; }
.Serier .flereSerier h3 a { font-size: 1.125rem; line-height: 0; color: #070707; font-weight: bold; }
/*Serier alfabetisk*/
.small-12 .serielisteAlfabetisk { width: 100%; padding-left: 0.7rem; padding-right: 0.7rem; }
.small-12 .serieliste .overskrift { padding-top: 0.9rem; border-bottom: 1px solid #006FCE; }
.small-12 .serieliste .overskrift h4 { /*color: #FFFFFF;*/ padding-top: 0.2rem; line-height: 1.5rem; font-weight: bold; padding-left: 0.7rem; padding-bottom: 0.2rem; }
.Serier .aktuelleProgrammerSerier h3 { /*color: #FFFFFF;*/ padding-top: 0.2rem; line-height: 1.5rem; font-weight: bold; padding-left: 0.7rem; padding-bottom: 0.2rem; }
.Serier .time { padding-left: 0.7rem; color: #FFFFFF; margin-top: -0.3rem; }
.Serier .slick-prev, .Serier .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; margin-top: 0; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; margin-right: 23px; margin-left: 30px; }
.Serier .flereSerier .fi-magnifying-glass { padding-left: 0.7rem; }
.Serier .flereSerier { padding-right: 0.7rem; padding-left: 0rem; margin-bottom: 1.525rem; width: 100%; text-align: right; padding-bottom: 0.525rem; padding-top: 0.525rem; }
.Serier .flereSerier h3 a { font-size: 1.125rem; line-height: 0; color: #FFFFFF; font-weight: bold; }
/*TV guide*/
.TvGuide { padding: 0.7em; }
.TvGuide .tabs { margin-top: 0.1em; padding-bottom: 1em; /*padding-left: 32%;*/ }
.tab-title { margin-right: 20px; }
.TvGuide .tab-title a { display: block; background-color: transparent; color: #FFFFFF; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; padding: 1rem 0 0.2rem 0rem; font-weight: bold; }
.TvGuide .tab-title a:hover { display: block; background-color: transparent; color: #006FCE; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; padding: 1rem 0 0.2rem 0rem; font-weight: bold; }
.TvGuide .tab-title.active a { display: block; background-color: transparent; color: #006FCE; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; padding: 1rem 0 0.2rem 0rem; font-weight: bold; border-bottom: 2px solid #006FCE; }
.indhold .før { /**/ /*border-right: 1px solid #666666;*/ padding: 3px; }
.TvGuide .før.small-12.medium-4.columns { padding-right: 1em; }
.indhold .nu { /**/ border-right: 1px solid #006FCE; }
.TvGuide .nu .small-12.medium-4.columns { padding-right: 1em; }
.indhold .efter { border-right: 1px solid #666666; padding-top: 4px; }
.TvGuide .efter.small-12.medium-4.columns { padding-left: 1em; }
.TvGuide .dato { font-weight: bold; color: #FFFFFF; padding-bottom: 0.6em; padding-top: 0.4em; margin-bottom: 0.7em; text-align: right; padding-right: 1.1em; }
.TvGuide .prgTid h4 { font-weight: bold; }
.TvGuide .nu .dato { border-top: 4px solid #006FCE; }
.TvGuide .fi-play-video { padding-left: 0.3em; }
.TvGuide .tvGuideItem { margin-bottom: 1em; padding-top: 0.4em; padding-bottom: 0.4em; padding-right: 0.4em; padding-left: 0.4em; margin-right: 0.4em; background-color: #282828; }
.TvGuide .tvGuideItem .description { padding-top: 0; width: 120%; }
.TvGuide .tvGuideItem_Live .description { padding-top: 0; width: 110%; }
.TvGuide .tvGuideItem_NoVideo .description { padding-top: 0; width: 125%; }
.TvGuide .tvGuideItem_NoVideo { margin-bottom: 1em; padding-top: 0.4em; padding-bottom: 0.4em; padding-right: 0.4em; padding-left: 0.4em; margin-right: 0.4em; background-color: #121212; color: #999999; }
.TvGuide .tvGuideItem_NoVideo .overskrift h5 { color: #999999; font-style: normal; }
.TvGuide .tvGuideItem:hover { color: #006FCE; background-color: #000000; }
.TvGuide .tvGuideItem_Live { margin-bottom: 1em; padding-top: 0.4em; padding-bottom: 0.4em; padding-right: 0.4em; padding-left: 0.4em; margin-right: 0.4em; }
.tvGuideItem_Live { border-bottom: 4px solid #006FCE; margin-bottom: 1.4em; border-top: 4px solid #006FCE; padding-top: ; }
.tvGuideItem_Live img { padding-bottom: 0.8em; border-top: 1px solid rgba(255, 255, 255, 0.828); margin-top: 0.8em; }
/*SØGtop*/
.top-bar { color: #FFFFFF; }
.søgetekst2 { padding-left: 20px; }
.top-bar .søgetekstTop { padding-left: 12px; }
.top-bar .søgeknapTop { padding-left: 0; padding-right: 0; }
.top-bar .søgefelterTop { }
/*SØG side*/
.søgeblok { padding-top: 1.8em; }
.søgeterm { color: #F27722; font-weight: bold; }
.indhold .søgeindhold { padding: 0.7em; }
.søgeindhold .søgeOverskrift { font-weight: bold; margin-bottom: 1em; }
.søgeindhold .tekst { padding-bottom: 0.3em; }
.søgeindhold .dato { }
.søgeindhold .dato .fi-clock { padding-right: 0.5em; }
.søgeindhold .specifik_newsImage { position: relative; -webkit-filter: brightness(1.1) contrast(1.1); /**/ }
.søgeindhold .specifik_newsImage:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /*opacity: 0.5;*/ border-top: 1px solid rgba(255, 255, 255, 0.401); }
.søgeindhold .antalResultater { font-size: 0.8em; margin-top: 0.8em; text-align: right; }
/*TV-info*/
.TVInfo { /*border: 1px solid black;*/ position: relative; display: compact; margin-top: -2.6rem; margin-left: 4.7rem; background-color: #A44705; }
.name .TVInfo span.TVInfoOverskrift { font-size: 1.3rem; font-weight: bold; padding-left: 1rem; color: #FFFFFF; }
.infoTVInfo { background-color: #A44705; padding-bottom: 0.1rem; }
.infoTVInfo .EkstraInfo h3 { color: #FFFFFF; padding-top: 0.2rem; line-height: 1.5rem; font-weight: bold; padding-left: 0.5rem; }
.infoTVInfo .EkstraInfo { color: #FFFFFF; font-size: 1rem; padding-left: 0.7rem; padding-top: 0.4rem; font-weight: bold; margin-top: 0; }
/*Footer stuff*/
.fi-mail, .fi-web, .fi-telephone, .fi-comment, .fi-telephone { font-size: 1.5rem; margin-right: -9px; color: #7E7E7E; }
.footerContent .fi-web, .footerContent .fi-mail, .footerContent .fi-telephone { color: #FFFFFF; padding-right: 20px; }
.fi-social-facebook { color: #7E7E7E; }
.footerWrap { width: 100%; /*position: fixed;*/ bottom: 0; color: #FFFFFF; }
.footer { /*margin: auto;*/ width: 100%; /*margin-top: 25px;*/ }
.footerContent { /*float: left;*/ background-color: #006FCE; height: 70px; width: 100%; }
.footer .button { /*width: 17.8rem;*/ height: 40px; padding-top: 4px; }
.footer p { display: inline-block; text-align: center; width: 100%; height: 0px; }
/*Ikon størrelser */
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-30 { font-size: 30px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }
button.alert, .button.alert { background-color: #000000; /*width: 3.7rem;*/ height: 2.3rem; color: #FFFFFF; font-weight: bold; font-size: 16px; }
#nyhedsListe .søgeOveskrift { padding-left: 1.4rem; font-weight: bold; margin-top: -10px; padding-bottom: 0.6rem; background-color: #9CBEE9; padding-top: 0.4rem; margin-bottom: 1rem; color: #0060B2; }
.antalResultater h6 { font-size: 0.7rem; font-weight: bold; }
/*Cookie*/
#cookiesdirective h3 { color: #FFFFFF; }
#cookiesdirective .fi-alert { color: #FB9600; float: left; padding-right: 1rem; margin-top: -15px; padding-bottom: 0; }
#cookiesdirective .cookieTekst { color: #FFFFFF; float: left; border-top: 1px solid #004E91; padding-top: 0.2rem; }
/*Share*/
.sharedLink { color: #006FCE; }
/*Blinker*/
/*.sharedLink
{
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blinker;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blinker;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}*/
/*@-moz-keyframes blinker
{
	0%
	{
		opacity: 1.0;
	}
	50%
	{
		opacity: 0.0;
	}
	100%
	{
		opacity: 1.0;
	}
}*/
/*@-webkit-keyframes blinker
{
	0%
	{
		opacity: 1.0;
	}
	50%
	{
		opacity: 0.0;
	}
	100%
	{
		opacity: 1.0;
	}
}*/
/*@keyframes blinker
{
	0%
	{
		opacity: 1.0;
	}
	50%
	{
		opacity: 0.0;
	}
	100%
	{
		opacity: 1.0;
	}
}*/