/* BASIC */
html {
  margin: 0px;
  padding: 0px;
}
body {
  behavior: url('includes/js/inc_csshover.htc');
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
body, table, td {
  font-family: arial;
  font-size: 9pt;
  color: #000000;
}

p {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

h1 {
  font-size: 16px;
  color: #366299;
  font-weight: bold;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 12px;
}
h2 {
  font-size: 14px;
  color: #3B3A26;
  font-weight: bold;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 12px;
}
h3 {
  font-size: 12px;
  color: #565545;
  font-weight: bold;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 12px;
}

a {
  font-family: arial;
  font-size: 8pt;
  color: #000000;
  text-decoration: none;
}

img {
  border: 0px;
}

/* CONTAINER */
#container {
  position: absolute;
  left: 50%;
  width: 1000px;
  margin-left: -500px;
}
  /* HEADER */
  #header {
    background: url('../../images/header.gif') no-repeat top left;
    clear: both;
    top: 0px;
    left: 0px;
    height: 55px;
    padding: 10px;
  }
    input#search {
      font-family: arial;
      font-size: 8pt;
      color: #366299;
      border: #666760 1px solid;
      margin-left: 234px;
      margin-bottom: 23px;
    }
    input#submit {
      margin-left: 10px;
      margin-bottom: 13px;
    }

  /* NAV */
  #nav {
    background: url('../../images/nav-bg.gif') no-repeat top left;
    float: left;
    width: 200px;
  }
    #nav ul {
      display: block;
    	margin: 0px;
    	padding: 28px 0px 0px 15px;
    }
      #nav ul li {
        list-style: none;
        background: url('../../images/nav-button.gif') no-repeat top left;
      	margin: 0px 0px 3px 0px;
      	padding: 3px 0px 3px 20px;
      }
        #nav ul li a {
          font-family: arial;
          font-size: 12px;
          color: #ffffff;
        }
      #nav ul li.selected {
        list-style: none;
        background: url('../../images/nav-button-selected.gif') no-repeat top left;
      	margin: 0px 0px 3px 0px;
      	padding: 3px 0px 3px 20px;
      }
        #nav ul li.selected a {
          font-family: arial;
          font-size: 12px;
          color: #366299;
        }
        #nav ul li.selected ul {
          display: block;
        	margin: 9px 0px 5px 0px;
        	padding: 0px;
        }
          #nav ul li.selected ul li {
            list-style: none;
            background: url('../../images/nav-button-child.gif') no-repeat top left;
          	margin: 3px 0px 0px 0px;
          	padding: 0px;
          }
            #nav ul li.selected ul li a {
              font-family: arial;
              font-size: 12px;
              color: #075187;
            }
          #nav ul li.selected ul li.selected {
            list-style: none;
            background: url('../../images/nav-button-child.gif') no-repeat top left;
            font-weight: bold;
          	margin: 3px 0px 0px 0px;
          	padding: 0px;
          }
            #nav ul li.selected ul li.selected a {
              font-family: arial;
              font-size: 12px;
              color: #075187;
            }
            #nav ul li.selected ul li.selected ul {
              display: block;
            	margin: 0px 0px 10px 0px;
            	padding: 0px;
            }
              #nav ul li.selected ul li.selected ul li {
                list-style: none;
                background: url('../../images/nav-button-child.gif') no-repeat top left;
                font-weight: normal;
              	margin: 3px 0px 0px 15px;
              	padding: 0px;
              }
                #nav ul li.selected ul li.selected ul li a {
                  font-family: arial;
                  font-size: 12px;
                  font-style: italic;
                  color: #075187;
                }
              #nav ul li.selected ul li.selected ul li.selected {
                list-style: none;
                background: url('../../images/nav-button-child.gif') no-repeat top left;
                font-weight: bold;
              	margin: 3px 0px 0px 15px;
              	padding: 0px;
              }
                #nav ul li.selected ul li.selected ul li.selected a {
                  font-family: arial;
                  font-size: 12px;
                  font-style: italic;
                  color: #075187;
                }

  /* CONTENT */
  #content {
    background-color: #FFFFFF;
    float: left;
  }
    #content div.offers {
      background: url('../../images/offers.gif') no-repeat top left;
      clear: both;
      width: 630px;
      margin: 0px 0px 0px 5px;
      padding: 34px 0px 0px 1px;
    }
      #content div.offers_big {
        clear: both;
        width: 620px;
        margin: 0px;
        padding: 0px 0px 0px 10px;
        cursor: pointer;
        cursor: hand;
      }
        #content div.offers_big_header {
          background-color: #0876C8;
          clear: both;
          font-family: arial;
          font-size: 16px;
          color: #FFFFFF;
          font-weight: bold;
          margin: 0px;
          padding: 10px;
        }
        #content div.offers_big_image {
          clear: both;
          border-bottom: solid 1px #0876C8;
          margin: 0px;
          padding: 0px;
        }
      #content div.offers_small {
        float: left;
        width: 200px;
        margin: 10px 0px 0px 10px;
        padding: 0px;
        cursor: pointer;
        cursor: hand;
      }
        #content div.offers_small_header {
          background-color: #0876C8;
          clear: both;
          font-family: arial;
          font-size: 12px;
          color: #FFFFFF;
          font-weight: bold;
          margin: 0px;
          padding: 5px;
        }
        #content div.offers_small_image {
          clear: both;
          border-bottom: solid 1px #0876C8;
          margin: 0px;
          padding: 0px;
        }
    #content div.categories_home {
      background: url('../../images/_image_bg_title.php?text=Producten') no-repeat top left;
      clear: both;
      width: 620px;
      margin: 20px 0px 0px 5px;
      padding: 29px 0px 0px 6px;
    }
      #content div.categories_home div {
        float: left;
        border: 1px #366299 solid;
        width: 116px;
        height: 116px;
        margin: 5px;
        padding: 0px;
        color: #565545;
        text-align: center;
        cursor: pointer;
        cursor: hand;
      }
    #content div.categories {
      clear: both;
      width: 620px;
      margin: 0px 0px 0px 5px;
      padding: 29px 0px 0px 6px;
    }
      #content div.categories div {
        float: left;
        border: 1px #366299 solid;
        width: 116px;
        height: 116px;
        margin: 5px;
        padding: 0px;
        color: #565545;
        text-align: center;
        cursor: pointer;
        cursor: hand;
      }
    #content div.products_rand {
      clear: both;
      margin: 0px;
      padding: 0px;
    }
      #content div.products_rand div {
        float: left;
        border: 1px #366299 solid;
        width: 190px;
        height: 180px;
        margin: 10px;
        padding: 0px;
        color: #565545;
        text-align: center;
        cursor: pointer;
        cursor: hand;
      }
    #content div.products {
      clear: both;
      margin: 0px;
      padding: 10px;
    }
      #content div.products table {
        margin: 0px;
        padding: 0px;
        width: 610px;
        border: 1px #366299 solid;
      }
        #content div.products tr.products_bg {
          background-color: #d4e1f3;
        }
        #content div.products th {
          padding: 0px 0px 0px 5px;
          text-align: left;
          font-weight: bold;
        }
        #content div.products td {
          padding: 0px 0px 0px 5px;
          border-top: 1px #565545 solid;
        }
    #content div.content_body {
      clear: both;
      width: 620px;
      margin: 0px 0px 0px 5px;
      padding: 34px 0px 0px 11px;
    }
      #content div.content_body table {
        margin: 0px;
        padding: 0px;
        border: 1px #366299 solid;
      }
        #content div.content_body tr.products_bg {
          background-color: #d4e1f3;
        }
        #content div.content_body th {
          padding: 0px 0px 0px 5px;
          text-align: left;
          font-weight: bold;
        }
        #content div.content_body td {
          padding: 0px 0px 0px 5px;
          border-top: 1px #565545 solid;
        }
    #product_details:after {
      content: "";
      display: block;
      height: 0px;
      clear: both;
    }
    #product_details_left {
      float: left;
      width: 200px;
      text-align: right;
      margin: 0px 20px 20px 0px;
    }
    #product_details_right {
      float: left;
      width: 300px;
      text-align: right;
    }
      #product_details_right table {
        margin: 0px;
        padding: 0px;
        width: 300px;
        border: 0px;
      }
        #product_details_right th {
          background-color: #DFDED8;
          padding: 0px 0px 0px 5px;
          border-bottom: 1px #366299 solid;
          text-align: left;
          font-weight: bold;
        }
        #product_details_right td {
          padding: 0px 0px 0px 5px;
          border-bottom: 1px #366299 solid;
          text-align: left;
        }

  /* RIGHT */
  #right {
    background-color: #FFFFFF;
    float: right;
  }

  /* FOOTER */
  #footer {
    clear: both;
    top: 0px;
    left: 0px;
  }

