a {
  color: #f17d0c;
}

a:hover {
  color: #ffcc00;
}

#header {
  background: url(../img/theme_yellow/header_bg.jpg) no-repeat;
}

#content h2 {
  color: #f17d0c;
}

#nav li a {
  background: url(../img/theme_yellow/nav_buttons.gif) no-repeat;
}

#nav-overons a {
  background-position: -325px 0 !important;
}

/* Don't show arrow on hover */
#nav #nav-overons a:hover {
  background-position: -325px 0 !important;
}

/* If we're on the main page of a section, show the active version of
   the button (with the arrow) */
#nav.active #nav-overons a, #nav.active #nav-overons a:hover {
  background-position: -325px -64px !important;
}

#menu a {
  background: url(../img/theme_yellow/menu_items.gif) no-repeat;
}

/* First block of menu_items: normal state */
#menu-top-wiezijnwij a  { background-position: 0 0px; }
#menu-top-netwerk a     { background-position: 0 -16px; }
#menu-top-klanten a     { background-position: 0 -32px; }
#menu-top-gegevens a    { background-position: 0 -48px; }

/* Second block of menu_items: hover state */
#menu-top-wiezijnwij a:hover  { background-position: 0 -64px; }
#menu-top-netwerk a:hover     { background-position: 0 -80px; }
#menu-top-klanten a:hover     { background-position: 0 -96px; }
#menu-top-gegevens a:hover    { background-position: 0 -112px; }

/* Third block of menu_items: active state */
#menu-top-wiezijnwij.active a { background-position: 0 -128px !important; }
#menu-top-netwerk.active a    { background-position: 0 -144px !important; }
#menu-top-klanten.active a    { background-position: 0 -160px !important; }
#menu-top-gegevens.active a   { background-position: 0 -176px !important; }

/* Fourth block of menu_items: sub items */
#menu #menu-sub-voorwaarden a { background-position: 0 -192px !important; }

/* Portfolio stuff */
.portfolio_thumb_r {

  position: absolute;
  left: 520px;
}

.portfolio_text {

  width: 320px;
}