﻿
body
{    
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background:url(bg-main.png) repeat-x;

}

h1
{
    font-size: 29px;
}

h2
{
    font-size:18px;
}

h3 
{
    font-size:16px;
    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;
    font-style:italic;
    width:750px;
    margin-bottom:7px;
    
}
p {
	width: 750px;
}
#dialog p 
{
	width: 100%;
}
.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;
}

#Feilmeldingmaster 
{
    position:absolute;
    left:35px;
    font-size: 13px;
    color:  Red ;
    font-family: Verdana, Helvetica, sans-serif;
    padding-top :10px;
}

.FargeDrop
{
 Color    : #000000 ;
 background: url(/css/blank_over.gif) repeat-x;
}
.Valideringsfarge
{
    color: Red;
    background-color: #FFFFEA;
    font-style: italic;
    font-size: 12px;
    padding-left :10px;
}

.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: 35px 20px 30px 33px;
    position: relative;
}

.tabell2 
{
	 border : thin solid #3366cc ; padding:4px; border-collapse: collapse;
}
.tabell2 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 
{
	 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;
}

#datepicker 
{
    position :absolute;
    left: 220px;
    top:90px;

}

#menuHolder {width:750px; height:32px; padding-top:6px;margin-left:40px;}
ul.menu {padding-left:20px; margin:0; list-style:none; position:relative; margin-right:2px; float:left; font-family:verdana, sans-serif; z-index:200; font-size:11px; height:32px;}
ul.menu li {float:left; height:32px;}
ul.menu li a {text-decoration:none; color:black; text-decoration:none; font-size:11px;}

ul.menu li a.aTop {display:block; padding:0; line-height:30px; height:30px; float:left;
transition-delay: 0.08s;
-o-transition-delay: 0.08s;
-moz-transition-delay: 0.08s;
-webkit-transition-delay: 0.08s;
}
ul.menu li a.aTop span {display:block; padding:0 5px 0 15px;  float:left; cursor:pointer; color:black;}
ul.menu li a.aTop b {display:block; width:10px; height:30px; padding:0; float:left; color:black;}

ul.menu li div.drop {position:absolute; left:-9999px; top:30px; background:#fff url(/images/divider.gif); border:1px solid #0066ff; opacity:0;
transition-delay: 0.15s;
-o-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
}
ul.menu li div.col1 {width:160px;
-webkit-border-radius:0 8px 8px 8px;
-moz-border-radius:0 8px 8px 8px;
border-radius:0 8px 8px 8px;
}
ul.menu li div.col2 {width:360px;
-webkit-border-radius:0 8px 8px 8px;
-moz-border-radius:0 8px 8px 8px;
border-radius:0 8px 8px 8px;
}
ul.menu li div.col3 {width:450px;
-webkit-border-radius:0 8px 8px 8px;
-moz-border-radius:0 8px 8px 8px;
border-radius:0 8px 8px 8px;
}

ul.menu li div.drop dl {float:left; width:160px; padding:0 10px 10px 10px; margin:0;}
ul.menu li div.drop dl dt {font-weight:bold; padding:10px 0 3px 0; color:#800; line-height:12px;}
ul.menu li div.drop dl dd {padding:0; margin:0;}
ul.menu li div.drop dl dd a {display:block; color:#0000bb; line-height:12px; padding:3px 0;}
ul.menu li div.drop dl dd a:hover {color:red; text-decoration: none;}

ul.menu li a.aTop:hover { color:red;}
ul.menu li.sub:hover > a.aTop {color:red;}
ul.menu li.sub:hover > a.aTop span {color:red;}

ul.menu li:hover div.drop {left:0; opacity:1;}
ul.menu li:hover div.left1 {left:-154px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

ul.menu li.close {position:absolute; right:0; top:0; opacity:0; z-index:-1;
transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
}

.clear {clear:both;}

/* for IE6 */
ul.menu table {border-collapse:collapse; width:0; margin:0 0 -1px 0; position:absolute; left:0; top:0;}
ul.menu li.sub a.aTop:hover {direction:ltr;  color: red;}
ul.menu li.sub a.aTop:hover div.drop {left:0;}
ul.menu li.sub a.aTop:hover div.left1 {left:-154px;}
ul.menu li.sub a.aTop:hover div.bottomLine p {font-weight:normal;}
</style>

.menustrek
{
    width:160px;
    border-top: 1px dotted #0066ff;
}


#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;
}

#TabBoksTopp
{
    background-image: url('../Images/TabBoksTopp.gif');
    background-repeat: repeat-x;
    border-top-style: solid;
    border-width: thin;
    border-color: #C0C0C0;
    width: 740px;
    height:22px;
    padding-left: 10px;
    vertical-align:middle;
}

#TabBoksTopp img
{
    border : none;
    padding-right: 4px;
    vertical-align: middle;
    line-height: 22px;
}

#TabBoksTopp a, .menu a:visited 
{
    font-size:12px;
    text-decoration:none; 
    color: Black;
    padding-left: 20px;
}

.TabBoksToppClass
{
    background-image: url('../Images/TabBoksTopp.gif');
    background-repeat: repeat-x;
    border-top-style: solid;
    border-width: thin;
    border-color: #C0C0C0;
    height:22px;
    padding-left: 10px;
    vertical-align:middle;
}

.TabBoksToppClass img
{
    border : none;
    padding-right: 4px;
    vertical-align: middle;
    line-height: 22px;
}

.TabBoksToppClass a, .menu a:visited 
{
    font-size:12px;
    text-decoration:none; 
    color: Black;
    padding-left: 20px;
}
img
{
    border: none;

}

.Hake 
{
    font-family:Webdings;
    color:White ;
    font-size: 18px;
}


