/* ----------------- COLORS ---------------------

beige:#E0E5C9
light beige: #ECEEDE
dark green: #304931
button green: #56A903
gray borders: #DFE3EB
light gray: #EFEFEF
dark gray: #9F9D9A
link green: #386E01

-------------------------------------------------*/

.debug{
	position:absolute;
	right:0px;
	top:0px;
	font-size:10px;
	text-transform:uppercase;
	padding:2px;
	background:#000;
	color:#fff;
	display:none;
	}

body{
font-family: "Segoe UI", Arial, helvetica, Sans-Serif;
font-size:13px;
line-height:18px;
color:#444;
background-color:#fff;
text-align:center;
background-image:url(/images/bg.png);
background-repeat:repeat-x;
}
a{
color:#386E01;
text-decoration:none;
}
a:hover{
color:#56A903;
text-decoration:underline;
cursor: pointer;
cursor:hand;
}
/* TYPOGRAPHY */

H1{
	font-size:28px;
	line-height:32px;
	font-weight:normal;
	display:block;
	}
H2{
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	display:block;
	}
H3{
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	display:block;
	}
H4{}

ul{}
li{}

.stdHeading{
	margin-top:16px;
	margin-bottom:8px;
	}

.mainbody{
	font-size:12px;
	}
.mainbody h3{
	display:block;
	padding-top:8px;
	font-size:14px;
	}
.mainbody ul{
	margin-left:24px;
	}
.mainbody li{
	list-style:disc;
	}	
.summary1{
	display:block;
	font-size:12px;
	line-height:16px;
	}	
.summary2{
	display:block;
	padding-bottom:16px;
	}


/* LAYOUT */

#wrap{
	width:944px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	
	}
#top{
	height:85px;
	width:944px;
	position:relative;
	}
#search{
	display:none;
	}
#homeLogo{
	position:absolute;
	left:0px;
	top:4px;
	}
#vaktTelefon{
	position:absolute;
	right:0px;
	top:24px;
	border:0px;
	}			
#footer{
	position:relative;
	width:944px;
	height:60px;
	padding-top:16px;
	overflow:hidden;
	border-top:1px solid #EFEFEF;
	font-size:12px;
		background-image:url(/images/shadowdown.png);
	background-repeat:no-repeat;
	background-position:center 1px;
	}	
#footer div div{
	margin-left:184px;
	overflow:hidden;
	}	
#footerLogo{
	position:absolute;
	left:0px;
	top:16px;
	}	
#recycle{
	position:absolute;
	right:0px;
	top:16px;
	}		
#provider{
width:944px;
margin-top:8px;
font-size:11px;
text-align:right;
}	
/* NAVIGATION */

/* - topmenu */

#fxpMenu1, #Fxpmenu1{
	position:absolute;
	left:0px;
	bottom:0px;
	line-height:29px;
	}
#fxpMenu1 a, #Fxpmenu1 a{
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:1px;
	}
#fxpMenu1 a:hover, #Fxpmenu1 a:hover{	
	background-color:#ECEEDE;
}
.FxPSMenuCurrentItemAText{
	background:#E0E5C9;
	font-weight:bold;
	text-decoration:underline;
	}	
	
/* menu level 2 */

.FxPBulletMenu{
	display:block;
	width:942px;
	line-height:28px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	height:28px;
	padding-bottom:10px;
	background:#EFEFEF;
	background-image:url(/images/topshadow2.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
.FxPBulletMenu li{
	float:left;
	padding-left:8px;
	padding-right:8px;
	font-size:12px;
	}	
.FxPBulletMenu li .FxPMenuRootLevelCurrentAText{
	font-weight:bold!important;
	text-decoration:underline!important;
	}
	
/* LAYOUT SPECIFIC STYLES */

/* FRONT PAGE */

#teaser{
	position:relative;
	}

#frontPageContent{
	overflow:hidden;
	background-image:url(/images/topshadow.png);
	background-repeat:no-repeat;
	background-position:center top;
	border-top:1px solid #fff;
	}

