@import url("layout.css");
@import url("navigasjon.css");
@import url("album.css");
@import "dcore/css/webskjema/standard.css";

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

#innholdsramme, #nav { font-size: 1.3em }
#kol1 { font-size: 1.1em; line-height: 1.5em }
#smuler { font-size: .85em }
#kreditt, #sok { font-size: 11px }
input, textarea, select { font-size: 1em }

#innhold h1 { color: #999; font-weight: normal; font-size: 1.4em }
#kol1 h1, h2, h3, h4, h5, h6 { font-size: 1em; color: #c00 }
#kol1 h1, #kol1 h2, #kol1 h3, #kol1 h4 { font-size: 1.3em; color: #fff }

#right h1 { color: #999; font-weight: bold; font-size: 1em; margin: 20px 0 10px 0 }


/* Marger */
h1, blockquote, p, hr, address { margin: 0 0 1em 0 }
h2, h3, h4, h5, h6 { margin: 0 0 .5em 0 }
.artikkel ul { 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 }

a.cms { padding: 2px 50px; background: url(/dcore/badge/siteman-cms.png) no-repeat }
a.cms:hover { background-position: 0 -20px }
a.cms span { display: none }

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

ul.link { margin: 0 0 1em 0; list-style-type: none }
ul.link li { border-top: 1px solid #ddd }
ul.link a { display: block; padding: 5px 0 5px 10px;
	background: url(gfx/alink.gif) 0 8px no-repeat;
	color: #666; line-height: 1.3em }
ul.link a:hover { color: #000; background-color: #eee }

	#right ul.link { padding: 20px 0 0 0 }
	#right ul.link li { border: 1px solid #ddd; margin: 0 0 5px 0 }
	#right ul.link a { background: #f5f5f5; border: 1px solid #fff; font-weight: bold; color: #c33 }
	#right ul.link a:hover { background: #fff; border-color: #fff; color: #333 }

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

#nyheter { margin: 0 }
#nyheter h1.tittel { padding: 0 0 5px 0 }
#nyheter h1, #nyheter h3, #nyheter p { margin: 0 0 2px 0 }
#nyheter strong { font-weight: normal }
#nyheter .art { padding: 5px 0 0 0 }
#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 0 1em 0; padding: 5px; list-style-type: none }

#nyheter .art, #nyheter ul, #nyheter h1.tittel {
	border-bottom: 1px dotted #edeadf }

/*  BOKS  */

.komp {	width: 180px;
	margin: 0 0 1em 0 }

.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: 178px; height: 18px; line-height: 18px }

/*  KNAPPER  */

p.knapp { padding: 0 0 0 70px }
p.knapp a {
	display: block;
	color: #333;
	font-weight: bold;
	text-align: center;
	height: 18px; line-height: 18px
	border: 2px solid #fff;
	background: #eee }
p.knapp a:hover  { border-color: #eee }

.kalenderkomp {  }
#kalender {
	width: 228px;
	border: 1px solid #d2dadf;
	background: #fff }
#kalender td { background: #f4f9fb; text-align: center; vertical-align: center }
#kalender td, #kalender th {
	height: 24px; line-height: 24px; 
	border-top: 1px solid #fff;
	border-left: 1px solid #fff }
#kalender th { background: #eff3f5 }
#kalender td a {
	display: block; height: 24px; font-weight: bold; background: #ffc; color: #000 }
#kalender td a:hover { background: #c00; color: #fff }

.kalenderkomp h1, #nyheter h1.tittel { height: 73px }
.kalenderkomp h1 span, #nyheter h1.tittel span { display: none }
#nyheter h1 { background: url(gfx/news_tit.gif) no-repeat }
.kalenderkomp h1 { background: url(gfx/kal_h1.gif) no-repeat }

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

#respons fieldset { border: 0 }
#respons fieldset legend { padding: 10px 0; font-weight: bold; color: #000 }
#respons input, #respons textarea, #respons select { 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, #sok input, #sok a, #logo, .banner, #bannerback { position: absolute }
#sok {	left: 504px; top: 65px;
	height: 37px; width: 203px;
	background: url(gfx/bg_sok.gif) no-repeat;
	overflow: hidden }
#sok input {
	left: 6px; top: 9px;
	line-height: 24px; height: 24px;
	width: 158px;
	background: transparent;
	border: 0; color: #666 }
#sok a {	left: 164px; top: 0;
	width: 37px; height: 37px;
	display: block }

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

#logo {	top: 0; left: -17px;
	z-index: 20000 }
#logo a span { display: none }
.banner, #bannerback {
	top: 173px;
	height: 221px; width: 704px;
	overflow: hidden; z-index: 20000;
	background: #fff }
#bannerback { z-index: 10000; left: 26px; background: #fff url(gfx/bannerback.jpg) no-repeat }
.banner { left: 216px }

img, .bstop, .bsbunn, #kol1, #innholdsramme, #header, #kreditt {
	behavior: url(/iepngfix.htc); z-index: 2 }

.webskjema fieldset {margin: 0 0 1em; background: #fafafa}
.webskjema legend {font-size: .9em; font-weight: normal}
.webskjema dl {position: relative; margin: 0 0 .5em}
.webskjema dl label {position: absolute !important; height: 22px !important; padding: 4px 5px !important; line-height: 22px !important;
font-size: 13px; color: #4c4c4c !important}
.webskjema .cb dt {height: 22px; line-height: 22px; padding: 4px 0}

.webskjema input.input {height: 22px; padding: 3px 0; text-indent: 5px;}
.webskjema textarea {text-indent: 5px; padding: 3px 0}
.webskjema input.input, .webskjema textarea {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.errorcontainer {display: none}
.webskjema ul label.error {background: none; font-size: 13px}
.webskjema dl.select label {position: relative !important}
.webskjema dl.select dt {float: left; margin: 0 10px 0 0}