.font {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	}
.font_storre {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bolder;
	font-style: normal;
	}
.font_liten {
	font-family: Helvetica, arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	}
.font_liten_hvit {
	font-family: Helvetica, arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	}
#navcontainer { width: 170px; }
#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family:arial, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;

}

/*#navcontainer a { display: block; padding: 4px; width: 170px; background-color: #004A66; border-bottom: 1px solid #FFF; } */
#navcontainer a {
	display: block;
	padding: 4px;
	width: 170px;
	background-color: #864f15;
	border-bottom: 1px solid #FFF;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;



}
#navcontainer a:link, #navlist a:visited {
	color: #ffffff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a:hover {
	background-color: #ae8861;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;

}	

A:link {
	text-decoration: underline;
	color: #000000;
	}
	
A:visited {
	text-decoration: underline;
	color: #000000;
	}
A:active {
	text-decoration: underline;
	color: #666666;
	}
A:hover {
	color: #003366;
	text-decoration: underline;
	}

.left_bkagrunn_no_repeat {
	background-image: url(images/bak.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;}

A.menulink:link {
	text-decoration: none;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;	
	}
	
A.menulink:visited {
	font-size: 13px;
	text-decoration: none;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	}
A.menulink:active {
	font-size: 13px;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-weight: bold;
	}
A.menulink:hover {
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	}


.font-box {
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;

}

.boxlink {
	color: #000000;
	text-decoration: none;
	font-family: Helvetica,Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.boxlink:link {
	color: #000000;
	text-decoration: none;
	font-family: Helvetica,Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.boxlink:active {
	text-decoration: none;
	color: #000000;
	font-family: Helvetica,Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.boxlink:visited {
	text-decoration: none;
	color: #000000;
	font-family: Helvetica,Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.boxlink:hover {
	color: #000000;
	font-family: Helvetica,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

.nyhet_overskrift {

	font-size: 150%;
	font-family: Helvetica;
	
}
.nyhet_ingress {
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	}
.nyhet_skrevet_av {
	font-family: Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.hoved_overskrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #00000;
	text-decoration: none;
}

.nyhet_knapp_overskrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #00000;
	text-decoration: none;
}

.side_overskrift {
	font-size:150%;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;

	
}

.boks_style {
style: width:100px; height:20px; border:1px solid #cccccc; font-size:14px; margin-bottom:3px; background-color: #ffffff;font-family: Helvetica, Arial, sans-serif;
}

.boks_style2 {
style: width:100px; height:20px; border:1px solid #666666; font-size:12px; margin-bottom:3px; background-color: #B9B9B9;
}

.admin_style {
style: width:100px;  border:1px solid #cccccc; font-size:12px; margin-bottom:3px; background-color: #ffffff;font-family: Verdana;
}

.admin_style2 {
style: width:100px;  border:1px solid #666666; font-size:12px; margin-bottom:3px; background-color: #B7B7B7;font-family: Verdana, Arial;
}

.admin_style3 {
style: width:100px;  border:1px solid #666666; font-size:12px; margin-bottom:3px; background-color: #cccccc;font-family: Verdana, Arial;
}
.nyhet_ingress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
		}
		
.layout_td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	border: 0px dotted #CCCCCC;
	background-color: #B7B7B7;
	#background-attachment: fixed;
	background-image: url(img/trompet1.jpg);
	background-repeat: no-repeat;
	background-position: center center;



		}
		
.layout_td_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #f4f4f4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;

		}


		}
		
.layout_td_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #f4f4f4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;

		}
		
.layout_td_bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	border-top: 0px dotted #CCCCCC;
	border-right: 0px dotted #CCCCCC;
	border-bottom: 0px dotted #CCCCCC;
	border-left: 0px dotted #CCCCCC;
		}
		
.layout_td_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	border-top: 0px dotted #CCCCCC;
	border-right: 0px dotted #CCCCCC;
	border-bottom: 0px dotted #CCCCCC;
	border-left: 0px dotted #CCCCCC;
		}
		
.layout_td_top_boks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border-top: 0px dotted #CCCCCC;
	border-right: 0px dotted #CCCCCC;
	border-bottom: 0px dotted #CCCCCC;
	border-left: 0px dotted #CCCCCC;
		}

.menyvenstre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-attachment: fixed;
	background-image: url(img/left1.jpg);
	background-repeat: no-repeat;
	background-position: left ;
}

