body {
  color: #ffffff;
  background-color: #000000;
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

.no_float {
  clear: both;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

#background {
  width: 100%;
  background-image: url("/gfx/bildeplayer/bildeserierHeaderBg.png");
  background-repeat: repeat-x;
}

#bildeplayer {
  width: 996px;
}

#samleside {  
  width: 948px;
}

#bildeplayer #header,
#samleside #header {  
  padding: 14px 0 0 10px;
  height: 69px;
}

#bildeplayer #header #logo,
#samleside #header #logo,
#bildeplayer #header #forrige,
#bildeplayer #header #forrige_en,
#bildeplayer #header .thumbnail,
#bildeplayer #header .thumbnail_active,
#bildeplayer #header #neste,
#bildeplayer #header #neste_en {  
  display: block;
  width: 56px;
  height: 50px;
  float: left;
  margin-right: 5px;
  background-image: url("/gfx/bildeplayer/intrafishlogoBlack.png");
  background-repeat: no-repeat;
  text-decoration: none;
}

#samleside #header #logo {
  clear: both;
}

#bildeplayer #header #forrige,
#bildeplayer #header #forrige_en {    
  width: 102px;
  height: 42px;  
  margin-right: 8px;
  background-image: url("/gfx/bildeplayer/bildeserierForrige.png");
}

#bildeplayer #header #forrige_en {    
  background-image: url("/gfx/bildeplayer/bildeserierPrevious.png");
}

#bildeplayer #header #thumbnails {
  width: 554px;
  height: 43px;
  overflow: hidden;
  float: left;
  position: relative;
}

#bildeplayer #header #thumbnails #thumbnail_scroller {
  position: relative;
  left: 184px;
}

#bildeplayer #header .thumbnail,
#bildeplayer #header .thumbnail_active {
  width: 39px;
  height: 39px;
  border: 1px solid #000000;
  overflow: hidden;
}

#bildeplayer #header .thumbnail_active {
  border: 2px solid #f7be2e;
}

#bildeplayer #header .thumbnail img,
#bildeplayer #header .thumbnail_active img {
  border: none;
}

#bildeplayer #header #neste,
#bildeplayer #header #neste_en {  
  width: 102px;
  height: 42px;  
  background-image: url("/gfx/bildeplayer/bildeserierNeste.png");
  margin-left: 3px;
}

#bildeplayer #header #neste_en {  
  background-image: url("/gfx/bildeplayer/bildeserierNext.png");
}

#bildeplayer #image {
  width: 667px;
  height: 501px;
  overflow: hidden;
  margin-right: 6px;
  padding: 0 7px 0 14px;  
  border-right: 1px solid #333333;
  float: left;
  position: relative;
  z-index: 4;
}

#bildeplayer #image #loader {
  color: #f7be2e;
  background-color: #000000;
  width: 667px;
  height: 301px;
  padding-top: 200px;
}

#bildeplayer #image #loader h1 {
  font-size: 16px;
  text-align: center;
  margin: 0;
}

#bildeplayer #image #loader #progressbar_frame {
  width: 327px;
  height: 14px;
  border: 1px solid #ffffff;
  padding: 2px;
  margin: 0 auto 0 auto;
}

#bildeplayer #image #loader #progressbar {
  width: 0px;
  height: 14px;
  color: #000000;
  background-image: url("/gfx/bildeplayer/bildeserierLoaderGradient.png");
  background-repeat: repeat-x;
}

#bildeplayer #image img {
  display: none;
  position: absolute;
}

#bildeplayer #image #previous,
#bildeplayer #image #next,
#bildeplayer #image #fullscreen,
#bildeplayer #image #fullscreen_en {  
  width: 333px;
  height: 477px;
  display: block;
  position: absolute;
  z-index: 5;
  background-repeat: no-repeat;
  background-color: transparent;
  text-decoration: none;
}

#bildeplayer #image #next {
  width: 334px;  
  right: 7px;
  background-image: url("/gfx/bildeplayer/bildeserierArrowRight.gif");
  background-position: -334px;
}

