@import "layout.css";
@import "bildegalleri.css";
@import "jquery.lightbox-0.4.css";

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

#innholdsramme { font-size: 1.1em }
input, textarea { font-size: 1em }
blockquote { font-size: .9em }
#kreditt { font-size: 10px } 

#innhold h1 { color: #7a7f53; font: 1.5em georgia, "trebuchet ms"; margin: 0 0 .6em 0 }
#innhold h1.tittel {font-size: 2em}
h2, h3, h4, h5, h6 { font-size: 1em }


h2,h3,h4,h5,h6,blockquote,p,hr, object, table, hr, address { margin: 0 0 1.5em 0 }

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

a { /*color: #990;*/ color: #854750; text-decoration: none }
a:hover { /*color: #9C3;*/ text-decoration: underline }
#kol1 a, #kol2 a, #kreditt a, #sitemap a, h1 a { text-decoration: none }

blockquote { text-align: right; padding: 0 0 0 87px }
p.skip, a.anker, #header h1, #header p { display: none }
hr { clear: both; width: 100% }
address { font-style: normal }



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

#nav { position: relative }

#nav ul, #nav li { list-style-type: none }
#nav ul { width: 166px }
#nav li { width: 146px; float: left; padding: 0 0 0 20px }
#nav li.aktiv { background: url(gfx/a.gif) no-repeat }
#nav li.aktiv li { padding: 0; width: auto; background: none }

#nav ul ul, #nav ul li.aktiv ul ul { display: none }
#nav li.aktiv ul, #nav li.aktiv ul li.aktiv ul { display: block }
#nav li.aktiv ul li.aktiv ul {background: #fff;padding: 3px 0 0 0;}

#nav ul ul { position: absolute; left: 320px; top: 0; border: 0; border-left: 1px solid #fff; width: 549px; height: 21px; z-index: 1000 }
#nav ul ul ul { left: 0; top: 22px; border: 0; width: 549px; height: 21px; background: #414708 }

#nav a {
	display: block;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #854750;
	text-decoration: none;
	color: #fff;
	padding: 0 0 0 18px }

#nav a span { display: block; height: 21px; line-height: 21px; overflow: hidden; cursor: hand }

#nav a:hover, #nav li.aktiv a {
	background: #c6a9ad;
	color: #36361d;
	font-weight: bold }

/* 2.nivå */

	#nav li li a { padding: 0; border: 0 }

	#nav li.aktiv ul li a span {
		background: #7a7f53; 
		color: #fff;
		font-weight: normal;
		float: left; 
		border-right: 1px solid #fff;
		text-align: center;
		width: 136px; }
	#nav li.aktiv ul li#metingelser3 a span, #nav li.aktiv ul li#markering39 a span {border:none;width:138px;}

	#nav li.aktiv ul li a:hover span {
		background: #414708; height: 21px; color: #fff; font-weight: normal
	}
	#nav li.aktiv ul li.aktiv a span {
		background: #414708; height: 21px; color: #fff; font-weight: normal }

/* 3.nivå */

		#nav li.aktiv ul li.aktiv ul li a span {
			border: 0;
			color: #414708;
			background: #fff;
			height:16px;
			line-height:15px;
			padding:0 0.5em;
			border-right: 1px solid #414708;
			text-align: left;
			width: auto; }
		
		#nav li.aktiv ul li.aktiv ul li a:hover span,
		#nav li.aktiv ul li.aktiv ul li.aktiv a span  {
			color: #ded4a6 }

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



#nav .x1 { float: left; clear: left; width: 100%; height: 110px; background: url(gfx/telefonknapp.gif) no-repeat 20px 0 }
#nav strong, #nav em { font-weight: normal; font-style: normal }


.addthis_toolbox { padding: 0 0 25px 25px; height: 20px }

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



/*  Nyheter  */



#nyheter { margin: 0; padding: 0 0 10px 0 }

