@import url("layout.css");

@import url("navigasjon.css");

@import url("album.css");



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



#innholdsramme, #nav { font-size: 1.3em }

#smuler { font-size: .85em }

#kreditt { font-size: 1.3em }

#kreditt p { font-size: .85em }

input, textarea, select { font-size: 1em }



#innhold .artikkel h1, #innhold h1.tittel { font-family: "trebuchet ms", arial; color: #000; font-weight: normal; font-size: 1.5em }

#kol1 h1, h2, h3, h4, h5, h6 { font-size: 1em }



/* Marger */

h1,h2,h3,h4,h5,h6,blockquote,p, hr { margin: 0 0 1em 0 }

.artikkel ul, .artikkel ol { margin: 0 0 1em 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 { border-bottom: 1px dotted #999; font-style: normal; cursor: help }



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



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



img, table { border: 0 }

caption { display: none }

address { font-style: normal }

input, textarea, select, option {

	margin-bottom: 2px;

	border: 1px solid #c0c0c0;

	background: #fff }



hr { clear: left; border-top: 1px dotted #ccc; color: #fff; background: #fff; width: 100% }



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



#nyheter {

	margin: 0 0 1.5em 0; padding: 10px 0 0 0;

	border-top: 1px solid #f2f2f2;

	border-bottom: 1px solid #f2f2f2;

	background: #fafbfe }

#nyheter h1.tittel { padding: 0 0 5px 10px }

#nyheter h1, #nyheter h3, #nyheter p { margin: 0 0 5px 0 }

#nyheter strong { font-weight: normal }

#nyheter .art { padding: 10px 10px 5px 10px }

#nyheter .art h1 { font-size: 1.1em; font-weight: bold }

#nyheter .art h1 a, #nyheter li a { display: block }

.art h1 a { color: #333 }

#nyheter ul { margin: 0; padding: 5px; list-style-type: none }

#nyheter .art, #nyheter ul, #nyheter h1.tittel {

	border-bottom: 1px dotted #eee }

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



/*  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;

	border-color: #ccc #fff #fff #ccc }

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

p.knapp a, p.send a {

	color: black;

	font-weight: bold;

	text-align: center;

	padding: 1px 0 1px 4px;

	height: 20px;

	border: 1px solid;

	border-color: #fff #ccc #ccc #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 -------------------------------  */



#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: 108px; left: 733px;

	height: 18px; width: 189px; z-index: 20001 }

#sok input {

	line-height: 18px; height: 18px;

	width: 128px; padding: 0 0 0 10px; margin: 0;

	background: transparent;

	border: 0; color: #666 }

#sok a {

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

	width: 44px; height: 18px;

	display: block }



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



#logo {	position: absolute;

	top: 0; left: -30px;

	z-index: 20000 }

#logo a span { display: none }



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

#paamelding { margin: 10px 0; }
#paamelding fieldset { border: 1px solid #ddd; padding: 10px; width: 380px; }
#paamelding legend { background: #fafafa; padding: 2px 5px; border: 1px solid #ddd; }
#paamelding label { display: block; width: 120px; float: left; }
#paamelding input { width: 250px; }
#paamelding p.knapp { margin: 0; }
#paamelding p.knapp a {}


table.kampliste {
	font-size: 0.8em;
}

table.kampliste tr.par {
	background: #dcdcdc;
}
.sm_clear {clear: both}
.dl-skjema {}
.dl-skjema label, .dl-skjema dt span {font-weight: bold}
.dl-skjema dl { float: left; margin: 0 0 5px}
.dl-skjema dl.fm-1 {clear: both; width: 100%}
.dl-skjema dl.fm-2 {clear: none; width: 330px; margin-right: 40px;}
.dl-skjema dl.fm-3 {clear: none; width: 220px; margin-right: 20px;}
.dl-skjema dl.fm-last {margin: 0}
p.knapp {clear: both}
.dl-skjema textarea {padding: 3px; width: 690px; height: 70px}
dl input.input {padding: 3px}

dl.fm-2 input.input {width: 320px}
dl.fm-3 input.input {width: 210px}

/* JQUERYBOKS PÅ FORSIDE (LITEN) */

#sponsorer {
	width:910px;
	height:60px;
	overflow:hidden;
	margin: 25px 0 0;
	position: relative;
}
#sponsorer a {display: block;}

#sponsorer .inner {position: absolute; overflow: hidden; height: 60px;width: 9999em;}
#sponsorer ul {list-style: none inside; margin: 0;}
#sponsorer .inner li {
	float:left;
	text-align: center;
	overflow:hidden;
	width: 182px;
}