h1 {margin:0; padding:0; padding-bottom: .5em; text-align: left;}

div.extra {border: 1px solid #ccc; margin: 15px; padding-left:5px; padding-right: 5px; color: #0C479D;}
h3.extra {margin-bottom:0; margin-top: .5em;}

form#catform {width:99%; clear: left; margin-bottom: 35px;} /* Beetje ruimte onderaan voor winkelwagentje*/

table#cat {}

tr.groep td {border-top: 1px solid #CCC}
tr.groep td, tr.kop td {background-color: #EFEFEF; vertical-align: middle;} /* verderop overrulen met !important*/
tr.omschrijving td {padding-bottom:3px}
/* td.naam, td.aantal, td.prijs, td.bestel {background-color: #EFEFEF; vertical-align: middle;} */
td.pic {width: 130px; vertical-align: middle; background-color:  #FFFFFF !important; font-style: italic; text-align: center; padding-right: 5px}
td.pic_special {vertical-align: top !important; padding-top: 100px;} /*Aanvulling op td.pic*/
td.naam {width: 60%}
td.prijs {width: 20%; text-align: center; padding-right: 5px; white-space: nowrap}
td.aantal {width: 1%;}
td.aantal input {width: 1.5em; height: 1.5em; margin-bottom: 1px}
td.bestel {width: 1%;}
td.rest {} /* De cel naast de omschrijving; voor diverse info */

p.btw {clear: both; text-align: right; font-weight: bold; color: #ba2634; margin-right: 20px;}

div.produktmenu{text-align: center; clear: both; border: 1px solid blue}

input.bestelbutton { width: 5em; color: #0C479D; font-size: .7em; font-weight: bold;}
input.voor_u { width: 11em;  font-size: .8em; color: white; background: #0C479D; font-weight: bold;}
table.deal {width:80%; margin-left:10%; margin-right:10%} 
table.deal td {border: 1px solid #EEE; vertical-align: middle}
p.special {font-size:1.2em; text-align: center}
td#kortingsbon {text-align: center;  padding:0; height: 80px; color: white; background: url('/images/kortingsbon.png') center center no-repeat; }
td#kortingsbon p {font-size:16px; font-weight: bold;  color: white; background: transparent; font-style: italic}

span.manual {color: gray; float: right}

span.aanbieding {color: red}
/* span.van {color: gray; padding: .1em; background: url('/images/doorhalen.png') center center no-repeat} */
span.van {color: gray; padding: .1em;}
span.nu {font-weight: bold}

/* Soms probleem met H2 als er verder geen tekst is in comb. met 'Op aanvraag'. De H2 wordt dan maar half getoond */
td h2 {margin-bottom: 0; font-size: 1em}


/* Divbox voor melding bij inactieve hoofdgroep (Mastervolt per 16.01.06)*/
div#inactief {font-size: 1.2em; color:#EC0C14; margin-bottom:10px; border: 1px solid #EC0C14; text-align: center; padding: 10px;}

/* Speciale kop voor boven actieve item in submenu: */
h2#subkop {clear: both; color: #ba2634; font-weight: bold; text-align: center; font-size: 1.5em; margin-top: .5em}

div#prijsinfo {
	float: left; 
	width: 28%;
	padding-top: .5em;}

/*Menu met artikelgroepen na zoekopdracht: Tzt combineren met CSS van div#submenu*/
div#zoekgroep1 {text-align: center;}
div#zoekgroep1 ul {width: 35em; border: 1px solid gray; list-style: none;  margin: auto;  padding-top: 10px}
div#zoekgroep1 ul li {width: 30em; border: 1px solid #CCC; margin-bottom: 5px; padding-bottom: 5px; padding-bottom: 2px;}
div#zoekgroep1 ul a {width: 100%;  font-size: 1.1em; display: block}
div#zoekgroep1 ul a:hover {background: #d8d3e3; color: #EC0C14}

p#groepsoverzicht {text-align: center; margin: 0; font-weight: bold; color: #0C479D}

/*Dialoog bij wissen van artikel */
p#wisartikel {float: right; margin-top: 1em}

/*Keuze van subartikel: */
span.optiekeuze {color: #0C479D;}

/* Alg info duidelijk tonen aan beheerder (zie artikel.php */
span.alg_info {color: blue}