body { 
font-family: Verdana, Arial;
font-size: 8pt;
background-color: #ffffff;
margin: 12px;
margin-right: 5%;
}
h1 { 
font-family: Verdana, Arial;
font-size: 8pt;
font-weight: bold;
margin: 0;
}
h2 {
font-family: Verdana, Arial;
font-size: 17pt;
font-weight: bold;
margin: 0;
}
h3 {
font-family: Verdana, Arial;
font-size: 9pt;
font-weight: bold;
margin: 0;
}
h4 {
font-family: Verdana, Arial;
font-size: 13pt;
font-weight: bold;
margin: 0;
}
td { 
font-family: Verdana, Arial;
font-size: 8pt;
padding: 2px;
}
img {
border: 0
}
.topp { 
font-family: Verdana, Arial;
font-size: 7pt;
color: #000000;
position: absolute; top: 2px; right: 5px;
background-color: #0096D6; 
}
.botten { 
font-family: Verdana, Arial;
font-size: 7pt;
color: #000000;
position: absolute; bottom: 2px; left: 2px;
}

.main { 
background-image: url(bilder/sidan/mainbakgrund.jpg); background-repeat: no-repeat; background-color: #ffffff;
}

.ram {
background-color: #0096D6; 
}

.red { color: #ff0000;}

.yellow { color: #ffff99;}

#newsblock1 {
background-color: #ffff99;
width: 280px;
height: *px;
border: 1px solid #000000;
text-align: left;
a:hover: background-color: #000000;
}

#newsblock2 {
background-color: #ffff99;
width: *px;
height: *px;
border: 1px solid #000000;
text-align: left;
a:hover: background-color: #000000;
}

#newsblock3 {
background-color: #ffff99;
width: 500px;
height: *px;
border: 1px solid #000000;
text-align: left;
a:hover: background-color: #000000;
}

#presentation1 {
width: auto; 
background: #ffffff; 
float: left;
}

#presentation2 {
background-color: #ffff99;
width: 380px;
height: 220px;
padding: 3px;
margin-left: 5px;
margin-bottom: 5px;
border: 1px solid #000000;
text-align: left;
a:hover: background-color: #000000;
padding: 0px;
float: left;
}

#presentationskolchef {
background-color: #ffff99;
width: 380px;
height: 240px;
padding: 3px;
margin-left: 5px;
margin-bottom: 5px;
border: 1px solid #000000;
text-align: left;
a:hover: background-color: #000000;
padding: 0px;
float: left;
}

#presentationinaktiv {
background-color: #eeeeee;
width: 380px;
height: 220px;
padding: 3px;
margin-left: 5px;
margin-bottom: 5px;
border: 1px solid #000000;
text-align: left;
a:hover: background-color: #000000;
padding: 0px;
float: left;
}

#clear {
clear: left;
}

.redtext {
background-color: #ff0000;
}

img.topplogo {
    display: block;
    margin-left: auto;
    margin-right: auto }






.bakgrund { background-color: #FFFFFF;}
.kantupp { position: absolute; top: 0px; left: 0px; }
.kantner { position: absolute; bottom: -1px; left: 0px; }
.kantupp2 { position: absolute; bottom: -1px; left: 15px; right: 0px; top: 36; }
.kantner2 { position: absolute; top: 0px; bottom: 35; left: 15px; right: 0px; }

.mainbat1 { position: absolute; bottom: 0px; right: 0px;}
.mainbat2 { position: absolute; top: 0px; right: 0px; }
.lankar { color: #000000; font-size: 8pt;}
.vanster { color: #ffffff; font-size: 9pt;}
.logo { position: absolute; top: 0px; left: 0px; 
background-color: #0096D6; 
}
.upp { font-size: 8pt;}
.losenord { font-size: 7pt;}
.sponsortack { font-weight: bold; font-style: italic; text-decoration: underline; }

.tid { font-size: 7pt;}
.menu2 { position: absolute; left: 0px; top: 0px; } 
.aoafbild1 { position: relative; float: right;}

.admininfotabell { width: 500px; }

.internledarinfo { width: 300px; }
.internmobillista400 { width: 400px; }
.internmobillista200 { width: 200px; }



#meny{
	width: 181px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: Verdana, Helvetica, sans-serif;
	position: absolute; left: 2px;
}
#meny li{margin-bottom: 2px;}
#meny a{
	display: block;
	width: auto;
	height:15px;
	background: #0096D6;
	padding: 0px;
	padding-left: 10px;
	text-decoration: none;
	border: 1px solid #0096D6;
}
#meny a:link{color: #000000;}
#meny a:visited{color: #000000;}
#meny a:hover{background: #006699; border: 1px solid #000000}

#meny2 {
	margin: 0; 
	padding: 0;
	font: Verdana, Helvetica, sans-serif;
}
#meny2 li{display: inline; list-style-type: none;}
#meny2 a{
	padding: px;
	padding-left: 5px; 
	padding-right: 5px;
	text-decoration: none;
	border: 1px solid #ffffff;
}
#meny2 a:link{color: #000000;}
#meny2 a:visited{color: #000000;}
#meny2 a:hover{background: #0096D6; border: 1px solid #000000}























#tcontainer {background: #ffffff; width: 100%; position: absolute; bottom: -0px; left: 0px; right: -0px;}
.troundtop {background: #0096D6;}
.tr1{margin: 0 0 0 5px; height: 1px; overflow: hidden; background: #ffffff;}
.tr2{margin: 0 0 0 3px; block; height: 1px; overflow: hidden; background: #ffffff;}
.tr3{margin: 0 0 0 2px; height: 1px; overflow: hidden; background: #ffffff;}
.tr4{margin: 0 0 0 1px; height: 2px; overflow: hidden; background: #ffffff;}
.tcontent {padding: 0px 10px 5px;}

#bcontainer {background: #ffffff; position: absolute; top: 0px; left: 0px; right: 0px;}
.broundtop {background: #74BDCA;}
.br1{margin: 0 0 0 5px; height: 1px; overflow: hidden; background: #ffffff;}
.br2{margin: 0 0 0 3px; block; height: 1px; overflow: hidden; background: #ffffff;}
.br3{margin: 0 0 0 2px; height: 1px; overflow: hidden; background: #ffffff;}
.br4{margin: 0 0 0 1px; height: 2px; overflow: hidden; background: #ffffff;}
.bcontent {padding: 0px 10px 5px;}