html {
  background: url(../img/bg.gif) repeat-x bottom left;
  min-height: 100%;
  *height: 100%;
}

html, body {
  font-family: Verdana, Arial, Tahoma, sans-serif;
  margin: 0px;
  padding: 0px;
}

#wrapper {
  background: #FFF;
  border: 1px solid #FFF;
  border-width: 0px 8px;
  margin: 0px auto 50px;
  min-height: 100%;
  padding-bottom: 10px;
  position: relative;
  width: 940px;
}

#header {
  background: #FFF url(../img/header.gif) no-repeat top left;
  height: 139px;
  margin: 5px auto 0px;
}

#main {
  padding-top: 3px;
}

#leftcol {
  float: left;
  width: 200px;
}

#centercol {
  background: #FFF;
  float: left;
  width: 540px;
}

#rightcol {
  background: url(../img/rightcol_top.gif) no-repeat top left;
  float: left;
  width: 200px;
  min-height: 105px;
}

#loginbox {
  background: #FBAB38 url(../img/login-box.gif) no-repeat top left;
  height: 120px;
  text-align: center;
}

#loginbox form {
  margin: 0px;
}

#loginbox fieldset {
  border: none;
  margin: 0px;
  padding: 0px;
}

#loginbox h3 {
  color: #FFF;
  font: bold 12px/22px Verdana, Arial, Tahoma, sans-serif;
  letter-spacing: 1px;
  margin: 5px 0px;
  padding: 0px;
  text-align: center;
}

#loginbox form label {
  display: none;
}

#loginbox input {
  border: 1px solid #D98916;  #FBAB38;
  font: 12px/normal Verdana, Tahoma, sans-serif;
  margin-bottom: 3px;
  padding: 3px 2px;
  text-align: left;
}

#loginbox button {
bbackground: url(../img/login_button.gif) no-repeat top left;
  background: #D98916;
  border: none;
  color: #ffdfbf;
  cursor: pointer;
  font: 10px/19px Verdana, Tahoma, sans-serif;
  height: 19px;
  width: 66px;
}

#navigation {
  margin-top: 5px;
}

#navigation a {
  color: #333;
  background: #F0F0F0;
  display: block;
  font: bold 10px/26px Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 2px;
  outline: none;
  padding: 1px 5px;
  text-decoration: none;
}

#navigation a:hover {
  background-color: #EAEAEA;
  color: #222;
}

#navigation .level2 a, #navigation .level2active a {
  line-height: 20px;
}

#navigation .level1childs { display: none; }
#navigation .level2childs { display: none; }
#navigation .level3childs { display: none; }
#navigation .level4childs { display: none; }

#navigation .level1active .level1childs { display: block; }
#navigation .level2active .level2childs { display: block; }
#navigation .level3active .level3childs { display: block; }
#navigation .level4active .level4childs { display: block; }

#navigation .level2 a, #navigation .level2active a { padding-left: 15px; }
#navigation .level3 a, #navigation .level3active a { padding-left: 25px; }
#navigation .level4 a, #navigation .level4active a { padding-left: 35px; }
#navigation .level5 a, #navigation .level5active a { padding-left: 45px; }

/* Level 1 */
#navigation .level1active a, #navigation .level1active a:hover {
  background-color: #FBAB38;
  color: #FFF;
}

#navigation .level1active .level2 a, #navigation .level1active .level2 a:hover {
  background-color: #F5F5F5;
  color: #333;
}

/* Level 2 */
#navigation .level2active a, #navigation .level2active a:hover {
  background: #E5E5E5;
  color: #333;
}

#navigation .level2active .level3 a, #navigation .level2active .level3 a:hover {
  background: #F9F9F9;
  color: #333;
}

/* Level 3 */
#navigation .level3active a, #navigation .level3active a:hover {
  background: #F1F1F1 url(../img/arrow-right.gif) no-repeat 95% center;
  color: #333;
}

#navigation .level3active .level4 a, #navigation .level3active .level4 a:hover {
  background: #F9F9F9;
  color: #333;
}

/* Level 4 */
#navigation .level4active a, #navigation .level4active a:hover {
  background: #F1F1F1 url(../img/arrow-right.gif) no-repeat 95% center;
  color: #333;
}

#navigation .level3active .level4 a:hover, #navigation .level4active a:hover {
  background-color: #F1F1F1;
  color: #333 !important;
}

/* Level 5 */
#navigation .level5active a, #navigation .level5active a:hover {
  background: #F1F1F1 url(../img/arrow-right.gif) no-repeat 94% center;
  color: #333;
}

#navigation .level4active .level5 a:hover, #navigation .level4active a:hover {
  background-color: #F1F1F1;
  color: #333 !important;
}

h3.breadcrumbs {
  color: #666;
  margin: 0px 0px 0px 5px;
  font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
  padding: 3px 0px 9px 5px;
  border-bottom: 1px solid #DDD;
  overflow: hidden;
  height: 12px;
}

h3.breadcrumbs a {
  color: #666;
  text-decoration: none;
}

h3.breadcrumbs a:hover {
  color: #FBAB38;
  text-decoration: none;
}

