/*
	Prosjekt: Intelecom
	Version: 1.0 (realigned)
	Last changed: 

	design/xhtml/css: Ole-Marius Mathiassen, Bouvet ASA
	
	(C) 2010 Bouvet ASA

	Farger i bruk:
	---------------
	
    Kommentarer: 
	---------------
	nullstill.css (Recommendeds reset.css) er i bruk


*/

/*	1. General styling
------------------------------------------------------------------------------------------------ */
#myBody { background: #fff url(../graphics/bg-body.gif) left 160px repeat-x;}
#myBody a {text-decoration: none; color: #333; }
#myBody a:hover {color: #666;}
#myBody #top a:hover, #myBody #topMenu a:hover {text-decoration: none;}
hr { background: #A5A9AC; height: 1px; border: 0; }
h1 { margin-top: 0; padding-top: 0;}

/* LEFTMENU
--------------------------------------------------------------------------------------------------*/
#left div#menu ul {list-style-type: none;}
#left div#menu ul li a:hover,#left div#menu ul li.inPathTrue ul li a:hover {}
#left div#menu ul li.lvl2 ul li.inHierarchyFalse, #left div#menu ul li.lvl2 ul.inHierarchyFalse, #left div#menu ul li.lvl2 ul li.lvl3 ul.inHierarchyFalse { display: none;}
#left #menu {font-size: 1.2em; padding: 20px 0; line-height: 2em}
#left #menu a {display: block; padding: 2px 15px;}

#left #menu ul ul {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#left #menu ul ul ul {border: none}
#left #menu ul ul li {border-bottom: 1px solid #fff; } 
#left #menu ul ul li:first-child {border-top: 1px solid #fff;}
#left #menu ul ul ul li:last-child {border-bottom: none;}

#left #menu a.isActive {font-weight: bold;}
#left #menu li.inPathTrue li a {padding-left: 15px; /*background: #f0f0f0 url(../graphics/icon-arrowgreen.gif) 22px 10px no-repeat; */ background-color: #f0f0f0 }
#left #menu li.inPathTrue li a:hover {background-color: #dedede;}

#left #menu li.inPathTrue li.inPathTrue li a {padding-left: 30px;/* background: #f7f7f7 url(../graphics/icon-dotgreen.gif) 42px 11px  no-repeat;*/ background-color: #f7f7f7}
#left #menu li.inPathTrue li.inPathTrue li a:hover {background-color: #ededed;}


#left #menu ul ul a {color: #292929; display: block;}
#left div#menu li.inPathTrue ul li.inPathTrue a.inPathTrue {font-weight:bold;}
#left div#menu a:hover {color: #474747; background-color: #d6d6d6}



/*arkiv / archive.aspx 
------------------------------------------------------------------------------------------------------------*/
div.archiveOuter {margin: 10px 0; clear: both; padding-top: 0.5em;}
div.archiveOuter ul.archive {padding: 0;margin: 0; margin-top: 1.5em; margin-bottom: 3em;}
div.archiveOuter ul.archive li, ul.Searchlist li{list-style-type: none;padding-bottom: 5px;padding-left: 0;color: #333; font-size: 1.2em; }
div.archiveOuter ul.archive li.head{padding-bottom:8px;	text-transform: uppercase; padding-left: 0;	font-weight: normal; font-size: 1.4em; margin-bottom: 8px; border-bottom: 1px solid #A5A9AC; }
div.archiveOuter ul.archive li a { padding-left: 1em;}

/* Newsletter + searchbox
----------------------- ---------------------------------------------------------------------------*/
div.NewsText input {margin-top: 5px;border: 1px solid #CCD5D0;color: #efefef; padding: 2px 1px 1px 1px; height: 16px; width: 165px;margin-bottom: 5px;}
div.NewsRadio .nyhetRadioList{padding-top: 1px;	vertical-align: top;height: 10px;margin: 0; padding:0;text-transform: capitalize;}
.NewsRadio {   width: 80px;}
.nyhetRadioList input { width: 15px; display: block; float: left; padding-left: 5px}
.nyhetRadioList label { width: 20px; display: block; float: left;}
div.butNyhetsbrev {padding-top: 0px; padding-left: 10px; float: left; width: 80px;}
div.butNyhetsbrev a,div.butNyhetsbrev a:visited { text-decoration: underline; font-weight: bold; background: url(/img/icon/send.gif) no-repeat; width: 37px; height: 18px; display: block; float: left;}


/* SEARCH
------------------------------------------------------------------------------------------------------------*/
#ctl00_regionMain_searchResults2_panSearch {clear: both;}
.searchResOuter {clear: both; margin-bottom: 2em; font-size: 1.2em;}
.searchResOuterList {}
.searchResultHeader {font-size: 1.2em; margin-bottom: 2em; font-weight: bold; color: #474747}
.Searchlist {margin: 0; padding: 0; }
.formContent { padding: 2em 0 4em 0; /*clear: both;*/}
.formContent td { padding: 3px;}
.formContent td input.SiteInputText { height: 16px; padding-top: 3px; width: 250px;}
.formContent td textarea.SiteInputTextArea {width: 250px;}
.simpleSearch .btnlink {background: url(icon-search.png) no-repeat; display: inline-block; height: 22px; width: 23px; padding: 5px;}

/* 2col
------------------------------------------------------------------------------------------------------------*/
#listComp {  }
#listComp h1 { display: inline; clear: none; margin-bottom: 0; float: none;}
#listComp img.ImgByPri { float: right; padding: 10px;}
#listComp div.head {  margin-bottom: 15px; }
#listComp div.abs{ float: none; clear: none; margin-top: 1em;}
#listComp .outerList { width: 470px; float: left;}

/*  OMLMs kode
------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
body {padding: 0; margin: 0; font-family: Verdana, Arial, times, serif;  background-color: #fff; color: #000; }

/* struktur
----------------------------------------------------------------------------------------------   */
#outer {width: 999px; margin: 0 auto; padding: 0 16px;  background: transparent url(../graphics/bg-shadow-2.pngXXX) left 160px no-repeat;}
#top { height: 160px; }
#outerMain0 {width: 999px; margin: 0 auto; }
#outerMain {position: relative; overflow: hidden; background: #fff url(../graphics/bg-main-3.png) left top repeat-y; min-height: 700px}
#left  {position: relative; top: 0; left: 999px; float: left; margin-left: -999px; width: 200px; /* background-color: #e1e1e1; border-right: 1px solid #d1d1d1; */}
#main {position: relative; padding: 30px 0px 0px 0px; left: 999px; float: left; margin-left: -769px; width: 666px;}
#footer {width: 1032px; margin: 0 auto; clear: both; background: transparent url(../graphics/bg-shadow-footer.pngXXX) left top no-repeat;}
#text { background: transparent url(../graphics/bg-tagline-god_kommunikasjon_lonner_seg.png) no-repeat; width: 50px;  height: 660px; position: absolute; top: 30px; left: 948px;}

/* top
----------------------------------------------------------------------------------------------   */
#top a img {padding: 20px 25px;}
#outerTop{ background: #fff; position: relative; height: 199px;}
#topMenu {background: #444444;}
#topMenuInner {margin:0 auto; overflow: hidden; }
#menuTop { }
#menuTop ul {list-style-type: none; margin: 0; padding: 0; display: block; height: 32px; /* border-top: 4px solid #fff */ }
#menuTop li {float: left; /*margin-top: -8px;*/ border-right: 1px solid #fff;}
#menuTop li a {
color:#FFFFFF;
display:block;
font-size:12px;
line-height:38px;
padding:0 20px;
}

#menuTop li a.isActive, #menuTop li.inPathTrue a {color: #fff; background-color: #999 /* url(../graphics/bg-topmenu.png) left bottom repeat-x;*/}
#menuTop li a:hover {background-color: #777; color: #fff;  /*border-top: 4px solid #fff;*/}
#menuTop li a.isActive:hover {background-color: #999}
#menuTop li:first-child {border-left: 1px solid #fff}
#menuTop li:first-child  {margin-left: 14px; }
#intelcoms {position: absolute; width: 180px; left: 603px; top: 20px; border: 1px solid #e1e1e1; padding: 5px; padding-left: 2px; font-size: 1.1em;  color: #a8a8a8;  background: #fff url(../graphics/icon-arrowdown.png) 170px 11px no-repeat;  overflow: hidden}
#intelcoms a, #intelcoms span { cursor: pointer; padding-bottom: 3px; display: block; width: 170px; color: #999;  padding-left: 35px; background: transparent url(../graphics/icon-flags.png) left top no-repeat;}
#intelcoms .no {background-position: 0 0}
#intelcoms .dk {background-position: 0 -58px}
#intelcoms .se {background-position: 0 -29px}
#intelcoms .uk {background-position: 0 -86px}
#intelcoms .com {background-position: 0 -114px}
#intelcoms div { display: none;  } /* gjøres med jquery */
#intelcoms div a { margin: 15px 0 5px 0; }
#intelcoms a:hover { color: #000;} 
 
/* søkeboks
------------------------------------------------------------------------------------------------------------*/
.srchB {position: absolute; left: 803px; top: 20px;}
.txtInput {width: 180px; background: #fff url(../graphics/icon-search.png) 170px 4px no-repeat; border: 1px solid #e1e1e1; padding: 5px; padding-left: 8px; height: 16px; font-size: 1.1em; /*font-style: italic;*/ color: #a8a8a8;   }
.srchB .txtInput { float: left; }
.srchB .search {position: relative; left: 0; top: -30px;  display: block; background: transparent; float: right; height: 30px; width: 30px;}
 
 /* left
----------------------------------------------------------------------------------------------   */
#left div#menu { }
#left ul, #left ul li ul { margin: 0; padding: 0; }
#left ul { list-style-type: none; }
/*
#left #menul1 li {height: 55px;}
#left #menul1 li:first-child{ margin-top: 20px; }
#left #menul1 #bransjelink a { display: block; position: relative; font-size: 1.4em; line-height: 40px; font-family: arial, sans-serif; color: #353934; padding: 5px 5px 5px 65px; height: 40px}
#left #menul1 #bransjelink a:hover {background-color: #d6d6d6}
#left #menul1 #bransjelink .isActive a { background-color: #979797; color: #fff; }
#left #menul1 a img { position: absolute; left: 15px; top: 5px;  }
*/

div#ctl00_regionLeft_emailOnOff1_up1 {border-top: 1px solid #ccc; border-bottom: 1px solid #fff; padding: 0;}

div.Newsletter {clear: both; margin:  0; padding: 5px 15px 23px 15px; background-color: #d1d1d1; border-top: 1px solid #fff; border-bottom: 1px solid #bbb; }
div.Newsletter h1 {font-size: 11px;float: left;padding-right: 13px;  	margin-bottom: 0;}
.NewsRadio, .butMaxBut { }

/* hovedartikkel - forsiden
----------------------------------------------------------------------------------------------   */
div.ListItem {width: 202px; float: left; margin-right: 30px;}
.ListAbs span {padding: 7px 0;}
.aliasOuter h2 { padding-bottom: 15px; line-height: 1.3em }
.aliasOuter p { clear: both;}
div.outerList span.head {}
#default div.outerList span.head {}
#default #defaultmain { margin-bottom: 1em}
#default h2 { padding-top: 5px; font-size: 1.8em; color: #474747; }
#default h2 a{font-size: 19px;}
#default p.abs, .priOuter p.abs, div.abs {/* font-size: 1.2em; font-family: arial, sans-serif; color: #474747; padding-top: 1em */ font-size: 1.3em; line-height: 1.45em;}
img.AliasImg { float: left; width: 318px; margin-bottom: 30px; border: 1px solid #999;}
.aliasOuter { float: right; width: 318px;}

/* artikkelliste
----------------------------------------------------------------------------------------------   */
hr.list {display: none}
#default div.outerList {clear:both;}
.outerList {overflow: auto}
div.ListItem img { padding-bottom: 1em; height:auto; width:200px; }
div.ListItem a.RelImg { display: block; width: 200px; height: 100px; overflow: hidden; border: 1px solid #999;}
div.ListItemEnd { margin-right: 0;}
div.ListItem h3 {}
div.ListItem span.date { display: none;}
div.ListItem span.lead {font-size: 1.2em; font-family: arial, sans-serif; color: #474747; }

/* artikkeldetail 
---------------------------------------------------------------------------------------------    */
#default h3 { clear: both;}
div#mainCol ol li {list-style-type: decimal; margin-left: 40px;}
div.info {clear: both; font-size: 1.2em; line-height: 1.45em;}
div.infoNarrow { width: 420px; float: left}
div.info, div.infoNarrow,div.dmTopText {clear: both;	border-top: 1px solid #ccc;	border-bottom: 1px solid #ccc; height: 26px; margin: 1.5em 0; color: #999; font-size: 1.1em}
div.info div.author, div.infoNarrow div.author{width: 360px; padding: 3px 0 8px 0; float: left;}
div.infoNarrow div.author { width: 150px;}
div.info div.print,div.infoNarrow div.print {padding: 4px 5px 8px 0; width: 200px; float: right; text-align: right;}
div.infoNarrow div.print {width: 120px;}
div.info div.print a { text-decoration: none;}
div.artWide,div.artNarrow, div.artWide div.Full  {}
div.artNarrow div.Full,div.artWide div.Full{padding-bottom: 15px;}
div.artNarrow div.Full{float: left;width: 450px;overflow: hidden;}
div.Full img.RelImg {clear: both; display: block; padding-bottom: 10px;}
div.artRel {}
div.artRel p.head { color: #84BE52; font-weight: bold; }
div.artRel ul { margin: 0; padding: 0; list-style-type: none;}
div.artRel ul li,#listComp .RelContent ul li {  background: url(../graphics/icon-arrowgreen.png) no-repeat 0 9px; padding: 3px 0 3px 15px; }
#listComp .RelContent,
.artNarrow div.artRel div.RelDocs, .relBransje{ width: 260px; float: right; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 1em; padding-bottom: 1.2em;}
#listComp .RelContent p.head, .artNarrow div.artRel p.head, #relBransje p.head, .relPerson p.head{ color: #81BB4C; font-weight: bold; }
#listComp .RelContent ul,.artNarrow div.artRel ul, #relBransje a{ margin: 0 0 0 1.5em; padding: 0;}

div.artRel .RelDocs, div.artRel .relPerson, div.artRel .relBransjelink, div.artRel .relContent 

{clear: both; width: 260px; float: right; padding: 2px 10px 15px 10px; margin-left: 20px; font-size: 1.2em; line-height: 1.45em;  /*border-top: 1px solid #ccc;	border-bottom: 1px solid #ccc; */ border-left: 10px solid #ccc;}

.relBransje { border-bottom: 0;}
.relBransjeLink a { display: block; clear: both; height: 30px; margin-top: 10px; width: 240px; vertical-align: bottom;}
.relBransjeLink a img { margin-top: 0px; float: left; }
.relBransjeLink a span { display: block; float: left; width: 200px; margin-top: 8px; text-transform: uppercase; padding-left: 10px;}
.relPerson {border-top:0; }
.relPerson p, .relPerson div.inner { margin-left:0;}
.Full{ font-size: 1.2em; line-height: 1.45em; padding-right: 0.5em;}
.Full table td{ vertical-align: top}
h1{ font-size: 2.8em; color: #474747; margin-bottom: 15px; float: left; clear: both;}
span.head {font-size: 15px; min-height:40px; }
h2, h2 a {font-size: 22px; }
h2, span.head{ color: #333; display: block; float: left; clear: none;}
#default .ArticleReadMoreImg { max-width: 300px;overflow:hidden;margin-right:3em;}
#default .ArticleReadMore {  float:left;}
div.abs{  margin: 2em; margin-left: 0; clear: both;}
div.abs img {padding-bottom: 10px;}
div.absSmall{ width: 570px;}
#main img.ImgByPri { display: none;}
#main .comp img.ImgByPri { display: inline; padding-bottom: 15px; padding-left: 20px; }
.comp h1#head { float: none; clear: none;}
.comp div.abs { float: none; clear: none; display: inline;}
.comp div.artDetail{ margin-top: 1em;}
#default div.ListItem span.lead { display: block; clear: both; height: 50px; overflow: hidden;}
#default .ReadAbs { width: 200px; }
.artDetail h1{ clear: both;}
.artDetail div.relImg { clear: both; margin-bottom: 10px;}
#default .BannerDisp { clear: both; margin-bottom: 3em;}

#myBody div.Full a {text-decoration: underline; color :green}
#myBody div.Full a:hover {text-decoration: underline; color: #474747}

/* footer
----------------------------------------------------------------------------------------------   */
div#footer div#footerInner{padding: 25px;}
div#footer div#footerInner div{}
div#footer div#footerInner div.aliasBy{  }
li.aliasBy a,
li.xtml a,
li.xtml a:visited{	color: #949881;	}
div#footer div#footerInner li.aliasBy a:hover{ text-decoration: underline}
div#footer li.aliasBy a, div#footer li.aliasBy a:hover, div#footer li.aliasBy a:visited { color: #FFF;}
div.xtml { float: left}

/*quickmenu nederst*/
ul.quick {	width: 700px; margin: 13px 0 0 0;padding:0;clear: both;}
ul.quick li{float: left;list-style-type: none;margin-right: 10px;}
ul.quick li a{text-decoration: underline; vertical-align: middle}
ul.quick li img { float: left; margin-right: 5px;}



/* bransje omrader
----------------------------------------------------------------------------------------------   */
#branch .outerList {border-bottom: 10px solid #ccc; clear:both; width: 660px; padding-bottom: 40px;   }
div.ListItem a.RelImg { display: block; width: 200px; height: 100px; overflow: hidden; border: 1px solid #999;}
#branch div.ListItem {width: 200px; float: left; margin-right: 30px; padding-bottom: 15px;}
#branch { overflow: auto; }
#branch div.ListItem span.head { display: block; float: none}
#branch div.ListItemEnd { margin-right: 0;} 
#branch .RelContent, #branch .relPerson {font-size: 1.2em; border: none; width: 330px; float: left; padding-bottom:1.2em; padding-top:1em;}
#branch .RelContent .RelatedItems {}
#branch .RelContent .RelatedItems  { margin: 0 0 0 1em; padding: 0; list-style-type: none;}
#branch .RelContent .RelatedItems  li  {  background: url(../graphics/icon-arrowgreen.png) no-repeat 0 9px; padding: 3px 20px 3px 15px; }
#branch .relPerson .inner div {padding-bottom: 4px;}

/* dette skjules foreløpig
----------------------------------------------------------------------------------------------   */
#menuTop .isLast {display: none}

#menuTop li:first-child {border-left: none; margin-left: 0;}

/* Ny meny (kan brekke over flere linjer)
----------------------------------------------------------------------------------------------   */
#left div#menu { }
#left #bransjelink {margin: 0; padding: 0; list-style-type: none; padding-top: 15px;}
#left #bransjelink li.MenuLinksMenuLinks {height: 50px; width: 200px; margin-bottom: 3px; display: table; position: relative;}
#left #bransjelink li.MenuLinksMenuLinks:first-child {}
#left #bransjelink li.MenuLinksMenuLinks a.MenuLinks {font-size: 12px; padding: 0; padding: 10px; display: table-cell; vertical-align: middle; padding-top: 20px; padding-bottom: 10px;}
#left #bransjelink li.MenuLinksMenuLinks:hover {}
#left #bransjelink li.MenuLinksMenuLinks a.MenuLinks img.AutoImg {float: left; display: block; margin-right: 10px; display: table-cell; vertical-align: middle; margin-top: -10px;}
#left #bransjelink li.MenuLinksMenuLinks a.MenuLinks:hover {background-color: #d6d6d6; color: #000}


.comp {padding-bottom: 60px;}
.searchResOuterList {padding-bottom: 60px;}
relPerson p.head {margin-left: 0; padding-top: 1px}

.SiteLabel { text-align:left;  width:90px; font-weight:bold; vertical-align: center; }
.SiteInput { padding:0px 10px 0px 10px; margin:0px 10px 0px 10px; border-collapse: separate; border-bottom: 1px solid #ddd; }

.SiteInputRadio {}
/* #td1, #td2, #td3, #td4, #td5, #td6, #td7, #td8, #td9, #td10, #td11, #td7_1, #td_8 { border-top: 1px solid #ccc; } */