@import url("layout.css");
@import url("navigasjon.css");
@import url("nyheter.css");
@import url("medlem.css");
@import url("prettyPhoto.css");
@import url("uploadify/uploadify.css");
@import url("markedsplassen.css");

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

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

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 }
#innhold #nyheter h1, #innhold #nyheter h2, h3, h4, h5, h6 { font-size: 1.2em; color: #333; line-height: 1.1em }

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

#end { clear: both }

/*  -------------------------     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;
	padding: 5px }
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; padding: 0 }

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

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

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

#innhold .add ul { width: 573px; padding: 12px 0 0 8px }
#innhold .add li { float: left; width: 185px; text-align: center; margin: 0 3px 0 0 }

#kol2 .add { background: url(gfx/bg_addkol2.gif) no-repeat; padding: 12px 0 0 0; margin: 0 0 20px 0; clear: left }
#kol2 .add li { float: left; width: 185px; height: 75px; margin: 0 0 5px 0; clear: left }


#kol2 .add a { display: block; height: 75px }
.add span { display: none }

#kol2 .add a.siteman { background: url(/gfx/annonser/siteman.gif) no-repeat }


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, #innhold .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 #ddd; background: #fff; color: #666; 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; margin: 0; width: auto }
#login .komp { border: 0; width: auto; background: none }
#login .komp p { padding: 0 }
#login .komp p a { padding: 0 0 0 6px }
#login p.knapp {
	position: absolute; top: 30px; left: 150px }
#login .komp p.knapp a { display: block; height: 29px; width: 29px;
	background: url(gfx/login-knapp.gif); padding: 0 }
#login p.knapp a:hover { background-position: 0 -29px }
#login p.knapp a span { display: none }

#login-wrapper {
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
	height: 70px; width: 200px; overflow: hidden;
	padding: 10px 10px 25px;
	background: #eee;
	box-shadow: 4px 4px 5px #555;
	-moz-box-shadow: 4px 4px 5px #555;
	-webkit-box-shadow: 4px 4px 5px #555 }
	
/*  --------------------------------    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  }
	
.profilert { 
	margin: 0 0 1.5em 0 }
#innhold .profilert a img { border: 0 }

	#social { position: absolute; top: 5px; right: 5px; z-index: 1000; padding: 2px; background: #fff; border-radius: 2px; width: 16px }
	#social a {
	float: right; display: block;
	height: 16px; width: 16px; line-height: 16px;
	text-decoration: none;
	background: no-repeat 0 50% !important }
	#social a.noicon.tips_en_venn { background-image: url(/gfx/addthis.gif) !important }
	#social a.noicon.rss { background-image: url(/gfx/rss.gif) !important }
	#social span { display: none }
td { vertical-align: top }

#filmknapp {
	position: absolute;
	top: 109px;
	right: 0;
	width: 88px;
	height: 75px;
	background: url(gfx/filmknapp.jpg) no-repeat;
}
#filmknapp span {display: none;}

table td p {margin: 0}

.error { font-weight: bold; color: red; }