#centercol h4 {
  color: #333;
  font: bold 14px/19px Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px 15px;
}

p {
  color: #333;
  font: 11px/19px Verdana, Arial, Helvetica, sans-serif;
  padding: 0px 10px;
}

h4 {
  color: #666;
  margin: 0px 0px 5px 5px;
  font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
  padding: 3px 0px 9px;
  border-bottom: 1px solid #DDD;
}

.overlay {
  width: 100%;
  height: 100%;
  background: url(../img/categories/_overlay.gif) no-repeat 0px 0px;
}

/* Footer */
#footer {
  border-top: 1px solid #BBB;
  clear: both;
  color: #555;
  font: 10px/30px Verdana, Arial, sans-serif;
  height: 30px;
  margin: 0px;
  text-align: center;
  width: 100%;
  padding: 0px 8px;
  position: absolute;
  bottom: -31px;
  left: -8px;
}

.text-content {
  margin-left: 10px;
  overflow: auto;
  padding-top: 10px;
}

.text-content p, .text-content ul {
  color: #444;
  font: 11px/16px Tahoma, Arial, sans-serif;
}

.text-stoffen {
  border-right: 1px solid #DDD;
  padding: 10px 0px;
  width: 500px;
}

.text-stoffen h6, .text-stoffen p, .text-stoffen table {
  margin-left: 10px;
  margin-right: 10px;
}

.text-stoffen h6 {
  margin: 0px 10px -10px;
}

.text-stoffen p, .text-stoffen table {
  color: #444;
  font: 11px/16px Tahoma, Arial, sans-serif;
}

.text-stoffen sup.red {
  color: #C00;
}

.text-content p {
  margin: 5px 20px 5px 0px;
}

.specstab {
  border-collapse: collapse;
  margin-bottom: 10px;
}

.specstab td {
  border: 1px solid #DDD;
  padding: 3px 10px;
}

.specstab th {
  color: #000;
  padding: 1px 0px;
  text-align: left;
}

.specstab tfoot {
  color: #888;
  font-family: Tahoma;
  font-size: 9px;
}

.text-content p.inleiding {
  font-weight: bold;
  font-size: 11px;
  font-style: oblique;
  margin-right: 100px;
}

.text-content ul {
  list-style: square;
  padding: 0px 0px 0px 35px;
  margin: 10px 0px;
}

.text-content h3 {
  font: bold 12px/20px Verdana;
  margin: 10px 0px;
}

.text-content h5, .text-content h2 {
  color: #FC7C0D;
  font-size: 12px;
  margin: 15px 20px -3px 10px;
}

.text-content h6 {
  font-size: 11px;
  margin: 15px 20px -3px 10px;
}

.clear {
  clear: both;
}

.debugger {
  background: #FFF;
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 10000;
  padding: 20px;
  border: 1px solid #DDD;
}

.debugger pre {
  font: 11px/normal Consolas, "Courier New", Courier;
}

.under-construction {
  background: url(../img/under-construction.gif) no-repeat 5px 15px;
  height: 200px;
  width: 700px;
}
/*
.notice, .error {
  background: #267902;
  border: 1px solid #1D5A01;
  color: #BBEDA5;
  font: 11px/20px Tahoma, Verdana, Arial;
  margin: 10px 5px;
  padding: 15px;
  text-align: justify;
}

.notice a { color: #BBEDA5; text-decoration: none; border-bottom: 1px dotted #BBEDA5; }
.notice a:hover { color: #FFF; }

.error {
  background: #792702;
  border-color: #5A1C01;
  color: #E09A7B;
}

.error p { color: #E09A7B !important; font: 12px/18px Tahoma, Verdana, Arial !important;  padding: 0px !important; }
.error a { color: #E09A7B; border-bottom: 1px dotted #E09A7B; text-decoration: none; }
.error a:hover { color: #FFF; border-bottom: 1px solid #FFF; }

.error h1 {
  font-size: 16px;
  margin: 0px;
}
/*
/* Meldingen / Errors */
.notice {
  font: 12px/normal Tahoma, Verdana, Arial !important;
  padding: 25px;
}

.notice h2 {
  color: #C30;
  margin: 0px;
}

.notice h2 span {
  color: #333;
}

.notice p {
  text-align: justify;
  margin: 0px;
  padding: 0px;
}

.notice a {
  border-bottom: 1px dotted #369;
  color: #369;
  text-decoration: none;
}

.notice a:hover {
  border-bottom-style: solid;
}

.error { background: #792702; border: 1px solid #5A1C01; color: #E09A7B; }
.error h2 { color: #FDD; }
.error p, .error h2 span { color: #E09A7B; }
.error a { border-color: #E09A7B; color: #E09A7B; }
.error a:hover { border-color: #FFF; color: #FFF; }

.success { background: #267902; border: 1px solid #1D5A01; color: #BBEDA5; }
.success h2 { color: #DFD; }
.success p, .success h2 span { color: #BBEDA5; }
.success a { border-color: #BBEDA5; color: #BBEDA5; }
.success a:hover { border-color: #FFF; color: #FFF; }