/* CSS Document */

/*------------------------------------------------------------------*/
/*** PAGE BACKGROUNDS ****/
/*------------------------------------------------------------------*/

body { background: #666 url(../images/backgr_page.jpg); }

#Backgr { background: url(../images/backgr_main.png) repeat-y; width: 1031px; margin: auto; }
#Main { width: 1002px; margin: auto; background: url(../images/backgr_main2.jpg) repeat-y; }

/*------------------------------------------------------------------*/
/*** HEADER - LOGO, MENU, SEARCH   /   FOOTER ****/
/*------------------------------------------------------------------*/

#Header { width: 100%; height: 265px; background: url(../images/header.jpg) center center no-repeat; position: relative; border-bottom: 5px solid #D0D0D5; }

#Header #Logo { width: 140px; height: 84px; position: absolute; top: 161px; left: 86px; background: url(../images/logo.jpg) center center no-repeat; }
#Header #Logo h1 { text-indent: -9999px; }
#Header #Logo a { display: block; width: 140px; height: 84px; }

#Header #Search { position: absolute; top: 160px; left: 732px; width: 260px; height: 30px; }
#Header #Search input { margin: 0px; height: 16px; border: 1px solid #D6D6DB; background: url(../images/backgr_input-search.jpg) repeat-x; line-height: 18px; padding: 3px; font-size: 11px; margin: 0px 2px; }
#Header #Search input#search-text { float: left; }
#Header #Search input#search { height: 24px; font-size: 12px; padding-top: 0px;  }

#Menu-Main { position: absolute; top: 200px; left: 318px; height: 50px; width: 680px; }

#Menu-Main ul li { display: block; height: 50px; line-height: 50px; border-right: 1px dotted #77A4C5; padding: 0px 6px; float: left; }
#Menu-Main ul li.last { border: none; }

#Menu-Main ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #016287; text-decoration: none; padding: 4px;  }
#Menu-Main ul li a:hover { color: #0180AF;}
#Menu-Main ul li a:hover, #Menu-Main ul li a.active { border-bottom: 3px solid #6CA0C7; }

#Footer { width: 100%; height: 82px; background: url(../images/backgr_footer.jpg) no-repeat; border-top: 5px solid #D0D0D5; position: relative; text-align: center; }

#Footer #Logo-footer { position: absolute; left: 87px; top: 10px; width: 102px; height: 61px; background: url(../images/logo-footer.jpg) center center no-repeat; }

#Footer #Logo-footer h1 { text-indent: -9999px; }
#Footer #Logo-footer a { display: block; width: 102px; height: 61px; }

#Footer #Hardangerradet { position: absolute; left: 807px; top: 8px; width: 184px; height: 64px; background: url(../images/logo-hardangerradet.jpg) center center no-repeat; }
#Footer #Hardangerradet h1 { text-indent: -9999px; }
#Footer #Hardangerradet a { display: block; width: 184px; height: 64px; }

#Footer #Kontakt { padding-top: 10px; }



/*------------------------------------------------------------------*/

#Cont-content { width: 100%; }

/*------------------------------------------------------------------*/
/*** FLOATS ****/
/*------------------------------------------------------------------*/

#Content { width: 601px; background: #FFF; }

#Sidebars { width: 396px; float: right; }

	#Sidebar-right { width: 195px; float: right; background: #FFF; }
	#Sidebar-left { width: 195px; background: #FFF; }
	

/*------------------------------------------------------------------*/
/*** CONTENT ***/
/*------------------------------------------------------------------*/
	
	/*------- nyheter -------*/

.nyhet { width: 100%; background: #FFF url(../images/backgr_nyhet-bottom.jpg) no-repeat bottom right; border-bottom: 5px solid #D0D0D5; padding-bottom: 10px; }
.nyhet-siste { width: 100%; padding-bottom: 10px; }

.nyhetAd { width: 100%; background: #FFF no-repeat bottom right; border-bottom: 5px solid #D0D0D5; padding-bottom: 2px; }

.title { width: 100%; height: 42px; margin: 0px 1px; background: url(../images/backgr_nyhet-title.jpg) repeat-x; padding: 0px 20px; }
.Ad_title { width: 100%; height: 20px; margin: 0px 1px; background: url(../images/backgr_nyhet-title.jpg) repeat-x; padding: 0px 20px; }

.nyhet *, .title * { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.title h1 { font-weight: bold; color: #138AAF; font-size: 14px; line-height: 27px; }
.Ad_title h1  { font-weight: bold; color: #138AAF; font-size: 14px; line-height: 27px; }

.title p { font-size: 10px; line-height: 10px; color: #CC6600; margin: 0px; }
.title p span.autor { font-size: 10px; line-height: 10px; color: #CC6600; margin: 0px; }
.title p span.dato { font-size: 10px; line-height: 10px; color: #CC6600; margin: 0px; }

.nyhet-innhold { width: 601px; padding: 15px 20px; }

.nyhet-innhold .img { }


.nyhet-innholdAD{ width: 561px; padding:  15px 2px; }
.nyhet-innhold .nyhet-tekst { float: right; width: 400px; }
.nyhet-innhold-siste .nyhet-tekst { float: right; width: 400px; }

.nyhet-innhold a { font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #999999; line-height: 35px; font-weight: bold; text-decoration: none; font-size: 13px; padding-left: 0px; }
.nyhet-innhold-siste a { font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #999999; line-height: 35px; font-weight: bold; text-decoration: none; font-size: 13px; padding-left: 0px; }

.nyhet-innhold a.lesmer { display: block; width: 90px; height: 35px; background: url(../images/backgr_lesmer.jpg) center right no-repeat; }
.nyhet-innhold-siste a.lesmer { display: block; width: 90px; height: 35px; background: url(../images/backgr_lesmer.jpg) center right no-repeat; }

.nyhet-innhold a.lesmer:hover { background: url(../images/backgr_lesmer-hover.jpg) center right no-repeat; color: #8B8B8B; }
.nyhet-innhold-siste a.lesmer:hover { background: url(../images/backgr_lesmer-hover.jpg) center right no-repeat; color: #8B8B8B; }


	/*------- annet innhold -------*/


.content-innhold { width: 100%; background: #FFF url(../images/backgr_nyhet-bottom.jpg) no-repeat bottom right; border-bottom: 5px solid #D0D0D5; padding-bottom: 10px;  }
.content-innhold { width: 100%; background: #FFF url(../images/backgr_nyhet-bottom.jpg) no-repeat bottom right; border-bottom: 5px solid #D0D0D5; padding-bottom: 10px;  }

.content-innhold *, .content-text * { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #252525; }

.content-innhold h1.title { width: 100%px; height: 42px; margin: 0px 1px; background: url(../images/backgr_nyhet-title.jpg) repeat-x; padding: 0px 20px; font-weight: bold; color: #138AAF; font-size: 16px; line-height: 45px;	}

.content-innhold .content-text { padding: 0px 20px; }

.content-innhold .content-text * { margin: 15px 0px 5px 0px; }

.content-innhold .content-text h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #000; font-weight: bold; font-size: 13px; border-bottom: 1px solid #E9E9E9; line-height: 250%; }

.content-innhold .content-text h3 { font-size: 13px; font-weight: bold; color: #138AAF; line-height: 150%; }

.content-innhold .content-text h4 { font-size: 13px; font-weight: bold; line-height: 150%; }

.content-innhold .content-text ul li { display: block; width: 500px; padding: 0px 5px 0px 15px; background: url(../images/li.gif) no-repeat left 5px; margin: 5px 0px 5px 10px; line-height: 130%; } 

.content-innhold .content-text ol li { list-style: outside decimal; margin: 5px 0px 5px 25px; line-height: 130%;  } 

.content-innhold .content-text img.float-left, .content-innhold .content-text img.float-right { margin: 10px; }

#Table {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; width:95%; text-align:left; border-collapse:collapse; margin:20px;}

#Table th { font-size:13px; font-weight:normal; background:#b9c9fe; border-bottom:1px solid #fff; color:#039; padding:8px;}

#Table td { background:#e8edff; border-bottom:1px solid #fff; color:#669; border-top:1px solid transparent; padding:8px;}

#Table tr:hover td { background:#d0dafd; color:#339;}

.content-innhold .content-text a { color: #CC6600; text-decoration: underline; }
.content-innhold .content-text a:hover { color: #F97C00; }

.content-innhold .content-text bedlink.a { color: blue; text-decoration: underline; }
.content-innhold .content-text bedlink.a:hover { color: #F97C00; }


/*------------------------------------------------------------------*/
/*** CONTENT SIDEBARS ***/
/*------------------------------------------------------------------*/

.blokk { width: 100%; background: #FFF; border-bottom: 5px solid #D0D0D5; padding: 0px 0px 10px 0px; }

.blokk * { font-family: Arial, Helvetica, sans-serif; color: #252525; line-height: 160%; font-size: 12px; }

.blokk h1 { display: block; width: 171px; height: 42px; padding: 0px 10px; background: url(../images/backgr_nyhet-title.jpg) repeat-x; font-weight: bold; color: #138AAF; font-size: 14px; line-height: 40px; margin: 0px 1px 10px 1px;	 }
.blokk h1 span { display: block; width: 171px; height: 42px; padding: 0px 10px; background: url(../images/backgr_nyhet-title.jpg) repeat-x; font-weight: bold; color: #138AAF; font-size: 14px; line-height: 40px; margin: 0px 1px 10px 1px;	 }*/

.blokk p { padding: 0px 7px; margin: 0px; }



.blokk span ul li { display: block; width: 165px; padding:  0px 5px 0px 15px; background: url(../images/li-menu.gif) no-repeat left 6px; margin: 2px 0px 2px 10px;  }
.blokk span ul li a { color: #CC6600; font-weight: bold; text-decoration: none; }
.blokk span ul li a:hover { text-decoration: underline; color: #F97C00; }

.blokk span ul li { display: block; width: 165px; padding: 0px 5px 0px 15px; background: url(../images/li-menu.gif) no-repeat left 6px; margin: 2px 0px 2px 10px;  }
.blokk span ul li a { color: #CC6600; font-weight: bold; text-decoration: none; }
.blokk span ul li a:hover { text-decoration: underline; color: #F97C00; }

.blokk ul li { display: block; width: 165px; padding: 0px 5px 0px 15px; background: url(../images/li-menu.gif) no-repeat left 6px; margin: 2px 0px 2px 10px;  }
.blokk ul li a { color: #CC6600; font-weight: bold; text-decoration: none; }
.blokk ul li a:hover { text-decoration: underline; color: #F97C00; }

.blokk#Visjon p, .blokk#Hovedmal p { padding: 10px 10px 20px 10px; }
/*.blokk#Linker p, .blokk#Hovedmal p { padding: 10px 10px 20px 10px; }*/
.blokk#Visamarbeidermed div.innhold, .blokk#Blimedlem div.innhold { padding:  10px 0px 20px 0px; }



.blokk.last { border: none; }



/*------------------------------------------------------------------*/
/** STYLES **/
/*------------------------------------------------------------------*/

p { font-family: Arial, Helvetica, sans-serif; color: #252525; line-height: 160%; font-size: 12px; margin: 5px 0px; }

a { color: #CC6600; text-decoration: underline; }
a:hover { color: #F97C00; }

em { font-style: italic; }
strong { font-weight: bold; }

label { display: block; width: 50px; height: 25px; line-height: 28px; float: left; margin: 3px 0px; }
input { height: 16px; margin: 3px 0px; border: 1px solid #D0D0D5; background: url(../images/backgr_input.jpg) repeat-x; padding: 4px 0px; }
input#button { height: 25px; padding: 3px; width: 110px; margin-left: 50px; color: #252525; }

.clear { clear: both; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.float-left { float: left; }
.float-right { float: right; }

img.float-left, img.float-right { margin: 10px; }
#gallery {
	position:relative;
	height:360px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
		
	}

	#gallery .caption .content {
		margin:5px;
		font-size: 18px;
		color: White;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		
		font-size: 25px;
		font-weight: bold;
		color: White;
		line-height: 150%;
	}