.skapbakgrunn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-attachment: fixed;
	background-image: url(img/skap_bakgrunn.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.venstre {
	background-image: url(img/venstre.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
}
.layoutleftny {
	background-color: #333333;
	background-image: url(img/left.jpg);
	background-repeat: no-repeat;
}
.lefthore {
	background-color: #000000;
}
.fontadresse {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.fontliten {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
}
.storlinjeavstand {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.5;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
borderny {
	border: 1px 1 #999999;
}
.linjerundt {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	
}
.linjenederst {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
.linjehoyre {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}
.linjevenstre {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
}
.linjeoveralt {
	border: 1px solid #D7E3EC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.cursorny {
	cursor: hand;
	

}
.nytoppmeny {
	background-color: #333333;
	background-image: url(img/nytopp-under2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.linjevenstreny {
	background-image: url(img/hoyre6.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
}
.fontmedbakgrunn {
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	}
	
	
	
	
	
	#banner{
	width: 800px;
	height: 137px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-color: #000;
	margin-right: auto;
	margin-top: auto;
	margin-left: -1px;;
	background-image: url(Assets/Designelement/Layout/Banner.png)
}

#menucontainer{
	width: 120px;
	height: 33px;
	background: #fce381;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

#content{
	width: 780px;
	height: 375px;
	padding: 10px;
	border-color: #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-image:url(Assets/Designelement/Layout/Innhaldsboks.png);
	float: center;
	margin-right: auto;
	margin-top: auto;
	margin-left: auto;
}

#footer{
	width: 800px;
	height: 28px;
	background-image: url(Assets/Designelement/Layout/Footer.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	border-color: #000;
	border-left: 1px solid #000;
	border-right:1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
	font: normal 10px "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

Menyknappar

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {position: relative; width:120px; height:33px; margin-top: -1px;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin: -1px; padding-top: -1px; margin-right: 1px; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block; width:133px; font-size:13px; font-family: "Gill Sans", Arial, Helvetica, sans-serif; color:#000; height:33px; line-height: 32px; text-decoration:none; text-align:center; text-indent:0px; border:1px solid #000; border-width:1px 1px 1px 1px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background:#fce381;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#feca29; color:#000000;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 31px; background: #fca381 transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:102px; top:-7px; margin-right: 1px; }

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position: inherit; background:#fce381; color:#000;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#feca29; color:#000;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#7484ad url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#fce381 url(http://www.cssplay.co.uk/menus/drop.gif) no-repeat right center;}








#menucontainer2{
	width: 800px;
	height: 33px;
	background: #fce381;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

#content2{
	width: 780px;
	height: 375px;
	padding: 10px;
	border-color: #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-image:url(Assets/Designelement/Layout/Innhaldsboks.png);
	float: center;
	margin-right: auto;
	margin-top: auto;
	margin-left: auto;
}

#footer2{
	width: 800px;
	height: 28px;
	background-image: url(Assets/Designelement/Layout/Footer.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	border-color: #000;
	border-left: 1px solid #000;
	border-right:1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
	font: normal 10px "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

Menyknappar

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container2 {position: relative; width:800px; height:33px; margin-top: -1px;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu2, #pmenu2 ul {padding:0; margin: -1px; padding-top: -1px; margin-right: 1px; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu2 a, #pmenu a:visited {display:block; width:133px; font-size:13px; font-family: "Gill Sans", Arial, Helvetica, sans-serif; color:#000; height:33px; line-height: 32px; text-decoration:none; text-align:center; text-indent:0px; border:1px solid #000; border-width:1px 0 1px 1px;}

/* Set up the sub level borders */
#pmenu2 li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu2 li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu2 li {float:left; background:#fce381;}

/* For Non-IE browsers and IE7 */
#pmenu2 li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu2 li:hover > a {background:#feca29; color:#000000;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu2 li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu2 li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 31px; background: #fca381 transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu2 > li:hover > ul {left:-30px; top:25px; margin-right: 1px; }

/* get rid of the table */
#pmenu2 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu2 li a:hover {position: inherit; background:#fce381; color:#000;}

/* For accessibility of the top level menu when tabbing */
#pmenu2 li a:active, #pmenu li a:focus {background:#feca29; color:#000;}

/* Set up the pointers for the sub level indication */
#pmenu2 li.fly {background:#7484ad url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;}
#pmenu2 li.drop {background:#fce381 url(http://www.cssplay.co.uk/menus/drop.gif) no-repeat right center;}

.gronn {
	background-attachment: scroll;
	background-color: #7eab52;
	background-image: url(img/gronn09-.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.lilla {
	background-attachment: scroll;
	background-color: #ed1c24;
	
	background-repeat: no-repeat;
	background-position: left top;
}
.bluegrad {
	background-attachment: scroll;
	background-color: #ffffff;
	background-image: url(img/gradient2012.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.underbruatopp {
	background-color: #333333;
	background-image: url(img/underbruablaa.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.underbruatop {
	background-color: #ed1c24;
	background-image: url(img/2012banner-v1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}