/* CSS Document */
/* 
Hovedstilark for Jostedal.no, produsert av Webhazard (www.webhazard.no) for jostedal bygdelag
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
*/

* { padding: 0; margin: 0; }
img { border: 0; }
img, div { behavior: url(../scripts/png/iepngfix.htc) }

/*--------------------------------------------
Hovedstiler
---------------------------------------------*/
  
#blacktop {
  height: 7px;
  background: #202020;
  }
  
#header {
  height: 100px;
  background: url(../gfx/global_headerbg.png) no-repeat left top;
  }
  
#header ul {
	list-style: none;
	}
	
#header li a {
	overflow: hidden;
	}
	
#header h1, #header p {
	display: none;
	visibility: hidden; 
	}
  
#lwrap {
  height: 58px;
  margin: 24px 0px 0px 20px;
  text-align: left;
  float: left;
  width: 337px;
  }
  
#mwrap {
  margin: 24px 0px 0px 0px;
  height: 58px;
  float: left;
  text-align: right;
  width: 553px;
  overflow: visible;
  }
  
#nav1 {
  height: 28px;
  text-align: right;
  width: 553px;
  }
  
#nav1 li { float: left; background: transparent; }
#nav1 li a { display:block; height: 28px; text-indent: 9999px; font-size:50px; }

  li#heim a { width: 56px; background:url(../gfx/globalmeny/m1_heim.png) no-repeat 0 0; }
  li#kvifor a { width: 159px; background:url(../gfx/globalmeny/m1_kvifor.png) no-repeat 0 0; }
  li#fritid a { width: 65px; background:url(../gfx/globalmeny/m1_fritid.png) no-repeat 0 0; }
  li#folk a { width: 61px; background:url(../gfx/globalmeny/m1_folk.png) no-repeat 0 0; }
  li#bustad a { width: 76px; background:url(../gfx/globalmeny/m1_bustad.png) no-repeat 0 0; }
  li#arbeid a { width: 73px; background:url(../gfx/globalmeny/m1_arbeid.png) no-repeat 0 0; }
  li#blogg a { width: 62px; background:url(../gfx/globalmeny/m1_blogg.png) no-repeat 0 0; }
 
    #nav1 li a:hover { background-position: 0 -28px; }
	#nav1 li .on a { background-position: 0 -56px; }
 
#nav2 {
  height: 30px;
  text-align: right;
  width: 553px;
  }
  
#nav2 li { float: left; background: transparent; }
#nav2 li a { display: block; height: 30px; text-indent: 9999px; font-size:50px;}

  li#bloggebygda a { width: 179px; ; background: url(../gfx/globalmeny/m2_bloggebygda.png) no-repeat 0 0; }
  li#biletgalleri a { width: 73px; ; background: url(../gfx/globalmeny/m2_biletgalleri.png) no-repeat 0 0; }
  li#draumetesten a { width: 118px; ; background: url(../gfx/globalmeny/m2_draumetest.png) no-repeat 0 0; }
  li#festtest a { width: 107px; ; background: none; }
  li#kontakt a { width: 76px; ; background: url(../gfx/globalmeny/m2_kontakt.png) no-repeat 0 0; }
  
    #nav2 li a:hover { background-position: 0 -30px; }
  
#wrapper {
  clear: both;
  width: 900px;
  padding: 0px 20px 0px 20px;
  height: 100%;
  overflow: visible;
  }
  
#wrapperblogg {
  clear: both;
  width: 900px;
  padding: 0px 20px 0px 20px;
  height: 100%;
  overflow: visible;
  }
  
#knapperad {
  width: 900px;
  height: 89px;
  text-align: left;
  list-style: none;
  overflow: hidden;
  }
  
#knapperad h1, #knapperad p {
	display: none;
	visibility: hidden; 
	}
  
