form
{
  margin : 0;
  min-height : 1px;
  padding : 0;
}

#artikellijst {
  display: block;  
  float: left;  
  min-width: 770px;
  width: 70%;
  overflow: auto;
  height: 100%;
}

#artikeltabel {
  width: 97%;  
}

#artikeltabel thead {
  background-color:  #675f40;
  font-weight:bold;
  color:white;
  font-size:11px;
}

.artikel { 
  color: #000000;
  cursor: pointer;
  font-family:  Arial;
  font-size: 11px;  
}

#artikelcontainer #rechterlijst {
  display: block;
  float:  right;
  min-width: 180px;
  width: 18%;
  margin: 0px;
  padding: 0px;
  margin-left:  30px;  
  overflow: auto;
  height: 100%;
}

#details {
  font-family: arial,helvetica;
}

h3.planttitel {
  font-weight: bold;
  margin:  0px;
}

input.eenheid {
  width: 50px;
}

#artikelcontainer {
  margin-top: 15px;
  min-width: 1000px;
  overflow: visible;
  height: 83%;
}

.details_prijs {
  font-size: 12px;
}

a#refresh_orderinfo {
  text-decoration:  none;
  font-size: 10px;
}

#navtable {
  float:right;
}

A:link, A:visited, A:hover {
  text-decoration:  underline;
  font-size:  9pt;
  color: #d3d1a8;  
}

body
{
  padding: 0px;
  font-size: 11px; 
  font-family:  Verdana, Arial, Helvetica, sans-serif;  
  position: absolute;
  height:  100%;
  width:  100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
  color: #FFFFFF;
  background-color: #958a61;
}

input.checkbox {
  color: #5B5C56;
  background-color: #94AACE;
  border: none;
}

.seperator {
  clear: both;
}

.kolom_numeriek {
  text-align: left;
  width: 100px;
}

.rij_even {
  background-color:  #f0efd7;
  text-align:left;
  width:200px;
}

.rij_oneven {
  background-color:  #FFF;
  text-align:left;
  width:200px;
}

th,thead tr td,.nowrap {
  white-space:  nowrap;
}

th {
  font-weight: bold;
  color: #084273;
  padding: 3px;
}

td {
  vertical-align: top;
  padding: 3px;
}

.detailimage {
  width: 200px;
}

#welkom {
  font-size:  12px;
  padding-bottom:  20px;
}

.subtitle {
  font-style: italic;
  margin-left:  5px;
}

#container2 {
  min-width: 995px;
  background-color: #0000; 
  margin-left: auto;
  margin-right: auto;
}

input.radio {
  border: 0px;
}

.noborder {
  border:none;
}

button {
  background-color:#D6C3CE;
  color:black;
  font-weight:bold;
  border:1px solid black;
  height:20px;
}

.glbutton {
  background-color:#675f40;
  color:white;
  font-weight:bold;
  border:none;
  height:16px;
}

















































#maatsearch{
padding-top:5px;
padding-bottom: 10px;
}

.errormessage{
color:red;
float:right;
}

#helpmessage{
padding-top:10px;
}

.bottline {
border-bottom: 1px solid #BDBD00;
}

table.topline {
border-top: 1px solid #BDBD00;
}

#point{
  color:red;
  cursor:pointer;
}

.cartoneven {
background-color:#F3FCD6;
}

.carteven {
background-color:#E9FAAD;
}

#maatheader{
margin-right:5px;
padding-right:20px;
}

#displaynone{
 display:none;
}

#navigator{
  background-color:  #675f40;
  font-size:  11px;
  color: white;
  margin-left: 0px;
  min-height: 30px;
  vertical-align: middle;
}

#aantalkarren {
  float: left;
  padding-left:  50px;
  margin-top: 15px;
}

#vrijemaatheader{
 font-weight:bold;
 width:100%;
 background-color:#d3d1a8;
}

#vrije_maat{
 border-bottom: #A1C114 1px solid;
 background-color:#ECFABE;
}

#submitmaat{
 padding-top:5px;
}

#twocolsnav{
 width:50%; 
 float:right; 
 position:relative; 
}

#loginkopje {
  height:25px;
  background-color:#675f40;
  color:white;
  float:left;
}

#loginkopje td {
  color:white;
}

#acties {
text-align:left;
border: 1px solid #AAAAAA;
width:180px;
}

#legenda {
text-align:left;
border: none;
width:164px;
padding-bottom:10px;
}

#emailfooter {
clear: both;
padding: 5px;
margin-top: 0px;
border-top: none;
background-image: url(http://www.treecommerce.com/commontsd/commontsd_v1-0/tsd_images/bottom.gif);
background-repeat: no-repeat;
}

#cartheader {
font-weight:bold;
font-size: 14px;
}

#cartkop{
margin-top:5px;
margin-bottom:5px;
padding-right:10px;
float:left;
width:98%;
overflow-y:auto;
overflow-x:hidden;
}

.artikeltabel {
font-weight: bold;
width:222px;
}

th,thead td {
  font-weight: bold;
  padding: 3px;
  width:220px;
  text-align:left;
}

