body{
  background-color: #fff;
  color: #000;
  font: 75% Verdana, Helvetica, Arial, sans-serif;

  background-repeat: repeat-x;
  
}

.clear{
  clear:both;
}

.clear10 {clear:both; height:10px;}

#siteWrapper{
  margin-top: 10px;
  width: 920px;
  text-align: left;
}

#headerBlock{
  height:102px;
  margin-top:0;
  margin-bottom:0;
  padding: 0;
  text-align: left;
  background-image: URL('http://www.irisnormen.no/designbilder/topp.jpg');
  background-repeat: no-repeat;
  background-position: left;
}

#homelink {
  display: block;
  width: 100px;
  height: 40px;
}

#footer{
  clear: both;
  text-align: center;
}

.menybgr {
  width:170px;
  background-image: URL('http://www.irisnormen.no/designbilder/gra_bgr_menu.gif'); 
  background-repeat: repeat-y;
}

#stolpeVenstre{
  width: 170px;
  float: left;
  text-align: left;
  margin: 0 2px 0 0px;
  font-size: 75%;
}

#stolpeVenstreMenyWrapper{
  width: 170px;
  float: left;
  text-align: left;
  margin: 9px 0 0 2px;
}

#stolpeHoyre{
font-family: New Century Schoolbook, Times, serif; 
  width: 154px;
  float: right;
  margin: 10px 0 0 0px;
  padding: 0;
}

.aktuelt{
  color:#272727;
  font-size:10px;
  text-align:left;
  font-family:verdana, helvetica;    
}

#contentWrapper{
  background-color:#ffffff;
  width: 740px;
  float: left;
  
}

#contentContainer{
  margin: 0px;
	padding: 0;
	width: 100%;
}

#contactInfoBox{
  margin: 0 2px 0 0px;
  color: #121212;
  padding: 5px;
}

.infoboks {
  width: 150px;
  padding: 5px;
}

#forsideBunnBox{
  margin-top: 5px;

border:1px solid red;
}


/* Meny -------------------------------------------------------*/

#menuBox{
  margin: 0px;
  padding: 0;
  font-weight: normal;
  text-align: left;
}

div.menuItem{
  padding: 0;
  font-weight: normal;
}

div.menuItem a, 
div.menuItem a:visited, 
div.menuItem a:active{
  font-size: 110%;
  color: #121212;
  font-weight: normal;
}

div.menuItem a:hover{
  color: #121212;
  font-weight: normal;
}

div.menuItemSelected{
  font-size: 110%;
  padding: 0;
  background-color: transparent;
  font-weight: normal;
}

div.menuItemSelected a, 
div.menuItemSelected a:visited, 
div.menuItemSelected a:active, 
div.menuItemSelected a:hover{
  color: #121212;
  font-weight: normal;
}

div.menuItemFolder{
  padding: 0;
  font-size: 120%;
  font-weight: normal;
}

div.menuItemFolder a, 
div.menuItemFolder a:visited, 
div.menuItemFolder a:active{
  color: #121212;
  font-weight: bold;
}

div.menuItemFolder a:hover{
  color: #121212;
  font-weight: bold;
}

div.menuItemFolderSelected{
  font-size: 120%;
  padding: 0;
  background-color: transparent;
  font-weight: bold;
}

div.menuItemFolderSelected a, 
div.menuItemFolderSelected a:visited, 
div.menuItemFolderSelected a:active, 
div.menuItemFolderSelected a:hover{
  color: #121212;
  font-weight: bold;
}

div.menuWrapper{
  padding: 0 5px 0 5px;
}

/* Søkeboks ----------------------------------*/

#searchBox{
  margin: 5px 0 0 4px;
  padding: 0;
  font-weight: normal;
  text-align: left;
}

#brukerBoxHeader{
  padding: 2px 2px 0 2px;
  color: #41535D;
  font-weight: bold;
  font-size: 110%;
}


#brukerboks{
  padding: 2px 2px 0 2px;
  width: 135px;
}

#searchBoxHeader{
  padding: 2px 2px 0 2px;
  color: #41535D;
  font-weight: bold;
  font-size: 110%;
}

#searchBox form{
  margin: 0;
  padding: 0;
}

#searchBox input{
  width: 100px;
  border: 1px solid black;
}

