/*** CSS og kode av Syse Data AS v.Vebjørn L. Berg - 2007 ***/

/********** GENERAL **********/
* { margin: 0; padding: 0; border: 0; }

html, body { height: 100%; }
html { background: #ccc url(background.jpg) repeat; background-image: url(seamless.png); }
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; }

div#outer_wrapper {
	width: 940px;
	margin: 0 auto;
	background: url(content_bg_2.png) repeat-y 50%;
	position: relative;
	height: auto !important;
	Xheight: 100%;
	min-height: 100%;
	padding: 0 9px;
}
div#inner_wrapper { padding-bottom: 100px; }
div#submenu {
	width: 244px;
	min-height: 100px;
	padding: 0 20px 0 20px;
	float: left;
}

#submenu h3 {
	color: #515151;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}

div#content {
	min-height: 400px;
	overflow: hidden;
}
div#content div.clear img {
	padding: 3px;
	border: 1px solid #515151;
	border-color: #aaa;
}

div#container0,
div#container1 {
	padding-bottom: 116px;
}

div#container0 {
	width: 251px;
	float: left;
	min-height: 100px;
	margin: 0 41px 0 20px;
}
div#container1 {
	width: 608px;
	float: left;
	min-height: 100px;
	margin: 0 0 0 0;
}
/********** GENERAL END **********/

/********** HEADER **********/
div#header {
	height: 155px;
	background: #fff;
	position: relative;
}
	div#header h1 { height: 155px; }
	div#header h1 a {
		display: block;
		text-indent: -9999px;
		height: 155px;
		background: url(header.jpg) no-repeat;
		overflow: hidden;
	}

	/********** NAVIGATION **********/
	ul#menu {
		list-style: none;
		height: 23px;
		position: absolute; bottom: 0; left: 20px; z-index: 2;
		overflow: hidden;
	}
	ul#menu li {
		float: left;
		height: 23px;
		margin-right: 3px;
	}
		ul#menu li a {
			line-height: 23px;
			font-size: 11px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
			ul#menu span {
				display: block;
				height: 23px;
				float: left;
				background: #9c0;
				padding: 0 6px;
			}
			ul#menu span.nav_t_l { width: 2px; background: url(nav_tab_bg_corner_left.png) no-repeat; padding: 0; }
			ul#menu span.nav_t_r { width: 2px; background: url(nav_tab_bg_corner_right.png) no-repeat; padding: 0; }

		ul#menu li.active a span, ul#menu li a:hover span { background: #5b5b5b; color: #fff; }
		ul#menu li.active a span.nav_t_l, ul#menu li a:hover span.nav_t_l { background: url(nav_tab_bg_corner_on_left.png) no-repeat; }
		ul#menu li.active a span.nav_t_r, ul#menu li a:hover span.nav_t_r { background: url(nav_tab_bg_corner_on_right.png) no-repeat; }
	/********** NAVIGATION END **********/

div#breadcrum {
	height: 34px;
	line-height: 34px;
	background: url(breadcrum_bg.png) repeat-x;
	padding: 0 20px;
	font-size: 10px;
	color: #515151;
}
/********** HEADER END **********/

/********** FOOTER **********/
div#footer {
	padding: 30px 0;
	background: #fff url(footer_bg.gif) repeat-x;
	font-size: 10px;
	line-height: 12px;
	width: 940px;
	position: absolute;
	Xtop: 0;
	bottom: 0;
}
#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 **********/

/********** NAV_LIST_1 **********/
#submenu ul {
	list-style: none;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(dotted_line_horisontal.png) repeat-x 0 100%;
}
#submenu ul li { border-bottom: 1px dotted #ccc; }
#submenu ul li.lli { border: none; }
#submenu ul li a {
	display: block;
	height: 26px;
	line-height: 26px;
	background: #5b5b5b url(bullet_go.png) no-repeat 10px 50%;
	color: #fff;
	padding-left: 30px;
	text-decoration: none;
	outline: none;
}
#submenu ul li a:hover,
#submenu ul li.active a {
	color: #fff;
	font-weight: bold;
	background-color: #de7301;
}
#submenu ul li.passive a {
	background-color: #5b5b5b;
	font-weight: normal;
}
#submenu ul li ul { list-style: none; }
#submenu ul li ul li { border-color: #ccc; }
#submenu ul li li a {
	padding-left: 50px;
	background: #5b5b5b url(bullet_go.png) no-repeat 30px 50%;
}
/********** NAV_LIST_1 END **********/

/********** ARTICLE_BOX **********/
#content {
	font-size: 12px;
	line-height: 20px;
	color: #000;
}
#content h2,
#content h3 {
	color: #515151;
	font-size: 27px;
	line-height: 30px;
	font-weight: normal;
	margin-bottom: 20px;
}
#content h3 { font-size: 18px; line-height: 20px; margin-bottom: 10px; }
#content p { margin-bottom: 10px; }
#content .brodtekst { font-weight: bold; color: #515151; }
#content p a {
	color: #000;
	text-decoration: none;
	background: url(dot_red.png) repeat-x 0 100%;
	padding: 1px 2px;
}
#content p a:hover {
	background: #de7301;
	color: #fff;
}
#content ol,
#content ul {
	list-style-position: inside;
	margin: 0 0 10px 20px;
}
#content ol li { line-height: 18px; margin-bottom: 6px; }
#content ol ol ol { list-style-type: upper-alpha; }

#content img.image_border {
	padding: 3px;
	border: 1px solid #aaa;
}

#container0 p.grey_box {
	background: #eee;
	padding: 20px;
	font-size: 11px;
	line-height: 16px;
}
/********** ARTICLE_BOX END **********/

/********** ARTIKKEL **********/
h2#art_heading {
	font-size: 20px;
	line-height: 20px;
	color: #515151;
	margin-bottom: 20px;
}
p#art_publisert {
	font-size: 10px;
	color: #000;
	margin-bottom: 20px;
	text-align: right;
}
p#art_publisert em { }

div#art_text { margin-bottom: 30px; }
div#art_text p {
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 16px;
	color: #000;
}
div#art_text p a {
	color: #000;
	text-decoration: none;
	background: url(dot_red.png) repeat-x 0 100%;
	padding: 1px 2px;
}
div#art_text p a:hover {
	background: #8d001a;
	color: #fff;
}
/********** ARTIKKEL END **********/

div#inner_content { margin-bottom: 20px; }

#tekst blockquote,
#content blockquote {
	background: url(img-quote.gif) no-repeat 0 0;
	margin: 20px 12px 30px 0;
}
#tekst blockquote p,
#content blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	padding: 6px 0 0 38px;
	margin: 0 0 10px 0;
	line-height: 21px;
}
#tekst blockquote p.cite,
#content blockquote p.cite {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
	text-align: right;
	margin: 0 0 1em 0;
	padding: 0;
	letter-spacing: 2px;
}

h3.samm {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #999;
}
div.samm_tekst {
	width: 370px;
	float: left;
}
dl.partner_adresse {
	float: left;
	margin-left: 16px;
	border-left: 1px solid #999;
	padding-left: 16px;
}

/* ----------------------------------------------------------------------------------------------------------
7) WYM-Editor spesific
---------------------------------------------------------------------------------------------------------- */

/* WYMeditor */
/* PARA: Left */
.p_left /* p[@class!="p_right"] */ {
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: left;
	font-style: italic;
	/* float: left; margin: 0 10px 10px 0; text-align: left; font-style: italic; border: 1px solid #ccc; */
}

/* PARA: Right */
.p_right /* p[@class!="p_left"] */ {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: right;
	font-style: italic;
	/* float: right; margin: 0 0 10px 10px; text-align: right; font-style: italic; border: 1px solid #ccc;  */
}

/* PARA: Grey-box */
.p_grey_box /* */ {
	background: #eee;
	padding: 20px;
	font-size: 11px;
	line-height: 16px;
	/* background: #eee; padding: 20px; font-size: 11px; line-height: 16px;  */
}

/* IMG: Left */
.image_left /* img[@class!="image_right"] */ {
	float: left;
	margin: 0 10px 0 0;
	/* float: left; margin: 0 10px 0 0; border: 1px solid #ccc; */
}

/* IMG: Right */
.image_right /* img[@class!="image_left"] */ {
	float: right;
	margin: 0 0 0 10px;
	/* float: right; margin: 0 0 0 10px; border: 1px solid #ccc;  */
}

/* IMG: Border */
img.image_border /* */ {
	padding: 3px;
	border: 1px solid #aaa;
	/* border: 1px solid #aaa; padding: 3px; */
}

/* FLOAT: Contain */
.float_contain /* */ {
	overflow: hidden;
	/* overflow: hidden; */
}

/* CLEAR: Both */
.clear_both /* */ {
	clear: both;
	/* clear: both; */
}

/* CLEAR: Left */
.clear_left /* */ {
	clear: left;
	/* clear: left; */
}

/* CLEAR: Right */
.clear_right /* */ {
	clear: right;
	/* clear: right; */
}

/* /WYMeditor */
