/* ----------------------------------------------------------------------------------------------------------


    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
---------------------------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; border: 0; }
body {
	color: #000;
	background: #97b931;


	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 18px;
}
.hidden { display: none; }

.brodtekst {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 18px;
}

a { color: #97b931; }




h1,h2,h3,h4,h5,h6 {
	color: #97b931;
}
h1 { font-size: 24px; line-height: 34px; }
h2 { font-size: 20px; line-height: 30px; }
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, address { margin-bottom: 10px; }
ul, ol { margin-left: 20px; }


iframe {
	width: 598px;
	height: 600px;
	overflow: hidden;
	border: none;
	margin: 0;
	padding: 0;
}
	/********** FEEDBACK-PANEL **********/
	ul.feedback {
		list-style: none;
		padding: 0 0 10px 0;
		margin-left: 0;
	}


	ul.feedback li {
		line-height: 32px;
		margin-bottom: 10px;
		color: #fff;
		border: 1px solid #000;
		zoom: 1;
		padding: 8px 0;
	}


	ul.feedback li.l { margin-bottom: 0; }
	ul.feedback li span {
		display: block;
		line-height: 32px;
		background-repeat: no-repeat;
		background-position: 14px 0;
		padding-right: 14px;
		padding-left: 36px;
		zoom: 1;
		line-height: 16px;
	}


	ul.feedback li.info { background: #4ba614; border-color: #0a6315; }
	ul.feedback li.info span { background-image: url(accept.png); }
	ul.feedback li.warning { color: #000; background: #fffea1; border-color: #fc0; }
	ul.feedback li.warning span { background-image: url(error.png); }
	ul.feedback li.error { color: #000; background: #ffdad1; border-color: #d4340c; }
	ul.feedback li.error span { background-image: url(delete.png); }
	/********** FEEDBACK-PANEL END **********/


	/********** TABLES **********/
	table {
		width: 100%;
		border-collapse: collapse;
		margin: 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 {
		color: #fff;
		background: #2951a0;
	}
	td { background: #fff; }
	td a { border: none; padding: 0; }


	td a:hover { background-color: transparent; color: #000; }
	/********** TABLES END **********/



/* ----------------------------------------------------------------------------------------------------------
2) Wrappers
---------------------------------------------------------------------------------------------------------- */
div#outer_wrapper {
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
}
	div#contentLeft {
		width: 160px;
		float: left;
		background: #71cde5;
		padding-top: 70px;
		position: relative;
	}
		#contentLeft .treeline {
			display: block;
			height: 135px;
			background: transparent url(green_trees.png) no-repeat 0 100%;
			padding-top: 100px;
		}

	div#contentMain {
		width: 598px;
		padding: 20px 16px;
		min-height: 450px;
		float: left;
		background: #fff;
		-moz-border-radius: 0 0 20px 20px;

		Xposition: relative; Xz-index: -1;
	}
		div#contentMain h2 {
			text-transform: uppercase;
			font-size: 40px;
		}

	div#contentRight {
		width: 190px;
		min-height: 400px;
		float: left;
		background: #97b931 url(sidebar_right2.jpg) no-repeat 0 0;
		position: relative;
	}
		#contentRight .treeline {
			display: block;
			height: 135px;
			background: transparent url(green_trees_2.png) no-repeat 0 100%;
			padding-top: 320px;
		}
		#contentRight .badge_brunstad {
			display: block;
			width: 209px;
			height: 209px;
			background: url(nyhet.png) no-repeat 100% 100%;
			position: absolute; top: -145px; right: -8px; z-index: 100;
		}

	div#footer {
		width: 598px;
		padding: 0 206px 0 176px;
		margin: 0 auto;
		line-height: 30px;
		clear: both;
		text-align: right;
		color: #f8f8f8;
	}

/* ----------------------------------------------------------------------------------------------------------
3) Header(s)
---------------------------------------------------------------------------------------------------------- */

div#header {
	height: 192px;
	position: relative;
}
	#logo {
		height: 152px;
		width: 152px;
		position: absolute; bottom: -100px; left: 3px; z-index: 100;
	}
		#logo a {
			display: block;
			height: 152px;
			width: 152px;
			overflow: hidden;
			text-indent: -9999px;
			background: transparent url(logo_transparent.png) no-repeat 0 0;
		}


/* ----------------------------------------------------------------------------------------------------------
4) Navigation-menues
---------------------------------------------------------------------------------------------------------- */


