/*                       */
/* algemene instellingen */
/*                       */
 
body {
  margin: 28px 0 16px 0;
  background-color: #fff;
}
 
body.popup {
  margin: 8px 0 0 0;
}

* html body {
  /* dit centreert block elementen in IE (...) */
  /*  zie template instellingen voor het centreren in css 2 browsers */
   text-align: center;
}
* html body div, * html body table {
   /*...en weer disablelen voor de children elementen in IE...*/
   text-align: left;
}

body, th, td, p {
  /* default font, textgrootte en regelafstand */
 	font-size: 11px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
 	line-height: 14px;
/* 	rk: removed - moet dit kunnen overrulen in de basictext module 
				  door deze class snapt ie style="color:white" niet in die module
	color: #000;
*/
}

table, th, td {
  text-align: left;
  vertical-align: top;
  margin: 0;
  padding: 0;
}

form {
  margin: 0;
  padding: 0;
  display: inline;
}

fieldset {
   border: 0;
}

a:hover {
	text-decoration: underline;
	color: #555;
}

h3, h2 {
   font-size: 1em;
   margin: 0;
   padding: 0;
}

p {
   margin: 0 0 1em 0;
}

ol {
   padding: 0 0 0 1.5em;
}

* html ol {
   padding: 0 0 0 2em;
   margin: 1em 0;
}

iframe {
   border: 0;
   padding: 0;
   margin: 0;
}

input {
  font-size: 11px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  color: #000;
  border: 1px solid #333;
  height: 14px;
  padding: 0;
  margin: 0;
}

input.simple, span.simple input {
  border: 0;
  width: auto !important;
}

input.number {
   text-align: right;
}

.button {
	color: #000;
	background-color: #b7b7b7;
	border:1px solid #333 ;
	height:18px;
   line-height: 14px;
   width: auto;
   margin: 0;
   padding: 0 8px 2px 8px;
   text-decoration: none;
}

/* fix om IE buttons correxct te laten scalen met text */
* html .button {
   padding-bottom: 6px; /* is deze nodig? */
   width: 1%;
   overflow-x: visible;
}

a.button {
   display: inline;
   padding: 0 8px;
}

a:hover.button {
   text-decoration: none;
   color: #000;
   cursor: default;
}

input.button.withselect {
  position: relative;
  top: expression("-3px");
  /* vertikale correctie voor IE win */
}

input.button.bestel {
  padding: 0 8px;
  display: block;
  border: 1px solid #5374ab !important;
  background-color: #f95f1b !important;
  margin: 0 0 16px 0 !important;
}

.goright {
   background-image: url("../images/hema/pijlpijl-rechts-wit.gif");
   background-repeat: no-repeat;
   background-position: right 4px;
   text-align: left;
   padding-left: 8px;
   padding-right: 22px;   
}

a.goright {
   padding-right: 24px !important;
}

* html input.goright {
   background-position: right 3px;
   padding-right: 24px;
}

* html a.goright {
   background-position: right 5px;
   padding-right: 23px !important;
}

.goleft {
   background-image: url("../images/hema/pijlpijl-links-wit.gif");
   background-repeat: no-repeat;
   background-position: left 4px;
   text-align: right;
   padding-right: 9px; 
   padding-left: 22px;
}

a.goleft {
   padding-left: 25px !important;
}

* html input.goleft {
   background-position: left 3px;
   padding-left: 24px;
}

* html a.goleft {
   background-position: 1px 5px;
   padding-left: 25px !important;
}

input.disabled, input[disabled] {
  background-color: #eee;
}

textarea {
  border: 1px solid #333;
  font: 11px normal Arial, Helvetica, Verdana, sans-serif;
  padding: 0 2px;
  color: #000;
  height: 5.5em;
  overflow: auto;
}

select {
  border: 1px solid #333;
  font: 11px normal Arial, Helvetica, Verdana, sans-serif;
  color: #000;
}

select.navigation {
  font-weight: bold;
  color: #2C4D83;
  margin: 0 9px;
}

option {
   display: block !important;
}

/* dit verwijdert de searchresult en searchpaging tables
   deze zijn alleen nodig op het zoekresultaat scherm  */
.searchResultContainer, .searchPageContainer {
 display: none;
}

/* toont de searchresult en searchpaging tables op het zoekresultaat scherm 
   (als deze voorkomen binnen een element met id="panetitle")            */
#panetitle .searchResultContainer, #panetitle .searchPageContainer {
  display: block;
}

#panetitle .searchQueryContainer {
   display: none;
}

/*                  */
/* algemene classes */
/*                  */

/* deze class kan door gebruiker toegepast worden
   in basicImage of basicText module om van text 
   een introductie paragraaf te maken, 
   text wordt dan bold met aangepaste regelafstand */
.intro {
	font-weight: bold;
	line-height: 16px;
}

.kop {
	font-size: 11px;
	color:#CD0303;
	font-weight: bold;
	line-height: 16px;
}

/* wordt gebruikt in besteloverzicht */
#scroll {
   overflow: auto;
   height: 400px;
   position: relative; /* is belangrijk om absoluut gepositioneerde content mee te laten scrollen */
}

.warning {
   font-weight: bold;
	color:#fff;
}

.normal {
   font-weight: normal;
}

.textwitruimte {
	padding: 5px 8px 5px 8px;
}

.witruimte {
	padding: 8px;
}

.center {
   text-align: center;
}

.price {
   text-align: right;
}

.floatright {
   float: right;
}

.floatleft {
   float: left;
}

.nodisplay {
 display: none;
}

.caps {
 text-transform: uppercase;
}

/*                                */
/* template instellingen algemeen */
/*                                */

#top, #panemenu, #navigation, #content, #panefooter {
  /* dit centreert block elementen in css 2 browsers */
  /*  zie algemene instellingen (body) voor het centreren in IE */
  margin: 0 auto;
  width: 740px;
  vertical-align: top;
  clear: both;
}

.pageElement {
  /* dit centreert block elementen in css 2 browsers */
  /*  zie algemene instellingen (body) voor het centreren in IE */
  margin: 0 auto;
  width: 660px;
  vertical-align: top;
  clear: both;
}

#top {
   height: 50px;
}

#panetopleft img {
   margin: 0 0 0 2px;
}

#panetopright {
  float: right;
  text-align: right;
  padding: 9px 0px 2px 2px;
}

#panetopright .separator {
  padding: 0 4px;
}

#panemenu {
  background-image: url(../images/hema/menu/menu_lijn.gif);
  background-repeat: repeat-x;
  background-position: top;
  height: 20px;
  width: 740px;
}

#panemenu span {
  padding-left: 6px;
}

#panemenu a {
   margin-right: 5px;
}

#panemenu img.crumb {
   margin: 7px 5px 0 0;
   text-align: left;
   vertical-align: top;
}

.editmode #panemenu {
  /* in editmode zijn modules niet helemaal zchtbaar met overflow: hidden */
  overflow: visible;
}

/* IE-win only, die doet de hoogte niet goed \*/
* html #panemenu.homepage { overflow: hidden; }
/* */

#panemenu span.topmenu, #panemenu.homepage span {
   padding: 0;
}

#panemenu span.topmenu a, #panemenu.homepage span a {
   margin-right: 12px;
}

#navigation {
  min-height: 26px;
  position: relative;
}

* html #navigation {
  height: 20px;
}

#panesubmenu {
  width: 740px;
  display: block;
  padding-left: 4px;
  padding-top: 3px;
}

* html #panesubmenu {
  padding-left: 8px;
  padding-top: 0;
}

#panesubmenu a {
  margin-right: 5px;
}

#panesearch {
  position: absolute;
  left: 555px;
  top: -22px;
  width: 185px;
}

/* IE hack */
* html #panesearch {
   top: -26px;
   left: 559px;
}

#panesearch input {
  width: 118px !important;
}

#panesearch input.Button {
  width: 60px !important;
  margin: 0 0 0 2px !important;
  height: 16px;
  position: relative;
  top: 1px;
  background-color: #b7b7b7;
}

* html #panesearch input.Button {
  top: 0;
}