#searchBox input.button{
  color: #000000;
  background-color: #EBEBEB;
  cursor: pointer;
  margin-top:3px;
  padding: 0;
  width: 30px;
  border: 1px solid black;
}

.listItem{
  padding:8px 0px 0 12px;
}

div.listItemElementForside{
  width: 150px;
  text-align:left;
}

.listItemForsideImage{
  float:left;
  width:50px;
}

b {
  font-weight : bold;
}

a {
  color : #121212;
  text-decoration : none;
}

a:visited {
  color : #121212;
}

a:active  {
  color : #121212;
  text-decoration : underline;
}

a:hover  {
  color : #121212;
  text-decoration : underline;
}

h1, h2, h3, h4, h5, h6 {
  color: black;
  clear: left;
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  margin: 0 0 5px 0;
  padding: 0;
}

h1 {
  font-size: 160%;
}

h2 {
  font-size: 150%;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 120%;
  font-weight: bold;
  border-bottom: 1px solid #DFDFDF;
}

h5 {
  font-size: 110%;
  font-weight: bold;
  border-bottom: 1px solid #DFDFDF;
}

h6 {
  font-size: 80%;
}

table {
  font-size: 100%;
}

th {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 2px;
  background: FFE1A5; 
  font-weight : bold;
  text-align: left;
}

form {
  margin: 0;
  padding: 0;
}

div.title{
  font-size:120%;
  font-family:verdana;
  font-weight: bold;
}

div.teaser{
  font-weight: bold;
}
div.title,
div.teaser,
div.text,
div.vedlegg{
  margin: 5px 10px 5px 8px;
}

#vedleggForside,
#vedleggForside div.vedlegg,
# vedleggForside a,
#vedleggForside a:active,
#vedleggForside a:hover,
#vedleggForside a:visited,
 {
  color: #d4dee5;
  text-decoration: none;
 }

#aktueltBox {
  float: right;
  padding: 10px; 
  width: 200px;
}

#aktueltBox div.teaser, 
#aktueltBox div.text, 
#aktueltBox div.vedlegg {
  margin-bottom: 5px;
}


#toppBilder{
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

#hoyreBilder{
  float: right;
  width: 255px;
  margin: 5px 0 5px 0;
  padding:0; 
  text-align: right;
}

#bunnBilder{
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

#venstreBilder{
  float: left;
  width: 255px;
  margin: 5px 0 5px 0;
  padding:0;
  text-align: left;
}

.img{
  margin: 0;
  padding: 0;
  vertical-align: top;
}

div.bilderamme{
  padding:0;
  margin: 2px 2px 2px 2px;
  border: 0;
}

div.bilderamme img{
  padding:0;
  margin: 0;
  vertical-align: top;
}

div.bildetekst {
  padding: 0 3px 0 3px;
  clear: both;
  text-align: left;
  vertical-align: top;
  font-style: oblique;
}

/* Visning av SUtable i att_visning */

table.SUTable {
  border-collapse: collapse;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}

table.SUTable td, table.SUTable th {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 2px;
}

.trmork {
  background-color : #CECECE;   
}

.trlys {
  background-color : #EFEFEF;  
}

a.treblalink,
a.treblalink:visited {
  display: block;
  float: left;
  width: 126px;
  height: 96px;
  text-align: center;
  color: white;
  font-weight: bold;
  padding-top: 30px;
  margin-right: 17px;
}

div.undertreblalinkmappe {
  width: 550px;
  color: black;
  font-weight: bold;
  margin-left: 15px;
}

div.undertreblalinkmappe span {
  position: relative;
  top: 2px;
  background-color: #BECBCA;
  padding: 3px;
  line-height: 180%;
  border: 1px solid #B5BDBE;
  border-bottom-width: 0px;
}

div.undertreblalinkmappe div.hoved {
  border: 1px solid #B5BDBE;
  background-image: url("http://www.irisnormen.no/designbilder/folderboks_bg.gif");
  background-repeat: repeat-x;
  min-height: 140px;
  padding: 10px;
  font-weight: normal;
  text-decoration: none;
}

div.undertreblamappe {
  float: left;
  width: 171px;
  border: 1px solid #CED3CD;
  margin: 15px 0px 0px 15px;
  background-image: url("http://www.irisnormen.no/designbilder/boksbg.gif");
  background-repeat: repeat-x;
}

