/*  
(c) 2005 Förskolan Pärlan
Daniel Larsson


	MENYER - LÄNKAR


*/




/* --- huvudmenyn --- */


#menu 	ul		{
			list-style: none;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 0px;
			padding-top: 0;
			padding-left: 0;
			clear: left;
			border: 0 
			}

#menu ul li  		{
			float: left;
			}

#menu li.bla a, #menu li.gul a
	 		{
			width:178px;
 			height: 66px;		
			}	

#menu li.gron a, #menu li.lila a
	 		{
			width:175px;
 			height: 66px;		
			}
	
#menu li.bla a:link, #menu li.bla a:visited, #menu li.bla a:active
			{
			display: block;
			background: url(../image/bla2.jpg);
			padding: 0px;
			}
	

#menu li.gron a:link, #menu li.gron a:visited, #menu li.gron a:active
			{
			display: block;
			background: url(../image/gron2.jpg);
			padding: 0px;
			}

#menu li.lila a:link, #menu li.lila a:visited, #menu li.lila a:active
			{
			display: block;
			background: url(../image/lila2.jpg);
			padding: 0px;
			}
	

#menu li.gul a:link, #menu li.gul a:visited, #menu li.gul a:active
			{
			display: block;
			background: url(../image/gul2.jpg);
			padding: 0px;
			}
	
		
#menu li.bla a:hover	{
			background: url(../image/bla.jpg);
			padding: 0px;
			}
#menu li.gron a:hover	{
			background: url(../image/gron.jpg);
			padding: 0px;
			}

#menu li.lila a:hover	{
			background: url(../image/lila.jpg);
			padding: 0px;
			}
	
#menu li.gul a:hover	{
			background: url(../image/gul.jpg);
			padding: 0px;
			}
		



/* --- om skolan menyn --- */


#omskolanmenu 	ul	{
			list-style: none;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 0;
			padding-top: 0;
			padding-left: 0;
			clear: left;
			border: 0 
			}




#omskolanmenu li.personal a
			{
			width:78px;
 			height: 16px;		
			}	



#omskolanmenu li.personal a:link, #omskolanmenu li.personal a:visited, #omskolanmenu li.personal a:active
			{
			display: block;
			background: url(../image/ompersonal.jpg);
			padding: 0px;
			}
	
		
#omskolanmenu li.personal a:hover	
			{
			background: url(../image/ompersonal2.jpg);
			}


#omskolanmenu li.personalaktiverad a
			{
			background: url(../image/ompersonal2.jpg);
			display: block;
			width:78px;
 			height: 16px;
			padding: 0px;
			}



#omskolanmenu li.mal a	{
			width:103px;
 			height: 16px;		
			}	



#omskolanmenu li.mal a:link, #omskolanmenu li.mal a:visited, #omskolanmenu li.mal a:active
			{
			display: block;
			background: url(../image/ommal.jpg);
			padding: 0px;
			}
	
		
#omskolanmenu li.mal a:hover	
			{
			background: url(../image/ommal2.jpg);
			}

#omskolanmenu li.malaktiverad a
			{
			background: url(../image/ommal2.jpg);
			display: block;
			width:103px;
 			height: 16px;
			padding: 0px;
			}



#omskolanmenu li.viktoria a	{
			width:125px;
 			height: 16px;		
			}	



#omskolanmenu li.viktoria a:link, #omskolanmenu li.viktoria a:visited, #omskolanmenu li.viktoria a:active
			{
			display: block;
			background: url(../image/omviktoria.jpg);
			padding: 0px;
			}
	
		
#omskolanmenu li.viktoria a:hover	
			{
			background: url(../image/omviktoria2.jpg);
			}

#omskolanmenu li.viktoriaaktiverad a
			{
			background: url(../image/omviktoria2.jpg);
			display: block;
			width:125px;
 			height: 16px;
			padding: 0px;
			}


#omskolanmenu li.styrdokument a	{
			width:118px;
 			height: 16px;		
			}	



#omskolanmenu li.styrdokument a:link, #omskolanmenu li.styrdokument a:visited, #omskolanmenu li.styrdokument a:active
			{
			display: block;
			background: url(../image/omstyrdokument.jpg);
			padding: 0px;
			}
	
		
#omskolanmenu li.styrdokument a:hover	
			{
			background: url(../image/omstyrdokument2.jpg);
			}

#omskolanmenu li.styrdokumentaktiverad a
			{
			background: url(../image/omstyrdokument2.jpg);
			display: block;
			width:118px;
 			height: 16px;
			padding: 0px;
			}

			}



/* --- kalender menyn --- */



#kalendermenu 	ul	{
			list-style: none;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 0;
			padding-top: 0;
			padding-left: 0;
			clear: left;
			border: 0 
			}



#kalendermenu li.kommande a
			{
			width:103px;
 			height: 16px;		
			}	



#kalendermenu li.kommande a:link, #kalendermenu li.kommande a:visited, #kalendermenu li.kommande a:active
			{
			display: block;
			background: url(../image/kalendekommande.jpg);
			padding: 0px;
			}
	
		
#kalendermenu li.kommande a:hover	
			{
			background: url(../image/kalendekommande2.jpg);
			}


#kalendermenu li.kommandeaktiverad a
			{
			background: url(../image/kalendekommande2.jpg);
			display: block;
			width:103px;
 			height: 16px;
			padding: 0px;
			}




#kalendermenu li.matsedel a
			{
			width:103px;
 			height: 16px;		
			}	



#kalendermenu li.matsedel a:link, #kalendermenu li.matsedel a:visited, #kalendermenu li.matsedel a:active
			{
			display: block;
			background: url(../image/kalendematsedel.jpg);
			padding: 0px;
			}
	
		
#kalendermenu li.matsedel a:hover	
			{
			background: url(../image/kalendematsedel2.jpg);
			}


#kalendermenu li.matsedelaktiverad a
			{
			background: url(../image/kalendematsedel2.jpg);
			display: block;
			width:103px;
 			height: 16px;
			padding: 0px;
			}



/* --- elevinfo menyn --- */


#elevinfomenu 	ul	{
			list-style: none;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 0;
			padding-top: 0;
			padding-left: 0;
			clear: left;
			border: 0; 
			}


#elevinfomenu li.bilder a
			{
			width:61px;
 			height: 16px;		
			}	



#elevinfomenu li.bilder a:link, #elevinfomenu li.bilder a:visited, #elevinfomenu li.bilder a:active
			{
			display: block;
			background: url(../image/elevbilder.jpg);
			padding: 0px;
			}
	
		
#elevinfomenu li.bilder a:hover	
			{
			background: url(../image/elevbilder2.jpg);
			}


#elevinfomenu li.bilderaktiverad a
			{
			background: url(../image/elevbilder2.jpg);
			display: block;
			width:61px;
 			height: 16px;
			padding: 0px;
			}


#elevinfomenu li.lankar a
			{
			width:76px;
 			height: 16px;		
			}	



#elevinfomenu li.lankar a:link, #elevinfomenu li.lankar a:visited, #elevinfomenu li.lankar a:active
			{
			display: block;
			background: url(../image/elevlankar.jpg);
			padding: 0px;
			}
	
		
#elevinfomenu li.lankar a:hover	
			{
			background: url(../image/elevlankar2.jpg);
			}


#elevinfomenu li.lankaraktiverad a
			{
			background: url(../image/elevlankar2.jpg);
			display: block;
			width:76px;
 			height: 16px;
			padding: 0px;
			}