/* --------------------------------------------------------------------------- */
/* Bio.Common.css */
/* --------------------------------------------------------------------------- */
/* Defines general text format tags, i.e. <h1> - <h6>, <p>, <a>, <li>.   */

body
{
  background-color: #fff;
  color: #f26522;
  font-size: 11px;
  font-family: arial;
  font-weight: normal;
  line-height: 14px;
  text-decoration: none;
}

a
{
  color: #8f7508;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

a.filmlink
{
  color: #8f7508;
  text-decoration: underline;
}

a.filmlink:hover
{
  color: #ffffff;
  background-color: #8f7508;
  text-decoration: none;
}

h1
{
  color: #ff8c00;
  font-size: 20px;
  font-family: arial;
  font-weight: bold;
  text-decoration: none;
}

h2
{
  color: #ffbc04;
  font-size: 16px;
  font-family: arial;
  font-weight: bold;
  text-decoration: none;
}

h3
{
  color: #a4c500;
  font-size: 13px;
  font-family: arial;
  font-weight: bold;
  text-decoration: none;
}

.forside_liste
{
  color: black;
  font-size: 12px;
  font-family: arial;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}

.forside_genveje
{
  color: black;
  font-size: 12px;
  font-family: arial;
  font-weight: normal;
  line-height: 16px;
  text-decoration: none;
}

.premieredato
{
  color: white;
  font-size: 10px;
  font-family: arial;
  line-height: 12px;
  text-decoration: none;
}

.filmmanchet
{
  color: #b5b5b5;
  font-size: 12px;
  font-family: arial;
  line-height: 20px;
  text-decoration: none;
}

.fieldname
{
  color: #000000;
  font-size: 10px;
  font-family: arial;
  line-height: 12px;
  text-decoration: none;
}

.beskrivelsemanchet
{
  color: #8f7508;
  font-size: 14px;
  font-family: arial;
  line-height: 16px;
  text-decoration: none;
}

.beskrivelse
{
  color: black;
  font-size: 12px;
  font-family: arial;
  line-height: 16px;
  text-decoration: none;
}

.detaljer
{
  color: #8f7508;
  font-size: 12px;
  font-family: arial;
  line-height: 16px;
  text-decoration: none;
}

img
{
  border: none;
}

.floatBreak, 
.floatbreak, 
.FloatBreak
{
  display:block;
  clear:both;
  font-family:sans-serif;
  font-size:0px;
  line-height:0px;
  height:0px;
  overflow:hidden;
}

/* --------------------------------------------------------------------------- */
/* Bio.Grid.css */
/* --------------------------------------------------------------------------- */
/* Defines styles for page, region and blocks */

body
{
  padding: 0;
}

/*
======================
HeaderRegion
======================
*/
#HeaderRegion
{
  height: 117px;
}
#HeaderRegion #HeaderBlock
{
  height: 84px;
}

#HeaderRegion #NavigationBlock
{
  height: 33px;
  float: left;
  background-image: url(/~/media/Images/bio08_menubg.ashx);
  width: 920px;
}

/*
======================
BodyRegion
======================
*/
#BodyRegion
{
  /*float: left;*/
  background-image: url(/~/media/Images/bio08_pagebg.ashx);
}
.FilmNavigationBlockWidth
{
  width: 920px;
}
.ContentBlockWidth
{
  width: 602px;
}
.ContentBlockWidth select
{
  margin-left: 25px;
}

.SpotsBlockWidth
{
  width: 148px;
}
.FilmStripWidth
{
  width: 170px;
}

/*
======================
FooterRegion
======================
*/
#FooterRegion
{
   height: 109px;
}

/* --------------------------------------------------------------------------- */
/* Bio.Elements.css */
/* --------------------------------------------------------------------------- */
/* Defines styles for block contents, i.e. news film list */

/*
======================
ContentBlocks
======================
*/
#ContentBlock
{
  float: left;
  color: #000000;
}
#SpotsBlock
{
  float: left;
  color: #363636;
}
#FilmStripBlock
{
  float: left;
  color: #363636;
}

.EmailBlock
{
  margin-left: 25px;
}

/*
======================
ToTopElement
======================
*/
.ToTopElement img
{
  cursor: pointer;
}
/*

======================
DocumentPage
======================
*/

/*

======================
FilmPage
======================
*/
.FilmNavigationElement
{
  background-color: #ffffff;
  height: 248px;
}

.FilmImagesHeader
{

}
.FilmThumbnails
{
  padding-left: 11px;
}
.FilmThumbnail
{
  display: inline;
}

.FilmThumbnail img
{
  border: 1px solid #000000;
  margin: 15px;
  cursor: pointer;
}

.FilmThumbnailsLeadingText
{
  padding-top: 20px;
  padding-left: 26px;
  font-size:12px;
}

.FilmThumbnailsTrailingText
{
  padding-left: 26px;
  font-size:12px;
}

.FilmThumbnailsTrailingText a
{
  color: #8f7508;
  text-decoration: underline;
}
.FilmThumbnailsTrailingText a:hover
{
  color: #fff;
  background-color: #8f7508;
  text-decoration: none;
}

/*
======================
OrderPage
======================
*/

.OrderElement
{
  padding:0px 50px 0px 50px;  
}

.formElement
{
  padding-bottom:10px;
}

.formElement .label
{
  width:100px;
  float:left;
}
.formElement .input
{
  width:340px;
  float:left;
}
.formElement .input .checkBox input
{
  float:left;
  margin-left:0px;
  padding-left:0px;
}
.formElement .input .checkBox label
{
  float:left;
}
.formElement .fullWidth
{
  width:100%;
  display:block;
}

.formElement .twoThirdWidth
{
  width:65%;
  float:right;
}

.formElement .oneThirdWidth
{
  width:30%;
}

.formElement .rightButton
{
  float:right;
}

.formElement .leftButton
{
  float:left;
}

.line
{
  border-bottom:solid 1px black;
}

.lineTop
{
  border-bottom:solid 1px black;
  margin-bottom:10px;
}

/*
======================
ProductlistPage
======================
*/
.ProductList
{
  padding: 0px 30px;
}
.ProductList a
{
  color: #000;
  font-weight: bold;
}

.Product
{
  margin-bottom: 36px;
}

.ProductTitle
{
  font-weight: bold;
}
.ProductShortText
{
  padding-bottom: 10px;
}

/* --------------------------------------------------------------------------- */
/* Bio.Navigation.css */
/* --------------------------------------------------------------------------- */

/* Defines styles for  menu's, bread crum etc..*/

/*
======================
MainNavigation
======================
*/

.MainMenu
{
  margin: 0px 0px 0px 0px;
  height: 23px;
  clear: both;
  margin: 10px 0px 0px 10px;
  color: #fff;
}

.MainMenu ul li
{
  text-transform: uppercase;
  padding: 0px 18px 0px 0px;
}

.MainMenu li ul
{
  background-image: url('');
  background-repeat: repeat-x;
  border: 0px;
  background-color: #8f7508;
  margin-top: 0px;
  padding: 7px;
}

.MainMenu li > ul
{
  margin-top: 0px;  /* this is an optional Firefox hack */
}
/* TODO delete
.MainMenu li ul li
{
  width: 10em;
  text-transform: none;
}
*/
.MainMenu li ul li a
{
  color: #fff;
}

.MainMenu li ul li a:hover
{
  color: #fff;
}


.MainMenu .iFrameHider
{
  width: 10em; /* HAS to be same width as in .MainMenu li:hover ul, .MainMenu  li.over ul*/
}

.MainMenu ul a
{
  color: #fff;
  font-size: 11px;
  line-height: 13px;
  font-family: arial;
  font-weight: normal;
  text-decoration: none;
  letter-spacing: 0px;
  display: block;
}

.MainMenu ul a.rootAncestor 
{
  color: #362f2d;
}

.MainMenu a:hover
{
  color: #fff;
  text-decoration: underline;
}

/* TODO delete
.MainMenu .level1 > .active
{
  color: #0093dd;
}
*/

/*-----------------------------------------------------------------------------------------------
common use. always applies to a menu
-----------------------------------------------------------------------------------------------*/
.MainMenu ul,.MainMenu li
{
  margin: 0;
  padding: 0;
  list-style: none;
}

* html .MainMenu ul a
{
  display: inline-block;  /* this is an optional IE hack */
}

.MainMenu ul li
{
  position: relative;
  z-index: 300; 
}

.MainMenu li ul
{
  visibility: hidden;
  position: absolute;
}

.MainMenu li ul li
{
  display: block;
  float: left;
  clear: left;
  width: 200px;
  padding: 2px 0pt 2px 7px;
}

/*for compliant browsers*/
.MainMenu li.level1:hover ul.level2,
.MainMenu li.level2:hover ul.level3,
.MainMenu li.level3:hover ul.level4,
.MainMenu li.level4:hover ul.level5,
.MainMenu li.level5:hover ul.level6,
/*for IE*/
.MainMenu li.over1 ul.level2,
.MainMenu li.over2 ul.level3,
.MainMenu li.over3 ul.level4,
.MainMenu li.over4 ul.level5,
.MainMenu li.over5 ul.level6,
.MainMenu li.over6 ul.level7
{
	visibility: visible;
}
.MainMenu div.floatBreak
{
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  clear: both;
}
/*-----------------------------------------------------------------------------------------------
horizontal main menu hover effect
-----------------------------------------------------------------------------------------------*/


.MainMenu ul li.level1
{
  float: left;
  padding-bottom: 9px;
}

.MainMenu li ul
{
 /* top: 100%; */
  top: 23px;
  left: 0;
  z-index: 100;
}

.MainMenu li ul.level2
{
}

.MainMenu li ul.level3,
.MainMenu li ul.level4,
.MainMenu li ul.level5,
.MainMenu li ul.level6,
.MainMenu li ul.level7
{
  top: 0;
  left: 100%;
  z-index: 100;
}

.MainMenu .iFrameHider
{
  /* dont edit unless really needed - position of elements */
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}


/* --------------------------------------------------------------------------- */
/* Bio.PictureGallery.css */
/* --------------------------------------------------------------------------- */
#PictureGalleryBlock
{
  width: 890px;
}


/*
======================
PictureGallery
======================
*/
body
{
}

.PictureGalleryContent
{
}

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

.PictureGalleryImage
{
  text-align: center;
}

.PictureGalleryImage img
{
  margin: 0px;
  padding: 0px;
}

.PictureGalleryNavigation
{ 
  background-image: url(/~/media/Images/bio09_galleribg_1px.ashx);
  background-repeat: repeat-x;
  width: 890px;
  height: 58px;
}

.PictureGalleryNavigation div button
{ 
  background-color: Transparent;
  overflow: hidden;
  border-style: none;
  cursor: pointer;
}

.PictureGalleryNavigationPrevious
{
  width: 294px;
  float:left;
  text-align: left;
}

.PictureGalleryNavigationPrevious button
{
  background-image: url(/~/media/Images/bio09_galleribtn_previous.ashx);
  width: 150px;
   /* height: 58px; */
}

.PictureGalleryNavigationClose
{
  width: 300px;
  float:left;
  text-align: center;
}

.PictureGalleryNavigationClose button
{
  background-image: url(/~/media/Images/bio09_galleribtn_close.ashx);
  width: 150px;
  /*height: 58px; */
}

.PictureGalleryNavigationNext
{
  width: 294px;
  float:left;
  text-align: right;
}

.PictureGalleryNavigationNext button
{
  background-image: url(/~/media/Images/bio09_galleribtn_next.ashx);
  width: 150px;
  /* height: 58px; */
}