* {
  padding: 0;
  margin: 0;
  outline: none; }

body {
  background: #9f1b32 url(/images/layout/background.png) repeat-x scroll top left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 90%;
  color: #23090c; }

div#wrapper {
  background: #23090c url(/images/layout/inner_background.png) repeat-x scroll top left;
  margin: 0 auto;
  width: 1024px; }
div#container {
  padding: 20px;
  margin: 0;
  width: 984px; }
div#header {
  background: transparent url(/images/layout/logo_hofnar.png) no-repeat left;
  height: 70px;
  margin-bottom: 20px; }
  div#header h1 a {
    display: block;
    text-indent: -3000px;
    height: 103px; }
  div#header div#search {
    float: right;
    margin-top: -52px; }
  div#header div#cart {
    float: right;
    margin-top: -85px;
    margin-right: 10px; }
    div#header div#cart a {
      float: right; }
      div#header div#cart a img {
        border: 0; }
div#content {
  background: white; }
  div#content #tab_nav {
    z-index: 1000;
    position: absolute;
    width: 200px;
    margin-top: 10px;
    margin-left: 740px;
    *margin-left: 729px;
    height: 375px;
    background-image: url(/images/layout/details_tabs.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
    div#content #tab_nav li {
      list-style: none; }
  div#content #tab_nav a {
    text-decoration: none;
    position: relative;
    width: 200px;
    height: 75px;
    top: 0;
    left: 0;
    cursor: pointer;
    background: none; }
div#nav {
  padding: 10px; }
  div#nav a, div#nav .breadcrumb_cont {
    color: white;
    text-decoration: none;
    font-variant: small-caps;
    font-weight: bold;
    display: block;
    height: 22px;
    margin: 5px 0;
    background-color: #9f1b32; }
    div#nav a#algemeen, div#nav .breadcrumb_cont#algemeen {
      margin-top: 0;
      text-indent: -3000px;
      background-image: url(/images/layout/buttons.png);
      background-repeat: no-repeat;
      background-position: 2px 5px; }
    div#nav a#programma, div#nav .breadcrumb_cont#programma {
      text-indent: -3000px;
      background-image: url(/images/layout/buttons.png);
      background-repeat: no-repeat;
      background-position: 2px 5px;
      background-position: 2px -19px; }
    div#nav a#snel_bestellen, div#nav .breadcrumb_cont#snel_bestellen {
      text-indent: -3000px;
      background-image: url(/images/layout/buttons.png);
      background-repeat: no-repeat;
      background-position: 2px 5px;
      background-position: 2px -43px; }
    div#nav a#contact, div#nav .breadcrumb_cont#contact {
      text-indent: -3000px;
      background-image: url(/images/layout/buttons.png);
      background-repeat: no-repeat;
      background-position: 2px 5px;
      background-position: 2px -67px; }
    div#nav a#zakelijk, div#nav .breadcrumb_cont#zakelijk {
      text-indent: -3000px;
      background-image: url(/images/layout/buttons.png);
      background-repeat: no-repeat;
      background-position: 2px 5px;
      background-position: 2px -91px; }
    div#nav a#artiesteningang, div#nav .breadcrumb_cont#artiesteningang {
      text-indent: -3000px;
      background-image: url(/images/layout/buttons.png);
      background-repeat: no-repeat;
      background-position: 2px 5px;
      background-position: 2px -115px; }
    div#nav a.current, div#nav a.current_branch, div#nav .breadcrumb_cont.current, div#nav .breadcrumb_cont.current_branch {
      background-color: #eb8d21; }
    div#nav a.breadcrumb, div#nav .breadcrumb_cont.breadcrumb {
      background-color: transparent;
      font-size: 140%;
      display: inline; }
  div#nav div.bread_left_part {
    margin-top: -4px;
    position: absolute;
    width: 720px;
    margin-left: 130px; }
  div#nav div.bread_right_part {
    margin-top: -6px;
    position: absolute;
    width: 130px;
    margin-left: 842px; }
    div#nav div.bread_right_part a {
      float: left;
      width: 40px;
      height: 22px;
      margin-bottom: -10px;
      text-indent: -3000px;
      background-image: url(/images/layout/view_mode_icons.png);
      background-repeat: no-repeat; }
    div#nav div.bread_right_part .tegels {
      background-position: -45px 0; }
    div#nav div.bread_right_part .carr {
      background-position: -90px 0; }
  div#nav div.sub {
    padding-left: 5px; }
    div#nav div.sub a {
      margin: 0 4px;
      color: black;
      display: inline;
      background: none; }
      div#nav div.sub a.current {
        color: #eb8d21; }
