* {
  margin: 0;
  padding: 0;
}

body {
  font: .8em/1.4 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  color: black;
}

#wrapper {
  position: relative;
  width: 900px;
}

a {
  color: black;
}

a:hover {
  color: gray;
}

img {
  border: none;
}

/* ====================================
 * Header
 * ==================================== */

#header {
  height: 167px;
  /* Theme specific:
  background: url(../img/<?=$theme_dir?>/header_bg.jpg) no-repeat;
  */
}

#logo.graphical {
  position: absolute;
  top: 0;
  right: 0;
  width: 124px;
  height: 167px;
}

#logo.textual {
  position: absolute;
  top: 0;
  right: 0;
  width: 124px;
  height: 167px;
}

/* ====================================
 * Navigation
 * ==================================== */

#nav {
  position: absolute;
  top: 103px;
  left: 6px;
  height: 64px;
  width: 530px;
  list-style: none;
}

#nav li {
  display: inline;
}

#nav li a {
  float: left;
  display: block;
  height: 64px;
  /* Theme specific:
  background: url(../img/<?=$theme_dir?>/nav_buttons.png) no-repeat;
  */
}

#nav-home a      { width: 110px; background-position: 0 0 !important; }
#nav-producten a { width: 115px; background-position: -110px 0 !important; }
#nav-diensten a  { width: 100px; background-position: -225px 0 !important; }
#nav-overons a   { width: 100px; background-position: -325px 0 !important; }
#nav-contact a   { width: 105px;  background-position: -425px 0 !important; }

#nav-home a:hover      { background-position: 0 -64px !important; }
#nav-producten a:hover { background-position: -110px -64px !important; }
#nav-diensten a:hover  { background-position: -225px -64px !important; }
#nav-overons a:hover   { background-position: -325px -64px !important; }
#nav-contact a:hover   { background-position: -425px -64px !important; }

#nav-map-img {
  /* Matches #nav */
  position: absolute;
  top: 103px;
  left: 6px;
  height: 64px;
  width: 514px;
}

/* ====================================
 * Menu
 * ==================================== */ 

#menu-wrapper {
  position: absolute;
  width: 129px;
  background: url(../img/menu_bg.gif);
}

#menu-wrapper ul, #menu-wrapper li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

#menu {
  padding-top: 16px; /* has to be a multiple of 4 */
  background: url(../img/menu_bg_stripe.gif) repeat-y top left;
  overflow: hidden;
}

#menu .menu-top-item {
  height: 16px;
  padding: 4px 0 16px 15px;
}

#menu .menu-trigger.active {
  height: auto !important;
}

#menu .active {
  margin: 0 4px 12px 10px;
  padding: 4px 0 4px 5px;
  background: white url(../img/menu_arrow.gif) no-repeat right 2px;
}

#menu .active.hide-arrow {
  background-image: none;
}

#menu .active-sub {
  background: white url(../img/menu_arrow.gif) no-repeat right -5px;
}

#menu .menu-sub {
  display: none; /* Only display if 'active' */
  margin: 8px 0 0 10px;
}

#menu .active .menu-sub {
  display: block;
}

#menu .menu-sub-item {
  height: 16px;
}

#menu a {
  display: block;
  height: 16px;
  text-decoration: none;
  /* Theme specific
  background-image: url(../img/theme_<?=$theme_dir?>/menu_items.png);
  */
}

#menu .menu-sub-item a {
  height: 16px;
  display: block;
}

#menu-bottom-graphic {
  display: block;
}

/* ====================================
 * Content
 * ==================================== */

#content-wrapper {
  /* width: 710px; */
}

#content {
  width: 400px;
  margin-left: 132px;
  padding: 17px;
  color: #555;
  font-family: Georgia, "Times new Roman", serif;
}

#content p {
  margin-bottom: 1em;
}

#content h2 {
  margin-bottom: 1em;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}

#content h2 sup {
  font-size: 0.7em;
}

#content ul, #content ol {
  padding-left: 2em;
}

#page-graphic {
  /* The individual pages can choose whether to show or not */
  display: none;
  position: absolute;
  right: 20px;
  top: 190px;
}

/* ====================================
 * Misc.
 * ==================================== */

.error-message {
  margin: 1em;
  padding: .5em;
  font-weight: bold;
  border: 1px solid #bfb9bd;
}

.soft-error {
  background: #ebcde0;
  margin: 1em;
  padding: .5em;
  font-weight: bold;
}

.soft-error ol {
  margin-left: 2em;
}

#dhtmltooltip {

  position: absolute;
  width: 250px;
  border: 2px solid black;
  padding: 4px;
  background-color: white;
  visibility: hidden;
  z-index: 100;
  font-family: Arial;
}


.textrightdiensten {
  position: absolute;
  left: 650px
}

.textrighthome {
  position: absolute;
  left: 650px
}


.highlightit img{
  position: absolute;
  left: 650px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
-moz-opacity: 0.5; 
}
 
.highlightit:hover img{
  position: absolute;
  left: 650px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}