* { margin: 0; padding: 0; }



/* commented backslash mac IE hack \*/

html,body {
  height: 100%;
}
/* end hack */


body {
  margin : 0;
  padding : 0;
  background: #ffffff;
  text-align: center;
}

body,td,div {
  font: 11px/17px Trebuchet, "Trebuchet MS", Arial, Tahoma, sans-serif;
}

h3 {
  font: 13px/20px Trebuchet, "Trebuchet MS", Arial, Tahoma, sans-serif;
  color: #ff0000;
  font-weight: bold;
  margin-top: 10px;
}

#alignment {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 500px;
  min-width: 975px;
  text-align: center; 
  background: transparent;
}

#container {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 600px;
  margin: 0;
  margin-top: -300px;
}

#top {
  position: relative;
  margin: 0px auto;
  width: 975px;
  height: 211px;
  background: transparent url('px/top.png') no-repeat 0 0;
}

#top h1,#top h2,#top h3,#top span, #top img {
  display: none;
}

#inner {
  position: absolute;
  left: 2px;
  top: 200px;
  height: 346px;
  width: 776px;
  background: #ffffd9;
}

#madeby {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  text-align: center;
  font: 10px/16px Arial, Tahoma, Verdana, sans-serif;
  letter-spacing: 1px;
  color: #aaaaaa;
}

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

#madeby hr {
  display: none;
}

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

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

#menu {
  position: relative;
  height: 38px;
  width: 100%;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: left;
}

#menu ul {
  position: relative;
  margin: 0px auto;
  width: 975px;
  text-align: left;
  list-style: none;
}

#menu ul li {
  margin: 0;
  padding: 0;
  height: 38px;
  float: left;
}

#menu ul li a {
  display: block;
  color: #a7a9ac;
  height: 38px;
  padding: 0 10px 0 15px;
  text-decoration: none;
  font-size: 16px;
  line-height: 38px;
  background: transparent url('px/leftmenu-bullet.gif') no-repeat 0 2px;
}

#menu ul li a#mainmenufirst {
  background: transparent;
  padding: 0 10px 0 0;
}

#menu ul li a:hover, #menu ul li a.selected {
  color: #ed1c24;
}

/* ======================================================================== */
/* ==============================   SUBMENU   ============================= */
/* ======================================================================== */

#submenu {
  position: absolute;
  left: 0;
  text-align: left;
  top: 0;  
  height: 100%;
  width: 175px;
}


#submenu ul {
  position: relative;
  margin: 0;
  padding: 15px 0 0 0;
  left: 0;
  top: 0;
  list-style: none;
}

#submenu ul li {
  margin: 0;
  padding: 0;
  height: 25px;
}

#submenu ul li a {
  display: block;
  color: #a7a9ac;
  height: 25px;
  text-decoration: none;
  line-height: 25px;
  font-size: 12px;
  background: transparent url('px/rightmenu-bullet.gif') no-repeat 100% 0;  
}

#submenu ul li a:hover, #submenu ul li a.selected {
  color: #ed1c24;
  background-position: 100% -25px;
}

/* ======================================================================== */
/* ===============================    MAIN    ============================= */
/* ======================================================================== */

#main {
  position: relative;
  text-align: left;
  top: 0;
  margin: 0px auto;
  width: 975px;
  height: 279px;
  background: transparent url('px/mainbg.jpg') no-repeat 0 0;
}

#main h1, #main h2, #main h3 {
  margin: 10px 10px;
}

#main span {
  margin: 10px 20px;
}

#main #content {
  position: absolute;
  left: 200px;
  top: 0;
  height: 279px;
  width: 485px;
  padding-right: 10px;
  overflow: auto;
}

#main #content img {
  margin-top: 10px;
}


#kees {
  display: none;
}

td.description {
  width: 75px;
}

#main .columnheader {
  margin: 10px 0 10px 0;
  padding: 0;
  line-height: 13px;
  color: #000000;
}

p {
  margin: 10px 0;
}

#main ul {
  margin: 10px 0;
}

font.small {
  font-size: 10px;
  line-height: 10px;
  color: #aaaaaa;
}

#main a {
  color: #ed1c24; 
}

td.qhcell,td.qhcell2 {
  border-bottom: 1px solid #000000;
  text-align: center;
  width: 25%;
}
td.qhcell2 { border-top: 1px solid #000000; }
td.qcell,td.qrcell {
  padding: 3px 3px;
  line-height: 14px;
}
td.qcell { border-right: 1px solid #000000; }

#footer {
  position: relative;
  width: 100%;
  height: 34px;
  border-bottom: 1px solid #000000;
  z-index: 101;
}

#footer #details {
  position: relative;
  margin: 0px auto;
  width: 975px;
  height: 34px;
  background: transparent url('px/footer.png') no-repeat 0 0;
  color: #ffffff;
  line-height: 34px;
  font-size: 11px;
  text-align: left;
}

#footer #space {
  position: relative;
  float: left;
  height: 34px;
  width: 200px;
}

#background {
  position: absolute;
  right: 0;
  top: 0;
  width: 280px;
  height: 279px;
  z-index: 1;
}

#overlay {
  position: absolute;
  right: 0;
  top: 0;
  width: 280px;
  height: 280px;
  background: transparent url('px/overlay.png') no-repeat 0 0;
  z-index: 100;
}