/* FORM */
.table_form {
  margin: 0px 40px 0px 0px;
  padding: 0px;
}
.table_form th {
  background: url('../../images/table_th_bg.gif') repeat top left;
  padding: 0px 0px 0px 5px;
  border-top: 2px #C64934 solid;
  text-align: left;
  font-weight: bold;
}
.table_form td {
  padding: 2px;
  border-top: #DDDDDD 1px solid;
}
.table_form_title {
  text-align: right;
  white-space: nowrap;
}

/* INDEX */
.index {
	padding: 0px 0px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}
.index li {
	display: inline;
  padding: 0px 0px 0px 2px;
  margin: 0px 5px 0px 0px;
  border-left: #DDDDDD 1px solid;
}

/* FORM ELEMENTS */
form {
  margin: 0px;
  padding: 0px;
}
input {
  font-family: arial;
  font-size: 8pt;
  color: #000000;
  border: #000000 1px solid;
}
select {
  font-family: arial;
  font-size: 8pt;
  color: #000000;
  background-color: #FFFFFF;
  border: #000000 1px solid;
}
.select-disabled {
  font-family: arial;
  font-size: 8pt;
  color: #C0C0C0;
  background-color: #F5F5F5;
  border: #000000 1px solid;
}
textarea {
  font-family: arial;
  font-size: 8pt;
  color: #000000;
  border: #000000 1px solid;
}
input[type="submit"] {
  font-family: arial;
  font-size: 8pt;
  color: #000000;
  background-color: #DFDED8;
  border: #000000 1px solid;
  cursor: pointer;
  cursor: hand;
}
input[type="submit"]:hover {
  color: #FFFFFF;
  background-color: #366299;
}
input[type="button"] {
  font-family: arial;
  font-size: 8pt;
  color: #000000;
  background-color: #DFDED8;
  border: #000000 1px solid;
  cursor: pointer;
  cursor: hand;
}
input[type="button"]:hover {
  color: #FFFFFF;
  background-color: #366299;
}
input[type="checkbox"] {
  width: 12px;
  height: 12px;
  border: 0px;
}
input[type="image"] {
  border: 0px;
}