div#main {
  clear: both;
  position: relative;
  margin: 13.333px 10px;
  margin-bottom: 0;
  overflow-y: auto;
  overflow-x: hidden; }
  div#main ul.sm {
    width: 964px;
    list-style: none;
    display: block;
    overflow: hidden; }
  div#main ul.sm li {
    float: left;
    display: inline;
    overflow: hidden; }
    div#main ul.sm li .sm_ol {
      padding: 10px;
      position: relative;
      padding-left: 30px;
      width: 320px;
      background: #fff;
      top: -100px; }
      div#main ul.sm li .sm_ol:hover {
        cursor: pointer; }
      div#main ul.sm li .sm_ol p {
        font-size: 80%;
        font-weight: bold;
        color: #9f1b32; }
  div#main ul.sm li div.ha_item {
    background-position: center center;
    margin-left: 10px; }
    div#main ul.sm li div.ha_item:hover {
      cursor: pointer; }
  div#main #ha_item_1 {
    margin-left: 0px; }
  div#main a {
    font-variant: normal;
    text-indent: none;
    margin: 0;
    padding: 0;
    display: inline;
    background: none;
    color: black; }
    div#main a span.bestel_nu, div#main a span.info {
      background-repeat: no-repeat;
      display: inline-block;
      zoom: 1;
      *display: inline;
      *top: 7px; }
    div#main a span.bestel_nu {
      width: 86px;
      height: 26px;
      background-image: url(/images/layout/bestel_nu.png); }
      div#main a span.bestel_nu:hover {
        cursor: pointer;
        background-position: 0px -30px; }
    div#main a span.info {
      width: 50px;
      height: 26px;
      background-image: url(/images/layout/info.png); }
      div#main a span.info:hover {
        cursor: pointer;
        background-position: 0px -30px; }
  div#main table.lijst {
    width: 100%; }
    div#main table.lijst tr td {
      padding: 2px 10px; }
      div#main table.lijst tr td.first, div#main table.lijst tr td.last {
        padding: 2px 0; }
      div#main table.lijst tr td.titel {
        font-weight: bold; }
      div#main table.lijst tr td.right {
        text-align: right; }
      div#main table.lijst tr td.left {
        text-align: left; }
      div#main table.lijst tr td.buttons {
        width: 141px; }
  div#main table.tegels {
    width: 100%;
    *width: 98%; }
    div#main table.tegels tr td.titel {
      font-weight: bold; }
    div#main table.tegels tr td.right {
      text-align: right; }
    div#main table.tegels tr td.left {
      text-align: left; }
    div#main table.tegels tr td.buttons {
      width: 141px; }
  div#main .tegel_knoppen {
    position: relative;
    top: 182px;
    margin-top: -34px; }
    div#main .tegel_knoppen span {
      margin-left: 13px; }
  div#main span.tegel_info {
    display: block;
    text-align: center;
    margin-bottom: 15px; }
  div#main span.naam, div#main span.datum {
    display: block; }
  div#main span.naam {
    font-weight: bold; }
  div#main .details h4 {
    margin-top: 20px;
    color: #9f1b32; }
  div#main .details .cross_sell {
    float: right; }
    div#main .details .cross_sell p {
      margin-left: 5px;
      width: 150px;
      color: #eb8d21;
      font-variant: small-caps; }
    div#main .details .cross_sell .cs_item {
      display: block;
      margin: 5px; }
      div#main .details .cross_sell .cs_item a img {
        border: 0; }
  div#main .details .top {
    font-family: Arial, "MS Trebuchet", sans-serif; }
    div#main .details .top .genre {
      color: #9f1b32;
      font-variant: small-caps;
      font-size: 110%; }
    div#main .details .top .artiest {
      line-height: 60%;
      font-weight: bold;
      font-variant: small-caps;
      font-size: 200%; }
    div#main .details .top .naam {
      margin-bottom: 20px;
      color: #9f1b32;
      line-height: 160%;
      font-size: 120%; }
  div#main .details .fotos_section .foto_item {
    float: left;
    margin-left: 3px; }
    div#main .details .fotos_section .foto_item a img {
      border: none; }
div#footer {
  margin: 10px 0 0 -10px; }
  div#footer img {
    border: 0; }

form .form_element {
  clear: both;
  margin: 25px; }
  form .form_element label {
    float: left;
    width: 150px; }
  form .form_element input[type=text], form .form_element input[type=submit] {
    background-color: #d9d9d9; }
  form .form_element textarea {
    background-color: #d9d9d9; }

.clear {
  clear: both; }

.spacer {
  padding: 10px 0; }