body			{
				margin:0 auto;
				font: 62.5% Arial, Helvetica, sans-serif;
				}
				
#wrapper		{
				position:relative;
				margin:5px auto;
				height:60.0em;
				width:80.0em;
				background:url(img/Klassrum.jpg);
				}

				
/* Remove all a: borders in Firefox */
a:active, a:focus 
				{
				outline:0;
				}


#footer			{
	position:absolute;
	top:520px;
	width: 100%;
	left: 0px;
	height: 59px;
				}
				
#footer	ul#nav	{
				width:800px;
				height:35px;
				border:0px;
				list-style:none;
				}
				
#nav a img {
		
		border:0px;
		}

#nav a		{
	position:absolute;
	height:33px;
	top: 18px;
	left: 377px;
	width: 52px;
	
				}

#nav .computer a{
	left:27px;

	width:60px;
				}
#nav .framtid a	{
	left:181px;
	width:72px;
				}
#nav .larare a	{
	left:290px;
	width:69px;
				}
#nav .fragelada	a{
	left:675px;
	width:74px;
				}
#nav .portfolio	a{
	left:449px;
	width:67px;
				}
#nav .om a		{
	left:10px;
	width:142px;
				}
#nav .utrustning a{
	left:548px;
	width:94px;
				}

							
/* Link Fonster */
#link_fonster	{
				position:absolute;
				top:6.9em;
				left:0.0em;
				width:8em;
				height:6.5em;
				}

#link_fonster a	{
				font-size:24px;
				display:block;
				width:150px;
				height:170px;
				}
				
#trigger_fonster	
				{
				margin:20px 0 0 80px;
				width:150px;
				height:170px;
				}

#link_fonster_popup 			
				{
				background:#FFFFFF;
				border:1px solid #999999;
				background-image:none;
				padding:10px;
				position: absolute;
				width:120px;
				height:90px;
				display: none; /* keeps the popup hidden if no JS available */
				}
				
			
/* Link Board */
#link_board	{
				position:absolute;
				top:10.2em;
				left:20.4em;
				width:8em;
				height:6.5em;
				}

#link_board a	{
				font-size:24px;
				display:block;
				width:151px;
				height:140px;
				}

#trigger_board	
				{
				margin:0 0 0 40px;
				width:151px;
				height:140px;
				}			
				
#link_board_popup 			
				{
				background-color:#FFFFFF;
				border:1px solid #999999;
				padding:10px;
				position: absolute;
				width:120px;
				height:70px;
				display: none; /* keeps the popup hidden if no JS available */
				z-index:1;
				}
				
/* Link Whiteboard */
#link_whiteboard	
				{
				position:absolute;
				top:10.8em;
				left:37.8em;
				width:8em;
				height:6.5em;
				z-index:0;
				}

#link_whiteboard a	
				{
				font-size:24px;
				display:block;
				width:250px;
				height:90px;
				}

#trigger_whiteboard	
				{
				margin:20px 0 0 40px;
				width:250px;
				height:90px;
				}			
				
#link_whiteboard_popup 			
				{
				position: absolute;
				background-color:#FFFFFF;
				border:1px solid #999999;
				padding:10px;
				width:120px;
				height:40px;
				display: none; /* keeps the popup hidden if no JS available */
				}
				
/* Link Fragelada */

#link_fragelada	
				{
				position:absolute;
				margin:0px;
				top:14.6em;
				left:67.9em;
				width:8em;
				height:6.5em;
				}
				
			
#link_fragelada a	
				{
				font-size:24px;
				display:block;
				width:50px;
				height:70px;
				z-index:2;
				}

#trigger_fragelada		
				{
				margin:10px 0 0 0;
				width:50px;
				height:70px;
				}
				
#link_fragelada_popup 			
				{
				background-color:#FFFFFF;
				border:1px solid #999999;
				padding:10px;
				position: absolute;
				width:120px;
				height:60px;
				display: none; /* keeps the popup hidden if no JS available */
				}
				
/* Link Lärare */
#link_larare	
				{
				position:absolute;
				top:17.9em;
				left:46.9em;
				width:8em;
				height:6.5em;
				z-index:2;
				}

#link_larare a	
				{
				font-size:24px;
				display:block;
				width:66px;
				height:130px;
				}

#trigger_larare	
				{
				margin:0 0 0 20px;
				width:66px;
				height:130px;
				}			
				
#link_larare_popup 			
				{
				background-color:#FFFFFF;
				border:1px solid #999999;
				padding:10px;
				position: absolute;
				width:120px;
				height:50px;
				display: none; /* keeps the popup hidden if no JS available */
				}
				
/* Link Elev */
#link_elev		
				{
				position:absolute;
				top:29.2em;
				left:0.0em;
				width:8em;
				height:6.5em;
				}
				
#trigger_elev	
				{
				margin:0 0 0 50px;
				width:160px;
				height:210px;
				}

#link_elev a	
				{
				font-size:24px;
				display:block;
				width:160px;
				height:210px;
				}

#link_elev_popup 			
				{
				position: absolute;
				background-color:#FFFFFF;
				border:1px solid #999999;
				width:120px;
				height:100px;
				padding:10px;
				display: none; /* keeps the popup hidden if no JS available */
				}
				
/* Link Dator */
#link_dator	
				{
				position:absolute;
				top:36.9em;
				left:37.1em;
				width:8em;
				height:6.5em;
				}

#link_dator a	
				{
				font-size:24px;
				display:block;
				width:234px;
				height:170px;
				}

#trigger_dator	
				{
				margin:-15px 0 0 20px;
				width:234px;
				height:170px;
				}			
				
#link_dator_popup 			
				{
				background-color:#FFFFFF;
				padding:10px;
				position: absolute;
				border:1px solid #999999;
				width:120px;
				height:70px;
				display: none; /* keeps the popup hidden if no JS available */
				}
				
.stor{
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.linkky
{
position:absolute;
top:40px;
left:185px;
display:block;
height:50px;
width:220px;
}