/* RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* FONTS */
body{font:13px/1.231 Trebuchet MS, verdana, arial, helvetica, sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}




/* CSS Document */
body{
  background:#f2f1d8 url(../industrimuseum_img/bodyBG.gif) bottom left no-repeat;
  color:#4f4f4f;
}


/* --- Headings -------------------- */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #222;
     margin-bottom: 0.5em;
}

/* h1, h5, and h6 are reserved:
   - h1 for page heading
   - h5 for sidebar groups
   - h6 for sidebar modules */

h1, .h1 {
  color:#848e50;
  color: red;
  background:url(../industrimuseum_img/headerBG.gif) bottom left repeat-x;
}

h2, .h2 {
  font-size: 146.5%;  /* 19px */
}

h3, .h3 {
  font-size: 131%;  /* 17px */
}

h4, .h4 {
  font-size: 116%;  /* 15px */
}

h5, .h5 {
  font-size: 116%;  /* 15px */
}

h6, .h6 {
  font-size: 116%;  /* 15px */
}

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

.clearing{
  clear:both;
  height:1px;
}
.divider{
  height:25px;
}
/*Styling toppBanner and toppMeny */
.toppBanner{
  background:url(../industrimuseum_img/toppBanner.jpg) left top no-repeat;
  width:957px; /* må skrives om til em*/
  height:138px;/* må skrives om til em*/
  position:relative;
}

.toppMeny{
  position:absolute;
  top:82px;
  left:0px;
  height:4em;
  background:url(../industrimuseum_img/toppMenyBG.gif) top left repeat-x;
  width:100%;
}
.toppMeny ul {
  list-style-type:none;
  display:block;
  height:4em;
  padding-left:25px;
}
.toppMeny ul li{
  display:block;
  float:left;
  height:4em;
}
.toppMeny ul li a{
  display:block;
  color:#ffffff;
  text-decoration:none;
  padding:2.1em 2em 0px 0px;
  font-weight:bold;

}

.toppMeny ul li a:hover{
color:#765508;
}

.toppMeny ul li a.Selected{
background:url(../industrimuseum_img/rufs.gif) top left no-repeat;
color:#765508;
}
#topSearch{
z-index:200;
position:absolute;
right:40px;
bottom:30px;
}
/*stiler for hovedgridden*/
#hovedInnhold{
padding:25px 0px 25px 14px;
width:84.3em;
padding-bottom:5em;
background-color:#f2f1d8;
}
/*stiler for venstre kolonne*/
#venstre{
float:left;
width:20em;
padding-top:10px;
}

#venstreMeny{
background:url(../industrimuseum_img/hovedMenyTR.gif) top right no-repeat;
padding-right:8px;
margin-right:13px;
}
#menyRamme1{
background:#d3ded4 url(../industrimuseum_img/hovedMenyTR2.gif) top right no-repeat;
padding:11px 12px 11px 11px;
}
#menyRamme2{
border:solid 1px #c1d1c3;
padding:11px;
}
#venstreMeny h3{
border-bottom:solid 1px #c1d1c3;
padding-bottom:4px;
margin-bottom:11px;
font-weight:normal;
color:#88958a;
}
#venstreMeny ul{
list-style-type:none;
}
/*end stiler for venstre kolonne*/
#venstreMeny a{
color:#627b8a;
font-weight:bold;
}
#venstreMeny a.Selected{
color:#2f4552;
font-weight:bold;
}
#venstreMeny li{
margin-bottom:0.7em;
}
#centerOgHoyre{
float:left;
width:62em;
}
#center{
float:left;
width:45.7em;
}
#innhold{
margin-right:25px;
}
.ingress{
font-weight:bold;
margin-bottom:1.7em;
}

#innhold h2{
font-weight:normal;
color:#d4990a;

margin-bottom:1.7em;
}
.brodtekst p{
margin-bottom:1.7em;
}

.bildeholder{
background-color:#d1d7b5;
float:right;
margin-left:15px;
margin-bottom:15px;
width:238px;
}
.bildeholder img{
display:block;
width:238;
}

.bildeholder p{
font-style:italic;
padding:8px 15px;
color:#8f9960;
white-space:normal;
float:left;
}

.print{
font-weight:bold;
display:block;
}
/* end stiler for center regionen*/

#hoyre{
float:left;
width:16.25em;
padding-top:10px;
}
#relatertInnhold{
background:#e7e2c1 url(../industrimuseum_img/relatertMenyTR.gif) top right no-repeat;
padding:11px;
}

#relatertRamme{
border:solid 1px #e1dca9;
padding:11px;
}
#relatertInnhold h3{
border-bottom:solid 1px #e1dca9;

padding-bottom:4px;
margin-bottom:11px;
font-weight:bold;
color:#c28900;
text-transform:uppercase;
}
#relatertInnhold ul{
list-style-type:none;
margin-bottom:0.5em;
}