#knapperad li   { float: left; background: transparent; }
#knapperad li a { display: block; height: 89px; text-indent: 9999px; font-size:90px;}

  li#kr-draumetesten a { width: 177px; ; background: url(../gfx/knapperad/testen.png) no-repeat 0 0; }
  li#kr-inntrykk a { width: 179px; ; background: url(../gfx/knapperad/inntrykk.png) no-repeat 0 0; }
  li#kr-folk a { width: 180px; ; background: url(../gfx/knapperad/folk.png) no-repeat 0 0; }
  li#kr-bloggebygda a { width: 180px; ; background: url(../gfx/knapperad/bloggebygda.png) no-repeat 0 0; }
  li#kr-sporsmal a { width: 174px; ; background: url(../gfx/knapperad/sporsmal.png) no-repeat 0 0; }
  
    #knapperad li a:hover { background-position: 0 -89px; }
  
#col-l {
  width: 240px;
  float: left;
  text-align: left;
  background: #fff;
  margin: 7px 7px 0px 0px;
  }
  
#col-r {
  width: 643px;
  float: left;
  text-align: left;
  background: #fff;
  margin: 7px 0px 0px 0px;
  }
  
#col-f {
  width: 890px;
  float: left;
  text-align: left;
  backgroundr: #fff;
  margin: 7px 0px 0px 0px;
  }
  
#side-header {
  width: 890px;
  height: 53px;
  float: left;
  text-align: left;
  background: url(../gfx/side/bg_header.png);
  margin: 50px 0px 0px 0px;
  }
  
#side-blokk {
  width: 890px;
  float: left;
  text-align: left;
  margin: 0px 0px 20px 0px;
  height: 100%;
  overflow: auto;
  }
 
#side-menycont {
  width: 160px;
  height: 550px;
  float: left;
  text-align: left;
  background: url(../gfx/side/bg_leftcol.png) repeat-x;
  overflow: hidden;
  }
  
#wrapper ul {
  list-style: none;
  } 
  
#side-meny-header {
  text-align: left;
  width: 160px;
  height: 15px;
  float: left;
  background: url(../gfx/side/top_leftcol.png) no-repeat;
  overflow: hidden;
  }  
  
#side-meny ul {
  width: 160px;
  height: 470px;
  overflow: hidden;
  float: left;
  text-align: left;
  }
  
#side-meny li { float: left; }
#side-meny li a { display: block; height: 34px; text-indent: 9999px; font-size:10px; text-align: right;}

  li#start a { width: 160px; background: url(../gfx/sidemeny/start.png) no-repeat; }
  li#kart a { width: 160px; background: url(../gfx/sidemeny/kart.png) no-repeat; }
  li#lenker a { width: 160px; background: url(../gfx/sidemeny/lenker.png) no-repeat; }
  li#bygda a { width: 160px; background: url(../gfx/sidemeny/bygda.png) no-repeat; }
  li#kulturen a { width: 160px; background: url(../gfx/sidemeny/kulturen.png) no-repeat; }
  li#landskapet a { width: 160px; background: url(../gfx/sidemeny/landskapet.png) no-repeat; }
  li#bygdelaget a { width: 160px; background: url(../gfx/sidemeny/bygdelaget.png) no-repeat; }
  li#vinter a { width: 160px; background: url(../gfx/sidemeny/vinter.png) no-repeat; }
  li#sumar a { width: 160px; background: url(../gfx/sidemeny/sumar.png) no-repeat; }
  li#videoar a { width: 160px; background: url(../gfx/sidemeny/videoar.png) no-repeat; }
  li#ung a { width: 160px; background: url(../gfx/sidemeny/ung.png) no-repeat; }
  li#utleige a { width: 160px; background: url(../gfx/sidemeny/utleige.png) no-repeat; }
  li#tilsals a { width: 160px; background: url(../gfx/sidemeny/tilsals.png) no-repeat; }
  li#tomter a { width: 160px; background: url(../gfx/sidemeny/tomter.png) no-repeat; }
  li#moglegheiter a { width: 160px; background: url(../gfx/sidemeny/moglegheiter.png) no-repeat; }
  li#eigabedrift a { width: 160px; background: url(../gfx/sidemeny/eigabedrift.png) no-repeat; }
  li#marknad a { width: 160px; background: url(../gfx/sidemeny/marknad.png) no-repeat; }
  li#program a { width: 160px; background: url(../gfx/sidemeny/program.png) no-repeat; }
  li#kontaktu a { width: 160px; background: url(../gfx/sidemeny/kontakt.png) no-repeat; }
  
  
    #side-meny li a:hover { background-color: #fff; }
	#side-meny li .on a { background-color: #fff; }
	#side-menycont p  { visibility: hidden; display: none; }
 
 
  
