html, body {
      margin: 0;
      padding: 0;
      background-color: #77014f;
    }
    body { 
      font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
    }
    div.bobiler {
      margin: 0 auto;
      width: 900px;
      background-color: #fff;
    }
    div.footer {
      clear: both;
      width: 900px;
      margin-top: 10px;
      background: transparent url(/gfx/footer-splitt.gif) top no-repeat;
      padding-top: 20px;
      text-align: center;

      font-size: 10px;
      color: #888;
      padding-bottom: 5px;
    }
    div.canvas {
    }
    div.canvas div.menu {
      width: 175px;
      float: left;
      background-image: url(/gfx/menu-back.gif);
      min-height: 315px ! important;
      height: 315px;
    }
    div.canvas div.content {
      width: 705px;
      font-size: 12px;
float: left;
    }
    ul.nav {
      margin: 0;
      padding: 0;
      list-style-type: none;
      width: 114px;
      font-size: 12px;
    }
    ul.nav li {
      background: transparent url(/gfx/images/menu_01.gif) top left no-repeat;
      height: 28px;
    }
    ul.nav li.a1 { background: transparent url(/gfx/images/menu_01.gif) top left no-repeat; }
    ul.nav li.a2 { background: transparent url(/gfx/images/menu_02.gif) top left no-repeat; }
    ul.nav li.a3 { background: transparent url(/gfx/images/menu_03.gif) top left no-repeat; }
    ul.nav li.a4 { background: transparent url(/gfx/images/menu_04.gif) top left no-repeat; }

    ul.nav li.a5 { background: transparent url(/gfx/images/menu_01.gif) top left no-repeat; }
    ul.nav li.a6 { background: transparent url(/gfx/images/menu_02.gif) top left no-repeat; }
    ul.nav li.a7 { background: transparent url(/gfx/images/menu_03.gif) top left no-repeat; }
    ul.nav li.a8 { background: transparent url(/gfx/images/menu_04.gif) top left no-repeat; }
    ul.nav li.a9 { background: transparent url(/gfx/images/menu_01.gif) top left no-repeat; }
    ul.nav li.a10 { background: transparent url(/gfx/images/menu_02.gif) top left no-repeat; }
    ul.nav li.a11 { background: transparent url(/gfx/images/menu_03.gif) top left no-repeat; }
    ul.nav li.a12 { background: transparent url(/gfx/images/menu_04.gif) top left no-repeat; }

    ul.nav li a {
      color: #fff;
      display: block;
      width: 145px;
      height: 23px;
      padding-left: 30px;
      padding-top: 5px;
      text-decoration: none;
    }
    ul.nav li a:hover {
      text-decoration: underline;
    }
    ul.nav li.a1 a:visited { background: transparent url(/gfx/images/menu-visited_01.gif) top left no-repeat; }
    ul.nav li.a2 a:visited { background: transparent url(/gfx/images/menu-visited_02.gif) top left no-repeat; }
    ul.nav li.a3 a:visited { background: transparent url(/gfx/images/menu-visited_03.gif) top left no-repeat; }
    ul.nav li.a4 a:visited { background: transparent url(/gfx/images/menu-visited_04.gif) top left no-repeat; }

    ul.nav li.a5 a:visited { background: transparent url(/gfx/images/menu-visited_01.gif) top left no-repeat; }
    ul.nav li.a6 a:visited { background: transparent url(/gfx/images/menu-visited_02.gif) top left no-repeat; }
    ul.nav li.a7 a:visited { background: transparent url(/gfx/images/menu-visited_03.gif) top left no-repeat; }
    ul.nav li.a8 a:visited { background: transparent url(/gfx/images/menu-visited_04.gif) top left no-repeat; }
    ul.nav li.a9 a:visited { background: transparent url(/gfx/images/menu-visited_01.gif) top left no-repeat; }
    ul.nav li.a10 a:visited { background: transparent url(/gfx/images/menu-visited_02.gif) top left no-repeat; }
    ul.nav li.a11 a:visited { background: transparent url(/gfx/images/menu-visited_03.gif) top left no-repeat; }
    ul.nav li.a12 a:visited { background: transparent url(/gfx/images/menu-visited_04.gif) top left no-repeat; }
    
    ul.nav li.a1 a:hover, ul.nav li.a1 a.on { background: transparent url(/gfx/images/menu-hover_01.gif) top left no-repeat; }
    ul.nav li.a2 a:hover, ul.nav li.a2 a.on { background: transparent url(/gfx/images/menu-hover_02.gif) top left no-repeat; }
    ul.nav li.a3 a:hover, ul.nav li.a3 a.on { background: transparent url(/gfx/images/menu-hover_03.gif) top left no-repeat; }
    ul.nav li.a4 a:hover, ul.nav li.a4 a.on { background: transparent url(/gfx/images/menu-hover_04.gif) top left no-repeat; }

    ul.nav li.a5 a:hover, ul.nav li.a1 a.on { background: transparent url(/gfx/images/menu-hover_01.gif) top left no-repeat; }
    ul.nav li.a6 a:hover, ul.nav li.a2 a.on { background: transparent url(/gfx/images/menu-hover_02.gif) top left no-repeat; }
    ul.nav li.a7 a:hover, ul.nav li.a3 a.on { background: transparent url(/gfx/images/menu-hover_03.gif) top left no-repeat; }
    ul.nav li.a8 a:hover, ul.nav li.a4 a.on { background: transparent url(/gfx/images/menu-hover_04.gif) top left no-repeat; }
    ul.nav li.a9 a:hover, ul.nav li.a1 a.on { background: transparent url(/gfx/images/menu-hover_01.gif) top left no-repeat; }
    ul.nav li.a10 a:hover, ul.nav li.a2 a.on { background: transparent url(/gfx/images/menu-hover_02.gif) top left no-repeat; }
    ul.nav li.a11 a:hover, ul.nav li.a3 a.on { background: transparent url(/gfx/images/menu-hover_03.gif) top left no-repeat; }
    ul.nav li.a12 a:hover, ul.nav li.a4 a.on { background: transparent url(/gfx/images/menu-hover_04.gif) top left no-repeat; }

    div#bobil-slide {
      width: 900px;
      height: 316px;
    }
    
h1 {
  font-size: 22px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
}
font.size-1 {
  font-size: 10px;
}
font.size-2 {
  font-size: 14px;
}
font.size-3 {
  font-size: 18px;
}
font.size-4 {
  font-size: 22px;
}
font.size-5 {
  font-size: 26px;
}
font.size-6 {
  font-size: 30px;
}
font.size-7 {
  font-size: 34px;
}
h2.nh {
  margin-bottom: 0;
}
div.np {
  color: #888;
  margin-top: 5px;
  font-size: 10px;
  margin-bottom: 0;
}

/* New A colors */
a {
  color: #77014f;
}
a:visited {
  color: #996699;
}
a:hover {
  color: #330033;
}
a:active {
  color: red;
}