html, body
{
	/*height: 92%;*/
	/*margin: 0.5% 0.5% 0.5% 0.5%;*/
	margin: 0;
	/*text-align: center;*/
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 120%;
	word-spacing: 2px;
}

html
{
	background-image: url(../img/achtergrond.gif);
	background-repeat: repeat-y;
	background-color: transparent;	
	width: 100%;
}

body
{
	/*background-image: url(../img/achtergrond.gif);
	background-repeat: repeat-y;	
	background-color: transparent;*/
	width: 1000px;
	
	/*border-right: 1px solid #ef5930;			
	border-left: 1px solid #ef5930;
	border-top: 1px solid #ef5930;*/
}

#dhtmltooltip
{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 4px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
}

#dhtmlpointer
{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	background-image: url(../img/tooltip.gif);
}

/*
* html body div.frame
{
	height: auto;
	overflow: auto;
}

div.frame
{
	overflow: auto;
	height: 700px;
	min-height: 700px;
}*/

*
{
	font-family: arial, helvetica, sans-serif;
}

form input
{
	margin: 0px;
	font-size: 11px;
}

form textarea,
select option
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

form select.landen
{
	width: 200px;
}

form textarea.omschrijving
{
	width: 90%;
	height: 150px;
}

form input[readonly]
{
	color: #AAAAAA;
}

form input.klein
{
	width: 40px;
}

form input.medium
{
	width: 70px;
}

form input.groot
{
	width: 250px;
}

form input[type=submit]
{
	border: 0px;
	height: 20px;
}

form input[type=radio]
{
	background: none;
	border: 0px;
}

form input[type=checkbox]
{
	background: none;
	border: 0px;
}

/*div.frame
{
	width: 1000px;
	height: auto;*/
	
	/*margin: 0 auto;*/
	
	/*text-align: left;
	border: 1px solid #ef5930;
	background-image: url(../img/frame.jpg);
}*/

div.titel
{
	height: 180px;
	width: 220px;
	float: left;
	background-image: url(../img/anker.gif);
	background-repeat: no-repeat;
}

div.modules
{
	height: 30px;
	width: 780px;	
	float: left;
}

div.modules ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 29px;
}

div.modules ul li
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 29px;
}

div.modules ul li a
{
	margin: 0;
 	padding-left: 10px;
 	padding-right: 10px;
	display: block;
	float: left;
	border-right: 1px solid #d74922;
	height: 29px;
	text-align: center;
	font-size: 12px;
	color: white;
	line-height: 20pt;
	text-decoration: none;
}

div.modules ul li.active a,
div.modules ul li a:hover
{
	background: url(../img/modules_link_actief.gif);
}

div.module-info
{
	width: 200px;
	margin: 0px;
	top: 200px; 
	padding: 0px;
	float: left;
	left: 1%;
	position: absolute;
	min-height: 500px;
	overflow: auto;	
}

div.module-info div.menu
{

}

div.module-info div.menu ul
{
	list-style-type: none; 
	padding: 0;
	margin: 0;	
	height: auto;
}

div.module-info div.menu ul li
{
	display: block;
	height: auto;	
}

div.module-info div.menu ul li a
{
	display: block;         	/* lines extend to right, make area clickable */
	display: inline-block;         /* lines extend to right, make area clickable */
	color: #FFFFFF;
	padding: 3px 3px 3px 23px;
	margin: 0px;
	text-decoration: none;
	height: 14px;           /* hint for IE, alternatively remove whitespace from HTML */
	height: auto;	
}

div.module-info div.menu ul ul li a
{
	margin-left: 10px;     /* indent level 1 */	
}

div.module-info div.menu ul ul ul li a
{
	margin-left: 20px;     /* indent level 2 */	
}

div.module-info div.menu li.open ul
{
	display: block;        /* expand */		
}

div.module-info div.menu li.closed ul
{
	display: none;
}

div.module-info div.menu ul li.open a
{
	background-image: url(../img/bullet_open.gif);
	background-repeat: no-repeat;
}

div.module-info div.menu ul li.closed a
{
	background-image: url(../img/bullet_closed.gif);
	background-repeat: no-repeat;
}

div.module-info div.menu ul li.leaf a
{
	background-image: url(../img/bullet_leaf.gif);
	background-repeat: no-repeat;
}

* html div.module-resultaat
{
	height: 100%;
	overflow: visible;
	padding-bottom: 100px;
}

div.module-resultaat
{
	width: 772px;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	/*height: 95%;*/
	min-height: 700px;
	overflow: auto;
	float: right;
	/*border-bottom: 1px solid #ef5930;*/
}

div.standaarden
{
	display: none;
}

div.tabs
{
	width: 700px;	
	border-collapse: collapse;	
	margin: 10px 0px 0px 0px;
	float: left;
	display: block;
	clear: both;	
}

div.tabs ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #a0a0a0;
	height: 20px;
}

div.tabs ul li
{
	float: left;	
	margin: 0px;
	padding: 0px;	
	color: #BBBBBB;
	line-height: 20px;	
	background-image: url(../img/tab.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	padding: 0px 10px 0px 10px;
}

div.tabs ul li a
{	
	color: #ef5930;
	margin: 0px;	
	text-decoration: none;	
}

div.tabs ul li.active
{
	background-image: url(../img/tab_actief.gif);
}

div.tabs ul li.active a
{
	color: #FFFFFF;
}

div.tabs-content
{
	display: block;
	clear: both;
	
	margin: 0px 0px 0px 0px;
	padding: 5px;
	
	border-collapse: collapse;
	border-left: 1px solid #C6C4C4;
	border-bottom: 1px solid #C6C4C4;
	border-right: 1px solid #C6C4C4;
	
	width: 689px;
	min-height: 250px;
}

form
{
  	padding: 0px;
  	margin: 0px;
}

form ul
{
  	list-style-type: none;
  	padding: 0px;
  	margin: 0px;
  	clear: both;
  	overflow: auto;
 	border: 0px;
}

form ul
{
  	margin: 2px;
}

form ul li
{
  	margin-right: 5px;
  	padding: 0px;
  	float: left;
}

form ul li.label
{
	font-weight: bold;
	width: 140px;
	text-align: left;
}

form ul li.normaal
{
	font-weight: normal;
}

form ul li.fout
{
	color: red;
}

form ul li.verplicht
{
	color: red;
	vertical-align: top;
}

/** productgroepen */

div.presentatie-groep.product
{
	margin-top: 5px;
}

div.presentatie-groep.product ul
{
	list-style-type: none;
	width: auto;
	height: 115px;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	float: left;
	margin: 0px 12px 10px 0px;
	background-image: url(../img/product_groep3.gif);
	padding: 1px 1px 4px 1px;	
}

div.presentatie-groep.product ul li,
div.presentatie-groep.product ul li img,
div.presentatie-groep.product ul li a
{
	margin: 0px;
	padding: 0px;
}

div.presentatie-groep.product ul li img
{
	margin: 5px 0 0 0;
	padding: 0px;
	border: 0px;
}

div.presentatie-groep.product ul li.informatie
{
	padding-top: 3px;
}

div.presentatie-groep.product ul li.naam a
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 16px;
	margin: 4px 3px 0px 5px;
	display: block;	
}

div.presentatie-groep.product ul li.naam
{
	height: 40px;
	width: 170px;
}

span.afwijking
{
	color: #ef5930;
	display: block;
	clear: both;
	margin-top: 20px;
	text-align: center;
}

ul.module-acties
{
	list-style: none;
	float: left;	
	margin: 0px;
	padding: 0px;	
	overflow: visible;
}

ul.module-acties li
{
	background-repeat: no-repeat;
	background-position: 0 50%;	
	margin: 0px;
	padding: 0px;	
	margin-top: 2px;
	margin-bottom: 2px;		
	clear: both;
	line-height: 19px;
}

