/**************************************************************************************************
html-body Section
***************************************************************************************************/
  body{
  text-align:center;
  background:#fff;               
  }
/**************************************************************************************************
Framework Section
 ***************************************************************************************************/  
  
  #wraper{   
  width:990px;
  margin:0 auto;
  text-align:left;
  background:#fff;
  }
/**************************************************************************************************
Header section
 ***************************************************************************************************/  
   
   .header{
   width:990px;
   height:40px;
   }
/**************************************************************************************************
Green section
 ***************************************************************************************************/  
   
   .green{
   position:relative;
   width:990px;
   height:11px;
   background:url(/images/greenloop.gif) repeat-x left top;
   background-position:0% 0%;
   _margin-top:-3px;
   }
   
/*Bestek Style*/
	.bestek{
   width:265px;
   height:235px;
   position:absolute;
   top:-8px;
   right:20px;
   _cursor:hand;
   _cursor:pointer;
   background:url(/images/bigbestek.png) no-repeat left top;
   background-position:0% 0%;
   border:0px solid lime;
   }
/**************************************************************************************************
kop section
 ***************************************************************************************************/  
   
   .kop{
   width:990px;
   height:77px;
   }
   .kopbox{
   width:990px;
   height:77px;
   background:url(/images/kops.gif) no-repeat left top;
   background-position:0% 0%;
   }
/**************************************************************************************************
Hormenu section
 ***************************************************************************************************/  
   
   .hormenu{
   width:990px;
   }
   html>body .hormenu{
   overflow:hidden;
   }
   .hormenubox{
   width:690px;
   min-height:50px;_height:50px;
   margin:10px 0 0 395px;
   }
   .hormenu ul{
   list-style:none;
   margin:0px 0 0 0px;
   }
   .hormenu ul li{
   float:left;
   border:0px solid green;
   }
   .hormenu a{
   padding:0 10px 0 12px;
   background:url(/images/circlebullet.gif) no-repeat left top;
   background-position:0% 50%;
   }
   .hormenu li a:hover{
	color:#0095d8;
	background:url(/images/circlebulletover.gif) no-repeat left top;
   background-position:0% 50%;
	}
   .firstchild a, .hormenu .firstchild a:hover{
   /*font-size:14px;
	font-weight:bold;
	background:none;*/
   }  
   .hormenu .menuitem-active a{
   /*font-size:14px;
   color:#0095d8;
   font-weight:bold;*/
   }

/**************************************************************************************************
Contentwraper section
***************************************************************************************************/  
   .contentwraper{
   width:990px;
   margin:20px 0 60px 0;
   border:0px solid green;
   }
   html>body #contentwraper{
   overflow:hidden;
   }

/**************************************************************************************************
Content section
***************************************************************************************************/  
   .content{
   float:left;
   width:707px;
   
   }
   .contentbox{
   width:650px;
   min-height:150px;_height:150px;
   margin:0px 0 0 50px;
   border:0px solid lime;
   
   }  

/*ProductList style*/
	.prolist{
   width:650px;
   min-height:150px;_height:150px;
   /*height:400px;*/
   border:0px solid #000 ;
   }
   html>body .prolist{
  overflow:hidden;
   }    
	.listbox{
	float:left;
   width:173px;
   margin:0px 40px 30px 0px;
   border-left:1px solid #000 ;
   border-right:1px solid #000 ;
   }
   .listboxlift{
   width:150px;
   min-height:150px;_height:150px;
   margin:0 0 0 10px;
   text-align:center;
   }

/*listtext style*/
	.listfoto{
   width:150px;
   min-height:120px;_height:120px;
   }
   .listfoto a{
   }
	
	.listtext{
   width:150px;
   min-height:70px;_height:70px;
   
   }

/* title-prijs-info style*/   
   .listtitle, .listprijs, .listinfo{
   padding:2px 0;
  }
  .listtitle{
   
  }
  /*.listprijs{
  position:relative;
  font-size:20px;
   font-weight:bold;
   padding:0 0 0 50px;_padding:0 0 0 0px;_margin:0 0 0 50;
   border:0px solid red;
  }*/
  .listprijs{
  font-size:20px;
  font-weight:bold;
  }
  .listprijs span{
   font-size:12px;
   padding:3px 0;
   background:url(/images/streeprecht.png) no-repeat 0% 0%;
   border:0px solid green;
  }
  /*.listprijs span{
  font-size:12px;
  position:absolute;
    top: 5px;
    left:0px;
    _margin:0 0 0 -50;
   background:url(/images/streeprecht.png) no-repeat 0% 30%;
   border:0px solid green;
  }*/
  .listinfo{
  font-weight:bold;
  }


/*DetailFoto style*/
	.detailfoto{
   width:210px;
   border-left:1px solid #000;
   border-right:1px solid #000;
   padding:10px 0;
   }
   .detailfotolift{
   width:190px;
   min-height:120px;_height:120px;
   margin:0 0 0px 8px;
   
   }
   .detailfoto p{
   text-align:center;
   font-size:14px;
   margin:0px 0 10px 0px;
   }

