/* ************************************************* */
/*           ewb september 2004                      */
/* ************************************************* */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

html { margin: 0; padding: 0; }

body {
		margin:0; padding:0;
		color: #000; background-color: #fff;
		behavior: url(/search/nb/20070603210204oe_/http://www.iet.ntnu.no/css/csshover.htc); /*for hover effekt i Win IE*/
		}

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

a:hover {
	text-decoration: underline;
	background-color: gray;
	color: white;
	}

/* overstyrer forrige hover-deklarasjon */

/* For aa fjerne graa bakgrunn naar image fungerer som link. Klasse for bilder som */
/* fungerer som lenke. Syntaks er <a class="img" href....> */

a.img:hover {
background-color: white;
}

/* a:hover img { */
/* 	background-color: white; */
/* 	} */

h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	}

h1	{
	font-size: 1.4em;
	color: #334d55;
	}

h2	{
	font-size: 1.14em;
	color: #334d55;
	}

h3	{
	font-size: 1em;
	color: #334d55;
	}

h4	{
	font-size: 0.9em;
	font-weight: normal;
	color: #334d55;
	}

h5	{
	font-size: 0.8em;
	color: #334d55;
	}

h2.air {
	margin-top:10px;
	margin-bottom:4px;
	}

p	{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	margin-left: +5%;
	color: #333;
	}

dl	{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	margin-left: +5%;
	color: #333;
	}

th, td {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	}

th	{
	font-size: 0.9em;
	font-weight: bold;
	}

ul	{
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	margin-left: +5%;
	color: #333;
	list-style-type: none;
	}

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

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

li.disk {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
}


img {
	margin: 5px;
	}
	
/* Egen klasse for grafikk som trenger nullmarg. */
img.nullmarg {margin: 0px; }

img.senter {
	margin: 0px;
	display: block;
}

label {
	font: bold 100% Arial,sans-serif;
	color: #334d55;
	}

.strykut {
text-decoration: line-through; }

.uthevet {
color: #800000; }

/*
table.thesis {
border: 2px silver double; }
*/

tr.thesis {
border-top: 1px silver dotted; }

td,th.thesis {
border-top: 1px silver dotted;
padding-top: 0.4em;
padding-right: 0.8em;
padding-bottom: 0.8em;
padding-left: 0.4em; 
vertical-align: top;}

/* ****************************************************** */
/* .sep brukes til formattering av dato i nyhetsdelen */
/* ****************************************************** */
	
.sep {
	text-align:left;
	text-indent:0px;
	font-family:arial,geneva,sans-serif;
	font-size: 9px;
	line-height:1; 
	font-style:normal;
	letter-spacing:0.5em;
	color:#444;
		/*margin:0 -20px 10px -20px; /* 10px 40px 20px 40px; */
	padding-top:3px;
	background-color:transparent;
		/*border-right:1px solid #d9d9d9;*/
	border-top:1px solid #bbb;   /* #E9E8F6 */
	}

h3.news {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	}


p.news {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	}

p.ingress {
	font-weight: bold;
	font-size: 1em;
	}

p.liste {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0 0 0 10%;
	}
p.figur {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 5px 0 10px 0;
	padding: 3px;
	background: #eee;
	color: #036;
}

p.strek	{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	margin-left: +5%;
	color: #333;
border-top: 1px #999 dotted; }

/* ****************************************************** */
/*             Layout spesifikasjoner                     */
/* ****************************************************** */

/*toppblaa og toppgraa lager en bakgrunn som er like hoy som headergrafikken  */
/*Gir virkning av at grafikken strekker seg 100% over siden. img.header legges*/
/*over toppblaa og toppgraa                                                   */

#toppblaa {
margin: 0em;
padding: 0em;
height: 21px;
width: 100%;
background-color: #009; }

#toppgraa {
margin: 0em;
padding: 0em;
height: 15px;
width: 100%;
background-color: #ccc;
 }

img.header {margin: 0px;
position: absolute;
top: 0px;
left: 0px; }

/*div for lenke til internweb*/
#intern {
/*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
/*font-size: 0.8em;*/
/*font-weight: bolder;*/
text-align: right;
font-variant: small-caps;
float: right;
padding-top: 3px;
padding-right: 1em;
padding-bottom: 3px; }
#intern	p{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
font-size: 0.8em;
margin: 0em;
padding: 0em; }

/***************************************/

#header {
	margin: 0;
	padding: 0;
	background: white;
	border-bottom: 1px solid #ccc;
}

#footer {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
/* 	line-height: 1em; */
	color: #333;
	background: #FFF;
	margin: 0px;
}


/* Med bakgrunnsfarge kun i #right trengs egentlig kun 1 stk. loop. */
/* Ligger dobbelt opp for potensiell bakgrunn i #left */
#loop1 {
	margin: 0;
	padding: 0;
	/*Om venstre kolonne skal ha bakgrunnsfarge, maa det lages en grafikkfil*/
	/* med samme bredde som #left og legges som bakgrunn her */
	background: #fff url("leftcol.gif") top left repeat-y;
/* 	border-top: 1px solid grey; */
	border-bottom: 1px solid #ccc;
	min-width: 720px;
}

/* loop2 gir bakgrunnsfarge til #right slik at fargen strekker */
/* helt ned til footer. Bakgrunnsgrafikk har samme bredde som #right */
#loop2 {
	margin: 0;
	padding: 0;
	background: url("grey.gif") top right repeat-y;
}