#frontPageContent .teaserBlock{
	width:944px;
	position:relative;
	height:266px;
	border-bottom:1px solid #EFEFEF;
	background-position:370px bottom;
	background-repeat:no-repeat;
	margin-top:16px;
	font-size:13px;
	 }
#frontPageContent .teaserBlock h1{
	padding-top:28px;
	padding-bottom:8px;
	}
#frontPageContent .teaserBlock h2{
	padding-bottom:8px;
	}
.fpBisCase{
	width:256px;
	padding:8px;
	overflow:hidden;
	position:absolute;
	right:0px;
	bottom:16px;
	z-index:2;
	background-image:url(/images/yellowfade.png);
	background-repeat:repeat-x;
	background-color:#E0E5C9;
	border:1px solid #E0E5C9;
	}	
.fpBisCase h1{
	font-size:22px;
	line-height:32px!important;
	padding-bottom:16px;
	}	
.fpBisCase h2{
	font-size:14px;
	padding-bottom:16px;
}		
#frontPageBoxes{
	overflow:hidden;
	background-image:url(/images/shadowdown.png);
	background-repeat:no-repeat;
	background-position:center top;
	border-top:1px solid #fff;
	}	
	
.frontPageBox{
	font-size:12px;
	min-height:200px;
	padding:8px;
	}
.frontPageBox h3{
	color:#9F9D9A;
	padding-bottom:8px;
	font-size:15px;
	}			 
#frontPageLeft{
	float:left;
	width:360px;
	padding-left:0px;
	border-right:1px solid #EFEFEF;
	}

.leftImg{
	float:left;
	border:1px solid transparent;
	}
.leftImg:hover, .rightImg:hover{
	border:1px solid #111;
	}	
.rightImg{
	float:right;
	border:1px solid transparent;
	}
#frontPageLeft img{
	padding-bottom:0px;
	margin-bottom:4px;
	}			
#frontPageMid{
	width:280px;
	margin-left:8px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	}
#frontPageRight{
float:right;
width:256px;
background-image:url(/images/grayfadeup.png);
background-repeat:repeat-x;
background-color:#EFEFEF;
border:1px solid #EFEFEF;
border-top:0px;
}
#frontPageRight a{
	display:block;
	font-weight:bold;
	}	
/*buttons */

.stdButton{
	background-color:#56A903;
	line-height:26px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	border:1px solid #56A903;
	display:inline-block;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:1px;
	background-image:url(/images/greenbutton.png);
	background-repeat:repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	} 
.stdButton:hover{
	color:#fff;
	}			
.inlineButton{
	float:left;
	clear:none;
	margin-right:16px;
	}
/* NONFRONTPAGE */

#nonFrontPage{
	background-image:url(/images/topshadow.png);
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;
	border-top:1px solid #fff;
	}

/* CONTENT 1 */

#content1{
	position:relative;
	overflow:hidden; 
	min-height:300px;
	padding-bottom:24px;
	}
#content1 .mainbody{
	overflow:hidden;
	display:block;
	padding-bottom:24px;
	width:596px;
	}	

/* CONTENT 2 - KB. Har høyrekolonne med contentlists */

#content2{
	width:944px;
	position:relative;
	/*
	background-image:url(/images/topshadow.gif);
	background-position:center top;
	background-repeat:no-repeat;*/
	overflow:hidden;
	border-top:0px solid #fff;
	}
#content2 .kbImg{
	position:absolute;
	top:0px;
	right:100px;
	}	
#content2 #left{
	width:616px;
	height:auto;
	float:left;
	overflow:visible!important;
	z-index:0;
	}
#content2 #right{
	float:right;
	width:320px;
	padding-top:280px;
	overflow:hidden;
	}
#content2 .CatalogMainItemDiv{
	overflow:visible;
	}	
