Hi Gitte

1. You can remove it from the view that is generating it. You probably have a Master-view (look in Templates in Umbraco, or Views folder on the filesystem. The top green menu is probably a partial view referenced in there. Look for @Html.Partial() and try to locate the correct view. Partial Views can be edited through Umbraco (in Partial Views in the Settings section of Umbraco), or in the filesystem (look for the folder Views/Partials).

2. You need to change the css for this part, I can see there is several css files referenced in the site, so you get to choose which one is relevant :). The markup is probably located in either a Masterview, or a partial referenced from there.

3. This depends on how your navigation is built, but if you change the tags from <a> to <span> they will not try to redirect the user.

4. Again this depends on how your navigation is built. A typical pattern is that the navigation is a list of child pages to a specific page. It could look something like this:

@foreach (var page in Model.Children()) { <a href="@page.Url">@page.Name</a> }

You can test if one of the pages in the loop is active by doing something like this: Model.IsDescendantOrSelf(page) or Model.Id == page.Id

The first one returns true, if the visited page is either a descendant of the current, or IS the current page. The second one returns true, only if the visited page is the current page.

So bringing this back to the code would be like:

@foreach (var page in Model.Children()) 
{
  if (Model.IsDescendantOrSelf(page))
  {
    <a href="@page.Url" class="active">@page.Name</a>
  }
  else {
    <a href="@page.Url">@page.Name</a>   
  }
}

I know this probably doesn't apply 100% to your needs, but I hope it gets you closer to what you want :)