div.produktnyheter {
  height: 20px;
  margin-top: 15px;
  background-image: url("http://www.irisnormen.no/designbilder/produktnyheter_bg.gif");
  background-repeat: repeat-x;
  border: 1px solid #6C6C6C;
  font-weight: bold;
}

/*iristreet meny topp*/

.tabletree {
  color: red;
  background-image: url("http://www.irisnormen.no/designbilder/gren.gif");
  font-weight: bold;
  height: 250px;

}


#menusmuler {
  margin:0; 
  padding:0; 
  height:8.5em;
  background:#c0c0c0;
  }
  
#menu li {
}

#menu li a {
  display:block;
  width:130px;
  text-decoration:none; 
  margin:5px; 
	font-weight: bold;
  }

#menu li a span {
  }
  
#menu li a:hover {
  background:#fff;
  }
  
#menu li a:hover img {
  opacity:1;
  }
  
#menu li a:hover span {
  width:11em;
  color:#aaa;
  display:block; 
  cursor:pointer;
  float:left;
  }

.outer {
  border:1px solid red;
  float:left;
  background:transparent; 
  font-size:0.9em;
  width:150px;
  list-style-type:none; 
}

/*lightbox*/
#container{
	margin:0 auto;
	width:500px;
	padding:40px;
	text-align:left;
	background-color:#fff;
}
#container ul{
	text-align:center;
	margin:0 0 30px 0;
	list-style:none;
}
#container ul a{
	border:1px solid #eee;
	background-color:#f5f5f5;
	color:#444;
	font-size:1.5em;
	line-height:2em;
	padding:20px;
	margin:0 0 20px 0;
	display:block;
}
#container ul a:hover{
	border:1px solid #B5DF99;
	background-color:#CDEFB6;
	color:#358610;
}

#lightbox h2{
	margin:0 0 1em 0;
}
#lightbox h3{
	color:#FF713F;
}
#lightbox.done p{
	color:#333;
}

#form{
	text-align:left;
	margin:25px;
}
#form ul{
	list-style:none;
}
#form li{
	margin:0 0 1em 0;
}
#form textarea{
	width:100%;
	height:150px;
}

#definition{
	margin:25px;
}
.highlight{
	background-color:#FEFFAF;
}

/*logonform*/

.divtopp {
  width: 350px;
  margin-top: 100px;
  color: white;
  background: #717171;
  padding-top: 4px;
  padding-bottom: 4px;
  border-right:2px solid #717171;
  border-left:2px solid #717171;
  border-top:2px solid #717171;
}

.divmain {
  width: 350px;
  color: white;
  background: #f5f5f4;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 10px;
  border-right:2px solid #717171;
  border-left:2px solid #717171;
  border-bottom:2px solid #717171;
  
}

.divbunn {
  width: 350px;
  height: 10px;
  padding: 0px;
}

.divbunntekst {
  width: 350px;
  height: 35px;
  background-color: #717171;
  background-image: url(http://www.irisnormen.no/designbilder/bgBunnTekst.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-top: 4px;
}

/* SØKEFELT ------------------------------------------- SØKEFELT */

#searchBox{
  margin-top:30px;
  margin-left:100px;
  height:60px;
  background:#fff;  
}

.textInput{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #333;
padding:5px 0 0 5px;
background-color : transparent;
background-image: url(designbilder/textbox.gif);
height:25px;
width:137px;
background-repeat:no-repeat;
border:0;
}

.sokButt{
  width:48px;
  height:20px;
}

#searchBox form{
  margin: 0;
  padding: 0;
}

#searchBox input{
  width: 137px;
  border: 0;
}

#searchBox input.button{
  background-color : transparent;
  color: #0E283F;
  font-weight: bold;
  cursor: pointer;
  margin-top:0px;
  width: 54px;
  background-image: url(designbilder/sokbutt.gif);
  height:24px;
  background-repeat:no-repeat;
}

.button{
  background-color : transparent;
  color: #0E283F;
  font-weight: bold;
  cursor: pointer;
  margin-top:0px;
  width: 54px;
  background-image: url(designbilder/sokbutt.gif);
  height:24px;
  background-repeat:no-repeat;
  border:0;
}
input {
  font: 100% Verdana, Helvetica, Arial, sans-serif;
}