#relatertInnhold h2{

}
#relatertInnhold h4{
font-weight:normal;

}
#relatertInnhold h2 a{
color:#c28900;
font-weight:bold;
margin-bottom:0px;
}
#relatertInnhold a.Selected{
color:#2f4552;
font-weight:bold;
}
#relatertInnhold li{

}

#relatertInnhold p a{
font-weight:bold;
color:#4f4f4f;
}

/*stiler for forsiden*/
#hovedInnholdForsiden{
padding:25px 25px 25px 25px;
width:81em;
background-color:#f2f1d8;
}
.forsideKolonne1{
width:47.3em;
float:left;
}

.toppSak{
width:235px;

float:left;
border-right:solid 25px #f2f1d8;
}

.n1{
background:#d4990a url(../industrimuseum_img/bakOransje_left.gif) left bottom no-repeat;
}
.n2{
background:#aab375 url(../industrimuseum_img/bakGronn_right.gif) right bottom no-repeat;
}
.n3{
background-color:#b6cdc8;
}
.toppSak img {
display:block;
/*width:238px; */
/*height:243px;*/
}

.tittelHolder{
padding:0.7em 1.5em 0px 1.5em;
height:80px;
vertical-align:bottom;
}

.toppSakHolder img{
  width: 238px;
  height: 160px;
}

.toppSak h2{

font-weight:normal;
display:inline;
}
.toppSak h3{

font-weight:normal;
display:inline;
}
.toppSak h2 a, .toppSak h2 a{
color:#ffffff;
text-decoration:none;
}
.toppSak h3 a, .toppSak h3 a{
color:#ffffff;
text-decoration:none;
}

.lenkeListe ul{
width:238px;
float:left;
border-right:solid 1.5em #f2f1d8;
list-style-type:none;
}

.lenkeListe ul li{
clear:both;
margin-bottom:0.6em;
}

.lenkeListe h2{

font-weight:normal;
display:inline;
}
.lenkeListe h3{

font-weight:normal;
display:inline;
}

.lenkeListe h2 a, .lenkeListe h3 a{
color:#627b8a;
text-decoration:none;
}

.forsideKolonne2{
width:33em;/* todo legge inn eget stilsett med bredder for IE*/
float:left;

}

.forsideKolonne2 h3{
color:#848e50;

font-weight:bold;
background:url(../industrimuseum_img/headerBG.gif) bottom left repeat-x;
padding-bottom:0.5em;
margin-top:25px;
margin-bottom:1em;
}
.introRammeHolder{
border:solid 1px #a3b4be;
background-color:#dfe5e8;
padding:3px;
}
.introRammeMain{
border:solid 1px #a3b4be;
background-color:#dfe5e8;
padding:25px;
}

.introRammeMain h1{
color:#d5a326;
background:none;

font-weight:normal;
padding-bottom:10px;
}

.introRammeMain p{
 
 margin-bottom:1em;
}

.introRammeMain h2{
color:#4f4f4f;

}

.introRammeMain ul{
list-style-type:none;
}

.introRammeMain ul li a{
font-weight:bold;
}

.forsideKolonne2 .ingressView{
margin-bottom:1.5em;
}
.forsideKolonne2 .ingressView h2{

font-weight:normal;
}
/* end stiler for forsiden*/

/* stiler for utstillinger*/
#exhibitions{
float:left;
}
.ex1 img, .ex2 img, .ex3 img{
width:211;
/*height:216;*/
display:block;
padding:0px;margin:0px
}
.ex1, .ex2, .ex3, .exIngress{
float:left;
width:211px;
margin-right:20px;
}

.ex1 .introHolder{background:#d4990a url(../industrimuseum_img/ex1BG.gif) top left no-repeat;}
.ex2 .introHolder{background:#aab375 url(../industrimuseum_img/ex2BG.gif) bottom right no-repeat;}
.ex3 .introHolder{background:#b6cdc8 url(../industrimuseum_img/ex3BG.gif) bottom left no-repeat;}

.introHolder{
padding:10px;
}
.introHolder h2{

font-weight:normal;
}
.introHolder h3{

font-weight:normal;
}

.introHolder h2 a, .introHolder h3 a{
color:#ffffff;
}

.exIngress h2{

font-weight:normal;
margin-bottom:10px;
}

.exIngress img{
float:left;
width:102px;
margin-right:10px;
}

.exIngress p a{
color:#595958;
}

/*styling slideshow*/
#slideShow{background:url(../industrimuseum_img/slideshowT.gif) top left repeat-x;}
#slideShowTL{background:url(../industrimuseum_img/slideshowTL.gif) top left no-repeat;}
#slideShowTR{background:url(../industrimuseum_img/slideshowTR.gif) top right no-repeat;}
#slideShowL{background:url(../industrimuseum_img/slideshowL.gif) top left repeat-y;}
#slideShowR{background:url(../industrimuseum_img/slideshowR.gif) top right repeat-y;}
#slideShowBL{background:url(../industrimuseum_img/slideshowBL.gif) bottom left no-repeat;}
#slideShowBR{background:url(../industrimuseum_img/slideshowBR.gif) bottom right no-repeat;}
#slideShowHolder{padding:25px;}
#slideShowLeftSide{
float:left;
width:24em;
}
#slideShowRightSide{
float:left;
}
#slideShowRightSide img{
width:365px;
}

