/*  FILE:     ???.css */
/*  AUTHOR:   PETER GLEWWE   	*/
/*  DATE:     16.05.2005     	*/
/*  STATUS:   ...            	*/

/*  foretakets farger / corporate identity; colors */
/*  red:   #D40026, rgb: 212, 0, 38 (Pantone 200) */
/*  blue:  #1E2E6E rgb: 30, 46, 110 (Pantone 534) */


/* main html */
html
{  margin: 0 ; padding: 0 ; border: 0 ;  }

body
{
  height: 100% ; margin: 0 ; padding: 0 ; border: 0 ;
  background: white ; color: black ; font-family: verdana, arial, sans-serif ;
	font-size: 82% ; line-height: 1.5em ;
}

table
{  font-size: 82% ; line-height: 1.5em ;  }

a:link , a:visited
{  text-decoration: none ;  color: #D40026 ;  }

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

a:link img , a:visited img
{  border: 0 ;  }

/* lists, list-items */
ul
{  margin-top: 6px ; margin-bottom: 12px ; }

ul li
{
	padding-left: 20px ;
	list-style-type: square ;
  list-style-image: url(http://www.multibygg.no/_bilder/_nye/blackSolidArrow.jpg) ;
}

ul.liste-referanse-prosjekter li,
ul.liste-nyheter li ,
ul.liste-forretningsomrader li,
ul.liste-hms-lenker li ,
ul.liste-stillinger li ,
ul.liste-sitemap li
{  list-style-image: url(http://www.multibygg.no/_bilder/_nye/redArrow.gif) ;  }

ul.liste-godkjenninger li ,
ul.links-godkjenning li ,
ul.liste-ongoingProject li ,
ul.liste-project-links li
{  list-style-image: url(http://www.multibygg.no/_bilder/_nye/blueArrow.gif) ;  }


/* container for navigation */
#Header
{ height: 140px ; background: white ;  border-bottom: 50px solid white ;  width: 100% ;  }


/* menu for helper pages */
#MenuTopRight
{ text-align: right ; height: 50px ; font-size: 85% ; padding-top: 10px ; padding-right: 15px ;  }

#MenuTopRight a:link , #MenuTopRight a:visited
{  color: #D40026 !important ; font-weight: normal ;  }

#MenuTopRight a:hover, #MenuTopRight a:active
{  color: #1E2E6E !important ; font-weight: normal ; text-decoration: underline ; }

.menu-separator
{  color: #1E2E6E ; font-weight: normal ;  }


/* logo */
#logo
{  position: absolute ; top: 0px ; left: 30px ; z-index: 5;   }

#logo img
{  height: 120px ; border: 0 ;  border-bottom: 20px solid white ;  }


/* menu with main categories */
#MenuMain
{
	position: relative ; top: 0px ; left: 300px ; /*width: auto ;*/
	height: 40px ; margin: 0 ; font-size: 85% ;
}

#MenuMain ul
{  position: absolute ; bottom: 0 ; left: 0 ; height: auto ; margin: 0 ; padding: 0 ; }

#MenuMain ul li
{  display: block ; float: left ; margin: 0 ; padding: 0px 0 6px 0 ; }

#MenuMain a:link , #MenuMain a:visited
{
	padding: 0 10px 9px 10px ; color: #1E2E6E ;
	border-right: 1px solid #1E2E6E ; border-bottom: 0px solid white ;
}

#MenuMain a:hover
{  padding: 0 10px 3px 10px !important ; border-bottom: 6px solid #1E2E6E ; border-top: 1px solid #1E2E6E ; text-decoration: none ;  }

#MenuMain a.firstLink
{  border-left: 1px solid #1E2E6E ;  }

#MenuMain a.currentLink
{  padding: 0 10px 3px 10px !important ; border-bottom: 6px solid #1E2E6E !important ;  }


/* menu with subcategories */
#MenuSub
{
	margin: 0 ; padding: 3px 0 3px 300px ; width: 100% ;
	background: #D40026 ; height: 22px ; font-size: 85% ;
}

#MenuSub ul
{  margin: 0 ; padding: 0 ;  }

#MenuSub ul li
{ display: block ; float: left ; margin: 0 ; padding: 0 ;  }

#MenuSub a:link, #MenuSub a:visited
{
	color: white ; font-weight: bold ; padding: 0 20px 0px 15px ;
	background-image:  url(http://www.multibygg.no/_bilder/_nye/whiteArrow.gif) ;
	background-repeat: no-repeat ; background-position: 0px 3px ;
}

#MenuSub a:hover , #MenuSub a.currentLink
{
	color: #1E2E6E !important ; font-weight: bold ; padding: 0 20px 0px 15px ;
	background-image:  url(http://www.multibygg.no/_bilder/_nye/blueArrow.gif) !important ;
	background-repeat: no-repeat ; background-position: 0px 3px ;
}

#MenuSub a.currentLink:hover
{
	color: white !important ; font-weight: bold ; padding: 0 20px 0px 15px ;
	background-image:  url(http://www.multibygg.no/_bilder/_nye/whiteArrow.gif) !important ;
	background-repeat: no-repeat ; background-position: 0px 3px ;
}

/* container for illustrations/pictures on the left side */
#pictureBoxLeft
{ position: absolute; top: 240px ; left: 30px ; }

#pictureBoxLeft img ,
#pictureBoxLeft img.small
{
	display: block ; /*height: 100px ;*/
	width: 150px ; margin-bottom: 20px ;
}


/* main content area */
#mainContent
{ margin-left: 300px ; width: 400px ;  }

#mainContent p 
{  margin: 0 0 10px 0 ; font-family: arial, verdana, sans-serif ; font-size: 96% ;  }


#textBoxReferanser p
{  margin: 0 0 10px 0 ; font-family: arial, verdana, sans-serif ; font-size: 96% ;  }

#mainContent ul
{  font-family: arial, verdana, sans-serif ; font-size: 96% ;  }

/*  special case: index.html  (move homepage-content to the left for low resolution browsers) -
   	this is overwritten for high resolution browsers */
.homepageContainer
{  margin-left: 200px !important ;  width: 450px !important ;  }



#linkToTop , .linkToTop
{ text-align: right ;  border-top: 20px solid white ;  }

#linkToTop a:hover
{  text-decoration: none ;  }

/* footer for contact and copyright info */
#footer
{
	margin-left: 300px ; padding-top: 1em ; width: 400px ; margin-top: 50px ;
	font-size: 75% ; line-height: 1.5em ;
	border-top: 1px dotted #D40026 ; border-bottom: 20px solid white ;
}

/*  special case: footer on homepage - set in sync with homepageContainer*/
.index #footer
{  margin-left: 200px !important ;  }


/* headline styles */
h1, h2, h3, h4
{ font-family: arial, verdana, sans-serif ; margin: 0 ; padding: 0 ;  }

h1
{  font-weight: normal ; color: #D40026 ; margin: 0 0 10px 0 ; font-size: 2em ; line-height: 40px ; }

h2
{  margin: 1em 0 1em 0 ; color: #D40026 ; font-weight: normal ; font-size: 1.5em ;   }

h3, h4
{  margin: 1em 0 0 0 ; font-weight: bold ; font-size: 96% ;   }


/* side: homepage/ index.html */
#mainTagline h2
{
	padding: 3px 0em 3px 10px ; font-size: 1.5em ; line-height: 1.5em ;
	text-align: left; color: white ; border: 1px solid #D40026 ; background: #D40026 ; margin: 0 ;
}

#mainTagline a.promotionLink:link , #mainTagline a.promotionLink:visited
{
	display: block ;  background: white ; color: #D40026;	border: 1px solid #D40026 ;
  background-image:  url(http://www.multibygg.no/_bilder/_nye/redArrow.gif) ;
  background-repeat: no-repeat ; background-position: 10px 20px ; text-indent: 20px ;
	padding: 10px 5px 10px 10px ; line-height: 1.9em ; font-size: 95% ; font-weight: normal ;
	font-family: arial, verdana, sans-serif ;
}

#mainTagline a.promotionLink:hover
{
  display: block; background: #D40026; color: white; border-top: 1px solid white;
  background-image:  url(http://www.multibygg.no/_bilder/_nye/whiteArrow.gif) ;
  background-repeat: no-repeat ; background-position: 10px 20px ; text-indent: 20px ;
	text-decoration: none ;
}

#pageHeadline2
{  color: #1E2E6E ; border-top: 30px solid white ; }

#asidePromotions /*  this box is out of flow  - TMP  */
{  width: 320px ; margin: 50px 0 30px 0 ; position: absolute; top: 400px ; left: 670px ;  border: 0 ;  }

.promo_avdeling
{ width: 400px ;  } 


#asidePromotions h3
{ padding: 3px 85px 3px 0 ;  text-align: right ;  font-family: Georgia, "Times New Roman", Times, serif ; font-variant:small-caps ; 
	border-top: 1px solid red ;   border-bottom: 0px ;  border-right: 0px ;  
}


#asidePromotions p
{
	line-height: 1.5em ; height: 7em ;
	padding: 0 85px 30px 0 ; text-align: right ;
	font-family: Georgia, "Times New Roman", Times, serif ;
	font-size: 100% ;
}

#promo_godkjenning
{	
	background-image:  url(http://www.multibygg.no/_bilder/_nye/be_logo_bkg.jpg) ;
  background-repeat: no-repeat ; background-position: 100% 10px ; 
}

#promo_brosjyre
{	
	background-image:  url(http://www.multibygg.no/_bilder/_nye/hjelm_bkg.jpg) ;
  background-repeat: no-repeat ; background-position: 100% 10px ;
}

#asidePromotions a.promotionLink:link , a.promotionLink:visited
{  color: #1E2E6E ;  }

#asidePromotions a.promotionLink:hover
{  color: #D40026 ;  }




/*	side: nyheter  */
.newsDate
{  color: #aaa ; padding-right: 0.7em ; text-decoration: none ;  }

.newsLink
{  text-align: right ; margin-right: 1em ; padding: 0px 0px 0px 20px ;  }

a.newsLink:link, a.newsLink:visited
{  background: white url(http://www.multibygg.no/_bilder/_nye/blueArrow.gif) left center no-repeat ;  }

a.newsLink:hover
{  background: white url(http://www.multibygg.no/_bilder/_nye/redArrow.gif) left center no-repeat ;  }





/* container(s) for special content */
/* these boxes appear out of flow only in high resolutions	*/
#statement , #tjenesterInfo , #animasjonForretning , #asidePromotions , #statementForretningside
{
	border: 1px solid #1E2E6E ; padding-bottom: 10px ; margin: 0 0 30px 0 ;
	/*width: 300px ; margin: 40px 0 30px 0 ; */
	/*position: absolute ; top: 200px ; left: 800px ;*/
}

#statement , #statementForretningside
{  margin-top: 30px ;  }

#animasjonForretning , #contactPersons , #asidePromotions , #tjenesterInfo
{  border: 0 ;  }


/* TMP */
#godkjenningInfo , #extraInfo , #argusInfo , #hmsInfo , #ongoingProjectsInfo , #ledigeStillinger ,
#stillingTomrer , #stillingFormenn , #stillingAnleggsledere , #contactPersonsInfo , #forrOmradeInfo ,
#stillingsAnnonser div   /* TMP for MT-version */
{ border-left: 3px solid #D40026 ; padding: 0 0 0 10px ; margin-top: 40px ;  margin-bottom: 20px ;  }


#statement p , #statementForretningside p
{
	font-family: arial, sans-serif ; font-size: 85% ; color: #1E2E6E ;
	padding: 5px 20px 5px 10px ; margin: 0 ; width: 320px !important ;
}

#statement h3 , #statementForretningside h3
{  color: white ; background: #1E2E6E ;  padding: 15px 20px 5px 10px ;  margin: 0 ; }

#statement h4
{  color: #1E2E6E ;  padding: 15px 20px 0 10px ;  margin: 0 ; }

#contactPersons p , #forrOmradeInfo p
{  margin: 0 ;  }

#contactPersons div div
{  border-bottom: 40px solid white ;  }



/*  side: ledelse.html, (kontakt.html)  */
div.leaderInfo
{  display: none ;   /* TMP */  }

div.leaderPosition h3
{
	background-image:  url(http://www.multibygg.no/_bilder/_nye/redArrow.gif) ;
  background-repeat: no-repeat ; background-position: 0px 5px ;
	text-indent: 20px ;
}

div.leaderPosition p
{  text-indent: 20px ; margin: 0 !important ;  }


/*  side: tjenester_og_produkter.html  */
#tjenesterInfo div
{  border: 1px solid #D40026 ; padding: 6px 12px 6px 12px ; margin-top: 20px ; display: none ;   }


/*  side: telefonliste.html */
div.telefonlisteColumn
{  width: 700px !important ;  }

table#tableTelefonListe td
{  border-style: none ; border-bottom: 10px solid white ; padding: 1px ; vertical-align: top ;  }

table#tableTelefonListe th.tableHeadline
{
	 border-bottom: 3px solid #D40026 ; border-top: 20px solid white ;
	 color: #D40026 ; text-align: left ; font-weight: bold ;
}

table#tableTelefonListe tr.firstEntry td
{  padding-top: 15px ;  }


table#tableTelefonListe div.name
{  font-weight: bold ;  }

table#tableTelefonListe tfoot td
{  text-align: center ; border-top: 3px solid #D40026 ; padding-top: 10px ;  }

/*  used to highlight the hoovered table row  */
tr.ruled
{  background: #eee ;  }


/* side: stikkord.html */
div.stikkordContainer
{  width: 700px !important ;  }

ul.liste-stikkord-left
{  width: 250px ; float: left ; margin: 0 ;  }

ul.liste-stikkord-left li , ul.liste-stikkord-right li
{
	list-style-type: none !important ; padding: 0 ; margin: 0 ; text-indent: 20px ;
	list-style-image: url(http://www.multibygg.no/_bilder/_nye/redArrow.gif) !important ;
}

ul.liste-stikkord-right
{  width: 250px ; margin: 0 ; margin-left: 300px ;  }


#googleSearch, #listePublikasjoner
{  clear: both ;  padding-top: 10px;   }  /* TMP */

.searchBox
{  border: 1px solid #1E2E6E ; }

.searchButton
{  color: #D40026 ; background: white ; border: 1px solid #1E2E6E ; margin-left: 20px ;  }


/* side: sitemap.html */
div.sitemapContainer
{  width: 700px !important ;  }

#sitemapTable1
{  float: left ; margin: 0em 5em 0em 0em ;  }

#sitemapTable2
{  margin: 0em 5em 0em 0em;  }

tr.newPart td
{  border-top: 1em solid white ;  }

td.mainCategory
{  padding-right: 1.5em ; vertical-align: top ; font-weight: bold ;  }


/*  side: referanse_prosjekter.html  */
/* container for illustrations/pictures on the left side */
#textBoxReferanser
{ position: absolute; top: 240px ; left: 30px ; width: 200px ;  }

#textBoxReferanser div
{  border-top: 3px solid #D40026 ; display: none ;  }


/* sider for de enkelte referanse prosjekter */
#pictureComments div
{  border: 1px solid #D40026 ; padding: 6px 12px 6px 12px ; margin-top: 20px ; display: none ;   }

#klikkTipp
{
	border: 1px solid #D40026 ; padding: 6px 12px 6px 12px ; margin-top: 30px ;
	text-align: center ; font-family: verdana, arial, sans-serif ;
	font-size: 82% ; line-height: 1.5em ;
}


/**/
.author
{  text-align: right ; border-top: 20px solid white ;  }


/* image formats */
/*img.small*/
/*{  height: 100px;  }*/

img.middle
{  height: 150px;  }

img.bigger
{  height: 250px;  }

img.veryBig
{  height: 300px;  }

img.squareMini
{  height: 75px;  width: 75px;  }

img.squareSmall
{  height: 100px;  width: 100px;  }

img.squareMiddle
{  height: 150px;  width: 150px;  }

#closePic
{  float: right; height: 18px; display: none ; /* TMP */ }

#argusLogo
{  float: left ; border-right: 10px solid white ;   }

#contactPersons img
{  display: block ; float: left ; border-right: 10px solid white ; display: none ; /* TMP */  }

#orgPlanPic
{  margin: 10px 0 20px 0 ;  }

#mapPicture
{  margin-bottom: 20px ; }

