html body {
  margin:0 auto;
  padding:0;
  text-align:center;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 12px;
  /*color: #5F5F5F;*/
  color: #858585;
  /*background-image: url("../images/back3b.jpg");*/
  background-image: url("/images/achtergrond.png");
  background-repeat: repeat-x;
  background-position: top;
  /*background-color: #958671;*/
}

.tableright {
  border: 1px solid white;
  margin-left: 0px;
  background-color: #B1A493;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 12px;
  color: #858585;
}
.tableintable {
  border: 1px solid black;
  margin-left: 0px; /*-3px;*/
  /*padding: 0px;*/
}

.tabelrij {
  border: 1px solid black;
  padding: 0px;
}

p {
  /*font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 12px;
  color: #858585;*/
 /*padding: 15px;*/
 /*margin-left: 20px;*/
}
ul, ol {
 /*margin-left: 33px;*/
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 12px;
  margin-left: 60px;
  /*margin-left: 20px;*/
}

#container {
  text-align:center;
  width: 100%;
  /*border: 2px solid black;*/
}

div#wrapper {
  /*width:1085px;*/
  width:1024px;
  margin-left: auto;
  margin-right: auto;
}

#wrapper {
  /*float: center;*/
  /*min-width: 990px;*/
  text-align:left;
  margin-left: auto;
  margin-right: auto;
  /*border: 1px solid green;*/
}
#wrapper {overflow:hidden; }

#leftcolumn {
  float: left;
  width: 200px;
  height: auto;
  padding: 2px;
  margin: 2px;
  /*margin-top: 220px;*/
  margin-top: 180px;
  padding-bottom:32767px;
  margin-bottom:-32767px;
  /*border: 1px dashed #CCCCCC;*/
}

#middle {
  float: left;
  min-width: 595px;
  padding: 2px;
  margin: 2px;
  /*border: 1px solid red;*/
}

#header_druif {
  background-image: url("../images/logo_druif.png");
  background-repeat: no-repeat;
  background-position: top;
  background-color: #FFFFFF;
  width: 584px;      /* zonder schaduwlijn*/
  /*width: 576px;      /* met shaduwlijn*/
  height: 185px; /* zonder schaduwlijn*/
  /*height: 215px;     /* met shaduwlijn*/
  padding-top: -10px;
  margin-top: 10px;
  /*border: 1px solid blue;*/
}

#header_glas {
  background-image: url("../images/logo_glas.png");
  background-repeat: no-repeat;
  background-position: top;
  background-color: #FFFFFF;
  width: 584px;      /* zonder schaduwlijn*/
  /*width: 576px;      /* met shaduwlijn*/
  height: 185px; /* zonder schaduwlijn*/
  /*height: 215px;     /* met shaduwlijn*/
  padding-top: -10px;
  margin-top: 10px;
  /*border: 1px solid blue;*/
}

#content {
  /*background-image: url("../images/achtergrond-content584.png");
  background-repeat: repeat-y;
  background-position: top;*/
  overflow: auto;
  background-color: #FFFFFF; /*#F8F8F8;*/
  /*width: 585px;*/
  width: 584px;
  height:550px;        /* zonder schaduwlijn*/
  /*height:510px;        /* met shaduwlijn*/
  padding: 0px;
  margin: 0px;
  margin-top: -2px;    /* zonder schaduwlijn*/
  /*margin-top: -44px; /* met shaduwlijn*/
  /*margin-top: 27px;*/
  /*border: 1px solid blue;*/
  scrollbar-3dlight-color:;
  scrollbar-arrow-color: #E4E4E4;
  scrollbar-track-color: #C8BEB2 ;
  scrollbar-darkshadow-color: #958671;
  scrollbar-face-color: #958671;
  scrollbar-highlight-color: #E4E4E4;
  scrollbar-shadow-color: ;
}

#contentbeheer {
  /*position: inline;*/
  /*float: bottom;*/
  overflow: auto;
  /*display: block;*/
  background-color: #FFFFFF;
  width: 1010px;
  height:600px;
  padding: 0px;
  margin-top: -40px;
  margin-top: -80px;
  margin-bottom: -5px;
  padding-left: 0px;
  border: 2px solid red;
}

#akties {
  background-image: url("../products/wijn_wit.jpg");
  background-repeat: no-repeat;
  background-position: top;
  /*float: top;*/
  width: 90px;
  height: 90px;
  padding: 2px;
  padding-top: 290px;
  margin: 2px;
  margin-top: -200px;
  padding-bottom:32767px;
  margin-bottom:-32767px;
  /*border: 1px dashed #CCCCCC;*/
}

