@charset "utf-8";
/* CSS Document */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

html body
{
  background-color:#ffffff;
/*  background-image:url(../images/bg-gradient.jpg);*/
  background-repeat:repeat-x;
  margin:0px;
  padding:0px;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
/*  font-size:0.75em;  */
  font-size:0.9em;
  color: #262626;
  color: #545454
}

h1, h2, h3
{
  padding:0px;
  margin:0px;
}

p
{
  margin:0px;
  margin-bottom:0.5em;

}

.hidden
{
  display:none;
}


.container
{
  width: 964px;
  margin-left: auto;
  margin-right: auto;
}
.c-padder
{
  padding:0px 5px;
}
#top-area
{
  background-image:url(../images/top-bg.gif);
  height:130px;
  border-bottom: 2px solid #d1002e;
}
#logo
{
  top:42px;
  left:17px;
  position:relative;

}
.top-right-wrapper
{

  height:130px;
  width:700px;
  float:right;

}
#main-menu
{
  background-image:url(../images/menu-bg.gif);
  height:31px;
  line-height:31px;
  margin-bottom:6px;
}
#tlf-wrapper
{
  background:url(../images/tlf1800-eksos.gif) no-repeat right;
}
.menuitem
{
  background:url(../images/menuitem-bg.gif) no-repeat;
  padding:0px 2px;
  float:left;
}
#main-menu a
{
  text-decoration:none;
  display:block;
  text-align:center;
}
#main-menu a:hover
{
  text-decoration:none;
}
.menuitem-selected a
{
  color:#f9f9f9;
  font-weight:bold;

}
.menuitem-selected a:hover
{
  color:#f9f9f9;

}

.menuitem-selected
{
  background:url(../images/menutitem-bg-sel.gif) no-repeat;
  padding:0px 10px;
  float:left;
}


.mood
{
  background:url(../images/mood-bg.gif) repeat-x;
  height:128px;
  margin-bottom: 7px;
}

.siluett
{
  background:url(../images/mood-siluett.png) no-repeat right;
  height:128px;
  padding:0px 21px 0px 21px;
}

.mood h1
{
  position:relative;
  top:45px;
  font-size:3em;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#ffffff;
  text-transform:uppercase;
}
.cols
{
  width: 954px;
  overflow:hidden;
}


.wide
{
  overflow:hidden;
  width:711px;
  float:left;
}
.narrow
{
  overflow:hidden;
  width: 236px;
  float:left;
}
.spacer
{
  overflow:hidden;
  width:7px;
  height:122px;
  float:left;
}


.lmenu
{
  border-bottom:1px solid #ecebeb;

}

.lmenu h2
{
  background:url(../images/lmenu-header-bg.gif);
  line-height:24px;
  height:24px;
  color:#ffffff;
  font-size:1em;
  font-weight:normal;
  padding-left:9px;
}

.lmenuitem:nth-child(even) a
{

  background-color:#f5f5f5;
}

.lmenuitem
{

  border-left:1px solid #ecebeb;
  border-right:1px solid #ecebeb;
}

.menuitem a
{
  text-decoration:none;
  color:#545454;
  padding: 0 10px;
}

.lmenuitem a
{
  padding: 6px 0 6px 8px;
  display:block;
  text-decoration: none;
  color:#545454;
  cursor: pointer;
}



.lmenuitem a:hover
{
  background-color:#e0e0e0;
  color:#222;
}
.lmenuitem a.selected
{
  background-color:#e0e0e0;
  color:#000;
}

.lmenuitem a.lev-1
{
  padding-left:16px;
}

.lmenuitem a.lev-2
{
  padding-left:24px;
}

.gradient
{
  background:url(../images/main-wide-bg.gif) no-repeat right top;
}

.article
{
  padding:16px 21px 0px 21px;
  min-height:200px;
}

.article h1
{
  font-size:1.83em;
  color:#d1002e;
}

.article .ingress
{
  font-size:1.17em;
  font-weight:bold;
  color:#777777;
}
.article p
{
  margin-bottom:1em;
}

.front-mood
{
  background: url(../images/frontpage_bg.png) no-repeat 50% 50%;
  width: 954px;
  height: 285px;
  padding:0px;
  margin: 0 0 0 5px ;
  overflow: hidden;
  position: relative;
}


.front-mood  .title
{ font-size: 200%;
  color: #FFF;
  position: absolute;
  width: 40%;
  font-weight: bold;
  right: 0px;
  top: 35px;
  text-transform: uppercase;

}

.front-mood  .title  a
{
  color: #FFF;

  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;

}
.front-mood  .title  a:hover
{
  text-decoration: underline;


}

