/* ********************************
*  Theme CSS - Hovden Skisenter
*  2009 © EDB Totalpartner AS 
*  http://www.edbtotalpartner.no
* *********************************/

body { 
  font-size: 9pt;
  color: #595959; 
  background: #fff url(images/bg.jpg) center top no-repeat; }

h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif; margin-bottom: 4px; }
  h1{ font-size: 24pt;   color: #101010; font-weight: normal; }
  h2{ font-size: 18pt; }
  h2.marine{ font-size: 10pt; }

  h3{ font-size: 14pt; color: #101010; }
  h4{ font-size: 12pt;}

a{ /*color: #6ec30b;*/ color: #00467e; }
a:hover{ text-decoration: underline; }

ul, 
ol, 
dl {}
html>body ul, html>body ol, html>body dl{}

ul ul{}
p{}

.pad-small{ padding: 20px;}
.pad-large{}
.pad-x-large{}
.pad-normal { padding: 0; }

/*  Midlertidig tabellstyling lagt inn av Håvard A */

.prisliste {	
  border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #707070;
	border-collapse: collapse;
  font-size: 11px;
  margin-left: 16px;}
  
.prisliste-artikkel {	
  border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #D0D0D0;
	border-collapse: collapse;
  font-size: 11px;
 clear:both;
 margin-bottom: 20px;
}
	


/****************************************************************************************
*  Rails
*****************************************************************************************/
  
.pageshader-outer{ text-align: center; /* background: url(images/bg-pageholder.png) 0 0 no-repeat; */ }
  .pageshader-inner{ margin: 0 auto; padding: 0; width: 980px; background: url(images/page-shade-2.png) 0 125px no-repeat;}
    .pageholder{ margin: 0 auto; padding: 0; width: 970px; }

    .wrapper{}
    
      .header, .breadcrumb, .placeholder{ text-align: left;}
   
        .header{ height: 95px; padding: 5px 0 0 0; overflow: hidden; color: #fff; }
		.header a, .header a:visited { color: #fff; }
        .breadcrumb{ margin-top: 0; }
        .placeholder{ padding: 8px 25px 8px 25px; height: auto !important; min-height: 550px; height: 550px; }
          .home-page .placeholder{ padding: 0 0 8px 0; }
          .text-page .placeholder{ padding: 0 0 8px 0; }
          .article-page .placeholder{}
    
  .footer{ clear: both; text-align: left; padding: 10px 5px 0 5px; background: #fff url(images/footer-bg.png) 0 0 no-repeat; }

/****************************************************************************************
*  Header section
*****************************************************************************************/

.header-col-1, .header-col-2, .header-col-3{ float: left; margin: 0; padding: 0; overflow: hidden;  } 
  .header-col-1{ width: 575px; margin-left: -5px; }  
  .header-col-2{ width: 130px; padding-top: 30px;  }  
  .header-col-3{ width: 130px; padding-top: 30px;  margin-left: 5px; overflow: hidden;   }  
  .header-col-4{ width: 130px; padding-top: 30px; float: right; margin-left: 5px; overflow: hidden;}  
  .header-col-3 p{ margin-top: 5px;  }  

.logo{ margin-top: 14px;}
  .logo-lnk{}
  .logo-img{}
  
.forecast, .forecast a{ color: #fff; margin: 0; padding: 0; }  

 
  .forecast dd{}  
    .forecast dd img{ float: left; }  
    .forecast dd span{ font-size: 18pt; line-height: 35px;}  











.btn-lad-skipass  {
	float: right; 
	height:33px;
	width: 130px; 
	margin: 0 0 0 0;padding: 0;
	overflow: hidden;  }

.btn-lad-skipass li { display:inline;}

.btn-lad-skipass li a, .btn-lad-skipass li a:visited {
	float:right;
	width:133px;
	text-indent: -9999px;
	overflow: hidden;
	height:33px;
	background: url(images/lad-skipass-knapp.gif) left top no-repeat;
	text-decoration:none; }

	
.btn-lad-skipass li a:focus, .btn-lad-skipass li a:hover {
	background: url(images/lad-skipass-knapp.gif) left bottom no-repeat;}




  
.skipassSampleText {
	font-size: 8pt; color: #fff;  }
  
/*.search{ float: right; padding-top: 40px; }
  
  .search-phrase, div.search-submit{ display: inline; float: left; }
    .search-phrase{ height: 19px; width: 165px; padding: 4px 4px 0 4px; margin: 0 0 0 4px; border: 1px solid #d6d6d6;}
    .search-submit{ cursor: pointer; width: 50px; color: #fff;} */

/****************************************************************************************
*  Content section
*****************************************************************************************/


.lc   { display: inline; float: left; width: 210px; margin-left: 5px; padding: 20px 0 0 20px; clear: left; overflow: hidden; }
.mc   { display: inline; float: left; width: 500px; padding-top: 20px; clear: none; overflow: hidden; }
.mc-full-width{}
.rc   { display: inline; float: left; width: 210px; margin-right: 5px; padding: 20px 20px 0 0; clear: none; overflow: hidden;}

.home-page .lc{ display: none; }
.home-page .mc{ width: 100%;  padding-top: 0;  }
.home-page .rc{ display: none; }

.content{ margin: 0 15px; padding: 0; }
.home-page .content{ margin: 0; padding: 0;}
.mc-full-width .content{ margin: 0 5px; padding: 40px;}
.mc-full-width .img-banner{ margin: 0 5px;}

.breadcrumb,
.breadcrumb a{ color: #bbbbbb; }

.pre-content-bar{ 
  margin: 0 5px;
  padding: 20px 40px;
  color: #fff;
  background: #5e5e5e;  }

  .pre-content-bar .large,
  .pre-content-bar h1{ font-size: 20pt; margin: 0 0 1px 0; font-weight: 100; color: #fff;} 


.picture-overlay{ 
  position: absolute; 
  z-index: 55; 
  display: none; 
  color: #fff; 
  height: 250px; 
  overflow: hidden; 
  margin: -250px auto 0 auto; 
  width: 100%;
  width: 960px; 
  /*opacity: .95;*/
  background: #5f5f5f; }

.picture-overlay-close{ clear: both; float: right;}  
 
 .picture-overlay .pad{ padding: 20px 50px; }
  
.info-to-move{ display: none;}  
  
.picture-menu{
  height: 48px;
  overflow: hidden;
  background: #000 url(images/picture-menu-bg.gif) 0 0 repeat-x; }

  .picture-menu a{
    display: block;
    float: left; 
    clear: none;
    height: 48px;
    width: 226px;
    margin-left: 11px;
    padding: 0 0 0 0;
    color: #ececec; }

  .picture-menu .bg-container-left,
  .picture-menu .bg-container-right{ 
    display: block;
    height: 100%;
    color: #ececec; } 

  .picture-menu a span.bg-container-left{ padding-left: 55px; padding-right: 8px; height: 44px; overflow: hidden; } 
  .picture-menu a span.bg-container-right{ margin-right: 3px; } 

  .picture-menu a:hover, .picture-menu a.active{ text-decoration: none; background: url(images/picture-menu-bg-right.gif) 100% 100% no-repeat; } 
  .picture-menu a:hover .bg-container-left, .picture-menu a.active .bg-container-left{} 
  .picture-menu a:hover .bg-container-right, .picture-menu a.active .bg-container-right{ background: url(images/picture-menu-bg-left.gif) 0 100% no-repeat;   } 

  .link-title{ display: block; padding-top: 10px; font-size: 11pt; font-weight: bold; margin-left: 0;  }
  .link-text { display: block; padding-top: 1px; color: #9b9b9b;  margin-left: 1px; font-size: 8pt;  }  
    
img.teaser{}
  img.left-teaser{}
  img.right-teaser{}


.teaser{}
.list .teaser {}

.byline{ font-style: italic;}
.published{ font-style: italic;}
.author{ font-style: italic;}

.print,
.sharing{ float: left; display: inline; width: 130px; margin-top: 16px; }
  .sharing{ width: 130px;}  
  .print{ width: 80px;}


.text-page{}
  .text-page .text-col-1, .text-page .text-col-2{ float: left; display: inline;}
    .text-page .text-col-1{ width: 48%; padding-right: 2%; }
    .text-page .text-col-2{ width: 48%; padding-left: 2%; overflow: hidden;}




/* Box - normal style */
.box{ _zoom: 1; margin: 0 0 10px 0; overflow: hidden; }

  .box-inner{ /* display: block; */ }
  .box-content-wrapper{ }
   .box-content-wrapper p{ line-height: 1.8em; margin-bottom: 1.5em; }
  .box-content{}
  
  .box-footer h3, 
  .box-footer p { margin: 0 10px 0 10px; padding: 0; font-size: 9pt; }
  
    .box-footer h3 a, 
  .box-footer p a{ font-size: 9pt; }

.single-box{ clear: both; width: 100%; }
  .single-box .box{} 


.box-list{ clear: both; width: 100%; }
  .box-list .box{ float: left; display: inline; } 
  
  .list-2-col, .list-3-col, .list-4-col{ overflow: hidden;}
  .home-page .list-4-col{ padding: 0 11px; }
    .list-2-col .box, .list-3-col .box, .list-4-col .box{ margin-right: 12px; }
    .box-list .row-last{ margin-right: 0; }    
  
    /*.list-2-col .box{ width: 236px; border: 1px solid #d6d6d6;  } 
    .list-3-col .box{ width: 154px; border: 1px solid #d6d6d6;  }*/ 
    .list-4-col .box{ width: 226px; }
    .content .list-4-col .double{ width: 462px; }     
  
      /*.list-2-col .box-content-wrapper{ height: auto !important; min-height: 260px; height: 260px; padding: 10px; }
      .list-3-col .box-content-wrapper{ height: auto !important; min-height: 360px; height: 360px; padding: 10px; }*/
      .list-4-col .box-content-wrapper{ /* height: auto !important; min-height: 370px; height: 370px; */ padding: 0px; }
      
      .home-page .list-4-col .box-content-wrapper{ /* height: 150px; max-height: 150px; */ }
        .home-page .list-4-col .box-content{ height: 100%; }
        .home-page .list-4-col .sosiale-medier{ height: 500px,}

      /* Content */
      .box h2{ height: 38px; line-height: 38px; overflow: hidden; margin: 0; color: #00467E; }
      .box h2.marine{ background: url(images/box-header-marine.gif) 0 0 repeat-x; }
      
        .box h2 a{ display: block; }
        .box h2 span{ display: block; margin-left: 35px; }
          .box h2 a:hover{ text-decoration: none; color: #fff; }
      
      div.hover{ padding: 4px 10% 4px 100%; width: 90%; }
      div.hover div{
        font-size: 12pt;
        color: #000;
        /*background: #fff;*/
        padding: 10px; } 
      
          
      .box-content{}
        .box-content .text-header{}
        .box-content .box-text{}
        .box-content .teaser { text-align: justify; }
      
      .border-1 .box-content{ 
        border-left: 1px solid #bbdbf4;
        border-right: 1px solid #bbdbf4;}
      
      /*.border-1{ _border-right: 1px solid #bbdbf4; }*/
      .border-1 .box-footer{  border-top: 1px solid #bbdbf4; }


      .home-page .box-footer div{ 
        display: none; 
        background: #fff; 
        padding: 4px;
         margin: 0 1px ; } 

        .box-footer h3 a{ color: #000;}


.forsidelenke-container {
	color: #fff; }



.forsidelenke-container a {
	color: #aeaeae; text-decoration: none;   }

.forsidelenke-container a:focus, .forsidelenke-container a:hover {
	color: #aeaeae; text-decoration: underline;   }
	
.forsidelenke-container a:visited {
	color: #a2a8b4; text-decoration: none;   }


/* Forsidelenke aktuelt */

.aktuelt-item img {
	float:left;
		}

dt.marine{ font-size: 10pt; line-height: 38px; color: #00467E; height: 38px; font-weight: 700; background: url(images/box-header-marine.gif) 0 0 repeat-x; }
  dt.marine span{ display: block; margin-left: 35px;} 

.form-person-trigger,
.form-ski-rental-btn-submit,
.form-skischool-btn-submit,
.form-tusseland-btn-submit{
  font-size: 10pt;
  font-weight: 700;
  padding: 5px;
  border: 1px solid #949494;
  color: #fff;
  background: #ff7b33;}

dl.form{
  display: inline-block;
  margin: 0 0  8px 0; 
  border: 1px solid #e0ecfa; 
  padding: 8px; }
  
  dl.form dd p { margin-bottom: 0;}

/*Ski rental*/
.rental-form{ 
  display: inline-block;
  margin: 0 0  8px 0; 
  border: 1px solid #e0ecfa; 
  padding: 8px; }

dl.area{ display: none; }  
dl.current-area{ display: inline-block; }
  
.rental-form dd{ float: left; display: inline; width: 160px; }
  .rental-form dd.full-width{ width: 100%; clear: both; }


.ski-rental-order th{ text-align: left; }


/*Ski school*/
.skischool-form{ 
  display: inline-block;
  margin: 0 0  8px 0; 
  border: 1px solid #e0ecfa; 
  padding: 8px; }

dl.area{ display: none; }  
dl.current-area{ display: inline-block; }
  
.skischool-form dd{ float: left; display: inline; width: 160px; }
  .skischool-form dd.full-width{ width: 100%; clear: both; }


.skischool-order th{ text-align: left; }

/* gallery */
/* the thumbnails */
.etpGallery { text-align:center; }
 
.etpGallery img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
 
.etpGallery a{ 
  display: block;
  clear: both; } 
 
/* the active thumbnail */
.etpGallery a.active img { 
  outline: 1px solid #000;
	z-index:9999;
	position:relative; }

.simple_overlay {
	display:none;
	z-index:10000;
	background-color:#333;
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	-moz-box-shadow: 0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000; }

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px; }
	
/* the large image. we use a gray border around it */
#img { border:1px solid #666; }

.next, .prev {
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; }

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0; }

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000; }

/* when there is no next or previous link available this class is added */
.disabled { visibility:hidden; }

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666; }

.info strong { display:block; }

/* progress indicator (animated gif). should be initially hidden */
.progress {	position:absolute; top:45%; left:50%; display:none; }

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(images/h80.png) repeat-x;		
}
	



/****************************************************************************************
*  Footer section
*****************************************************************************************/

.footer-col-1{ float: left; width: 50%; margin: 0; padding: 0; }
.footer-col-2{ float: right; clear: right; text-align: right; width: 50%; margin: 0; padding: 0;}

.photo-credits {
	
	}

.copyright{}
.credits,.photo-credits{ color: #dfdfdf;}
  .credits a, .photo-credits a{ color: #e0e0e0;}
  .credits a:hover, .photo-credits a:hover{ color: #000; text-decoration: none;}





/****************************************************************************************
*  Miscellaneous 
*****************************************************************************************/

.slide-frame{ position: relative; height: 286px; overflow: hidden; }
  .slide-frame img.slide-image{ display: block; margin: 0 5px; }
  
  .slide-frame .btn-prev, .slide-frame .btn-next{ position: absolute; top: 110px; margin: 0; z-index: 15;}
    .slide-frame .btn-prev{ }
    .slide-frame .btn-next{ left: 910px; }


/*.slide-frame { position:relative; height:286px; }*/
.slide-frame img.slide-image { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
.slide-frame img.active { z-index:10; opacity:1.0; }
.slide-frame img.last-active { z-index:9; }


/* the box (rounded corners) ***************************************************/
/*
.box-list-rounded-corners{ background: brown;}
.box-list-rounded-corners .box{ float: left; clear: none; display: inline; }
.box-list-rounded-corners .box, .home .box-list-rounded-corners .box{ border: 0;}
.box-list-rounded-corners .row-last{ margin-right: 0; }

.box-list-rounded-corners .box-inner { position:relative; margin: 0px auto; min-width: 8em; max-width:550px; color: #000; z-index: 1; margin-left: 12px; margin-bottom:0.5em; }
.box-list-rounded-corners .box-inner .box-content-wrapper, .box-list-rounded-corners .box-inner .box-top, .box-list-rounded-corners .box-inner .box-footer, .box-list-rounded-corners .box-inner .box-footer div { background:url(images/tex-box-rounded-corner-summer.png) no-repeat top right;  }
.box-list-rounded-corners .box-inner .box-content-wrapper { position:relative; zoom:1; _overflow-y:hidden; padding: 5px 28px 0px 0px; }
.box-list-rounded-corners .box-inner .box-top { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; _height:1600px; background-position:top left; }
.box-list-rounded-corners .box-inner .box-footer { position:relative; width:100%;}
.box-list-rounded-corners .box-inner .box-footer, 
.box-list-rounded-corners .box-inner .box-footer div{ height:30px; font-size:1px; }
.box-list-rounded-corners .box-inner .box-footer { background-position:bottom right; }
.box-list-rounded-corners .box-inner .box-footer div { position:relative; width:12px; margin-left:-12px; background-position:bottom left; }
.box-list-rounded-corners .box-inner .box-footer a{ float: right; clear: right; padding: 2px 12px; margin-top: -35px; margin-right: 15px; font-size: 10pt; color: #fff; text-decoration: none; background: #9ecd5e; }
.box-list-rounded-corners .box-content{ padding: 0 10px;}		 
.box-list-rounded-corners .box-inner h1 a, 
.box-list-rounded-corners .box-inner h2 a, 
.box-list-rounded-corners .box-inner p, 
.box-list-rounded-corners .box-inner dt, 
.box-list-rounded-corners .box-inner dl{ margin:0px; }

.box-list-rounded-corners .box-inner{ border: 1px solid reD;}

.box-list-rounded-corners a.lnk-img-teaser{ position: relative; margin-left: -16px; top: 8px; clear: both;}
.box-list-rounded-corners img.teaser{ border: 0px solid #cccccc; }
*/

/* Inspired on buttons on www.visitnorway.com */  
.effect-button{ float: left; margin-left: 1em; width: 60px !important; min-width: 60px; width: 60px; padding: 0px 1px 0px 3px; font-size: 10pt; }
.effect-button input { display: block; width: 100%; margin: 0; padding-right: 3px; font-size: 1em; border: 0; color: #fff; cursor: pointer; background: transparent; }

.effect-button-top-left, 
.effect-button-footer-left, 
.effect-button-top-right,
.effect-button-footer-right{ height: 3px; font-size: 0; line-height: 0;}

/* IE */
.effect-button-content-right{ 
  *display: inline; 
  _padding-left: 7px; } 

.effect-button-top-left, .effect-button-content-left, .effect-button-footer-left{ margin-left: -3px;} 
.effect-button-top-right,.effect-button-content-right,.effect-button-footer-right{ position: relative; left: 3px;}  

.effect-button-top-left, .effect-button-content-left, .effect-button-footer-left, .effect-button-top-right, .effect-button-content-right, .effect-button-footer-right{ background: transparent url(images/btn-dummy.gif) 0 0 no-repeat;}  
.effect-button-hover .effect-button-top-left, .effect-button-hover .effect-button-content-left, .effect-button-hover .effect-button-footer-left, .effect-button-hover .effect-button-content, .effect-button-hover .effect-button-top-right, .effect-button-hover .effect-button-content-right, .effect-button-hover .effect-button-footer-right{ background-image: url(images/btn-dummy-hover.gif);}
  
.effect-button-top-left{ background-position: 0 0; }
.effect-button-content-left{ background-position: 0 50%; } 
.effect-button-footer-left{ background-position: 0 100%; }  
.effect-button-content{ background-position: center center; }
.effect-button-top-right{ background-position: 100% 0;}
.effect-button-content-right{ background-position: 100% 50%;}
.effect-button-footer-right{ background-position: 100% 100%;}