@charset "utf-8";
/* CSS Document */

body {
  -webkit-text-size-adjust: none;
  margin-top:0px;
  padding-top: 0px;
  background-color:#000;
  /*font-family:sans-serif, Arial, Helvetica;*/
  font-family: 'Lato', Helvetica, sans-serif;
  color:#fff;
  font-size:11px;
}

a {
 outline: none;
  color: #fff;
  text-decoration: none;
}
a:visited {
  color: #fff;
}
a:hover {
  color: #e60041;
}

img {
  border: none;
}

#main-container {
  width:950px;
  margin-left: auto;
  margin-right: auto;
  text-align:left;
  padding-left:12px;
  padding-right:12px;
  margin-top:40px;
  height:100%;
}

#content-container {
  width:910px;
  height:621px;
  padding:20px;
  float:left;
}

#bslide {
  width:910px;
  min-height:621px;
  padding:20px;
  float:left;
  background-repeat:no-repeat;
  background-size: cover;
}


/* ---- FRONTPAGE ---- */
.frontpage-text, .ftf-text, .news-text {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: 300;
  z-index:0;
}
.frontpage-text, .ftf-filmtitel, .ftf-filmbeskrivelse, .ftf-still, .ftf-link, .ftf-logo, .news-text {
  position:relative;
}

.frontpage-logo {
  display:inline-block;
  padding-left: 10px;
  position:relative;
}
.frontpage-text {
  left: 465px;
  top:-50px;
  width: 450px;
}
.frontpage-text p {
  padding-top: 10px;
  line-height: 1.3;
  text-align:justify;
}
.frontpage-text h1, .news-text h1 {
  font-weight: 100;
  font-size: 30px;
}



/* ---- FØDT TIL FILMEN ---- */
.ftf-text {
  color:#000;
}
.ftf-filmtitel {
  left: 30px;
  top:345px;
  width: 450px;
}
.ftf-filmtitel h1 {
  font-weight:400;
  font-size:50px;
  padding-bottom:0px;
}
.ftf-filmtitel p {
  font-weight:400;
  font-size:20px;
  margin-top:-25px;
  margin-left:170px;
}
.ftf-filmbeskrivelse {
  left: 485px;
  top:-195px;
  width: 400px;
}
.ftf-filmbeskrivelse p {
  font-weight:400;
  font-size:13px;
}
.ftf-link { left: 485px;
  top:-160px;
  font-weight:400;
  font-size:13px;
  z-index:10;
}
.ftf-link a, .ftf-link a:visited {
  color:#000;
}
.ftf-link a:hover {
  color: #e60041;
}
.ftf-still {
  width:400px;
  height:272px;
  margin-left:480px;
  margin-top:-150px;
}
.ftf-still img {
  width:400px;
  border:2px solid white;
}



/* ---- HJEMME I VERDEN ---- */
.whiteBG {
  background-color: #fff;
  padding: 20px;
  padding-top: 0px;
  margin-top: 37px;
  margin-left: -20px;
  margin-right: -20px;
}
.hiv-text {
  color: #000;
}
.hiv-filmtitel {
  width: 640px;
  margin-left: 328px;
  margin-top: 50px;
  position: absolute;
}
.hiv-filmtitel h1 {
  margin-top: 0px; font-weight:900; font-size:66px;
}
.hiv-filmtitel p {
  font-weight:300; font-size:35px; margin-top: -32px;
}
.hiv-filmbeskrivelse {
  font-size: 17px;
}
.hiv-filmbeskrivelse div {
  position: absolute;
}
.hiv-filmbeskrivelse div:nth-child(1) {
  margin-top: 330px;
  margin-left: 54px;
  width: 346px;
}
.hiv-filmbeskrivelse div:nth-child(2) {
  margin-top: 720px;
  margin-left: 558px;
  width: 299px;
}
.hiv-stills img {
  position: absolute;
}
.hiv-stills img:nth-child(1) {
  width: 392px;
  margin-top: 46px;
  margin-left: 10px;
}
.hiv-stills img:nth-child(2) {
  width: 491px;
  margin-top: 273px;
  margin-left: 439px;
}
.hiv-stills img:nth-child(3) {
  width: 541px;
  margin-top: 608px;
  margin-left: -20px;
}