.front-mood  .title   i
{
  font-style: normal;
  border: solid #FFF;
  border-width: 0 0 2px 0;

}
.front-mood  .title   p
{
  margin: 30px 0;
}
.front-mood  .title   a.btn
{
  margin-top: 7px;
  display: inline;
  background: white repeat-x 50% 100%;
  text-decoration: none;
  font-size: 50%;
  padding: 10px;
  color: #a80025;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow:      rgba(100, 100, 100, 0.2) 0px 1px 0px 0px, rgba(0, 0, 0, 0.3) 0px 2px 3px 1px, rgba(255, 255, 255, 0.2) 0px -1px 2px 1px;
  -webkit-box-shadow:   rgba(100, 100, 100, 0.2) 0px 1px 0px 0px, rgba(0, 0, 0, 0.3) 0px 2px 3px 1px, rgba(255, 255, 255, 0.2) 0px -1px 2px 1px;
  -o-box-shadow:        rgba(100, 100, 100, 0.2) 0px 1px 0px 0px, rgba(0, 0, 0, 0.3) 0px 2px 3px 1px, rgba(255, 255, 255, 0.2) 0px -1px 2px 1px;
  box-shadow:           rgba(100, 100, 100, 0.2) 0px 1px 0px 0px, rgba(0, 0, 0, 0.3) 0px 2px 3px 1px, rgba(255, 255, 255, 0.2) 0px -1px 2px 1px;
 }

 .front-mood  .title  a.btn:hover
 {
   text-decoration: underline;
   -moz-box-shadow:      rgba(100, 100, 100, 0.4) 0px 2px 0px 0px, rgba(0, 0, 0, 0.5) 0px 2px 3px 1px, rgba(255, 255, 255, 0.2) 0px -1px 2px 1px;
   -webkit-box-shadow:   rgba(100, 100, 100, 0.4) 0px 2px 0px 0px, rgba(0, 0, 0, 0.5) 0px 2px 3px 1px, rgba(255, 255, 255, 0.2) 0px -1px 2px 1px;
   -o-box-shadow:        rgba(100, 100, 100, 0.4) 0px 2px 0px 0px, rgba(0, 0, 0, 0.5) 0px 2px 3px 1px, rgba(255, 255, 255, 0.2) 0px -1px 2px 1px;
   box-shadow:           rgba(100, 100, 100, 0.4) 0px 2px 0px 0px, rgba(0, 0, 0, 0.5) 0px 2px 3px 1px, rgba(255, 255, 255, 0.2) 0px -1px 2px 1px;
  }
  .front-mood  .title  a.btn:active
  {
    -moz-box-shadow:     rgba(100, 100, 100, 0.3) 0px 1px 0px 0px, rgba(0, 0, 0, 0.4) 0px 1px 0px 0px, rgba(255, 255, 255, 0.3) 0px -1px 2px 1px;
    -webkit-box-shadow:  rgba(100, 100, 100, 0.3) 0px 1px 0px 0px, rgba(0, 0, 0, 0.4) 0px 1px 0px 0px, rgba(255, 255, 255, 0.3) 0px -1px 2px 1px;
    -o-box-shadow:       rgba(100, 100, 100, 0.3) 0px 1px 0px 0px, rgba(0, 0, 0, 0.4) 0px 1px 0px 0px, rgba(255, 255, 255, 0.3) 0px -1px 2px 1px;
    box-shadow:          rgba(100, 100, 100, 0.3) 0px 1px 0px 0px, rgba(0, 0, 0, 0.4) 0px 1px 0px 0px, rgba(255, 255, 255, 0.3) 0px -1px 2px 1px;
   }

.front-mood  img
{

  padding: 2px 0 0 25px;


}

.threecol .col
{
  width: 318px;
  float:left;
  overflow:hidden;
}

.twocol .col
{
  width: 355px;
  float:left;
  overflow:hidden;

}


.front-intro
{
  padding:16px;
  color:#262626;
}

.front-intro p a
{
   color: #303030;
   text-decoration: none;

}


.front-intro p a:hover
{
   color: #000;
   text-decoration: none;

}


.front-intro h2 a
{
  font-size:1.33em;
  color: #d1002e;
  text-decoration: none;

}
.front-intro h2 a:hover
{

  color: #a1000e;


}



.front-intro h2
{
  font-size:1.33em;
  color: #d1002e;
}
.article-intro
{
  padding:16px;
  color:#262626;

}
.article-intro .introtext
{
  width:200px;
  float:left;
}


.article-intro h2,.article-intro h2 a
{
  text-decoration:none;
  font-weight:normal;
  color: #d1002e;
}