/* IE hack */
* html .homepage #panesearch {
   top: -23px;
   left: 555px;
}

/* IE-Mac hack! */

/*\*//*/
* html #panesearch input.Button  { width: 48px !important; }
/**/

.editmode #content TD {
  /* om het plaatsen van modules te vergemakkelijken
     rekken we alle pane cellen op (voor het geval ze leeg zijn)  */
  height: 75px;
}

.editmode #content TD TD {
  /* ...maar dieper gelegen cellen moeten
     ongeschonden blijven...              */
  height: auto;
}

/* extra witruimte voor onder de meeste titel-images */
#panetitle {
   padding-bottom: 15px;
   height: 0%;
}
/* ..en waar extra witruimte niet moet */
.tekstpagina3 #panetitle, .tekstvervolgpagina3 #panetitle, .taalkeuzepagina #panetitle {
   padding-bottom: 0;
}
.categorie #panetitle {
   padding-bottom: 3px;
}

#panefooter {
  color: #CD0303;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #666;
  margin-top: 8px;
}

#panefooter a {
  color: #666;
  font-weight: normal;	
  text-decoration: none;
  line-height: 19px;
  padding: 0 4px;
}

#panefooter a:hover {
  color: #333;
  text-decoration: underline;
}

/*                                                 */
/* template instellingen specifiek */
/*                                                 */

#navigation.homepage {
  height: 0;
  min-height: 0;
}

#navigation.homepage .searchQueryContainer {
  margin: 0;
}

.homepage #panemain {
  width: 370px;
}

.homepage #panecontent, .homepage #paneright {
  width: 185px;
}

#panefooter.homepage {
  margin-top: 0;
}
/**/
.editmode .categorie #paneassociatief {
  height: 75px;
}

.categorie #paneassociatief, .categorie #paneimage {
  width: 185px;
}
/* content tabel mag niet breder worden dan 547px */
.categorie table {
  width: 547px;
}

.categorie table table, .categorie .editbarmodule2Container {
  width: auto;
  overflow: visible;
}

.categorie #panetitle {
  width: 547px;
}

.categorie #panemain {
  width: 362px;
}

.categorie #paneleft, .categorie #paneright {
  width: 181px;
}
/**/
.actueel #paneright, .actueel #panesubright, .actueel #panesubleft, .actueel #paneleft {
  width: 185px;
}
/**/
.aanbiedingen #panetitle, .aanbiedingen #panecontent {
  width: 555px;
}

.aanbiedingen #paneassociatief {
  width: 185px;
}

.aanbiedingen #paneimage {
  width: 277px;
}

.aanbiedingen #panemain {
  width: 278px;
}
/**/
.tekstpagina1 #panetitle {
  width: 555px;
}

.tekstpagina1 #paneimage, .tekstpagina1 #paneassociatief {
  width: 185px;
}

.tekstpagina1 #panemain {
  width: 277px;
}

.tekstpagina1 #panerightcolumn {
  width: 93px;
}
/**/
.tekstpagina2 #paneassociatief {
  width: 185px;
  float: right;
}

.tekstpagina2 #panetitle {
  width: 555px;
  float: left;
}

.tekstpagina2 #paneimage {
  width: 185px;
  float: left;
  clear: left;
}

.tekstpagina2 #panemain {
  width: 370px;
  float: left;
}
/**/
.tekstpagina3 #panetitle {
  width: 555px;
}

.tekstpagina3 #paneassociatief {
  width: 185px;
}

.tekstpagina3 #panemain {
  width: 370px;
}

.tekstpagina3 #paneleftcolumn {
  width: 92px;
}

.tekstpagina3 #panerightcolumn {
  width: 93px;
}
/**/
.tekstpagina4 #panetitle {
  width: 555px;
}

.tekstpagina4 #paneassociatief, .tekstpagina4 #paneimage2 {
  width: 185px;
}

.tekstpagina4 #paneimage1 {
  width: 277px;
}

.tekstpagina4 #panemain, .tekstpagina4 #panecontent2 {
  width: 278px;
}

.tekstpagina4 #panerightcolumn1, .tekstpagina4 #panerightcolumn2 {
  width: 93px;
}

.tekstpagina4 #paneleftcolumn {
  width: 92px;
}

.tekstpagina4 #panecontent1, .tekstpagina4 #panecontent3 {
  width: 370px;
}
/**/
.tekstpagina5 #paneleftcolumn, .tekstpagina6 #paneleftcolumn {
  width: 93px;
}

.tekstpagina5 #panetitle, .tekstpagina5 #panecontent, .tekstpagina6 #panetitle, .tekstpagina6 #panecontent {
  width: 462px;
}

.tekstpagina5 #paneassociatief, .tekstpagina5 #paneimage, .tekstpagina6 #paneassociatief, .tekstpagina6 #paneimage {
  width: 185px;
}

.tekstpagina5 #panemain, .tekstpagina6 #panemain {
  width: 277px;
}
/**/
.tekstpagina7 #panetitle {
  width: 555px;
}

.tekstpagina7 #paneassociatief {
  width: 185px;
}

.tekstpagina7 #paneimage {
  width: 93px;
}

.tekstpagina7 #panemain {
  width: 462px;
}
/**/
.tekstvervolgpagina1 #paneimage {
  width: 92px;
}

.tekstvervolgpagina1 #panemain {
  width: 370px;
}

.tekstvervolgpagina1 #panerightcolumn {
  width: 93px;
}

.tekstvervolgpagina1 #paneassociatief {
  width: 185px;
}
/**/
.tekstvervolgpagina2 #paneimage, .tekstvervolgpagina2 #paneassociatief {
  width: 185px;
}

.tekstvervolgpagina2 #panemain {
  width: 370px;
}
/**/
.tekstvervolgpagina3 #paneleftcolumn {
  width: 93px;
}

.tekstvervolgpagina3 #paneimage, .tekstvervolgpagina3 #paneassociatief {
  width: 185px;
}

.tekstvervolgpagina3 #panetitle {
  width: 277px;
}

.tekstvervolgpagina3 #panemain {
  width: 462px;
}
/**/
.applicatiepagina #paneimage {
  width: 185px;
}

.applicatiepagina #panemain {
  width: 555px;
}
/**/
.singlepane {
   width: 740px;
   margin: 0 auto;
}
/**/
.taalkeuzepagina #panetitle {
  width: 740px;
}

.taalkeuzepagina #paneleft, .taalkeuzepagina #paneright {
  width: 370px;
}
/**/
.faqpagina #paneleft, .faqpagina #paneassociatief {
  width: 185px;
}

.faqpagina #panetitle {
  width: 555px;
}

.faqpagina #paneimage {
  width: 92px;
}

.faqpagina #panemain {
  width: 278px;
}
/**/
#panemainpopup {
   vertical-align: top;
   text-align: left;
   vertical-align: top;
   height: 100%;
}

* html #panemainpopup {
}

/**/
.serviceintropagina #panetitle, .serviceintrowidepagina #panetitle, .serviceintropagina #paneright, .serviceintrowidepagina #paneright, .serviceintrowidepagina #panemain {
  width: 370px;
  padding-bottom: 0px;
}

.serviceintropagina #paneright, .serviceintrowidepagina #paneright {
  padding-bottom: 8px;
}

.serviceintropagina #rightcolumn, .serviceintrowidepagina #rightcolumn {
   width: 370px;
}
/* advertenties e.d. moeten naast elkaar geplaatst kunnen worden */
.serviceintropagina #paneright div, .serviceintrowidepagina #paneright div {
   float: left;
}
/* maar diepere div's moeten weer gewoon werken */
.serviceintropagina #paneright div div, .serviceintrowidepagina #paneright div div {
   float: none;
}

.serviceintropagina #paneleft {
  /*width: 92px;*/
  /*width: 46px;*/
  width: 23px;
}

.serviceintropagina #panemain {
  /*width: 278px;*/
  /*width: 324px;*/
  width: 347px;
}

