@media screen, projection {

	body {
		background: #d7d3d0 url('../../img/hjemme/background.jpg') repeat-y 50% 10px;
		font-size: 11px;
		line-height: 18px;
		font-family:Arial, Helvetica, Sans-Serif;
		color: #555555;
	}
	
	h1, h2 {
		font-size: 22px;
		line-height: 20px;
		margin-bottom: 15px;
	}
	
	h3 {
		font-size: 14px;
		line-height: 20px;
	}
	
	.articleSummary {
		font-size: 14px;
		line-height: 20px;
	}

	a {
		text-decoration: none;
		color: #4e8abe;
	}

	a:hover {
		text-decoration: underline;
		color: Red;
	}
	
	p {
		margin-bottom: 20px;
	}

	.pageSummary {
		font-size: 14px;
		line-height: 20px;
	}

	.pageWrapper {
		background-color: #ededed;
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		padding: 0;
	}
	
	.pageContentWrapper {
		height: 1%;
	}
	
	.topWrapper {
		background: #ffffff url('../../img/anbefaler/tablogo.png') no-repeat top right;
		width: 900px;
		height: 59px;
		border: 1px solid #ffffff;
		overflow: visible;
		margin-left: 30px;
		clear: both;
	}
	
	.topLogoBackground {
		width: 83px;
		height: 59px;
		background: #ffffff url('../../img/anbefaler/smalltab.png') no-repeat top left;
		overflow: visible;
		float: left;
		border-right: 1px solid white;
	}
	
	.topLogo {
		background: transparent url('../../img/anbefaler/anbefalerlogo.png') no-repeat top right;
		width: 83px;
		height: 108px;
		position: absolute;
		bottom: 8px;
		left: 8px;
		cursor: pointer;
	}
	
	.tabWrapper {
		float: left;
	}

	.tabWrapper ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.tabWrapper .tab {
		width: 162px;
		height: 59px;
		float: left;
		text-align: center;
		text-transform: uppercase;
		border-right: 1px solid white;
		background: transparent url('../../img/anbefaler/tabbg.png') no-repeat top left;
	}

	.tabWrapper .activeTab {
		background: transparent url('../../img/anbefaler/tabactive.png') no-repeat top left;
	}
		
	.tabWrapper .merketTab {
		background: transparent url('../../img/anbefaler/tabbg_merket.png') no-repeat top left;
	}
		
	.tabContentWrapper {
		display: table-cell;
		vertical-align: middle;
		cursor: pointer;
		width: 149px;
		height: 60px;		
		/* For IE6/7 */
		position: relative;
		top:expression(this.parentNode.clientHeight/2 - this.firstChild.clientHeight/2 + " px");
	}

	.hjemmeLinkTab {
		background: transparent url('../../img/anbefaler/hjemmelogo.png') no-repeat 0px 14px;
		cursor: pointer;
		width: 127px;
		height: 60px;
		float: right;
	}

	.tabContent {
		text-align: center;
		
		/* center horizontally */
		margin: 0 auto;
		width: 140px;
	}

	.tab:hover {
		background: transparent url('../../img/anbefaler/tabactive.png') no-repeat;
	}
	
	.separatorLine {
		width: 900px;
		height: 3px;
		background-color: #cccbc7;
		margin: 15px 0 15px 30px;
		clear: both;
	}
	
	.hideShortcut {
    height:1px; 
    left:0px; 
    overflow:hidden; 
    position:absolute; 
    top:-500em; 
    width:1px;  
	}
	
	.linkMenu {
		padding-top: 5px;
		padding-right: 30px;
		float: right;
	}
	
	.searchBox {
		padding-right: 28px;
		float: right;
	}
	
	.headerMenu {
		float: right;
		padding-top: 25px;
	}

	.flashWrapper {
		margin-top: 15px;
		margin-left: 30px;
		margin-right: 30px;
		width: 900px;
	}
	
	.bigButtonsWrapper {
		height: 250px;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	

	.bigButtonsWrapper .bigButton {
		width: 134px;
		border-right: 1px solid #cccbc7;
		float: left;
		padding-left: 24px;
		padding-right: 24px;
		height: 250px;
	}

	.bigButtonsWrapper .bigLastButton {
		width: 334px;
		height: 250px;
		float: left;
		padding-left: 24px;
		padding-right: 24px;
	}

	.bigButtonsWrapper .bigLastButton img {
		width: 317px;
		height: 114px;
	}

	.bigButtonsWrapper .bigLastButton h3 {
		font-size: 14px;
		margin-top: 13px;
	}

	.bigButtonsWrapper .bigLastButton p {
		margin-top: 13px;
		margin-bottom: 13px;
		line-height: 15px;
	}

	.bigButtonsWrapper .bigButton p {
		margin-top: 13px;
		margin-bottom: 13px;
		line-height: 15px;
	}

	.buttonBottomLink {
		position: absolute;
		bottom:0;
		left:24px;
	}

	.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;
	}
	
	.buttonStotter {
		background: transparent url('../../Img/hjemme/enova_stotter.png') no-repeat 24px 0px;
	}

	.buttonSvarer {
		background: transparent url('../../Img/hjemme/enova_svarer.png') no-repeat 24px 0px;
	}

	.buttonNettprat {
		background: transparent url('../../Img/hjemme/enova_nettprat.png') no-repeat 24px 0px;
	}

	.buttonContent {
		padding-top: 0px;
	}
	
	.buttonImageLink {
		width: 134px;
		height: 166px;
		display: block;
	}
	
	.smallButtonsWrapper {
		padding-left: 30px;
		padding-right: 30px;
	}


	.frontpageLayoutWrapper {
		margin-left: 30px;
		margin-right: 30px;
		padding-top: 10px;
	}
	
	.frontpageLayoutWrapper .topArea {
		
	}
	
	.frontpageLayoutWrapper .topArea img {
		width: 900px;
	}

	.frontpageLayoutWrapper .leftArea {
		width: 510px;
		float: left;
		margin-top: 15px;
		border-right: 1px solid #cccbc7;
		padding-left: 15px;
		padding-right: 20px;
	}

	.frontpageLayoutWrapper .rightArea {
		width: 333px;
		float: right;
		margin-top: 15px;
	}

	.contentPageLayoutWrapper .leftArea {
		width: 162px;
		float: left;
		margin-top: 12px;
		padding-left: 42px;
	}

	.contentPageLayoutWrapper .rightArea {
		width: 711px;
		float: right;
		margin-top: 12px;
		padding-right: 30px;
	}

	.mediabankPageLayoutWrapper .leftArea {
		width: 162px;
		float: left;
		margin-top: 12px;
		padding-left: 42px;
	}

	.mediabankPageLayoutWrapper .rightArea {
		width: 711px;
		float: right;
		margin-top: 12px;
		padding-right: 30px;
	}

	.productPageLayoutWrapper .topArea .topLeftArea {
		width: 162px;
		float: left;
		margin-top: 12px;
		padding-left: 42px;
	}

	.productPageLayoutWrapper .topArea .topRightArea {
		width: 711px;
		float: right;
		margin-top: 12px;
		padding-right: 30px;
	}

	.productPageLayoutWrapper .bottomArea .bottomLeftArea {
		width: 162px;
		float: left;
		margin-top: 12px;
		padding-left: 42px;
	}

	.productPageLayoutWrapper .bottomArea .bottomMiddleArea {
		width: 340px;
		float: left;
		margin-top: 12px;
		padding-left: 25px;
	}

	.productPageLayoutWrapper .bottomArea .bottomRightArea {
		width: 333px;
		float: right;
		margin-top: 12px;
		padding-right: 30px;
	}

	.frontpageLayoutWrapper .rightArea img {
		width: 333px;
	}

	.contentPageLayoutWrapper .leftArea img {
		width: 162px;
	}

	.mediabankPageLayoutWrapper .leftArea img {
		width: 162px;
	}

	.productPageLayoutWrapper .topArea .topRightArea img {
		width: 711px;
	}

	.productPageLayoutWrapper .bottomArea .bottomLeftArea img {
		width: 162px;
	}

	.productPageLayoutWrapper .bottomArea .bottomMiddleArea img {
		width: 348px;
	}

	.productPageLayoutWrapper .bottomArea .bottomRightArea img {
		width: 333px;
	}

	/* LEFTMENU */	

	.pageTab {
		background: transparent url('../../Img/anbefaler/pagetab.gif') no-repeat;
		width: 162px;
		height: 38px;
		color: #16082a;
		text-align: center;
		padding-top: 22px;
		text-transform: uppercase;
	}
	
	.leftMenu {
		width: 160px;
		list-style-type:none;
		vertical-align: top;
		padding-left: 0px;
		margin-top: 0px;
		margin-left: 0px;
	}

	.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;
	}
	.mediabankPageLayoutWrapper .leftMenu .leftMenuElement span
	{
		color:#4E8ABE;
		min-height: 22px;
		display:block;
	}
	.mediabankPageLayoutWrapper .leftMenu .leftMenu  .leftMenuElement
	{
		border-bottom:0px;
		min-height: 10px;
		padding:0;
	
	}
	.mediabankPageLayoutWrapper .leftMenu .leftMenu a
	{
		padding-left: 20px;
		color: #999999;
	}
		.mediabankPageLayoutWrapper .leftMenu .leftMenu .active
		{
			color: Black;
		}
	.mediabankPageLayoutWrapper .leftMenu 
	{
	
	}
	.mediabankPageLayoutWrapper .leftMenu .leftMenu
	{
		border-bottom: 0px;
		margin-top: 0px;
		padding-bottom:5px;
	}
	.mediabankPageLayoutWrapper .leftMenuElement  
	{
		
	}


	.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;
	}

	/* PATH */	


	.pathWrapper {
		height: 20px;
		margin-left: 45px;
		margin-top: 10px;
		width: 100%;
		color: #999999;
	}

	.pathWrapper a {
		color: #999999;
	}

	/* FAKTABOKS */
	.faktaboksAnbefaler {
		width: 149px;
		margin-left: 30px;
		margin-bottom: 30px;
		float: right;
	}
	
	.faktaboksAnbefaler img {
		width: 149px;
	}
	
	.faktaboksTitle {
		width: 150px;
		height: 30px;
		background: transparent url('../../img/anbefaler/faktaboks.gif') no-repeat;
		text-align: center;
		padding-top: 5px;
		color: #777777;
	}
	
	.faktaboksContent {
		line-height: 15px;
	}
	
	.faktaboksContent h3 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	/* SHAREWRAPPER */
	
	.shareWrapper {
		margin: 15px 0 15px 0;
		font-size: 12px;
		color: #555555;
	}

	.shareWrapper img {
		vertical-align: text-bottom;
	}

	.shareWrapper a {
		color: #555555;
	}

	.rssIconLink {
		position: absolute;
		right:0;
		top:6px;
	}

	/* ARTICLEPAGE */
	
	.articleRightArea {
		overflow: visible;
	}
	
	.articleContentArea {
		width: 710px;
		overflow: visible;
	}
	
	.articleContent {
		overflow: visible;
		margin-top: 20px;
	}

	/* LOGINVIEW */
	
	.logInWrapper {
		width: 132px;
		background-color: #d6d5d1;
		color: #444444;
		padding: 15px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.loggedInName {
		font-style: italic;
	}
	
	.logOutLink {
	
	}
	
	.usernameLabel {
		font-style: italic;
	}

	.passwordLabel {
		font-style: italic;
	}
	
	.passwordTextBox {
		width: 130px;
	}
	
	.usernameTextBox {
		width: 130px;
	}
	
	.errorMessage {
		color: Red;
		text-align: right;
	}
	
	.loginButton {
		float: right;
		margin-top: 5px;
		border: 1px solid #898885;
		padding: 0px 4px;
	}
	
	/* MEDIABANK */
	
	.mediabankTitle {
		font-size: 14px;
	}
	
	.mediabankSummary {
	
	}
	
	.mediabankLink {
	}
	
	.mediabankItem {
		padding-left: 10px;
	}
	
	.mediabankPager {
		width: 711px;
		height: 53px;
		background-color: #cfcecb;
		margin-top: 15px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.mediabankPagerMiddle {
		display: block;
		position: absolute;
		width: 525px;
		text-align: center;
		left: 90px;
		top: 20px;
	}
	
	.mediabankPagerPrevLink {
		display: block;
		position: absolute;
		width: 60px;
		text-align: left;
		left: 0px;
		top: 20px;
		padding-left: 20px;
	}
	
	.mediabankPagerNextLink {
		display: block;
		position: absolute;
		width: 60px;
		text-align: right;
		right: 0px;
		top: 20px;
		padding-right: 20px;
	}

	.mediabankImage {
		float: right;
	}
	
	.mediabankImage img {
		width: 150px;
	}	

	.separatorLineMediaBank {
		width: 100%;
		height: 3px;
		background-color: #cccbc7;
		margin: 15px 0;
		clear: both;
	}
	
	.formInputWrapper {
		margin-bottom: 10px;
	}

	.formLabel {
		clear: right;
		display: block;
	}
	
	.formTextBox {
		width: 250px;
		height: 20px;
	}
	
	/* SMALL AREA */
	
	.area1Wrapper {
		width: 138px;
		padding: 0 22px 0 15px;
		border-right: 1px solid #cccbc7;
	}

	.area2Wrapper {
		width: 134px;
		padding: 0 25px;
		border-right: 1px solid #cccbc7;
	}

	.area3Wrapper {
		width: 134px;
		padding: 0 25px;
		border-right: 1px solid #cccbc7;
	}

	.area4Wrapper {
		width: 149px;
		padding: 0 25px;
		border-right: 1px solid #cccbc7;
	}

	.area5Wrapper {
		width: 119px;
		padding-left: 25px;
	}
	
	.smallButton {
		float: left;
		height: 173px;
	}

	.area1Wrapper img {
		width: 138px;
		height: 84px;
	}

	.area2Wrapper img {
		width: 134px;
		height: 84px;
	}
	
	.area3Wrapper img {
		width: 134px;
		height: 84px;
	}
	
	.area4Wrapper img {
		width: 149px;
		height: 84px;
	}
	
	.area5Wrapper img {
		width: 119px;
		height: 84px;
	}
	
	.smallButton h3 {
		font-size: 14px;
		line-height: 15px;
		margin-top: 8px;
		margin-bottom: 7px;
		padding: 0;
	}

	.smallButton p {
		margin-bottom: 7px;
	}
	
	/* QUIZPAGE */
	.quizPageLayoutWrapper {
		width: 935px;
	}
	
	.quizHeaderMenu {
		width: 935px;
		padding-top: 25px;
		padding-left: 23px;
	}
	
	.quizHeaderLogo {
		float: left;
		background: transparent url('../../img/anbefaler/quiz_headerlogo.png') no-repeat;
		width: 438px;
		height: 43px;
	}
	
	.quizWrapper {
		margin-top: 13px;
		margin-bottom: 18px;
	}
	
	.quizTop {
		width: 901px;
		height: 154px;
		background: transparent url('../../img/anbefaler/quiztop.png') no-repeat;
		margin-left: 30px;
	}

	.quizBottom {
		width: 901px;
		height: 28px;
		background: transparent url('../../img/anbefaler/quizbottom.png') no-repeat;
		margin-left: 30px;
	}

	.quizContentWrapper {
		width: 901px;
		background: transparent url('../../img/anbefaler/quizbg.png') repeat-y;
		margin-left: 30px;
	}
	
	.quizContent {
		width: 820px;
		padding-left: 60px;
		font-size: 16px;
		font-weight: bold;
		color: #000000;
	}
	
	.quizContent .radioButtonList td {
		font-weight: normal;
		width: 160px;
	}

	.quizContent .radioButtonList td input {
		margin-right: 6px;
	}

	.quizContent .quizWindow {
		width: 215px;
		height: 329px;
		background: transparent url('../../img/anbefaler/quiz-vindu.png') repeat-y;
		float: right;
	}

	.quizInput {
		background: transparent url('../../img/anbefaler/quizinput.png') no-repeat;
		width: 391px;
		height: 29px;
		padding-right: 15px;
		padding-bottom: 13px;
		float: left;
	}
	
	.quizInput label {
		padding-left: 10px;
		display: inline;
		line-height: 25px; 
	}

	.quizInput input {
		width: 270px;
		height: 18px;
		border: 0;
		padding-top: 4px;
	}

	.quizLine1 {
		padding-top: 40px;
	}
	
	.quizFooter {
		width: 100%;
	}
	
	.quizFooterImages {
		float: left;
	}
	
	.quizFooterImages img {
		vertical-align: middle;
		padding-right: 5px;
	}
	
	.quizConditions {
		font-size: 12px;
		font-weight: normal;
		float: right;
	}
	
	.quizSubmit {
		float: right;
		padding-right: 22px;
		padding-left: 20px;
	}
	
	#quizFlash {
		text-align: center;
		padding-bottom: 17px;
	}
	
	
	.mediabankLink2, .mediabankLink2:visited, .mediabankLink2:active
	{
		color: #666666;
		font-weight:bold;
	}
	.mediabankLink2:hover
	{
		color: #666666;
		font-weight:bold;
	}
	.mediabankItem .left
	{
		float:left;
		width:400px;
	}
	.mediabankItem .right
	{
		float:right;
		width:300px;
	}
}