/* LIST */
.table_list {
  margin: 0px;
  padding: 0px;
  border: 1px #DDDDDD solid;
}
.table_list th {
  background: url('../../images/table_th_bg.gif') repeat top left;
  padding: 0px 0px 0px 5px;
  border-top: 2px #C64934 solid;
  text-align: left;
  font-weight: bold;
}
.table_list td {
  padding: 0px 0px 0px 5px;
  border-top: 1px #DDDDDD solid;
}
.table_list_bg {
  background-color: #F5F5F5;
}
.table_list_bg_red {
  color: #FFFFFF;
  background-color: #FF4040;
}
.table_list_bg_green {
  color: #FFFFFF;
  background-color: #66D640;
}
.table_list_bg_orange {
  color: #FFFFFF;
  background-color: #FFA040;
}
.table_list_rollover:hover td {
  background-color: #EBEBEB;
  cursor: pointer;
  cursor: hand;
}

/* ACTIONS */
.table_time {
  width: 179px;
  margin-top: 84px;
  margin-left: 11px;
  padding: 0px;
  border: 1px #DDDDDD solid;
}
.table_time th {
  background: url('../../images/table_th_bg.gif') repeat top left;
  padding: 0px 0px 0px 5px;
  border-top: 2px #803124 solid;
  text-align: left;
  font-weight: bold;
}
.table_time td {
  background-color: #FFFFFF;
  padding: 0px 0px 0px 5px;
  border-top: 1px #DDDDDD solid;
}

