<style type="text/css">

html, body {
  margin: 0;
  padding: 0;
}

#nav ul {
  display: block;
  list-style: none outside;
  padding: 0;
  margin: 0 0 0 0px;
  font-family: Verdana, sans-serif;
  font-size: small;
}

#nav li {
  padding: 0;
  margin: 0 3px 0 0;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  background-color: #B1B0B0;
  color: #B1B0B0;
  font-weight: none;
  /* the next 4 lines are magic */
  display: block;
  float: left;
  position: relative;
  top: -1.30em;
}

#nav a:link,
#nav a:visited {
  background-color: #1F286E;
  color: #FFFFFF;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
}

#nav a:hover {
  background-color: #B1B0B0;
  color: #000000;
}

#navclear {
  display: none;
}
html>body #navclear {
  display: block;
  clear: both;
}

/* ----- now highlight active tab based on body @class attribute ----- */

body.index #nav li#nav-index a,
body.new #nav li#nav-Profil a,
body.used #nav li#nav-Opmagasinering a,
body.demo #nav li#nav-Flytning a,
body.bosch #nav li#nav-Udland a,
body.contact #nav li#nav-Kontakt a,
body.contact #nav li#nav-Container a{
  background-color: #1F286E;
  color: #FFFFFF;
}

</style>