#slideShowRightSide a img{
width: auto;
height: auto;
align:right;
}


.inline_slideshow a.prev img,
.inline_slideshow a.next img{
display:none;
}
/*end slideshow*/
/* styling section search */
#Sokeboks ul{
list-style-type:none;
}
.sectionSearch{
border:solid 1px #627b8a;
width:20em;
height:1.3em;
vertical-align:center
}
.sectionSubmit{
border:none;
background-color:#627b8a;
color:#ffffff;
margin-top:0.5em;
}

.valgtBransje{
list-style-type:none;
margin-top:1em;
}
.valgtBransje ul li {
  display:inline;
	
}
.section li {

}
.sectionResult h3{

font-weight:bold;
}
.sectionResult li{
margin-bottom:1em;
}
/*end styling section search*/
.selected{
font-weight:bold;
}
/*styling artikkel_bilde*/
.artikkel_bilde{
border-collapse:collapse;
font-style:italic;
padding:0px;margin:0px;
color:#8f9960;
background-color:#d1d7b5;
}

.artikkel_bilde caption{
background-color:#d1d7b5;
font-style:italic;
padding:8px 15px;
color:#8f9960;
margin-top:0px;
}


/*styling person*/
.portrettBilde{
float:left;

}
.person{
background:#d1d4b3 url(../industrimuseum_img/personBG.gif) bottom right no-repeat;
padding:10px;
float:left;
width:25em;
margin-left:10px;
}
.strukturerteData, .faktaboks{
background:#d1d4b3 url(../industrimuseum_img/personBG.gif) bottom right no-repeat;
padding:10px;
margin:10px 0px 10px 0px;
}
/*end person*/
/* styling search*/
.Sidevelger{
text-align:center;
}
.Sidevelger ul{
list-style-type:none;
}
.Sidevelger ul li {
display:inline;
padding-right:1em;
}
.sortSearch p{
text-align:right;
padding-right:2em;
margin:0px 0px 0.5em 0px;
}
#searchResult h2{

margin-bottom:0.5em;
}
.searchPreview{
margin-bottom:1em;
width:40em;
}
.searchPreview h3{

}
/* end search*/
/* seksjon abc....*/
.alfabetical{
text-transform:uppercase;

font-weight:normal;
padding-right:0.5em;
}
/* end seksjon abc ...*/
/*styling treeview section */
.treeView .level1{
text-transform:uppercase;

font-weight:normal;
padding-right:0.5em;
margin-top:1em;
display:block;
}
.treeView .level2{
color:#627b8a;font-weight:bold;
margin-left:20px;
}
.treeView .level3{
color:#627b8a;font-weight:bold;
margin-left:40px;
}
.treeView .level4{
color:#627b8a;font-weight:bold;
margin-left:60px;
}
/* end styling treeview section */
/* styling tabheading */
.tabHeading{
margin-bottom:1em;
}
.tabHeading a{
color:#d4990a;
text-transform:uppercase;
padding-bottom:2em;
margin-right:1em;
}
.tabHeading a.active{
font-weight:bold;
}
.tabHeading a.inactive{
font-weight:normal;
}
/* end tabheading */
.artikkel_bilde{
width:245px;
float:right;
margin-left:10px;
}

div.industributton{
background-color:#fed;
border-top:1px solid;
border-right:2px solid;
border-bottom:2px solid;
border-left:1px solid;
border-top-color:#696;
border-left-color:#696;
border-right-color:#363;
border-bottom-color:#363;
color:#FFFFFF;

font-weight:bold;
height: 20px;
margin:1em 0pt;
padding: 5px;
position:relative;
width: 60px;
}

div.industributton a.industri {
padding:1pt;
text-align:center;
width:100%;
}
div.industributton a {
color:#000;

display:block;
}

div.industributton a.industri:visited, div.industributton a.industri:hover {
background-color:#fed;
color:#000;
text-decoration:none;
}


/* Merged in photoview css */

.right {
	
	/*padding-right: 100px;*/
	text-align: right;
}

#info {
	/*border: 1px solid #C2C7BE;*/
	margin-left: 80px;
	margin-right: 80px;
	margin-top: 20px;
	/*padding: 0px 15px 0px 15px;*/
	position: relative;
}

#info a, #info a:visited {
	color: #8A9483;
	text-decoration: none;
}

#info a:hover {
	color: #9BA495;
	text-decoration: underline;
}

#pic {

	left: 0px;
	position: relative;
	top: 0px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: opx;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	/*height: 90px;*/
	left: 0;
	text-decoration: none;
	top: 0;
	/*width: 135px;*/
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 2px solid #000;
	display: block;
	height: 200%;
	left: 250px;
	position: absolute;
	top: -60px;
	width: 200%;
}

#top {
	margin-left: 80px;
}