#side-tekstblokk {
  width: 660px;
  height: 100%;
  overflow: auto;
  float: right;
  text-align: left;
  background: #fff;
  padding: 10px 60px 10px 10px;
  }
  
#side-fulltop {
  width: 890px;
  height: 9px;
  overflow: hidden;
  background: url(../gfx/side/top_fullcol.png) no-repeat;
  }
  
#side-fulltekstboks {
  width: 860px;
  height: 100%;
  overflow: auto;
  background: #fff;
  padding: 0px 15px;
  }
   
#footer-c {
  text-align: right;
  width: 890px;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 10px;
  font-weight: lighter;
  color: #fff;
  }  
  
#footer {
  background: #202020;
  height: 60px;
  clear: both;
  padding: 10px;
  } 
  
#footer-br {
  background: #9fbee1;
  height: 2px;
  clear: both;
  } 
  
#blogg-toppbilde {
  height: 330px;
  width: 593px;
  background: #014593;
  float:left;
  padding: 5px;
  overflow: hidden;
  } 
  
#blogg-toppbilde-full {
  height: 330px;
  width: 850px;
  background: #014593;
  float:left;
  padding: 5px;
  overflow: hidden;
  } 
  
#blogg-toppingress {
  height: 340px;
  width: 240px;
  background-repeat: no-repeat;
  float:right;
  } 
  
#blogg-cwrap {
  clear: both;
  margin: 10px 0px 0px 0px;
  } 
  
#blogg-cl {
  float: left;
  width: 603px;
  margin: 10px 0px 0px 0px;
  } 
  
#blogg-cr {
  float: right;
  width: 240px;
  margin: 10px 0px 0px 0px;
  }
  
#blogg-cl-tb {
  clear: both;
  background: url(../gfx/blogg/bgh-eldre-artiklar.gif) no-repeat top;
  padding: 10px;
  width: 583px;
  }
  
/*--------------------------------------------
stiler
---------------------------------------------*/
#wrapper h1 {
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 14px;
 color: #333;
 }
  
#wrapper h2 {
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 12px;
 color: #333;
 }  
 
#wrapper h3 {
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #333;
 }  
  
#wrapper p {
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 12px;
 color: #333;
 }
 
#wrapper h4 {
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 18px;
 font-weight: bold;
 color: #333;
 }
 
.eldreart-utxt {
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #fff;
 }
  
  
/*--------------------------------------------
astiler
---------------------------------------------*/

#fronttekst a:link {
	text-decoration: none;
    color: #ffffff;
	}

#fronttekst a:visited {
	text-decoration: none;
    color: #ffffff;
	}

#fronttekst a:hover {
	color: #DDDCFE;
    text-decoration: none;
    }

#fronttekst a:active {
	text-decoration: none;
    color: #ffffff;
    }
	
#footer a:link {
	text-decoration: none;
    color: #366fb6;
	}

#footer a:visited {
	text-decoration: none;
    color: #366fb6;
	}

#footer a:hover {
	color: #DDDCFE;
    text-decoration: none;
    }

#footer a:active {
	text-decoration: none;
    color: #366fb6;
    }
	
a:link {
	text-decoration: none;
    color: #366fb6;
	}

a:visited {
	text-decoration: none;
    color: #366fb6;
	}

a:hover {
	color: #000;
    text-decoration: none;
    }

a:active {
	text-decoration: none;
    color: #366fb6;
    }

/*--------------------------------------------
klasser
---------------------------------------------*/