ul.module-acties li a
{
	font-weight: bold;
	white-space: nowrap;	
	height: 20px;	
	margin: 0px;
	padding: 0px;	
	padding-left: 20px;
	display: block;
	color: black;
}

div.module-resultaat ul.module-acties
{
	width: 18%;
}

div.locatie-informatie ul.module-acties
{
	width: 30%;		
}

div.locatie-informatie ul.module-acties li
{
	float: left;
	padding: 0px;
	float: left;
	clear: none;
	margin-left: 3px;
}

div.locatie-informatie ul.module-acties li a
{
	float: left;
}

div.locatie-informatie
{
	width: 95%;
	border-bottom: 1px solid #DDDDDD; 
	font-weight: bold;
	margin: 5px 0px 10px 0px;
	height: 22px;
	line-height: 20px;
	overflow: auto;
	height: auto;
}

div.locatie-informatie a
{
	font-weight: normal;
	float: left;
	color: black;
	text-decoration: none;
}

div.locatie-informatie span,
div.locatie-informatie a.navi
{
	float: left;
	display: block;		
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url(../img/pijl_rechts.gif);
	white-space: nowrap;
}

/** acties */

ul li.annuleren { background-image: url(../img/acties/annuleren.gif); }
ul li.assemblage { background-image: url(../img/acties/assemblage.gif); }
ul li.deblokkeren { background-image: url(../img/acties/deblokkeren.gif); }
ul li.detail { background-image: url(../img/acties/detail.gif); }
ul li.document { background-image: url(../img/mime/text.gif); }
ul li.download { background-image: url(../img/acties/download.gif); }
ul li.download-pdf { background-image: url(../img/mime/pdf.gif); }
ul li.email { background-image: url(../img/acties/email.gif); }
ul li.favoriet { background-image: url(../img/acties/favoriet.gif); }
ul li.hulp { background-image: url(../img/acties/hulp.gif); }
ul li.import { background-image: url(../img/acties/import.gif); }
ul li.instellingen { background-image: url(../img/acties/instellingen.gif); }
ul li.internet { background-image: url(../img/acties/internet.gif); }
ul li.koppeling { background-image: url(../img/acties/koppeling.gif); }
ul li.legen { background-image: url(../img/acties/legen.gif); }
ul li.nieuw { background-image: url(../img/acties/nieuw.gif); }
ul li.niveau_hoger { background-image: url(../img/acties/niveau_hoger.gif); }
ul li.niveau_lager { background-image: url(../img/acties/niveau_lager.gif); }
ul li.overzicht { background-image: url(../img/acties/overzicht.gif); }
ul li.print { background-image: url(../img/acties/print.gif); }
ul li.sitemap { background-image: url(../img/acties/sitemap.gif); }
ul li.sorteren_hoger { background-image: url(../img/acties/sorteren_hoger.gif); }
ul li.sorteren_lager { background-image: url(../img/acties/sorteren_lager.gif); }
ul li.statistieken { background-image: url(../img/acties/statistieken.gif); }
ul li.verwijder { background-image: url(../img/acties/verwijder.gif); }
ul li.verzamel { background-image: url(../img/acties/verzamel.gif); }
ul li.verzenden { background-image: url(../img/acties/verzenden.gif); }
ul li.winkelmandje { background-image: url(../img/acties/winkelmandje.gif); }
ul li.wijzig { background-image: url(../img/acties/wijzig.gif); }
ul li.zoek { background-image: url(../img/acties/zoek.gif); }

ul li.print a { cursor: pointer; text-decoration: underline;}
ul li.winkelmandje a { cursor: pointer; text-decoration: underline; }

div.module-resultaat div.actie-info
{
	width: 	19%;
	float: left;	
	margin: 0px 0px 5px 0px;		
	padding: 0px;		
	display: block;
}

div.module-resultaat div.actie-info span.actie
{
	font-weight: bold;
	text-transform: uppercase;
}

div.module-resultaat div.actie-info ul.module-acties,
div.module-resultaat div.actie-info ul.overzicht-opties
{
	clear: both;
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border: 0px;
}

div.module-resultaat div.actie-info ul.module-acties li,
div.module-resultaat div.actie-info ul.overzicht-opties li
{
	margin: 1px 0px 0px 0px;
	padding: 0px;
	float: left;
}

div.module-resultaat div.informatie
{
	margin: 0 auto;	
	padding: 0px;
	float: left;
	width: 600px;
	height: auto;
	overflow: visible;
}


div.module-resultaat ul.info
{
  	padding: 0px;
}

div.module-resultaat ul.overzicht-opties
{	
	width: 18%;
	list-style: none;
	float: left;
	margin: 5px 0px 0px 10px;
	padding: 0px;	
	display: block;
}

div.module-resultaat ul.overzicht-opties li
{	
	margin: 0px;
	padding: 0px;	
	clear: both;	
	display: block;
}

div.module-resultaat ul.overzicht-opties li.label
{
	font-weight: bold;
	color: #ef5930; 
	margin: 10px 0px 3px 0px;
}

div.module-resultaat ul.overzicht-opties li.actief a
{
	font-weight: bold;
}

div.module-resultaat ul.overzicht-opties li a
{
	white-space: nowrap;	
	padding: 0px;	
	margin: 1px;	
	color: #254A57;
	text-transform: lowercase;
	text-decoration: none;
}

div.module-resultaat ul.overzicht-opties li a:hover
{
	text-decoration: underline;
}

div.product-detail
{
	margin: 0px;
	margin-top: 5px;
	padding: 0px;	
}

div.product-detail ul.afbeeldingen
{
	float: left;
	list-style-type: none;
	margin: 0px;
	margin-right: 1%;
	padding: 0px;	
}

div.product-detail ul.afbeeldingen li.normaal
{
	height: 190px;
	width: 190px;
	margin: 0px;
	padding:0 6px 6px 0;
	background: url(../img/schaduw.png) no-repeat bottom right;
}

div.product-detail ul.afbeeldingen li.normaal img
{
	display: block;
    top: 0px;
    left: -3px;
    padding: 5px 5px 5px 5px;
    background: #FFF;
    border: 1px solid;
    border-color: #ccc #979797 #979797 #ccc;
    cursor: pointer;
}

div.product-detail ul.afbeeldingen li.normaal img:hover
{
	border: 1px solid #ff0000;
}

div.product-detail ul.afbeeldingen li.klein
{
    margin-top: 5px;
    float: left;
}

div.product-detail ul.afbeeldingen li.klein img
{
	border: 1px solid #999999;
	margin-right: 17px;
}

div.product-detail ul.afbeeldingen li.klein img:hover
{
	border: 1px solid #ff0000;
}

div.product-detail ul.detail-info
{
	list-style-type: none;	
	float: left;
	width: 390px;	
	display: block;
	margin: 0 0 10px 0;
	padding: 0px;
	height: 80px;
	overflow: auto;
}

div.product-detail ul.detail-info li.naam
{
	font-weight: bold;
	font-size: 14px;
	text-align: left;	
	margin-bottom: 2px;
}

div.product-detail ul.detail-info li.omschrijving
{
	margin-top: 4px;
	background-color: #FBFBFB;
}

div.product-omschrijving
{
	display: block;
	/*overflow: auto;*/
	width: 100%;
	background-color: #FBFBFB;	
	margin-top: 10px;
}

div.product-detail ul.detail-info li.info
{
	margin: 0px;	
	padding: 0px;	
	color: #9D381E;	
}

div.product-detail div.prijzen
{
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #DDDDDD;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 390px;
}

div.product-detail div.prijzen table
{
	float: left;
	margin-left: 100px;
}

div.product-detail div.prijzen table tr td
{
	padding: 5px;
}

div.product-detail div.prijzen table tr td.percentage
{
	margin-left: 5px;
	margin-right: 5px;
	color: green;
}

div.product-detail div.prijzen table tr td.stukprijs,
div.product-detail div.prijzen table tr td.aanbieding
{
	text-align: right;
	font-weight: bold;
	font-size: 20px;
}

