/* CSS Document */
/* stiler definert i portal (ui-template, ..) eller portlet (escenic) */
/* navngivingen skal så godt som mulig følge designdokumentet         */
  
/*------------------*/
/* generelt, hacks, og tag elementer */
/*------------------*/

body { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 75%;} /* define value 1em=12px; .91=11px, .82em=10 ; .75=9px; .67em:8px  */

hr { margin: .5em 0 .5em 0; 
	clear:both; overflow:hidden; align: left; color:#cccccc; 
	height: 1px; border: 0 solid #b3b3b3; border-top-width: thin; } /* cs better  FF+IE */

a:link, a:visited, a:hover, a:active {color: #0e2c8e; text-decoration: none;}

/* Må sjekkes: */
ul { padding-left: 10px;} /* firefox */
* html ul { margin-left: 0;} /* workaround ie */

/*-----------------------*/
/* Toppen og hovedramma  */
/*-----------------------*/

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;}

/* workaround IE */
* html div.menyoversikt { margin-left: 17px; }

/* skjul klammene. NB:virker ikke i IE */
div.menyoversikt a:before{
  content:"[";
}
div.menyoversikt a:after{
  content:"]";
}
 
div.menyoversikt a:link,
div.menyoversikt a:visited,
div.menyoversikt a:hover,
div.menyoversikt a:active {text-decoration:none; color: #000000; margin-right: 5px;}

/* 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 */

/* Hovedmeny (toppfanene) */

table#menycont {background-color: #dce2ed; width: 100%; height: 20px; clear:both }
table#sjul { visibility: none; 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;}

.footer_venstre a:link, 
.footer_venstre a:active, 
.footer_venstre a:visited {color: #0e2c8e; text-decoration: underline;}
.footer_venstre a:hover {color: #7a96bf; text-decoration: underline;}

/* IE fix plassering*/
* html div.footer_hoyre {margin: 4px 87px 0 0 ;}

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

div.venstrespalte_menyoverskrift {font-size:0.9em; font-weight: bold; margin-bottom: .2em; padding: 0} /* trenger ny def? for ny meny editor */
div.venstrespalte { clear:both; /*overflow:hidden;*/ }

li.venstrespalte {list-style: url(http://www.ntnu.no/ntnu_images/knapp_pil_lysblaa.gif) outside;} /* bør slettes image etter ny menyeditor */
li.venstrespalte a:link,
li.venstrespalte a:visited {color: #000000; text-decoration:none;}
li.venstrespalte a:hover,
li.venstrespalte a:active {color: #7a96bf; text-decoration:none;}

/* felt tittel */
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: #000000;}
div.venstrespalte_ingress {font-size: 1em; font-weight: bold; color: #000000; margin-bottom: 0.3em;}
/* Brødtekst */
div.venstrespalte p {line-height: 130%; margin-top: 0; margin-bottom: 0.3em;}

/* lenker inne i brødteksten, meny */
div.venstrespalte a:link,
div.venstrespalte a:active {color: #0e2c8e;}
div.venstrespalte a:visited,
div.venstrespalte a:hover {color: #7a96bf;}

/* Les mer  */
div.venstrespalte_overskrift_lm{ font-weight: bold;}
/*div.venstrespalte_ingress_lm { }*/
a.venstrespalte_lesmer {font-style:normal; color: #0e2c8e; }

/* new menu definitions */
#meny { margin: 0; padding: 0; font-size: .91em; vertical-align: top;}
#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(http://www.ntnu.no/ntnu_images/knapp_pil_lysblaa.gif) outside square; margin-left: .4em; }
ul.menylevel2 {list-style: url(http://www.ntnu.no/ntnu_images/sub_pil.gif) outside lower-roman; margin-left: .5em; }
ul.menylevel3 {list-style: url(http://www.ntnu.no/ntnu_images/sub_pil.gif) outside square; margin-left: .5em; }

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

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

/* Escenic-innhold i midtspalte, defineres i content portlet */

/* brukt også for pressemelding */
div.midtspalte {clear:both; margin-bottom: 10px;} /* better margin bottom */

div.midtspalte_stikktittel {color:#000000;} 
div.midtspalte_overskrift {font-size: 1.7em; margin:0 0 0.4em 0;}
div.midtspalte_mellomtittel {font-weight: bold; color: #000000;}
div.midtspalte_ingress {font-weight: bold; margin-bottom: 0.3em;}
div.midtspalte p {line-height: 130%;}

/* lenker inne i brodteksten */
div.midtspalte a:link,
div.midtspalte a:active {color:#7a96bf; text-decoration: none;}
div.midtspalte a:visited {color: #0e2c8e; text-decoration: none;}
div.midtspalte a:hover {text-decoration: underline;}

/* Blå lenkefarge på klikkbar nyhetstittel */

div.midtspalte_nyhetstittel a:link,
div.midtspalte_nyhetstittel a:visited,
div.midtspalte_nyhetstittel a:active { font-weight: bold; color: #0e2c8e; text-decoration: none;}
div.midtspalte_nyhetstittel a:hover { color:#7a96bf; } 

/* Les mer, overskrift */
div.midtspalte_overskrift_lm {font-weight: bold;}

/* les mer artikkel, overskrift som lenke*/ /* bulken kan slettes, redundant */
div.midtspalte_overskrift_lm a:link, 
div.midtspalte_overskrift_lm a:visited, 
div.midtspalte_overskrift_lm a:hover, 
div.midtspalte_overskrift_lm a:active { color: #0e2c8e; text-decoration: none;}

/* Les mer, ingress */
div.midtspalte_ingress_lm {font-size: 1em}
a.midtspalte_lesmer{ font-style: normal; color: #0e2c8e; text-decoration: none;}

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

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

/* Bilder relatert i midtspalten */
div.bildehoyre { float:right; margin-right: 0; /* better */ margin-left: 10px ; } 
div.bildevenstre { float:left; margin-left: 0; /* better */ margin-right: 10px ;}
/* Venstrejustert bilde uten tekstflyt rundt */
div.bildeutentekstflyt {text-align:left; overflow:hidden; margin-right: 0; margin-left:0; padding-right: 0; padding-left: 0;} 

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

/* Innhold i høyrespalte fra escenic, def. i content portlet */ 
/* 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 */

/* Overskrift */
div.hoyrespalte_overskrift{ font-size: 1em; font-weight: bold; color:#000000; margin-bottom: .25em; padding-bottom: 0;}
div.hoyrespalte_overskrift_lm { font-size:1em; font-weight: bold;} /* Les mer overskrift */

/* Les mer, ingress */
div.hoyrespalte_ingress_lm { margin: 4px 0 0 0;}

/* Brødtekst */
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 } /* 11_8 cs */
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; }

/* lenker inne i brødteksten */
/* likt i høyre- og midtspalte */
div.hoyrespalte a:link, 
div.hoyrespalte a:active {color: #0e2c8e;}
div.hoyrespalte a:visited,
div.hoyrespalte a:hover {color: #7a96bf;}

/*  Les mer, lenke */
a.hoyrespalte_lesmer { font-style:normal; color: #0e2c8e;}

/* 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 { 
 border:1px solid #7a96bf;
 padding: 2px 2px 2px 5px;
 margin: 4px 2px 4px 2px;
 background: #edf0f6;
 overflow: hidden;}

/* sørger for at 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 */
div.breddebilde{ margin:-2px -2px -2px -5px;}

/*------------------*/
/* Annet            */
/*------------------*/

/* Bilder  */ /* pass at kreditering ikke blir kuttet*/
div.bildetekst{ color: #000000; font-size: 0.82em; margin:2px 2px 2px 5px; word-break: break-word; }
div.fotokreditering{ color:#000000; font-size: 0.82em; margin:2px 2px 2px 5px; word-break: break-word;} 

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

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

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

/* -------------------------------------------------
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;} /* 11_8 cs */

/* Bakgrunnsfarger i tabellgeneratoren */

.cellebakgrunn1 {background-color:#FFFFFF;}
.cellebakgrunn2 {background-color:#EDF0F6;}
.cellebakgrunn3 {background-color:#DCE2ED;}

/* tabellgenerator slutt ------------- */
/* tabeller fra escenic */
/* make tables more usable, minimize p tags from wysiwyg, align top */
div.midtspalte td {vertical-align: top} /* 11_15 cs */
div.midtspalte td p {margin: 0; padding: 0; } /* 11_8 cs */
div.hoyrespalte td {vertical-align: top} /* 11_15 cs */
div.hoyrespalte td p {margin: 0; padding: 0; } /* 11_8 cs */
div.venstrespalte td p {margin: 0; padding: 0; } /* 11_15 cs */

/* 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;}

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

/* test */