/******************************************************************************
 * Navigation related CSS.                                                    *
 ******************************************************************************/

ul.sideMenu {
  margin: 0;
}

ul.sideMenu.spaceTop {
  padding-top: 20px;
}

ul.sideMenu li {
  list-style-type: none;
  margin: 0;
}

ul.sideMenu li * {
  color: #444;
}

ul.sideMenu li.firstItem {
}

ul.sideMenu li.lastItem {
}

ul.sideMenu li .adCount {
  font-weight: normal;
  float: right;
}

ul.sideMenu * ul {
  margin-left: 0px;
  padding-left: 0px;
}

ul.sideMenu .activeItem {
  padding: 2px 2px 2px 0;
  font-weight: bold;
  border-bottom: 1px solid #AAA;
}

ul.sideMenu li a
{
  display: block;
  text-decoration: none;
  padding: 2px;
  border-bottom: 1px solid #AAA;
}

ul.sideMenu .activeItem, ul.sideMenu li a:hover {
  background: white;
  color: black !important;
}

ul.sideMenu .activeItem * {
  color: black !important;
}

ul.sideMenu .count {
  float: right;
  font-weight: normal;
}

ul.sideMenu .activeItem .count {
  font-weight: bold;
}

.sideMenuHeader {
  margin: 5px 0 0 0;
  padding: 0 1px 0 3px;
  font-size: 120%;
}

.sideMenuHeader * {
  font-size: inherit;
}

/******************************************************************************
 * another tab menu...                                                        *
 ******************************************************************************/

ul.tabs {
  padding: 5px 0;
  border-bottom: 1px solid #4A4A4A;
  margin: 0;
}

ul.tabs li {
  display: inline;
  list-style-type: none;
  margin: 0 5px 0 10px;
  font-size: 125%;
  font-weight: bold;
}

ul.tabs li.active {
  background: url("/bilder/tab-active.png") no-repeat left top;
  padding: 5px 0 6px 0; /* 1px extra at bottom to overlap bottom line */
  margin-right: 10px;
}

/* must have same top/bottom padding as <a>, extra left/right padding here */
ul.tabs li.active span {
  /* overlap the <a>'s right side to make the transparent corners work */
  margin-right: -10px;
  /* for left tab side */
  margin-left: 5px;

  font-size: 100%;
  padding: 5px 10px 6px 5px;
  background: url("/bilder/tab-active.png") no-repeat right top;
}

ul.tabs a {
  display: inline;
  background: url("/bilder/tab.png") no-repeat left top;
  text-decoration: none;
  color: white;
  padding: 5px 5px 5px 0;
}

/* must have same top/bottom padding as <a>, extra left/right padding here */
ul.tabs a span {
  /* overlap the <a>'s right side to make the transparent corners work */
  margin-right: -10px;
  /* for left tab side */
  margin-left: 5px;

  font-size: 100%;
  padding: 5px 10px 5px 5px;
  background: url("/bilder/tab.png") no-repeat right top;
}

ul.tabs a:hover {
  background: url("/bilder/tab-active.png") no-repeat left top !important;
}

ul.tabs a:hover span {
  background: url("/bilder/tab-active.png") no-repeat right top;
  color: #555;
}

/* tab menu at page's top******************************************************/

ul.tabMenu {
  clear: both;
  margin: 0 -10px 0 10px;
  background: url("/bilder/header-gradient.png") repeat-x left bottom;
}

ul.tabMenu .dogs a {
  background: url("/bilder/tab-dogs.png") no-repeat left top;
}

ul.tabMenu .dogs span {
  background: url("/bilder/tab-dogs.png") no-repeat right top;
}
ul.tabMenu .cats a {
  background: url("/bilder/tab-cats.png") no-repeat left top;
}

ul.tabMenu .cats span {
  background: url("/bilder/tab-cats.png") no-repeat right top;
}

/* make path tabs look active */
ul.tabMenu .path a, ul.tabMenu .path span {
  padding-bottom: 6px; /* 1px extra at bottom to overlap bottom line */
}

ul.tabMenu .path a {
  background: url("/bilder/tab-active.png") no-repeat left top;
}

ul.tabMenu .path span {
  background: url("/bilder/tab-active.png") no-repeat right top;
  color: #555;
}

/* footer menu ****************************************************************/

ul.footerMenu {
  border-top: 1px dashed #CCC;
  padding-top: 10px;
  margin: 10px 0;
}

ul.footerMenu li {
  list-style-type: none;
  display: inline;
  padding: 0 10px;
  border-right: 1px solid gray;
  font-weight: bold;
}

ul.footerMenu li.last {
  border-right: none;
}

ul.footerMenu li a {
  font-weight: normal;
}