#drama{
	width:944px;
	height:260px;
	z-index:1;
	background-repeat:no-repeat;
	background-position:354px bottom;
	margin-bottom:1px;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	}	
#dramaShadow{
	display:block;
	margin:0px;
	padding:0px;
	z-index:0;
	}
	

	
/* KOBLET SKJEMA PÅ KB - content 2*/

#content2 .contactForm{
	background-image:url(/images/greenfade.png);
	background-repeat:repeat-x;
	background-color:#53A402;
	border:1px solid #53A402;
	position:absolute;
	right:0px;
	top:24px;
	width:304px;
	padding:8px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	}
#content2 .contactForm h2{
	color:#304931;
	padding-bottom:8px;
	font-size:15px;
	}	
#content2 .contactForm td{
	padding-right:4px;
	vertical-align:middle;
	text-align:right;}	
#content2 .contactForm input, #content2 .contactForm textarea{
	width:170px;
	border:1px solid #53A402;
	margin:2px;
	padding:2px;
	}
#content2 .contactForm textarea{
	height:44px;
	}	
#content2 .contactForm .btnSubmit{
	float:right;
	width:auto!important;
	font-size:12px;
	background-color:#56A903;
	line-height:26px;
	font-weight:bold;
	color:#fff;
	border:1px solid #C8DEA9;
	display:inline-block;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:3px;
	background-image:url(/images/greenbutton.png);
	background-repeat:repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family:"Segoe UI", Arial, helvetica, Sans-Serif;
	}
#content2 .contactForm .btnSubmit:hover{
	text-decoration:underline;
	background:#C8DEA9;
	color:#56A903;
	border:1px solid #fff;
	cursor:pointer;
	cursor:hand;
	}
	
/* KOBLET SKJEMA - CONTENT 1 */

#content1 .contactForm{
	background-image:url(/images/greenfade.png);
	background-repeat:repeat-x;
	background-color:#53A402;
	border:1px solid #53A402;
	position:absolute;
	right:16px;
	top:220px;
	width:304px;
	padding:8px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	}
#content1 .contactForm h2{
	color:#304931;
	padding-bottom:8px;
	font-size:15px;
	}	
#content1 .contactForm td{
	padding-right:4px;
	vertical-align:middle;
	text-align:right;}	
#content1 .contactForm input, #content1 .contactForm textarea{
	width:170px;
	border:1px solid #53A402;
	margin:2px;
	padding:2px;
	}
#content1 .contactForm textarea{
	height:44px;
	}	
#content1 .contactForm .btnSubmit{
	float:right;
	width:auto!important;
	font-size:12px;
	background-color:#56A903;
	line-height:26px;
	font-weight:bold;
	color:#fff;
	border:1px solid #C8DEA9;
	display:inline-block;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:3px;
	background-image:url(/images/greenbutton.png);
	background-repeat:repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family:"Segoe UI", Arial, helvetica, Sans-Serif;
	}	

	
/* BANNERE - CONTENT 2 */

#content2 .mainbody{
	padding-right:16px;
		overflow:hidden;
	display:block;
	}

#content2 .banner{
	display:block;
	padding:6px;
	overflow:hidden;
	margin-bottom:8px;
	font-size:12px;
background-color:#EFEFEF;
background-image:url(/images/grayfadeup.png);
background-repeat:repeat-x;
border:1px solid #EFEFEF;
	}
#content2 .banner .leftImg, #content2 .banner .rightImg{
	margin-bottom:4px;
	}
.bisCase{
	background-image:url(/images/yellowfade.png)!important;
	background-repeat:repeat-x;
	background-color:#E0E5C9!important;
	border:1px solid #E0E5C9!important;
	}	
.bisCase h1{
	font-size:17px;
	line-height:24px;
	padding-bottom:8px;
	}
.bisCase h2{
	font-size:14px;
	padding-bottom:8px;
	}
