/*<![CDATA[*/
	.menu_skolan {
	width : 72px;
	height : 26px;
	top:0px;
	background-image : url(../menus/menu_buttons/skolan.jpg);
	}
	.menu_skolan:hover {
	background-image : url(../menus/menu_buttons/skolan_f2.jpg);
	}
	.menu_utbildningar {
	width : 88px;
	height : 26px;
	background-image : url(../menus/menu_buttons/utbildningar.jpg);
	top: 0px;
	}
	.menu_utbildningar:hover {
	background-image : url(../menus/menu_buttons/utbildningar_f2.jpg);
	}
	.menu_boende {
	width : 89px;
	height : 26px;
	background-image : url(../menus/menu_buttons/boende.jpg);
	top: 0px;
	}
	.menu_boende:hover {
	background-image : url(../menus/menu_buttons/boende_f2.jpg);
	}
	.menu_bibliotek {
	width : 65px;
	height : 26px;
	background-image : url(../menus/menu_buttons/bibliotek.jpg);
	top: 0px;
	}
	.menu_bibliotek:hover {
	background-image : url(../menus/menu_buttons/bibliotek_f2.jpg);
	}
	.menu_elevhalsa {
	width : 177px;
	height : 26px;
	background-image : url(../menus/menu_buttons/studiestod.jpg);
	top: 0px;
	}
	.menu_elevhalsa:hover {
	background-image : url(../menus/menu_buttons/studiestod_f2.jpg);
	}	

	* { margin: 0; padding: 0; }

	.nav a {text-decoration:none;}
	.nav a:hover { text-decoration: none; }

	small { line-height: 120%; }
	
	.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clear { display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .clear { height: 1%; }
	.clear { display: block; }
	/* End hide from IE-mac */
	
	/* image replacement general properties */
	ul.IR li {
	position: relative;
	/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
	But overflow also includes our dropdown list, so we need the overflow to be visible. */
	/*overflow: hidden; */
		font-size: 0.9em;
	}
			
	.IR em {
	display: block;
	position: absolute;
	top: 195px;
	left: -84px;
	z-index: 1;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	.nav li { float: left; padding-bottom: 10px; } 
	.nav li, .nav li em {
	z-index:10;
	position:absolute;
	width: 150px;
	height: 15px;
}
	
	* html>body ul.nav li em { margin-bottom: -24px; } /* for ie5.x/mac only */
	
	.link1{ /*SKOLAN*/
		position:absolute;
		left:0px;
		top:0px;
	}
	.link2{ /*UTBILDNINGAR*/
		position:absolute;
		left:-78px;
		top:0px;
	}
	.link3{ /*BOENDE/FRITID*/
		position:absolute;
		left:-140px;
		top:0px;
	}
	.link4{ /*BIBLIOTEK*/
		position:absolute;
		left:-201px;
		top:0px;
	}
	.link5{ /*ELEVHÄLSA*/
		position:absolute;
		left:-286px;
		top:0px;
	}
	.link1 em, .link2 em, .link3 em, .link5 em, { 
		cursor: pointer;
	}
	.link4 em {
		cursor:hand;
	}
	/* suckerfish styles */
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	
	.nav li ul {
		position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 26px; /*Distans från bild*/
		left: -999em;
		list-style: none;
		border: 1px solid #181818;
	}
	
	.nav li:hover ul { left: auto; }
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0px;
		font-size: 10px;/*Font size menu*/
		border-bottom: 1px solid #333333;/*Bordercolor*/
	}
	
	.nav li ul a {
		padding: 0.25em;
		color: #f2f2f2; /*Textcolor*/
		background: #181818;/*BGcolor*/
	}
	.nav li ul a:hover {
		color: #6a6a6a;/*Rollover Fontcolor*/
		background: #373737;/*Rollover Cellcolor*/
	}
	#div_container_menu {
	position:absolute;
	left:0px;
	top:0px;
	width:769px;
	height:26px;
	z-index:11;
}
	/*]]>*/
	#menubar {
	position:absolute;
	left:0px;
	top:0px;
	width:769px;
	height:27px;
	z-index:9;
}