/* farger på maia sine sider:
	Mørkerød: #d42160
	Mellomrød: #fee6f2
	Lyserød: #fefcfe */

body {background: #fefcfe url(maias_bakgrunn.jpg) repeat-y left top fixed}

<style type="text/css">
	@import "all.css"; /* just some basic formatting, no layout stuff */
	
	body {
		margin:10px 10px 0px 10px;
		padding:0px;
		}
	
	#leftcontent {
		position: absolute;
		left:62px;
		top:50px;
		width:143px;
		padding: 5px;
		}

	#centercontent {
		margin-left: 213px;
		width:410px;
		}

	#rightcontent {
		position: absolute;
		margin-left: 635px;
		top:50px;
		width:158px;
		}
	
	#fellescontent {
		position: absolute;
		margin-left: 825px;
		top:5px;
		width:155px;
		}
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
	
	h1 { font: normal bold 20px Garamond;
		color: #666666;
		text-align: center;
		margin:0px 0px 2px 2px; 
		background: #fefcfe;
		}

	h2 { font: normal bold 26px Garamond;
		color: #000000;
		text-align: center;
		}

	h3 { font: normal bold 13px Garamond;
		color: #000000;
		text-align: center;
		margin:0px 0px 2px 2px; 
		background: #fefcfe;
		}

	h4 { font: normal bold 30px Garamond;
		color: #000000;
		text-align: center;
		margin:0px 0px 2px 2px; 
		}

	a {color:#000000; text-decoration: underline;}

	img {border:none}

	img.right {
		float:right;
		margin-right:10px;
		margin-left:0px;
		}

	img.left {
		float:left;
		margin-left:10px;
		margin-right:0px;
		}

	img.farright {
		float:right;
		margin-right:2px;
		margin-left:0px;
		}

	img.farleft {
		float:left;
		margin-left:2px;
		margin-right:0px;
		}

div#leftcontent a:hover {display: block; background: #fefcfe url(hover.gif) 0 0 no-repeat;}
div#leftcontent a span {display: none;}
div#leftcontent a:hover span {display: block;
   position: absolute; top: 465px; left: 0; width: 125px;
   padding: 5px; margin: 5px; z-index: 100;
   color: #d42160; background: #ffe6f2; border: 1px solid #d42160;
   font: 10px Verdana, sans-serif; text-align: center;text-decoration: none}

div#centercontent p {
		font: normal bold 16px Garamond;
		color: #000000;
		text-align: center;
		}
div#centercontent p.right {text-align: right; 
		font-style: italic;}
div#centercontent p.left {text-align: left;}
div#centercontent p.dato {text-align: left; 
		font-weight: bold;
		text-decoration: underline;
		font-size: 14px;}
div#centercontent p.title {
		font: normal bolder 20px Garamond; 
		text-align: left; 
		color: #d42160;
		}		
div#centercontent table {
		font: normal bold 15px Garamond;
		color: #000000;
		text-align: left;
		}
div#centercontent table.bursdag {
		font: normal bold 15px Garamond;
		color: #000000;
		text-align: center;
		border: 1px solid silver;
		}
div#centercontent tr.bursdag {
		height: 31px;
		background: #fefcfe;
		}
div#centercontent td.bursdag {
		width: 88px;
		}
div#centercontent table.ordbok {
		font: normal bold 15px Garamond;
		color: #000000;
		text-align: center;
		background: #d42160;		
		border: 1px solid silver;
		}
div#centercontent tr.ordbok {
		font: normal bold 15px Garamond;
		height: 20px;
		background: #fefcfe;
		}
div#centercontent tr.ordbok2 {
		font: normal bold 13px Garamond;
		height: 20px;
		background: #fee6f2;
		}
div#centercontent td.ordbok {
		background: #fefcfe;
		}

div#centercontent a:hover {
		color: #d42160;
		text-decoration: none;
		background: #fefcfe;
		border: 1px dotted #d42160;}
div#centercontent a.image:hover {
		border: 2px solid #000000;}
div#centercontent a.calender:hover {
		color: #fefcfe;
		border: none; 
		background: none;}
div#centercontent a.blank:hover {
		border: none; 
		background: none;}

div#rightcontent a:hover {display: block; background: #ffe6f2 0 0 no-repeat fixed; border: 1px solid #d42160;}
div#rightcontent a.blank:hover {background: url(blank.gif) 0 0 no-repeat fixed; border: none;}
div#rightcontent a.blank {position: absolute; top: 325px; left: 15px;}
div#rightcontent a span {display: none;}
div#rightcontent a:hover span {display: block;
   position: absolute; top: 265px; left: 5px; width: 126px;
   padding: 5px; margin: 5px; z-index: 100;
   color: #d42160; background: #ffe6f2; border: 1px solid #d42160;
   font: 10px Verdana, sans-serif; text-align: center;text-decoration: none}
div#rightcontent p {
		font: normal bold 12px Garamond;
		color: #000000;
		text-align: left;
		}
div#rightcontent p.siste {position: absolute; top: 520px; left: 25px;
		text-align: center;}
		

div#fellescontent p {
		font: normal bold 16px Garamond;
		color: #000000;
		text-align: center;
		}

div#fellescontent p {
		margin:0px 0px 0px 0px;
		}

#calendar {padding-top: 5px; padding-bottom: 5px; width: 395px;}
#calendar {background: #fee6f2; border: 1px solid silver;}
#calendar span {float: left; width: 50px; padding: 0; margin: 2px;
  text-align: center; border: 1px solid silver; font: normal bold 16px Times New Roman;}
#calendar span.highlight {background-color:#d42160; border:none; margin: 0; }

#calendar, .sun {clear: left;}

#dagbok {padding-top: 5 px; padding-bottom: 5px; width: 410px; background: #fee6f2; border: 1px solid silver;}

#kursiv {font-style: italic; color: #d42160; text-indent: 5px;}

#aarsplan {padding-top: 5px; padding-bottom: 5px; width: 408px;}
#aarsplan {background: #fee6f2; border: 1px solid silver;}
#aarsplan span {float: left; width: 95px; padding: 0; margin: 2px;
  text-align: center; border: 1px solid silver; font: normal bold 16px Times New Roman;}
#aarsplan span.highlight {background-color:#d42160; border:none; margin: 0;}