@charset "utf-8";
/* CSS Document */

#menu
{
	position:absolute;
	left:809px;
	top:31px;
	width:124px;
	height:301px;
	z-index:1;

}


/*  Meny  */

ul#navigation
{
			padding: 0;
			margin: 0px 0 0 0;
			list-style-type: none;
			
			
}
		
ul#navigation li 
{ 
			
			margin: 0 0px 0 0px;
			display: inline;
			float: left;
			border: none;
			
			
}

/* li a */
ul#navigation li a
{
			display: block; 
			float: left;
			width: 137px;
			height:47px;
			padding: 0px 0 0 0px;
			margin:0;
			clear:none;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif; font-size: 2px; font-weight:bold; 
			color: #cadd5b;
			border:none;
			background-color:transparent;
			

}

a.start
{
	background-image:url(../grfx/menu/short_start.png); background-repeat:no-repeat;
}

a.nyhet
{
	background-image:url(../grfx/menu/short_nyheter.png); background-repeat:no-repeat;
}

a.portfolio
{
	background-image:url(../grfx/menu/short_portfolio.png); background-repeat:no-repeat;
}

a.omoss
{
	background-image:url(../grfx/menu/short_om.png); background-repeat:no-repeat;
}

a.tjanster
{
	background-image:url(../grfx/menu/short_tjanster.png); background-repeat:no-repeat;
}

a.kontakt
{
	background-image:url(../grfx/menu/short_kontakt.png); background-repeat:no-repeat;
}


/* li p */

ul#navigation li p
{
			display: block; 
			float: left;
			width: 127px;
			height:36px;
			padding: 11px 0px 0 10px;
			margin:0;
			clear:none;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; 
			color: #616365;
			border:none;
}



/* Present*/
ul#navigation li a.presentstart
{
	background-image:url(../grfx/menu/short_start_a.png);
}

ul#navigation li a.presentstart:hover
{
	background-image:url(../grfx/menu/long_start_a.png);
}

ul#navigation li a.presentnyhet
{
	background-image:url(../grfx/menu/short_nyheter_a.png); background-repeat:no-repeat;
}

ul#navigation li a.presentportfolio
{
	background-image:url(../grfx/menu/short_portfolio_a.png); background-repeat:no-repeat;
}

ul#navigation li a.presentomoss
{
	background-image:url(../grfx/menu/short_om_a.png); background-repeat:no-repeat;
}

ul#navigation li a.presenttjanster
{
	background-image:url(../grfx/menu/short_tjanster_a.png); background-repeat:no-repeat;
}

ul#navigation li a.presentkontakt
{
	background-image:url(../grfx/menu/short_kontakt_a.png); background-repeat:no-repeat;
}


/* present long */
ul#navigation li a.presentstart:hover
{
	background-image:url(../grfx/menu/long_start_a.png);
}

ul#navigation li a.presentnyhet:hover
{
	background-image:url(../grfx/menu/long_nyheter_a.png); background-repeat:no-repeat;
}

ul#navigation li a.presentportfolio:hover
{
	background-image:url(../grfx/menu/long_portfolio_a.png); background-repeat:no-repeat;
}

ul#navigation li a.presentomoss:hover
{
	background-image:url(../grfx/menu/long_om_a.png); background-repeat:no-repeat;
}

ul#navigation li a.presenttjanster:hover
{
	background-image:url(../grfx/menu/long_tjanster_a.png); background-repeat:no-repeat;
}

ul#navigation li a.presentkontakt:hover
{
	background-image:url(../grfx/menu/long_kontakt_a.png); background-repeat:no-repeat;
}


/* Hover */
ul#navigation li a:hover
{
			display: block; 
			float: left;
			width: 122px;
			height:33px;
			padding: 14px 0px 0 15px;
			margin:0;
			clear:none;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight:bold; 
			color: #616365;
			border:none;
}


a.start:hover
{
	background-image:url(../grfx/menu/long_start.png);
}


a.nyhet:hover
{
	background-image:url(../grfx/menu/long_nyheter.png); background-repeat:no-repeat;
}

a.portfolio:hover
{
	background-image:url(../grfx/menu/long_portfolio.png); background-repeat:no-repeat;
}

a.omoss:hover
{
	background-image:url(../grfx/menu/long_om.png); background-repeat:no-repeat;
}

a.tjanster:hover
{
	background-image:url(../grfx/menu/long_tjanster.png); background-repeat:no-repeat;
}

a.kontakt:hover
{
	background-image:url(../grfx/menu/long_kontakt.png); background-repeat:no-repeat;
}

