/*** CSS og kode av Syse Data AS v.Vebjørn L. Berg - 2007 ***/

/********** GENERAL **********/
* { margin: 0; padding: 0; border: 0; }

html {
	background: #ccc url(background.jpg) repeat;
	background-image: url(seamless.png);
	background: #D2D6D9 url(bg.png) repeat;
}
body { font: 11px/16px Verdana,Arial,Helvetica,sans-serif; color: #000; }
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}

.brodtekst { font-weight: bold; }
.hidden { display: none; }
ul, ol { list-style-position: inside; }

a.print {
	display: block;
	height: 20px;
	line-height: 20px;
	background: url(printer.png) no-repeat 0 50%;
	color: #000;
	text-decoration: underline;
	padding: 0 0 0 30px;
	margin: 20px 0;
}
a:hover.print { text-decoration: none; }

div#container {
	width: 940px;
	margin: 0 auto;
	padding: 0 9px;
	background: url(content_bg.png) repeat-y;
	position: relative;
}
div#sidebar {
	width: 244px;
	min-height: 100px;
	padding: 0 20px 0 20px;
	float: left;
}
div#article,
div#content {
	width: 608px;
	float: left;
	padding: 0 24px 0 24px;
	min-height: 400px;
}
div#article div.clear img {
	padding: 3px;
	border: 1px solid #515151;
	border-color: #aaa;
}
/********** GENERAL END **********/

/********** HEADER **********/
div#header {
	height: 167px;
	background: #f8f8f8;
	position: relative;
}
ul#header_bilde {
	list-style: none;
	width: 940px;
	height: 167px;
	overflow: hidden;
	position: absolute; top: 0; right: 0;
	z-index: 1;
}

div#header h1 {
	width: 349px; height: 130px;
	position: absolute; top: 20px; left: 30px;
	z-index: 2;
	overflow: hidden;
}
div#header h1 a {
	display: block;
	height: 130px;
	text-indent: -9999px;
	background: url(logo.png) no-repeat 0 0;
}

	/********** NAVIGATION **********/
	ul#navigation {
		background: #f8f8f8;
		list-style: none;
		border: 1px solid #d2d6d9;
		padding: 20px;
	}
	#navigation ul { margin-bottom: 20px; list-style: none; }
	#navigation li {
		line-height: 20px;
	}
	#navigation a {
		display: block;
		line-height: 20px;
		background: url(bullet_black.png) no-repeat 0 50%;
		padding-left: 20px;
		text-decoration: none;
		color: #000;
	}
	#navigation a:hover,
	#navigation a.active { background-image: url(bullet_green.png); font-weight: bold; }

	ul#navigation > li > a {
		margin-bottom: 10px;
	}

	#navigation h4 {
		color: #666;
		border-bottom: 1px dotted #666;
		line-height: 20px;
		font-size: 12px;
		margin: 0 0 10px 0;
	}
	/********** NAVIGATION END **********/

div#breadcrum {
	line-height: 34px;
	padding: 0 20px;
	font-size: 11px;
	margin-bottom: 30px;
	border: 1px solid #5e5e5e;
	border-right: none;
	border-left: none;
	background: #816c5b;
	color: #fff;
	overflow: hidden;
}
#breadcrum a { color: #fff; }
#breadcrum a:hover { text-decoration: none; }
#breadcrum p { float: left; }

#breadcrum form {
	float: right;
	overflow: hidden;
}
#breadcrum form legend { display: none; }
#breadcrum form label { font-weight: bold; }
#breadcrum form input#string {
	padding: 0 4px;
	width: 100px;
	border: 1px solid #000;
	height: 18px;
}
#breadcrum form input#submit {
	height: 18px;
}
/********** HEADER END **********/

/********** FOOTER **********/
div#footer {
	padding: 30px 0;
	background: #fff url(footer_bg.gif) repeat-x;
	font-size: 10px;
	line-height: 12px;
}
#footer p {
	text-align: center;
	line-height: 18px;
	color: #606060;
}
#footer a { color: #606060; text-decoration: underline; }
#footer a:hover { text-decoration: none; color: #000; }
/********** FOOTER END **********/

