@import url("layout.css");
@import url("navigasjon.css");
@import url("nyheter.css");
@import url("medlem.css");

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

blockquote { font-size: 1.1em }
input, textarea { font-size: 1em }

p.knapp, p.news_arkiv, #footer, #smuler, p.dato { font-size: 0.9em }

/* Overskrifter */
#innhold h1 { font-size: 1.5em; color: #e95b0f }
#kol1 h1, #kol2 h1 { font-size: 1.1em; color: #e95b0f }
h2 { font-size: 1em; color: #000 }
h3, h4, h5, h6 { font-size: 1.1em; color: #e95b0f }

/* Marger og padding */
h1,h2,h3,h4,h5,h6,blockquote,p,hr, object, .add, table { margin: 0 0 1em 0 }
#innhold ul, #innhold ol { margin: 0 0 1em 30px }

/* Lenker, akronymer og forkortelser */

a { color: #f69323 }
a:hover { color: #000; text-decoration: none }
#right a, #kreditt a, #sitemap a, h1 a, #topheader a, #nav a { text-decoration: none }

blockquote {
	margin: 0 0 0 10px;
	padding: 5px 5px 10px 25px;
	border-right: 2px solid #7fc428;
	width: 150px;
	background: url(gfx/bq.gif) no-repeat;
	font-family: "trebuchet ms", serif;
	font-weight: bold;
	text-align: left;
	float: right }

/*  -------------------------     SKJULTE ELEMENTER      ------------------------  */

p.skip, #header h1, #header p { visibility: hidden; position: absolute }

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

img, table { border: 0 }
table { border-collapse: collapse }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #e1e8f0;
	background: #fbfcfe }
input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus, #sok input:hover, #sok input:focus, #sok input:active { background: #fff }
input.checkbox { border: 0; background: transparent; margin: 0 }

#kol4 .artikkel {
	position: absolute; top: 0; left: 178px;
	height: 123px; width: 595px;
	background: #a9baca; overflow: hidden;
	z-index: 100 }

#innhold .add {
	float: left; width: 100%;
	padding: 8px 0 0 0; height: 105px;
	background: url(gfx/bg_add.gif) no-repeat  }
#innhold .add ul, .add ul { margin: 0; list-style-type: none }

#innhold .add ul { width: 573px }
#innhold .add li { float: left; width: 191px }
#innhold .add li a img { border: 1px solid #accceb }
#innhold .add li a:hover img, .add li a:hover img { border: 1px solid #333 }

#kol2 .add ul { padding: 0 0 20px 0 }
#kol2 .add ul, #kol2 .add li { float: left; width: 185px; padding: 0 0 5px 0 }
#kol2 .add li img { border: 0; border-left: 2px solid #fff }
#kol2 .add li a:hover img { border: 0; border-right: 2px solid #9c6 }

table.border {
	border-collapse: collapse;
	border-top: 1px solid #e1e8f0; border-left: 1px solid #e1e8f0 }
table.border.full { width: 572px }
table.border td, table.border th {
	border-bottom: 1px solid #e1e8f0; border-right: 1px solid #e1e8f0;
	padding: 1px 3px; text-align: left;
	font-weight: normal }
table.border thead th { background: #7fc428; color: #fff; font-weight: bold }
table.border th { background: #fbfcfe; color: #000 }

table.post a strong { display: none }
td a.mail { display: block; height: 10px; background-image: url(gfx/t-e-post.gif);
	background-position: 50% 0; background-repeat: no-repeat }
td a.mail:hover { background-position: 50% -29px }

a.pdf, ul.pdf a, a.ext, ul.ext a { display: block; background: url(gfx/pdf.gif) no-repeat; padding: 1px 0 1px 25px; width: 50% }
a.ext, ul.ext a { background: url(gfx/ext.gif) no-repeat 2px 2px }
ul.pdf li, ul.ext li { margin: 0; list-style-type: none; color: #666 }

hr { border: 0; color: #fff; background-color: #fff; border-top: 1px solid #99adcb }

#innhold a:hover img, .add img { border: 1px solid #333 }
#innhold a img { border: 1px solid #accceb }

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

/*  BOKS  */

.komp { float: left; /*clear: left;*/ width: 173px; position: relative; padding: 2px 5px 5px 5px; border: 1px solid #e1e8f0; background: #f8f8fa }
.komp input { width: 151px; border: 1px solid #e1e8f0; background: #fff; color: #666; padding: 1px 5px; margin: 0 0 3px 4px }
.komp input:hover, .komp input:active, .komp input:focus { border-color: #7fc428 }
.komp input#medlem_passord { width: 117px }
.komp fieldset, .komp fieldset legend { border: 0 }
.komp h1 { height: 29px; line-height: 29px; padding: 0 0 0 30px; margin: 0 0 9px 0 }
#login h1 { background: url(gfx/login.gif) no-repeat }
.komp label { display: none }
.komp p { margin: 0; padding: 0 0 0 9px }

/*  KNAPPER  */

#login { float: none; float: right; width: 173px; margin: 0 0 1em 1em }
#login p.knapp {
	position: absolute; top: 67px; left: 143px; padding: 0 }
#login p.knapp a { display: block; height: 29px; width: 29px;
	background: url(gfx/login-knapp.gif) }
#login p.knapp a:hover { background-position: 0 -29px }
#login p.knapp a span { display: none }