.front-langtekstboks { 
  background: url(../gfx/blaheadere/l_hbg.gif) top no-repeat;
  padding: 10px;
  }
  
.front-korttekstboks { 
  background: url(../gfx/blaheadere/k_hbg.gif) top no-repeat;
  padding: 10px;
  }
  
.front-fulltekstboks { 
  background: url(../gfx/blaheadere/f_hbg.gif) top no-repeat;
  padding: 10px;
  }
  
.front-blaheader {
  clear: both;
  height: 21px;
  overflow: hidden;
  }
  
.articlesplit-60-40-text {
  width: 60%;
  float: left;
  display: block;
  text-align: left;
  }
  
.articlesplit-60-40-img {
  width: 40%;
  float: right;
  text-align: center;
  }
  
.galleri-albumbox {
  margin: 0px 0px 10px 0px;
  height: 150px;
  }
  
.galleri-albumbox-on {
  cursor: pointer;
  height: 150px;
  margin: 0px 0px 10px 0px;
  background: #D8E2FE;
  }
  
.galler-albumimg {
  float: left;
  width: 200px;
  height: 150px;
  text-align: center;
  }
  
.galler-albumtxt {
  float: right;
  width: 510px;
  height: 130px;
  text-align: left;
  padding: 10px 140px 10px 0px;
  }
  
.sitebox {
  margin: 0px 0px 5px 0px;
  height: 110px;
  }
  
.sitebox-on {
  cursor: pointer;
  height: 110px;
  margin: 0px 0px 5px 0px;
  background: #D8E2FE;
  }
  
.sitebox-img {
  float: left;
  width: 150px;
  height: 100px;
  text-align: center;
  padding: 5px 0px 5px 0px;
  }
  
.sitebox-txt {
  float: right;
  width: 400px;
  height: 90px;
  text-align: left;
  padding: 5px 100px 10px 0px;
  }
  
.blogg-h {
  height: 22px;
  overflow: hidden;
  } 

.blogg-leftcoltb {
  text-align: left;
  padding: 20px 10px;
  background: url(../gfx/blogg/bgh-kort.gif) no-repeat top;
  }
  
.blogg-eldreart {
  float: left;
  height: 170px;
  width: 585px;
  margin: 0 0 10px 0;
  text-align: left;
  }
  
 .blogg-eldreart-on {
  float: left;
  height: 150px;
  width: 250px;
  margin: 0;
  background: #000;
  text-align: center;
  cursor: pointer;
  }
  
.blogg-eldreart-img {
  height: 150px;
  width: 240px;
  margin: 0;
  float: left;
  border: 5px #014593 solid;
  }

.blogg-eldreart-txt {
  height: 150px;
  width: 300px;
  margin: 5px 0 0 20px;
  overflow: hidden;
  text-align: left;
  float: left;
  overflow: visible;
  }
  
  .blogg-eldreart-txt h1 {
  font-size: 14px;
  text-transform: uppercase;
  }
  
  .blogg-eldreart-txt h2 {
  font-size: 10px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  }
  
  .blogg-eldreart-txt p {
  font-size: 12px;
  margin: 10px 0 0 0;
  }
  
.bloggebygda-albumbox {
  margin: 0px 10px 10px 0px;
  height: 150px;
  float: left;
  width: 400px;
  padding: 0px 10px;
  }
  
.bloggebygda-albumbox-on {
  cursor: pointer;
  width: 400px;
  height: 150px;
  margin: 0px 10px 10px 0px;
  background: #D8E2FE;
  float: left;
  padding: 0px 10px;
  }
  
.bloggebygda-albumimg {
  float: left;
  width: 140px;
  height: 150px;
  text-align: center;
  }
  
.bloggebygda-albumtxt {
  float: right;
  width: 210px;
  height: 130px;
  text-align: left;
  padding: 10px 10px 10px 10px;
  }
  
  
/*--------------------------------------------
tooltip
---------------------------------------------*/

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	font-size: 12px;
	padding:2px 5px;
	color:#333;
	display:none;
	}