* {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
}
img{ border: 0px;}
p,tr,td,table {border-collapse: collapse;}
textarea{font: normal 12px arial, sans-serif;color: #000;}
a {color: #000;}
a:hover{
  text-decoration: none;
}
img{
  border: 0px;
}
#mainbody{
  background: #cdcdcd url(/pict/back.png) repeat-x top left;
}
html, body, td {
  margin:0;
  padding:0;
  height:100%; /* needed for container min-height */
  font: normal 12px arial, sans-serif;
  color: #000;
  line-height: 18px;
}
td {vertical-align: top;}
ul{
  margin: 0;
  padding: 0 0 0 20px;
  list-style-type: disc;
  line-height: 18px;
}
ol{
  margin: 0;
  padding: 0;
  list-style-type: decimal;
  list-style-position: inside;
  line-height: 16pt;	
}

/* container */
.clear {
	clear: both;
}
#container, #headerContainer, #footer {
	width: 1000px;
	/* overflow: hidden; */	
}
#container {
  min-height: 100%;
  _height: 100%;
  margin: 0 auto;
  background: url(/pict/container.png) repeat top center;
  position: relative;
}
* html > #container {
  height: 100%;
}
#headerContainer {	
  background:url(/pict/header.png) no-repeat top left;
  float: left;
  height: 184px;
}
#contentContainer{
  padding: 5px 20px;
  float: left;
}
#maincontent{
  float: left;
  width: 960px;
  margin-bottom: 50px;
}
#content_left{
  float: left;
  width: 700px;	}
#sidebar{
  background: #fff9e6;
  float: right;
  width: 250px;	
}
#sidebar h2{
  background:url(/pict/balk.png) no-repeat top left;
  font-size: 13px;
  color: #fff;
  margin: 0 0 5px 0;
  padding: 3px 0 0 5px;
  height: 25px;
}
#sidebar ul{
  color: #000;
  margin: 0;
  padding: 0 0 0 15px;
  list-style-image: url(/pict/arrows.png);
}
#sidebar ul li{
  border-bottom: 1px dotted #909090;  
  margin: 0 0 5px 0;
}
#sidebar a{
  text-decoration: none;
  font-weight: bold;
  color: #0099d8;
}
#sidebar a:hover{
  text-decoration: underline;  	
}
#sidebar a.rss {
  display: block;
  background:url(/pict/rss.png) no-repeat 0px 3px;	
  margin: 15px 0 15px 15px;
  padding-left: 20px;
  color: #0199d3;
  text-decoration: none;  	
}
#importtxt{
  padding: 0 0 0 15px;
  background: url(/pict/arrows.png) no-repeat 0px 7px;	
}
#kenteken{
  width: 174px;
  height: 37px;
  background:url(/pict/kenteken.png) no-repeat left;
  margin-bottom: 7px;
}
#kensubmit{
  position: absolute;
  top: 246px;
  right: 25px;    	
}
#kenteken .veld{
  width: 120px;
  border: 0;
  font: bolder 18px arial, sans-serif;
  background:url(/pict/kenteken.png) no-repeat -20px -9px;
  margin: 6px 0 0 30px;  
}
#sidebar a.rss:hover{
  color: #ccc;
  text-decoration: underline;
}
/* objecten in de header*/
#logo{
  position: absolute;
  left: 10px;
  top: 10px;
}
#flash_header{
  position: absolute;
  left: 240px;
  top: 5px;
}
#startani{
  background:url(/pict/headerbg.jpg) no-repeat 0px 3px;	
  position: absolute;
  height: 120px;
  left: 350px;
  width: 340px;
  top: 5px;
}
#startani a{
  padding: 0 3px;
  display: block;
  position: absolute;
  left:240px;
  top: 100px;
  font: normal 8pt arial;
  color: #a1a1a1;
  text-decoration: none; 	
}
#startani a:hover{
  color: #fff;
  background: #b1b1b1;
}
#mandje{
  background:url(/pict/mandje.png) no-repeat 160px 3px;	
  border: 1px solid #0099d3;
  position: absolute;
  right: 20px;
  top: 30px;
  width: 180px;
  height: 23px;
}
#mandje a{
  padding: 5px 0 0 5px;	
}
#zoek{
  position: absolute;
  right: 25px;
  top: 128px;
  border: 1px solid #939090;
  background: #e3e3e3;
  height: 21px;
}