ul#menu {
	padding: 7px 190px 7px 160px;
	margin: 0;
	list-style: none;
	height: 26px;
	line-height: 26px;
	background: #4f2a09;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}
	#menu li {
		line-height: 30px;
		height: 30px;
		float: left;
		margin-right: 16px;
		position: relative;
	}
	#menu li.l { margin-right: 0; }

	#menu li a {
		display: block;
		height: 26px;
		line-height: 26px;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		background-color: rgba(255,255,255, 0.1);
		-moz-border-radius: 10px;
		padding: 0 14px;
	}
	#menu li#brunstad a,
	#menu li#skien a {
		background-image: url(bullet_arrow_down.png);
		background-repeat: no-repeat;
		background-position: 98% 50%;
		padding-right: 22px;
	}
	#menu li a.blue { background: #71cde5; }

		/**/
		ul#menu > li {
			height: 28px;
			zoom: 1;
		}

		/**/
		ul#menu li ul {
			display: none;
			position: absolute; top: 28px; left: 0; z-index: 400;
			list-style: none;
			width: 200px;
			padding: 0;
			margin: 0;
			background: #4f2a09;
			background: rgba(79,42,9, 0.7);
			zoom: 1;
			-moz-border-radius: 10px;
		}

		ul#menu ul li {
			height: 28px;
			line-height: 28px;
			float: none;
			margin-right: 0;
			position: relative;
			padding: 0;
			zoom: 1;
		}

		ul#menu li ul li a {
			display: block;
			text-indent: 0;
			height: 28px;
			line-height: 28px;
			color: #fff;
			text-decoration: none;
			padding: 0 10px;
			font-weight: bold;
			background: transparent;
			-moz-border-radius: 0;
			background-image: url(bullet_arrow_right.png);
			background-repeat: no-repeat;
			background-position: 98% 50%;
			padding-right: 22px;
		}

		ul#menu li#hjem ul li a,
		ul#menu li#skien-fritidspark ul li a {
			background-position: 96% 50%;
			background-image: url(bullet_arrow_right.png);
		}
		
		ul#menu li.selected > a,
		ul#menu li ul li a:hover {
			background: #97b931;
			color: #fff;
		}
		ul#menu ul li:first-child.selected > a,
		ul#menu li ul li:first-child a:hover {
			-moz-border-radius: 10px 10px 0 0 ;
		}
		ul#menu ul li:last-child.selected > a,
		ul#menu li ul li:last-child a:hover {
			-moz-border-radius: 0 0 10px 10px;
		}



/* ----------------------------------------------------------------------------------------------------------
5) Sidebar-boxes
---------------------------------------------------------------------------------------------------------- */


	/********** **********/
	div.box_sidebar_right {
		width: 190px;
		background: #f00;
		position: relative;
	}


	div.box_sidebar_right span {
		display: block;
		width: 190px;
		height: 135px;
		position: absolute; bottom: 0; left: 0;
		background: url(green_trees_2.png) no-repeat;
	}
	/********** **********/


	/********** **********/
	div#right_1 {
		height: 462px;
		background: url(sidebar_right.jpg) no-repeat;
	}
	/********** **********/


	/********** **********/
	div.box_sidebar_left {
		width: 160px;
		background: #f00;
		height: 135px;
		position: absolute; bottom: 0; left: 0;
		background: url(green_trees.png) no-repeat;
	}
	/********** **********/

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

	/********** **********/
	/********** **********/

/* ----------------------------------------------------------------------------------------------------------
7) WYM-Editor spesific (Flyttet over i base.css)
---------------------------------------------------------------------------------------------------------- */
/* 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
---------------------------------------------------------------------------------------------------------- */

	/********** **********/
	/********** **********/

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

	/********** **********/
	div#gallery_preview {
		margin-left: 0;
		overflow: hidden;
	}
	div#gallery_preview p {
		margin-bottom: 10px;
	}
	ul.gallery_preview {
		list-style: none;
		overflow: hidden;
		margin: 0;
	}
	ul.gallery_preview li {
		margin: 0 10px 10px 0;
		float: left;
	}
	/********** **********/


	span.bubble {
		display: block;
		background-repeat: no-repeat;
		background-position: 0 0;
		position: absolute;
	}
	span#bubble_1 {
		width: 170px;
		height: 170px;
		background-image: url(../bilder/Sirkel1.png);
		top: 306px; left: 10px; z-index: 200;
	}
	span#bubble_2 {
		width: 114px;
		height: 114px;
		background-image: url(../bilder/Sirkel9.png);
		top: 466px; left: 0; z-index: 210;
	}
	span#bubble_3 {
		width: 198px;
		height: 198px;
		background-image: url(../bilder/Sirkel10.png);	
		top: 308px; z-index: 200;
	}
	span#bubble_4 {
		width: 142px;
		height: 142px;
		background-image: url(../bilder/Sirkel4.png);
		top: 450px; left: 50px; z-index: 210;
	}
	
cufon * {
	z-index: 1;	
	zoom: 1;
}