/* DetailText style*/
	.detailtextlift{
   margin:10px 0 0 30px;
   }	   
   .detailtext, .detailprijs, .detailinfo{
   padding:5px 0;
  }
  .detailtext{
  
  }
  .detailprijs{
   position:relative;
  font-size:20px;
   font-weight:bold;
  padding:0 0 0 65px;_padding:0 0 0 0px;
   _margin:0 0 0 50;
  }
  .detailprijs span{
   font-size:14px;
   position:absolute;
    top: 4px;_top: 2px;
    left:0px;
    _margin:0 0 0 -60;
    background:url(/images/streeprecht.png) no-repeat 100% 30%;
   border:0px solid green;
  }
  .detailinfo{
  font-weight:bold;
  }  
  
/* Toevoegbtn style*/
	.toevoeg{
	width:180px;
   height:17px;
   text-align:center;
   background:red;
   margin:20px 0 20px 0px;
   }
   .toevoeg a{
   color:#fff;
   padding:0px 0 0 0;
   }
       
/**************************************************************************************************
Mandje section
***************************************************************************************************/  
   .mandje{
   float:left;
   width:278px;
   border:0px solid orange;
   }
   .mandjebox{
   width:200px;
   min-height:80px;_height:80px;
   margin:110px 0 0 60px;
   }
   .mandjefoto{
   width:150px;
   min-height:100px;_height:100px;
   margin:0 0 0 50px;
   background:url(/images/winkelmandje.gif) no-repeat 0% 0%;
    border:0px solid green;
   }
   .cart{
   width:200px;
   margin:10px 0;
  text-align:center;
   }
/**************************************************************************************************
Formulier section
***************************************************************************************************/  
   .vul{
   font-weight:bold;
   }   
   .indien{
   font-weight:bold;
   }
   
   .submit{
   border:0px solid red;
   } 
   
   .afrekenenbtn{
    /*float:right;*/
    width:170px;
    height:25px;
	margin:8px 0px 0 0px;
	background:url(/images/afrekenen.gif) no-repeat left top;
    background-position:0% 0%;
	cursor:hand;
	cursor:pointer;
	border:none;
	}   
/**************************************************************************************************
Clear section
***************************************************************************************************/  
   .clear{
   clear:both;
   }
/**************************************************************************************************
Footer section
***************************************************************************************************/  
   
   .footer{
   position:relative;
   width:990px;
   clear:both;
   }
  .footerbox{
   width:780px;
   height:18px;
   margin-left:200px;
   }
   .footer p{
   color:#666666;
   font-size:10px;
   }
   .footer p a{
   color:#666666;
   }
   .logo{
   width:212px;
   height:107px;
   position:absolute;
   top:-62px;
   left:800px;
   _cursor:hand;
   _cursor:pointer;
   }
   
 /* BELANGRIJK VOOR WEBSHOP */
 .error { 
 	color:red;
 }
 
 .imagepopup {
    display: none;
    position: fixed;
    top: 17%;
    left: 40%;
    width: auto;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
    z-index:3000;
}

/**************************************************************************************************
Cart section
 ***************************************************************************************************/  

#viewcart table {
	width:450px;
	_border-collapse:collapse;
	border-spacing:0px;
	border:0px;
}

#viewcart table thead tr td {
	font-weight:bold;
	
}
#viewcart .cell1, #viewcart .cell2, #viewcart .cell3, #viewcart .cell4, #viewcart .cell5{
	padding:5px 0 ;
	border-top:2px solid #c1dd85;
	border-bottom:2px solid #c1dd85;
	
}
#viewcart .cell1{
width:68px;_width:36px;	
}

#viewcart .head1 {
	width:20px;
}

#viewcart .head3, .head4, .cell3, .cell3 input, .cell4 {
	text-align:center;
}

#viewcart .cell3 input {
	width:40px;
}

#viewcart .head5, .cell5, .foot1b, .foot2b, .foot3b, .foot4a {
	text-align:right;
}

#viewcart .foot4a {
	padding-top:20px;
}

#viewcart .cell1 input {
	font-weight:bold;
	font-size:14px;
	border:0px;
	background: url(/images/verwijderen.gif) no-repeat left top;
    background-position:0% 50%;
	width:68px;
	cursor:hand;
	cursor:pointer;
}

#viewcart .cell1 a {
	text-decoration:none;
}

#viewcart .foot1a, #viewcart .foot2a, #viewcart .foot3a {
	text-align:right;
	padding-right:10px;
	font-weight:bold;
}

#viewcart .foot1a, #viewcart .foot1b {
	padding-top:20px;
}

.forminputtext {
	width:220px;
	border:1px solid black;
	margin-bottom:2px;
}
/**********************/
#viewcart tr {
	border:1px solid black;
}



/*************newviewcart section*************************************/


#viewcart{
position:relative;
margin:110 0 0 180px;
border:0px solid green;
}
/*Mandje style*/
.bigmandje{
width:160px;
height:160px;
position:absolute;
top:-70px;_top:-100px;
left:-160px;
background:url(../images/bigmandje.png) no-repeat top left;
border:0px solid green;
}

/*Viewtitle style*/
.viewtitle {
font-size:18px;
margin:0 0 20px 0;
}
/*Onderline style*/
.onderline1, .onderline2 {
margin:5px 0;
border:1px solid #c1dd85;
}