.table_actions {
  width: 179px;
  margin-top: 10px;
  margin-left: 11px;
  padding: 0px;
  border: 1px #DDDDDD solid;
}
.table_actions th {
  background: url('../../images/table_th_bg.gif') repeat top left;
  padding: 0px 0px 0px 5px;
  border-top: 2px #803124 solid;
  text-align: left;
  font-weight: bold;
}
.table_actions td {
  background-color: #FFFFFF;
  padding: 0px 0px 0px 5px;
  border-top: 1px #DDDDDD solid;
}

.table_etiketten {
  width: 179px;
  margin-top: 10px;
  margin-left: 11px;
  padding: 0px;
  border: 1px #DDDDDD solid;
}
.table_etiketten th {
  background: url('../../images/table_th_bg.gif') repeat top left;
  padding: 0px 0px 0px 5px;
  border-top: 2px #803124 solid;
  text-align: left;
  font-weight: bold;
}
.table_etiketten td {
  background-color: #FFFFFF;
  padding: 0px 0px 0px 5px;
  border-top: 1px #DDDDDD solid;
}

.table_etiketten_keuze td {
  font-family: verdana;
  font-size: 6pt;
  color: #000000;
  border: #803124 1px solid;
  cursor: hand;
  cursor: pointer;
}

.table_stats {
  width: 179px;
  margin-top: 10px;
  margin-left: 11px;
  padding: 0px;
  border: 1px #DDDDDD solid;
}
.table_stats th {
  background: url('../../images/table_th_bg.gif') repeat top left;
  padding: 0px 0px 0px 5px;
  border-top: 2px #803124 solid;
  text-align: left;
  font-weight: bold;
}
.table_stats td {
  background-color: #FFFFFF;
  padding: 0px 0px 0px 5px;
  border-top: 1px #DDDDDD solid;
}

.table_stats_error {
  width: 179px;
  margin-top: 10px;
  margin-left: 11px;
  padding: 0px;
  border: 1px #FF0000 solid;
}
.table_stats_error th {
  background: url('../../images/table_th_bg.gif') repeat top left;
  padding: 0px 0px 0px 5px;
  border-top: 2px #FFF solid;
  text-align: left;
  font-weight: bold;
}
.table_stats_error td {
  background-color: #FFFFFF;
  padding: 0px 0px 0px 5px;
  border-top: 1px #DDDDDD solid;
}

/* INFORMATION */
.table_information {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border: 1px #DDDDDD solid;
}
.table_information th {
  background: url('../../images/table_th_bg.gif') repeat top left;
  padding: 0px 0px 0px 5px;
  border-top: 2px #C64934 solid;
  text-align: left;
  font-weight: bold;
}
.table_information td {
  background-color: #FFFFFF;
  padding: 0px 0px 0px 5px;
  width: 80%;
  border-top: 1px #DDDDDD solid;
}
.table_information td.information_title {
  width: 20%;
  text-align: right;
  vertical-align: top;
  font-weight: bold;
}
  /* INFORMATION TEXT */
  #tabs .information_text {
    width: 500px;
    height: 200px;
    overflow-y: scroll;
  }
  #tabs .information_text h1 {
    font-size: 12pt;
    color: #000000;
    font-weight: bold;
    padding: 0px;
    margin: 10px 0px;
  }
  #tabs .information_text h2 {
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    padding: 0px;
    margin: 10px 0px;
  }
  #tabs .information_text h3 {
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
    padding: 0px;
    margin: 10px 0px;
  }
  #tabs .information_text ul {
    padding: 0px;
    margin: 5px 0px 0px 20px;
    list-style: disc outside;
  }
  #tabs .information_text li {
    padding: 0px;
    display: list-item;
    margin: 5px;
  }
  #tabs .information_text table {
    padding: 0px;
    margin: 0px;
    border: 1px #DDDDDD solid;
  }
  #tabs .information_text table th {
    background: none;
    background-color: #EEEEEE;
    padding: 0px;
    margin: 0px;
    border: 1px #DDDDDD solid;
    text-align: left;
    font-weight: bold;
  }
  #tabs .information_text table td {
    background: none;
    padding: 0px;
    margin: 0px;
    border: 1px #DDDDDD solid;
  }

