body { 	
	background: #d1d3d4;
	color: #3d3d3d;
	font: 16px/24px "Helvetica Neue", "Liberation Sans",  Arial, "Nimbus Sans L", Helvetica, sans-serif; }
	
HTML {
	overflow-y: scroll; /* Passe på at skrollbar alltid er på så me slipper at siden «hopper» */
	overflow-x: hidden; }
	
::selection {
	color: white;
	background: #005a9c; }
	
::-moz-selection {
	color: white;
	background: #005a9c; }

/* 1 Centering, width and padding for main elements */

body {
	width: 1102px;
	position: absolute;
	left: 50%;
	margin-left: -550px; }

#Footer {
	margin: 0 auto; }
	
#Wrapper {
	padding: 0 13px;
	background: white url('/static/graphics/2010-Background.png'); }
	
#Header, #Content {
	padding: 0 62px;
	position: relative; }
		
#Footer {
	width: 1102px; }
	
.SmallScreen {
	/*overflow-x: hidden;*/ }
	
	.SmallScreen #Wrapper {
		padding: 0 0;
		margin: 0 -41px;
		background: white; }
	
	.SmallScreen #Footer {
		margin: 0 -54px;
		background: none; }
	
	.SmallScreen #MainNav {
		padding-left: 41px;	}
	
	.SmallScreen #BottomNav {
		padding-right: 41px; }

/************************ 2. Header ****************************/
#Header {
	height: 131px;
	position: relative; /* To make logo position in relation to header and not entire page */
	background: white url('/static/graphics/2010-Header.png') bottom no-repeat; }
	
	#Header a {
		float: left;
		margin-top: 28px; }
		
	#Header A:active, #Header A:focus {
		opacity: 0.6; }
		
		#OmegaLogo, #OmegaLogoNO {
		text-indent: -9999px;	}

	#OmegaLogo, #OmegaLogoNO {
		left: 0; 
		width:157px;
		height:77px;
		background: url('/static/graphics/2010-Logo.png');	}

/************************ 3. Navigation ************************/
#MainNav ul li, #BottomNav ul li { 
	display: inline; }

#MainNav ul li a {
	color: white;
	border-color: white;
	line-height: 24px; }

/* 2 Main navigation */
#MainNav {
	border-top: 1px solid white;
	height: 1.64em;
	position: relative;	
	background: #f8991d;
	z-index: 1; /* Setting position relative changes the stacking order in z-index in IE7. This is set to fix that */ }
	
	#MainNav ul {
		display: inline; }
	
	#MainNav ul li {
		float: left;
		position: relative; }
		
	#MainNav ul li a {
		display: block;
		padding: 1px 11px;
		border-right: 1px solid; }
		
	/* Grå variant */

	#MainNav UL LI A:hover {
		background: #898687; }
		
	#MainNav UL LI A:active, #MainNav UL LI A:focus {
		background: #706e6e; }
		
	#MainNav UL .Selected A, #MainNav UL .ChildSelected A {
		cursor: default;
		background: #898687; }
		
#LangBox {
	position: absolute;
	cursor: default;
	top: 0px;
	width: 340px;
	padding-right: 15px;
	height: 26px;
	text-align: right;
	right: 200px; }
	
	#LangBox #LangText {
		font-size: 12px;
		color: #fcd4a0;
		vertical-align: 1px;
		color: #f8991d;		
		/* Add more properties as transitions are supported by more browsers */
		-webkit-transition-duration: .2s; -o-transition-duration: .2s;
		-webkit-transition-property: color; -o-transition-property: color; }
		
	#home #LangBox #LangText {
		color: white; }
		
	#LangBox:hover #LangText {
		color: white; }
	
	#LangBox A {
		font-size: 14px;
		color: #ffedd5;
		color: white;
		margin-left: 6px; }
		
		#LangBox A:hover {
			color: white;
			text-decoration: underline;	}
			
		#LangBox A:active {
			color: #fcd4a0; }

#MainNav #SearchBox fieldset {
	background: url('/static/graphics/2010-SearchBox-Start.png') no-repeat left center white;
	width: 140px;
	height: 18px;
	position: relative;
	float: right;
	margin-right: 62px;
	margin-top: 4px; }
	
.IE6 #MainNav #SearchBox fieldset { margin-right: 30px; }
	
	#SearchBox legend {	
		display: none;
		/*top: 0px;
		left: 3px;
		font-size: 12px;
		display: block !important;
		height: 0; width: 0;
		width: 100px;
		z-index: 10;
		height: 18px;*/ } 
	
	#SearchBox input,	#SearchBox button {
		border: none;
		background: transparent; }
	
	#SearchBox input {
		width: 119px;
		height: 16px;
		/*background: url('/static/graphics/SearchText.png') no-repeat left top;*/
		font-size: 13px;
		vertical-align: top;
		left: 4px; top: 0px;
		z-index: 50;
		position: absolute;
		line-height: 14px;	}
		
		#SearchBox INPUT:hover {
			background-position: left bottom; }
		
		#SearchBox input:focus {
			background: white; }
		
	#SearchBox button {
		background: url('/static/graphics/2010-SearchBox-Button.png') no-repeat right top;
		height: 18px; width: 17px;
		text-indent: 18px;
		cursor: pointer;
		right: 0px; top: 0px;
		overflow: hidden;
		position: absolute;	}
		
		#SearchBox button:hover {
			background-position: center; }
			
		#SearchBox button:active {
			background-position: bottom; }