div.product-detail div.prijzen table tr td.prijs_oud
{
	color: black;
	text-decoration: line-through;
	color: #BBBBBB;	
}

div.specificaties
{
	margin: 0px;
	padding: 0px;
}

div.specificaties ul
{
	display: block;
	width: 80%;
	clear: both;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

div.specificaties ul li
{
	margin: 1px 0px 1px 0px;
	float: left;
}

div.specificaties ul li.label
{
	width: 30%;
	clear: left;
	text-align: left;
	font-weight: bold;
	margin-right: 15px; 
}

div.specificaties ul li.cell
{
	float: left;
}

table.producten,
table.relaties
{
	width: 595px;	
	clear: both;
	padding: 0px;
	margin: 10px 0px 0px 1px;
	border-collapse: collapse;
}

table.producten-overzicht
{
	width: 660px;
	padding: 0px;
	margin: 10px 0px 0px 1px;
	border-collapse: collapse;
}

table.producten tbody tr th,
table.producten-overzicht tbody tr th
{
	white-space: nowrap;
/*	height: 50px;
	line-height: 40px;*/
}

table.producten tbody tr th.prijs
{
	width: 80px;
}

table.producten tbody tr td div.levertijd,
table.producten-overzicht tbody tr td div.levertijd,
table.producten-overzicht tbody tr th.levertijd
{
	display: none;
}

table.producten a,
table.producten-overzicht a,
table.relaties a
{
	text-decoration: none;
	color: black;
}

table.producten a:hover,
table.producten-overzicht a:hover,
table.relaties a:hover
{
	text-decoration: underline;
}

table.producten tbody tr th.img-klein,
table.producten-overzicht tbody tr th.img-klein
{
	width: 40px;
}

table.producten tbody tr td img.klein,
table.producten-overzicht tbody tr td img.klein
{
	border: 0px;
}

table.producten tbody tr td span.prijs_bruto,
ul.product span.prijs_bruto
{
	color: black;
	text-decoration: line-through;
	color: #BBBBBB;	
}


table.producten tbody tr td.product-naam
{   
	width: 235px;
}

table.producten tbody tr td span.prijs_korting,
ul.product span.prijs_korting
{
	margin-left: 5px;
	margin-right: 5px;
	color: green;
}

table.producten tbody tr td.prijs
{
	text-align: right;
	font-weight: bold;
	width: 140px;
}

table.producten tbody tr td span.prijs_netto,
ul.product span.prijs_netto 
{
	font-weight: bold;
}

table.producten tr th.acties
{
	width: 20px;
}

table.producten tr th.acties#bestel
{
	width: 90px;
}

table.producten tr td ul.module-acties
{
	float: left;
	margin: 0px;
	width: 22px;
}

table.producten tbody td,
table.producten-overzicht tbody td,
table.relaties tbody td
{
	padding: 2px;
	border-bottom: 1px solid white;	
	background-color: #fafafa;	
}

table.producten tbody th,
table.relaties tbody th
{
	padding-top: 20px;
}

table.producten tr.groepering th,
table.relaties tr.groepering th
{
	font-weight: bold;
	font-size: 12px;	
	border: 0px;
	text-transform: none;
	border-top: 1px solid #DDDDDD;
	background-image: url(../img/tabel_header.gif);		
	background-position: left bottom;		
	background-color: black;
	color: white;
	padding-top: 0px;
	padding-left: 4px;
	height: 21px;
}

table.producten tfoot tr th
{
	padding: 30px 5px 5px 0px;	
	text-align: right;
	color: #36c011;		
}

div.afbeeldingen-klein
{
	float: left;
	width: 200px;
	overflow: auto;
	height: 300px;
	margin: 10px;
}

div.afbeeldingen-klein a.actief img
{
	border: 1px solid #000000;
}

div.afbeeldingen-klein a img
{
	border: 1px solid #DDDDDD;
	margin: 5px;	
}

div.afbeeldingen-klein a img:hover
{
	border: 1px solid #ff0000;
}

div.afbeelding-info
{
	position: absolute;
	left: 240px;
	top: 90px;	
}

ul.product-groepen,
ul.relatie-groepen
{
	list-style-type: none;
	clear: left;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

ul.product-groepen a,
ul.relatie-groepen a
{
	font-weight: bold;
	color: black;
}

div.groepering-navigatie
{
	float: right;
	margin: 0px;
	font-weight: bold;
	margin-right: 10px;
}

div.map
{	
	width: 250px;
	display: block;
	float: left;
	overflow: hidden;
	padding: 0px 5px 5px 0px;
	margin: 0px 5px 0px 0px;
}

div.map a
{
	text-decoration: none;
}	

div.map ul
{
	padding: 0px;
	margin: 0px 0px 0px 13px;
}

div.map ul li.closed
{	
	display: none;	
}

div.map li.leaf
{
	list-style-type: square;
	margin-left: 17px;
	font-weight: normal;	
}

div.map ul li.node a
{
	color: #d2461f;
}

div.map ul li.leaf a
{
	color: black;
}

div.map li.node
{
	list-style-type: none;
	font-weight: bold;	
}

span.producten_totaal
{
	color: #AAAAAA;
}

span.producten_totaal#uitleg
{
	width: 200px;
	float: left;
	display: block;
	margin-top: 10px;
}

fieldset
{
	border: 1px solid #6d6d6d;
	padding: 0px 0px 5px 5px;
}

fieldset legend
{
	color: #d2461f;
}

fieldset.formulier-info
{
	float: right;
	clear: right;
	width: 30%;
	height: 50%;
	border: none;
	padding: 5px;
	color: #6d6d6d;
}

div.tabs-content fieldset.formulier-info
{
	width: 20%;
}

div.tabs-content form
{
	float: left;
}

div.tabs-content fieldset.relatie
{
	margin: 5px 0px 5px 0px;
}

form#relatie_info fieldset
{
	width: 550px;
}

form#bevestiging fieldset
{
	width: 578px;
}

form#relatie_info fieldset a
{
	color: #000000;
}

input#kosten,
input#kosten:focus, 
input#kosten:hover
{
	background: none;
	border: 0px;
	color: #000000;
	font-weight: bold
}

table tbody td.totaal
{
	font-weight: bold;
}

div.detail-info ul
{
	list-style-type: none;
	padding: 0px;
  	margin: 0px;
	clear: both;
	display: block;
	height: auto;
	overflow: auto;
}

div.detail-info ul li
{
  	margin-right: 5px;
  	padding: 0px;
  	float: left;
}

div.detail-info li.label
{
	font-weight: bold;
	width: 100px;
	text-align: left;
}

div.detail-info li.normaal
{
	font-weight: normal;
}

textarea.controle-opmerking
{
	width: 400px;
	height: 75px;
}

li.voorwaardes
{
	margin: 5px;
}

li.voorwaardes a
{
	color: #d2461f;
}

ul.pagina-navigatie
{
	list-style-type: none; 		
	padding: 0;
	margin: 10px 0px 0px 0px;
}

ul.pagina-navigatie#producten-overzicht,
ul.pagina-navigatie#relatie-overzicht
{
	float: left;
	clear: both;
}

ul.pagina-navigatie li
{
	float: left;
	padding: 1px;
	font-weight: bold;
	color: #d2461f;
}

ul.pagina-navigatie li a
{
	padding: 0px 2px 0px 2px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-left: 2px;
	height: 30px;
	color: black;
	text-decoration: none;
}

ul.pagina-navigatie li a:hover
{
	text-decoration: none;
}

div.presentatie-groep.relaties ul
{
  	margin: 1% 1% 1% 0%;
  	float: left;
  	list-style-type: none;
}

div.presentatie-groep.relaties ul
{
	width: 160px;
	height: 85px;
}

div.presentatie-groep.relaties ul li.naam
{
	height: 17px;
	text-align: left;
	line-height: 13pt;
	font-weight: bold;
}

div.presentatie-groep.relaties ul li.naam a
{
	text-decoration: underline;
	color: black;
}

div.detail-info a
{
	color: black;
}

form#algemeen
{
	width: 450px;
}

form#product-specificaties select
{
	width: 100px;
}

div.tabs-content div.afbeelding-info
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 300px;
	float: left;	

}

div.tabs-content div.afbeelding-info ul.module-acties
{
	clear: right;
	width: 250px;
}

div.tabs-content div.afbeeldingen-klein
{
	float: left;
	width: 100px;
	overflow: auto;
	height: 300px;
	margin: 10px;
}

div.tabs-content div.afbeelding-info img
{
	border: 1px solid black;	
}

fieldset.afbeelding-upload
{
	width: 300px;
	float: left;
}

input.calender 
{ 
	width: 20px;
	margin-left: 3px;
	background: url(../img/acties/calender.gif) no-repeat; 
	border: 0px;
}

input.calender:hover
{ 
	border: 1px solid #DDDDDD;
}

td.totaal
{
	font-weight: bold;
}

table tbody td.totalen,
table tbody th.totalen
{
	width: 100px;
}

span.fout
{
	color: #EF3F35;
}

span.ok
{
	color: green;
}

span.highlight
{
	/*background-color: #fff600;*/
	background-color: #fffa7a;
}

div.levertijd
{
	display: none;
}

fieldset.opsomming
{
	width: 500px;
}

li#levertijd
{
	display: none;
}

fieldset.formulier
{
	clear: both;
}

div.modules ul li a#aanmelden
{	
	display: none;
}

/*sortering*/

table.producten tbody tr th ul.sortering
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

table.producten tbody tr th ul.sortering li
{
	float: left;	
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

table.producten tbody tr th ul.sortering li.asc
{
	background-repeat: no-repeat;
	background-position: 2px 50%;
	padding: 0px 0px 0px 17px;	
	background-image: url(../img/pijl_beneden.gif);
}

table.producten tbody tr th ul.sortering li.desc
{
	background-repeat: no-repeat;
	background-position: 2px 50%;
	padding: 0px 0px 0px 17px;
	background-image: url(../img/pijl_boven.gif);
}

div.menu-rechten
{

}

div.menu-rechten ul
{
	list-style-type: none; 
	padding: 0;
	margin: 0;	
	height: auto;
}

div.menu-rechten ul li
{
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
}

div.menu-rechten ul li a
{
	display: block;         	/* lines extend to right, make area clickable */
	display: inline-block;         /* lines extend to right, make area clickable */
	color: #494949;
	padding: 3px 3px 3px 23px;
	margin: 0px;
	text-decoration: none;
	height: 14px;           /* hint for IE, alternatively remove whitespace from HTML */
	height: auto;
	width: 110px;
}


div.menu-rechten ul li.element
{
	padding-left: 10px;     /* indent level 1 */	
	height: 20px;
	width: 540px;
	height: auto;		
}

div.menu-rechten li.closed ul
{
	display: none;
}

div.menu-rechten ul li.open a
{
	background-image: url(../img/bullet_open.gif);
	background-repeat: no-repeat;
}

div.menu-rechten ul li.closed a
{
	background-image: url(../img/bullet_closed.gif);
	background-repeat: no-repeat;
}

div.menu-rechten ul li.leaf a
{
	background-image: url(../img/bullet_leaf.gif);
	background-repeat: no-repeat;
}

div.menu-rechten li.active a, 
div.menu-rechten ul li li.active a
{
	background-position: 0px -20px;
	color: #A50900;
	font-weight: bold;
}

div.menu-rechten li.active li a
{
	background-position: 0px 0px;
	color: black;
	font-weight: normal;
}

div.menu-rechten ul li a:hover
{
	color: #A50900;
}

div.menu-rechten ul li.element a
{
	width: 100px;
	float: left;		
}

div.menu-rechten ul li.element ul.rechten
{
	clear: none;
	display: block;
	margin: 0;
	padding: 0;
	width: 400px;
	height: auto;
	overflow: visible;
	float: left;
}

div.menu-rechten ul li.element ul.rechten li
{
	float: left;
	margin-right: 10px;
	width: 100px;
	height: 20px;
	display: block;
}

div.menu-rechten ul li.element ul.rechten li input.recht 
{
	margin-right: 5px;
	border: 0;
	background-color: white;
}

div.menu-rechten ul li.element ul.rechten li label
{
	font-weight: bold;
}

div.menu-rechten ul li.element ul.rechten li label.wel
{
	color: green;
}

div.menu-rechten ul li.element ul.rechten li label.niet
{
	color: red;
}

form.rechten li.module,
form.rechten li.element
{
	clear: left;
}

div form.rechten
{
	width: 560px;	
}

form.rechten li.header
{
	background-color: #EEEEEE;
	width: 560px;	
}

form.rechten li.header ul li.rechten
{
	padding-left: 10px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	border-left: 1px solid white;
}

form.rechten li.header ul li.modules
{
	padding-left: 10px;
	padding-right: 75px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
}

/** aanverwante artikelen */

div.aanverwant
{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float: left;		
}

div.aanverwant ul.aanverwant-product
{
	margin: 0px;
	padding: 0px 20px 10px 0px;
	width: 170px;
	float: left;
	list-style-type: none;
}

div.aanverwant ul.aanverwant-product li.naam
{
	height: 30px;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
	margin: 0px 0px 5px 0px;	
}

div.aanverwant ul.aanverwant-product li.naam a
{
	color: #000000;
	text-decoration: none;
}

div.aanverwant ul.aanverwant-product li.titel
{
	/*font-weight: bold;*/
	height: 20px;	
	line-height: 18px;	
	margin-bottom: 5px;
	background-image: url(../img/modules_link_actief.gif);
}

div.aanverwant ul.aanverwant-product li.titel span.titel
{
	display: block;
	height: 20px;
	background-image: url(../img/bullet_leaf.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #FFFFFF;
	float: left;
}

div.aanverwant ul.aanverwant-product li.titel span.meer
{	
	display: block;
	width: auto;
	height: 20px;
	float: right;
	margin-right: 5px;
}

div.aanverwant ul.aanverwant-product li.titel span.meer a
{
	color: #FFFFFF;
	text-decoration: underline;
}

div.aanverwant ul.aanverwant-product li.afbeelding
{
	display: block;
	float: left;
	height: 90px;
	width: 90px;
	margin: 0px;
	padding:0 6px 6px 0;
	background: url(../img/schaduw.png) no-repeat bottom right;
}

div.aanverwant ul.aanverwant-product li.afbeelding a img
{
	display: block;
	position: relative;
    top: 0px;
    left: -3px;
    padding: 5px 7px 5px 5px;
    background: #FFF;
    border: 1px solid;
    border-color: #ccc #979797 #979797 #ccc;
    cursor: pointer;
}

div.aanverwant ul.aanverwant-product li.afbeelding a img:hover
{
	border: 1px solid #ff0000;
}

div.aanverwant ul.aanverwant-product li.prijs
{
	display: block;
	float: left;
	margin: 0px 0px 40px 10px;
	clear: right;
	width: 70px;	
}

div.aanverwant ul.aanverwant-product li.prijs a
{
	font-weight: bold;
	font-size: 15px;
	float: left;
	clear: left;
	white-space: nowrap;
	color: #000000;		
	text-decoration: none;
}

div.aanverwant ul.aanverwant-product li.prijs span
{
	float: left;
	clear: right;
}

div.aanverwant ul.aanverwant-product li.levertijd span
{
	display: none;
}

div.aanverwant ul.aanverwant-product li.levertijd,
div.aanverwant ul.aanverwant-product li.detail,
div.aanverwant ul.aanverwant-product li.winkelmandje
{
	height: 20px;
	width: 18px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px 2px 0px 0px;
}

div.aanverwant ul.aanverwant-product li.detail a,
div.aanverwant ul.aanverwant-product li.winkelmandje a
{	
	height: 20px;	
	margin: 0px;
	padding: 0px 0px 0px 20px;
	display: block;
}

div.aanverwant ul.aanverwant-product li.levertijd
{
	margin-left: 10px;
}

div.product-specificaties
{
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 98%;
}

div.product-specificaties ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: auto;
	min-height: 20px;
	overflow: auto;
	width: 98%;
}

div.product-specificaties ul li
{
	float: left;
	line-height: 20px;
	border-top: 1px solid #dddddd;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 16px;
}

div.product-specificaties ul.specificatie li.specificatie
{
	/*width: 225px;*/
	width: 40%;
	
	height: auto;
	min-height: 20px;
	padding-left: 5px;	
}

div.product-specificaties ul.specificatie li.spec-waarde
{
	/*width: 368px;*/
	width: 55%;
	
	border-left: 1px solid #dddddd;
	overflow: auto;
	height: auto;
	min-height: 20px;  
	padding-left: 5px;
}

div.product-specificaties ul.specificatie li.spec-waarde span,
div.product-specificaties ul.specificatie li.spec-waarde span.label
{
	padding: 0px;
	margin: 0px;
}

div.product-specificaties ul.spec-groep li,
div.product-aanverwanten ul.groep li
{
	font-weight: bold;
	background: url(../img/spec_groep.gif) repeat-x;
	background-position: bottom center;
	padding: 2px 0px 2px 5px;
	height: 16px;
	line-height: 16px;
	
	/*width: 599px;*/
	width: 96%;
}

div.product-aanverwanten ul.groep li
{
	padding: 2px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-collapse: collapse;	
}

div.product-aanverwanten ul
{
	list-style-type: none; 
	padding: 0;
	margin: 0;	
	height: auto;
}

div.product-aanverwanten ul.product
{
	width: 500px;
	height: 110px;
	margin: 0px 0px 0px 2px;
	padding: 10px 0px 0px 0px;
/*	border-top: 1px solid #dddddd;*/
}

div.product-aanverwanten ul.product div.afbeelding
{
	height: 90px;
	width: 90px;
	margin: 0px 5px 0px 1px;
	padding: 0 4px 6px 0;
	background: url(../img/schaduw.png) no-repeat bottom right;
	float: left;
}

div.product-aanverwanten ul.product div.afbeelding img
{
	display: block;
	position: relative;
    top: 0px;
    left: -3px;
    padding: 5px 5px 5px 5px;
    background: #FFF;
    border: 1px solid;
    border-color: #ccc #979797 #979797 #ccc;
    cursor: pointer;
}

div.product-aanverwanten ul.product div.afbeelding a:hover img
{
	border: 1px solid red;
}

div.product-aanverwanten ul.product li.naam
{
	font-weight: bold;
	font-size: 12px;
	clear: right;
	margin: 5px 0px 4px 0px;
}

div.product-aanverwanten ul.product li.naam a,
div.product-aanverwanten ul.product li.prijs a
{
	color: #000000;
	text-decoration: none;
}

div.product-aanverwanten ul.product li ul.extra li
{
	color: #9D381E;	
}

div.product-aanverwanten ul.product li.extra
{
	float: left;
	height: 50px;
	margin: 0px 3px 0px 0px;
	width: 290px;
}

div.product-aanverwanten ul.product li.acties
{
	clear: right;
	float: left;
	margin: 3px 3px 0px 2px;
}

div.product-aanverwanten ul.product li ul.module-acties
{
	width: 80px;
	border-bottom: 1px solid #bbbbbb;
	float: left;	
}

div.product-aanverwanten ul.product li ul.module-acties li
{
	float: left;
	display: block;
	clear: none;
	width: 24px;
	margin-left: 2px;
}

div.product-aanverwanten ul.product li.levertijd span
{
	display: none;
}

div.product-aanverwanten ul.product li.levertijd
{
	height: 20px;
	width: 24px;
	background-repeat: no-repeat;
	float: left;
}

div.product-aanverwanten ul.product li.prijs
{
	font-size: 13px;
	margin: 0px 0px 0px 10px;
	float: left;
	height: 30px;
	width: 150px;
}

div.product-aanverwanten ul.product li.prijs ul li.korting
{
	color: red;
}

div.product-aanverwanten ul.groep li a.navi_groep
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
	float: left;
	display: block;		
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url(../img/pijl_rechts.gif);
	/*color: #9D381E;*/	
}

div.product-aanverwanten ul.groep li a.navi
{
	color: #000000;
	text-decoration: none;	
	float: left;
	display: block;
	font-weight: normal;
}

div.product-aanverwanten ul.product li.winkelmandje
{
	float: left;
	background-repeat: no-repeat;	
	margin-left: 75px;
}

div.product-aanverwanten ul.product li.winkelmandje label
{
	float: left;
	padding-left: 23px;
	margin: 0px 5px 0px 0px;
	font-weight: bold;
	text-decoration: underline;
}

div.marketing
{
	display: none;
}

table tr td#voorkant_nieuws
{
	width: 220px;
	padding: 10px 0 0 15px;
	background-image: url('../img/anker_nieuws_l.jpg');
	background-position: 100% 0;
	background-repeat: no-repeat;
}

table.prijzen
{
	
}

div.winkelmandje-uitlopers
{
    margin-top: 20px;
    width: 688px;
    height: 80px;
    border: 1px solid #efefef;
}

div.winkelmandje-uitlopers ul.titel
{
    width: 690px;
    height: 22px;
    line-height: 20px;
    background-image: url('../img/acht_zwart.gif');
}

div.winkelmandje-uitlopers ul.titel li
{
    margin-left: 10px;
    font-weight: bold;
    font-size: 12px;
    color: white;
}

div.winkelmandje-uitlopers ul.header
{
    width: 690px;
    height: 22px;
    line-height: 20px;
    background-image: url('../img/modules_link_acht.gif');
}

div.relatie-uitlopers ul.header
{
    width: 550px;
    height: 22px;
    line-height: 20px;
    background-image: url('../img/modules_link_acht.gif');
    color: white;
    padding-left: 10px;
}

div.relatie-uitlopers ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.winkelmandje-uitlopers ul.header li
{
    margin-left: 10px;
    font-weight: bold;
    font-size: 12px;
    color: white;
}

div.winkelmandje-uitlopers ul.product li
{
    margin: 8px 0 8px 8px;    
}

div.winkelmandje-uitlopers input.bestel
{
    display: block;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    background-image: url(../img/modules_link_donkergrijs.gif);
    color: white;
}

div.winkelmandje-aanbeveling
{
	margin-top: 20px;
	width: 688px;
	height: 200px;
	border: 1px solid #efefef;
}

div.winkelmandje-aanbeveling ul.titel
{
	width: 690px;
	height: 22px;
	line-height: 20px;
	background-image: url('../img/acht_zwart.gif');
}

div.winkelmandje-aanbeveling ul.titel li
{
	margin-left: 10px;
	font-weight: bold;
	font-size: 12px;
	color: white;
}

div.winkelmandje-aanbeveling ul,
div.winkelmandje-uitlopers ul,
div.winkelmandje-producten ul,
div.winkelmandje-snel ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.winkelmandje-aanbeveling ul.product li
{
	display: block;
	width:  146px;
	height: 170px;
	float: left;
	background-color: white;
	border-right: 1px dotted #efefef;
	text-align: center;
}

div.winkelmandje-aanbeveling ul.product li a.naam
{
	display: block;
	color: black;
	text-decoration: none;
	margin: 4px 0 0 2px;
	font-weight: bold;
	font-size: 12px;
	height: 33px;
}

div.winkelmandje-aanbeveling ul.product li span.prijs
{
	display: block;
	margin: 5px 0 5px 0;
	font-weight: bold;
	font-size: 12px;
}

div.winkelmandje-aanbeveling ul.product li a.winkelmandje
{
	display: block;
	width: 55px;
	color: black;
	text-decoration: none;
	border: 1px solid #dddddd;
	font-weight: bold;
	height: 22px;
	line-height: 21px;
	padding-left: 26px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 2px 50%;
	background-image: url(../img/acties/winkelmandje.gif);
	cursor: pointer;
	margin:  0 auto;
}

div.winkelmandje-aanbeveling ul.product li img
{
	float: none;
}

div.winkelmandje-producten ul.titel,
div.winkelmandje-snel ul.titel
{
	width: 690px;
	height: 22px;
	line-height: 20px;
	background-image: url('../img/acht_zwart.gif');		
}

div.winkelmandje-producten ul.titel li,
div.winkelmandje-snel ul.titel li
{
	margin-left: 10px;
	color: white;
	font-weight: bold;
	font-size: 12px;	
}

div.winkelmandje-producten
{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 690px;
	height: auto;
	overflow: auto;
	border: 1px solid #efefef;
}

div.winkelmandje-bevestig-producten
{
    display: block;
    margin-top: 5px;
    margin-right : 2px;
    margin-bottom: 20px;
    height: auto;
    overflow: auto;
    border: 1px solid #efefef;
}

div.winkelmandje-producten ul.product
{
	display: block;
	width: 690px;
	float: none;
	clear: both;
	border-bottom: 1px solid #efefef;
	height: auto;
	overflow: auto;
	margin: 0;
}

div.winkelmandje-producten ul.verzenden,
div.winkelmandje-producten ul.betalen,
div.winkelmandje-producten ul.totaal
{
	display: block;
	width: 500px;
	margin-left: 190px;
	float: left;
	clear: both;
	border-top: 1px solid #efefef;
	line-height: 22px;
	overflow: auto;
	height: 30px;
	padding-top: 5px;
}

div.winkelmandje-producten ul.verzenden select,
div.winkelmandje-producten ul.betalen select
{
	margin-top: 2px;
	width: 200px;
	float: left;
}

div.winkelmandje-producten ul.verzenden select option,
div.winkelmandje-producten ul.betalen select option
{
	width: auto;
}

div.winkelmandje-producten ul.verzenden li,
div.winkelmandje-producten ul.betalen li,
div.winkelmandje-producten ul.totaal li
{
	float: left;
	margin-left: 5px;
}

div.winkelmandje-producten ul.totaal li { margin-left: 28px; }

div.winkelmandje-producten ul.verzenden span.label,
div.winkelmandje-producten ul.betalen span.label,
div.winkelmandje-producten ul.totaal span.label
{
	display: block;
	float: left;
	text-align: right;
	width: 138px;	
}

div.winkelmandje-producten ul.totaal span.label {font-weight: bold;}

div.winkelmandje-producten ul span.euro
{
	display: block;
	float: left;
	font-weight: bold;
	margin-left: 26px;	
}

div.winkelmandje-producten ul.totaal span.label { margin-left: 230px; }

div.winkelmandje-producten ul.subtotaal
{
	width: 690px;
	height: auto;
	float: left;
	height: 30px;
	line-height: 31px;
	padding-top: 5px;
}

div.winkelmandje-producten ul.product-header li, 
div.winkelmandje-snel ul.product-header li
{ 
	height: 24px; 
	line-height: 24px; 
	float: left;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0;
	background-color: #efefef;
}

div.winkelmandje-bevestig-producten  ul.product-header li
{
    height: 24px; 
    line-height: 24px; 
    float: left;
    font-weight: bold;
    padding: 0 0 0 10px;
    margin: 0;
    background-color: #efefef;
}

div.winkelmandje-bevestig-producten  ul.product li
{
    height: 22px; 
    line-height: 22px; 
    float: left;
    padding: 0 0 0 10px;
    margin: 0;
}

div.winkelmandje-bevestig-producten  ul li.artnr { width: 50px;}
div.winkelmandje-bevestig-producten  ul li.product { width: 336px;}
div.winkelmandje-bevestig-producten  ul li.aantal { width: 50px;}
div.winkelmandje-bevestig-producten  ul li.subtotaal { width: 100px;}

div.winkelmandje-bevestig-producten  ul.product li.subtotaal { text-align: left; padding-left : 10px;}

div.winkelmandje-bevestig-producten ul.totaal{line-height: 13px; height: 16px;}
div.winkelmandje-bevestig-producten ul.betalen{border-top: 1px solid #efefef; padding-top: 2px; line-height: 13px; height: 16px;}

div.winkelmandje-bevestig-producten ul.totaal span.label {font-weight: bold; display: block; padding-left: 420px; float: left;}
div.winkelmandje-bevestig-producten ul.totaal span.prijs {font-weight: bold; display: block; float: left; padding-left: 5px;}
div.winkelmandje-bevestig-producten ul.totaal span.euro { display: block; float: left; padding-left: 21px;}

div.winkelmandje-bevestig-producten ul.betalen span.label {display: block; padding-left: 420px; float: left;}
div.winkelmandje-bevestig-producten ul.betalen span.prijs {display: block; float: left; padding-left: 5px;}
div.winkelmandje-bevestig-producten ul.betalen span.euro { display: block; float: left; padding-left: 30px;}

div.winkelmandje-producten ul.product li
{ 
	height: 50px; 
	float: left;
	padding: 10px 0 0 4px;
}

div.winkelmandje-producten ul li.optie { width: 20px; }
div.winkelmandje-producten ul li.thumb { width: 90px; }
div.winkelmandje-producten ul li.product { width: 340px; }
div.winkelmandje-producten ul li.aantal { width: 100px; }

div.winkelmandje-producten ul li.subtotaal
{ 
	width: 86px; 
	text-align: right;
	padding-right: 4px;
}

div.winkelmandje-producten ul.product-header li.subtotaal { width: 86px;}

div.winkelmandje-producten ul.product li.product span
{
	display: block;
	float: none;
	clear: both;
}

div.winkelmandje-producten ul.product li.product span.artnr,
div.winkelmandje-producten ul.product li.product span.id
{
	font-size: 11px;
	color: #afafaf;
	float: left;
	clear: none;
	display: block;
}

div.winkelmandje-producten ul.product li.product span.id { margin-left: 10px; }
div.winkelmandje-producten ul.product li.product span.prijs { margin-top: 10px; }

div.winkelmandje-producten ul.product li.product a.naam
{
	margin: 4px 0 0 0;
	font-weight: bold;
	font-size: 13px;
	color: black;
	text-decoration: none;
}

form#winkelmandje_producten input.aantal
{
	width: 30px;
}

form#winkelmandje_producten a.verwijder
{
	display: block;
	width: 20px;
	height: 20px;
	background-image: url('../img/acties/vuilnis.gif');
	background-position: 0 50%;
	background-repeat: no-repeat;
}

div.winkelmandje-links
{
	margin-top: 20px;
	width: 588px;
	height: 30px;
	background-color: #efefef;
}

div.winkelmandje-producten a.winkelmandje,
div.winkelmandje-links a.verder_winkelen,
div.winkelmandje-links a.legen,
div.winkelmandje-links a.offerte,
div.winkelmandje-links input.afronden
{
	display: block;
	width: auto;
	margin: 3px 2px 3px 2px;
	padding: 0 2px 0 2px;
	color: black;
	text-decoration: none;
	border: 1px solid orange;
	font-weight: bold;
	height: 22px;
	line-height: 21px;
	padding-left: 26px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 2px 50%;
	cursor: pointer;
	float: left;
}

div.winkelmandje-producten a.winkelmandje { background-image: url(../img/acties/winkelmandje.gif);}
div.winkelmandje-links a.verder_winkelen { background-image: url(../img/acties/terug.gif);}
div.winkelmandje-links input.afronden {	background-image: url(../img/acties/verder.gif);}
div.winkelmandje-links a.offerte { background-image: url(../img/mime/pdf.gif); border: 1px solid #dddddd; }
div.winkelmandje-links a.legen { background-image: url(../img/acties/verwijder.gif); border: 1px solid #dddddd;}

div.winkelmandje-producten ul.subtotaal li.subtotaal
{
	width: 200px;
	float: right;
	height: 24px;
	line-height: 24px;
	text-align: right;
	background-color: #efefef;
}

div.winkelmandje-producten ul.subtotaal
{
	height: 24px;
	margin: 0;
	padding: 0;	
}

div.winkelmandje-producten ul.subtotaal
{
	margin-bottom: 10px;
}

div.winkelmandje-producten ul.subtotaal li.subtotaal span.label,
div.winkelmandje-producten ul.subtotaal li.subtotaal span.prijs
{
	display: block;
	width: 100px;
	float: left;
	font-weight: bold;
}

div.winkelmandje-producten ul.subtotaal li input.prijs,
div.winkelmandje-producten ul.verzenden li input.prijs,
div.winkelmandje-producten ul.betalen li input.prijs,
div.winkelmandje-producten ul.totaal li input.prijs
{
	display: block;
	font-weight: bold;
	text-align: right;
	float: left;
	width: 60px;
	border: 0;
	margin: 2px 0 0 3px;
	color: black;
	background-color: white;
}

div.winkelmandje-producten ul.subtotaal li input.prijs {background-color: #efefef; font-size: 13px;}

div.winkelmandje-producten ul.winkelmandje-links li
{
	float: right;
}

div.winkelmandje-producten ul.winkelmandje-links a,
fieldset.winkelmandje-besteld a.verder_winkelen,
div.winkelmandje-producten ul.winkelmandje-links input.afronden,
div.detail-info#kassa input.afrekenen
{
	height: 22px;
	line-height: 22px;
	float: left;
	white-space: nowrap;
	width: auto;
	display: block;
	text-decoration: none;
	color: white;
	margin: 0 0 0 5px;
	padding: 0 3px 0 3px;
	cursor: pointer;
	
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	background-image: url(../img/modules_link_donkergrijs.gif);	
}

div.winkelmandje-producten ul.winkelmandje-links input.afronden,
div.detail-info#kassa input.afrekenen
{
	padding: 0;
	height: 24px;
	line-height: 20px;
	font-size: 12px;
	background-image: url(../img/modules_link_acht.gif);
	border: 0;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	color: white;
}

fieldset.winkelmandje-besteld a.verder_winkelen
{
	background-color: #ef5930;
	color: white;
	margin-top: 10px;
}

fieldset.winkelmandje-klant,
fieldset.winkelmandje-verzendgegevens,
fieldset.winkelmandje-factuurgegevens,
fieldset.winkelmandje-bevestigen,
fieldset.winkelmandje-besteld
{
	margin: 10px 0 0 0;
	padding: 8px;
	border: 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
    display: block;
}

fieldset.winkelmandje-klant legend,
fieldset.winkelmandje-verzendgegevens legend,
fieldset.winkelmandje-factuurgegevens legend,
fieldset.winkelmandje-bevestigen legend,
fieldset.winkelmandje-besteld legend
{
	margin: 0 0 8px 0;
	height: 24px;
	line-height: 24px;
	background-image: url('../img/acht_zwart.gif');
	color: white;
	font-weight: bold;
	padding-left: 4px;
}

fieldset.winkelmandje-verzendgegevens legend.uit,
fieldset.winkelmandje-factuurgegevens legend.uit
{
	background-image: url('../img/acht_lichtgrijs.gif');
}

fieldset.winkelmandje-klant ul,
fieldset.winkelmandje-klant ul li ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: none;
	clear: both;    
}

fieldset.winkelmandje-klant ul li
{
	float: left;
	margin: 2px 0 0 5px;
	line-height: 22px;
}

fieldset.winkelmandje-klant ul li input
{
	float: left;	
}

fieldset.winkelmandje-klant ul li.label
{
	width:  170px;
	font-weight: bold;
}

fieldset.winkelmandje-klant ul li input.huisnr,
fieldset.winkelmandje-factuurgegevens ul li input.huisnr,
fieldset.winkelmandje-verzendgegevens ul li input.huisnr
{ 
	width: 30px; 
	margin-left: 5px;
}

fieldset.winkelmandje-klant ul li input.postcode,
fieldset.winkelmandje-factuurgegevens ul li input.postcode,
fieldset.winkelmandje-verzendgegevens ul li input.postcode
{ 
	width: 60px; 
}

fieldset.winkelmandje-klant ul li select.landen,
fieldset.winkelmandje-factuurgegevens ul li select.landen,
fieldset.winkelmandje-verzendgegevens ul li select.landen
{
	width: 200px;
	margin-left: 0;
	float: left;
}

fieldset.winkelmandje-klant ul li label
{
	margin-left: 5px;
}

fieldset.winkelmandje-klant a#optie_login,
fieldset.winkelmandje-klant a#optie_registreren
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	display: block;
	font-weight: bold;
	cursor: pointer;
}

fieldset.winkelmandje-klant a.open
{
	background-image: url('../img/acties/pijl_beneden.gif');
}

fieldset.winkelmandje-klant a.dicht
{
	background-image: url('../img/acties/pijl_rechts.gif');
}

fieldset.winkelmandje-factuurgegevens ul,
fieldset.winkelmandje-verzendgegevens ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: none;
	clear: both;
    width: 100%;
    height: auto;
    overflow: visible;
}

fieldset.winkelmandje-factuurgegevens ul li,
fieldset.winkelmandje-verzendgegevens ul li
{
	float: left;
}

fieldset.winkelmandje-factuurgegevens ul li input,
fieldset.winkelmandje-verzendgegevens ul li input
{
	float: left;
}

fieldset.winkelmandje-bevestigen form textarea
{
	width: 400px;
	display: block;
	height: 50px;
}

fieldset.winkelmandje-klant div.adres
{
	width: 300px;
	float: left;
}

fieldset.winkelmandje-klant div.adres ul li.label { width: 80px; }

fieldset.winkelmandje-klant div.communicatie
{
	width:  200px;
	float: left;
}

fieldset.winkelmandje-klant div.communicatie ul li.label
{
	width: 50px;
}

fieldset.winkelmandje-klant div.communicatie li
{
	height: 20px;
}

fieldset.winkelmandje-klant div.communicatie li.telefoon,
fieldset.winkelmandje-klant div.communicatie li.mobiel,
fieldset.winkelmandje-klant div.communicatie li.fax,
fieldset.winkelmandje-klant div.communicatie li.email
{
	background-repeat: no-repeat;
	background-position: 90% 50%;
}

fieldset.winkelmandje-klant div.communicatie li.telefoon { background-image: url('../img/acties/telefoon.gif');}
fieldset.winkelmandje-klant div.communicatie li.mobiel { background-image: url('../img/acties/mobiel.gif');}
fieldset.winkelmandje-klant div.communicatie li.fax { background-image: url('../img/acties/fax.gif');}
fieldset.winkelmandje-klant div.communicatie li.email { background-image: url('../img/acties/email.gif');}

fieldset.winkelmandje-factuurgegevens ul li,
fieldset.winkelmandje-verzendgegevens ul li
{
	display: block;
	margin: 2px 0 2px 0;
	line-height: 24px;
}

fieldset.winkelmandje-factuurgegevens ul li.keuze,
fieldset.winkelmandje-verzendgegevens ul li.keuze
{
	width: 40px;
	text-align: right;
	margin-right: 10px;
	padding-top: 2px;
}

fieldset.winkelmandje-verzendgegevens ul li label,
fieldset.winkelmandje-factuurgegevens ul li label,
fieldset.winkelmandje-klant ul li label
{
	float: left;
}

fieldset.winkelmandje-factuurgegevens ul li.label,
fieldset.winkelmandje-verzendgegevens ul li.label
{
	margin-left: 20px;	
	width: 175px;
	font-weight: bold;
}

fieldset.winkelmandje-bevestigen textarea
{
	width: 300px;
	height: 100px;
}

fieldset.winkelmandje-bevestigen span.voorwaarden
{
	line-height: 20px;
	font-weight: bold; 
}

fieldset.winkelmandje-besteld span.vet
{
	font-weight: bold;
}

div.detail-info#kassa form
{
	margin-bottom: 20px;
}

span.fout,
span.verplicht
{
	color: #EF3F35;
}

span.verplicht 
{ 
	float: left; 
	margin-left: 10px; 
	width: 42px;
	display: block;
	line-height: 22px;
}

div.form-fout
{
	/*position: relative;*/
}

span.form-fout
{
	display: block;
    padding-left: 20px;
    margin-left: 2px;
	background-image: url(../img/acties/redding.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	cursor: help;
	float: left;
	color: #de0000;
	line-height: 22px;
	text-decoration: underline;
	width: 30px;
}

.calc_prog
{
	height: 900px;
	width: 750px;
}

input.bestel_aantal
{
	width: 30px;
	margin-right: 4px;
	text-align: center;
}

div.winkelmandje-snel
{
    margin-top: 5px;
    width: 688px;
    height: 80px;
    border: 1px solid #efefef;
}

div.winkelmandje-producten ul.product li.subtotaal
{
	width: 50px;
	float: right;
}

div.winkelmandje-snel ul.product-header
{
	width: 690px;
	background-color: #efefef;
}

div.winkelmandje-snel ul.product-header li
{
	padding: 3px;
}

div.winkelmandje-snel ul.titel
{
	background-image: url('../img/acht_lichtgrijs.gif');
}

div.winkelmandje-snel ul li span
{
	margin-right: 10px;
}

div.winkelmandje-snel ul li input.button,
div.winkelmandje-snel ul li input.button_imexport
{
	padding: 0;
	height: 22px;
	line-height: 20px;
	font-size: 12px;
	background-image: url(../img/modules_link_acht.gif);
	border: 0;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	color: white;
	margin-top: 4px;
}

div.winkelmandje-snel ul li.importeren input.button_imexport
{
    clear: both;
    float : none;
}

div.winkelmandje-snel ul li input.button_imexport
{
	background-image: url(../img/modules_link_donkergrijs.gif);
}

div.winkelmandje-snel ul li.importeren
{
	padding-left: 75px;
    width: 210px;
}

div.winkelmandje-snel ul li.exporteren select
{
	margin: 0 10px 0 5px;
}

div.winkelmandje-snel ul
{
	margin-bottom: 1px;	
}

div.winkelmandje-snel  ul.product-header li
{
	height: 55px;
	margin: 0;
	padding: 3px;
}

div.winkelmandje-snel  ul.product-header li.snel_invoeren
{
	width: 220px;
	overflow: auto;
}

div.winkelmandje-snel  ul.product-header li.exporteren
{
	width: 80px;
	padding-left: 165px;
	overflow: auto;
}

div.winkelmandje-snel  ul.product-header li.snel_invoeren span
{
	font-weight: normal;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: 22px;
	width: 50px;
	padding-left: 3px;
}

div.winkelmandje-snel  ul.product-header li.snel_invoeren input { margin: 2px; }
div.winkelmandje-snel  ul.product-header li.snel_invoeren input.klein { text-align: center; }
div.winkelmandje-snel  ul.product-header li.exporteren input { margin: 2px;}
div.winkelmandje-snel  ul.product-header li.exporteren select { margin-top: 3px; margin-bottom: 2px;}

div.winkelmandje-snel ul li input.button_file
{
	background-color: white;
	border: 1px outset #efefef;
	height: 22px;
	line-height: 20px;
}

div.winkelmandje-snel ul.titel span.export
{
	margin-left: 290px;
	margin-right: 15px;
}

div.winkelmandje-snel ul.titel span.import
{
	border-left: 1px solid white;
	padding-left: 15px;
}

div.winkelmandje-snel ul.titel span
{
	float: left;
}

div.locatie-informatie a.help
{
	float: right;
	margin-right: 20px;
	font-weight: bold;
	padding-left: 20px;
	background-image: url(../img/acties/redding.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

div.locatie-informatie a.favoriet
{
    float: right;
    margin-right: 20px;
    font-weight: bold;
    padding-left: 20px;
    background-image: url(../img/acties/favoriet.gif);
    background-position: 0 50%;
    background-repeat: no-repeat;
}


div.favo-balk
{
	width: 675px;
}

div.favo-balk ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.favo-balk ul.header
{
	width: 675px;
	height: 24px; 
	line-height: 24px; 
	float: left;
	font-weight: bold;
	padding: 0;
	margin: 0;
	background-image: url('../img/acht_zwart.gif');	
	color: white;
}

div.favo-balk ul.formulieren li
{
	background-color: #efefef;
}

div.favo-balk ul li { float: left; }
div.favo-balk ul.formulieren li { height: 35px; }

div.favo-balk ul.header li.invoer
{
	width: 335px;
	padding-left: 10px;
}

div.favo-balk ul.formulieren li.toevoegen
{
	width: 315px;
	padding-left: 10px;
}

div.favo-balk ul li.toevoegen span
{
	display: block;
	float: left;
	margin-right: 10px;
	line-height: 26px;
	height: 30px;
}

div.favo-balk ul li input
{
	height: 16px;
	margin: 0 0 0 5px;
}

div.favo-balk ul li.toevoegen input.knop,
div.favo-balk ul li.zoeken input.knop,
table.favoriet-lijst input.bestel,
table.favoriet-lijst input.knop
{
	padding: 0;
	height: 22px;
	line-height: 20px;
	font-size: 12px;
	background-image: url(../img/modules_link_acht.gif);
	border: 0;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	color: white;
	margin-top: 4px;
}

table.favoriet-lijst input.knop { width: 140px;}
table.favoriet-lijst input.tag { width: 140px;}
table.favoriet-lijst span.hoekpijl 
{ 
   display: block;
    width: 20px;
    height: 20px;
    background-image: url('../img/acties/knikpijl.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

div.favo-balk ul.formulieren li.zoeken
{
	width: 340px;
	padding-left: 10px;
}

div.favo-balk ul.formulieren li.zoeken select{ 
width: 150px; 
margin: 0 0 0 5px;}

table.favoriet-lijst
{
    margin: 10px 0 10px 0;
    width: 677px;
}

table.favoriet-lijst tbody tr th
{   
    background-color: #efefef;
    padding: 3px 0 3px 0;
}

table.favoriet-lijst a.verwijder
{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../img/acties/vuilnis.gif');
    background-position: 0 50%;
    background-repeat: no-repeat;    
}

table.favoriet-lijst span.prijs_bruto
{
    color: black;
    text-decoration: line-through;
    color: #BBBBBB;    
}

table.favoriet-lijst span.prijs_korting
{
    margin-left: 5px;
    margin-right: 5px;
    color: green;
}

table.favoriet-lijst td.prijs
{
    text-align: right;
    font-weight: bold;
    width: 140px;
}

table.favoriet-lijst span.prijs_netto 
{
    font-weight: bold;
    color: black;
    font-size: 13px;
}

.cat-navi
{
    display: block;
    width: auto;
    color: black;
    float: left;
    white-space: nowrap;
    margin-right: 2px;    
    padding-left: 20px;    
    background-image: url('../img/folder.gif');
    background-position: 0 50%;
    background-repeat: no-repeat; 
}

.cat-aanpassen
{
    margin-left: 10px;
    color: red;
    cursor: pointer;
}

.export_button
{
	background-color: #ef5930;
	padding: 3px;
	color: white;
	border: 1px solid gray;
	text-decoration: none;
}

/** 
	std kleurcodes
	donkergrijs : 6d6d6d
	oranje : ef5930
	donker oranje : d2461f

*/