/* THUMBNAIL GALLERY */
.table_thumbnail_gallery {
  margin: 0px;
  padding: 0px;
  border: 1px #DDDDDD solid;
  width: 100%;
}
.table_thumbnail_gallery th {
  background: url('../../images/table_th_bg.gif') repeat top left;
  padding: 0px 0px 0px 5px;
  border-top: 2px #C64934 solid;
  text-align: left;
  font-weight: bold;
}
.table_thumbnail_gallery td {
  background-color: #FFFFFF;
  padding: 0px 0px 10px 0px;
  width: 80%;
  border-top: 1px #DDDDDD solid;
}

.table_thumbnail_gallery_item {
  margin: 10px 10px 10px 5px;
  padding: 0px;
  border: 1px #DDDDDD solid;
  width: 130px;
  float: left;
}
.table_thumbnail_gallery_item th {
  background: url('../../images/table_th_bg.gif') repeat top left;
  padding: 0px 0px 0px 5px;
  border-top: 2px #C64934 solid;
  font-weight: bold;
}
.table_thumbnail_gallery_item td {
  background-color: #FFFFFF;
  padding: 0px;
  border-top: 1px #DDDDDD solid;
  font-size: 8pt;
  color: #666666;
  text-align: center;
}

/* MELDING */
.table_melding {
  margin: 0px 200px 0px 0px;
  padding: 0px;
  border: 1px #DDDDDD solid;
}
.table_melding th {
  background: url('../../images/table_th_bg.gif') repeat top left;
  padding: 0px 0px 0px 5px;
  border-top: 2px #C64934 solid;
  text-align: left;
  font-weight: bold;
}
.table_melding td {
  background-color: #FFFFFF;
  padding: 5px 0px 10px 5px;
  border-top: 1px #DDDDDD solid;
}



.tabel-paging {
  font-size: 9pt;
  padding-left: 5px;
}
.tabel-paging a {
  font-size: 9pt;
}
.tabel-titel {
  font-weight: bold;
  border-bottom: #C8BEDC 1px solid;
}
.tabel-regel {
  border-bottom: #C8BEDC 1px solid;
  border-right: #C0C0C0 1px solid;
}
.tabel-regel-laatste {
  border-bottom: #C8BEDC 1px solid;
}
.tabel-regel-prullenbak {
  background-color: #F5F5F5;
  color: #C0C0C0;
  border-bottom: #C8BEDC 1px solid;
  border-right: #C0C0C0 1px solid;
}
.tabel-regel-laatste-prullenbak {
  background-color: #F5F5F5;
  border-bottom: #C8BEDC 1px solid;
}
.tabel-regel-span {
  color: #FF0000;
}
.tabel-regel-span-prullenbak {
  color: #C0C0C0;
}

.groen {
  color: #32C800;
}
.rood {
  color: #FF0000;
}

#etiketten-keuze td {
  font-family: verdana;
  font-size: 7pt;
  color: #000000;
  border: #C8BEDC 1px solid;
  cursor: hand;
  cursor: pointer;
}

#etiketten td {
  font-family: arial;
  font-size: 12pt;
  color: #000000;
	text-decoration: none;
  border: #FFFFFF 0px solid;
}


/* SPECIAL */
.onderschrift {
  font-size: 7pt;
  line-height: 15pt;
}
.melding {
  color: #FF0000;
}