/*  ---------------------------------      LAYOUT      ---------------------------------  */

* { margin: 0; padding: 0 }

html { background: #f1f5f0 url(gfx/bobler.gif)  }

#ramme {
	position: relative;
	margin: 0 auto;
	width: 780px;
	background: #fff url(gfx/bg_body.gif);
	/*width: 880px;
	background: #fff url(gfx/bg_body_ny.gif)*/ }


#innholdsramme { background: url(gfx/bg_ramme.gif) right bottom no-repeat; height: 300px }

html>body #innholdsramme { height: auto; min-height: 300px }



#height { display: none; float: right; width: 0; height: 250px }

#kol1 { float: left; width: 133px;/*width: 183px;*/ padding-top: 53px }

#kol2 { float: right; width: 133px;/*width: 183px;*/ padding: 4px 0 50px 0 }

	#kol2 .artikkel { padding: 5px }

	#kol2 .bilde { padding: 5px 0 }



#innhold { margin: 0 0 0 170px; line-height: 1.8em; width: 440px }

html>body #innhold { margin: 0 167px 0 173px;/*margin: 0 217px 0 223px;*/ width: auto }



#kol1, #header { overflow: hidden }

#header { height: 198px }

#header h1, #header p { position: absolute; visibility: hidden }



#info { padding: 30px 133px 17px 0; clear: both; text-align: center; color: #369; position: relative }

#info a { font-weight: bold }

#kreditt { padding: 10px; text-align: center; color: #acd3ca }
#kreditt a { color: #acd3ca }
#kreditt a:hover { color: #369 }



/*  ------------------------------       TYPOGRAFI     -------------------------------  */



body { font-size: 70%; color: #333 } /* Basestørrelse */

body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select, option {

	font-family: verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif } /* Basefont */



blockquote {

	font-size: 1.1em } /* Større font */



input, select {

	font-size: 1em } /* Vanlig font */



#kreditt, #xtranav, #kol1, #kol2, .artinfo p, #info, #nav {

	font-size: 0.9em } /* Liten font */



/* Overskrifter */

#innhold h1 { font-family: "trebuchet ms", "times new roman", serif; color: #369; font-size: 1.8em; font-weight: normal }

h1 { font-size: 1.3em }

h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; color: #000 }