#left {
	float: left;
	width: 150px;
	margin: 1px 0 0 0;
	padding: 0;
	/* 		font-size:80%; */
}

#right {
	float: right;
	width: 145px;
	margin: 2px;
	padding: 0;
	/* 		font-size:80%; */
}

#innhold {
	margin: 0 150px;
/* 	background: #fff; */
}

.kolonne_v {
	float: left;
	width: 46%;
	margin: 2px;
	padding: 0;

	}

.kolonne_h {
	float:right;
	width:46%;
	margin: 2px;
	padding: 0;
	}
	
.kolonne_v h3 {
	font-size: 0.8em;
	margin: 0 0 0 0;
	padding: 2px;

	background: #eee;
	color: #036;
	}
	
.kolonne_h h3 {
	font-size: 0.8em;
	margin: 0 0 0 0;
	padding: 2px;
	background: #eee;
	color: #036;
	}

.leftlinks {
	margin-top: 100px;
	color: #666;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

.column-in {
	margin: 0;
	padding: 0.5em 1em;
}

/* Rensker alle kolonner foer footer */
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}
.minimum_h {
	min-height: 300px;
	height: auto;
}

/* ************************************************* */
/* nav definerer menysystemet ihht More Meyer on CSS */
/* ************************************************* */
div#nav {
	float: left;
	width: 149px;
	margin: -1px 0 0 -1px;
	background: #fff;
	font-size: 1.2em;
/*
	font-size: 16px;
*/}

/*alle ul-elementer har bredde som #nav*/
div#nav ul {
	margin: 0;
	padding: 0;
	width: 149px;
	background: white;
	border: 1px solid #aaa;
/* 	font-size: 9px, sans-serif; */

}

/* li posisjonerer seg relativt i forhold til omsluttende boks slik */
/* at submeny dukker opp rett utenfor foreldreelement. Setter margene */
/* til null for aa overstyre eventuelle browsere (Opera) */
div#nav li {
	position: relative;
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

/* ikke bare a som kan ha hover-effekt. Alle element kan ha det. */
/* Win IE godtar ikke annet enn a - derfor hack med csshover.htc (se body) */
div#nav li:hover { background: #ebb; }

/**/
div#nav li.submenu { background: url(submenu.gif) 95% 50% no-repeat; }

/**/
div#nav li.submenu:hover { background-color: #edd; }

/*lenkene maa fylle opp hele listeelementet, saa vi definerer den som blokk*/
div#nav li a {
	display: block;
	padding: 0.25em 0 0.25em 0.5em;
	text-decoration: none;
	width: 150px;
}

/**/
div#nav>ul a { width: auto; }

/* triks for aa fikse bug i WinIE som ikke skjoenner denne*/
/*For enhver liste som er inni en annen liste, saa vil submenyen vaere justert med */
/*toppen av listeelementet som inneholder den. Skjuler alle ul som kommer fra en ul*/
div#nav ul ul {
	position: absolute;
	top: 0;
	left: 149px;
	display: none;
}

/**/
div#nav ul.level1 li.submenu:hover ul.level2 { display: block; }

/**/
div#nav ul.level2 li.submenu:hover ul.level3 { display: block; }

/* ****************************************************** */
div#sidebar {
	float: left;
	width: 140px;
	/* 	margin: 2em 0 0 2%; */
	margin: 2em 4px 2em 4px;
	/* 	padding: 0 0 4px; */

}

#sidebar ul {
	list-style: none;
	margin: 0 ;
	text-align: left;
}

#sidebar p { 
	font-size: 0.7em; 
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 4px 3px 8px;
	}

#sidebar h4 {
	font-size: 0.8em;
	padding: 3px;
	color: #fff;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 background-color: rgb(61,92,122);
}

div#sidebar h4 a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#sidebar li {
	padding: 4px 0 0 0px;
	/* border-bottom: 1px solid rgb(84%,84%,69%); */
	font-size: 0.7em;
	margin: 0;
}

/* ******************************************************************** */
/*Benyttes paa dring-sidene (de enkelte oppgaver)*/
/* ********************************************************************** */
#tese {
padding: 1em;
margin: 2em;
border: 2px silver dotted;
text-align: center;}


/* ********************************************************************** */
/* Div for bilde med billedtekst. Bredde er satt fast til 200px pga bug i */
/* Explorer. Bildet maa da vaere 200px. Tilsvarende laget for bilder med    */
/* 150px bredde. Begge varianter finnes i hoyre (H) og venstre (V) utgave */
/* ********************************************************************** */


.bilde200H {
	float: right;
	border: 2px #dedede solid;
	margin: 1em;
	padding: 5px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.7em;
	text-align: center;
	font-style: normal;
	width: 200px;
	}
.bilde200V {
	float: left;
	border: 2px #dedede solid;
	margin: 1em;
	padding: 5px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.7em;
	text-align: center;
	font-style: normal;
	width: 200px;
	}

.bilde150V {
	float: left;
	border: 2px #dedede solid;
	margin: 1em;
	padding: 5px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.7em;
	text-align: center;
	font-style: normal;
	width: 150px;
	}

.bilde150H {
	float: right;
	border: 2px #dedede solid;
	margin: 1em;
	padding: 5px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.7em;
	text-align: center;
	font-style: normal;
	width: 150px;
	}