#rightcolumn {
  background-image: url("../images/label_wijnvdmaand.png");
  background-repeat: no-repeat;
  background-position: top;
  /*font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 12px;
  color: #858585;*/
  float: right;
  width: 190px;
  padding: 2px;
  padding-top: 290px;
  margin: 2px;
  margin-top: 20px;
  padding-bottom:32767px;
  margin-bottom:-32767px;
  /*border: 1px dashed #CCCCCC;*/
}

#sidebarbeheer {
  position: absolute;
  /*float: bottom;*/
  overflow: auto;
  /*display: block;*/
  background-color: #FFFFFF;
  width: 585px;
  height:540px;
  padding: 0px;
  margin-top: -140px;
  margin-left: -620px;
  margin-bottom: -5px;
  padding-left: 0px;
  border: 2px solid red;
  Z-index: 500;
}

#footer {
  background-image: url("../images/achtergrond-footer585a.png");
  background-repeat: no-repeat;
  background-position: top;
  /*position: absolute;*/
  float: left;
  bottom: 40px;
  /*clear: block;*/
  width: 584px;
  /*height: 100px;*/
  /*margin-top: 2px;*/
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: -7px;
  /*padding-bottom: 20px;*/
  /*margin-bottom: -4px;*/
  overflow:hidden;
  /*margin: 2px;*/
  background-color: #FFFFFF; /*#958671;*/
  /*border: 1px solid blue;*/
  Z-index: 200;
}

#total {
  height: 20px;
  width: 170px;
  margin-top: 10px;
  text-align: center;
  Z-index: 200;
  /*border: 1px solid red;*/
}

#beheer {
  /*position: inline;*/
  /*width: 485px;*/
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  /*border: 1px solid red;*/
  Z-index: 300;
}
  
#edit_link {
  position: relative;
  width: 120px;
  float: right;
  /*color: #CC3333;*/
  color: #99CC00;
  margin-top: 0px;
  _margin-top: 0px; /*for IE6*/
  margin-right: 15px;
  margin-bottom: 5px;
  padding: 5px;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-color: #99CC00;
  Z-index: 400;
  /*border: 1px solid red;*/
}

#beheer_link {
  width: 575px;
  /*width: 605px;*/
  /*float: center;*/ /*99CC00*/
  color: #99CC00;
  /*color: #CC3333;*/
  margin-top: 10px;
  _margin-top: 10px; /*for IE6*/
  /*margin-left: -15px;*/
  margin-left: 0px;
  padding: 5px;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-color: #99CC00;
  Z-index: 500;
}

a.beheer, a.beheer:link {
  color: #FFFFFF;
  text-decoration: none;
}

a.beheer:hover, a.beheer:active {
  color: #FFFFFF;
  text-decoration: underline;
}

a.beheeractive, a.beheeractive:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
td.cart {
  border: 1px solid red;
}

.buttons a {
  background-color: #779E00;
  padding: 10px;
  padding-left: 5px;
  display: block;
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  font-size: 14px;
  /*font-weight: bold;*/
  text-decoration: none;
  text-align: left;
  border-bottom: 1px solid ;
  border-top: 1px solid ;
}

/*.buttons a:visited {
  background-color: #669966;
  color: #CCCCCC;
  text-decoration: none;
}*/

.buttons a:hover {
  /*background-color: #DB2B35;*/
  background-color: #009900;
  color: #FFFFFF;
  border-bottom: 1px solid ;
  border-top: 1px solid ;
  text-decoration: none;
}

a .buttons:active {
  background-color: #009900;
  color: #CCCCCC;
  text-decoration: none;
}

/*.buttons a:visited a:hover {
  background-color: #777777;
  color: #CCCCCC;
  text-decoration: none;
}*/

span.select {
  /*position: inline;*/
  width: 200px; /* With the padding included, the 158 width is 190 pixels: the actual width of the image. */
  height: 22px;
  padding: 0px 0px 0px 5px;
  color: #969696;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  /*font-family: Georgia, Times New Roman, Times, serif;*/
  font-size: 12px;
  color: #858585;
  /*font-weight:bold;*/
  background: url('/images/selection3.png') no-repeat;
  overflow: hidden;
  Z-index: 150;
  /*border-width: 1px;
  border-style: solid;
  border-color: #cccccc;*/
}

.styled {
  /*position: inline;*/
  width: 178px; /* With the padding included, the 158 width is 190 pixels: the actual width of the image. */
  height: 23px;
  padding: 2px 24px 0px 0px;
  color: #858585;
  /*font-family: Georgia, Times New Roman, Times, serif;*/
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  /*font: 12px;*/
  background: url('../images/selection3.png') no-repeat;
  overflow: hidden;
  /*border-width: 1px;
  border-style: solid;
  border-color: #cccccc;*/
}

