body {
  margin: 0;
}

img {
  border: 0px;
}

#menu_container {
  margin: 0; 
  z-index:100;
  width:100%;
  height: 26px;
  background:#4f3a36;
  background:#8a8a8a;
  background-image: url("../images/button.png");
}

#pmenu, 
#pmenu ul {
  padding:0; 
  margin:0; 
  list-style-type: none;
}

#pmenu a, 
#pmenu a:visited {
  /* height: 21px; */
  display:block;
  font-size:10pt;
  font-family: arial, helvetica;
  color:#fff; 
  text-decoration:none; 
  border:1px solid #000; 
  border-width:1px 0 1px 1px;
  padding: 4px 10px 4px 10px;
}

#pmenu li ul li ul li:first-child {
  border-top:1px solid #000;
}

#pmenu li ul li a,
#pmenu li ul li a:visited {
  width:100px;
  border-width:0 1px 1px 1px;
}

#pmenu li a.enclose, 
#pmenu li a.enclose:visited {
  border-width:1px;
}

#pmenu li {
  float:left; 
  background:#7484ad;
  background:#8f7a76;
  background-image: url("../images/button.png");
  z-index: 100;
}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#94272F; color:#fff; background-image: url("../images/button_s.png");}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:91px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#333333; color:#c00;}

/* For accessibility of the top level menu when tabbing
#pmenu li a:active, #pmenu li a:focus {background:#333333; color:#c00;}
*/

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#333333 url("../images/fly.gif") no-repeat right center;}
/*
#pmenu li.drop {background:#7484ad url(drop.gif) no-repeat right center;}
*/

/* zelf toegevoegd */
html {
  height: 100%;
}

body {
  margin: 0px 0px 0px 0px;
}

#page_bg {
	height: 100%; 
	background: #B6BABA;
	padding: 0;
}

div.center {
  height: 100%;
}

table.minimal  {
  border-collapse: collapse;
  margin:0;
  padding: 0;
}

table.minimal td {
  margin:0;
  padding: 0;
}

td.left_shadow {
  width: 17px;
  background-image: url("../images/l_shadow.png");
}

td.right_shadow {
  width: 17px;
  background-image: url("../images/r_shadow.png");
}

td.bottom_shadow {
  height: 17px;
  background-image: url("../images/b_shadow.png");
}

td.bottom_left_shadow {
  height: 17px;
  background-image: url("../images/bl_shadow.png");
}

td.bottom_right_shadow {
  height: 17px;
  background-image: url("../images/br_shadow.png");
}

td.top_shadow {
  height: 17px;
  background-image: url("../images/t_shadow.png");
}

td.top_left_shadow {
  height: 17px;
  background-image: url("../images/tl_shadow.png");
}

td.top_right_shadow {
  height: 17px;
  background-image: url("../images/tr_shadow.png");
}

table#main {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 828px;
  height: 100%;
}

#header {
  height: 77px;
  background-image: url("../images/header.png");
  color: #ffffff;
}

#vlag {
  height: 20px;
  background-image: url("../images/vlag_schaduw.png");
  color: #ffffff;
}

div.article, div.articleLarge {
  width: 600px;
  height: 215px;
  border: 1px solid #000000;
  font-family: arial,helvetica;
  font-size: 12px;
  text-align: left;
  background-image: url("../images/button.png");
}

div.articleLarge {
  width: 640px;
  height: 441px;
}

div.article div.title, div.articleLarge div.title {
  text-align: center;
  border-bottom:1px solid #000000;
  color: #ffffff;
  background-image: url("../images/fiets.png");
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

div.article div.image {
  position: absolute;
  border-right: 1px solid #000;
}

div.article div.content, div.articleLarge div.content {
  position: relative;
  width: 299px;
  left: 301px;
  text-align: left;
  background-color: #ffffff;
}

div.articleLarge div.content {
  width: 640px;
  height: 100px;
  left: 0px;
  border-top: 1px solid #000;
}

div.article div.content div.description {
  padding-left: 2px;
  height: 184px;
}

div.article div.content div.price {
  background-image: url("../images/button.png");
  color: #ffffff;
  padding-left: 2px;
}

a.website {
  font-family: arial,helvetica;
  color: #000;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

h1 {
  font-family: arial,helvetica;
  color: #000;
  font-weight: bold;
  font-size: 16px;
}

div.etalage {
  position: relative;
}

div.deur {
  position: absolute;
  top: 138px;
  left: 35px;
  visibility: hidden;
}

div.back {
  position: relative;
  top: -22px;
  left: 308px;
  background-image: url("../images/back.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

div.entry_deur, div.entry_etalage_links, div.entry_etalage_rechts {
  font-family: arial, helvetica;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
}

div.entry_deur {
  color: #000;
  top: 380px;
  left: 45px;
}

div.entry_etalage_links {
  top: 295px;
  left: 255px;
}

div.entry_etalage_rechts {
  top: 295px;
  left: 485px;
}

div.etalage_1, 
div.etalage_2, 
div.etalage_3, 
div.etalage_4, 
div.etalage_5, 
div.etalage_6, 
div.etalage_7 {
  position: absolute;
  left: 830px;
}

div.etalage_1 { top: 15px } 
div.etalage_2 { top: 200px } 
div.etalage_3 { top: 390px } 
div.etalage_4 { left: 15px; top: 560px } 
div.etalage_5 { left: 290px; top: 560px } 
div.etalage_6 { left: 565px; top: 560px } 
div.etalage_7 { left: 830px; top: 560px }