/****************************************************************************** /
 *           2007C  puntNL bv internetdiensten Amsterdam  www.puntNL.nl       * 
 *           Author: Stan Grootes                                             *
/*******************************************************************************/

.logoGroot {
	display:none;
	}

#content .bestel {
	width:70px;
	height:15px;
	background:url(../_img/bestel.gif) no-repeat;
	display:block;	
	margin:10px 0 0 0;			
	}	
	
#content .bestel:hover {	
	background:url(../_img/bestel_hover.gif) no-repeat;			
	}
	
#content .bestel span {
	position:absolute;
	left:-9999px;
	}
	
#content .winkelmand {
	width:82px;
	height:13px;
	background:url(../_img/winkelmandje.gif) no-repeat right;
	display:block;	
	margin:15px 0;			
	}	
	
#content .winkelmand:hover {	
	background:url(../_img/winkelmandje_hover.gif) no-repeat right;
			
	}
	
#content .winkelmand span, #content .informatieaanvraag span, #content .informatieaanvraag_en span {
	position:absolute;
	left:-9999px;
	}
	
#content .informatieaanvraag {
	width:139px;
	height:13px;
	background:url(../_img/informatieaanvraagb.gif) no-repeat right;
	display:block;	
	margin:15px 0;			
	}	
	
#content .informatieaanvraag:hover {	
	background:url(../_img/informatieaanvraagb_hover.gif) no-repeat right;
			
	}
	

#content .informatieaanvraag_en {
	width:149px;
	height:13px;
	background:url(../_img/information_inquiryb.gif) no-repeat right;
	display:block;	
	margin:15px 0;			
	}	
	
#content .informatieaanvraag_en:hover {	
	background:url(../_img/information_inquiryb_hover.gif) no-repeat right;
			
	}
	


#content .refresh {
	background:url(../_img/refresh.gif) no-repeat right 4px;
	height:auto;
	padding:0 15px 0 0;
	margin:0 0 0 153px;
	text-decoration:none;
	}
	
#content .refresh:hover {
	background:url(../_img/refresh_hover.gif) no-repeat right 4px;
	}
	
/*----------ENGELSE WINKEL STYLES---------*/

#content .order {
	width:70px;
	height:15px;
	background:url(../_img/order.gif) no-repeat;
	display:block;	
	margin:10px 0 0 0;			
	}	
	
#content .order:hover {	
	background:url(../_img/order_hover.gif) no-repeat;			
	}
	
#content .order span {
	position:absolute;
	left:-9999px;
	}
	
#content .basket {
	width:117px;
	height:13px;
	background:url(../_img/basket.gif) no-repeat right;
	display:block;	
	margin:15px 0;			
	}	
	
#content .basket:hover {	
	background:url(../_img/basket_hover.gif) no-repeat right;
			
	}
	
#content .basket span {
	position:absolute;
	left:-9999px;
	}
	
/******************************************************************************/
/* winkelmand styles */
/******************************************************************************/
	
#content form {
	margin:0 0 10px 0;
	}
	
#content form h3 {
	color:#000;
	}
	
#content select {
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	color:#666;
	width:150px;
	margin:0 0 10px 0;
	}
	
#imageBank p.off {
	color:#CCC;	
	}
	
#imageBank .off img {
	filter:alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity:0.2;
	cursor:pointer;	
	}
	
#imageBank .off a:hover img {
	filter:alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity:0.2;
	}
	
#imageBank #stap1,
#imageBank #stap2,
#imageBank #stap3
 	{
	position:absolute;
	top:65px;
	background: url(../_img/list.gif) no-repeat right 6px;
	padding:0 10px 0 0;
	margin:0;
	width:auto;
	height:auto;
	}
	
#imageBank #stap1 {left:90px;}
#imageBank #stap2 {left:270px;}
#imageBank #stap3 {left:450px;}

	
/*----------WINKEL KOSTEN BOX STYLES---------*/
	
#main #box {
	position:absolute;
	left:0px;
	top:160px;	
	background:#f5f5f5;	
	padding:10px 0 10px 0px;
	width:600px;
	z-index:1;
	}

#main form #box {
top:225px;
}
	
#main #box table {	
	border-collapse:collapse;	
	margin:0 0 0 90px;
	width:230px;
	}
	
#main #box td{
	padding:2px 0;	
	}
	
#main #box #totaal td {
	border-top:1px solid #ccc;
	}
	
#main #box  .euro {
	padding:0 5px 0 0;
	}
	
#main #box  .bedrag {
	text-align:right;
	}
	
#main #box th {
	text-align:left;
	font-weight:normal;
	width:140px;
	}	

#bestemming p {	
	margin:0;	
	position:absolute;
	left:430px;
	top:12px;
	width:150px;	
	padding:0;	
	}
	
#bestemming .dropdown {	
	margin:0;	
	position:absolute;
	left:430px;
	top:40px;
	width:150px;	
	padding:0;
	border:1px solid #CCC;	
	}
	
#bestemming .dropdown li {
	width:150px;
	background:url(../_img/dropdown.gif) no-repeat 137px 7px;	
	margin:0;
	padding:2px 2px 2px 0;
	list-style:none;
	}
	
#bestemming .dropdown li a {
	background:none;
	padding:0 2px;			
	text-decoration:none;				
	}
	
#bestemming .dropdown ul {
	background:#f5f5f5;
	width:130px;		
	border:1px solid #CCC;
	border-top:none;
	margin:2px 0 0 0;		
	*margin:17px 0 0 0;
	position:absolute;
	left:-9999px;	
	padding:0 0 3px 0;		
	}
	
