/* ----------------------------------------------------------------------------------------------------------
    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 spesifics
        8) Footer
        9) Page spesific styles
	   10) Controlpanel
---------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------
1) Global, basic styles
---------------------------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; border: 0; }

body {
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 18px;
	background: #dedbfe url(bg.png) repeat-x;
}
.hidden { display: none; }

.brodtekst {
	font-weight: bold;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin-bottom: 10px;
}
h1 { font-size: 24px; line-height: 34px; }
h2 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 20px;
}
h3 { font-size: 16px; line-height: 26px; }
h4 { font-size: 14px; line-height: 24px; }
h5 { font-size: 12px; line-height: 22px; }

ul, ol, p, table { margin-bottom: 10px; }
ul, ol { margin-left: 20px; }

a {

}
a:hover {

}

	/********** TABLES **********/
	table {
		width: 100%;
		border-collapse: collapse;
		margin: 0 0 20px 0;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 11px;
	}
	th, td {
		text-align: left;
		padding: 0 10px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #fff;
	}
	th {
		background: url(h2_bg.png) repeat 0 100%;
		color: #fff;
	}
	td { background: #f6f6f4; }
	tr.even td { background: #fff; }
	td a { border: none; padding: 0; }
	td a:hover { background-color: transparent; color: #000; }
	/********** TABLES END **********/

	/********** FORMS **********/
	/********** FORMS END **********/

/* ----------------------------------------------------------------------------------------------------------
2) Wrappers
---------------------------------------------------------------------------------------------------------- */
div#outer_wrapper {
	width: 980px;
	margin: 40px auto;
	background: #fff;
}

ul#breadcrumbs {

}

	/********** FEEDBACK-PANEL **********/
	ul.feedback {

	}
	/********** FEEDBACK-PANEL END **********/

div#content {
	overflow: hidden;
}

	/********** 1-COLUMN **********/
	.oneCol div#container0 {
		width: 940px;
		float: left;
		min-height: 440px;
		padding: 20px;
	}
	/********** 1-COLUMN END **********/

	/********** 2-COLUMN **********/
	.twoCols div#container0 {
		width: 640px;
		float: left;
		min-height: 440px;
		padding: 20px;
	}
	.twoCols div#container1 {
		width: 260px;
		float: left;
		min-height: 440px;
		padding: 20px;
	}
	/********** 2-COLUMN END **********/


/* ----------------------------------------------------------------------------------------------------------
3) Header(s)
---------------------------------------------------------------------------------------------------------- */
div#header {
	height: 150px;
	background: url(header.jpg) no-repeat;
}

div#header h1 {
	width: 81px;
	height: 176px;
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 200;
}
div#header h1 a {
	display: block;
	height: 176px;
	background: url(logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

/* ----------------------------------------------------------------------------------------------------------
4) Navigation-menues
---------------------------------------------------------------------------------------------------------- */
ul#menu {
	background: url(nav_bg.png) repeat-x;
	padding: 0 10px 0 101px;
	margin: 0;
	list-style: none;
	width: 869px;
	height: 44px;
	position: relative;
	z-index: 1;
}
	ul#menu li {
		float: left;
		background: url(nav_bg_separator.png) no-repeat 100% 0;
		padding-right: 2px;
		position: relative;
		z-index: 2;
	}
	ul#menu li.l {
		background: none;
		padding-right: 0;
	}
		ul#menu li span.activeparent,
		ul#menu li span.placeholder,
		ul#menu li a {
			display: block;
			height: 44px;
			line-height: 44px;
			color: #fff;
			text-decoration: none;
			border: none;
			padding: 0 20px;
			font-weight: bold;
		}
		ul#menu li span.hover,
		ul#menu li span.activeparent:hover,
		ul#menu li span.placeholder:hover,
		ul#menu li a:hover {
			background-image: url(nav_bg_hover.png);
			cursor: pointer;
		}
		ul#menu li span.hover,
		ul#menu li span.activeparent,
		ul#menu li span.placeholder,
		ul#menu li span.placeholder:hover {
			cursor: default;
		}

			/********** **********/
			ul#menu ul.dev {
				display: block;
				list-style: none;
				background: #4a4a4a;
				position: absolute;
				top: 39px;
				left: 0;
				z-index: 400;
				margin-left: 0;
				min-width: 200px;
				padding: 0;
			}
			ul#menu ul.dev li {
				float: none;
				background: #4a4a4a;
				position: relative;
			}
			ul#menu ul.dev li span.activeparent,
			ul#menu ul.dev li span.placeholder,
			ul#menu ul.dev li a {
				height: 30px;
				line-height: 30px;
				background: #4a4a4a;
				display: block;
				width: 158px;
			}

				ul#menu ul.dev li span.hover,
				ul#menu ul.dev li span.activeparent:hover,
				ul#menu ul.dev li span.placeholder:hover,
				ul#menu ul.dev li a:hover {
					background-image: url(nav_bg_hover.png);
					cursor: pointer;
				}
				ul#menu ul.dev li span.hover,
				ul#menu ul.dev li span.activeparent,
				ul#menu ul.dev li span.placeholder,
				ul#menu ul.dev li span.activeparent:hover,
				ul#menu ul.dev li span.placeholder:hover { cursor: default; }
			ul#menu ul ul { display: none; }
			ul#menu ul.dev ul.dev { position: absolute; top: 0; left: 200px; }
			/********** **********/


