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

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

#kol1, #kol2, #smuler, #sok, #footer address, .minnav { font-size: 1.1em }
#innhold { font-size: 1.2em }

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


/* Overskrifter */
#innhold h1 { font-size: 1.7em; color: #333; margin: 0 0 .5em 0 }
#kol1 h1, #kol2 h1 { font-size: 1.1em; color: #390 }
#innhold h2 { font-size: 1.3em; margin: 0 0 .7em 0 }
#kol1 h2, #kol2 h2 { font-size: 1em; color: #000 }
h3, h4, h5, h6 { font-size: 1.2em; color: #333 }

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

/* Lenker, akronymer og forkortelser */

a { color: #69c }
a:hover { color: #333; text-decoration: none }
#kol1 a, #kol2 a, #footer a, #sitemap a, #xtranav a, h1 a, h2a, td a, blockquote a { text-decoration: none }
p.lesmer a {  }
acronym, abbr, dfn { border-bottom: 1px dotted #808080; font-style: normal; cursor: help }

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, #header img { display: none }

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

img, table { border: 0 }
table { border-collapse: collapse }
caption { display: none }
address { font-style: normal }
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 }

#innhold .artikkel, #kol2 .artikkel { padding: 0 0 20px 0; float: left; width: 100% }

#kol4 .artikkel {
	position: absolute; top: 0; left: 187px;
	height: 185px; width: 793px;
	background: #666; overflow: hidden;
	z-index: 100 }
#kol4 .artikkel img { width: 793px; height: 185px }

#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 #fff }

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

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

#sok, #logo a, #elveby { position: absolute }

#sok {
	 top: 185px }
#sok p { margin: 0 }
#sok input.input {
	width: 155px; height: 28px; line-height: 28px; padding: 0 9px;
	background: #fff;
	border: 1px solid #eee }
#sok span, #sok legend,
#logo a span,
#sok a, #sok label, #sok p.options { display: none }

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

#logo a {
	display: block;
	left: 0; top: 0;
	width: 175px; height: 185px;
	background: #fff url(gfx/logo.gif) 50% 0 no-repeat;
	border-right: 12px solid #fff  }

#raad a { display: block; height: 56px; background: no-repeat 50% 0 }
#raad span { display: none }
#raad a.lier { 		background-image: url(gfx/lier.gif) }
#raad a.nedre-eiker { background-image: url(gfx/nedre-eiker.gif) }
#raad a.oevre-eiker { background-image: url(gfx/oevre-eiker.gif) }
#raad a.svelvik { 	background-image: url(gfx/svelvik.gif) }