form#login{width:320px;background-color: #CCCCCC;position:absolute;right:0;top:2px;font-size: 10pt; 
		   padding:3px;font-family: Arial, Helvetica, sans-serif}
		   
	input#user{width:100px}
	input#psw{width:50px}
	.logintext {padding: 0 0 2px 5px;}
	.ovning{padding: 0 5px 0 10px; width:86px; font-size: 8pt;}

	
	div#menu{float:left; padding:0; }
	div#skolnamn{position:absolute;right:0; top:15px; font-size: large; font-weight: bold; font-family: Arial, Helvetica, sans-serif}
	
	div#extratext{position:absolute;left:450px; top:35px;}
	
	div#logoutbutton{position:absolute;right:0; top:35px; font-family: Arial, Helvetica, sans-serif}
	div#pedda {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;}
	span#pedrubrik {font-weight:bold;}
	div#vanster {clear:left;}
	table#left {width: 176px;}

	a {text-decoration:none; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
	a:link {color: #FFFFFF;}
	a:visited {color: #BBBBBB;}
	a:hover {color: #CCCCCC;}
	a:active {color: #80FF80;}

        
        
	.left {background-color:#A0A0A0}
	.leftbutton {background-color:#FFFFFF}
        td.left a {color: #000000} 
        td.left a:hover {color: #FFFFFF;}
        td.left a:active {color: #EEEEEE;}
        td.left a:visited {color: #333333;} 
 
        a.thispage {text-decoration:underline;}
        a.thispage:link {color: #000000;}
        a.thispage:hover {color: #80FF80;}
        a.thispage:visited {color: #333333;}	
    
        a.toplink {text-decoration:underline;font-size: large; font-weight: bold; font-family: Arial, Helvetica, sans-serif}
        a.toplink:link {color: #000000;}
        a.toplink:hover {color: #80FF80;}
        a.toplink:visited {color: #333333;}
     
        
        
	
	h1.infoH1  { font-size:1.6em; color:#000000;}	   	
	h2.infoH2  { font-size:1.4em; color:#000000;}	
	.innehall {padding:0 0 0 20px;}
	div.innehall a {color: #000000;
	                text-decoration:underline;}
	div.innehall a:hover  {color: #AAAAAA;}
        div.innehall a:active  {color: #AAAAAA;}
        div.innehall a:visited  {color: #333333;}

	#timeline {padding: 5px 0 0 0;}
	

	
	

#test {	position:absolute;
	padding: 50px 50px 50px 50px;
	left:220px;
	top:50px;
	width:520px;
	height:550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: medium double rgb(0,0,0);
}
	
	
	

#main {
	position:absolute;
	left:0px;
	top:0px;
	width:980px;
	height:905px;
	z-index:1;
	background-image: url(bilder/bg.jpg);
}
#top {
	position:absolute;
	left:0px;
	top:0px;
	width:980px;
	height:63px;
	z-index:1;
	background-image: url(bilder/logo_top.jpg);
}
#menu_bar {
	position:absolute;
	left:0px;
	top:63px;
	width:980px;
	height:23px;
	z-index:2;
	color: #AAAAAA;
	font-weight: bold;
	background-image: url(bilder/meny_bar.jpg);
}
#left_menu {
	position:absolute;
	left:0px;
	top:86px;
	width:180px;
	height:739px;
	z-index:3;
	background-image: url(bilder/left_meny_bar.jpg);
}

#info {
	position:absolute;
	left:180px;
	top:86px;
	width:800px;
	height:455px;
	z-index:4;
	background-image: url(bilder/main_01.jpg);
}


#flash {
	position:absolute;
	left:180px;
	top:86px;
	width:800px;
	height:455px;
	z-index:4;	
}
#infotext {
	position:absolute;
	left:180px;
	top:86px;
	width:750px;
	height:455px;
	z-index:4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 20px;
}


#apDiv1 {
	position:absolute;
	left:180px;
	top:541px;
	width:211px;
	height:284px;
	z-index:5;
	background-image: url(bilder/main_02.jpg);
}
#heads {
	position:absolute;
	left:391px;
	top:541px;
	width:589px;
	height:284px;
	z-index:6;
	background-image: url(bilder/main_03.jpg);
}


.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #908C80;
	text-decoration: none;
}

#bottom {
	position:absolute;
	left:0px;
	top:826px;
	width:980px;
	height:58px;
	z-index:7;
	text-align: center;
	background-image: url(bilder/bottom_bg.jpg);
	padding: 5px;
}

#anybottom {	
	width:980px;
	height:58px;
	z-index:7;
	text-align: center;
	background-image: url(bilder/bottom_bg.jpg);
	padding: 5px;
}

.text_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 3px;
	padding: 3px;
}


#text1 {
	position:absolute;
	left:25px;
	top:10px;
	width:294px;
	height:144px;
	z-index:1;
}
#text2 {
	position:absolute;
	left:544px;
	top:26px;
	width:201px;
	height:78px;
	z-index:2;
}
#text3 {
	position:absolute;
	left:549px;
	top:145px;
	width:204px;
	height:95px;
	z-index:3;
}
#text4 {
	position:absolute;
	left:233px;
	top:330px;
	width:393px;
	height:106px;
	z-index:4;
}
#text5 {
	position:absolute;
	left:15px;
	top:30px;
	width:217px;
	height:56px;
	z-index:1;
}
#kraxe {
	position:absolute;
	left:-100px;
	top:116px;
	width:250px;
	height:65px;
	z-index:2;
	visibility: hidden;
	background-image: url(bilder/popup3.jpg);
}
#olle {
	position:absolute;
	left:-100px;
	top:192px;
	width:250px;
	height:75px;
	z-index:3;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#aina {
	position:absolute;
	left:50px;
	top:198px;
	width:250px;
	height:65px;
	z-index:4;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#juan {
	position:absolute;
	left:100px;
	top:204px;
	width:250px;
	height:65px;
	z-index:5;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#fredde {
	position:absolute;
	left:150px;
	top:215px;
	width:250px;
	height:65px;
	z-index:6;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#hiam {
	position:absolute;
	left:300px;
	top:204px;
	width:260px;
	height:65px;
	z-index:7;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#klaspontus {
	position:absolute;
	left:320px;
	top:197px;
	width:250px;
	height:65px;
	z-index:8;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#button {
	position:absolute;
	left:25px;
	top:170px;
	width:146px;
	height:46px;
	z-index:1;
}
#olivia {
	position:absolute;
	left:330px;
	top:131px;
	width:250px;
	height:65px;
	z-index:9;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#bosse {
	position:absolute;
	left:330px;
	top:67px;
	width:250px;
	height:65px;
	z-index:10;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#olga {
	position:absolute;
	left:300px;
	top:108px;
	width:250px;
	height:65px;
	z-index:11;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#lina {
	position:absolute;
	left:230px;
	top:112px;
	width:250px;
	height:65px;
	z-index:12;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#olof {
	position:absolute;
	left:250px;
	top:114px;
	width:250px;
	height:65px;
	z-index:13;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#abdi {
	position:absolute;
	left:140px;
	top:95px;
	width:220px;
	height:65px;
	z-index:14;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}
#mathilda {
	position:absolute;
	left:240px;
	top:195px;
	width:220px;
	height:90px;
	z-index:15;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}

#matheus {
	position:absolute;
	left:270px;
	top:310px;
	width:220px;
	height:95px;
	z-index:15;
	background-image: url(bilder/popup3.jpg);
	visibility: hidden;
}


#fredrik {
	position:absolute;
	left:200px;
	top:50px;
	width:454px;
	height:528px;
}

.style2 {font-size: 14pt}