#bildeplayer #image #previous {
  background-image: url("/gfx/bildeplayer/bildeserierArrowLeft.gif");
  background-position: 334px;
}

#bildeplayer #image #next:hover {
  background-position: right;
}

#bildeplayer #image #previous:hover {
  background-position: left;
}

#bildeplayer #image #next:active,
#bildeplayer #image #previous:active {
  outline: none;
}

#bildeplayer #image #fullscreen,
#bildeplayer #image #fullscreen_en {  
  width: 66px;
  height: 17px;
  background-image: url("/gfx/bildeplayer/bildeserierFullskjerm.gif");
  background-position: right;
  top: 477px;
  left: 610px;  
}

#bildeplayer #image #fullscreen_en {  
  background-image: url("/gfx/bildeplayer/bildeserierFullscreen.gif");
}

#bildeplayer #right_column {
  float: left;
  width: 301px;
}

#bildeplayer #right_column #article {
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #333333;
  position: relative;
  z-index: 100;
}

#bildeplayer #right_column #article #caption a {
  background-image: none;
  padding-left: 0;
  display: inline;
}

#bildeplayer #right_column #article_body_background {
  background-color: #000000;
  opacity: 0.75;
  filter:alpha(opacity=75);
  position: absolute;
  width: 301px;
  height: 501px;
  display: none;
}

#bildeplayer #right_column #article_body {
  width: 301px;
  position: absolute;
  z-index: 101;
  background-color: transparent;
  padding-top: 10px;
  display: none;
}

#bildeplayer #right_column #ad {
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid #333333;
}

#bildeplayer #right_column #seeall {
  margin-top: 4px;
}

#bildeplayer #right_column h1,
#bildeplayer #right_column h2 {
  margin: 0;
  font-size: 12px;
  color: #6bcdf2;
  background-color: transparent;
}

#bildeplayer #right_column h1 {
  color: #ffffff;
  background-color: transparent;
  margin-top: 10px;
}

#bildeplayer #right_column h2 {    
  line-height: 10px;
}

#bildeplayer #right_column #andre_serier h1 {
  float: left;
  width: 150px;
  margin-top: 0;
}

#bildeplayer #right_column p {
  margin-top: 0;
  color: #dfdcbd;
  background-color: transparent;
  font-size: 11px;
}

#bildeplayer #right_column a,
#bildeplayer #right_column .imagelink {
  display: block;
  padding: 0 0 0 9px; 
  background-image: url("/gfx/bildeplayer/bildeserierLinkArrow.png");
  background-repeat: no-repeat;
  background-position: 0 4px;
  font-weight: bold;
  color: #f7be2e;
  background-color: transparent;
  text-decoration: none;
}

#bildeplayer #right_column #andre_serier a {
  float: left;
  width: 141px;
  text-align: right;
  background-position: 31px;
}

#bildeplayer #right_column .imagelink {
  width: 93px;
  height: 61px;
  padding: 0;
  margin-right: 10px;  
  float: left;
  overflow: hidden;
  background-image: none;
}

#bildeplayer #right_column .imagelink img {
  border: none;
}

#bildeplayer #right_column #les_mer {
  margin-bottom: 10px;
}

#bildeplayer #right_column .last {
  margin-right: 0;
}

#bildeplayer #disclaimer,
#samleside #disclaimer {  
  color: #424238;
  background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  padding-left: 14px;
  margin-top: 10px;

}

#samleside #disclaimer {
  margin-left: 0;
  text-transform: none;
  float: left;
}



/* Fullscreen */

#bildeplayer_fullscreen #image img {
}

#bildeplayer_fullscreen #fs_image {
  opacity: 1.0;
  filter:alpha(opacity=100);
  position: absolute;
  top: 0;
  left: 0;  
  z-index: 2;
}

#bildeplayer_fullscreen #fs_image2 {
  position: absolute;
  display: none;
  top: 0;
  left: 0;  
  z-index: 1;
}