.serviceintropagina #paneaction, .serviceintropagina #paneorder, .serviceintropagina #paneassociatief, .serviceintropagina #paneassociatief1, .serviceintrowidepagina #paneaction, .serviceintrowidepagina #paneorder, .serviceintrowidepagina #paneassociatief, .serviceintrowidepagina #paneassociatief1 {
  width: 185px;
}

.serviceintropagina #paneassociatief, .serviceintropagina #paneassociatief1, .serviceintrowidepagina #paneassociatief, .serviceintrowidepagina #paneassociatief1 {
  width: 185px;
}
/**/
.servicepagina #panetitle {
  width: 740px;
  padding-bottom: 8px;
}

.servicepagina #panemain {
   width: 555px;
}

.servicepagina #paneassociatief {
   width: 185px;
}
/**/
.serviceorderpagina #panemain {
   width: 547px;
   border-right: 8px solid #fff;
}

.serviceorderpagina #paneassociatief {
   width: 185px;
}
/**/
.servicefinishpagina #panetitle, .servicefinishpagina #panebottom {
  width: 740px;
  padding-bottom: 8px;
}

.servicefinishpagina #panebottom {
  padding-top: 8px;
}

.servicefinishpagina #panemain {
   width: 555px;
}

.servicefinishpagina #paneassociatief, .servicefinishpagina #paneassociatief1, .servicefinishpagina #paneassociatief2, .servicefinishpagina #paneassociatief3, .servicefinishpagina #paneassociatief4 {
   width: 185px;
}

/*                */
/*  module styles */
/*                */

.fso .kop, .afleveradres .kop, .faqlist .kop {
	background-image: url("../images/hema/pijl.gif");
   background-repeat: no-repeat;
	color: #c00;
	font-weight: bold;
	line-height: 16px;
}

.basicImageModule.servicetitle {
   height: 45px; /* vaste kophoogte voor servicepagina's, kleur wordt in service stylesheet geregeld */
}

.editmode .basicImageModule .kop, .editmode .basicTextModule .kop, .editmode .associatiefModule div.kop, .editmode .fso .kop, .editmode .afleveradres .kop, .editmode .faqlist .kop {
	height: 16px;		/* need this to show the image in editmode */
}

.basicImageModule a.kop, .basicTextModule a.kop, .associatiefModule div.kop a, .afleveradres a.kop, .faqlist a.kop {
	text-decoration: none;
	color: #cd0303;
}

.basicImageModule a:hover.kop, .basicTextModule a:hover.kop, .associatiefModule div.kop a:hover, .afleveradres a:hover.kop, .faqlist a:hover.kop {
	text-decoration: underline;
   color: #f00;
}

.basicImageModule .kop {
	padding: 4px 8px;
   display: block;
}

.basicTextModule .kop {
   display: block;
}

.basicImageModule a.kop img, .basicTextModule a.kop img, .associatiefModule .kop a img, .pageDirector a.kop img {
	margin: 0 0 0 6px;
   display: inline;
}

.basicImageModule img, .associatiefModule img {
   display: block;
   padding: 0;
   margin: 0;
   /*margin: 0 auto;
   text-align: center;*/
}

.basicImageModule.floatleft {
   margin: 8px 8px 5px 0;
}

.basicTextModule div.container {
	padding: 5px 8px 7px 8px;
	width:auto;
   display: block;
}

.afleveradres .kop, .faqlist .kop {
	padding-left: 8px;
   background-position: 0 4px;
   display: block;
}

.associatiefModule {
	background-color: #f3f5f7;
   margin-bottom: 8px;
}

.associatiefModule div.kop {
	padding: 5px 8px 0 8px;
   background-position: 8px 9px;
   text-transform: uppercase;
}

.associatiefModule div.kop a.kop {
   display: block;
}

.associatiefModule div.kop a.kop span {
   padding: 0 9px;
   background-image: url("../images/hema/pijlpijl-rechts.gif");
   background-repeat: no-repeat;
   background-position: right 3px;
}

* html .associatiefModule div.kop a.kop span {
   display: inline-block;
}

.associatiefModule div.body {
	padding: 0 8px 7px 8px;
}

.associatiefModule.image div.kop {
   background-color: #cd0303;
   padding-bottom: 2px;
   padding-top: 2px;
}

.associatiefModule.image div.kop span, .associatiefModule.image div.kop a, .associatiefModule.image div.kop a:hover {
   color: #fff;
}

.associatiefModule.image div.body {
	padding: 0 0 0 0;
   overflow: hidden;
   width: 100%;
}

.associatiefModule.image div.body span {
	padding: 4px 0 7px 8px;
   display: block;
}

.associatiefModule.image div.body img {
	float: right;
   margin-left: 8px;
}

.associatiefModule.image div.body a.verder {
   display: block;
   white-space: nowrap;
	padding: 0 8px 5px 8px;
   color: #cd0303;
}

.associatiefModule.image div.body a.verder span {
   display: inline;
   padding: 0 9px;
   background-image: url("../images/hema/pijlpijl-rechts.gif");
   background-repeat: no-repeat;
   background-position: right 3px;
}

* html .associatiefModule.image div.body a.verder span {
   display: inline-block;
}

.serviceintropagina #paneright .associatiefModule.image , .serviceintrowidepagina #paneright .associatiefModule.image {
   clear: both;
   width: 100%; /* voor IE */
   margin: 8px 0 0 0;
}

/* basicimagemodule uitzondering voor serviceintropagina: uiterlijk als productAd */

.serviceintropagina #paneright .basicImageModule, .serviceintrowidepagina #paneright .basicImageModule {
   border-left: 1px solid #ccc;
   padding: 0;
   margin: 8px 0;
   width: 122px;
}

.serviceintropagina #paneright .basicImageModule .kop, .serviceintrowidepagina #paneright .basicImageModule .kop {
  text-align: center;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: -1px !important;
}

.serviceintropagina #paneright .basicImageModule  a:hover.kop, .serviceintrowidepagina #paneright .basicImageModule  a:hover.kop {
  text-decoration: none;
  cursor: text;
}

.serviceintropagina #paneright .basicImageModule img, .serviceintrowidepagina #paneright .basicImageModule img {
  text-align: center;
  margin: 0 auto;
}

.serviceintropagina #paneright .basicImageModule .kop img, .serviceintrowidepagina #paneright .basicImageModule .kop img {
  display: none;
}

/*  fotoservice   */

#hemaSubMenu {
   list-style: none;
   margin: 0;
   padding: 4px 10px 5px 4px;
   padding-top: expression("5px");
   padding-bottom: expression("4px");
}

#hemaSubMenu li {
   margin: 3px 0;
}

#hemaSubMenu li a {
   background-image: url(../images/hema/bulletsHemaSubMenu.gif);
   background-repeat: no-repeat;
   background-position: 0 -97px;
   text-decoration: none;
   padding: 0 0 0 15px;
}

#hemaSubMenu li a.fsosubmenu {
   font-weight: bold;
   background-position: 0 3px;
}

#hemaSubMenu li a.nofsosubmenu {
   visibility: hidden;
}

#hemaSubMenu li a.fsosubmenuselected {
   color: #fff;
   font-weight: bold;
   background-position: 0 -48px;
}

/* standaard tabel */
/* gebruikte kleuren zijn voor besteloverzicht in Mijn HEMA */

table.fsoTable {
   margin: 0;
   padding: 0;
   width: 100%;
}

table.fsoTable th {
   font-size: 11px;
   padding: 6px 8px;
   background-color: #7fa6eb;
   color: #fff;
}

table.fsoTable td {
   padding: 3px 8px;
}

table.fsoTable tr.alternate td {
   background-color: #e8e8f2;
}

table.fsoTable tr.separator td {
   border-top: 1px solid #7fa6eb;
}

/* bestellen */

#scroll div.besteloverzicht {
   margin-right: 8px;
   /* marge is gebruikt ivm #scroll scrollbalk */
}

#scroll.besteloverzicht {
   border: 1px solid #b7b7b7;
}

* html #scroll.besteloverzicht {
   margin-right: expression( (this.scrollHeight-this.offsetHeight > 0 )  ? "16px": "0"  ); 
   /* IE doet de scrollbar buiten het 'venster' dus dat moeten we corrigeren, of niet(?) */
}

