body {
	background-color		: rgb( 240, 240, 240 );
	text-align				: center;
	font-size				: 12px;
	font-family				: arial;
}

.bodytext {
	font-size				: 12px;
	font-family				: arial;
}

.pageArea {
	background-color		: rgb( 255, 255, 255);
	width					: 690px;
	margin					: auto;
	text-align				: center;
}

.headerArea {
	width					: 650px;
	margin-left				: 20px;
	margin-right			: 20px;
}

.headerArea .logoArea {
	background-image		: url(../grafikk/logoBackground.jpg);
	background-repeat		: repeat-x;
	height					: 80px;
	width					: 650px;
}

.headerArea .logoArea .primaryLogo {
	float					: left;
	width					: 222px;
}

.headerArea .logoArea .secondaryLogo {
	float					: right;
	width					: 252px;
}

.headerArea .headerGraphics {
	text-align				: left;
	width					: 650px;
	height					: 158px;
	overflow				: hidden;
}

.headerArea .headerGraphics .menu .listMenu {
	position				: relative;
	top						: -25px;
	margin					: 0px;
	margin-left				: 20px;
	padding					: 0px;
}

.headerArea .headerGraphics .menu .listMenu li {
	display					: inline;
	margin-right			: 20px;
	font-weight				: bold;
	width					: 99px;
	height					: 23px;
	padding-top				: 5px;
	text-align				: center;
}

.headerArea .headerGraphics .menu .listMenu .active {
	background-image		: url(../grafikk/menuBackgroundActive.gif);
}

.headerArea .headerGraphics .menu .listMenu .active a {
	color					: rgb( 135, 175,  55 );
	text-decoration			: none;
}

.headerArea .headerGraphics .menu .listMenu .inactive {
	background-image		: url(../grafikk/menuBackground.gif);
}

.headerArea .headerGraphics .menu .listMenu .inactive a {
	color					: rgb(   0,   0,   0 );
	text-decoration			: none;
}

.mainArea {
	margin-top				: 20px;
	margin-left				: 20px;
	margin-right			: 20px;
	text-align				: left;
}

.mainArea .menuArea {
	float					: left;
	width					: 158x;
	margin					: 0px;
	padding					: 0px;
}

.mainArea .contentArea {
	float					: right;
	width					: 470px;
	margin					: 0px;
	padding					: 0px;
}

.mainArea .contentArea h1 {
	font-weight				: bold;
	font-size				: 15px;

}

.mainArea .contentArea table {
	font-size				: 12px;
}

.contentArea .areaHeader {
	background-image		: url(../grafikk/areaHeader.jpg);
	width					: 470px;
	height					: 40px;
	font-size				: 20px;
	font-family				: arial narrow;
	font-weight				: bold;
	padding					: 10px;
	padding-top				: 10px;
}

.contentArea .areaContent {
	background-image		: url(../grafikk/areaBackground.jpg);
	background-position		: 1px;
	width					: 470px;
}

.contentArea .areaContent .newsListing {
	padding					: 10px;
}

.contentArea .areaContent .article {
	padding					: 10px;
}

/******************************************************
*
* NYHETSLISTE
*
******************************************************/
.contentArea .newsListing {
}

.contentArea .newsListing img {
	float					: right;
	border-width			: 1px;
	border-color			: rgb( 150, 150, 150);
	border-style			: solid;
}

.contentArea .newsListing h2 {
	position				: relative;
	left					: -15px;
	margin-left				: 15px;
	font-size				: 14px;
}

.contentArea .newsListing h2 a {
	color					: rgb( 135, 175,  55 );
	text-decoration			: none;
}

.contentArea .newsListing .ingress {
	font-weight				: normal;
}


/******************************************************
*
* ARTIKLER
*
******************************************************/
.article {

}

.article h1 {
	font-size				: 15px;
	color					: rgb( 135, 175,  55 );
}

.article h2 {
	font-size				: 14px;
}

/******************************************************
*
* REGIONER
*
******************************************************/
.infoRegion {
	margin					: 0px;
	padding					: 10px;
	height					: 107px;
	color					: white;
	font-size				: 10px;
}

.infoRegion h1 {
	color					: white;
}

.infoRegion h2 {
	color					: white;
}

.contentArea .areaContent .infoRegion .article {
	padding					: 0px;
}

.contentArea .areaContent .infoRegion .article h1 {
	font-size				: 20px;
	font-family				: arial narrow;
	font-weight				: bold;
	color					: white;
}

.infoRegion table {
	font-size				: 11px;
}

.infoRegion table td {
	vertical-align			: top;
	color					: white;
}


/******************************************************
*
* REGIONMENY
*
******************************************************/
.mainArea .menuArea .listMenu {
	margin					: 0px;
	margin-top				: 10px;
	padding					: 5px;
	list-style-type			: none;
	width					: 158px;
}

.mainArea .menuArea h2 {
	color					: white;
	font-size				: 14px;
	padding-left			: 5px;
	padding-top				: 3px;
	padding-bottom			: 0px;
	margin-bottom			: 3px;
}

.mainArea .menuArea .listMenu li {
	margin-bottom			: 5px;
}

.mainArea .menuArea .listMenu li a {
	color					: white;
	font-weight				: bold;
	text-decoration			: none;
}

.mainArea .menuArea .listMenu li a:hover {
	color					: white;
	font-weight				: bold;
	text-decoration			: underline;
}


/******************************************************
*
* ASKER OG BÆRUM
*
******************************************************/
.infoAskerBarum {
	background-image		: url(../grafikk/infoBackgroundBlue.jpg);
}

.menuAskerBarum {
	background-image		: url(../grafikk/infoBackgroundBlue.jpg);
}

/******************************************************
*
* FOLLO
*
******************************************************/
.infoFollo {
	background-image		: url(../grafikk/infoBackgroundYellow.jpg);
}

.menuFollo {
	background-image		: url(../grafikk/infoBackgroundYellow.jpg);
}


/******************************************************
*
* NEDRE ROMERIKE
*
******************************************************/
.infoNedreRomerike {
	background-image		: url(../grafikk/infoBackgroundPink.jpg);
}

.menuNedreRomerike {
	background-image		: url(../grafikk/infoBackgroundPink.jpg);
}

/******************************************************
*
* ØVRE ROMERIKE
*
******************************************************/
.infoOvreRomerike {
	background-image		: url(../grafikk/infoBackgroundPurple.jpg);
}

.menuOvreRomerike {
	background-image		: url(../grafikk/infoBackgroundPurple.jpg);
}



.pageArea .footer {
	clear					: both;
}