* { margin: 0; padding: 0; }

/* commented backslash mac IE hack \*/
html,body {
  height: 100%;
}
/* end hack */


body {
  margin : 0;
  padding : 0;
  background: #ffffff url('px/background.png') repeat-y 50% 0;
  text-align: center;
}

body,td,div {
  font: 12px/15px Arial, Tahoma, Verdana, Sans-serif;
  color: #555555;
}

/* ============================================================================ */
/* =================================== HEADER ================================= */
/* ============================================================================ */

#header {
  position: relative;
  margin: 0px auto;
  width: 786px;
  height: 121px;
  background: transparent url('px/top.png') no-repeat 50% 0;
}

#header #shadow1 {
  position: absolute;
  width: 17px;
  height: 93px;
  top: 0;
  left: -15px;
  background: transparent url('px/background-top1.png') no-repeat 0 0;
}

#header #shadow2 {
  position: absolute;
  width: 16px;
  height: 93px;
  top: 0;
  right: -15px;
  background: transparent url('px/background-top2.png') no-repeat 0 0;
}

#header h1, #header h2, #header h3 {
  display: none;
}

/* ============================================================================ */
/* ==================================== BAR =================================== */
/* ============================================================================ */

#bar {
  position: relative;
  margin: 0px auto;
  width: 786px;
  height: 38px;
  border-bottom: 2px solid #7f7f7f;
  text-align: left;
}

#bar #text {
  position: relative;
  padding: 0 0 0 20px;
  height: 100%;
  font: 12px/38px Arial, Tahoma, Verdana, Sans-serif;
  background: #ffffff url('px/bar-bg.png') no-repeat 50% 0;
  color: #9f9f9f;
}

#bar #language {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 241px;
  background: transparent url('px/bar-button-bg.png') no-repeat 0 0;
}

#bar #language a {
  display: block;
  position: absolute;
  top: 11px;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
}  

#bar #language a#nlbutton {
  left: 12px;
  background-image: url('px/nl.gif');
}
#bar #language a#enbutton {
  left: 52px;
  background-image: url('px/en.gif');
}
#bar #language a#introbutton {
  left: 92px;
  background-image: url('px/info.gif');
}
#bar #language a#contactbutton {
  left: 132px;
  background-image: url('px/contact.gif');
}
#bar #language a#webshopbutton {
  left: 172px;
  background-image: url('px/webshop.gif');
}
#bar #language a#loginbutton {
  left: 212px;
  background-image: url('px/login.gif');
}

#bar #language a:hover {
  background-position: -20px 0;
}

/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */

#container {
  position: relative;
  margin: 0px auto;
  width: 786px;
  height: 100%;
  text-align: left;
}

/* ============================================================================ */
/* ==================================== MENU ================================== */
/* ============================================================================ */

#menu {
  position: absolute;
  top: 0;
  left: 1px;
  width: 159px;
  height: 100%;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu li {
  min-height: 19px;
  _height: 19px;
  padding: 0 0 0 30px;
  border-bottom: 1px solid #999999;

  background: transparent url('px/bullet.png') no-repeat 20px 50%; 
}

#menu li a {
  display: block;
  min-height: 19px;
  _height: 19px;
  font: 12px/19px Arial, Tahoma, Verdana, Sans-serif;
  color: #9f9f9f;
  text-decoration: none;
}

#menu li.open {
  background: #715f8c;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #ffffff;
}

#menu li.open a, #menu li.indent a {
  color: #ffffff;
}

#menu li.indent {
  background: #7998c7;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #ffffff;
}

#menu li.selected {
  padding: 0 0 0 20px;
  border-bottom: 1px solid #ffffff;
  background: #7998c7 url('px/bullet2.png') no-repeat 150px 50%; 
}

#menu li.selected a {
  color: #ffffff;
  font-weight: bold;
}


/* ============================================================================ */
/* =================================== ZOEKEN ================================= */
/* ============================================================================ */

#zoeken {
  position: absolute;
  top: 0;
  left: 587px;
  width: 199px;
  height: 100%;
  text-align: right;
}

#zoeken input {
  margin: 10px 10px 0 9px;
  width: 181px;
  border: 1px solid #9f9f9f;
}

#zoeken a {
  margin: 0 10px 0 0;
  text-decoration: none;
  color: #555555;
  font: 12px/19px Arial, Tahoma, Verdana, Sans-serif;
}

#zoeken #news {
  background: #ffd600;
  padding: 0 5px;
  height: 40px;
  color: #555555;
  text-align: left;
}  

#zoeken #news h2 {
  font: 20px/20px "Arial Narrow",Arial,Tahoma,Verdana,Sans-serif;
  font-weight: bold;
  color: #555555;
  padding-top: 14px;
  padding-left: 3px;
}

#zoeken #newsitems {
  text-align: left;
}

#zoeken #newsitems td {
  text-align: left;
  color: #9f9f9f;
  font-size: 10px;
  height: 20px;
}

#zoeken #newsitems ul {
  padding: 0 0 0 7px;
  list-style: none;
}

#zoeken #login {
  margin: 0 10px 0 9px;
  text-align: left;
}

#zoeken .login {
  margin: 0;
}
/* ============================================================================ */
/* ==================================== MAIN ================================== */
/* ============================================================================ */

#main {
  position: relative;
  height: 100%;
  left: 170px;
  width: 408px;
  padding: 5px 0;
  background: transparent url('px/logo-bg.png') no-repeat 50% 50px;
}

#main #head {
  position: relative;
  width: 407px;
  height: 70px;
  background: transparent url('px/headers/flower.jpg');
  background-repeat: no-repeat;
  text-align: right;
  color: #ffffff;
}

#main #head h1 {
  font: 26px/26px "Arial Narrow",Arial,Tahoma,Verdana,Sans-serif;
  padding-top: 35px;
  padding-right: 10px;
}

#main fieldset {
  padding: 10px 10px;
  border: 0;
}

#main label {
  width: 10em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

#main input {
  border: 1px solid #000000;
  opacity: .5;
	filter: alpha(opacity=50);
  width: 150px;
}

#main input.button {
  width: 70px;
}

#main p {
  margin: 10px 0;
}

#main #extratext {
  position: relative;
  border: 1px dotted #000000;
  background: #eeeeee;
  color: #000000;
  padding: 5px 5px;
  width: 407px;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity: 0.5;
}

#main #extratext * {
  position: relative;
}

#main ul {
  margin: 0 0 0 20px;
  list-style: circle;
}

#main ol {
  margin: 0 0 0 20px;
}

#credits {
  margin: 150px 0 0 0;
  text-align: center;
  font: 10px/10px Arial,Sans-serif;
  color: #aaaaaa;
}

#credits a {
  color: #aaaaaa;
  text-decoration: none;
}

#credits a:hover {
  text-decoration: underline;
}