* {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
}
body, html{
  height: 100%;
  font-family: Verdana, Arial;
  font-size: 9pt;
  margin: 0 auto;
}
body.main{  
  background: #d4d3d2;
  text-align: center;
  background-image:url(/pict/back.gif);
}
table{
  border-collapse: collapse;
}
td{
 line-height: 18px;
}
#wrapper{
  margin-right: auto;
  margin-left: auto;
  border-collapse: collapse;
  height: 100%;
  width: 100%;
}
#MainTable1{
  margin-right: auto;
  margin-left: auto;
  border-collapse: collapse;
  height: 100%;
  width:870px;
}



#MainTable{
  margin-right: auto;
  margin-left: auto;
  border-collapse: collapse;
  height: 720px;
  width:870px;
}
#top{
  background-image:url(/pict/top.gif);
  background-repeat: no-repeat;	   
  height: 142px;
}
#mid{
  background-image:url(/pict/mid.gif);
  background-position: bottom;
  padding-top:5px;
  padding-left:22px;
  padding-right:25px;	
  text-align: left;
}

#mid1{
  background-image:url(/pict/mid1.gif);
  background-position: bottom;
  padding-top:5px;
  padding-left:22px;
  padding-right:25px;	
  text-align: left;
}
#bot{
  background-image:url(/pict/bot.gif);
  color: white;
  text-align: right;
  height: 47px;
  padding-top:5px;
  padding-right: 40px;
}
.home {
  height: 275px;
  width: 360px;
  padding-right: 10px;
}
UL {
  margin-top: 0px;
  margin-left: 25px;
  margin-right: 10px;
  line-height: 16px;
}
OL {
  margin-top: 0px;
  margin-left: 25px;
  margin-right: 10px;
  line-height: 16px;
}
.butt {
  border: 1px solid #ffffff;
  background-color: #ee3224;
  color:white;
  font-size:9pt;
  font-weight:bold;
  line-height : 16px;
}
.ebutt {
  border: 1px solid #ffffff;
  background-color: #a3a3a3;
  color:white;
  font-size:9pt;
  font-weight:bold;
  line-height : 16px;
}
img{
  border: 0px;
}
.input {
  border: 1px solid black;
  padding-left:2px;
}
textarea{
  font-family: Verdana;
  font-size: 9pt;
}
p,tr,td,table {
  vertical-align: top;
  font-family: Verdana;
  font-size:9pt;
}
td.off, td.on {
  height: 31px;
  width: 200px;
  text-align: center;
  padding-top:6px;
}
td.off{  background-image:url(/pict/knop-off.gif);}
td.on{  cursor:hand; background-image:url(/pict/knop-on.gif);}
tr.on { background: #f04646;}
tr.off { background: white;}
.ptoon{
  width: 600px;
  background: white;
}
.groeptekst{
  width: 700px;
  text-align: left;
  padding: 10px;
  background: white;
}
.hgroeptekst{
  width: 403px;
  text-align: left;
  padding: 10px;
  background: white;
}
.producttabel{
  border: solid 1px gray;
  margin-left: 5px;
  margin-bottom: 5px;	
  margin-bottom:10px;	
}
.productcell{
  width: 120px;
  cursor:hand;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
a:link.menu,a:hover.menu,a:active.menu,a:visited.menu {
  text-decoration: none;
  font-weight: bold;
}
.hgroepnaam{
	padding-left: 10px; 
}
.hfdiv{
  border: solid 1px gray;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 198px;
  * width: 193px;
  height: 100px;
  background: white;
  padding: 5px;
  text-align: center;
}
.adiv{
  line-height: 13px;
  border: solid 1px gray;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 198px;
  * width: 193px;
  height: 125px;
  background: white;
  padding: 5px;
  text-align: center;
}
.fdiv{
  border: solid 1px gray;
  margin-left: 5px;
  margin-bottom: 5px;	
  width: 170px;
  height: 150px;
  background: white;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.groepcel{
  width: 90px;
  height:85px;	
  cursor:hand;
}

.logo{
  padding-top:15px;
  height: 100px;
  width: 245px;
}
.menucel{
  padding-left:35px;  
}
.adminmenu{
  padding-top:60px;
}
table.productknoppen{
 width: 420px;	
}
td.productknoppen{
  padding-top:86px;
  padding-left:217px;  
  background-image:url(/pict/productknoppen.jpg);
  background-repeat: no-repeat; 	
}
.onderproduct{
  color: #e00022;
  padding-left: 10px;
  font-weight: bold; 
  font-size:18pt;	
  line-height: 30px;
}
.print{
  padding-top:3px;	
}
.content{
  padding-left:5px;  
}
#popupBox{
   text-align: center;
   position: absolute;
   left: 550px;
   top: 300px;	
   width: 400px;
   padding: 5px;
   border: solid 2px #000000;
   background-color: #FFFF99;
   visibility: visible;
   margin: 0px auto;
}
#popupBox a:link{ text-decoration: none; color: #000;}
a:link, a:visited, a:hover, a:active {color: black}
a:link, a:visited, a:active {text-decoration: underline; }
a:hover {text-decoration: none;}
a.nlink:link, a.nlink:visited, a.nlink:hover, a.nlink:active { 	font-size:9pt; font-weight:bold; color: white; text-decoration: none;}
a.nlink:hover {text-decoration: underline;}
a.actief:link, a.actief:visited, a.actief:hover, a.actief:active { font-size:9pt; font-weight: bold;color: white;text-decoration: underline;}