/********** TOPSTORY **********/
div#topstory {
	width: 578px;
	background: #eee url(top_story_corner.png) no-repeat 100% 100%;
	padding: 15px;
}
#topstory img {
	float: left;
	margin-right: 15px;
}
#topstory h2 {
	color: #515151;
	font-size: 27px;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 20px;
}
#topstory p {
	font-size: 11px;
	line-height: 20px;
	color: #8e8e8c;
	color: #000;
	margin-bottom: 10px;
}
/********** TOPSTORY END **********/

/********** CENTER-STORIES **********/
div#center_stories_container {
	width: 608px;
	margin: 20px 0;
	padding-bottom: 20px;
}
div.center_stories {
	width: 299px;
	margin-right: 10px;
	float: left;
}
div#center_stories_container div.lli { margin-right: 0; }
.center_stories h3 {
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
.center_stories h3 span {
	display: block;
	height: 23px;
	float: left;
	background: #5c5c5c;
	padding: 0 6px;
}
.center_stories h3 span.cs_t_l { width: 2px; background: url(cs_tab_bg_corner_left.png) no-repeat; padding: 0; }
.center_stories h3 span.cs_t_r { width: 2px; background: url(cs_tab_bg_corner_right.png) no-repeat; padding: 0; }

.center_stories div {
	width 299px;
	padding-bottom: 20px;
	background: #eee url(top_story_corner.png) no-repeat 100% 100%;
	position: relative;
}
.center_stories img {
	width: 270px;
	height: 96px;
	padding: 10px 14px 10px 15px;
	background-color: #aaa;
}
.center_stories h4 {
	margin: 10px 14px 10px 15px;
	color: #515151;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
	height: 20px;
	line-height: 20px;
}
.center_stories p { margin: 0 14px 10px 15px; }
.center_stories a {
	position: absolute; bottom: 10px; right: 15px;
	color: #515151;
	font-size: 14px;
}
.center_stories a:hover { text-decoration: none; }
/********** CENTER-STORIES END **********/

	/********** BUTTONS **********/
	.buttons a, .buttons input {
		display: block;
		float: left;
		margin: 0 7px 0 0;
		background-color: #f5f5f5;
		border: 1px solid #dedede;
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		font-size: 11px;
		line-height: 14px;
		text-decoration: none;
		font-weight: bold;
		color: #565656;
		cursor: pointer;
		padding: 7px 10px 4px 32px;
		background-repeat: no-repeat;
		background-position: 10px 50%;
	}
	.buttons a { height: 16px; }
	.buttons input { padding: 6px 10px 6px 29px; }

	/* standard */
	.buttons a:hover, .buttons input:hover {
	    background-color:#dff4ff;
	    border:1px solid #c2e1ef;
	    color:#336699;
	}
	.buttons a:active, .buttons input:active {
	    background-color: #6299c5;
	    border: 1px solid #6299c5;
	    color: #fff;
	}

	/* positive */
	.buttons a.positive, .buttons input.positive { color: #529214; }
	.buttons a.positive:hover, .buttons input.positive:hover {
	    background-color: #e3f9e4;
	    border: 1px solid #9ccd9c;
	    color: #529214;
	}
	.buttons a.positive:active, .buttons input.positive:active {
	    background-color: #529214;
	    border: 1px solid #529214;
	    color: #fff;
	}

	/* negative */
	.buttons a.negative, .buttons input.negative { color:#d12f19; }
	.buttons a.negative:hover, .buttons input.negative:hover {
	    background-color: #fbe3e4;
	    border: 1px solid #fbc2c4;
	    color: #d12f19;
	}
	.buttons a.negative:active, .buttons input.negative:hover {
	    background-color: #d12f19;
	    border: 1px solid #d12f19;
	    color: #fff;
	}
	/********** BUTTONS END **********/

/********** NAV_LIST_1 **********/
ul.nav_list_1 {
	list-style: none;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(dotted_line_horisontal.png) repeat-x 0 100%;
}
.nav_list_1 li { border-bottom: 1px dotted #ccc; }
.nav_list_1 li.lli { border: none; }
.nav_list_1 li a {
	display: block;
	height: 26px;
	line-height: 26px;
	background: #2b55a2;
	color: #fff;
	padding-left: 16px;
	text-decoration: none;
	outline: none;
}
.nav_list_1 li a:hover,
.nav_list_1 li.active a {
	background: #717171;
	color: #fff;
	font-weight: bold;
}
.nav_list_1 li ul { list-style: none; }
.nav_list_1 li ul li { border-color: #3b5a6f; }
.nav_list_1 li li a {
	padding-left: 40px;
	background: #cbd4d6;
	color: #515151;
}
.nav_list_1 li li a:hover { color: #fff; }
/********** NAV_LIST_1 END **********/

/********** ADMIN_NAV **********/
ul#admin_nav { }
ul#admin_nav li a.nav_children { background-image: url(arrow_down.png); background-repeat: no-repeat; background-position: 220px 50%; }
ul#admin_nav li a.nav_open { background-image: url(arrow_up.png); background-repeat: no-repeat; background-position: 220px 50%; }
/********** ADMIN_NAV END **********/

/********** ARTIKKEL_LISTE **********/
ul.artikkel_liste {
	list-style: none;
	margin-bottom: 40px;
}
ul.artikkel_liste li {
	background: #eee;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #aaa;
}
ul.artikkel_liste img {
	float: right;
	margin-left: 10px;
}
#article ul.artikkel_liste h3 { color: #515151; }
#article ul.artikkel_liste h3 a { color: #515151; text-decoration: none; }
#article ul.artikkel_liste li p { color: #aaa; }
#article ul.artikkel_liste li:hover p { color: #515151; }
/********** ARTIKKEL_LISTE END **********/

/********** ARTICLE_BOX **********/
#article h2,
#article h3 {
	color: #515151;
	font-size: 27px;
	font-weight: normal;
	margin-bottom: 20px;
}
#article h2 { font-size: 24px; line-height: 30px; }
#article h3 { font-size: 18px; line-height: 20px; margin-bottom: 10px; }
#article p {
	font-size: 11px;
	line-height: 16px;
	color: #000;
	margin-bottom: 10px;
}
#article .brodtekst { color: #515151; }
#article #inner_content a {
	color: #000;
	text-decoration: none;
	background: url(dot_red.png) repeat-x 0 100%;
	padding: 1px 2px;
}
#article #inner_content a:hover {
	background: #8d001a;
	color: #fff;
}
#article #inner_content ul,
#article ol {
	list-style-position: inside;
	margin: 0 0 10px 20px;
}
#article #inner_content ul li,
#article ol li { line-height: 18px; margin-bottom: 6px; }
#article ol ol ol { list-style-type: upper-alpha; }
/********** ARTICLE_BOX END **********/

/********** MAP_BOX_1 **********/
div#map_1 {
	padding-top: 20px;
	margin: 20px 0 40px 0;
	background: url(dotted_line_horisontal.png) repeat-x 0 0;
}
div#inner_map_1 {
	width: 100%;
	height: 440px;
}
div#inner_map_2 {
	width: 100%;
	height: 700px;
}
/********** MAP_BOX_1 END **********/

