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

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

input, textarea { font-size: 1em }
#kreditt { font-size: 1.2em }
#innhold h1 { font-size: 1.5em; color: #000; font-weight: normal }

h2, h3, h4, h5, h6 { color: #000 }

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

h1, h2,h3,h4,h5,h6,blockquote,p,hr, object { margin: 0 0 1.2em 0 }
#innhold ul, #innhold ol { margin: 0 0 1.3em 30px }

a { color: #5790ba }
a:hover { color: #000; text-decoration: none }
#nav a, #submeny a, #kreditt a, #sitemap a, #nyheter a, p.knapp 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 #9c9;
	background: #fbfdef }
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 }

#innhold ul.katalog { list-style-type: none; margin: 0 }
#innhold ul.katalog li { width: 330px; float: left }
#innhold ul.katalog li a { display: block; text-align: center }

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

/*  Nyheter  */

#nyheter { margin: 0; padding: 10px }
#nyheter h1.tittel { display: none }
#nyheter h1, #nyheter h3, #nyheter p { margin: 0 0 0 0 }
#nyheter strong { font-weight: normal }
#nyheter .art h1 a, #nyheter li a { display: block }
.art h1 a { color: #333 }
#nyheter .art, #nyheter h3 { padding: 5px }
#nyheter ul { margin: 0; padding: 5px; list-style-type: none }

#nyheter .art, #nyheter ul { border-bottom: 1px solid #edeadf }

/*  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 }
#innhold .komp label { display: block }
#kol1 .komp p, #kol2 .komp p { margin: 0; padding: 0 }
#login p { text-align: center }
#login p span { padding-top: 5px; display: block }

/*  INPUTFELTER  */
.komp 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 }
#respons table td { vertical-align: top; padding: 0 0 5px 0 }
#respons fieldset { border: 0 }
#respons label { display: block }
#respons td 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 p { margin: 0 0 0.3em 0 }

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

.logo, .motto {
	position: absolute;
	left: 42px; top: 5px }
.motto { left: 178px; top: 35px }

img, #ramme {
	behavior: url(/iepngfix.htc); z-index: 2 }
#nav, .artikkel, #kol1, #innhold, #nyheter { position: relative }

.preloader, #mixafter , #mixbefore{
display:none;
visibility:hidden;
}