#bestemming .dropdown ul li{	
	background:none;
	width:130px;	
	border:0;
	padding:1px 2px 0 0;						
	}
	
#bestemming .dropdown li:hover ul, #bestemming .dropdown li.ie_does_hover ul {
	left:-1px;		
	}
	
#bestemming .dropdown li:hover, #bestemming .dropdown li.ie_does_hover {
	background:url(../_img/dropdown_hover.gif) no-repeat 137px 7px;
	}
	
#main #ordernr {
	position:absolute;
	right:13px;	
	width:145px;		
	}
	
#main #ordernr h2{
	margin:0;
	}	
	
#main #ordernr p{
	font-size:16px;
	margin:0;
	}

	
/*----------WINKELMAND STYLES---------*/
	
#imageBank #winkelmand {
	position:absolute;
	left:0px;
	top:215px;
	width:600px;
	margin-bottom:30px;
	}

#main #imageBank #winkelmand {
        top:285px;
}
	
#imageBank #winkelmand a{	
	margin:0;
	}
	
#imageBank #winkelmand th {
	color:#666;	
	vertical-align:top;
	font-weight:normal;
	padding:15px 0;
	text-align:center;	
	}
	
#imageBank #winkelmand td {
	height:90px;
	vertical-align:middle;	
	}
	
#imageBank .plaatje {
	width:85px;	
	}
	
#imageBank .code {
	width:120px;
	}
	
#imageBank .euro {	
	padding:0 5px 0 10px;	
	}
	
#imageBank .prijs {
	text-align:right;
	width:104px;
	padding:0;			
	}
	
#imageBank .aantal {		
	padding:0 0 0 15px;	
	}
	
#imageBank #winkelmand th.code,
#imageBank #bevestiging th.code {
	text-align:left;	
	}
	
#imageBank #bevestiging th.code {
	text-align:left;	
	}
	
#imageBank #winkelmand th.aantal {
	text-align:left;
	padding:0 0 0 15px;
	vertical-align:middle;		
	}
	
#imageBank input.aantal {
	width:30px;
	text-align:right;
	padding:0;	
	}
	
#imageBank #winkelmand th.prijs,
#imageBank #winkelmand th.subtotaal,	
#imageBank #bevestiging th.prijs,
#imageBank #bevestiging th.subtotaal {
	text-align:right;	
	}
	
#imageBank #opslaan {
	width:60px;
	}
	
#imageBank .subtotaal {
	text-align:right;
	width:80px;		
	}
	
#imageBank .wis {
	width:30px;
	padding:0 0 0 10px;	
	}
	
#imageBank a.wis {
	background:url(../_img/wis.gif) no-repeat left 0;
	height:21px;	
	padding:2px 0 0 20px;
	text-decoration:none;
	}
	
#imageBank a.wis:hover {
	background:url(../_img/wis_hover.gif) no-repeat left 0;
	}

/*----------ENGELSE WINKELMAND STYLES---------*/

#imageBank .delete {
	width:50px;
	padding:0px;
	text-align:right;
	height:18px;
	text-decoration:none;	
	}

	
/*----------WINKELMAND STAP2 STYLES---------*/
	
#imageBank #registreren {
	position:absolute;
	top:215px;
	left:90px;
	width:450px;
	padding-bottom:20px;
	}
	
#imageBank #registreren h2 {
	padding:10px 0;
	}
	
#imageBank #registreren table {
	border:0;
	border-collapse:collapse;
	}
	
#imageBank #registreren td {
	padding:2px 0;
	}
	
#imageBank #registreren th {
	width:173px;
	text-align:left;
	font-weight:normal;		
	}
	
#imageBank #registreren input {
	width:200px;
	}
	
#imageBank #registreren #straat {
	width:155px;	
	}
	
#imageBank #registreren #nr {
	width:30px;
	margin-left:10px;
	}
#imageBank #registreren .radio {
	width:auto;
	border:0;	
	}
	
#imageBank #registreren .check {
	width:auto;
	border:0;	
	}
	
#imageBank #registreren #creditcard,
#imageBank #registreren #machtiging
 	{
	margin:15px 0 0 0;	
	}
	
#imageBank #creditcard #cvc {
	width:30px;	
	}
	
#imageBank #creditcard #help {
	width:50px;
	background:#f0f0f0;
	border:1px solid #ccc;
	}
	
#imageBank #registreren #bevestig {
	width:100px;
	background:#f0f0f0;
	border:1px solid #ccc;
	}

/*----------WINKELMAND STAP3 STYLES---------*/

#imageBank #bevestiging {
	position:absolute;
	left:90px;
	top:225px;
	width:500px;
	margin-bottom:30px;
	}
	
#imageBank table {
	width:100%;
	}
	
#imageBank #bevestiging th {
	color:#666;
	text-align:center;
	vertical-align:top;
	font-weight:normal;	
	}
	
#imageBank bevestiging td {	
	vertical-align:middle;	
	}
	
#imageBank #bevestiging .code {
	width:120px;	
	}
	
#imageBank #bevestiging .prijs {
	width:104px;	
	}

#imageBank #bevestiging .subtotaal {
	width:104px;	
	}
	
#imageBank #bevestiging .aantal {
	text-align:center;	
	}
	
#imageBank #bevestiging a {
	width:auto;
	height:auto;
	}
	
#imageBank #gegevens {
	margin:20px 0 0 0;
	width:100%;
	}
	
#imageBank #gegevens td {
	vertical-align:top;
	}