/* Breadcrumb */
#Breadcrumb {
	float: left;
	color: white;
	padding-left: 7px; }
	
	#Breadcrumb A {
		color: white; }
	
	#Breadcrumb A:hover {
		text-decoration: underline; }

/* Bottom navigation */
#BottomNav { 
	 background: #848182; }
	 
#BottomNav, #BottomNav a { 
	height: 1.5em;	
	font-size: 14px;
	line-height: 20px; }
	
	#BottomNav li a {
		color: white;
		float: right;
		padding: 0 7px;
		border-left: 1px solid;
		background: 848182 url('/static/graphics/DropDownBackground.png') repeat; }
		
	/* Grå variant */
	#BottomNav UL LI A:hover  { 
		background: #bcbdbf; }
		
	#BottomNav UL LI A:active {
		background: #5b5a5a; }
		
	#MainNav ul li a, #BottomNav ul li a  {
		border-color: white; }
		
		
/* Sub Navigation */
#SubSectionNav {
	height: 26px;
	border-bottom: 1px solid silver; }

#SubSectionNav H2 {
	font-size: 20px;
	line-height: 23px;
	float: left; }

#SubSectionNav H2, #SubSectionNav UL LI A {
	color: gray; }

#SubSectionNav UL {
	float: right; }
	
	#SubSectionNav UL LI {
		display: inline;
		margin-left: 15px; }
	
	#SubSectionNav UL LI A {
		
		line-height: 23px; }
	
	#SubSectionNav UL LI A:hover {
		color: #f8991d;
		text-decoration: underline;	}
		
	#SubSectionNav UL LI A:active {
		color: #fdc98a; }
	
	#SubSectionNav UL .Selected A, #SubSectionNav UL .ChildSelected A {
		font-weight: bold;
		color: #f8991d;	}
		
	#SubSectionNav UL .Selected A:hover, #SubSectionNav UL .ChildSelected A:hover {
		cursor: default;
		text-decoration: none;	}
		
		
/* Side Navigation (for PIMS og PIMS CMS-moduler)  */

#SideNav {
	position: absolute;
	right: 62px;
	top: 166px;
	width: 281px; }
	
	#SideNav H2 {
		font-size: 20px;
		color: #f8991d;
		margin-bottom: 24px; }
	
	#SideNav UL LI A {
		display: block;
		font-size: 14px;
		border-top: 1px dotted gray;
		line-height: 23px;
		color: #353E34;	}
		
	#SideNav UL LI:first-child A {
		border-top: none; }
		
	#SideNav UL LI A:hover {
		color: #f8991d;
		text-decoration: underline;	}
	
	#SideNav UL .Selected, #SideNav UL .Selected A  {
		color: #f8991d;
		font-weight: bold;	}
		
#Article.WithSideNav {
	width: 586px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	}
	
	/*#Article.WithSideNav {
		min-height: 600px; }*/


/************************ 4. Content ***************************/
#Content {
	overflow: hidden;
	padding-top: 48px;
	padding-bottom: 24px; }


/************************ 4. Footer *****************************/
#Footer { 	
	padding-top: 20px;
	background: url('/static/graphics/2010-Footer.png') no-repeat; 
	height: 205px;}
	
#Footer,  #Footer  A {
	color: #828385; }
	
	#Footer:hover, #Footer:hover A {
		color: black; }
	
#Footer UL{
	width: 952px;
	margin: 0 auto; }	
	
	#Footer UL UL {
		width: auto; }
	
	#Footer UL LI {
	float: left;
	width: 138px;
	margin-right: 20px; }
	
	#Footer UL .Last {
		margin-right: 0; }
	
	#Footer UL LI A {
		border-bottom: 1px dotted #828385;
		display: block; 
		margin-bottom: 5px;
		-webkit-transition-duration: .5s;
		-webkit-transition-property: color, border-color; }
		
		#Footer:hover UL LI A {
			border-bottom: 1px dotted black; }
		
		#Footer:hover UL LI UL LI A {
			border: none }
		
		
	#Footer UL LI A:hover {
		color: black;
		border-bottom: 1px solid black;	}
	
#Footer UL LI UL LI {
	float: none;
	width: auto;
	margin: 0; }
	
	#Footer UL LI UL LI A {
		font-size: 12px;
		line-height: 20px;
		border: none;
		display: block;
		margin: 0; }
		
	#Footer UL LI UL LI A:hover {
		border: none;
		text-decoration: underline;	}