.besteloverzicht .fsoBalk {
   margin: 0;
   padding: 0;
   width: 100%;
   margin-bottom: 16px;
}

.besteloverzicht .fsoBalk td {
   border: 0;
   margin: 0;
   padding: 1px 8px;
}

.besteloverzicht .fsoBalk tr.top td {
   padding-top: 5px;
}

.besteloverzicht .fsoBalk tr.bottom td {
   padding-bottom: 7px;
}

.besteloverzicht .fsoBalk span {
   margin: 0; 
   padding: 0;
}

.besteloverzicht .fsoBalk input {
   margin-top: 4px;
}

.besteloverzicht .fsoBalk input.button {
   float: right;
   margin: 5px -2px 0 0;
}

.besteloverzicht .fsoTable th, .besteloverzicht .fsoTable td {
   padding: 1px 8px;
}

div.besteloverzicht {
}

.besteloverzicht .titel {
   font-weight: bold;
   padding-left: 8px;
}

.besteloverzicht .items {
   width: 100%;
}

.besteloverzicht .items th {
   padding: 2px 8px;
}

.besteloverzicht .items td {
   padding: 2px 8px;
}

.besteloverzicht .items td td {
   padding: 0;
}

.besteloverzicht .items .naam td {
   font-weight: bold;
}

.besteloverzicht .items td.thumbnail {
   padding: 0;
}

.besteloverzicht .items div.options table {
   float: right;
}

.besteloverzicht .items div.options td {
   width: 17px;
   height: 17px;
   margin: 1px 0 0 4px;
}

.besteloverzicht .items div.options input {
   border: 0;
   margin: 0 0 0 4px;
   float: right;
}

.besteloverzicht .items div {
   margin-bottom: 5px;
}

.besteloverzicht .number {
   text-align: center;
}

.besteloverzicht .price {
   font-weight: bold;
   white-space: nowrap;
}

.besteloverzicht .items .save {
   padding-top: 8px; 
}

.besteloverzicht .button {
	height: 20px;
	font-weight: bold;
}

.besteloverzicht .cutout {
	border: 1px solid red;
	position: absolute;
}

.besteloverzicht .cutoff {
	background-image:url(../images/hema/fotoservice/photoedit/mask.gif);
	position: absolute;
	overflow: hidden;
}

.bestelMijnGegevens, .bevestigingEnControle {
   width: 100%;
   margin: 0 0 8px 0;
}

.bestelMijnGegevens.login {
   margin: 0;
}

.bevestigingEnControle {
   margin-bottom: 8px;
}

.bestelMijnGegevens td, .bevestigingEnControle td {
   background-color: #f95f1b;
   color: #fff;
   width: 269px;
   padding: 11px 8px 8px 8px;
}

.bestelMijnGegevens.login td {
   padding-top: 5px;
   padding-left: 5px;
}

.bestelMijnGegevens.login td.afleveradres {
   padding-left: 8px;
}

.bevestigingEnControle td {
   padding-top: 16px;
}

.bestelMijnGegevens td table, .bevestigingEnControle td table {
   width: 100%;
}

.bestelMijnGegevens td td {
   width: auto;
   padding: 2px 0 2px 4px;
   font-weight: bold;
   height: 20px;
}

.bevestigingEnControle td td {
   width: auto;
   padding: 2px 0 2px 4px;
   font-weight: bold;
}

.bestelMijnGegevens td.afleveradres, .bevestigingEnControle td.afleveradres {
   border-left: 8px solid #fff;
}

.bestelMijnGegevens.login td.afleveradres {
   background-color: #fff;
   color: #000;
   border-left: 0;
   width: 270px;
   margin: 0;
}

.afleveradres a.kop, .afleveradres a:hover.kop {
   color: #f95f1b;
   /* zie basictextmodule voor verdere opmaak */
}

/*.bestelMijnGegevens tr.black td, .bevestigingEnControle tr.black td {
   color: #000;
}*/

.bevestigingEnControle a.verder:hover {
   text-decoration: underline;
}

.bestelMijnGegevens input, .bestelMijnGegevens select {
   font-weight: normal;
   margin-right: 2px;
   vertical-align: middle;
}

.bestelMijnGegevens .deliveryTable {
   margin: 1em 0 0 8px;
   margin-left: expression("3px");
}

.bestelMijnGegevens .country {
   display: block;
   font-weight: bold;
   padding: 0;
   margin: 2px 6px 0 2px;
   margin-right: expression("9px");
   text-align: center;
}

/* advies */

.adviesMargeAll {
	margin: 8px;
}

table.cartridgewijzer {
   background-color: transparent;
   width: 100% !important;
   margin: 0 8px;
}

* html table.cartridgewijzer {
   margin: 0 8px -3px 8px;
   width: 95% !important;
}

table.cartridgewijzer.refill {
   border-top: 1px solid #5374AB;
}

table.cartridgewijzer th {
   background-color: #5374AB;
   color: #fff;
   padding: 5px 8px;
}

table.cartridgewijzer td {
   padding: 5px 8px;
   border-top: 1px solid #ECEBF9;
}

table.cartridgewijzer .cartridgewijzerHead {
   color: #000;
}

table.cartridgewijzer h3 {
	color: #036;
   margin-top: 12px;
}

table.cartridgewijzer a.refillwijzer {
   text-decoration: none;
   text-align: left;
   color: #2C4D83;
   font-weight: normal;
   background-image: url(../images/hema/pijlpijl-rechts.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 18px;
}

table.cartridgewijzer a:hover.refillwijzer {
   text-decoration: underline !important;
   color: #5374ab;
   cursor: pointer;
}

table.maatwijzerBaby {
	background-color:#c7e2eb;
}

table.maatwijzerKind {
	background-color:#e6eac7;
}

table.maatwijzerBaby, table.maatwijzerKind {
   width: 258px !important;
   margin-right: 3px;
}

table.maatwijzerBaby td, table.maatwijzerKind td {
   padding: 5px;
}

table.maatwijzerBaby td span, table.maatwijzerKind td span {
   display: block;
   margin-bottom: 5px;
}

table.maatwijzerBaby td span {
	color: #307A93;
	font-weight: bold;
}

table.maatwijzerKind td span {
	color: #7E5446;
	font-weight: bold;
}

table.maatwijzerBaby td div, table.maatwijzerKind td div {
   margin-bottom: 5px;
}

table.maatwijzerBaby td div span, table.maatwijzerKind td div span {
   display: inline;
   color: #000;
   font-weight: normal;
}

table.maatwijzerBaby td input.button, table.maatwijzerKind td input.button {
   margin-bottom: 5px;
   width: 50px;
}

table.BHMaten {
   margin: 8px;
   width: 100% !important;
}

table.BHMaten th {
   padding-bottom: 12px;
}

table.BHMaten td {
   padding-right: 14px;
}

table.BHMaten td.center {
   margin: auto;
   text-align: center;
   vertical-align: middle;
}

table.voedingssupplement, table.voedingssupplement select, table.wijn, table.wijn select {
   width: 169px !important;
}

table.voedingssupplement span, table.wijn span {
   width: 100%;
   display: block;
}

table.voedingssupplement input, table.voedingssupplement select, table.wijn input, table.wijn select {
   margin: 2px 0 14px 0;
}

table.wijnwijzer {
	background-color:#FFFBE2;
   width: 100%;
}

table.wijnwijzer td, table.wijnwijzer th {
	padding: 5px 8px;
}

table.wijnwijzer th {
	background-color:#AE9400;
	color: #fff;
	font-weight: bold;
}

table.wijnwijzer td .head {
	color: #ae9400;
}
/* vestiging */

table.vestigingView {
   width: 100%;
}

table.vestigingView td.vestiging {
   background-color: #7fa6eb;
   color: #fff;
   width: 185px;
   padding-top: 8px;
   font-size: 12px;
}

table.vestigingView td.vestiging span {
   display: block;
   margin-left: 16px;
   font-weight: bold;
}

table.vestigingView td.vestiging div {
   margin: 1px 0 0 16px;
}

table.vestigingView td.vestiging img {
   display: block;
   margin: 60px 0 0 0;
   border: 0;
}

table.vestigingView td.gegevens {
   padding: 0 0 0 8px;
}

table.vestigingView td.gegevens table.fsoTable {
   width: 362px;
}

table.vestigingView table.fsoTable th {
   background-color: #7fa6eb;
   color: #fff;
   padding: 2px 8px 3px 8px;
}

table.vestigingView table.fsoTable td {
   padding: 1px 8px;
}

table.vestigingView table.fsoTable tr.alternate td {
   background-color: #e8e8f2;
}

table.vestigingView table.fsoTable span {
   font-weight: bold;
}

table.vestigingView a, .vestiging a {
   color: #33539e;
   text-decoration: underline;
	line-height: 16px;
	font-weight: bold;
   margin: 1em 0;
   display: block;
}

table.vestigingView a:hover, .vestiging a:hover, div.vestigingenlijst a:hover {
	color: #112c69;
}

table.vestigingView td.scheiding {
   padding: 8px 8px 0 0;
}

table.vestigingView hr {
   width: 100%;
   height: 1px;
   color: #666;
   padding: 0;
   margin: 0;   
}

div.vestigingenlijst {
   margin: 0 0 8px 0;
}

/* in bestelproces moet deze een margin erbij hebben */
.applicatiepagina div.vestigingenlijst, .tekstvervolgpagina2 div.vestigingenlijst, .tekstvervolgpagina2 table.vestigingView, .applicatiepagina table.vestigingView {
   margin: 0 0 8px 8px;
}

/* in bestelproces moet deze een margin erbij hebben */
.tekstvervolgpagina2 table.vestigingView hr, .applicatiepagina table.vestigingView hr {
   display: none;
}

div.vestigingenlijst span {
   margin: 5px 8px;
   display: block;
   font-weight: bold;
}

div.vestigingenlijst table {
   width: 100%;
   width: expression(this.parentNode.offsetWidth-0);
}

#panemain div.vestigingenlijst table {
   /*width: expression(this.parentNode.offsetWidth-1);*/
   width: 547px;
}

