/* CSS Document */
/* last changed 23.mars cs, testing only */
/* stiler definert i portal (ui-template) eller portlet (escenic) */
  
body { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 75%; } /* define value 1em=12px; .91=11px, .82em=10 ; .75=9px; .67em:8px  */

/*  1st quickt draft styles for page structure */
h1, h2, h3, h4, h5 { 
	padding: 0; margin: 0;
	background: transparent;}
h1 {font-size:1.7em; font-weight: normal; margin-bottom: 0.2em;}
h2 {font-size:1em; font-weight: bold; margin-bottom: 0.8em; }
h3 {font-size:1em; font-weight: bold;}
h4 {font-size:1.2em; font-weight: bold; clear: both;}
h5 {font-size:1.0em; font-weight: bold; clear: both;}

img { border:0;}
hr { border: hidden; height: 1px; 
     color: #b3b3b3; background-color: #b3b3b3; 
     line-height: 0; clear: left; margin-left:0; margin-top: 0; padding-top: 0;} 
ul { padding-left: .9em; margin: 0} 

/* both defs needed for hr. (IE; 2nd FF) (shade prob FF, height problem IE */

/* lenker ------------------*/
/* new colors to pass tilgjengelighetskrav */
a:link, a:active {color: #0e2c8e; text-decoration: none;}
a:visited, a:hover {color: #336699; text-decoration: none;}

/* lenker old menyeditor */
div.venstrespalte a:link,
div.venstrespalte a:active {color: #0e2c8e;}
div.venstrespalte a:visited,
div.venstrespalte a:hover {color: #336699;}

a.hoyrespalte_lesmer {font-style:normal; color: #0e2c8e;} 
a.venstrespalte_lesmer {font-style:normal; color: #0e2c8e; }
a.midtspalte_lesmer{ font-style: normal; color: #0e2c8e; text-decoration: none;}

/* Workarounds  ------------------*/
/* pre IE6 */
/* html ul { margin-left: 0; } */
* html div.menyoversikt { margin-left: 17px; }
* html div.footer_hoyre {margin: 4px 87px 0 0 ;}

/* Firefox */

/*------------------*/
/* Toppen og hovedramma + GENERAL PG layout ------------------*/
/*------------------*/

div.menyoversikt { font-size: 0.9em; text-align: left; float: left; margin: 0 0 0 29px;  height: 10px;}
/* Tekst øverst til høyre - this should be text instead of a pict */
div.hovedramme_tekst {margin: 5px 0px 5px 675px; height: 10px; width: 302px;}

/* skjul klammene. NB:virker ikke i IE */
div.menyoversikt a:before{
  content:"[";
}
div.menyoversikt a:after{
  content:"]";
}
 
/* Toppen, def i UItemplate */
.container { padding-bottom: 0px; background-color:#dce2ed;}
div.toppen_venstre { margin: 0 0 0 0;}
div.toppen_hoyre_overst { margin: 0 0 0 647px; height: 35px;}

/* plassering toppens bilder */
img.ntnu_logo {float:left; margin: 15px 0 0 20px;}
img.toppbilde_venstre {float: left; margin: 0 0 0 95px;}
img.toppen_hoyre_overst {float: left;}

/* plassering av høyre-topplenkene */ /* weak construct */
div.topplenker_hoyre {font-size: 0.91em; margin: -25px 0 0 85px;}

/* Lenker øverst til høyre */
div.toppen_hoyre_overst a:link,
div.toppen_hoyre_overst a:visited,
div.toppen_hoyre_overst a:hover,
div.toppen_hoyre_overst a:active { text-decoration:none; color: #000000; padding: 0 6px 0 6px;}

/* høyrelenker, klammer, virker ikke i IE6 */
a.toppen_hoyre_lenke:before {
  content:"[";
}
a.toppen_hoyre_lenke:after {
  content:"]";
}
.toppen_hoyre_bunn {
  border-left: 1px solid black; border-top: 1px solid black;
  margin: 0 0 0 648px; height: 37px; 
  background-color: #edf0f6;
}

* html .toppen_hoyre_bunn {height: 34px; margin: 0 0 0 648px;} /* workaround ie6 */
.toppen_hoyre_bunn form {margin: 8px 0 0 10px;} /* test cs 16_11 */
* html .toppen_hoyre_bunn form {margin-top: 6px }/* workaround ie6 test 16_11*/
.toppen_hoyre_bunn form select.small {font-size: 1em;}  /* test 16_11 */
.toppen_hoyre_bunn form input {font-size: 1em; width: auto;}  /* test cs 16_11 */

/* Breadcrumb Navigation ------------------*/
div.menyoversikt a:link,
div.menyoversikt a:visited,
div.menyoversikt a:hover,
div.menyoversikt a:active {text-decoration:none; color: #000000; margin-right: 5px;}

/* Hovedmeny (toppfanene) */
table#menycont {background-color: #dce2ed; width: 100%; height: 20px; clear:both }
table#sjul { visibility: hidden; border: 0; } /* 11_14 cs beste fix for meny-strek problem */ 
table#menycont table {visibility: hidden; } /* 11_14 dobbel fiks, men ikke helt nødvendig */

table#menycont td {
  width: 6.5%;
  white-space: nowrap;
  padding: 2px 10px 2px 10px ; 
  font-size: 1em; text-align: center; 
  border-bottom: 1px solid black;}

table#menycont td.menyelem {border-left: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; }
table#menycont td.menyelem_on {border-left: 1px solid black;  border-top: 1px solid black;border-bottom: 0; background-color: #FFFFFF; }
table#menycont a {font-weight: normal; white-space: nowrap; text-decoration: none; color: black;}

/* ramme rundt alle sider */
div.hovedramme {
  border: 1px solid black;
  margin-left: 24px;
  margin-right: 15px;
  margin-top: 0;
  margin-bottom: 0;
  width: 964px;
}

div.hovedramme iframe#portalIFrame { visibility: hidden; display: none;} /* nødvendig for Opera 9.02, cs 11_16 */

/* Bunnteksten */
div.footer_venstre {position: absolute; left:35px; height: 10px;
	margin: 4px 0 10px 0; width: 250px; 
	color: #000000; font-size: 0.79em; text-align:left; }
div.footer_hoyre {position: absolute; left: 590px; height: 10px;
	margin: 4px 0 10px 0; width: 400px; 
	color:#000000; font-size: 0.79em; text-align:right;}

/*------------------*/
/* NAVIGATION      */
/*------------------*/

/* new breadcrumbs ------------------*/
#crumbs { font-size: 0.82em; text-align: left; float: left; margin: .25em 0 0 .5em;}
#crumbs a:link, #crumbs a:visited {text-decoration:none; color: #000000; }
#crumbs a:hover, #crumbs a:active { color:#7a96bf; }
a:link.sjul, a:visited.sjul, a:hover.sjul, a:active.sjul { visibility: hidden; display: none; text-decoration: none;}

/* new menu definitions ------------------*/
#meny { margin: 0; padding: 0; font-size: .91em; vertical-align: top; padding-top: .2em; }
#meny a:link, 
#meny a:visited {color: #000000; text-decoration: none;}
#meny a:hover, #meny a:active {color: #7a96bf;}
#meny li { margin-left: .15em; padding-left: .05em;}

ul.menylevel1 {list-style: url(../images/knapp_pil_lysblaa.gif) outside square; margin-left: .4em; }
ul.menylevel2 {list-style: url(../images/sub_pil.gif) outside lower-roman; margin-left: .5em; }
ul.menylevel3 {list-style: url(../images/sub_pil.gif) outside square; margin-left: .5em; }

/* open menu items */
ul.menylevel1 li.open {list-style: url(../images/knapp_pil_open.gif) square;} 
ul.menylevel2 li.open {list-style: url(../images/sub_pil_open.gif) square;} 
ul.menylevel3 li.open {list-style: url(../images/sub_pil_open.gif) square;} 

/* new sitemap ------------------*/
#sitemap {font-size: .91em; } 
#sitemap ul {list-style: none none outside; }
#sitemap ul li {margin-left: .25em; padding-left: .25em}

/* (old) Sitemap, def. i UI-template */
div.ntnu_sitemap_text { font-size: 0.75em; text-align: left; float: left; margin-left: 30px ;}

/*------------------*/
/* Meny - Venstre spalte*/
/*------------------*/

div.venstrespalte {clear:both;}
div.venstrespalte_stikktittel {font-size: 1em; color:#000000;}
div.venstrespalte_overskrift {font-size: 1.7em; color:#000000; margin:0 0 0.4em 0; }
div.venstrespalte_mellomtittel {font-size: 1em; font-weight: bold; color: #000;}
div.venstrespalte_ingress {font-size: 1em; font-weight: bold; color: #000; margin-bottom: 0.3em;}
div.venstrespalte p {line-height: 130%; margin-top: 0; margin-bottom: 0.3em;}
div.venstrespalte_overskrift_lm {font-weight: bold;} /* Les mer  */
div.venstrespalte_menyoverskrift {font-size:0.9em; font-weight: bold; margin-bottom: .4em; padding: 0; vertical-align: top} 

/* NB! defs gjelder escenic (old) menyeditor, can be changed once over in new */

td.RegionHeaderColor ul li.venstrespalte { 
	font-size: .91em; color: #000;
	margin: 0 0 .2em .5em; padding:0; 
	list-style: url(../images/knapp_pil_lysblaa.gif) outside square;} 
td.RegionHeaderColor ul { margin-top: 0; }
li.venstrespalte a:link,
li.venstrespalte a:visited {color: #000000; text-decoration:none;}
li.venstrespalte a:hover,
li.venstrespalte a:active {color: #336699; text-decoration:none;}

/*------------------*/
/* Midtspalte       */
/*------------------*/

div.midtspalte {clear:both; margin-bottom: 2em;} 
div.midtspalte_stikktittel {font-size:.91em; color:#333333;}
/* olddef  div.midtspalte_overskrift { font-size: 1.7em; margin:0 0 0.4em 0;} */
/* div.midtspalte_overskrift h1 {font-size: 1.7em; font-weight: normal; margin-bottom: 0.2em;}*/ 
/* div.midtspalte_mellomtittel {font-weight: bold; } *//* uke 16*/
/* div.midtspalte_mellomtittel h2 {font-weight: bold; } *//* uke 16*/
div.midtspalte_nyhetstittel {font-weight: bold; }
div.midtspalte_pressemelding_dato { float: left; padding-right: .4em; color: #666666;} /* cs 22-03 move date up a line */
div.midtspalte_ingress {font-weight: bold; margin-bottom: 0.3em;}
div.midtspalte p {line-height: 130%;}
div.midtspalte_overskrift_lm {font-weight: bold;} /* Les mer, overskrift */
div.midtspalte_ingress_lm {font-size: 1em} /* Les mer, ingress */

/* lister i brødteksten*/
div.midtspalte ul { 
	list-style: square outside ; 
	padding-left: 2em; margin:0; margin-left: .8em; } /* marg affects pic placement - unknown reason */

div.midtspalte li { padding-left: 0.8em; }

/*------------------*/
/* Høyrespalte      */
/*------------------*/

/* consider removing overflow hidden not yet tested */ 
div.hoyrespalte { margin: 1em 0 0 0; overflow: hidden; clear: both; font-size: .91em;} 
div.hoyrespalte div.hoyrespalte { font-size: 1em; } /* fix fontsize pga nesting weakness i portal structure */
/* olddef div.hoyrespalte_overskrift {font-size: 1em; font-weight: bold; color:#000000; margin-bottom: .25em; padding-bottom: 0;} *//* uke 16*/
div.hoyrespalte_overskrift { margin-bottom: .25em; padding-bottom: 0;} /* box element combined with h1 def *//* uke 16*/
div.hoyrespalte_overskrift h1 {font-size: 1.1em; font-weight: bold;} /* uke 16*/
/* olddef div.hoyrespalte_overskrift_lm { font-size:1em; font-weight: bold;} *//* Les mer overskrift *//* uke 16*/
div.hoyrespalte_overskrift_lm h3 { font-size:1em; font-weight: bold;} /* Les mer overskrift now uses h3*//* uke 16*/
div.hoyrespalte_ingress_lm { margin: 4px 0 0 0;} /* Les mer, ingress */
div.hoyrespalte p { color: #000000; margin-bottom: .6em; margin-top: .6em;}
div.hoyrespalte ul { margin: 0 0 .5em .8em; padding:0;}
div.hoyrespalte ul li { list-style: square outside; margin: 0 0 0 .8em; padding-left: 0 } 
div.hoyrespalte li { margin-left: 0.8em; padding-left: 0; }
div.hoyrespalte ol { margin: 0 0 .5em 1.5em; padding:0;}
div.hoyrespalte ol li { margin: 0 0 0 .5em; padding-left: 0em; }

/* Boks i høyrespalte med ramme */
div.hoyrespalte div.hoyrespalte_ramme {
 border:1px solid #7a96bf;
 padding: 2px 2px 2px 5px;
 margin: 4px 2px 4px 2px;
 overflow: hidden;
}
/* Boks i høyrespalte med ramme og bakgrunnsfarge*/
div.hoyrespalte_farge, .boxcolor { 
 border:1px solid #7a96bf;
 padding: 2px 2px 2px 5px;
 margin: 4px 2px 4px 2px;
 background: #edf0f6;
 overflow: hidden;}

/* Boks i høyrespalte med ramme og bakgrunnsfarge used for emner*//* uke 16 */
.box_color_line { border: 1px solid #7a96bf; background-color: #edf0f6; }

/*------------------*/
/* BILDER og ANNET       */
/*------------------*/

/* Bilder relatert i midtspalten */
div.bildehoyre { float:right; margin-right: 0; margin-left: 1em; } 
div.bildevenstre { float:left; margin-left: 0; margin-right: 1em;}
div.bildeutentekstflyt {text-align:left; overflow:hidden; margin-right: 0; margin-left:0; padding-right: 0; padding-left: 0;} 

/* bilder som fyller hele høyrespaltebredden (229px) ikke får margin mellom bilde og ramme */
/* dette er negativ verdi av padding på hoyrepalte_farge/hoyrespalte_ramme */
/* should change from absolute to relative values */
div.breddebilde { margin:-2px -2px -2px -5px;}
div.bildetekst {color: #000000; font-size: 0.82em; margin:0.1em; padding-left: 0.4em; }
div.fotokreditering{ color:#000000; font-size: 0.82em; margin:0.1em; padding-left: 0.4em;} 
td.bildetekst{ color: #000000; font-size: 0.82em; margin:0.1em; padding-left: 0.4em;}
td.fotokreditering{ color:#000000; font-size: 0.82em; margin:0.1em;padding-left: 0.4em; } 
p.bildetekst{ color: #000000; font-size: 0.82em; }
p.fotokreditering{ color:#000000; font-size: 0.82em; } 

/* Pressemeldinger */
div.pressemelding_forfatter { font-size: 1em; font-style:italic;}
div.pressemelding_dato { font-size: 0.91em;}

/*------------------*/
/* Tabeller      */
/*------------------*/

#brosjyretable table {width: 95%;}
#brojyreform {width: 85%; } 

/*------------------*/
/* Tabellgenerator for tabellene til studieprogrammene      */
/*------------------*/

table.studietabell {
	border-collapse: separate;
	width:99%;  /* 11_8 cs fra 490px til 99% */
	border: 1px outset black;
	background-color: white;
	overflow: hidden;
	table-layout: fixed;}
	
table.studietabell tr {vertical-align:top;}
table.studietabell th {
	width: 21%; border: 1px outset #dee5ef;  /* from 105px to 21% 11_9 */
	padding: 3px; background-color: #ffffff;}
table.studietabell td {
	width: 21%; border: 1px outset #dee5ef;
	padding: 3px; overflow: hidden;
	vertical-align: top;} 

/* Bakgrunnsfarger i tabellgeneratoren */
.cellebakgrunn1 {background-color:#FFFFFF;}
.cellebakgrunn2 {background-color:#EDF0F6;}
.cellebakgrunn3 {background-color:#DCE2ED;}

/* fiks escenictabel, minimize p tags from wysiwyg, + align top */
div.midtspalte td {vertical-align: top} 
div.midtspalte td p {margin: 0; padding: 0; } 
div.hoyrespalte td {vertical-align: top} 
div.hoyrespalte td p {margin: 0; padding: 0; } 
div.venstrespalte td p {margin: 0; padding: 0; }

/*  1st quickt draft - flexible styles for 1spalteamal similar til 2 existing portal, sort of */
.sidecol_content, .sidebar { margin: .5em 0 .5em 0; font-size: .95em;} /* very like div.hoyrespalte */
.midlcol_content, .midten { margin-bottom: 1.5em; font-size: 1em;} /* very like div.midtspalte */
#inner-wrap { float: left; width:780px}
#col_bc {width: 100%} /* not sure about width or if there needs to be a clear */
#contain_b, #contr_spalte  { 
       width: 66%; 
       float: left;
       margin-right: 2em;
       }
#contain_c,  #contr_colabar {
	width: 28%;
	float: left; 
	margin-top: 1em;
	padding: .25em .5em .25em .5em
       }

/* brukes av hovedside mal grid_singleElementHS2.jsp *//* uke 16 */
#col1 { width: 48%;  float:left; margin-right: 1em; }
#col2 { width: 48%;  float:left; }
/* brukes art_faq.jsp.jsp */
.cell_one { float: left; width: 10%; }
.cell_two { clear: right; } 

/* til bruk for skjult navigasjon, til hjelp for leselistbrukere og andre */
.offscreen { position: absolute; height: 0; width: 0; left: -1000em; top: -1000em; }

/* DEPRICATED   ------------------*/

/* div.midtspalte a:osv = to customize lenker inne i brodteksten   */
/* div.midtspalte_nyhetstittel a:osv = to customize lenkefarge på klikkbar nyhetstittel  */
/* div.midtspalte_overskrift_lm a:osv = to customizeles mer artikkel, overskrift som lenke */
/* .footer_venstre a:osv = customize links in footer */ 

/*div.venstrespalte_ingress_lm { }*/

/* Må sjekkes: hvor brukes denne? flytt til ekstenweb_portal.css */
.previewText { font-size: 20px;  font-weight: bold; font-family: arial,verdana,helvetica,sans-serif; }