/********** SIDEBAR_LOGO **********/
a#nkf_logo {
	display: block;
	height: 107px;
	margin: 20px 0 40px 0;
	background: url(nkf_logo.png) no-repeat 50% 0;
	text-indent: -9999px;
}
/********** SIDEBAR_LOGO END **********/

/********** TABLE_LARGE_1 **********/
.table_large_1 { width: 608px; border-collapse: collapse; }
.table_large_1 th,
.table_large_1 td { height: 30px; line-height: 30px; }
.table_large_1 th {
	background: #8d001a;
	color: #fff;
	font-weight: bold;
}
.table_large_1 tr td { background-color: #fff; color: #000; }
.table_large_1 tr.odd td { background-color: #ccc; }
.table_large_1 tr:hover td { background-color: #3b5a6f; color: #fff; }
.table_large_1 tr:hover td a { color: #fff; }
.table_large_1 a { overflow: hidden; color: #000; text-decoration: none; display: block; height: 30px; line-height: 30px; }
.table_large_1 td.rediger a,
.table_large_1 td.slett a {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -9999px;
}
/********** TABLE_LARGE_1 **********/

/********** TABLE_MODULER **********/
table#moduler { margin: 0 0 20px 0; }
#moduler th#t_m_navn { padding-left: 10px; text-align: left; }
#moduler td.t_m_navn { width: 368px; text-align: left; }
#moduler td.t_m_red,
#moduler td.t_m_aktiv,
#moduler td.t_m_sort { width: 80px; }
#moduler td.t_m_sort { text-align: center; }
#moduler td.t_m_navn a { background: url(application.png) no-repeat 10px 50%;  padding-left: 36px; }
#moduler tr:hover td.t_m_navn a { color: #fff; }
#moduler td.t_m_aktiv span {
	display: block;
	height: 30px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -9999px;
}
#moduler td.t_m_aktiv span.aktiv_0 { background-image: url(exclamation.png); }
#moduler td.t_m_aktiv span.aktiv_1 { background-image: url(accept.png); }
#moduler td.t_m_red a { background: url(application_edit.png) no-repeat 50% 50%; text-indent: -9999px; }
/********** TABLE_MODULER END **********/

/********** ROUNDED_CORNERS **********/
div.rounded_corners { }
div.rounded_corners span {
	display: block;
	width: 12px;
	height: 12px;
}
div.rc_1 span { background: #cbd4d6 url(rounded_corners_1.png) no-repeat; }
div.rc_2 span { background: #8d001a url(rounded_corners_2.png) no-repeat; }

div.rounded_corners span.top_l { float: left; background-position: 0 0; }
div.rounded_corners span.top_r { float: right; background-position: -12px 0; }
div.rounded_corners span.bottom_l { float: left; background-position: 0 -12px; }
div.rounded_corners span.bottom_r { float: right; background-position: -12px -12px; }
/********** ROUNDED_CORNERS END **********/

/********** FORM_LARGE_1 **********/
.form_large_1 { background: #cbd4d6; }
.form_large_1 fieldset { }
.form_large_1 legend { display: none; }
.form_large_1 label {
	display: block;
	font-weight: bold;
	font-size: 14px;
	color: #525252;
	margin-bottom: 2px;
	line-height: 20px;
}
.form_large_1 label.error {
	color: #8d001a;
	background: url(exclamation.png) no-repeat 0 50%;
	padding-left: 20px;
}
.form_large_1 input {
	width: 188px;
	padding: 0 6px;
	height: 18px;
	border: 1px solid #c9cabc;
	background-image: url(inputbg.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
.form_large_1 input.error { border-color: #f00; }
.form_large_1 select {
	width: 200px;
	height: 18px;
	border: 1px solid #c9cabc;
	background-image: url(inputbg.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
.form_large_1 input.bluebutton {
	background: url(button.png) no-repeat;
	width: 78px;
	height: 24px;
	border: 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: transparent;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 12px;
}
.form_large_1 input.bluebutton:hover {	background-image: url(button_hover.png); }
.form_large_1 textarea {
	width: 566px;
	height: 100px;
	border: 1px solid #c9cabc;
	background-image: url(inputbg.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
/********** FORM_LARGE_1 END **********/

/********** FORM_LARGE_2 **********/
.form_large_2 {
	background: #8d001a;
	margin-bottom: 20px;
	padding: 10px;
}
.form_large_2 fieldset { }
.form_large_2 legend { display: none; }
.form_large_2 label {
	display: block;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
	margin-bottom: 2px;
	line-height: 20px;
}
.form_large_2 input {
	width: 188px;
	padding: 0 6px;
	height: 18px;
	border: 1px solid #c9cabc;
	background-image: url(inputbg.gif);
	background-repeat: repeat-x;
}
.form_large_2 input.bluebutton {
	background: url(button.png) no-repeat;
	width: 78px;
	height: 24px;
	border: 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: transparent;
	cursor: pointer;
	font-size: 12px;
}
.form_large_2 input.bluebutton:hover {	background-image: url(button_hover.png); }
/********** FORM_LARGE_2 END **********/

/********** BEGR_ARTICLES **********/
form#begr_art { }
#begr_art div {
	float: left;
	width: 250px;
	margin-right: 10px;
}
#begr_art div#c_fritekst { width: 250px; }
#begr_art div#c_antall { width: 170px; }
#begr_art div#c_fritekst input { width: 150px; }
#begr_art label { float: left; }
#begr_art input,
#begr_art select { float: right; }
/********** BEGR_ARTICLES END **********/

/********** GEN_FORM_1 **********/
ul.gen_form_1 { list-style: none; width: 568px; padding: 0 20px; }
.gen_form_1 li {
	width: 274px;
	float: left;
	margin: 0 20px 10px 0;
	background: url(dotted_line_horisontal_2.png) repeat-x 0 100%;
}
.gen_form_1 li.even { margin-right: 0; }
.gen_form_1 li.span_values { position: relative; }
.gen_form_1 li.double { width: 568px; margin: 0 0 10px 0; }
.gen_form_1 li.lli { background: none; text-align: right; }
/********** GEN_FORM_1 END **********/

/********** PAGINATION_1 **********/
body #pagination {
	margin: 0 0 20px 0;
	font-size: 10px;
	color: #000;
}
body #pagination a,
body #pagination span {
	line-height: 20px;
	background: #8d001a;
	border: 1px solid #000;
	font-weight: bold;
	color: #fff;
	padding: 0 4px;
	margin: 2px;
	float: left;
}
body #pagination a:hover,
body #pagination span {
	background: 0;
	color: #000;
	text-decoration: none;
}
/********** PAGINATION_1 END **********/

/********** TABLE A_L_1 **********/
table#a_l_1 { margin: 0 0 20px 0; }

#a_l_1 th#a_l_1_overskrift { padding-left: 10px; text-align: left; }
#a_l_1 th#a_l_1_aktiv { }
#a_l_1 th#a_l_1_dato { }
#a_l_1 th#a_l_1_red { }
#a_l_1 th#a_l_1_slett { }

#a_l_1 td.a_l_1_overskrift { width: 378px; }
#a_l_1 td.a_l_1_overskrift a { padding-left: 36px; background: url(zoom.png) no-repeat 10px 50%; }
#a_l_1 td.a_l_1_aktiv { width: 50px; text-align: center; }
#a_l_1 td.a_l_1_aktiv span {
	display: block;
	height: 30px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#a_l_1 td.a_l_1_aktiv span.aktiv { background-image: url(tick.png); }
#a_l_1 td.a_l_1_aktiv span.inaktiv { background-image: url(cross.png); }
#a_l_1 td.a_l_1_dato { width: 100px; text-align: center; }
#a_l_1 td.rediger,
#a_l_1 td.slett { width: 40px; }
#a_l_1 td.rediger a { background-image: url(table_edit.png); }
#a_l_1 td.slett a { background-image: url(table_delete.png); }
/********** TABLE A_L_1 END **********/

/********** ARTICLE_EDIT **********/
div#article_edit { }
#article_edit form { margin-bottom: 30px; }
#article_edit form legend { display: none; }

#article_edit form label {
	display: block;
	font-weight: bold;
	font-size: 14px;
	color: #525252;
	margin-bottom: 2px;
	line-height: 20px;
}
#article_edit form input {
	width: 188px;
	padding: 0 6px;
	height: 18px;
	border: 1px solid #c9cabc;
	background-image: url(inputbg.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
#article_edit form input.bluebutton {
	background: url(button.png) no-repeat;
	width: 78px;
	height: 24px;
	border: 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: transparent;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 12px;
}
#article_edit form input.bluebutton:hover {	background-image: url(button_hover.png); }

#article_edit form select.not_editor {
	width: 200px;
	height: 18px;
	border: 1px solid #c9cabc;
	background-image: url(inputbg.gif);
	background-repeat: repeat-x;
	margin-bottom: 20px;
}
/********** ARTICLE_EDIT END **********/

/********** GMAP **********/
div#map {
	height: 510px;
	background: #fff;
	margin-bottom: 20px;
}
/********** GMAP END **********/

ul.linker {
	list-style: none;
	margin-bottom: 40px;
}
ul.linker li {
	width: 294px;
	float: left;
}
ul.linker li.even { margin-right: 20px; }
ul.linker li a {
	display: block;
	height: 30px;
	line-height: 30px;
	background: url(world_go.png) no-repeat 0 50%;
	padding-left: 26px;
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted #666;
	overflow: hidden;
}
ul.linker li a:hover { background-color: #eee; background-position: 6px 50%; }

div#inner_content { margin-bottom: 20px; }

/********** SORTABLES_LIST **********/
ul.sortables {
	list-style: none;
}
.sortables li {
	height: 20px;
	line-height: 20px;
	background: url(bullet_black.png) no-repeat 0 50%;
	padding-left: 20px;
}
.sortables li:hover { cursor: pointer; }
/********** SORTABLES_LIST END **********/