input.search {
  font: 100% Verdana, Helvetica, Arial, sans-serif;
}

input.searchbutton {
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  background: transparent;
  color: #293194;
}

.radiocheck{
  border: 0;
}


/* ARTIKEL FILTER */

#irismeny {
  position: relative;
  top: 0px;
  left: 1px;
  width:325px;
  height: 426px;
  float: left;
  clear: left;
}

#genereltmeny {
  position: relative;
  top: 0px;
  left: 1px;
  width:325px;
  height: 426px;
  float: left;
  clear: left;
}

.genereltMenyElement {
  papping-left: 15px;
  margin: 5px;
}

#irisMenyBilde {
  position: absolute;
  top: 0px;
  left: 0px;
  width:329px;
  height: 220px;
  border: 0px solid green;
}

#irisMenyBue {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  border: 0px solid green;
  font-weight: bold;
  font-size: 11px;
  text-align: right;
  z-index: 4;
}

.irismenyLink {
  position: relative;
  top: 80px;
  left: 0px;
  border: 0px solid blue;
  text-align: right;
  line-height: 23px;
  background: transparent;
  z-index: 5;
}

.irismenyLinkSisteStopp {
  position: absolute;
  top: 130px;
  left: 50px;
  z-index: 5;
  text-align: center;
  background: white;
  width: 150px;
  padding:5px;
  line-height: 1.2;
  border: 1px solid silver;
}

.irismenyLinkTilbake {

  top: 130px;
  left: 50px;
  z-index: 5;
  text-align: center;
  background: white;
  width: 165px;
  padding:5px;
  line-height: 1.2;
  border: 1px solid silver;
}

.genereltmenyLink {
  position: relative;
  top: 80px;
  left: 0px;
  border: 0px solid blue;
  text-align: left;
  line-height: 28px;
  background: transparent;
  z-index: 5;
}

.irismenyLink a{
  font-size: 11px;
  font-weight: bold;
}

.irismenyGreinboks {
  position: relative;
  top: 40px;
  left: 0px;
  width:329px;
  height: 220px;
  border: 0px solid green;
  line-height: 26pt;
  font-weight: bold;
  font-size: 11px;
  text-align: right;
}

#irismenySmuler{
  position: absolute;
  top: 225px;
  left: 25px;
  width: 285px;
  height: 150px;
  font-size: 10px;
  text-align: left;
  z-index: 9;
}


#irisartikler {
  width: 550px;
  float: right;
  min-height: 700px;
}



.irisartikelerBoks{
  background-image: url('designbilder/bgArtikkelliste.gif');
  width: 510px;
  height: 97px;
  float: left;
  margin: 8px 0;
  font-size: 11px;
}

.irisartikelerLesMer{
  font-size: 11px;
  font-weight: bold;
  position: relative;
  top: 80px;
  left: 422px;
  width: 100px;
  height: 20px;
}

.irisEgeneArtikeler{
  border: 1px solid silver;
  width: 500px;
  height: 97px;
  float: left;
  margin: 8px 0;
  font-size: 11px;
  
}


#iristreTopp{
  width: 100%;
  height: 120px;
  float: left;
}

#toppbue{
  width: 329px;
  float: left;
}

#toppbue .align{
  float: left;
  padding: 10px;
}

#toppsak{
  width: 550px;
  height: 100px;
  float: right;
}

.smuler{
  color: #000;
  font-size: 110%;
  font-weight: bold;
  width: 100%;
  padding-top: 10px;
  text-align: left;
  margin-left: 50px;
}

.smuler a{
  padding-top: 5px;
  padding-left: 15px;
}

.smulerLink {
  background-image: URL('http://www.irisnormen.no/designbilder/smuler-ikon.gif');
  background-repeat: no-repeat;
}

.fargemeny {
  width: 300px;
  padding: 5px;
  color: white;
  font-weight: bold;
}

.fargemeny a:link{
  color: white;
}

.fargemeny a:visited{
  color: white;
}

#litetre {
  position: relative;
  width: 200px;
  height: 200px;
  border: 1px solid blue;

}

/*tabs*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }