/* ----------------------------------------------------------------------------------------------------------
    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;
    Content:
        1) Global, basic styles
        2) Wrappers
        3) Headers
        4) Navigation-menues
        5) Sidebar-boxes
        6) Maincontent-boxes
        7) WYM-Editor
        8) Footer
        9) Page spesific styles
---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------
1) Global, basic styles
---------------------------------------------------------------------------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,p,ol,ul,li,table,tr,th,td,tbody,tfoot,form,fieldset,legend,label,a,span { margin: 0; padding: 0; border: 0; }

html { }
body {
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 18px;
	background: url(heh4.jpg) repeat;
}
	/********** HX **********/
	.oneCol #container0 h1,
	.oneCol #container0 h2,
	.oneCol #container0 h3,
	.oneCol #container0 h4,
	.oneCol #container0 h5,
	.oneCol #container0 h6,
	.twoCols #container0 h1,
	.twoCols #container0 h2,
	.twoCols #container0 h3,
	.twoCols #container0 h4,
	.twoCols #container0 h5,
	.twoCols #container0 h6,
	.threeCols #container0 h1,
	.threeCols #container0 h2,
	.threeCols #container0 h3,
	.threeCols #container0 h4,
	.threeCols #container0 h5,
	.threeCols #container0 h6,
	.threeCols #container2 h1,
	.threeCols #container2 h2,
	.threeCols #container2 h3,
	.threeCols #container2 h4,
	.threeCols #container2 h5,
	.threeCols #container2 h6 {
		margin-bottom: 15px;
		font-weight: normal;
		color: #767676;
	}

	h1 { font-size: 26px; line-height: 40px; }
	h2 { font-size: 24px; line-height: 30px; }
	h3 { font-size: 16px; line-height: 24px; }
	h4 { font-size: 14px; line-height: 20px; }
	h5 { font-size: 13px; line-height: 16px; }
	h6 { font-size: 13px; line-height: 16px; }
	/********** HX END **********/

	p,blockquote,ul,ol,table,pre,address,cite {
		margin-bottom: 15px;
	}
		.twoCols #container1 p,
		.threeCols #container0 p,
		.threeCols #container2 p {
			margin: 0 6px 10px;
		}

		.oneCol #container0 ul,
		.twoCols #container0 ul,
		.threeCols #container0 ul,
		.threeCols #container2 ul {
			margin-left: 20px;
		}

	a {
		color: #000;
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
	}

	/********** BUTTONS **********/
	/********** BUTTONS END **********/
	/********** FEEDBACK-PANEL **********/
	/********** FEEDBACK-PANEL END **********/
	/********** TABLES **********/
	table {
		width: 100%;
		border-collapse: collapse;
	}
	tr { }
	th, td {
		text-align: left;
		padding: 6px;
		border: 1px solid #fff;
	}
	th {
		background: #e1e1e1;
		color: #000;
	}
	td {
		line-height: 20px;
	}
	tr.even td {
		background: #f8f8f8;
	}
	/********** TABLES END **********/
	/********** FORMS **********/
	/********** FORMS END **********/
	/********** CLEAR **********/
	.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;}
	/* End hide from IE-mac */
	/********** CLEAR END **********/

/* ----------------------------------------------------------------------------------------------------------
2) Wrappers
---------------------------------------------------------------------------------------------------------- */
	/********** OUTER_WRAPPER **********/
	div#outer_wrapper {
		padding-top: 100px;
	}
	/********** OUTER_WRAPPER END **********/
	/********** CONTENT **********/
	div#content {
		width: 954px;
		margin: 15px auto 0 auto;
		overflow: hidden;
	}
	/********** CONTENT END **********/

		/********** 1-COL **********/
		div.oneCol { }
			.oneCol #container0 {
				width: 950px;
				min-height: 500px;
				background: #fff;
				border: 1px solid #4a4a4a;
				padding: 1px;
			}
		/********** 1-COL END **********/
		/********** 2-COLS **********/
		div.twoCols { }
			.twoCols #container0 {
				width: 677px;
				min-height: 500px;
				background: #fff;
				float: left;
				border: 1px solid #4a4a4a;
				padding: 15px;
			}
			.twoCols #container1 {
				width: 230px;
				min-height: 500px;
				float: right;
			}
				.twoCols #container1 div.article,
				.twoCols #container1 div.news {
					margin-bottom: 15px;
					background: #fff;
					border: 1px solid #4a4a4a;
					padding: 1px;
				}
		/********** 2-COLS END **********/
		/********** 3-COLS **********/
		div.threeCols { }
			.threeCols #container0 {
				width: 230px;
				min-height: 500px;
				float: left;
				margin-right: 15px;
			}
			.threeCols #container1 {
				width: 432px;
				min-height: 500px;
				background: #fff;
				float: left;
				border: 1px solid #4a4a4a;
				padding: 15px;
			}
			.threeCols #container2 {
				width: 230px;
				min-height: 500px;
				float: right;
			}
				.threeCols #container0 div.article,
				.threeCols #container0 div.news,
				.threeCols #container2 div.article,
				.threeCols #container2 div.news {
					margin-bottom: 15px;
					background: #fff;
					border: 1px solid #4a4a4a;
					padding: 1px;
				}
		/********** 3-COLS END **********/

		/********** SEARCH-RESULTS **********/
		/********** SEARCH-RESULTS END **********/

/* ----------------------------------------------------------------------------------------------------------
3) Header(s)
---------------------------------------------------------------------------------------------------------- */
	/********** HEADER_WRAPPER **********/
	div#header_wrapper {
	}
		div#header {
			width: 950px;
			margin: 0 auto;
			position: relative;
			background: #fff url(comp_5.jpg) no-repeat 50%;
			min-height: 100px;
			border: 1px solid #4a4a4a;
			border-bottom: none;
			padding: 1px;
		}

			div#header h1 {
				width: 489px;
				height: 158px;
				position: absolute; top: -84px; left: 0;
				z-index: 2;
			}
			div#header h1 a {
				display: block; width: 489px; height: 158px;
				background: url(comp_2_copy5.png) no-repeat;
				text-indent: -9999px;
				overflow: hidden;
			}
			div#header span {
				display: block;
				width: 365px;
				height: 69px;
				background: url(tagline2.png) no-repeat;
				position: absolute; top: -50px; right: 10px;
			}
	/********** HEADER_WRAPPER END **********/

/* ----------------------------------------------------------------------------------------------------------
4) Navigation-menues
---------------------------------------------------------------------------------------------------------- */
	/********** MENU-WRAPPER **********/
	div#menu_wrapper {
		min-height: 40px;
	}
	/********** MENU-WRAPPER END **********/
	/********** MENUES-GENERAL **********/
	ul#menu, ul#menu ul,
	ul#submenu, ul#submenu ul {
		list-style: none;
	}
	/********** MENUES-GENERAL END **********/
	/********** MENU **********/
	ul#menu {
		overflow: hidden;
		width: 950px;
		margin: 0 auto;
		background: #fff url(nav_bg.png) no-repeat 50% 0;
		border: 1px solid #4a4a4a;
		border-top: none;
		padding: 0 1px 1px 1px;
	}

	ul#menu li {
		float: left;
		background: url(nav_bg_separator.png) no-repeat 100% 0;
		padding-right: 2px;
	}
		ul#menu li.l {
			background: none;
			padding-right: 0;
		}
	ul#menu li a {
		display: block;
		line-height: 39px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		background: url(nav_bg.png) repeat-x;
		padding: 0 14px;
	}
	ul#menu li.active a,
	ul#menu li a:hover { background-image: url(nav_bg_hover.png); }
	/********** MENU END **********/
	/********** SUBMENU **********/
	ul#submenu {
		margin: 6px 0;
	}
	ul#submenu li {
		margin: 0 6px;
		background: #f4f3e7;
	}
	ul#submenu li.even {
		background: #fff;
	}
	ul#submenu li a {
		display: block;
		line-height: 30px;
		background: url(page_white_gray.png) no-repeat 6px 50%;
		padding-left: 28px;
		zoom: 1;
	}
	ul#submenu li.even a { background-image: url(page_white.png); }
	/********** SUBMENU END **********/

/* ----------------------------------------------------------------------------------------------------------
5) Sidebar-boxes
---------------------------------------------------------------------------------------------------------- */
	/********** SIDEBAR-HEADINGS **********/
	.twoCols #container1 h2,
	.threeCols #container0 h2,
	.threeCols #container2 h2 {
		background: #fff url(nav_bg.png) no-repeat 50% 0;
		color: #fff;
		height: 39px;
		line-height: 39px;
		padding: 0 10px;
		font-size: 11px;
	}
	/********** SIDEBAR-HEADINGS END **********/
	/********** ADVERTISING-BOX **********/
	ul#sponsorer {
		list-style: none;
		height: 150px;
		overflow: hidden;
	}
	ul#sponsorer li { height: 150px; }
	ul#sponsorer li a {
		display: block;
		height: 150px;
		width: 230px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		text-indent: -9999px;
	}
	li#ad_msolli a { background-image: url(margit_solli.gif); }
	li#ad_figgjo a { background-image: url(figgjo.jpg); }
	li#ad_stange a { background-image: url(stange.gif); }
	li#ad_r8 a { background-image: url(r8_design.gif); }
	li#ad_mac a { background-image: url(mac.jpg); }
	li#ad_m a { background-image: url(m.gif); }
	li#ad_euklides a { background-image: url(euklides.gif); }
	li#ad_global a { background-image: url(); }
	/********** ADVERTISING-BOX END **********/
	/********** NEWS-BOX **********/
	.twoCols #container1 div.news ul,
	.threeCols #container0 div.news ul,
	.threeCols #container2 div.news ul {
		list-style: none;
		margin: 6px 0;
	}
	.twoCols #container1 div.news li,
	.threeCols #container0 div.news li,
	.threeCols #container2 div.news li {
		margin: 0 6px;
		background: #f4f3e7;
	}
	.twoCols #container1 div.news li.even,
	.threeCols #container0 div.news li.even,
	.threeCols #container2 div.news li.even {
		background: #fff;
	}
	.twoCols #container1 div.news li a,
	.threeCols #container0 div.news li a,
	.threeCols #container2 div.news li a {
		display: block;
		line-height: 30px;
		background: url(newspaper_gray.png) no-repeat 6px 50%;
		padding-left: 28px;
		zoom: 1;
	}
	.twoCols #container1 div.news li.even a,
	.threeCols #container0 div.news li.even a,
	.threeCols #container2 div.news li.even a {
		background-image: url(newspaper.png);
	}
	/********** NEWS-BOX END **********/

/* ----------------------------------------------------------------------------------------------------------
6) Maincontent-boxes
---------------------------------------------------------------------------------------------------------- */
	/********** NEWS-BOX **********/
	.oneCol #container0 div.news ul,
	.twoCols #container0 div.news ul,
	.threeCols #container1 div.news ul {
		list-style: none;
		margin-left: 0;
	}
	.oneCol #container0 div.news li,
	.twoCols #container0 div.news li,
	.threeCols #container1 div.news li {
		margin-bottom: 15px;
	}
	/********** NEWS-BOX END **********/

	/********** GALLERY-PREVIEW **********/
	#content ul.gallery_preview {
		overflow: hidden;
		list-style: none;
		margin: 0;
	}
	#content ul.gallery_preview li {
		margin: 0 15px 15px 0;
		float: left;
	}
	/********** GALLERY-PREVIEW END **********/

/* ----------------------------------------------------------------------------------------------------------
7) WYM-Editor spesific
---------------------------------------------------------------------------------------------------------- */
/* WYMeditor */
/* PARA: Left */
p.p_left,
.p_left p /* 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.p_right,
.p_right p /* 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;  */
}


/* IMG: Left */
img.image_left,
.image_left img /* img[@class!="image_right"] */ {
	float: left;
	margin: 0 10px 0 0;
	/* float: left; margin: 0 10px 0 0; border: 1px solid #ccc; */
}


/* IMG: Right */
img.image_right,
.image_right img /* img[@class!="image_left"] */ {
	float: right;
	margin: 0 0 0 10px;
	/* float: right; margin: 0 0 0 10px; border: 1px solid #ccc;  */
}

/* FLOAT: Contain */
p.float_contain,
.float_contain p /* */ {
	overflow: hidden;
	/* overflow: hidden; */
}


/* CLEAR: Both */
p.clear_both,
.clear_both p /* */ {
	clear: both;
	/* clear: both; */
}


/* CLEAR: Left */
p.clear_left,
.clear_left p /* */ {
	clear: left;
	/* clear: left; */
}


/* CLEAR: Right */
p.clear_right,
.clear_right p /* */ {
	clear: right;
	/* clear: right; */
}
/* /WYMeditor */

/* ----------------------------------------------------------------------------------------------------------
8) Footer
---------------------------------------------------------------------------------------------------------- */
	/********** FOOTER **********/
	div#footer {
		width: 950px;
		margin: 10px auto 40px auto;
		color: #fff;
	}
	div#footer p {
		text-align: left;
		font-size: 10px;
	}
	div#footer a {
		color: #fff;
	}
	/********** FOOTER END **********/

/* ----------------------------------------------------------------------------------------------------------
9) Page spesific styles
---------------------------------------------------------------------------------------------------------- */

form#kontaktskjema {

}
#kontaktskjema legend { display: none; }
#kontaktskjema p {
	overflow: hidden;
}
#kontaktskjema label {
	font-weight: bold;
	float: left;
	width: 120px;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #767676;
}
#kontaktskjema input {
	float: left;
}
#kontaktskjema p input {
	width: 300px;
}
#kontaktskjema textarea {
	float: left;
	width: 490px;
	height: 300px;
}

div#feedback {
}
#feedback ul {
	width: 932px;
	margin: 15px auto 0 auto;
	background: #fff;
	border: 1px solid #4a4a4a;
	padding: 10px;
	list-style: none;
}
#feedback li { font-weight: bold; line-height: 30px; height: 30px; }