/* 
		CSS Navigation Template for list based drop down navigation
		By Trond Ulseth - trond@idl.no
		   Jørgen Skogås - jorgen@idl.no
		Started 29th September 2009
		
		Goal:
					Standard navigation layout
		
		Change log:
					29th September 2009 - started this template
					
		Once implemented for a site this template should/could be edited, added to and deleted from.
		Coments can be deleted as well, but it's adviced not to.
		This template is based on the CSS for dropdown navigation in the FarCry pliant template.
		
		Table of Contents:
*/

/* Overwrite global styles if needed
---------------------------------------------------------------------- */
ul#primaryNav {
	background-color: #fff;
	width: 100%;
	background: #fff url('../wsimages/primaryNav_bg.jpg') repeat-x;
}

ul#primaryNav,
ul#primaryNav li ul {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
	height: 41px;
	overflow: hidden;
	}
	
	ul#primaryNav {
		margin-bottom: 38px !important;
	}
	
	/* First level
	---------------------------------------------------------------------- */
	ul#primaryNav li {
		float: left;
		display: block;
		margin: 0;
		}
	
	/* hide from IE mac \*/
	ul#primaryNav li {
		width: auto;
		}

		ul#primaryNav li a,
		ul#primaryNav li a:link,
		ul#primaryNav li a:visited,
		ul#primaryNav li a:hover,
		ul#primaryNav li a:active {
			text-decoration: none;
			cursor: pointer;
			color: #482e2c;
			font-size: 14px;
			}
		
		ul#primaryNav li a {
			display: block;
			background-color: transparent;
			padding: 15px 14px 15px 13px;
			height: 11px;
			line-height: 1;
			float: left;
			}
			
			ul#primaryNav li.first a {
				padding-left: 0;
			}

		ul#primaryNav li a:hover,
		ul#primaryNav li a:active,
		ul#primaryNav li.active a {
				color: #4799d4;
			}
		
		ul#primaryNav li.active {
			background: #fff url('../wsimages/primaryNav_li_active_bg.jpg') no-repeat left top;
			padding-left: 1px;
		}
		
			ul#primaryNav li.active.first {
				background-image: none;
			}
			
		ul#primaryNav li.active a {
			background: transparent url('../wsimages/primaryNav_li_active_a_bg.jpg') no-repeat right top;
			}
			
			/* Second level
			---------------------------------------------------------------------- */
			ul#primaryNav li ul {
				position: absolute;
				background: transparent;
				width: 10em;
				left: -999em;
				z-index: 1;
				}
			
			ul#primaryNav li:hover ul,
			ul#primaryNav li.sfhover ul {
				left: auto;
				}
				
				ul#primaryNav li li {
					float: none;
					border-bottom: 1px solid #ffffff;
					display: block;
					}
				
				ul#primaryNav li.active li {
					border-bottom:1px solid #333;
					}
				
				ul#primaryNav li li a {
					display: block;
				}
				
				ul#primaryNav li.active li a {
					color: #FFFFFF;
					}
				
				ul#primaryNav li.active li a:hover,
				ul#primaryNav li li.active a {
					color: #FFC600;
					}


/* Secondary nav
---------------------------------------------------------------------- */
div#leftColumn ul#secondaryNav {
	margin: 0;
	padding: 0;
	background-color: #fff;
	list-style: none;
	width: 100%;
	float: left;
}

	div#leftColumn ul#secondaryNav li {
		list-style: none;
		width: 100%;
		float: left;
		display: block;
		background: #fff url('../wsimages/secondaryNav_li_bg.gif') repeat-x left bottom;
		margin: 0;
		padding: 0 0 1px 0;
	}
	
		div#leftColumn ul#secondaryNav li a,
		div#leftColumn ul#secondaryNav li a:visited {
			padding: 8px 0 8px 23px;
			line-height: 14px;
			display: block;
			text-decoration: none;
			color: #462e2c;
		}
		
			div#leftColumn ul#secondaryNav li a:hover	,
			div#leftColumn ul#secondaryNav li.active a {
				color: #4799d4;
			}
			
			div#leftColumn ul#secondaryNav li.first a {
				padding-top: 0;
			}
	
	div#leftColumn ul#secondaryNav li li {
		background-image: none;
		margin: 0;
		padding: 0;
	}
	
		div#leftColumn ul#secondaryNav li.active li a {
			color: #462e2c;
			line-height: 13px;
			font-size: 11px;
			padding: 4px 0 4px 23px;
		}
		
			div#leftColumn ul#secondaryNav li.active  a:hover	,
			div#leftColumn ul#secondaryNav li.active li.active a {
				color: #4799d4;
			}