a.image
{
  display:block;
  padding:5px;
  float:left;
  margin-right: 5px;
  border:1px solid #e2e2e2;
  background:#ffffff;
}
a.arrow
{
  color:#e21e1e;
  background:url(../images/arrow.gif) no-repeat left center;
  padding-left: 16px;
}

a.arrow:hover
{
  color:#e21e1e;
}

.divider
{
  clear:both;
  height:1px;
  margin-left:16px;
  margin-right:16px;
  background:#a3a3a3;
}

.class-image p
{
  padding:7px;
  border:1px solid #e2e2e2;
  background:#ffffff;

}

div.object-left
{
  margin-right:1em;
}

div.object-right
{
  margin-left:1em;
}

.textinput
{
  border:1px solid #545454;
  font-size:12px;
  width:150px;
}
.contact textarea
{
  border:1px solid #545454;
  width:300px;
}
.contact label
{
  float:left;
  width:100px;
}
.contact .field
{
  padding: 0px 0px 4px 0px;
}
.contact select
{
  border:1px solid #545454;
  font-size:1em;
  width:152px;
}
input
{
  font-size:1em;
}



#slideBox
{
   width: 100%;
   position: relative;


}
#slideBox  .noMap
{
   background: transparent url(../images/KartNorgePlain.png) left top no-repeat;
   width: 459px;
   height: 570px;
   position: absolute;
   top: -20px;
   left: 150px;
}


#slideBox  .noMap  .point
{
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  margin: -7px 0 0 -7px;
  z-index: 10;
  background: transparent url(../images/point.png) 50% 50% no-repeat;

}


#slideBox  .noMap  .point.active:hover, #slideBox  .noMap  .point.active
{
  background: transparent url(../images/point_active.png) 50% 50% no-repeat;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  z-index: 1000;

}

#slideBox  .noMap  .point:hover, #slideBox  .noMap  .point.hover
{
  background: transparent url(../images/point_g.png) 50% 50% no-repeat;
}

#slideBox h2
{
  color: #D1002E;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 10px 5px 0;
}

#slideBox .menu
{
  width: 160px;
  margin: 25px 0 ;
  text-align: right;
}

#slideBox ul, #slideBox li
{
  list-style: none;
  margin: 0px;
  padding: 0;
  font-size: 100%;
}
#slideBox li
{
  padding: 2.5px 0;
  margin: 2.5px 0 ;
}

#slideBox ul  a
{
  text-decoration: none;
  padding: 10px;
  color: #545454;
  z-index: 1;
}

#slideBox ul li.active a
{
  color: #D1002E;
  font-weight: bold;
  background: url(../images/arrow_right.png) no-repeat 100% 50%;


}

#slideBox ul  a.hover, #slideBox ul  a:hover  ,#slideBox ul  li.hover  a
{
  color: #53a40e;


}
#slideBox  .info
{
  position: absolute;
  width: 550px;
  top: 0px;
  right: 0px;
  font-size: 11px;

}


#slideBox  .info .leftArrrow
{
  background: url(../images/arrow.png) no-repeat 0 0;
  position: absolute;
  top: 45%;
  margin-left: -25px;
  width: 10px;
  height: 35px;


}

#slideBox .info h2
{
  padding: 15px 0 5px 0;
  margin-top: 10px;
  text-transform: uppercase;
  border: solid #DEE5E1;
  border-width: 1px 0 0 0 ;
}

#slideBox .info h2.title
{
  padding: 9px 0 16px 0;
  margin: 0px;
  border-width: 0 0 0 0 ;
}

#slideBox .info h3
{
  color: #D1002E;

}
#slideBox  .info .place img.jump
{
  float: left;
  padding-right: 50px;
  position: absolute;

}
#slideBox  .info .place img.shop ,#slideBox  .info .place .person img
{
  float: left;
  padding: 0  15px 2px 0;
  width: 100px;

}
.info .contact
{
  margin-left: 230px;
  border: solid #DEE5E1;
  border-width: 0 0 0 1px ;
  padding: 0 0 10px 15px;
}

.info .place .people{
    background:url(../images/expand-arrow.png) no-repeat right 100%;
    cursor:pointer;

}
.info .place .people.active{
    background: #fff;


}
.info .place .people .person{
   display: none;

}
.info .place .Annsatte{

/*expand-arrow.png*/

}

.info .place .person{

  border: solid #EEE;
  padding: 5px 0;
  margin: 5px 0;
  border-width:  0 0 1px 0 ;
  overflow: hidden;
  clear: both;

}

.info .place{

  display: none;

}
#slideBox  .info .class-image p
{
  overflow: hidden;
  padding: 0px;
  border: 0px;

}
#slideBox  .info .txt p
{
  clear: both;

}
#slideBox  .info p
{
  overflow: hidden;
  padding-bottom: 5px;

}