#bildeplayer_fullscreen #lukk,
#bildeplayer_fullscreen #lukk_en {    
  visibility: hidden;
  display: block;
  width: 102px;
  height: 42px;
  position: absolute;
  z-index: 3;
  top: 10px;
  background-image: url("/gfx/bildeplayer/bildeserierLukk.png");  
  background-repeat: no-repeat;
  text-decoration: none;
}

#bildeplayer_fullscreen #lukk_en {    
  background-image: url("/gfx/bildeplayer/bildeserierClose.png");  
}

#bildeplayer_fullscreen #image #previous,
#bildeplayer_fullscreen #image #next {
  display: block;
  position: absolute;
  z-index: 2;
  background-repeat: no-repeat;
  background-color: transparent;
  text-decoration: none;
  top: 0;
}

#bildeplayer_fullscreen #image #next {
  background-image: url("/gfx/bildeplayer/bildeserierArrowRight.gif");
  background-position: right -52px;    
}

#bildeplayer_fullscreen #image #previous {
  background-image: url("/gfx/bildeplayer/bildeserierArrowLeft.gif");  
  background-position: left -52px;    
  left: 0;
}

#bildeplayer_fullscreen #image #next:hover {
  background-position: right;
}

#bildeplayer_fullscreen #image #previous:hover {
  background-position: left;  
}

#bildeplayer_fullscreen #image #next:active,
#bildeplayer_fullscreen #image #previous:active {
  outline: none;
}



/* Samleside */

#samleside h1 {
  font-size: 14px;
  margin: 0 0 10px 16px;
  color: #ffffff;
  background-color: transparent;
  text-transform: uppercase;
}

#samleside #karusell {
  width: 948px;
  height: 200px;
  margin-bottom: 20px;
}

#samleside #karusell .karusell_side {
  position: absolute;
  height: 200px;
  display: none;
}

#samleside #karusell .image {
  float: left;
  width: 300px;
  height: 200px;
  overflow: hidden;
  padding: 0 0 0 16px;
  position: relative;
  z-index: 1;
}

#samleside #karusell img {
  border: none;
}

#samleside #karusell .headline_background {
  width: 300px;
  height: 31px;
  opacity: 0.5;
  filter:alpha(opacity="50");
  position: relative;
  top: -31px;
  z-index: 2;
  color: #ffffff;
  background-color: #000000;
}

#samleside #karusell .headline {
  opacity: 1.0;
  filter:alpha(opacity="0");
  position: relative;
  top: -62px;
  z-index: 3;
  padding: 7px 10px 0 10px;
}

#samleside #karusell .headline h3 {
  display: inline;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  background-color: transparent;
}

#samleside #karusell .headline a {
  font-size: 12px;
  font-weight: bold;
  color: #f7be2e;
  background-color: transparent;
  text-decoration: none;
}

#samleside #karusell .headline .date {
  color: #ffffff;
  font-weight: normal;
  padding-right: 5px;
}

#samleside #karusell #forward,
#samleside #karusell #backward {
  width: 22px;
  height: 37px;
  display: block;
  position: absolute;
  top: 225px;
  left: 16px;
  z-index: 4;
  background-image: url("/gfx/bildeplayer/bildeserierArrowLeft2.gif");
  background-repeat: no-repeat;
  outline: none;
}

#samleside #karusell #forward {
  background-image: url("/gfx/bildeplayer/bildeserierArrowRight2.gif");
  left: 926px;
}

#samleside .articlerow {
  width: 948px;
  margin: 0 0 16px 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #333333;
}

#samleside .articlerow .article {
  float: left;
  width: 300px;
  overflow: hidden;
  padding: 0 16px 0 0;
}

#samleside .articlerow .article .content {
  width: 96px;
  overflow: hidden;
  float: left;
}

#samleside .articlerow .last {
  padding: 0;
}

#samleside .articlerow .article .title {
  display: block;
  font-weight: bold;
  color: #f7be2e;
  background-color: transparent;
  text-decoration: none;
  font-size: 12px;
  margin-bottom: 22px;
}

#samleside .articlerow .article img {
  float: left;
  border: none;
  margin: 0 8px 8px 0;
  width: 180px;
  height: 120px;
}

.adspaceindicator {
  border: 1px red solid
}