/* ---- LIBRARY ---- */
.library-header {
 color: #000;
 margin-top: -20px;
 padding: 50px 40px 20px;
 width: 800px;
}
.library-header a, .library-header a:visited {
  color: #000;
}
.library-header a:hover, library-header a:active {
  color: #e60041;
}
.library-header img {
  height: 50px;
  margin-bottom: 40px;
}
.library-header div {
  font-size: 16px;
  line-height: 1.5;
}
.library-bog {
  background-color: #f4f3f2;
  padding: 0;
  margin: 30px -20px -20px;
}
.library-coverLink {
  display: inline-block;
  margin: 40px 20px 40px 60px;
}
.library-cover {
  display: inline-block;
  width: 200px;
  height: 286px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.library-cover:hover {
  background-size: 103%;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.library-info {
  display: inline-block;
  position: absolute;
  width: 600px;
  padding: 20px 40px 40px 20px;
}
.library-info h3,
.library-info h4 {
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.library-info h3 {
  font-size: 30px;
}
.library-info h4 {
  font-size: 22px;
  margin-top: 0px;
}
.library-byline {
  font-size: 13px;
  color: #6b6a69;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 30px;
}
.library-beskrivelse {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 42px;
  height: auto;
  // min-height: 115px;
  overflow: hidden;
}
.library-buy {
  background-color: #00675b;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  padding: 10px 40px;
  text-transform: uppercase;
  border-radius: 6px;
  -webkit-transition: background-color .5s; /* Safari */
  transition: background-color .5s;
}
.library-buy:hover {
  color: #fff;
  background-color: #004738;
  -webkit-transition: background-color .5s; /* Safari */
  transition: background-color .5s;
}


/* ---- NEWS ---- */
#bslide-no-height {
  width:910px;
  padding:20px;
  float:left;
  background-repeat:no-repeat;
}
.news-text {
  width:450px;
  float: left;
  margin-top:0px;
} /*left:65px;*/
.news-billede {
  display:none;
  width:400px;
  float:left;
  margin-top:-60px;
  text-align:center;
}
.news-billede img {
  width:300px;
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

#credits {
  width:500px;
  height:24px;
  float:left;
  font-size:11px;
  padding-top:42px;
  text-align:right;
  color:#999;
}

#movie {
  width:500px;
  float:left;
}


/* ---- FOOTER ---- */
#bottom,
#footer-placeholder {
  width:930px;
  float:left;
  text-align:left;
  font-size: 12px;
  color:#666;
  margin-bottom: 20px;
}

#footer-text a,
#footer-text a:visited {
  color:#666;
}
#footer-text a:hover {
  color: #e60041;
}


/* ---- MENU ---- */
#menu {
  float:right;
  margin-top:-7px;
  z-index:1000;
}

#menu ul {
  display:block;
  float:right;
  padding:0;
  margin:0;
  list-style-type:none;
  list-style:none;
}
#menu li {
  display:block;
  float:left;
  padding:0;
  margin:0;
}

#menu a {
  outline:none;
}

#menu a.tab {
  display:block;
  float:left;
  padding: 0 0 0 18px; 
  color:#fff;
  font-size:14px;
  font-weight:400;
  text-decoration:none;
  cursor:pointer;
}
  
#menu a.tab:hover {
  color:#e60041;
}
	
#menu li ul {
  position:absolute; 
  z-index:1000; 
  opacity:1;
  width:150px; 
  top:16px; 
  padding:2px 0px; 
  display:none;
  margin-left:18px;
}
			  
#menu li ul li {
  width:100%;
}

#menu li ul a {
  display:block; 
  padding:3px 6px; 
  color:#000; 
  font-size:12px; 
  text-transform: none;
  text-decoration:none;
  font-weight:400;
  background-color:#fff;
  cursor:pointer;
}

#menu li ul a:hover {
  color: #e60041;
}

#menu li.hover {
  position:relative;
}

#menu li.hover ul {
  display:block;
}

.menu-border {
  border-top: 0px;
  border-top-color:transparent;
  margin-top:0;
  padding:0;
  background-color: #fff;
}

/* Hover border*/
.toggleborder:hover img{
  border: 1px solid black;
}

.toggleborder:hover{
  color: red; /* Dummy definition to overcome IE bug */
}

.whiteborder {
  border-color: white;
  border-width: 1px;
  border-style: solid;
}