@media screen, projection {

	.blueLink {
		background:	url('../../img/klimakommuner/arrow_blue.png') no-repeat left 5px;
		padding-left: 10px;
		line-height:16px;
		font-size: 12px;
		font-weight: bold;
		color:#4E8ABE;		
	}

	.ColumnLeftEnergi {
		width:358px;
		margin-right: 0;
		margin-left: 0;
		float:left;
	}
	
	.ColumnRightEnergi {
		width: 530px;
		float: right;
		overflow: visible;
	}
	
	.ColumnRightEnergi {
		font-size: 14px;
		font-family: Georgia, Serif; 
	}

	.ColumnRightEnergi .articleTitle {
		font-size: 16px;
	}

	.PublicationDate {
		font-family: Georgia, Serif;
		font-size: 12px;
		width:100%;
		padding-left:5px;
		margin-bottom: 10px;
		line-height: 30px;
		height: 32px;
		display: block;
		border-top: 1px solid #cac9c5;
		border-bottom: 1px solid #cac9c5;
		color: #888;
	}

	.BigArticleImage {
		width: 511px;
		height: 260px;

		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(../../img/klimakommuner/bigimagebg.png) no-repeat scroll left 50%;

		margin-bottom:10px;
		margin-left:-4px;
		padding:13px 14px;
	}

	.energyListWrapper {
		width:350px;
		overflow: hidden;
	}
	
	.energyListHeader {
		background-image: url('../../img/klimakommuner/roundedTop.png');
		background-repeat: no-repeat;
		background-position: -4px 0px;
		width: 100%;
		height: 15px;
	}

	.energyListFooter {
		background-image: url('../../img/klimakommuner/roundedBottom.png');
		background-repeat: no-repeat;
		background-position: -4px 0px;
		width: 100%;
		height: 9px;
	}

	.energyListItemsWrapper {
		background-image: url('../../img/klimakommuner/roundedContent.png');
		background-repeat: repeat-y;
		background-position: -4px 0px;
		width: 325px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.energyListItem {
		overflow: hidden;
		margin-bottom: 10px;
		clear: both;
	}

	.energyListItem .energyItemContent {
		padding-left: 10px;
		font-size: 12px;
		line-height: 16px;
	}
	
	.energyItemTitle {
		font-family: Georgia, Serif;
		font-size: 14px;
		line-height: 18px;
		color: #3e5d0c;
		margin-top: 8px;
		margin-bottom: 8px;
		padding:0;
	}

	.energyListItem .energyItemPhoto {
		float: left;
	}
	
	.energyListItem .energyItemPhoto img {
		width: 154px;
		height:94px;
	}

	.enovaTVLogo {
		vertical-align: text-top;
		margin-right: 5px;
	}

	.enovaTVLogoRight {
		float: right;
		margin-left: 10px;
		margin-top: 2px;
	}
	
	.ReadMore {
		margin-top: 5px;
	}

	/* pager */
	
	.pagerWrapper {
		width: 100%;
	}
	
	div.pager {
		margin: 5px 0 7px 0;
		font-family: Arial;
		font-weight: bold;
		font-size: 12px;
		text-align: right;
		float: right;
	}
	
	div.pager a {
		padding: 2px 4px;
		display: inline-block;
		text-decoration: none;
		height: 20px;
		width: 20px;
		background-color:#cbcac6;
		color:#6a6a6a;
		text-align: center;
	}

	div.pager span span {
		padding: 2px 4px;
		display: inline-block;
		background-color: #3e5d0c;
		color: #ffffff;
		height: 20px;
		width: 20px;
		text-align: center;
	}

	div.pagerBottom {
		background-image:	url('../../img/klimakommuner/dashed.png');
		background-repeat: repeat-x;
		width: 100%;
		height: 1px;
	}
	
	/* sortwrapper */

	.SortWrapper {
		float: right;
		padding-bottom: 30px;
		padding-right: 12px;
		overflow: visible;
	}
	
	.SortWrapper .Button {
		display: inline-block;
		margin-bottom:0;
		vertical-align: middle;
		float:left;
	}

	.SortWrapper label {
		color: #3e5d0c;
		text-transform: uppercase;
		font-weight:bold;
		margin-right:11px;
		float:left;
		line-height:23px;
	}

	.SortWrapper select {
		margin-left:11px;
	}

	/* DETAILS */

	#kommuneFlash {
		width: 327px;
	}

	.DetailsWrapper {
		float: right;
		padding-top: 5px;
	}

	.Details {
		width: 348px;
		z-index: 0;
		padding-top: 5px;
		float:right;
	}

	.DetailsRoundCorners {
			height: 8px;
			width: 348px;
			clear:left;
			float:right;
	}

	.DetailsContent {
		margin: 7px 12px 5px 12px;
		z-index: 0;
	}

	.DetailsContent img {
		width: 327px;
	}

	.Details p {
		margin:12px 10px;
		line-height: 18px;
	}

	.Details ul {
		list-style: none;
		margin:0;
		padding:0;
		float:left;
		padding:0 0 5px 12px;
		width:142px;
		line-height:18px;
		color:#666;
	}

	.Details ul li{
		padding-left:10px;
	}

}