body
{    
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background:url(bg-main.png) repeat-x;

}

h1
{
    font-size: 29px;
}

h2
{
    font-size:16px;
}

h3 
{
    font-size:12px;
    width: 607px;
}

h5
{
    font-size: 20px;
    color: navy;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffe5;
    border-bottom :thin solid #0066ff;
    border-top : thin solid #0066ff;
    width:750px;
    
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 750px;
}

.punkt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 750px;
}
.Overskrift
{
	font-weight: bold;
	text-decoration: underline;
	font-size: 110%;
}
.Fast
{
	font-size: 14px;
	}
	
.logo 
{
    position:absolute;
    top:0;
    right:0px;
}

.logo a
{
    border-width:0;
} 

#corner-top-left 
{
    position:absolute;
    top:0;
    left:0;
    background:url(corner-top-logo.png) no-repeat;
    width:90px;
    height:45px;
}


.Skolelogo 
{
    position:absolute;
    top:0;
    right:80px;
    font-size: 16px;
    color:  #00f500 ;
    font-family: Verdana, Helvetica, sans-serif;
    padding-top :12px;
}

#Banner
{
    position:absolute;
    top:5px;
    left:6%;
    z-index:200;
}
.FargeDrop
{
 Color    : #000000 ;
 background: url(/css/blank_over.gif) repeat-x;
}

.Knappfarge
{
	background: url(bg-menu-main.png) repeat-x;
	color: #ffffff;
	font-weight: bold;
	border-top-style: none;
	border-left-style: none;
	border-right: black thin solid;
	border-bottom: black thin solid;
}
.Knappfarge:hover
{
	background: url(bg-menu-main.png) repeat-x;
	color: #ff5300;
	font-weight: bold;
	border-top-style: none;
	border-left-style: none;
	border-right: purple thin solid;
	border-bottom: purple thin solid;
}

#Main
{
    margin:43px 20px 30px 33px;
    position:relative;
}

.tabell 
{
	 border : thin solid #3366cc ; padding:4px; border-collapse: collapse;
}

.tabell td
{
	border-right: #3366ff 1pt dotted;
	border-top: #3366ff 1pt dotted;
	border-left: #3366ff 1pt dotted;
	border-bottom: #3366ff 1pt dotted;
	padding-left : 5px;
}
.tabell tr:hover
{
 background-color :#ffff99 ;
 color : navy ;
}
.TabOverskrift
{
	background: url(bg-menu-main.png) repeat-x;
	color: white;
	font-weight: bold;
}

.Kalender 
{
    position :absolute;
    left: 240px;
    top:160px;
    width:328px;
    height:264px;
    right: 776px;
    border-color:#3366CC;
    border-width:1px;
}
.Kalender a, .menu a:visited 
{
    font-size:16px;text-decoration:none; padding :10px
 }
.Kalender a:hover
{
    background-color:#ffffe5;
}

.DayHeaderStyle
{
    color:#336666;
    background-color:#99CCCC;
    Height:1px;
}

.TitleStyle
{
    font-size:15px;
    font-weight:bold;
    color:#0066ff;
    height:15px;
 }


.preload1 {background: url(/css/blank_over.gif);}
.preload2 {background: url(/css/arrow_over.gif);}
.preload3 {background: url(kant.gif);}

.menu2 
{
    top:4px;
    padding: 0 5 0 5px;
    margin: 0;
    list-style: none;
    height: 25px;
    position: relative;
    z-index: 500;
    font-family: arial, verdana, sans-serif;
}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:25px; line-height:23px; color:#000000; text-decoration:none; font-size:11px; padding:0 10px 0 10px; cursor:pointer;border: 1px #E9F2FB solid}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 10px; height:25px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 10px 0 10px; height:25px;}
.menu2 li a.top_link:hover {color:#fff; background: url(arrow_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(arrow_over.gif) no-repeat;}

.menu2 li:hover > a.top_link {
	color: #fff;
	background: url(blank_topp.gif) no-repeat;
	border: 1px #1010A3 solid
}
    .menu2 li:hover > a.top_link span {background:url(arrow_over.gif) no-repeat;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:25px; background: #fff; padding:1px; border:1px solid #1010b3; white-space:nowrap; width:180px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; background-image:url('kant.gif');background-repeat:no-repeat; height:24px; position:relative; float:left; width:180px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:24px;  background-image:url('kant.gif');background-repeat:no-repeat; width:180px; line-height:20px; text-indent:32px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(arrow.gif) no-repeat ;}
.menu2 :hover ul.sub li a:hover {background: url(blank_over.gif) no-repeat; color:#fff;}
   .menu2 :hover ul.sub li a.fly:hover {
	background: url(arrow_over.gif) no-repeat ;
	color: #fff;
    }
.menu2 :hover ul li:hover > a.fly {background:url(arrow_over.gif) no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:180px; top:-4px; background: #fff; padding:1px; border:1px solid #1010b3; white-space:nowrap; width:180px; z-index:400; height:auto;}

#tbl
{
	border-collapse: collapse;
}
#tbl td, th
{
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

#outerDiv
{
	position: relative;
}
#innerDiv
{
	overflow: auto;
}
#innerDiv td
{
	white-space: nowrap;
}


.mainTitle
{
    font-size: 12pt;
    font-weight: bold;
    font-family: ËÎÌå;
}
.commonText
{
    font-size: 11pt;
    font-family: ËÎÌå;
}
.littleMainTitle
{
    font-size: 10pt;
    font-weight: bold;
    font-family: ËÎÌå;
}
.TopTitle
{
    border: 0px;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    color: Black;
    display: inline-block;
    width: 100%;    
}
.SelectedTopTitle
{
    border: 0px;
    font-size: 10pt;
    text-decoration: none;
    color: Black;
    display: inline-block;
    width: 100%;
    background-color: White;
}
.ContentView
{
    border: 0px;
    padding: 3px 3px 3px 3px;
    background-color: White;
    display: inline-block;
    width: 390px;
}
.SepBorder
{
    border-top-width: 0px;
    border-left-width: 0px;
    font-size: 1px;
    border-bottom: Gray 1px solid;
    border-right-width: 0px;
}
.TopBorder
{
    border-right: Gray 1px solid;
    border-top: Gray 1px solid;
    background: #DCDCDC;
    border-left: Gray 1px solid;
    color: black;
    border-bottom: Gray 1px solid;
}
.ContentBorder
{
    border-right: Gray 1px solid;
    border-top: Gray 0px solid;
    border-left: Gray 1px solid;
    border-bottom: Gray 1px solid;
    height: 100%;
    width: 100%;
}
.SelectedTopBorder
{
    border-right: Gray 1px solid;
    border-top: Gray 1px solid;
    background: none transparent scroll repeat 0% 0%;
    border-left: Gray 1px solid;
    color: black;
    border-bottom: Gray 0px solid;
}