body {
  background-color: #CCFFEE;
  color: #330000;
  font-family: helvetica, sans-serif;
	background-image:	url("hoved.png");
	background-repeat:	no-repeat;
	background-attachment:	fixed;
	background-position: 	210px 0px;
}

#hoved {
	position:		relative;
	margin:			180px 10px 10px 210px;
	border:			thin solid black;
	padding:		5px;
	max-width:		50em;
	background-color:	#FFEECC;
	opacity:		.85;
	filter:			alpha(opacity=85);
}

#marg {
	width:			200px;
	position:		fixed;
	top:			0;
	left:			0;
	bottom:			0;
	background-image:	url("marg.png");
	background-repeat:	repeat-y;
	border-right:		10px solid #BB2244;
}

#marg div.menu {
	position:		absolute;
	top:			60px;
	opacity:		.85;
	filter:			alpha(opacity=85);
	margin:			5px;
	border:			thin solid black;
	padding:		5px;
	background-color:	#FFEEAA;
	font-size:		smaller;
	max-height:		80%; /* kludge; want 100%-60px */
	overflow:		auto;
}

.menu span.head {
	display:		block;
	font-weight:		bold;
	padding:		10px 1px 1px 5px;
}

.menu a {
	display:		block;
	border:			1px solid #FFEEAA;
	padding:		1px 1px 1px 5px;
	margin:			3px 0 0 0;
	text-decoration:	none;
}

.menu a:hover, .menu a:active {
	border:			1px solid #990000;
	background:		#CCFFEE;
}

h1 {
	margin-top: 		5px;
	text-align:		center;
}

p {
	margin-top:		0.5em;
	margin-bottom:		0;
	text-indent:		1em;
}

p.noindent {
	text-indent:		0;
}

table.innhold tr { vertical-align: bottom; }
table.innhold td.side { text-align: right; }
table.innhold td, table.innhold th { padding: 3px; }
table.innhold td.hefte { text-align: center; }
table.innhold span.forfatter, table.innhold span.tittel { display: block; }

@media print {
body {
	font-family: "new century schoolbook", serif;
}
#marg {
	display:		none;
}
#hoved {
	margin: 0px 10px 10px 20px;
}
}