@import url("layout.css");
@import url("navigasjon.css");
@import url("album.css");

/*  ------------------------------------   KONTAKT   --------------------------------  */

#kontaktinfo {
	clear: both; background: #f7f7f7 url(gfx/kinfo_bg.gif) 0 26px repeat-x;
	line-height: 15px }
#kontaktinfo h5 {
	height: 26px; line-height: 26px;
	background: #fff url(gfx/kinfo_h6.gif) 22px 0 no-repeat;
	padding: 0 0 0 45px;
	color: #fff }
#kontaktinfo p, #kontaktinfo h5, .adresse h6, .adresse address { margin: 0 }
#kontaktinfo .avdeling { position: relative; float: left; width: 120px; padding: 0 0 0 40px }
#kontaktinfo p.omr { height: 27px; line-height: 24px; color: #fff; font-weight: bold }

.clear { clear: both }

.box { float: left; width: 176px }
.box.tlf, .box.post { padding: 23px 0 0 0 }
.box.tlf span { display: block; float: left; width: 4em }

.adresse {
	clear: both;
	position: relative; padding: 25px 45px 0 45px; height: 80px; 
	background: #f7f7f7 url(gfx/adr_bg.gif) no-repeat 8px 13px;
	line-height: 15px }
.adresse em { font-style: normal; color: #666 }
.adresse h6 {
	height: 23px;
	font-size: 1.1em  }
.adresse p.kontaktlink a {
	display: block;
	position: absolute; right: 30px; top: 27px;
	width: 134px; height: 35px;
	background: url(gfx/kontakt.gif) }
.adresse p.kontaktlink a:hover {
	background-position: 0 100% }
.adresse p.kontaktlink span { display: none }

/*  ------------------------------------   KREDITT   --------------------------------  */

#kreditt {
	width: 974px; margin: 0 auto;
	padding: 15px 0 0 0; text-align: center;
	background: url(gfx/bg_kred.gif) no-repeat }
#kreditt a, #kreditt { color: #999 }
#kreditt a:hover { color: #333 }

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

#innholdsramme, #smuler, #nav { font-size: 1.3em }
#kontaktinfo, .adresse, #sok { font-size: 1.2em }
input, textarea { font-size: 1em; padding: 5px }
#kreditt { font-size: 1.1em } 
#kol1 { font-size: 0.9em }

h1 { font-size: 1.5em; line-height: 1.2em; color: #000; font-weight: normal }
h2, h3, h4, h5, h6 { color: #000; font-size: 1em }
h1, h2,h3,h4,h5,h6,blockquote,p,hr, object, table { margin: 0 0 1em 0 }
th, td { vertical-align: top; text-align: left }
#innhold ul, #innhold ol { margin: 0 0 1em 30px }

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

#nav a, #submeny a, #kreditt a, #sitemap a, #nyheter a, p.knapp a, #kontaktinfo a, .adresse a { text-decoration: none }
p.skip, #header h1, #header p { 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 #ddd;
	background: #fafafa }
input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus { background: #fff }
input.checkbox { border: 0; background: transparent; margin: 0 }
hr { border: 0; border-top: 1px solid #9c9; background: #fff }
img.right { margin: 0 0 10px 10px }

table { border-collapse: collapse }

table td { padding: 0 10px 0 0 }
#innhold table.lenker td { padding: 10px 0 3px 0; text-align: center; background: #eee; line-height: 1.3em; border-right: 2px solid #fff; vertical-align: top; width: 180px; font-weight: bold }
#innhold table.lenker td.lgo { vertical-align: bottom; background: transparent; padding: 0 }
table.lenker td.lgo a { display: block; text-align: center; padding: 2px 0; border-bottom: 2px solid #ccc }
table.lenker td.lgo a:hover { border-bottom: 2px solid #c00 }

#innhold ul.ps, #innhold .reflist ul { margin: 0 0 1em 0; list-style-type: none; line-height: 13px }
ul.ps li { float: left; width: 136px; height: 170px; padding: 0 30px 0 0; text-align: center; vertical-align: top  }
ul.ps li a {
	display: block; padding: 6px 1px; height: 145px;
	text-decoration: none;
	font-size: 12px; font-weight: bold;
	text-align: center;
	background: url(gfx/bg-ps.gif) no-repeat }
ul.ps li a:hover { background: #fff; padding: 5px 0; border: 1px solid #999 }
ul.ps li img { margin-bottom: 15px }

#innhold .reflist ul { line-height: 11px; width: 685px; line-height: 1.3em }
.reflist ul li { position: relative; float: left; width: 322px; height: 131px; padding: 0 20px 0 0; vertical-align: top; font-size: 11px }
.reflist ul li a {
	display: block; height: 122px; border-top: 3px solid #fff;
	text-decoration: none; color: #666; overflow: hidden }
.reflist ul li a strong, .reflist ul li a b {
	background: #c00; color: #fff; display: block; padding: 3px; font-size: 12px }
.reflist ul li a span { padding: 5px; display: block }
.reflist ul li a:hover { background: #eee; border-color: #000; color: #000 }
.reflist ul li img { float: right; margin: 3px 3px 0 10px; border: 1px solid #000 }

a.pdf, a.word {
	border-top: 1px dotted #ccc;
	display: block;
	background: url(gfx/pdf.gif) no-repeat left center;
	padding: 10px 15px 10px 40px;
	line-height: 1.2em; height: 22px;
	text-decoration: none }

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

/*  BOKS  */

#kol1 .komp, #kol2 .komp { padding: 0 0 5px 0; text-align: center; border-bottom: 5px solid #fff; background: #f2f2f2 }
#innhold .komp, #innhold .komp input { width: 175px }
.komp fieldset, .komp fieldset legend { border: 0 }
#kol1 .komp h1, #kol2 .komp h1 { padding: 5px; margin: 0 0 5px 0; text-align: left }
#kol1 #login h1, #kol2 #login h1 { background: #bbdfed url(gfx/login.gif) 3px 7px no-repeat; padding: 5px 0 5px 25px }
#kol1 .komp label, #kol2 .komp label { display: none }

.komp p { margin: 0; padding: 0 }
#login p { text-align: center }
#login p span { padding-top: 5px; display: block }

/*  INPUTFELTER  */

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

/*  KNAPPER  */

p.knapp {
	border: 1px solid;
	border-color: #9c9 #fff #fff #9c9 }

p.knapp a, p.send a {
	color: black;
	font-weight: bold;
	text-align: center;
	height: 20px; line-height: 20px;
	border: 1px solid;
	border-color: #fff #9c9 #9c9 #fff;
	background: #add53b;
	display: block;
	color: #fff }

p.knapp a:hover, p.send a:hover  {
	border-color: #9c9;
	background: #dbeea1;
	color: #000 }

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

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

#respons table { width: auto; border-collapse: collapse }
#respons table td { vertical-align: middle; padding: 0 5px 0 0 }
#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: 270px; margin: 0  }
#respons hr { margin: 2px 0 }

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

.logo a {
	position: absolute;
	left: 30px; top: 22px;
	display: block;
	width: 201px; height: 64px }