/* BANNERE - NEDERST */

#bottomBanners{
	display:block;
	clear:both;
	margin-top:16px;
	display:none;}	
.bottomBanner{
	display:block;
	padding:8px;
	font-size:12px;
	}

#kbBanner{
	overflow:hidden;
	display:block;
	margin-top:16px;
	margin-bottom:8px;
	padding-top:8px;
	}
#bannerContent{
		float:left;
		padding:8px;
	background-image:url(/images/yellowfade.png);
	background-repeat:repeat-x;
	background-color:E4E9D0;
	border:1px solid #E4E9D0;
	-moz-border-radius:4px;
-webkit-border-radius:4px;
}	
.bannerText{
	display:block;
	font-size:11px;
	width:228px;
float:left;
	}
.bannerLink{
	
	
	float:right;
	margin-left:12px;
	margin-right:12px;
	background-color:#56A903;
background-image:url(/images/greenbutton.png);
background-repeat:repeat-x;
border:1px solid #56A903;
color:#FFFFFF;
display:inline-block;
font-size:12px;
font-weight:bold;
line-height:26px;
padding-bottom:1px;
padding-left:6px;
padding-right:6px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin-top:12px;
	}	
.bannerLink:hover{
	color:#fff;
	text-decoration:underline;
	}	
#bannerImg{
	float:right;
	margin-right:8px;
	}	


	
/* introside - avfallstyper */

.col3{
	float:left;
	width:144px;
	margin-left:16px;
	}
.col6{
	clear:both;
	overflow:hidden;
	margin-top:16px;
	margin-bottom:16px;
	}	
.col6 div:first-child{
	margin-left:0px;
	}
/* Admin templates */

.imageLink{
	float:right;
background-color:#E0E5C9;
background-image:url(/images/yellowfade.png);
background-repeat:repeat-x;
border:1px solid #E0E5C9;
padding:4px;
	margin-left:24px;
	margin-top:16px;
	}		
/* Template: produkter */

.productList{
	width:296px;
	margin-top:8px;
	margin-bottom:16px;
	}	
.productList img{
	float:right;
	margin-left:8px;
	margin-bottom:8px;
	}	
#product{
	padding:16px;
	padding-top:0px;
	overflow:hidden;
	}	
#product .imageLink{
	background:transparent;
	padding:0px;
	border:0px;
	}	
#product h1{
	margin-top:16px;
	padding-bottom:8px;
	}	
#product .summary2,	#product .mainbody{
	width:504px;
	float:left;
	
	}

/* utlisting av produkter på nøkkelord */

.KeywordItemList{
	overflow:hidden;
	width:auto;
	float:left;
	margin:8px;
	height:174px;
	}
.KeywordItemList .productList{}

	
/* ANSATT TEMPLATE */

.ansattList{
margin-bottom:16px;
overflow:hidden;
font-size:12px;
border:1px solid #efefef;
margin:8px;
margin-right:0px;
margin-left:16px;
padding:8px;
background-color:#EFEFEF;
background-image:url(/images/grayfadeup.png);
background-repeat:repeat-x;
width:288px;
}
.ansattList td:first-child{
	font-weight:bold;
	padding-right:8px;
	
	}	
.PortalItemListTD_1 div:first-child{
	margin-left:0px;
	}	
/* STANDARD MAL */

.smallList{
	padding:8px;
	overflow:hidden;
	margin-top:8px;
	border-top:1px dashed #ddd;
	}	
.smImageLink{
	float:right;
	margin-left:16px;
	margin-bottom:8px;
	border:1px solid #ddd;
	}	
.PortalItemListTD_2 .smallList{
	margin-left:16px;
	}	

/* SLIDESHOW ON HOME PAGE */

#slideshow {
    position:relative;
    height:115px;
    width:160px;
    float:right;
}

#slideshow IMG {
    position:absolute;
    top:0;
    right:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}