#panetitle div.vestigingenlijst table {
  border-right: 8px solid #fff; 
}

div.vestigingenlijst table span {
   margin: 0;
   display: inline;
}

div.vestigingenlijst th {
   color: #fff;
   vertical-align: middle;
   padding: 1px;
}

div.vestigingenlijst td {
   vertical-align: middle;
   padding: 1px;
}

div.vestigingenlijst td a.vestiging {
   line-height: 14px;
}

div.vestigingenlijst .center {
   vertical-align: middle;
   text-align: center;
}

div.vestigingenlijst td.present {
   background-image: url("../images/hema/menu/bol.gif");
   background-repeat: no-repeat;
   background-position: center;
}

/* in bestelproces moet deze een margin erbij hebben */
.applicatiepagina .vestigingzoeken, .tekstvervolgpagina2 .vestigingzoeken  {
   margin-left: 8px !important;
}

.vestigingzoeken td.zoeken {
   background-color: #7fa6eb;
   width: 275px;
   padding: 16px 0 16px 16px;
}

.vestigingzoeken td.zoeken table {
   width: 100%;
   margin-top: 8px;
}

.vestigingzoeken td.zoeken td {
   color: #fff;
   height: 19px; /* IE snapt buttonhoogte niet helemaal dus moeten we de boel rekken */
}

.vestigingzoeken td.zoeken td label {
   font-weight: bold;
}

.vestigingzoeken td.content {
   padding: 5px 8px;
}

.vestigingzoeken span.error {
   margin: 5px 8px;
   display: block;
}

.vestigingzoeken input.button {
   width: 122px !important;
}

/* popup */

#panemainpopup .ecard td {
  width: 320px;
}

#panemainpopup .ecard td.column1 {
  width: 230px !important;
}		

#panemainpopup .ecard div.normal {
  clear: both; 
}

/* paging */
.pagingMenu {
   margin: 8px 5px;
}

.pagingMenu a {
	color: #D02631;
	font-weight: bold;
	text-decoration: none;
   padding: 0 0 0 3px;   
}

.pagingMenu img {
   margin-right: -3px;   
}

.pagingMenu a.morelistactive {
	color: #000;
}

.tekstpagina1 .pagingMenu, .tekstpagina3 .pagingMenu, .tekstpagina5 .pagingMenu, .applicatiepagina #panemain .pagingMenu {
   text-align: center;
   margin: 8px auto;
}

/* voor standaard xportal formulieren */
table.FormTable td {
   padding: 2px 6px 2px 0px;
}

/* faq */

.faq h2 {
   margin: 0;
}

.faq p {
   margin: 0 0 1em 0;
}

a.up img {
   display: block;
   margin: auto;
   text-align: center;
}

* html a.up img {
   margin: 0;
}

.faqselect a.kop {
   color: #9b36ba;
   margin-bottom: 4px;
}

.faqselect a:hover.kop {
   color: #BC6BD4;
}

.faqlist select {
   margin-right: 4px;
}

.faqlist a {
   display: block;
}

.faqlist a p {
   color: #000;
   font-weight: normal;
}

.faqlist a:hover p {
   text-decoration: none;
}

/* orderlijst */

div.textwitruimte.orderlijst {
   padding-right: 0px;
}

div.orderlijst table {
   border: 0;
   width: 100%;
}

div.orderlijst table td {
   padding: 1px 4px;
}

/* orderValidation */

.orderValidation {
   padding: 8px 8px 4px 8px;
}

.orderValidation .label {
    font-weight: bold;
    float: left;
}

.orderValidation div {
    position: relative;
    margin: 0 0 4px 150px;
}

.orderValidation div span, .orderValidation div a {
   display: block;
   margin: 0 0 0 18px;
   padding: 0;
}

* html .orderValidation div span, * html .orderValidation div a {
   margin: 0 0 0 22px;
}

.orderValidation div img {
   margin: 2px 0 0 0;
   position: absolute;
}

* html .orderValidation div img {
   margin-left: 4px;
}

.orderValidation div input {
   margin: 1px 0 0 0;
   border: 0;
   position: absolute;
}

/* categorylist */

.categorylist {
   padding: 8px;
   margin-bottom: 8px;
}

.categorylist a, .categorylist a:hover {
   background-color: transparent;
   text-decoration: none;
   cursor: hand;
}

.categorylist img {
   margin: -1px 0 8px -1px;
}

.categorylist ul, .categorylist li {
   padding: 0;
   margin: 0 5px 0 0;
   list-style: none;   
}

.categorylist a, .categorylist span, .pageDirector a.kop {
   background-repeat: no-repeat;
   background-position: 0 5px;
   display: block;
   width: 100%; /* nodig voor IE */
   padding: 0 0 0 10px;
   margin: 0;
   font-weight: bold;
   line-height: 18px;
}

.categorylist a span {
   margin: 0;
   padding: 0;
}

.serviceintropagina .categorylist img {
   display: none;
}

/* productAd */

.productAd {
   margin: 8px 0 0 0;
   padding: 0 8px;
   border-left: 1px solid #b7b7b7;
}

.productAd h3 {
   text-align: center;
   min-height: 2.5em; 
   /* altijd rekening houden met 2 regels text, zodat bestelbuttons 
   horizontaal uitlijnen met elkaar als er productads naast elkaar staan */
}

* html .productAd h3 {
   height: 2.5em; /* IE snaptmin-height niet, dus dan maar hard neerzetten */
}

.productAd img {
   display: block;
   width: 92px;
   height: 92px;
   margin: 1px auto;
}

.productAd div {
   margin: 0 auto;
   text-align: center;
}

.productAd input {
   margin: 0 4px;
}

.productAd input.number {
   width: 19px;
}

.productAd .price {
   font-weight: bold;
   font-size: 1.2em;
   padding: 4px 0;
   text-align: center;
}

.productAd select {
   width: 40px;
   height: 1.5em; /* werkt niet in IE*/
}