#zoek input.veld{
  padding: 0 0 0 5px;
  margin: 0px;	
  background: #e3e3e3;
  border: 0;
}
#zoek input.knop{
  position: absolute;
  right: 2px;
  top: 2px;
}
#url{
  position: absolute;
  right: 20px;
  top: 160px;
}
#url a, #url{
  font: normal 10px arial, sans-serif;	
}
/* footer */
#footer {
  position: absolute;
  bottom: 0px;
  height: 40px;
  padding: 0px;
  background-image:url(/pict/footer.png); 
}
#f_left{
  color: #000;
  float: left;
  padding:9px 0px 0px 40px;	
}
#f_right{
  color: #000;	
  float: right;
  padding: 9px 40px 0px 0px;
}
#f_right a{
  color: #000;		
  text-decoration: none;
}
#f_right a:hover{
  text-decoration: underline;
}
/* adminmenu */
#a_menu{
  z-index:1;
  position:absolute;
  left: 220px;
  top: 70px;
}
#a_menu ul{
    padding: 0;	
	margin-left: 0;
	white-space: nowrap;
}
#a_menu li{
	display: inline;
	list-style-type: none;
}
#a_menu a{
    padding: 2px 5px 2px 5px;
	background: #605f4f;
	color: #fff;
	text-decoration: none;	
}
#a_menu a:hover{
	background: #444;
	color: #fff;
}
#a_menu span{
  background: #b1c2cc;
  padding: 2px 5px 2px 5px;
}
/* pagenum */
.pagenum{
  float: left;
  width: 700px;
  text-align:center;
  margin: 5px 0;
}
.pagenum ul{
  padding: 0;	
  margin-left: 0;
  white-space: nowrap;	
}
.pagenum li{
  color: #000;
  display: inline;
  list-style-type: none;
  width: 20px;	
}
.pagenum a{
  border: 1px solid #c1c1c1;
  padding: 0;
  margin: 0 2px;
  text-decoration: none;
}
.pagenum a:hover, .pagenum a.actief{
  border: 1px solid #eb880e;
  background: #eb880e;
  color: #fff;
}
/* listitem: nieuws*/
.listitem{
  border-bottom: 1px dotted #c1c1c1;	
  float: left;
  width: 700px;
  margin: 0 0 5px 0;
  min-height: 140px;
  overflow: hidden;	
}
.listitem img{
  border: 1px solid #000;
  float: left;
  margin: 0 10px 0 0;	
}
.listitem div.title{
  float: left;
  width: 360px;
  height: 40px;	
}
.listitem div.title a{
  color: #0199d3;
  font: bold 10.5pt arial;
  text-decoration: none;
}
.listitem div.title a:hover{
  text-decoration: underline;
}
.listitem div.date{
  float: right;
  height: 40px; 	
}
.listitem div.text{
  float: right;	
  width: 487px;
}
#nieuwslijst a.rss {
  background:url(/pict/rss.png) no-repeat 0px 3px;
  color: #0199d3;
  text-decoration: none;  	
  padding: 2px 0 0 20px;
}
.listitem div.opinietext{
float: right;
  width: 487px;
}
/* nieuws show */
#shownieuws h2{
  color: #0199d3;
  font: bold 10.5pt arial;	
  margin-bottom: 5px;
}
#shownieuws #datum{
  font-size: 11px;
}
#shownieuws #img{
  text-align: center;	
}	
#shownieuws img{
  border: 1px solid #c1c1c1;
  padding: 5px;	
}
#shownieuws a{
  color: #0099d8;	
}
#shownieuws .kop{
  float: left;	
  width: 120px;	
}
#shownieuws .link{
  float: left;	
  width: 550px;
}
/* uitklap*/
#uitklap{
  display: none;
}
/* form */
#form td{
 padding-bottom: 5px;	
}
/* menu */
#navcontainer {
  position:absolute;
  left: 25px;
  top: 124px;
  width: 800px;
}
#navcontainer ul {
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navcontainer ul li{
  display: block;
  float: left;
  padding: 0;
  width: 90px;
  margin: 0;
}
#navcontainer ul li a{
  font: bold 12px arial;
  text-transform: uppercase;
  height: 32px;
  padding-top: 7px;
  text-align: center;
  background:url(/pict/menu_off.png) no-repeat top left;
  color: #000;
  text-decoration: none;
  display: block;
}
#navcontainer ul li a:hover, #navcontainer a:active, #navcontainer a.actief{
  background:url(/pict/menu_on.png) no-repeat top left;
  color: #fff;
}
/* menu sub*/
#navcontainer div{
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  padding: 5px 0 0 0;
  margin: 0;
}
#navcontainer div.activesub{
  display: block;	
}
#navcontainer div.activesub a {
  background:url(/pict/blank.png) no-repeat top left;
  text-decoration: none;	

  text-align: left;
  padding: 0 10px;

}
#navcontainer div.activesub a:hover{
  background:url(/pict/blank.png) no-repeat top left;	
  color: #fff;
}
/* detaillog */
#detaillog td{
  font: normal 7.5pt arial, sans-serif;
  padding: 0px 2px;	
  border: 1px dotted #ccc;
}
#detaillog tr.kop td{
  background: #b1c2cc;
  color: #fff;	
}
/* log */
#log td{
  text-align: center;
  padding: 0px 7px;
  border-left: 1px solid #000;
}
#log td.title{
  text-align: left;
  font-weight: bold;
  width: 220px;
}	
#toprij td{
  border-left: 0px solid #000;
  border-BOTTOM: 1px solid #000;
  height: 22px;
  vertical-align: middle;
}
#log tr.rijkleur{
  background: #b1c2cc;
}
#nieuwsbericht{
  float: right;
  width: 620px;	
}
.balk{
  background:url(/pict/balk.png) no-repeat top left;
  width: 270px;
  height: 30px; 	
}
.balktekst{
	padding: 3px 0 0 15px;
}
/* productentable */
.ptable {
 float: left;
 width: 700px;

}
.ptable .cell {
 float: left;
 margin: 0 5px 5px 0;
 width: 340px;
 height: 150px;
 border: 1px solid #c1c1c1;
}
.ptable .cell .naam{
  height: 50px;
  float: left;
  width: 200px;  
}
.ptable .cell .naam h3{
  line-height: 17px;
  font-size: 17px;
  padding: 10px 0 0 10px;
}
.ptable .cell .naam a{
  text-decoration: none;
}
.ptable .cell .naam a:hover{
  text-decoration: underline;
}