#artikeltabel td.aantal
{
  padding-right : 10px;
  text-align : left;
  font-weight: bold;
  height: 20px;
}

#artikeltabel td.plant
{
  text-align : left;
  width:222px;
  height: 20px;
}

#artikeltabel td.size
{
  text-align : left;
  width:222px;
  height: 20px;
}

#artikeltabel td.price
{
  text-align : left;
  width:222px;
  height: 20px;
}

li#browse {
  font-style:  normal;
  color: #d2d1a7;
}

.imglink {
cursor:pointer;
}

#admin_header{
 height:auto; 
 width:100%;
 font-weight:bold;
}

input.input_aantal{
  width:30px; 
  font-size:8pt;
  border-width:1px;
  color:#000000; 
  text-align:right;
  padding-right:2px;
  padding-top:0px;
  height:15px;
}

input.dropdown{
  font-size:8pt;
  border-width:1px;
  color:#000000; 
  text-align:right;
  padding-right:2px;
  padding-top:0px;
  height:15px;
}

#logoTable
{
  border:  0px;
  width: 630px;
  border-spacing: 0px;
  padding: 0px;
  height: 90px;
  background-color:  #FFFFFF;
}

#logoTable #spacer {
  width: 189px;
}

#logoTable #logoPlaatjeLinks 
{
  width: 133px;
}

#logoTable #logoPlaatjeRechts
{
  width: 307px;
}

#content {
  display: block;
  float: left;
  width: 70%;
}

#content #bottom {
  float: left;
}

#top {
  width: 100%;
  display: block;
}

#top #topleft {
  float: left;
}

#top #topright {
  float: right;
}

#checkboxcolumn {
  width: 35px;
}

.prijskolom {
  text-align: right;  
}

#pageheader {
  vertical-align: middle;
  background-color: #d3d1a8;
  background-image:  url(http://www.bogront.com/images/header_webshop.jpg);
  background-repeat:  no-repeat;
  width: 1251;
  height: 85px;
}

.eenheid_laag {
  font-weight: bold;
}

.artikel_selected {
  color: #000000;
  cursor: pointer;
  font-family:  Arial;
  font-size: 11px;
  width:222px;
  background-color: #d2d1a7;
  font-weight: bold;
}

.columnsection {
  float: left;
  margin-left: 20px;  
}

.column_right {
  float: right;
}

.first {
  margin-left: 10px;
  min-width: 350px;
}

#cart_left {
  float: left;
  width: 70%;
}

#carttopgroup {
  width: 100%;
}

.cartblock {
  margin-left: 10px;
}

.titlecell {
  padding-right: 15px;
  font-weight: bold;
}

#loginform {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  display: inline;
}

#catheader {
  width:150px;
}

select {
  border: 1px solid #675f40;
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-left: 1px;
}

h1 {
font-size: 11px;
}

input, textarea
{
  font-family:  Arial, Verdana, Helvetica, sans-serif;
  border:  1px solid #675f40;
  font-size: 10px;
  padding-left: 1px;
  font-style: normal;
  vertical-align:  middle;
}

#input_checkbox {
  border:none;
}

#artikelgroepen{
margin-top:5px;
margin-bottom:5px;
padding-right:10px;
float:left;
height:560px;
width:95%;
overflow-y:auto;
overflow-x:hidden;
}

#adminartikelgroepen{
margin-top:5px;
margin-bottom:5px;
padding-right:10px;
width:100%;
overflow-y:auto;
overflow-x:hidden;
}

#container {
  width: 920px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  align: center;
  text-align: left;
  padding-right: 5px;
  background-color:#d2d1a7;
  border: 1px solid #675f40;
}

#emailcontainer {
  width: 670px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  text-align: left;
  padding-right: 5px;
  background-color:#d2d1a7;
  border: 1px solid #675f40;
}

#plantsearch{
padding-top:5px;
padding-left:2px;
}

#catsearch{  
  float: left;
  vertical-align: top;
}

#wrapper {
 margin-bottom:0px;
 padding-bottom:0px;
}

#errormessage{
color:red;
font-weight:700;
}

#message{
color:black;
font-weight:700;
padding-top:50px;
font-size:16px;
}

#catalogusline{
height:75px;
padding-left:2px;
width:100%;
}

.smallfont {
font-size: 11px;
}

.oneven {
background-color:#CCCCCC;
border: gray 1px solid;
margin-bottom:3px;
font-size: 11px;
cursor:pointer;
}

.latin {
font-size:11px;
font-weight:700;
}

.bigprice {
text-align:right;
font-weight:700;
}

.smallprice {
text-align:right;
}

.even {
background-color:#ECFABE;
border: 1px solid #A1C315;
margin-bottom:3px;
cursor:pointer;
}

#talen{
margin-top:5px;
margin-bottom:5px;
padding-right:10px;
width:98%;
height:550px;
overflow-y:auto;
overflow-x:hidden;
float:left;
}

#admincontainer{
float:left;
width:70%;
overflow:hidden;
}

#adminnavcontainer {
float:right;
height:20px;
padding-top:8px;
}