/* Page sections / sections tab
---------------------------------------------------------------------- */
ul#sectionsNav,
ul#sectionsNav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#sectionsNav li {
	float: left;
}

ul#sectionsNav li a {
	background: transparent url('../wsimages/sectionBtn/empty.jpg') no-repeat 0 -106px;
	width: 148px;
	height: 106px;
	padding: 0 20px;
	line-height: 106px;
	margin-right: 10px;
	display: block;
	float: left;
	font-weight: bold;
	text-decoration: none;
	color: #006653;
}

	ul#sectionsNav li a:hover {
		background-position: 0 0;
	}
	
	ul#sectionsNav li.active a,
	ul#sectionsNav li.active a:hover {
		background-position: 0 -212px;
	}
	
		ul#sectionsNav li.om a {
			background-image: url('../wsimages/sectionBtn/om_grontpunkt.jpg');
			text-indent: -999em;
		}

		ul#sectionsNav li.medlemskap a {
			background-image: url('../wsimages/sectionBtn/medlemskap.jpg');
			text-indent: -999em;
		}

		ul#sectionsNav li.innsamling a {
			background-image: url('../wsimages/sectionBtn/innsamling.jpg');
			text-indent: -999em;
		}
		
		ul#sectionsNav li.emballasjeoptimering a {
			background-image: url('../wsimages/sectionBtn/emballasjeoptimering.jpg');
			text-indent: -999em;
		}

/* Shortcuts - forside / main page / norsk / english
---------------------------------------------------------------------- */
ul#shortcuts {
	padding: 9px 0 18px 0;
	height: 11px;
	list-style: none !important;
	margin: 0;
	float: left;
}

	ul#shortcuts li {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ul#shortcuts li a {
		padding: 0 10px 0 14px;
		margin: 0;
		height: 11px;
		overflow: hidden;
		text-decoration: none;
		line-height: 1;
	}
	
		ul#shortcuts li a:visited {
			color: #482E2C;
		}
		
		ul#shortcuts li a:hover {
			text-decoration: underline;
		}
	
	ul#shortcuts li a#mainpage {
		background: transparent url('../wsimages/11x11/mainPage.gif') no-repeat left 2px;
	}
	
	ul#shortcuts li a#norsk {
		background: transparent url('../wsimages/11x11/norsk.gif') no-repeat left 2px;
	}
	
	ul#shortcuts li a#english {
		background: transparent url('../wsimages/11x11/english.gif') no-repeat left 2px;
	}

/* Page links
-------------------------------------------------------------------- */
ul#pagelinks {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 26px 0;
	border-top: solid 1px #a39695;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	background-color: #fcfdfa;
}

ul#pagelinks li {
	width: 161px;
	padding-left: 34px;
	border-right: solid 1px #f3f7ec;
	float: left;
	margin: 0px;
	list-style: none;
}

	ul#pagelinks li h3 {
		font-family: Arial, Helvetica, sans-serif;
		color: #482e2c;
		font-size: 12px;
		font-weight: bold;
		margin: 0px;
		line-height: 26px;
	}

	ul#pagelinks ul {
		margin: 0;
		list-style-type: square !important;
		list-style-type: square !important;
	}

	ul#pagelinks li li {
		width: 100%;
		padding: 0;
		list-style: none;
		list-style-type: none;
	}
	
		ul#pagelinks li li a {
			color: #482e2c;
			line-height: 20px;
			text-decoration: underline;
			background-position: left 2px;
			background-repeat: no-repeat;
		}
		
			/* Icons */
			ul#pagelinks li li a.icon10x10 {
				padding-left: 15px;
			}
		
			ul#pagelinks li li a.rss {
				background-image: url('../wsimages/icons/10x10-rss.gif');
			}
			
			ul#pagelinks li li a.twitter {
				background-image: url('../wsimages/icons/10x10-twitter.gif');
			}
		
		ul#pagelinks li li a:hover,
		ul#pagelinks li li a:active {
			color: #4799d4;
			text-decoration: underline;
			background-position: left -18px;
		}