/***
    File: nav.css
*/

/* navigation */

ul#menu
{
	clear: both;
    margin: 0 0 10px 0;    
    padding: 0;
    background: url(../images/menu_bg.png) top left no-repeat;
    list-style-type: none;
    height: 28px;
    width: 800px;
}

ul#menu li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 28px;
}

ul#menu a
{
    text-decoration: none;
    cursor: pointer;
}

.navlinktext
{
    padding: 0;
    margin: 6px 0 0 12px;
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
}

.firstmenuitem
{
    margin-left: 20px;
}

#default {left: 0px; width: 60px;}
#default a:hover, 
#default.active, 
#default:hover {background: transparent url(../images/menu_bg.png) -0 -30px no-repeat;}

#om {left: 60px; width: 60px;}
#om a:hover, 
#om.active, 
#om:hover {background: transparent url(../images/menu_bg.png) -60px -30px no-repeat;}

#sakerhet {left: 125px; width: 218px;}
#sakerhet a:hover, 
#sakerhet.active,
#sakerhet:hover {background: transparent url(../images/menu_bg.png) -125px -30px no-repeat;}

#foretag {left: 199px; width: 150px;}
#foretag a:hover, 
#foretag.active, 
#foretag:hover {background: transparent url(../images/menu_bg.png) -186px -30px no-repeat;}

#aventyr {left: 304px; width: 105px;}
#aventyr a:hover, 
#aventyr.active, 
#aventyr:hover {background: transparent url(../images/menu_bg.png) -271px -30px no-repeat;}

#partners {left: 407px; width: 70px;}
#partners a:hover, 
#partners.active, 
#partners:hover {background: transparent url(../images/menu_bg.png) -407px -30px no-repeat;}

#galleri {left: 477px; width: 60px;}
#galleri a:hover, 
#galleri.active, 
#galleri:hover {background: transparent url(../images/menu_bg.png) -467px -30px no-repeat;}

#kontakt {left: 580px; width: 76px;}
#kontakt a:hover, 
#kontakt.active, 
#kontakt:hover {background: transparent url(../images/menu_bg.png) -723px -30px no-repeat;}