* html .productAd select {
   margin-bottom: -2px;
   margin-top: 4px;
}

.serviceintropagina #paneright .productAd, .serviceintrowidepagina #paneright .productAd {
   width: 106px !important;
}

* html .serviceintropagina #paneright .productAd, * html .serviceintrowidepagina #paneright .productAd {
   overflow: hidden;
}

/* productsummary */

.productsummary {
   padding: 8px;
}

.productsummary .top {
   border-bottom: 1px solid #666;
   padding: 0 0 12px 0;
}

.productsummary .bottom {
   border-top: 1px solid #666;
   padding: 8px 0 10px 0;
}

.productsummary input.goright {
   float: right;
}

.productsummary table {
   width: 100%;
   margin: 8px 0 0 0;
}

.productsummary td {
   width: 50%;
   padding: 0 4px 8px 0;
}

.productsummary td.lastcell {
   padding: 0 0 8px 4px;
}

/* cakesummaryitem - control in productoverzicht */

img.productimage {
   width: 92px;
   height: 92px;
   display: block;
   float: left;
}

div.productdescription {
   margin: 0 0 0 100px; /* margin-left is inclusief breedte van img.productimage */
   line-height: 16px;
}

div.productdescription span {
   display: block;
}

table.productoptions {
   width: 150px;
   margin: 2px 0;
}

.productoptions th {
   width: 30%;
   font-weight: normal;
   vertical-align: top;
   padding-top: 1px;
}

.productoptions td {
   width: 70%;
   margin: 0;
   padding: 0;
}

.productoptions td .error {
   display: inline-block;
   margin: 2px 0;
}

.productoptions input {
   padding: 0 1px;
   width: 80px;
}

.productoptions input.number {
   width: 25px;
}

.productoptions select {
   height: 1.5em; /* werkt niet in IE*/
   width: 40px;
}

* html .productoptions select {
   margin-bottom: -2px;
}

.productprice {
   font-size: 1.2em;
   font-weight: bold;
   padding: 4px 0;
}

div.productdescription .productprice span {
   display: inline;
   white-space: nowrap;
}

.productprice span.special {
   display: block !important;
}

/* productdetail */

.productdetail {
   margin: 0 8px;
}

.productdetail .product {
   padding-right: 8px;
   vertical-align: top;
}

.productdetail .product img {
   width: 169px;
   height: 169px;
   display: block;
}

.productdetail .info {
   padding: 8px;
}

.productdetail .info h3 {
   font-size: 1.2em;
}

.productdetail select {
   height: 1.5em; /* werkt niet in IE */
   width: 40px;
}

* html .productdetail select {
   margin-bottom: -2px;
}

.productdetail .prodinfo {
   width: 169px;
   padding: 2px 8px 8px 8px;
}

.productdetail .featurelist {
   margin: 0;
   width: 161px;
   padding: 4px 8px 8px 8px;
}

.productdetail .productoptions {
   margin: 16px 0 8px 0;
   width: 100%;
}

.productdetail .productoptions th {
   margin-right: 8px;
   line-height: 18px;
   vertical-align: top;
}

.productdetail .productoptions .error {
   display: inline-block;
   margin: 2px 0;
}

.productdetail .description {
   padding: 8px 8px 0 46px;
   width: 308px;
}

.productdetail .description a.kop {
   display: block;
   background-image: url("../images/hema/pijlpijl-links.gif");
   background-repeat: no-repeat;
   background-position: left;
   text-decoration: none;
   padding-left: 18px;
   margin-top: 4px;
   width: 290px;
}

.featurelist ul, .productdetail .info ul {
   list-style: none;
   margin: 4px 0 0 0;
   padding: 0;
}

.productdetail .info ul {
   margin: 1em 0;
}

.featurelist li, .productdetail .info li {
   padding: 0 0 0 10px;
   background-repeat: no-repeat;
   background-position: left 3px;
}

/* productSearch */

.productSearch {
   width: 185px;
   height: 88px;
   margin: 0;
   padding: 0;
}

.productSearch img {
   display: block;
   margin: 0;
   padding: 0;
}

.productSearch span {
   display: block;
   margin: 8px 8px 6px 8px;
}

.productSearch input {
   width: 99px;
   margin: 0 0 0 8px;
   padding: 0 1px;
}

.productSearch input.button {
   width: 60px;
   height: 16px;
   font-weight: normal !important;
   margin: 0 8px -1px 5px;
   padding: 0;
}

#paneassociatief .productSearch {
   margin-bottom: 8px;
}

/* serviceintrotitlemodule */

.serviceIntroTitleModule {
   height: 88px;
   background-position: top right;
   background-repeat: no-repeat;
}

.serviceIntroTitleModule h3 {
   padding: 7px 92px 8px 8px;
   line-height: 16px;
}

/* basketStatus module */

.basketStatus {
   float: right;
   border: 0;
}

* html .basketStatus {
   margin-left: -3px; /* witruimte fix voor IE */
}

.basketStatus {
   border-right: 8px solid #fff;
}

.servicepagina .basketStatus {
   border: 0;
}

.serviceintropagina .basketStatus, .serviceintrowidepagina .basketStatus, .editmode .basketStatus {
   float: none;
   margin: 0;
   border: 0;
}

#paneassociatief .basketStatus {
   border-right: 0;
   border-bottom: 8px solid #fff;
   float: none;
}

* html #paneassociatief .basketStatus {
   margin-left: 0; /* witruimte fix voor IE is hier niet nodig! */
}

/* processNavigator */

.processNavigator {
   padding: 8px;
}

.processNavigator span {
   margin-right: 32px;
}

.processNavigator .button {
	font-weight: bold;
   margin-right: 4px;
}

/* fake processNavigator, wordt gebruikt op bedanktpagina na succesvolle bestelling */

.processNavigator.end {
   margin: 0 0 0 -8px;
   clear: both;
   border-top: 8px solid #fff;
}

* html .processNavigator.end {
   height: 18px;
}

* html .processNavigator.end input {
   width: 1%;
   padding-left: 26px;
   overflow-x: visible;
   margin-left: 8px;
}

/* pageDirector */

.pageDirector {
   padding: 8px;
   float: none;
   clear: both;
}

.pageDirector a.kop {
   padding-left: 0;
   text-decoration: none;
}

* html .pageDirector a.kop {
   padding-bottom: 2px;
   padding-top: 2px;
}

.pageDirector a:hover.kop {
   text-decoration: underline;
}

.pageDirector a.pdf {
   background-image: url(../images/hema/icon_pdf.gif);
   background-position: 0 3px;
   padding-left: 18px;
}

* html .pageDirector a.pdf {
   background-position: 0 5px;
}

div.multiple .pageDirector {
   padding-bottom: 0;
}

.serviceintropagina #paneright .pageDirector, .serviceintrowidepagina #paneright .pageDirector {
   padding: 8px 0 0 0;
}

.serviceintropagina #paneright .pageDirector a.kop, .serviceintrowidepagina #paneright .pageDirector a.kop {
   padding-left: 8px;
   background-position: right;
   width: 362px;
}

.serviceintropagina #panemain .pageDirector {
   width: 330px;
}

/* biglistitem */

a.biglistitem {
   display: block;
   margin: 8px 8px 0 8px;
   background-repeat: no-repeat;
   background-position: 0 -2px;
   padding: 0 4px 4px 22px;
   line-height: 14px;
   text-decoration: none;
   font-weight: normal;
   color: #000;
}

/* IE heeft een hoogte nodig, maar echte browsers vinden dat maar niks */
* html a.biglistitem {
   height: 2px; 
}

a:hover.biglistitem {
   color: #000;
   text-decoration: none;
   background-position: 0 -102px;
}

a.biglistitem img {
   padding: 0;
   margin: 4px 0 1px -3px;
}

a.biglistitem span {
   display: block;
   clear: left;
}

/* bigselector */

.bigselector {
   margin: 0 8px;
}

.bigselector ul, .bigselector li {
   padding: 0;
   margin: 0;
   list-style: none;
}

