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

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

#innholdsramme, #nav { font-size: 1.3em }
#kreditt { font-size: 1.2em }
#kreditt p, .shopartikkel, #smuler { font-size: .85em }
input, textarea, select { font-size: 1em }

#innhold .artikkel h1, #innhold .shopartikkel_full h1 { color: #069; font-weight: normal; font-size: 1.5em; line-height: 1.6em; margin: 0 0 .5em 0 }
#kol1 h1, #kol2 h1, h2, h3, h4, h5, h6 { font-size: 1.1em }

/* Marger */
h1, h2, h3, h4, h5, h6, blockquote, p, hr, table, iframe { margin: 0 0 1.5em 0 }
.artikkel ul, .artikkel ol, .shopartikkel_full ul { margin: 0 0 1.5em 30px }

/* Lenker, akronymer og forkortelser */

a, a.active, a.visited { color: #3791c8; text-decoration: none }
a:hover { color: #000 }

p.lesmer a { font-weight: bold; text-align: right }
acronym, abbr, dfn { font-style: normal; cursor: help }

p.skip, #sok a span, #sok label, #header h1, #header p, .preloader, #mixafter , #mixbefore, #logo a span { visibility: hidden; position: absolute }

#login input { margin: 0 0 .5em 0; border:1px solid #bbb; text-align: left; padding: 3px 5px }

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

img, table { border: 0 }
caption { display: none }
address { font-style: normal }

/* forms.css */
label {font-weight:bold; float: left; width: 150px; padding: 3px; text-align: right }
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc}
legend {font-weight:bold;font-size:1.2em}
input.text, input.title, textarea, select {margin: 0 0 .5em 0;border:1px solid #bbb; float: left }
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666}
input.text, input.title, textarea {width:475px;padding:3px}
input.title {font-size:1.5em}
textarea {height:250px}

/* age/sex */
fieldset.asex label { width: auto; float: none; padding: 0 3px; font-weight: normal}
fieldset.asex strong { display: block; float: left; width: 150px; padding: 0 3px; text-align: right }

p.level select { width: 19%; margin: 0 5px 0 0 }

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880}
.error a {color:#8a1f11}
.notice a {color:#514721}
.success a {color:#264409}

.tm ul { list-style-type: none }
.tm li { float: left; width: 93px; height: 55px }
.tm a { display: block; width: 90px; height: 52px; background: url(gfx/merker/ulvang.gif) }
.tm a:hover { background-position: 0 -52px }
.tm strong { display: none }

.katalog {
	width: 210px; height: 221px; position: relative;
	margin: 0 0 1em 0; overflow: hidden;
	background: url(gfx/bg_katalog.gif) }
.katalog ul { position: absolute; top: 0; left: 57px; list-style-type: none; margin: 0 }
.katalog li { position: absolute; top: 0; left: 0; line-height: 27px; width: 153px }
.katalog li ul { top: 27px; left: 0; width: 142px; height: 182px; overflow: hidden }
.katalog a img { border: 3px solid #fff }
.katalog a:hover img { border-color: #c33 }

.ot { margin: 0 0 1em 0; width: 210px }
.ot h1 { padding: 5px 8px; margin: 0 }
.ot ul { list-style-type: none; border-top: 1px solid #ddd }
.ot ul li { position: relative; border-bottom: 1px solid #ddd; padding: 3px 8px }
.ot ul li ul { position: absolute; top: 0; right: 0; border: 0 }
.ot ul li li { border: 0 }
.ot li.odd { background: #fafafa}

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

/*  BOKS  */

.komp {
	border: 1px solid #ccc;
	background: #f6f6f6;
	padding: 8px;
	margin: 0 0 1em 0 }
#innhold .komp { border: 0; background: transparent }

#innhold #login, #innhold .komp { border: 0; background: transparent }
#innhold .komp { width: 143px }

.komp fieldset, .komp fieldset legend { border: 0 }
.komp h1 { margin: 0 0 .5em 0; font-size: 1.2em; font-weight: bold }
.komp label { display: none }
.komp p { margin: 0; padding: 0 }
#login p { text-align: center }
#login p span { margin-top: 5px; display: block }

.komp input { text-align: center; width: 176px }

/*  KNAPPER  */

p.knapp { border: 1px solid #ddd }
p.knapp { position: relative; height: 23px }
p.knapp a, p.send a {
	color: black;
	font-weight: bold;
	text-align: center;
	height: 21px; line-height: 21px;
	border: 1px solid #fff;
	background: #eee;
	display: block }
p.knapp a:hover, p.send a:hover  { border-color: #eee }

#nyhetsbrev p.knapp a.ut { width: 75px }
#nyhetsbrev p.knapp a.inn { position: absolute; top: 0; right: 0; width: 90px }

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

td { padding: 2px 0 0 5px }

#respons fieldset { border: 0 }
#respons fieldset legend { padding: 10px 0; font-weight: bold; color: #000 }
#respons input, #respons textarea { width: 175px }
#respons p.melding, #respons textarea { height: 80px }
#respons p.knapp { width: 173px }
#respons input.check { width: auto; border: none }
#respons td { padding: 0 5px 0 2px }

/*  --------------------------------    VERKTØY    ---------------------------------  */

#sok { position: absolute; top: 204px; left: 20px; height: 18px }
#sok input {
	line-height: 18px; height: 18px;
	width: 175px;
	background: transparent;
	border: 0; color: #666 }
#sok a {	position: absolute; left: 175px; top: -3px;
	width: 28px; height: 28px;
	display: block }

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

img { behavior: url(/iepngfix.htc); z-index: 2 }

	#social { position: absolute; top: 205px; right: 0; z-index: 10000 }
	#social a {
	float: right; display: block;
	height: 16px; width: 24px; line-height: 16px;
	text-decoration: none;
	background: no-repeat 0 50% !important }
	#social a.noicon.tips_en_venn { background-image: url(/gfx/addthis.gif) !important }
	#social a.noicon.rss { background-image: url(/gfx/rss.gif) !important }
	#social span { display: none }
	#social img { position: absolute; top: -20px; right: 60px }