/* CSS Document */

body
{
behavior:url(“csshover.htc”);
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(bilder/bg_linnen.gif)
}

img 
{
border: none;
}

img.border
{
border: solid #000000 3px;
}

p {font-family: arial}

h1 {font-family: arial}

h2 {font-family: arial}

h3 {font-family: arial}

/* CSS Document */

ul {
font-size:12px;
list-style: none; /* Remove the bullets */
margin: 0;
padding: 0;
width:152px; /* Menu width */
}
ul li {
font-size:12px;
color:#000000;
line-height:24px;
text-indent:10px;
text-align:left;
background-image:url(bilder/knapp.gif);
display: block; /* Make a menu item a block (height 100%, width 100%) */
height:24px;
width:100%;
position: relative;
float:left; /* Make sure (in IE) there’s no margin between the menu items */
}

ul li.mellan{
font-size:12px;
font-weight:bold;
color:#000000;
line-height:24px;
text-align:center;
background-image:url(bilder/knapp.gif);
display: block; /* Make a menu item a block (height 100%, width 100%) */
height:24px;
width:100%;
position: relative;
float:left; /* Make sure (in IE) there’s no margin between the menu items */
}

ul li.top{
font-size:12px;
font-weight:bold;
color:#000000;
line-height:24px;
text-align:center;
background-image:url(bilder/top.gif);
display: block; /* Make a menu item a block (height 100%, width 100%) */
height:24px;
width:100%;
position: relative;
float:left; /* Make sure (in IE) there’s no margin between the menu items */
}

ul li.bottom{
font-size:12px;
color:#000000;
line-height:24px;
text-align:center;
background-image:url(bilder/bottom.gif);
display: block; /* Make a menu item a block (height 100%, width 100%) */
height:24px;
width:100%;
position: relative;
float:left; /* Make sure (in IE) there’s no margin between the menu items */
}

ul li a{
font-size:12px;
color:#000000;
text-decoration:none;
height:100%;
display:block; /* When rollover the menu item, the whole item will be seen as link. */
}

ul li a:hover {
font-size:12px;
background-image:url(bilder/knapp_hover.gif);
text-decoration:none;
}

ul li a.new {
font-size:12px;
background-image:url(bilder/knapp_new.gif);
text-decoration:none;
}

ul li a.new:hover {
font-size:12px;
background-image:url(bilder/knapp_new_hover.gif);
text-decoration:none;
}

ul ul {
font-size:12px;
position: absolute;
top: -24px;
display:none; /* Display nothing when not ’hovered’ */
}
ul li ul li{}
ul li ul li a:hover{}
ul li:hover ul{
display: block; /* Make sure the submenu is displayed as blocks as well. */
left:152px; /* Your menu width. The submenu appears there, when you hover a menu item. */ 
}