/* ----------------------------------------------------------------------------------------------------------
5) Sidebar-boxes
---------------------------------------------------------------------------------------------------------- */
div#container1 div.news,
div#container1 div.article {
	background: #dedbfe;
	margin-bottom: 20px;
}
div#container1 div.news h2,
div#container1 div.article h2 {
	margin: 0 0 20px 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	background: url(h2_bg.png) repeat 0 100%;
	color: #fff;
}

div#container1 div.article {
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
div#container1 div.article div {
	margin: 0;
	padding: 0;
}
div#container1 div.article div h2,
div#container1 div.article div h3,
div#container1 div.article div h4,
div#container1 div.article div h5,
div#container1 div.article div h6,
div#container1 div.article div ol,
div#container1 div.article div ul,
div#container1 div.article div p
{
	padding: 0 10px;
}
div#container1 div.article div p {
	margin-bottom: 0;
	padding-bottom: 10px;
}

	/********** **********/
	#container1 div.news ul {
		list-style: none;
		margin: 0 10px 0 10px;
		padding-bottom: 20px;
	}
	#container1 div.news ul li {
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #bd58d2;
	}
	#container1 div.news ul li.l {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
		#container1 div.news ul a {
			display: block;
			height: 20px;
			line-height: 20px;
			color: #000;
			text-decoration: none;
			cursor: pointer;
			overflow: hidden;
		}
		#container1 div.news ul a:hover {
			text-decoration: underline;
		}
			#container1 div.news ul span {
				display: block;
				height: 20px;
				line-height: 20px;
			}
				#container1 div.news ul span.title { float: left; }
				#container1 div.news ul span.date { float: right; }
	/********** **********/

	/********** **********/
	span#dekorativt-1 {
		display: block;
		width: 260px;
		height: 195px;
		background: url(/files/bilder/dekorativt-1.jpg) no-repeat;
		margin-bottom: -10px;
	}
	/********** **********/


/* ----------------------------------------------------------------------------------------------------------
6) Maincontent-boxes
---------------------------------------------------------------------------------------------------------- */


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

/* Bilde: Venstre */
.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; */
}

/* Bilde: Høyre */
.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 */
.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 */

img.image_left {
	float: left;
	margin: 0 10px 0 0;
}
img.image_right {
	float: right;
	margin: 0 0 0 10px;
}
.float_contain { overflow: hidden; }
.clear_both { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }

/* ----------------------------------------------------------------------------------------------------------
8) Footer
---------------------------------------------------------------------------------------------------------- */
div#footer {

}
	#footer p {

	}

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

ul.gallery_preview {
	list-style: none;
	overflow: hidden;
	margin-left: 0;
}

ul.gallery_preview li {
	float: left;
	margin: 0 10px 10px 0;
}