#admin{
margin-top:5px;
margin-bottom:5px;
padding-left:10px;
padding-right:10px;
float:left;
height:550px;
overflow-y:auto;
overflow-x:hidden;
}

#catalogus{
  margin-top: 5px;
  margin-bottom:  5px;
  padding-right:  10px;
  float: left;
  height:560px;
  width: 99%;
  overflow-y: auto;
  overflow-x: hidden;
}

#nav_navcontainer{
float:right;
padding-top:3px;
padding-bottom:3px;
}

#detailheader{
  position:relative;
  height:auto;
  width:100%;
  font-weight:bold;
 color:black;
}

#plantdetails{
 width:50%;
 float:left;
 position:relative;
margin-bottom:10px;
}

#nawdetails{
 width:50%; 
 float:left; 
 position:relative; 
}

#twocols{
 margin-right: 100px;
 width:45%; 
 float:right; 
 position:relative; 
}

#thumbnail {
padding:1px;
height:100px;
}

#plantthumbnail{ 
 width:50%; 
 float: right; 
 position:  relative; 
 text-align:  right;
 z-index: 1;
}

#offertetotals{
 width:auto; 
  float:right;
  position:relative;
  text-align:right;  
  font-weight: bold;
}

.plant_eenheden{
 width:300px; 
}

.clearfix {
width:auto;
display: inline;
}

* html .clearfix{height: 1%;}

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#login {
height:22px;
float: left;
padding-left:0px;
padding-top:5px;
  line-height:  30px;
  vertical-align:  middle;
  color: #FFFFFF;
}

#flags {
float: right;
padding-top:10px;
padding-right:10px;
height:14px;
}

#mandje {
float: right;
padding-top:10px;
padding-right:10px;
height:14px;
}

#navcontainer {
float: right;
  line-height:  25px;
  margin-top: 5px;
padding-top:8px;
height:20px;
}

#cartnavcontainer {
float: left;
height:20px;
padding-top:8px;
}

#loginfieldset {
float: left;
border:none;
text-align:left;
padding-left:0px
}

#emailheader {
padding: 0px;
margin-bottom: 0px;
background-color: white;
border-bottom: none;
background-image: url('http://www.spaargaren.com/backgrounds/webshopheader.gif');
background-repeat: no-repeat;
height:106px;
}

#header {
padding: 0px;
margin-bottom: 0px;
background-color: white;
border-bottom:medium none;
background-image: url('http://www.spaargaren.com/backgrounds/webshopheader.gif');
background-repeat: no-repeat;
height:106px
}

#emailtekstblok{
margin-top:10px;
margin-bottom:10px;
}

#inhoudemail {
margin-left: 0px;
padding: 0px;
width:650px;
height:auto;
border-top: #A1C114 1px solid;
border-bottom: #A1C114 1px solid;
overflow:auto;
float:left;
}

#inhoud {
margin-left: 0px;
padding: 0px;
width:920px;
height:600px;
border-top: gray 1px solid;
float:left;
  clear:both;
  overflow-y:auto;
  overflow-x:hidden;
}

#menu {
width: 200px;
margin-top: 0px auto 0px auto;
padding: 5px;
height:500px;
background-color: white;
border-right: gray 1px solid;
}

#footer {
clear: both;
padding: 5px;
margin-top: 0px;
border-top: gray 1px solid;
background-repeat: no-repeat
}

#emailcartlines {
width:99%;
overflow:auto;
}

#cartlines {
width:99%;
height:300;
overflow:auto;
padding-bottom: 40px;
}

.carttable {
width:99%;
}

table {
 margin-left: auto;
 margin-right: auto;
 font: 11px Arial;
 color: black;
 border-collapse: collapse;
 border: none; 
}  

th {
  font-weight: bold;
  color: #084273;
  padding: 3px;
}

td  {
  vertical-align: top;
  padding: 3px;
}

#tdright {
text-align:right;
}

.error {
  color: red;
  font-weight: bold;
}

#navlist
{
margin:0px 0px 0px 0px;
padding:0px 3px 0px 0px;
font:  11px arial, helvetica, geneva, sans-serif;
text-align:right;
}

#navlist li
{
  list-style: none;  
  display:  inline;
  height: 1px;
  margin: 0;
}

#navlist li a
{
  width: 100%;
  height:  100%;
  color: black;
  padding: 3px 0.5em;
  margin-left: 3px;
  text-decoration: none;
  background-color: #d2d1a7;
  border-top-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #675f40;
}

#navlist li a:link {
  color: #675f40;
  border: 1px solid #675f40;
}

#navlist li a:visited {
  color: #675f40;
  border: 1px solid #675f40;
}

#navlist li a:hover
{
  color: #000;
  border-color: #675f40;
  background-color: #8b9059;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

img{
  border:none;
  cursor:pointer;
}

#cat_header{
 height:auto; 
 width:100%;
 font-weight:bold;
 color:black;
 margin-bottom: 15px;
}

.cat_out { 
cursor: pointer;
background: none;
}

.cat_over
{
  cursor: pointer;
  background: #DDDDDD;
}

.arttdout
{ 
cursor: pointer;
background: none;
}

.arttdover
{
  cursor: pointer;
  background: white;
}