/* CSS Document */
/*
Dummy CSS (without any design),
assuming there is a <div id="id_of_nav">
 around the navigation
*/

#nav01 {
  font-family:verdana;
  font-size:11px;
  color:#fff;
}

#nav_logg {
  width:137px;
}

#nav01 ul {
}

#nav01 li {
  background:transparent url("../gfx/bgnav01.gif") repeat-x top left;
  margin:0;
  padding:0 0 0 8px;
  width:129px;
  line-height:15px;
}



#nav01>ul>li.active{
  background:#8f8074 url("../gfx/bgnav01_active.gif") repeat-x top left;
  display:block;
}

#nav01 span{
  margin:0;
  padding: 5px 10px 5px 10px;
  display:block;
}

#nav01>ul>li strong a.active{
  color:#FFF;
}

#nav01 ul li a {
  display:block;
  padding:5px 0 5px 15px;
  width:128px;
  color:#fff;
  background:transparent url("../gfx/stardot.png") center left no-repeat;
  behavior: url('files/template/iepngfix_v2.htc');
}

#nav01 ul li a:link,
#nav01 ul li a:visited {
  color:#FFF;
}
#nav01 ul li a:hover,
#nav01 ul li a:active,
#nav01 ul li a:focus {
  color:#ff7104;
}

/* highlighted current element */

#nav01 ul li strong {
  color:#282420;
}
#nav01 ul li strong a {
  color:#282420;
}

/* second level */
/*
#nav01 ul ul{
  list-style-position:inside;
}
*/
#nav01 ul ul li {
  background:transparent url("../gfx/bgnav02.gif") repeat-x top left;
  color:#282420;
  margin:0 0 0 -8px;
}

#nav01 ul ul li.active {
  background:#8f8074 url("../gfx/bgnav02.gif") repeat-x top left;
  color:#282420;
  margin:0 0 0 -8px;
}

#nav01 ul ul li.active span {
  font-weight:normal;
  color:#282420;
  margin:0;
  padding: 5px 0 5px 15px;
  display:block;
}

#nav01 ul ul li.active strong {
  color:#282420;
  font-weight:normal;
}
#nav01 ul ul li.active strong a {
  color:#282420;
  font-weight:normal;
}

#nav01 ul ul li a:visited,
#nav01 ul ul li a:link{
  padding: 5px 0 5px 15px;
  width:118px;
  display:block;
}

#nav01 ul ul li a:hover,
#nav01 ul ul li a:active,
#nav01 ul ul li a:focus {
  padding: 5px 0 5px 15px;
  width:118px;
  display:block;
}

/* and so on ... */