.ptable .cell .meer{
  height: 50px;
  float: right;
}
.ptable .cell .meer a{
  display: block;
  padding: 10px 5px 0 0;
}

.ptable .cell .img{
  height: 80px;
  float: left;
  width: 90px;  
  text-align: right;
}  
.ptable .cell .description{
  float: right;
  width: 230px;  
  top: 40px;
  font-size: 11px;
}
/* afrekenen */
#afrekenen td{
  padding: 0 5px 5px 0;	
}
#afrekenen img.product{
  padding: 3px;
  width: 50px;	
}
/* opties */
.opties td{
  padding: 0 5px;	
}
/* productfotos */
#productfotos{
  float: left;	
  width: 700px;
} 
#productfotos .cell{
  float: left;	
  width: 173px;  	
}
#productfotos .cell .regel{
  width: 160px;
  margin: 5px;  
}
#productfotos .cell img{
  border: 1px solid #000;
  margin: 0 5px 5px 5px;
}
/* productshow */
#showproduct h2{
  color: #0199d3;
  font: bold 10.5pt arial;	
  margin-bottom: 5px;
} 
#showproduct{
  float: left;	
  width: 700px;
}
#showproduct .img{
  float: right;
  padding: 0 ;
  margin: 0 0 0 10px;
}
#showproduct img.img{
  width: 120px;
}
#showproduct .naam{
  float: left;
  width: 680px;
  padding: 10px 0 10px 10px;
} 
#showproduct .description{
  float: left;
  width: 550px;
  padding: 0 0 0 10px;
} 
#showproduct .beschrijving{
  float: left;
  width: 680px;
  padding: 0 0 0 10px;
}
#showproduct .bestel{
  float: left;
  width: 680px;
  padding: 0 0 0 10px;
}
#showproduct .faq, #showproduct .persberichten {
  float: left;
  width: 680px;
  padding: 0 0 0 10px;
}

#showproduct #antwoord{
  border-bottom: 1px dotted #c1c1c1;
}
/* bestelform */
#bestelform {
 background: #e4f7ff;
 float: left;
}
#bestelform .naam{
  padding: 5px 0 5px 5px;	
  float: left;
  width: 450px;	
} 
#bestelform .prijs{
  padding: 5px 0;	
  float: left;
  width: 100px;	
}
#bestelform .aantal{
  padding: 3px 0;	
  float: right;
  width: 80px;	
}
#bestelform input.cell{
  width: 20px;	
}
#bestelform .formbalk{
  float: left;
  width: 670px;
  border-bottom: 1px dotted #c1c1c1;
  height: 1px;	
} 
/* faq */
.antwoord{
  background: #e4f7ff;
  padding: 5px;
  margin-bottom: 10px;	
}
#anitekst{
  border: 1px solid #c1c1c1;
  padding: 5px;
  margin-bottom: 5px;	
}
/* support */
#support td{
  font: normal 11px arial, sans-serif;		
  height: 20px;
  vertical-align: middle;
  padding: 0 10px;
}
/* tooltip */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}