﻿@media screen, projection {

	body {
		background: #d7d3d0 url('../../img/hjemme/background.jpg') repeat-y 50% 10px;
		font-size:11px;
		font-family:Arial, Helvetica, Sans-Serif;
	}
	
	a {
		text-decoration: none;
		color: #4e8abe;
	}

	a:hover {
		text-decoration: underline;
		color: Red;
	}

	p {
		margin-bottom: 5px;
	}
	
	.pageWrapper {
		background-color: #ededed;
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		padding: 0;
	}

	.pageContentWrapper {
		background-color: #ededed;
	}

	.headerWrapper {
		height: 65px;
	}
	
	.flashAndNewsWrapper {
		margin-top: 15px;
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.articleListHeader {
		font-size: 18px;
		font-weight: bold;
		color: #555555;
		height: 30px;
	}
	
	.articleListTitle {
		color: #4e8abe;
		font-size: 11px;
		border-top: 1px dashed #bdbdbd;
		height: 22px;
		padding-top: 8px;
		width: 100%;
	}

	.flashArea {
		width:538px;
		float: left;
		border-right: 1px solid #cccbc7;
	}

	.flashAreaWide {
		width: 100%;
	}

	.flashAreaWide img {
		width: 100%;
	}

	.newsArea {
		width: 333px;
		float: right;
	}


	.separatorLine {
		width: 900px;
		height: 3px;
		background-color: #cccbc7;
		margin: 15px 0 15px 30px;
		clear: both;
	}

	.footerWrapper {
		background-color: Black;
		height: 100px;
		color: White;
	}

	.pathWrapper {
		height: 20px;
		margin-left: 45px;
		margin-top: 10px;
		width: 100%;
		color: #999999;
	}

	.pathWrapper a {
		color: #999999;
	}

	.footerWrapper {
		background-color: Black;
		height: 100px;
		color: White;
	}

	.footerContent {
		padding-top: 40px;
		text-align: center;
	}

	.footerLogo {
		position: absolute;
		right: 36px;
		top: 37px;
		background: transparent url('../../Img/hjemme/logo_enova.png') no-repeat;
		cursor: pointer;
		width: 92px;
		height: 26px;
	}

	.headerLogo {
		float: left;
		padding-left: 30px;
		padding-top: 7px;
	}

	.headerMenu {
		float: right;
		height: 24px;
		width: 360px;
		padding-top: 21px;
		padding-right: 4px;
	}
	
	.linkMenu {
		float: left;
		padding-top: 5px;
	}
	.searchBox {
		float: right;
		padding-right: 25px;
	}
	
	.hideShortcut {
		position: absolute;
		top: -1000px;
		left: -1000px;
	}

	/* SHAREWRAPPER */
	
	.shareWrapper {
		margin: 15px 0 0;
		font-size: 12px;
		color: #555555;
	}

	.shareWrapper img {
		vertical-align: text-bottom;
	}

	.shareWrapper a {
		color: #555555;
	}

	.rssIconLink {
		position: absolute;
		right:0;
		top:10px;
	}

	
	/* LEFTMENU */	
	
	.leftMenu {
		float: left;
		width: 160px;
		margin: 0 0 0 15px;
		list-style-type:none;
		vertical-align: top;
		padding: 0;
	}

	.leftMenuElement {
		font-size: 11px;
		border-bottom: 1px dashed #bdbdbd;
		min-height: 22px;
		padding-top: 8px;
		list-style-type: none;
	}


	.leftMenuSub {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.leftMenuSubElement {
		background: transparent url('../../img/hjemme/arrowdark.png') no-repeat 0 8px;
		border-bottom: 0;
		padding-left: 13px;
		padding-top: 5px;
		min-height: 20px;
		font-size: 11px;
	}

	.leftMenuElement .inactive {
		color: #4e8abe;
	}

	.leftMenuElement .active {
		color: #e33000;
	}
	
	.leftMenuSubElement .inactive {
		color: #555555;
	}

	.leftMenuSubElement .active {
		color: #e33000;
	}

	/* INFOPAGE */
	
	.svarerNettpratRightColumn {
		float: right;
		padding-right: 15px;
	}

	.contentAreaRightWrapperInfoPage {
		padding: 15px 0 0 10px;
		font-size: 14px;
		width: 540px;
		float: left;
	}	
	
	.presentationMenuNoImage {
		width: 178px;
		float: left;
		
	}
	
	.svarerNettpratRightColumn .bigButton {
		margin-bottom: 15px;
	}

	/* SHAREWINDOW */	
	
	#popUpWindow #linksleft {
		float: left;
		text-align: left;
		padding-left: 20px;
		width: 150px;
	}

	#popUpWindow #linksright {
		float: right;
		text-align: right;
		padding-right: 20px;
		width: 150px;
	}

	#popUpWindow img {
		width: 35px;
		vertical-align: middle;
	}

	#popUpWindow a:hover {
		text-decoration: none;
	}

	#popUpOverlay {
		height: 280px;  
	}

	#popUpWindow {
		height: 220px;
		overflow: hidden;
	}
	
	/* ARTICLE */
	
	.articleTitle {
		font-size: 22px;
	}

	.attachmentTitle {
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.articleSummary {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 15px;
	}

	.articleContent {
		font-size: 12px;
		line-height: 18px;
	}
	
	.articleImageWrapper {
		float: right;
		margin: 10px 0px 10px 20px;
		width: 170px;
	}
	
	.articleFilesWrapper {
	}
	
	/* PAGE */
	
	h1.pageTitle {
		font-size: 22px;
		padding-bottom: 15px;
	}
	
	/* ARTICLEBYCATEGORY */

	.categoryAreaWrapper {
		font-size: 14px;
		width: 722px;
		margin-left: 4px;
		padding-top: 20px;
	}

	.categoryAreaWrapper .contentArea {
		width: 530px;
		border: 0;
	}

	.categoryAreaWrapper .categoryFlashArea {
		width: 162px;
		padding-left: 16px;
	}

	.categoryTitle {
		font-size: 14px;
		color: #555555;
		margin-left: 10px;
		padding: 14px 0 5px 0;
		font-weight: bold;
		border-bottom: 1px dashed #bdbdbd;
	}
	
	.articleByCategoryTable {
		width: 520px;
		margin-top: 15px;
		margin-bottom: 15px;
		margin-left: 10px;
	}

	.articleByCategoryHeader {
		font-size: 14px;
		border-bottom: 1px dashed #bdbdbd;
		height: 30px;
	}
	
	.articleByCategoryElement {
		font-size: 11px;
		border-bottom: 1px dashed #bdbdbd;
		height: 30px;
		padding-top: 8px;
	}

	.pagerTable {
		width: 530px;
		background-color: #cfcecb;
		height: 53px;
		font-size: 11px;
		color: #444444;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	.pagerTable a {
		color: #444444;
	}
	
	.pagerPreviousLink {
		white-space: nowrap;
	}
	
	.pagerCurrentPage {
		text-align:center; 
		width: 100%;
	}
	
	.pagerNextLink {
		white-space: nowrap; 
		text-align: right;
	}

	.pagerPreviousLink {
		width: 150px;
		min-width: 125px;
		padding-left: 25px;
	}

	.pagerNextLink {
		width: 150px;
		min-width: 125px;
		padding-right: 25px;
	}
}