.styled2 {
  /*position: inline;*/
  width: 178px; /* With the padding included, the 158 width is 190 pixels: the actual width of the image. */
  height: 23px;
  padding: 2px 0px 0px 0px;
  color: #858585;
  /*font-family: Georgia, Times New Roman, Times, serif;*/
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  /*font: 12px;*/
  background: url('../images/selection3.png') no-repeat;
  overflow: hidden;
  /*border-width: 1px;
  border-style: solid;
  border-color: #cccccc;*/
}

textarea { /* ----- voor invul velden bijv bij: contact -----*/
background-color:#F8F8F8;
/*border-width: 1px;
border-style: solid;
border-color: #cccccc;*/
border:1px solid #cccccc;
/*border:1px solid #009900;*/
font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
font-size: 12px;
color: #858585;
/*color: #858585;*/
font-style: regular;
text-decoration:none;
}

textarea:focus {
  background-color: #ffffdd  /*E8E8E8=lichtgrijs*/
}

.input {        /* ----- voor invul velden bijv bij: contact -----*/
background-color:#F8F8F8;
border:1px solid #cccccc;
font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
color: #858585;
font-size:12px;
font-style:regular;
text-decoration:none;
}

.input:focus { background-color: #ffffdd } /*E8E8E8=lichtgrijs*/

/* ----- Alle buttons op de site mooi stylen ----- */

.submitbutton {
/*background-color: #8B7A68; /*#F8F8F8;*/
width: 130px; /* With the padding included, the 158 width is 190 pixels: the actual width of the image. */
height: 18px;
padding: 0px 0px 2px 0px;
margin-left: 0px;
border: 0px solid;
text-align: center;
font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
/*font-family: Georgia, Times New Roman, Times, serif;*/
font-size:10pt;
/*font-size:08pt;*/
font-style:regular;
/*font-weight:bold;*/
color: #FFFFFF; /*#DFD8D0;*/
text-decoration:none;
background: url('../images/submit.png') no-repeat;
/*border-color: #DFD8D0 #8B7A68 #8B7A68 #DFD8D0; /*#00aa99 #006666 #006666 #00aa99;*/
}

.selectbutton {
  /*position: absolute;*/
  width: 180px; /* With the padding included, the 158 width is 190 pixels: the actual width of the image. */
  height: 20px;
  padding: 50px -84px 50 80px;
  /*padding: 0px 85px 0px 2px;*/
  border: 0px solid;
font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
/*font-family: Georgia, Times New Roman, Times, serif;*/
  font-size:10pt;
  font-style:regular;
  /*font-weight:bold;*/
  color: #FFFFFF; /*#DFD8D0;*/
  /*background: url('../images/selectinfo.png') no-repeat;*/
  background: url('../images/selectinfo.png') no-repeat;
  /*overflow: hidden;*/
  /*border-width: 1px;
  border-style: solid;
  border-color: #cccccc;*/
/*border-color: #DFD8D0 #8B7A68 #8B7A68 #DFD8D0; /*#00aa99 #006666 #006666 #00aa99;*/
}

.extraselectbutton {
/*background-color: #8B7A68; /*#F8F8F8;*/
width: 180px; /* With the padding included, the 158 width is 190 pixels: the actual width of the image. */
height: 18px;
padding: 0px 50px 2px 0px;
margin-left: 0px;
border: 0px solid;
text-align: left;
font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
/*font-family: Georgia, Times New Roman, Times, serif;*/
font-size:10pt;
font-style:regular;
/*font-weight:bold;*/
color: #000000; /*#DFD8D0;*/
text-decoration:none;
background: url('../images/submit.png') no-repeat;
/*border-color: #DFD8D0 #8B7A68 #8B7A68 #DFD8D0; /*#00aa99 #006666 #006666 #00aa99;*/
}

.searchbutton {
width: 80px; /* With the padding included, the 158 width is 190 pixels: the actual width of the image. */
height: 18px;
padding: 0 0px 3px 0px;
border: 0px solid;
font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
/*font-family: Georgia, Times New Roman, Times, serif;*/
font-size:10pt;
font-style:regular;
/*font-weight:bold;*/
color: #FFFFFF; /*#DFD8D0;*/
text-decoration:none;
background: url('../images/search.png') no-repeat;
/*border-color: #DFD8D0 #8B7A68 #8B7A68 #DFD8D0; /*#00aa99 #006666 #006666 #00aa99;*/
}

.shopbutton {
width: 175px; /* With the padding included, the 158 width is 190 pixels: the actual width of the image. */
height: 20px;
padding: 0px 20px 3px 0px;
border: 0px solid;
font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
/*font-family: Georgia, Times New Roman, Times, serif;*/
font-size:10pt;
font-style:regular;
/*font-weight:bold;*/
color: #FFFFFF; /*#DFD8D0;*/
text-decoration:none;
background: url('../images/shophover3.png') no-repeat;
/*background: url('../images/shop3.png') no-repeat;*/
/*border-color: #DFD8D0 #8B7A68 #8B7A68 #DFD8D0; /*#00aa99 #006666 #006666 #00aa99;*/
}

/* ----- BUTTONS on HOVER  ----- */
.submitbutton:hover {
  background: url('../images/submithover.png') no-repeat;
/*border-color: #8B7A68 #DFD8D0 #DFD8D0 #8B7A68; /*#006666 #00aa99 #00aa99 #006666;*/
}
.selectbutton:hover {
  background: url('../images/selectinfohover.png') no-repeat;
}
.extraselectbutton:hover {
  background: url('../images/submithover.png') no-repeat;
/*border-color: #8B7A68 #DFD8D0 #DFD8D0 #8B7A68; /*#006666 #00aa99 #00aa99 #006666;*/
}
.searchbutton:hover {
  background: url('../images/searchhover.png') no-repeat;
}
.shopbutton:hover {
  background: url('../images/shophover3.png') no-repeat;
}



/* ----- Dus ook in IE want daar werkt hover niet ----- */

/* ----- Samen met javascript hoverButton in config_htmlstart.php ----- */

.submitbutton:hover, .over {
/*background-color: #C8BEB2; /*#ffffdd=lichtgeel E8E8E8=lichtgrijs*/
border: 0px solid;
font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
font-size:10pt;
font-style:regular;
color: #FFFFFF; /*#8B7A68;*/
text-decoration:none;
background: url('../images/submithover.png') no-repeat;
/*border-color: #8B7A68 #DFD8D0 #DFD8D0 #8B7A68; /*#006666 #00aa99 #00aa99 #006666;*/
}
.selectbutton:hover, .over {
  background: url('../images/selectinfohover.png') no-repeat;
}
.searchbutton:hover, .over {
  background: url('../images/searchhover.png') no-repeat;
}
* html .shopbutton a:hover, .over {
  background: url('../images/shophover3.png') no-repeat;
}

/* --------- normal link classes ----*/
a:link, a:visited {
  color: #858585;
  text-decoration: underline;
}
a:hover, a:active {
  color: #B5121B;
  text-decoration: underline;
}

a.speciaal {
  text-decoration: none;
  font-size: 11px;
  color: #6E6250;
}
a.speciaal:link, a.speciaal:visited {
  color: #6E6250;
  text-decoration: none;
}
a.speciaal:hover, a.speciaal:active {
  color: #6E6250;
  text-decoration: underline;
}
a.speciaal2 {
  text-decoration: none;
  font-size: 11px;
  color: #BAAD9A;
}
a.speciaal2:link, a.speciaal2:visited {
  color: #BAAD9A;
  text-decoration: none;
}
a.speciaal2:hover, a.speciaal2:active {
  color: #BAAD9A;
  text-decoration: underline;
}

/* --------- aparte teksten classes ----*/
.titels {
font-family: Georgia, Times New Roman, Times, serif;
font-size:14pt;
font-style:regular;
font-weight:bold;
color: #FFFFFF; /*#8B7A68;*/
text-decoration:none;
}
.tekstkop_cart {
font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
font-size:12px;
/*font-size:08pt;*/
font-style:regular;
font-weight:bold;
color: #858585; /*#8B7A68;*/
text-decoration:none;
}
.data_cart {
font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
font-size:12px;
/*font-size:08pt;*/
font-style:regular;
font-weight:none;
color: #858585; /*#8B7A68;*/
text-decoration:none;
}

* { /* verstop border van pagina*/
  padding: 0;
  margin: 0;
}

#loggedin {
  position: absolute;
  Z-index: 350;
  width: 220px;
  float: right;
  right: 55px;
  bottom: 40px;
  /*color: #CC3333;*/
  padding: 30px;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 11px;
  color: #858585;
  /*font-weight: bold;*/
  text-decoration: none;
  text-align: right;
  /*background-color:red;*/
  /*border: 1px solid red;*/
}

/* *** Float containers fix: */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

#hideforprint {
  /* geef link of iets deze class mee om niet mee uit te printen*/
}
#hideforprint a {
  color: #858585;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 12px;
  font-weight: none;
  text-decoration: none;
}
#hideforprint a:hover {
  color: #858585;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 12px;
  font-weight: none;
  text-decoration: underline;
}

/*printer styles*/
 @media print {

/*hide the left column when printing*/
#header,#beheer,#leftcolumn,#buttons,#loggedin,#hideforprint,#beheer_link { display: none; }
#content {
  width:95%;
  float:none;
  margin-left: 10px;
  }
}