h2 a { color: #000 }

#kol1 h1, #kol2 h1 { font-size: 1em }

#innhold h2, #innhold h3, #innhold h4, #innhold h5 { color: #369 }



/* Marger */

h1 { margin: 0 0 25px 0 }

h2,h3,h4,h5,h6,blockquote,p, hr { margin: 0 0 15px 0 }

#innhold ul, #innhold ol { margin: 0 0 15px 30px }

#kol2 h1,#kol2 h2,#kol2 h3,#kol2 h4,#kol2 h5,#kol2 h6,#kol2 blockquote,#kol2 p { margin: 0 0 5px 0 }

#kol2 p.lesmer { margin: 0 0 15px 0; font-size: 0.9em; text-align: right; padding: 0 5px 0 0 }



/* Lenker, akronymer og forkortelser */



a, a.active, a.visited { color: #369 }

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

#kol1 a, #kol2 a, #kreditt a, #sitemap a, #xtranav a, h1 a, #info a, #smuler a { text-decoration: none }

p.lesmer a { font-weight: bold; text-align: right }

acronym, abbr, dfn { border-bottom: 1px dotted #808080; font-style: normal; cursor: help }
.kalenderkomp {width: 133px}
#kalender abbr {border: 0; text-transform: uppercase }
#kalender td a { font-weight: bold; color: #fff }
#kalender tr.dager td, #kalender th {/*background: #d7ede8;*/ background: #369; color: #fff}
#kalender td.har-aktivitet {background: #6abcbe }
#kalender td.har-aktivitet:hover {background: #369 }
#kalender td, #kalender th { font-size: 0.7em}
#kalender th a {color: #fff}


blockquote {

	margin: 10px;

	padding: 5px;

	border: 1px dotted #666;

	font-family: "trebuchet ms", serif;

	font-weight: bold;

	text-align: center }



span.fremhev { background: #d7ede8; color: #000 }



/*  -------------------------     SKJULTE ELEMENTER      ------------------------  */



p.skip, a.anker, #kol1 .artinfo, #kol2 .artinfo {

	visibility: hidden; position: absolute }



/*  -----------------------     DIVERSE FORMATERING      ----------------------  */



img, table { border: 0 }

caption { display: none }

address { font-style: normal; margin: 5px 0 }

input, textarea, select, option {

	margin-bottom: 2px;

	border: 1px solid;

	border-color: #c0c0c0 #fff #fff #c0c0c0;

	background: #f5f5f5 }



input:hover, input:active, input:focus,

textarea:hover, textarea:active, textarea:focus, #sok input:hover, #sok input:focus, #sok input:active { background: #fff }



hr { border: 0; background: #369; color: #369; height: 1px }



/*prisguide*/

.pg h4 { font-weight: bold; font-size: 1.3em; font-family: "trebuchet ms", "times new roman", serif;

	border-bottom: 1px solid #fff;

	border-top: 2px solid #6abcbe;

	background: #f1f5f0; padding: 5px;

	position: relative; margin: 0 }

/*

.pg p, .pg h2, .pg h3 { padding: 0 5px }

.pg h2, .pg h3 { margin: 0 }

*/



.pg table, table.pg { margin: 0 0 10px 0; width: 440px }

.pg td, .pg th {

	border-bottom: 1px solid #fff; border-right: 1px solid #fff;

	font-size: 0.9em }



.pg th { padding: 3px 5px 3px 5px; background: #6abcbe; color: #fff; text-align: left }

.pg td { padding: 2px 5px 2px 5px; background: #f1f5f0 }

.pg td.pris { text-align: right; width: 50px }



.specs th { background: #d7ede8; color: #333 }

.specs td { background: #eff6f2 }



.pg select { width: 50px }



td, th { 

	background: #eff6f2; 

	border-bottom: 1px solid #fff; 

	border-right: 1px solid #fff;

	border-left: none;

	border-top: none;

	font-size: 0.9em;

	color: #333;

	padding: 2px 5px 2px 5px }



tr.green td, tr.blue td, tr.grey td { font-weight: bold; color: #fff }
tr.green td a, tr.blue td a, tr.grey td a {color: #fff}

tr.green td { background: #6abcbe }

tr.blue td { background: #369 }

tr.grey td { background: #666 }




/*

#innhold .pg ul, #innhold .pg li { list-style-type: none; position: relative }

#innhold .pg ul { margin: 0 0 0px 0; background: #f1f5f0 }

.pg li strong { color: #369 }

.pg li { padding: 5px 5px 10px 5px }

*/



.right { margin: 0 0 10px 5px }

.left { margin: 0 10px 5px 0 }



table.tbilde { border-collapse: collapse; float: right; font-size: 0.9em; margin: 0 0 10px 5px }

table.tbilde td { text-align: center }



/*  ---------------------------------- NAVIGASJON ---------------------------------  */



#smuler { font-size: 0.85em; font-family: arial, helvetica; padding-top: 3px; margin: 0 0 1.5em 0; height: 27px; line-height: 27px }

#smuler, #smuler a { color: #6abcbe }

#smuler a:hover { color: #369 }



#nav {

	position: absolute; top: 77px; left: 0;

	width: 133px; height: 121px; overflow: hidden;

	background: url(gfx/bg_nav.gif) }



ul#menu, ul#menu li, ul#sub, ul#sub li { width: 133px; list-style-type: none }

#nav ul { white-space: nowrap }

#nav li { display: inline }

ul#menu ul { position: absolute; left: -999em }

ul#menu a {

	display: block;

	height: 17px; width: 115px;

	padding: 3px 0 0 17px;

	text-decoration: none;

	color: #fff;

	font-family: arial;

	font-size: 1.1em }



ul#menu a:hover { color: #ddd }

ul#menu strong { font-weight: normal }

ul#menu em, ul#sub em { font-style: normal }



#submeny h1 { position: absolute; left: -999em }

ul#sub a {

	display: block;

	color: #369;

	padding: 2px 2px 2px 17px;

	font-weight: bold }



ul#sub a:hover { color: #333 }

ul#sub li ul { display: none }

ul#sub li.aktiv ul { display: block }

ul#sub li.aktiv { border-top: 1px solid #c1e3e0; border-bottom: 1px solid #c1e3e0; background: #eff8f6 }

ul#sub li.aktiv ul li.aktiv { border: 0 }

ul#sub ul li a { padding: 1px 2px 1px 30px }

ul#sub li.aktiv ul li a { font-weight: normal }

ul#sub li.aktiv ul li.aktiv a { font-weight: bold }



#booknav { padding: 64px 0 10px 0; position: relative }

html>body #booknav { left: -2px }

#booknav ul, #booknav li { width: 128px; list-style-type: none }

#booknav li a {

	width: 113px; height: 15px; line-height: 15px; display: block; font-weight: bold;

	padding-left: 20px;

	background-image: url(gfx/a_booknav.gif);

	background-repeat: no-repeat;

	background-position: 0 1px }



#booknav li a:hover, #booknav li.aktiv a { background-position: 0 -25px; color: #333 }



#booknav li#bosted a, #booknav li#liveaboard a { color: #abbf08 }

#booknav li#bosted a:hover, #booknav li#liveaboard a:hover, #booknav li#bosted.aktiv a, #booknav li#liveaboard.aktiv a { color: #333 }



/*  ------------------------------------ NETTSTEDKART ----------------------------  */



#sitemap  { font-size: 0.9em }

#sitemap span { font-weight: bold; color: #369 }

#sitemap ul li { list-style-image: url(gfx/sitemap_folder.gif) }

#sitemap ul li ul li { list-style-image: url(gfx/sitemap_page.gif); border: 0 }

#sitemap li { margin: 5px 10px }

#sitemap em, #sitemap strong { font-style: normal; font-weight: normal }

#sitemap a { color: #666 }

#sitemap a:hover { color: #000 }



/*  --------------------------------- KOMPONENTER --------------------------------  */

.komp {}
#nyhetsbrev { padding: 5px; margin: 0 auto 10px auto; width: 115px; height: 121px; background: url(gfx/bg_nyhetsbrev.gif) no-repeat top center; overflow: hidden }
#nyhetsbrev h1 span { display: none }
#nyhetsbrev h1 { height: 17px }
#nyhetsbrev .komp fieldset {padding: 1.5em 0 0}
.komp input { border: 1px solid #d3ebec; background: #6abcbe; color: #fff; width: 113px; }
.komp fieldset, .komp fieldset legend { border: 0 }
.komp h2, .komp h1 { margin: 0 }
.komp label { display: none }
.komp p { margin: 0; padding: 0 }
#login p { text-align: center }
#login p span { margin-top: 5px; display: block }

/*  TABELLER  */
.komp table { margin: 0 0 0 -7px }
.komp table tr td { padding-left: 5px }

#login input { text-align: center; width: 140px }

#tips {
	background: url(gfx/bg_tips.gif) no-repeat;
	height: 90px;
	padding: 5px 9px;
	margin: 1em 0
}
#tips h1 span {display: none}
#tips input {width: 113px;}
#tips .komp {padding: 47px 0 0}
/*  KNAPPER  */
p.knapp {
	 }

p.knapp { position: relative; height: 20px }

p.knapp a, p.send a {
	color: #fff;
	
	display: block }
	
.pg p.knapp a {
	background: #6abcbe;
	border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
	float: left;
	padding: 3px 5px;
	text-decoration: none
}
.pg p.knapp a:hover {
	border-color: #000 #ddd #ddd #000
}

p.knapp a:hover, p.send a:hover  { border-color: #eee }

#nyhetsbrev p.knapp { height: auto; border: 0; padding: 1em 0 0; }
#nyhetsbrev p.knapp a { padding: 2px 0 2px 0; height: auto; font: 10px arial; background: #d3ebec; color: #6abcbe; border: 0 }
#nyhetsbrev p.knapp a:hover, #nyhetsbrev p.knapp a.inn:hover { background: #328284; color: #fff }
#nyhetsbrev p.knapp a.ut { width: 53px; float: left }
#nyhetsbrev p.knapp a.inn { float: right; width: 59px; color: #328284 }

/*  -------------------------------- RESPONSSKJEMA -------------------------------  */
#respons { position: relative; margin: 0 auto; width: 350px }
#respons fieldset { border: 0 }
#respons fieldset legend { padding: 10px 0; font-weight: bold; color: #000 }
#respons fieldset label { display: block; width: 85px; height: 19px; float: left }
#respons fieldset label span { display: block; height: 13px; padding: 6px 0 0 5px }
#respons input, #respons textarea { width: 250px; height: 17px; float: right }
#respons p.melding, #respons textarea { height: 80px }
#respons p { margin: 0; height: 19px; vertical-align: center }
#respons p.knapp { width: 150px; margin: 10px 0 0 105px }
#respons input.check { width: auto; border: 0 }

/*  --------------------------------    VERKTØY    ---------------------------------  */
#sok, #sok a, #sok input, #toolbox { position: absolute }

#sok {
	top: 223px; left: 4px;
	width: 125px; height: 20px;
	background: url(gfx/bg_soek.gif) }

#sok input, #sok input:hover, #sok input:active, #sok input:focus {
	top: 2px; left: 2px;
	width: 95px; padding: 0;
	background: #b6dedb;
	border: 1px solid #b6dedb;
	text-align: left }

#sok a, #toolbox a {
	height: 20px; display: block;
	background-repeat: no-repeat;
	background-position: 0 -20px }

#sok a:hover, #toolbox a:hover { background-position: 0 0 }

#sok a {
	left: 105px; top: 0;
	width: 20px;
	background-image: url(gfx/sokeknapp.gif) }

#sok a span, #sok label, #toolbox a span, #txtsize a span { display: none }

#toolbox {
	top: 202px; left: 4px;
	width: 126px; height: 20px;
	background: url(gfx/bg_tools.gif) }

#toolbox a { width: 21px; float: left }
#toolbox a.hjem { background-image: url(gfx/t-hjem.gif) }
#toolbox a.map { background-image: url(gfx/t-map.gif) }
#toolbox a.epost { background-image: url(gfx/t-e-post.gif) }
#toolbox a.info { background-image: url(gfx/t-info.gif) }
#toolbox a.fav { background-image: url(gfx/t-fav.gif) }
#toolbox a.print { background-image: url(gfx/t-print.gif) }

/*  ------------------------------------- DESIGN ------------------------------------  */
#logo a, #fig, .banner, .midtbanner, .vbanner, .hbanner, .mbanner, .venstreflyt { position: absolute }
#logo a {
	top: 0; left: 0;
	width: 133px; height: 70px;
	background-image: url(gfx/logo.gif);
	background-position: -2px 0;
	background: repeat: no-repeat }

#logo span, a#rgf span { display: none }

a#rgf {
	float: left; display: block;
	width: 133px; height: 38px;
	margin: -18px 0 0 0;
	background: url(gfx/rgf.gif) top center no-repeat }

#fig {
	top: 24px; right: 16px;
	width: 102px; height: 32px;
	background: url(gfx/fig.gif) }

.banner, .midtbanner, .vbanner, .hbanner, .mbanner {
	top: 77px; height: 121px; overflow: hidden; background: #fff }

.banner p, .midtbanner p, .vbanner p, .hbanner p, .mbanner p {
	padding: 0; margin: 0 }

.banner { left: 137px;/*left: 187px*/ width: 643px }
.midtbanner { left: 137px;/*left: 187px*/ width: 507px; background: #fff }
.vbanner { left: 137px;/*left: 187px*/ width: 252px; background: #fff }
.hbanner { left: 392px;/*left: 442px*/ width: 252px; background: #fff }
.mbanner { left: 647px;/*left: 697px*/ width: 133px; background: #e5ece8 }

.tall { text-align: right; }
a.vilkaar { position: relative; margin: 0 0 0 10px } 
.check.venstreflyt { float: left; position: relative }

.turkode_rod, .turkode_rod a {
	color: red;
}


#yr { width: 300px }
#yr span { display: inline; height: 18px; line-height: 18px; padding: 0 15px; background: no-repeat 0 50%; margin-left: 5px; }

#yr span.yr1 { background-image: url(gfx/yr/yr1.png) }
#yr span.yr2 { background-image: url(gfx/yr/yr2.png) }
#yr span.yr3 { background-image: url(gfx/yr/yr3.png) }
#yr span.yr4 { background-image: url(gfx/yr/yr4.png) }
#yr span.yr5 { background-image: url(gfx/yr/yr5.png) }
#yr span.yr6 { background-image: url(gfx/yr/yr6.png) }
#yr span.yr7 { background-image: url(gfx/yr/yr7.png) }
#yr span.yr8 { background-image: url(gfx/yr/yr8.png) }
#yr span.yr9 { background-image: url(gfx/yr/yr9.png) }
#yr span.yr10 { background-image: url(gfx/yr/yr10.png) }
#yr span.yr11 { background-image: url(gfx/yr/yr11.png) }
#yr span.yr12 { background-image: url(gfx/yr/yr12.png) }
#yr span.yr13 { background-image: url(gfx/yr/yr13.png) }
#yr span.yr14 { background-image: url(gfx/yr/yr14.png) }
#yr span.yr15 { background-image: url(gfx/yr/yr15.png) }

.tooltip { 
    display:none;
    background: #369;
    font-size:1.5em;
    width:160px;
    padding: 10px 20px;
    color:#fff;  
}
.tooltip span {
	display: block; font-weight: bold; margin: 0 0 5px
}
#kalender td .tooltip a {
	font-weight: normal;
	display: block
}
#kalender td .tooltip a:hover {text-decoration: underline}

ol.fb { list-style: none; margin: 0; position: absolute; top: 0; left: 420px; width: 209px; height: 76px; background: url(gfx/social.gif) no-repeat }
ol.fb li { float: right; width: 46px }
ol.fb a { display: block; height: 75px }
ol.fb span { display: none }