.bigselector li {
   margin-top: 8px;
}

.bigselector a {
   background-repeat: no-repeat;
   background-position: 0 -2px;
   display: block;
   margin: 0;
   height: 100%; /* nodig voor IE */
   padding: 0 4px 4px 22px;
   line-height: 14px;
   text-decoration: none;
   font-weight: normal;
   color: #000;
}

.bigselector a:hover {
   color: #000;
   text-decoration: none;
   background-position: 0 -102px;
}

.bigselector a img {
   display: block;   
   padding: 0;
   margin: 7px 0 3px -1px;
}

.bigselector a span {
   display: block;
   clear: left;
}

/* forms (dd 5-2005) */

table.form {
   font-weight: bold;
   margin: 0 0 8px 0;
   width: 100%;
   position: relative;
}

table.form th {
   padding: 3px 8px;
}

table.form td {
   padding: 4px 8px;
}

table.form.data td {
   padding: 2px 8px;
}

table.form .sum td {
   border-top-style: solid;
   border-top-width: 1px;
}

table.form tr.first td {
   padding-top: 8px;
}

table.form tr.last td {
   padding-bottom: 8px;
}

table.form.data tr.first td {
   padding-top: 4px;
}

table.form.data tr.last td {
   padding-bottom: 4px;
}

table.form .onehalfColumnWidth {
   width: 277px;
}

table.form .oneColumnWidth {
   width: 185px;
}

table.form .threequarterColumnWidth {
   width: 139px;
}

table.form .halfColumnWidth {
   width: 93px;
}

table.form .quarterColumnWidth {
   width: 46px;
}

table.form .eighthColumnWidth {
   width: 23px;
}

table.form .paddedOneColumnWidth {
   width: 169px;
}

table.form .iconColumnWidth {
   width: 14px;
}

table.form td.multiple *, table.form td.multiple div * { 
  /* als er meerdere elementen in een cel zitten, float ze allemaal naar links */
  display: block;
  float: left;
}

table.form td.multiple * *, table.form td.multiple div * * { 
  /* children hiervan moeten weer normaal doen */
  display: inline;
  float: none;
}

table.form td div {
  /* divs worden gebruikt om meerdere regels per optie onder elkaar te tonen
      dwz zonder een nieuwe row aan te maken */
   clear: left;
   float: none;
   width: 100%;
   padding: 3px 0 0 0;
}

table.form div.error {
   padding: 1px 0;
}

table.form span.error {
   padding: 1px 0;
   display: block;
   clear: left;
}

table.form .info, table.form label {
   font-weight: normal;
   color: #000;
}

table.form span.description {
   padding: 0 4px 2px 8px;
}

table.form span:first-child.description, table.form span.description.first-child {
   padding-left: 0;
}

table.form label {
   margin: 0 8px 0 0;
}

table.form .simple label {
   vertical-align: top;
}

table.form select {
   height: 1.5em; /* werkt niet in IE*/
   margin-top: -3px;
}

table.form textarea {
   margin-top: -2px;
}

table.form input {
   margin-top: -1px;
}

table.form input.simple, table.form .simple input {
   margin: 1px 4px 0 0;
}

* html table.form input.simple, * html table.form .simple input {
   margin: 2px 2px 0 -2px;
}

* html table.form div input.simple, * html table.form div .simple input {
   margin: 2px 2px 0 -4px;
}

table.form input.button {
   border-color: #000;
}

table.form sub { /* voor "verplicht" asteriks */
   margin: 0;
   padding: 0 0 0 3px;
   font-weight: bold;
   font-size: 1em;
   vertical-align: text-bottom;
}

table.form sup {
   font-size: 0.6em;
}

* html table.form sup {
   font-size: 0.8em;
}

.servicepagina #panemain table.form {
   /*  margin-right: 8px;  extra witruimte rechts, leuk maar IE snapt het niet */
   width: 547px;
}

div.helptext {
   width: 169px;
   padding: 5px 8px;
   display: none;
   overflow: auto;
}

div.helptext a {
   display: block;
   text-align: right;
}

div.helptext * a {
   display: inline;
   text-align: left;
}

#helptextseparator {
   width: 8px;
   height: 23px;
   position: absolute;
   display: none;
   top: 0;
   left: 0;
}

/* asortimentfilters (dd 28-7-05) */

.assortmentfilter {
   padding: 5px 8px 8px 8px;
   margin-top: 8px;
   position: relative;
}

.assortmentfilter h3 {
   text-indent: -999px;
   background-position: top left;
   background-repeat: no-repeat;
   margin: 4px 0 3px 0;
}

.assortmentfilter select {
   width: 108px;
   margin-right: 5px;
   height: 17px;
}

* html .assortmentfilter select {
   width: 112px;
}

.assortmentfilter input {
   width: 107px;
   margin-right: 4px;
}

* html .assortmentfilter input {
   width: 111px;
}

.assortmentfilter span {
   margin: -3px 0 4px 0;
   display: block;
}

.assortmentfilter.direct span {
   margin: 4px 0 0 0;
   display: block;
}

.assortmentfilter input.button {
   width: auto;
   padding-left: 5px;
   padding-right: 5px;
   margin-right: 0;
   margin-left: 0;
}

* html .assortmentfilter.text input.button {
   margin-bottom: -1px;
}

.assortmentfilter.direct h3 {
   line-height: 12px;
   margin-top: 6px;
}

.assortmentfilter.direct input.button {
   position: absolute;
   top: 7px;
   right: 7px;
}

.serviceintrowidepagina .assortmentfilter {
   height: 75px;
   margin-top: 0;
}

/* nieuwsbrief (16-12-2005) */

.associatiefModule.nieuwsbrief .body {
   text-align: right;
}

.associatiefModule.nieuwsbrief input {
   margin-top: 4px;
   padding-left: 2px;
   width: 165px;
}

.associatiefModule.nieuwsbrief span.error {
   display: block !important;
   width: 100%;
   padding: 0;
   padding: 5px 0 0 0;
   text-align: left;
}

* html .associatiefModule.nieuwsbrief span.error {
   padding: 4px 0 1px 0;
}

.associatiefModule.nieuwsbrief input.button {
   margin-top: 8px;
   margin-bottom: 1px;
   padding-left: 8px;
   width: auto;
}

* html .associatiefModule.nieuwsbrief input.button {
   margin-top: 7px;
}

.nieuwsbriefForm {
   background-color: #f3f5f7;
   margin: 32px 8px 0 0;
   padding: 5px 8px;
   height: 114px;
}

.nieuwsbriefForm h3 {
   display: none;
}

.nieuwsbriefForm img {
   display: block;
   margin: -5px 0 12px -8px;
}

.nieuwsbriefForm input {
   padding-left: 2px;
   width: 124px;
   float: right;
   clear: right;
   margin-top: -1px;
}

* html .nieuwsbriefForm input {
   margin-right: -8px;
}

.nieuwsbriefForm input.button {
   background-color: #f3f5f7;
   width: auto;
   padding-left: 8px;
   margin-top: 8px;
}

.nieuwsbriefForm span.error {
   display: block !important;
   width: 100%;
   padding: 0;
   padding: 8px 0 0 0;
   clear: both;
}

* html .nieuwsbriefForm span.error {
   padding: 7px 0 1px 0;
}

/* calendar control dd:5-1-2006 */
/* deze opmaak is alleen voor de form elementen, opmaak voor de popup is te vinden in 
   \src\XPortalWebsite\controls\popcalendar\CSS\HemaCalendar.css */

.fso.HemaCalendar {
   padding-top: 1px !important;
}

.HemaCalendar .section input {
   padding: 0 2px;
   margin-left: 17px;
}

* html .HemaCalendar .section input {
   margin-left: 18px;
}

.HemaCalendar img {
   margin-top: -2px;
}

* html .HemaCalendar img {
   padding: 1px 0;
   margin-top: 0;
}

.HemaCalendar .section span {
   padding: 1px 18px 1px 2px;
   margin-left: 4px;
	background-color: #b7b7b7;
	border: 1px solid #333 ;
   background-image: url(../images/hema/pijl-omlaag.gif);
   background-position: right 7px;
   background-repeat: no-repeat;
}