/*#nyheter .art { padding: 0 0 20px 0; border-bottom: 1px solid #990; margin: 0 0 2em }*/
#nyheter .art { padding: 10px 0 0 0; border-top: 1px solid #5E5E4A; margin: 0 0 1em; float: left }
#nyheter .nyhet3 {padding: 10px 0 20px 0; border-bottom: 1px solid #5E5E4A;}
#nyheter .npic {width: 135px; height: 90px;  margin:0 10px 10px 0; float: left; }
#nyheter img {  /*border: 1px solid #8c7961*/ }

#nyheter h1 a { color: #7a7f53 }
#nyheter .art h1 a { color: #5c0a15 }
#nyheter .art h1 {font-size: 1.4em}
#nyheter h3 {font-size: 1em; float: left; clear: both}
#nyheter .art h1, #nyheter h3 {
	margin: 0 0 1em 0;
	border-bottom: none;
	font-weight: bold;
	color: #5c0a15; }

#nyheter strong { font-weight: normal }

#nyheter p { margin: 0 }

#nyhetsarkiv a {
	color: #5E5E4A;
}
ul#nyhetsarkiv {float: left; clear: both}

p.dato { margin: 0; color: #999 }



hr { border: 1px solid #dbe1b2; }



/*  INPUTFELTER  */

#firmainfo input, #kontortid input, #tips input, #nyhetsbrev input, #login input { text-align: center; width: 140px }



/*  KNAPPER  */



p.knapp {
	border: 1px solid;
	border-color: #98c5da #fff #fff #98c5da;
	height: 20px }

p.knapp a, p.send a {

	color: black;
	font-weight: bold;
	text-align: center;
	padding: 3px 0 0 4px;
	height: 15px;
	border: 1px solid;
	border-color: #fff #98c5da #98c5da #fff;
	background: #b5d7e6;
	display: block;
	color: #369 }

p.knapp a:hover, p.send a:hover  {

	border-color: #d1e4ec;

	background: #d1e4ec;

	color: #333 }



#nyhetsbrev p.knapp a.ut { float: left; width: 70px }

#nyhetsbrev p.knapp a.inn { float: right; width: 91px }



/*  -------------------------------- RESPONSSKJEMA -------------------------------  */

#respons table { width: auto }
#respons table td { vertical-align: middle }
#respons table tr.textarea td { vertical-align: top }
#respons fieldset { border: 0 }
#respons fieldset legend { color: #333; font-weight: bold; padding: 0 0 10px 0 }
#respons fieldset label { display: block }
#respons fieldset label.inline { display: inline }
#respons fieldset label span { }
#respons input, #respons textarea { width: 250px }
#respons input.check { border: 0; width: auto; background: transparent }
#respons p.melding, #respons textarea { height: 70px }
#respons p.knapp { width: 250px; margin: 0  }
#respons hr { margin: 2px 0 }


/*  ------------------------------------- DESIGN ------------------------------------  */

.banner { position: absolute; top: 0; left: 0; width: 850px; height: 175px; overflow: hidden }
.menupic,
#nyheter_cms .artikkel img {
	position: absolute; top: 176px; left: 146px;
	width: 154px; height: 263px; overflow: hidden;
	z-index: 800; border-right: 1px solid #fff }

/* ---------- Persongalleri -------------- */

.pers { width: 100% }
#innhold .pers ul { margin: 0; list-style-type: none; width: 100%; clear: left }
.pers li { float: left; position: relative; height: 135px; width: 205px; padding: 15px 0 0 100px }
.pers li a img { position: absolute; top: 0; left: 0 }
.pers li a:hover img { border-color: #333 }
.pers li a { display: block; padding: 1em 0 }
.pers li a:hover { font-weight: bold }
.pers li span { float: left; width: 4em }

.menupic .a_x1 {
	position:absolute;
	border-bottom: 1px solid #fff;
	height: 21px;
	top:0;
	width:100%;
}

.menupic .a_x2, .menupic .a_x3 {
	position:absolute;
	height: 21px;
	top:242px;
	width:154px;
	overflow: hidden;
}

.menupic .a_x2 {
	z-index: 20000;
	background: #7a7f53;
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
}

.menupic .a_x3 {
	z-index: 25000;
	color: #fff;
	text-align: center;
	font-size: 10px;
	line-height: 21px
}