/*
	Project: Avfall Sor AS
	Version: 1
	Last changed: work in progress

	design: Nina Taralsen og Ole-Marius L. Mathiassen, Recommended
	xhtml/css: Ole-Marius L. Mathiassen, Recommended
    code monkey: Kristian Ravnevand, Recommended

	(c) 2009 Recommended Norway

	---------
	reset.css (recommended version) is in use
*/

body {font-family: arial, verdana, sans-serif; color: #333; background: #fff url(../graphics/bg-body.gif) left top repeat-x; }

/*p {font-size: 1.2em;}*/
.abs, .lead, .full {font-size: 1.2em; line-height: 1.5em;}
a {color: #333; text-decoration: none}
a:hover {color: #333}
p a {text-decoration: underline}
a.current {}
h1, h2, h3, h4, h5, h6 {font-weight: bold; font-size: 12px; line-height: 1.5em;}
h2 {font-size: 38px; font-weight: normal; color: #000; line-height: 1.4em;}

h1, h3, h4, h5, h6 {font-size: 14px; }

#wrapper {width: 98em; margin: 0 auto; background: transparent url(../graphics/bg-birds.gif) left top no-repeat; position: relative; overflow: hidden; }
#header {position: relative; padding-top: 4em; height: 115px;}

#content {width: 680px; float: left; margin-top: 15px; background: transparent url(../graphics/bg-content.gif) left top repeat-x; margin-bottom: 1em; }
#MainContentColumn {width: 740px; float: right; margin-top: 15px; background: transparent url(../graphics/bg-content.gif) left top repeat-x; margin-bottom: 1em}
#subpagecontent {width: 740px; float: right; margin-top: 15px; background: transparent url(../graphics/bg-content.gif) left top repeat-x; margin-bottom: 1em}
#aside {width: 28em; float: right; margin-top: 12px; background: transparent}
#footer {clear: both;  border-top: 1px solid #000}
#header h1 a {display: block; height: 92px; width: 600px; margin-top: 30px; text-indent: -9999px; background: transparent url(../graphics/logo-avfallsor.png) left top no-repeat; 

}
#navGlobal {position: absolute; top: 0em; font-size: 2.4em; right: 0; list-style-type: none; float: right;  margin: 0; padding: 0;}
#navGlobal li {float: left; margin-left: 0.5em; text-transform: uppercase }
#navGlobal li a {display: block; width: 91px; height: 73px; text-indent: -9999px}
#navGlobal li.globalPrivat a{display: block; width: 91px; height: 73px; background: transparent url(../graphics/bg-global.png) left bottom}
#navGlobal li.globalPrivat a.current, #navGlobal li.globalPrivat a:hover {background-position: left top}
#navGlobal li.globalBedrift a {display: block; width: 102px; height: 73px; background: transparent url(../graphics/bg-global.png) right bottom}
#navGlobal li.globalBedrift a.current, #navGlobal li.globalBedrift a:hover {background-position: right top}
#navGlobal li.last a {border: none}
#searchbar { position: absolute; right: 0; top: 100px;  }
#searchbar #ctl00_myemailonof_mysearchbox_Searchbox { border: 1px solid #999; font-size: 12px; padding: 3px; width: 200px; }
#searchbar #ctl00_myemailonof_mysearchbox_butSearchBox { border: 1px solid #999; background-color: #eee; font-size: 12px; padding: 2px; }
#navMain {background-color: #fff; overflow: auto; background: transparent url(../graphics/bg-navMain.gif)  top no-repeat; margin-top: 10px;}
#navMain ul {list-style-type: none; margin: 0; padding: 0;  }
#navMain li {float: left; background: transparent url(../graphics/bg-navMain.gif) right top no-repeat; }
#navMain li a { display: block;  height: 37px;  line-height: 37px; margin: 0; padding: 0 21px 0 17px; font-size: 1.3em; font-weight: bold; }
#navMain li a:hover {color: #999}
#navMain li.isActive, #navMain li.inPathTrue  {color: #fff; background-position: right bottom; margin-left: -18px; }
#navMain li.inPathTrue a, #navMain li.isActive a {padding-left: 34px; background: transparent url(../graphics/bg-navMain-start.gif) left 3px no-repeat;}
#crumbs { font-size: 1.2em; padding: 1em; padding-bottom: 0 }
.feature {padding: 3em 2.5em}
.feature .feature {padding: 0 0 2em 0}
.feature h2 {font-size: 3.2em; line-height: 1.7em; padding-bottom: 0.2em; font-weight: normal}
.feature .abs {font-size: 1.6em; line-height: 1.5em}
.quickstart {background: transparent url(../graphics/bg-quickstart-top.png) left top no-repeat; padding-top: 16px;  overflow: auto; margin-left: -5px; 

padding-bottom: 20px}
.quickstart .inner {background: transparent url(../graphics/bg-quickstart.png) left bottom no-repeat; overflow: auto;padding-top: 5px;  padding-bottom: 2.5em}
.quickstart dl {width: 302px; float: left; color: #fff; padding: 0; margin: 0}
.quickstart dt {font-size: 1.6em; margin: 0; padding: 0;}
.quickstart dd {font-size: 1.3em;  line-height: 1.5em; margin: 0; padding: 0;}
.quickstart a {color: #fff; display: block; padding: 3px 5px; width: 200px;} 
.quickstart dl dd a:hover {color: #fff; background-color: #7ccb7e}
.quickstart dl.privat a {color: #fff; display: block; padding: 3px 5px; width: 200px;} 
.quickstart dl.privat  dd a:hover {color: #fff; background-color: #7ccb7e}
.quickstart dl.bedrift a {color: #fff; display: block; padding: 3px 5px; width: 200px;} 
.quickstart dl.bedrift  dd a:hover {color: #fff; background-color: #b1b1b1}
.quickstart dl.privat dt {padding: 0 0 5px 30px; margin-bottom: 5px; background: transparent url(../graphics/div-quickstart-privat.gif) 20px bottom no-repeat}
.quickstart dl.privat dd {padding-left: 25px}
.quickstart dl.bedrift dt {padding: 0 0 5px 20px; margin-bottom: 5px; background: transparent url(../graphics/div-quickstart-bedrift.gif) 20px bottom no-repeat}
.quickstart dl.bedrift dd {padding-left: 15px}
#navShortcuts {list-style-type: none; padding: 0; margin: 4px 0 0 0; width: 282px; line-height: 36px; text-transform: uppercase;  }
#navShortcuts  li {margin-bottom: 5px;}
#navShortcuts a {display: block; color: #2d2d2d; width: 282px; height: 36px; background: transparent url(../graphics/bg-shortcuts.png) left -48px no-repeat; 

font-size: 1.4em; padding-left: 1.5em;}
#navShortcuts li.Bedrift a {background-position: left top; color: #fff} 
#navShortcuts li.Bedrift a:hover {background-position: left bottom} 
#navShortcuts a:hover {background-position: left bottom; color: #666}
.article-item {border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; overflow: auto; clear: both; }
.article-item .ArticleReadMoreImg {display: block; width: 120px; padding-bottom: 1em; font-size: 1.3em; float: left ;}
.lead a.ArticleReadMore { text-decoration: underline; }
.article-item h3 {padding-bottom: 0.5em; font-size: 1.6em; font-weight: bold; line-height: 1.2em }
.articlelist h2 {display: block; height: 38px; margin-left: -5px; padding: 10px 0 0 15px; background-color: #54bb57; color :#fff; font-size: 1.4em; 

text-transform: uppercase; font-weight: normal; background: transparent url(../graphics/bg-headlines.png) left top no-repeat}
#subpagecontent .articlelist .lead {font-size: 1.3em; float: left; width: 22em;}
.feature .abs {clear: both}
#footer p {padding: 1em 0.5em ;font-size: 1em}
.quick, .quick li { list-style-type: none; padding: 0; margin: 0; }
.quick { padding-top: 1em; }
.quick li { display: inline; padding: 0 1em 1em 0; }
.quick li.rss { font-weight: bold; } 
.quick li.aliasBy { float: right; padding-right: 0; font-style: italic;} 
#navSub {float: left; background: #e6e6e6 url(../graphics/bg-subNav.gif) left top repeat-x; padding: 6px 0 0 0;  list-style-type: none; margin: 15px 0 0 0; 

width: 21em;}
#navSub li {padding: 0; margin: 0; }
#navSub li {border-bottom: 1px solid #fff; line-height: 2em;}
#navSub .isActive a {background: #54bb57}
#navSub a {display: block; padding: 0.5em 1.0em; font-size: 1.2em; margin-bottom: 1px; background: #e6e6e6 }
#navSub a:hover {background: #b7b7b7}
#navSub .inPathTrue a, #navSub .isActive a { background: #54bb57; }
#navSub .lvl3 a { padding-left: 2em; }
#navSub .lvl4 a { padding-left: 4em; }
#navSub .lvl5 a { padding-left: 6em; }
#subpagecontent .feature {padding: 0}
#subpagecontent h2 {padding: 10px;}
#subpagecontent .abs {padding: 10px; padding-top: 0; font-size: 13px} 
#subpagecontent .date { padding: 0.5em; margin: 0 1em; border-bottom: 1px solid #999; border-top: 1px solid #999; font-size: 1.1em; } 
#subpagecontent .printtip {font-size: 1.1em; margin: 1em; padding-top:1em;  border-top: 1px solid #999; clear: both; } 
#subpagecontent .printtip .print { padding-right: 1em; border-right: 1px dotted #16471E; margin-right: 1em; }
#subpagecontent .printtip .tip { background-color: #16471E; color: #fff; padding: 0 0.5em; margin-left: 0.2em;  }
#subpagecontent .printtip .tip:hover { background-color: #000; }
#subpagecontent .articlelist, #subpagecontent #holdfull { margin: 1em; width: 43em; float: left; overflow: hidden; } 
#subpagecontent .full iframe { margin-bottom: 1em; }
#subpagecontent .articlelist .item { clear: both;}
#subpagecontent .articlelist .lead { padding-bottom: 2em; }
#subpagecontent .articlelist .ArticleReadMoreImg { float: left; padding: 0 1em 2em 0; } 
#contentRight { float: left; width: 23em; padding: 1em 0 0 1em; overflow: hidden; }
.eFormArticle { padding-top: 2em; }
.eFormArticle input { margin-bottom: 1em;}
.OpeningHoursBox { }
.OpeningHoursBox ul { font-size: 1.2em; }
.OpeningHoursBox ul label { width: 100px; display:inline-block; }
.OpeningHoursBox ul strong { width: 90px; font-weight: normal; display:inline-block; text-align: right; }
.OpeningHoursBox ul span {  width: 90px; display:inline-block; text-align: right;}
body .OpeningHoursBox ul, body .OpeningHoursBox li { padding: 0; margin: 0; list-style-type: none; }
.OpeningHoursBox .exceptions { padding-top: 1em; font-style: italic; font-size: 1em; }
.OpeningHoursBox a { font-size: 1.2em; display: block; margin-top: 5px; font-weight: bold; }
.AdaptBgColor a { color: #fff; }
.AdaptBgColor {  background-color: #54bb57; width: 200px; padding: 0 15px 25px 15px; color: #fff;  margin-bottom: 1em; }
.AdaptBgColor table { color: #000; }

.AdaptBgColor h4 { padding: 1em 0 0.5em 0; margin: 0; font-weight: normal; font-size: 1.6em;  }
.AdaptBgColor h5 { padding: 0 0 0.5em 0; margin: 0; font-weight: bold; font-size: 1.2em;  }
body .AdaptBgColor p { font-size: 1.2em; }
.relationList, .relationList li { padding: 0; margin: 0; list-style-type: none; }
body .relbull li { list-style-type: disc; padding-left: 0; margin-left: 15px; }


.full a { text-decoration: underline; }


#ctl00_PageMainContentPH_listEmployeesUC_grd {width: 100%; margin-top: 20px; font-size: 12px; line-height: 21px; }

#ctl00_PageMainContentPH_listEmployeesUC_grd td {border-bottom: #d9d9d9}


.GridHead {text-transform: uppercase}






.SiteLabel {width: 100px; text-align: left}
.SiteInput {}
.SiteInputText {width: 170px; border: 1px solid #999; padding: 3px 5px; margin: 0 0 10px 0; }
.SiteInputTextarea {width: 150px; border: 1px solid #999; margin: 0 0 10px 0; }
.SiteInputSubmit {margin:0; padding: 0; margin-top: 20px }
table tr {valign: top}

subpagecontent h2 {padding-top: 10px}

.SearchField {margin-left: 10px; font-size: 12px; padding: 4px 6px; border: 1px solid #999; width: 200px;}

a.sarchButton {background: transparent url('../graphics/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: right; width: 50px; font: normal 12px arial, sans-serif; height: 24px; margin-right: 440px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.sarchButton span {background: transparent url('../graphics/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;} 
a.sarchButton:active {background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
a.sarchButton:active span {background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */}

.Topbanner {margin: 10px}

.ApningBoxes .AdaptBgColor { float: left; margin-left: 10px; }
.ApningBoxes .AdaptBgColor a { display: none; }
.ApningBoxes .printtip { display: none; }
.ApningBoxes .holdboxes { clear: both; }

.hukAv { display: none; }


/* doc icons */
.relationList li.doc {  background-image:url(../icons/icon_doc.gif); }
.relationList li.ppt {  background-image:url(../icons/icon_pps.gif); }
.relationList li.xls {  background-image:url(../icons/icon_xls.gif); }
.relationList li.pdf {  background-image:url(../icons/icon_pdf.gif); }

.relationList li { padding-left: 25px; padding-bottom: 0.7em; font-size: 1.2em; background-repeat: no-repeat; }

#aside .banner { margin-bottom: 10px;}

/*------ search --------------*/
.searchResOuter { padding:1em 1em 0; }
.floatLeft { float:left; }
.clearBoth { clear: both; }

.searchResultHeader { clear: both; font-size: 1.2em; padding:1em 1em 0; }
.Searchlist { font-size: 1.1em; padding:0.5em 1em 0;  }

.searchMonthLabel, .searchMonthDDL, .searchJearLabelAndDDL  { display: none; }

/* FAQ -------------------*/
.FAQ .feature{ float: right; width: 230px; margin-right: 1.5em;}
.FAQ .feature h2 { display: none;}
.FAQ .feature img{ text-align: right; float: right; margin-bottom: 1em;}
#subpagecontent #accordion { width: 47em; }


#subpagecontent #accordion h3 {background:url(/img/pil_ned.png) no-repeat 0 6px; padding-left: 20px; margin-bottom: 1em; font-weight: normal;}
#subpagecontent #accordion h3.ui-state-default {background:url(/img/pil-hoyre.png) no-repeat 0 6px; }
#subpagecontent #accordion h3.ui-state-active { font-weight: bold;}
#subpagecontent #accordion .lead { height: auto; width: auto; float: none; clear: both; margin-bottom: .5em;}
#subpagecontent #accordion .lead a {color: #5656fe;}
#subpagecontent #accordion .lead a:hover {color: #000; text-decoration: underline;}

.ui-accordion-content-active span { display: none;}
.fw_printonly {display: none;}