* html .HemaCalendar .section span {
   background-position: right 8px;
   padding: 1px 17px 1px 2px;
}

.HemaCalendar .section div {
   margin-left: 17px;
}

* html .HemaCalendar .section div {
   margin-left: 18px;
}

.HemaCalendar .section div span {
   border-style: none;
   padding: 0;
   margin-left: 0;
   background-image: none;
   background-color: transparent;
}

/*.associatiefModule.nieuwsbrief .body {
   overflow: auto;
}*/

/*                      */
/* originele stylesheet */
/*                      */
 
a.vestiging {
	font-size: 11px;
	text-decoration: underline;
	color:#33539e;
	line-height:16px;
}
a.vestiging:hover {
	text-decoration: underline;
	color:#112c69;
}
a.vestigingsearch {
	font-size: 11px;
	text-decoration: underline;
	color:#33539e;
	line-height: 16px;
	font-weight: bold;
}
a.vestigingsearch:hover {
	text-decoration: underline;
	color:#112c69;
}
a.vestigingwhite {
	font-size: 11px;
	text-decoration: underline;
	color:#ffffff;
	line-height: 16px;
	font-weight: bold;
}
a.vestigingwhite:hover {
	text-decoration: underline;
	color:#ffffff;
}

 .fsosubmenu {
color: #003366; 
font-weight: bold;
text-decoration: none;

}
.fsosubmenuselected {
color: #357DC9; 
font-weight: bold; 
text-decoration: none;

}

.fsokop {
color: #003366; 
font-weight: bold;
text-decoration: none;
line-height:16px;
}		
	
A.verder {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color:#0303CD;
   display: block;
}

A.verder:hover {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color:#0303CD;
}

A.aanbieding {
	font-size: 11px;
	text-decoration: none;
	color:#CD0303;
	line-height:16px;
	font-weight:bold;
}
A.aanbieding:hover {
	text-decoration: underline;
	color:#FF0000;
	font-weight:bold;
}
A.nounderline {
	text-decoration: none;
}
.articletitle {
	 color: #abcdef;
	font-size: 13px;
	font-weight: bold;
}
.asstextbg {
background-color:#F3F5F7}

A {
	text-decoration: underline;
}

A {
	text-decoration: underline;
	color:#000000;
}

A.titel {
	font-size: 11px;
	text-decoration: none;
	color:#CD0303;
	font-weight:bold;
}

A.titel:hover {
	text-decoration: underline;
	color:#FF0000;
	font-weight:bold;
}

.photobutton {
	height:20px;
	background-color:#B7B7B7;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#000000;
}

.photobasketbutton {
	height:20px;
	background-color:#0000aa;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#ffffff;
	border: solid 1px #6f83f7;
}

.photoselect {
	width:180;
	height:19px;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.phototextbox {
	width: 100px;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.uploadtextbox {
	width: 100px;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.buttonlogin {
	border: 1px solid #333;
	width: 100px;
	height: 19px;
	background-color: #B7B7B7;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	line-height: 13px;
}

.combobox {
	font-family : Arial;
	text-decoration : none;
	font-size : 9px;
	font-weight : normal;
	color: #333333;
	background : #;
	#border: 1px solid #ffc702;
	width: 185px;
	height: 15px;
   margin: 2px 0px 2px 0px;
}

.datum {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#CD0303;
}

.error, .discount {
	color:#cd0303;
	font-weight:bold;
}

FONT {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.footer {
	color:#CD0303;
	font-weight:normal;
}

.freebutton {
	#border:1px solid #333333 ;
	height:16px;
	background-color:#B7B7B7;
	color:#000000;
	line-height:13px
}

.FSVestigingButton {
	#border:1px solid #333333 ;
	width: 120;
	height: 16px;
	background-color: #8fb7fc;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	line-height: 13px;
}

.kleuraanbiedingen {
	background-color:#ffffff;
	line-height:14px;
}

.kleur {
	background-color:#F3F5F7;
}
.kleuritem1 {
	background-color:#ffffff;
	line-height:14px
}

.kleuritem2 {
	background-color:#ffffff;
	line-height:14px
}

.kleuritem3 {
	background-color:#ffffff;
	line-height:14px
}

.kleuritem4 {
	background-color:#ffffff;
	line-height:14px
}

.kleuritem5 {
	background-color:#ffffff;
	line-height:14px
}
.kleurthema {
	background-color:#F3F5F7;
}

.large {
	font-size: 13px;
	font-weight: bold;
}

.link {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#000000;
	line-height:13px;
	text-decoration: underline;
}

p.actueel {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 14px;
}

.pagelocation {
	color: #abcdef;
	font-size: 13px;
	font-weight: bold;
}

.reageerinput {
	#border:1px solid #333333 ;
	width:277;
	height:18;
	font-size: 12px;
}

.reageerinputsmall {
	#border:1px solid #333333 ;
	width:139;
	height:18;
	font-size: 12px;
}

.reageerkop {
	font-size: 11px;
	text-decoration: none;
	color:#33539e;
	line-height:16px;
	font-weight:bold;
}

.reageertextarea {
	#border:1px solid #333333 ;
	width:277;
	height:80;
	font-family: Arial;
	font-size: 12px;
}

.searchinvul {
 	#border: 1px solid #333333;
	width: 100px;
	height: 14px;
}

.select {
	border:1px solid #333333;
	width:180;
	font-size: 11px;
	#line-height:14px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.selectlogin {
	width:100;
	height:19px;
	font-size: 11px;
	line-height:14px ;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.selectnowidth {
	height:19px;
	font-size: 11px;
	line-height:14px ;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

TD.searchcategoryheader{
	font-size: 12px;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	background-color: #7fa6eb;
	color: #fff;
	font-weight: bold;
}

TD.vestigingheadersearch {
	font-size: 14px;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	background-color: #7fa6eb;
	color: #fff;
	font-weight: bold;
}

TD.vestigingsearch {
	font-size: 11px;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	background-color: #7fa6eb;
	color: #fff;
	font-weight: bold;
}

.uploadtextbox {
	width: 100px;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.textarea {
	width: 100px;
	height: 50px;
	font-size: 11px;
	#line-height: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.textbox {
	width: 100px;
/*	height:16px;
	font-size: 11px;
	#line-height:12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;*/
}
.textboxlogin {
	width:100;
	height:16px;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.titel {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#d02332;
	font-weight:bold;
}
TR.loginrow {
	font-size: 11px;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	color:#ffffff;
	font-weight:bold;
	background-color:#F95F1B;
}
TR.searchcategoryheader{
	font-size: 11px;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	background-color:#7fa6eb;
	color:#ffffff;
	font-weight:bold;
}
TR.vestigingheader {
	font-size: 11px;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	background-color:#7fa6eb;
	color:#ffffff;
	font-weight:bold;
}

tr.vestigingheadersearch {
	font-size: 6px;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	background-color:#7fa6eb;
	color:#ffffff;
	font-weight:bold;
}

tr.vestigingrowblue {
	font-size: 11px;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	background-color:#7fa6eb;
	color:#ffffff;
}

tr.vestigingrow {
	font-size: 11px;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	background-color:#e8e8f2;
}

.vestigingenblackbold {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#000000;
	font-weight:bold;
	line-height:14px;
}
.vestigingenblack {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#000000;
	line-height:14px;
}
.vestigingenresultsbold {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#000000;
	font-weight:bold;
	line-height:18px;
}
.vestigingenwhitebold {
	font-size: 13px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	color:#ffffff;
	line-height:14px;
}

.vestigingenwhite {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#ffffff;
	line-height:14px;
}

.thumbnail {
	padding: 5px;
	margin: 20px; 

}

.contactform input {
	width: 277px;
   padding: 0 2px;
}

.contactform .SubmitButton {
	width: auto !important;
   height: 17px;
}

.contactform .Radio input {
   border: 0;
	width: auto !important;
}

.contactform textarea {
	width:277px;
	height:150px;
}