/******************** Reset Css ********************/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/******************** Main styles ********************/

html, body {
  font-family:tahoma;
  font-size:13px;
  color:#252525;
  background-color:#ffffff;
  background-image:url('../images/background.jpg');
  background-position:top center;
  background-repeat:repeat-y;
}

a {
  color: #000;
}

div#container {
  width:900px;
  margin:0px auto 0px auto;
}

div#header {
  width:900px;
  height:242px;
  margin-left: 1px;
  background-image:url('../images/header.png');
  background-position:top left;
  background-repeat:no-repeat;
}

/******************** Zoeken ********************/

div#zoeken input {
  width:150px;
  height:18px;
  padding:3px 5px 1px 5px;
  margin:7px 0px 0px 10px;
  outline:none;
  font-size:13px;
  line-height:18px;
  border:1px solid #303030;
  float:left;
}

div#zoeken a#knop {
  display:block;
  float:left;
  width:60px;
  height:16px;
  padding:3px 5px 4px 4px;
  margin:7px 0px 0px 0px;
  outline:none;
  text-decoration:none;
  text-align:center;
  color:#ffffff;
}
div#zoeken a#knop:hover {font-weight:bold;}

/******************** Mandje ********************/

a#mandje {
  width:238px;
  height:30px;
  line-height:30px;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  color:#ffffff;
  display:block;
  float:right;
  background-color:#900052;
  margin:5px 5px 0px 0px;
  padding:0px 10px 0px 10px;
  outline:none;
  background-image:url('../images/pijltje.png');
  background-position:228px 5px;
  background-repeat:no-repeat;
}
a#mandje:hover {
  background-color:#f1b8d8;
}

/******************** Logo ********************/

a#logo {
  position:relative;
  /*margin:0px 0px 0px 680px;*/
  bottom:-85px;
  left:715px;
  border:0px;
  outline:none;
  z-index:20;
}
a#logo img {border:0px;}

/******************** Breadcrumbs ********************/

div#breadcrumbs {
  width:670px;
  height:27px;
  padding:2px 0px 0px 230px;
  font-weight:bold;
}
div#breadcrumbs a {
  text-decoration:none;
  color:#252525;
  outline:none;
}

/******************** Content ********************/

div#content {
  width:900px;
  margin:0px 0px 0px 0px;
}

/******************** Menu ********************/

ul#menu {
  width:200px;
  float:left;
  list-style:none;
  padding:10px;
  border-right:1px solid #e880bc;
  min-height: 450px;
}
ul#menu li {
 margin:0px 0px 10px 0px;
}
ul#menu li a {
  width:180px;
  height:38px;
  padding:0px 10px 0px 10px;
  background-color:#faeaf4;
  display:block;
  font-size:18px;
  text-decoration:none;
  color:#252525;
  line-height:37px;
  outline:none;
}
ul#menu li a:hover {
  color:#ffffff;
  background-color:#d20179;
}
ul#menu li a.active {
  color:#ffffff;
  background-color:#d20179;
}

ul#menu li a.sub {
  width:170px;
  height:22px;
  padding:0px 10px 0px 20px;
  display:block;
  font-weight: bold;
  font-size:13px;
  text-decoration:none;
  color:#252525;
  line-height:22px;
  outline:none;
  background-image: url(/images/arrow.png);
  background-repeat: no-repeat;
}

ul#menu li a.sub:hover {
  background-position: 0px -22px;
  color: #fff;
}

/******************** contentvak ********************/

div#contentvak {
  width:670px;
  float:left;
  margin:10px 0px 0px 5px;
}

div#contentvak h1 {
  color:#d20179;
  font-weight:normal;
}
div#contentvak h2 {
  color:#d20179;
  font-weight:bold;
  font-size:18px;
  margin:0px 0px 10px 0px;
  padding-left: 5px;
}
div#contentvak p {
  padding-right: 5px;
  padding-left: 5px;
}

/******************** broodjesmenu ********************/

div#broodjesmenu {
  height:92px;
  width:400px;
  margin:10px;
  padding:10px 0px 0px 0px;
  display:block;
  float:left;
}

div#broodjesmenu a {
  width:110px;
  height:80px;
  display:block;
  float:left;
  outline:none;
}
div#broodjesmenu a#broodje_01 {background-image:url('../images/kies_01_brood.png'); background-position:top left; background-repeat:no-repeat; position:relative; z-index:60;}
/* div#broodjesmenu a#broodje_01:hover {background-image:url('../images/kies_01_r_brood.png'); background-position:top left; background-repeat:no-repeat;} */
div#broodjesmenu a#broodje_01.active {background-image:url('../images/kies_01_r_brood.png'); background-position:top left; background-repeat:no-repeat;}


div#broodjesmenu a#broodje_02 {background-image:url('../images/kies_03_beleg.png'); background-position:top left; background-repeat:no-repeat; position:relative; z-index:50; margin-left:-16px;}
/* div#broodjesmenu a#broodje_02:hover {background-image:url('../images/kies_03_r_beleg.png'); background-position:top left; background-repeat:no-repeat;} */
div#broodjesmenu a#broodje_02.active {background-image:url('../images/kies_03_r_beleg.png'); background-position:top left; background-repeat:no-repeat; position:relative; z-index:50; margin-left:-16px;}


div#broodjesmenu a#broodje_03 {background-image:url('../images/kies_03_extra.png'); background-position:top left; background-repeat:no-repeat; position:relative; z-index:40; margin-left:-16px;}
/* div#broodjesmenu a#broodje_03:hover {background-image:url('../images/kies_03_r_extra.png'); background-position:top left; background-repeat:no-repeat;} */
div#broodjesmenu a#broodje_03.active {background-image:url('../images/kies_03_r_extra.png'); background-position:top left; background-repeat:no-repeat; position:relative; z-index:40; margin-left:-16px;}


div#broodjesmenu a#broodje_04 {background-image:url('../images/kies_04_mandje.png'); background-position:top left; background-repeat:no-repeat; position:relative; z-index:30; margin-left:-16px;}
/* div#broodjesmenu a#broodje_04:hover {background-image:url('../images/kies_04_r_mandje.png'); background-position:top left; background-repeat:no-repeat;} */
div#broodjesmenu a#broodje_04.active {background-image:url('../images/kies_04_r_mandje.png'); background-position:top left; background-repeat:no-repeat; position:relative; z-index:30; margin-left:-16px;}

/******************** broodje ********************/

div#broodje {
  width:215px;
  height:102px;
  margin:10px 0px 0px 30px;
  display:block;
  float:left;
  /* background-color: #8f0052; */
}

div#broodje img {
  position: absolute;
}

/******************** keuzes ********************/

div#keuzes {
  width:653px;
  margin:20px 10px 10px 10px;
  display:block;
  float:left;
}

div#keuzes br {clear:both;}
div#keuzes a.keuzevakje {
  width:115px;
  display:block;
  float:left;
  padding:80px 0px 0px 0px;
  margin:0px 30px 25px 0px;
  background-color:#fff;
  text-decoration:none;
  outline:none;
  position:relative;
  z-index:10;
  text-align:center;
  color:#252525;
  overflow: visible;
}
div#keuzes a.keuzevakje-active {
  width:115px;
  height:35px;
  display:block;
  float:left;
  padding:80px 0px 0px 0px;
  margin:0px 30px 50px 0px;
  background-color:#faeaf4;
  text-decoration:none;
  outline:none;
  position:relative;
  z-index:10;
  text-align:center;
  color:#252525;
}

div#keuzes a.keuzevakje img, div#keuzes a.keuzevakje-active img {
  border:0px;
  position:absolute;
  left:0px;
  top:0px;
  z-index:15;
}

div#keuzes a.keuzevakje span.prijsbutton, div#keuzes a.keuzevakje-active span.prijsbutton  {
  width:46px;
  height:46px;
  line-height:42px;
  text-align:center;
  display:block;
  color:#ffffff;
  top:-12px;
  left:-12px;
  /*margin:-12px 0px 0px -12px;*/
  background-image:url('../images/prijsbutton.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
  position:absolute;
  z-index:20;
}

div#keuzes a.keuzevakje span.vinkje, div#keuzes a.keuzevakje-active span.vinkje {
  width:36px;
  height:36px;
  display:block;
  float:left;
  margin:08px 0px 0px 89px;
  /*top:0px;
  left:0px;*/
  /* background-image:url('../images/vinkje.png'); */
  background-position:0px 0px;
  background-repeat:no-repeat;
  position:relative;
  z-index:19;
}

.metvinkje {
  background-image:url('../images/vinkje.png'); 
}

.vinkjeact {
  background-image:url('../images/vinkje_r.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
}

div#keuzes a.keuzevakje:hover span.vinkje {
  background-image:url('../images/vinkje_r.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
}

div#keuzes a.keuzevakje-active span.vinkje {
  background-image:url('../images/vinkje_r.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
}

/******************** volgende & vorige button ********************/

a.volgende, a.bestel, a.wbestel {
  width:120px;
  height:27px;
  margin:10px;
  display:block;
  float:right;
  text-align:center;
  text-decoration:none;
  line-height:25px;
  color:#ffffff;
  font-size:14px;
  font-weight:bold;
  background-image:url('../images/btn_volgende.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
}
a.volgende:hover, a.bestel:hover, a.wbestel:hover {
  background-image:url('../images/btn_volgende_r.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
}
a#vorige {
  width:120px;
  height:27px;
  margin:10px;
  display:block;
  float:left;
  text-align:center;
  text-decoration:none;
  line-height:25px;
  color:#ffffff;
  font-size:14px;
  font-weight:bold;
  background-image:url('../images/btn_vorige.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
}
a#vorige:hover {
  background-image:url('../images/btn_vorige_r.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
}



/******************** Nieuws ********************/

div.nieuws {
  width:410px;
  padding:10px;
  padding-left: 8px;
  padding-top: 0px;
  border-bottom:1px solid #cccccc;
  display:block;
  float:left;
}

.nieuwsh2 {
  margin-top: 20px !important;
  padding: 0;
}
div.nieuws span {
  margin:0px 0px 5px 0px;
  display:block;
  float:left !important;
  border:1px solid blue;
}
div.nieuws img {
  display:block;
  float:left; 
  margin:0px 10px 10px 0px;
}
div.nieuws a.tekst {
  color:#d20179;
  display:inline;
  text-decoration:none;
}

/******************** Aanbieding ********************/

div#aanbieding {
  width:210px;
  margin:0px 8px 0px 15px;
  /*border:1px solid #dedede;*/
  display:block;
  float:right;
}
div#aanbieding div.item {
  border:1px solid #dedede;
  margin-bottom:15px;
}
div#aanbieding div.item h3 {
  width:198px;
  background-color:#fde8e9;
  color:#d20179;
  padding:5px 5px 5px 5px;
}
div#aanbieding div.item img {
  display:block;
  float:right;
  margin:5px 5px 0px 5px;
}
div#aanbieding div.item p {
  padding:5px 5px 5px 5px;
}
div#aanbieding div.item span.prijs {
  padding:5px 5px 5px 5px;
  display:block;
  font-weight:bold;
  font-size:18px;
  color:#d20179;
}
div#aanbieding div.item span.roze {
  padding:5px 5px 5px 5px;
  display:block;
  font-weight:bold;
  color:#d20179;
}

div#aanbieding div.item span.roze:hover {
  text-decoration: underline;
}

/******************** leesmeer button ********************/

a.leesmeer {
  width:120px;
  height:27px;
  margin:10px 0px 10px 0px;
  display:block;
  float:right;
  text-align:center;
  text-decoration:none;
  line-height:25px;
  color:#ffffff;
  font-size:14px;
  font-weight:bold;
  background-image:url('../images/btn_volgende.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
}
a.leesmeer:hover {
  background-image:url('../images/btn_volgende_r.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
}


/******************** Inputs ********************/

td.label {width:150px; text-align:right; padding:0px 10px 0px 0px;}

label {width:150px; height:18px; margin:0px 5px 3px 0px; padding:2px 5px 2px 5px; text-align:right; display:block; float:left;}

input {width:300px; height:18px; margin:0px 0px 3px 0px; padding:2px 5px 2px 5px; font-family:tahoma; font-size:12px; outline:none; padding:2px 5px 2px 5px; font-weight:bold; color:#d20179; border:1px solid #bbbbbb; clear:both;}
textarea {width:300px; resize:none; font-family:tahoma; font-size:12px; margin:0px 0px 3px 0px; outline:none; padding:2px 5px 2px 5px; font-weight:bold; color:#d20179; border:1px solid #bbbbbb;}

input.rondje {display:block; width:18px; margin:0px 0px 0px 0px; display:inline;}

a#verstuur {
  width:120px;
  height:27px;
  margin:10px 0px 10px 10px;
  display:block;
  float:right;
  text-align:center;
  text-decoration:none;
  line-height:25px;
  color:#ffffff;
  font-size:14px;
  font-weight:bold;
  background-image:url('../images/btn_volgende.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
}
a#verstuur:hover {
  background-image:url('../images/btn_volgende_r.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
}


/******************** categorie ********************/

div#categorie {
  width:653px;
  margin:20px 10px 10px 10px;
  display:block;
  float:left;
}
div#categorie a.blokje {
  width:115px;
  display:block;
  float:left;
  padding:120px 0px 0px 0px;
  margin:0px 30px 20px 0px;
  background-color:#faeaf4;
  text-decoration:none;
  outline:none;
  position:relative;
  z-index:10;
  text-align:center;
  color:#252525;
  border:8px solid #faeaf4;
}
div.wit {
  background-color: #fff;
  height: 115px;
  width: 115px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
div#categorie a.blokje-active {
  width:115px;
  display:block;
  float:left;
  padding:120px 0px 0px 0px;
  margin:0px 30px 15px 0px;
  background-color:#f1b8d8;
  text-decoration:none;
  outline:none;
  position:relative;
  z-index:10;
  text-align:center;
  color:#252525;
}
div#categorie a.blokje:hover {background-color:#d20179; border-color:#d20179; color:#ffffff;}
div#categorie a.blokje img, div#categorie a.blokje-active img {
  position:absolute;
  left:0px;
  top:0px;
  z-index:15;
  border:0px;
}
div#categorie a.blokje span.prijsbutton, div#categorie a.blokje-active span.prijsbutton  {
  width:46px;
  height:46px;
  line-height:42px;
  text-align:center;
  display:block;
  color:#ffffff;
  top:-15px;
  right:-15px;
  /*margin:-12px 0px 0px -12px;*/
  background-image:url('../images/prijsbutton.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
  position:absolute;
  z-index:20;
}




/*################################################  WINKELWAGEN */

div#winkelwagen-header {width:100%; display:block; margin:10px 0px 0px 5px;}

img.progressbar {
  margin:0px 0px 0px 0px;
  position:relative;
  z-index:10;
}
div.progressbar-bg {
  height:23px;
  width:537px;
  width:662px;
  background-color:#d20179;
  position:relative;
  z-index:5;
  margin:0px 0px 0px 0px;
  /*background-image:url('images/progressbar.png');
  background-position:top left;
  background-repeat:no-repeat;*/
}
div.progressbar-teksten img {
  position:absolute;
  z-index:7;
}

div.progressbar-teksten a {color:#ffffff; text-decoration:none; height:21px; line-height:20px; display:block; float:left; z-index:15; position:absolute; outline:none;}
div.progressbar-teksten a:hover {color:#000;}
div.progressbar-teksten a#progressbar-winkelwagen {width:135px; padding:0px 0px 0px 30px; margin-left:0px;}
div.progressbar-teksten a#progressbar-verzendmethode {width:130px; padding:0px 0px 0px 35px; margin-left:165px;}
div.progressbar-teksten a#progressbar-afrekenen {width:137px; padding:0px 0px 0px 28px; margin-left:330px;}
div.progressbar-teksten a#progressbar-bevestiging {width:137px; padding:0px 0px 0px 28px; margin-left:495px;}

img.winkelwagen-indeling {
  margin:0px 0px 0px 0px;
  position:relative;
  z-index:10;
}
div.winkelwagen-indeling-bg {
  height:21px;
  width:537px;
  width:662px;
  background-color:#d20179;
  position:relative;
  z-index:5;
  margin:5px 0px 0px 0px;
}
div.winkelwagen-indeling-bg span {color:#ffffff; height:21px; line-height:18px; display:block; float:left; position:relative; z-index:11;}
div.winkelwagen-indeling-bg span#indeling-foto {width:68px; text-align:center; position:absolute; z-index:11;}
div.winkelwagen-indeling-bg span#indeling-beschrijving {width:404px; position:absolute; z-index:11; margin-left:10px;}
div.winkelwagen-indeling-bg span#indeling-aantal {width:40px; position:absolute; z-index:11;margin-left:471px;}
div.winkelwagen-indeling-bg span#indeling-prijs {width:55px;text-align:right;margin:0px 0px 0px 10px; position:absolute; z-index:11;margin-left:507px;}
div.winkelwagen-indeling-bg span#indeling-totaal {width:55px;margin:0px 0px 0px 17px; position:absolute; z-index:11;margin-left:583px;}
div.winkelwagen-indeling-bg span.indeling-korting {width:515px; text-align:left; padding:0px 0px 0px 22px; position:absolute; z-index:11;}

div.winkelwagen-content {
  margin:0px 0px 10px 0px;
}

/*################################################  WINKELWAGEN ITEM */



div.winkelwagen-item-rij {
  padding:2px 0px 2px 0px;
  margin:0px 7px 0px 5px;
  width:527px;
  width:658px;
  /* height:42px; */
  display:block;
  float:left;
  border-bottom:1px solid #cccccc;
}

div.winkelwagen-item-rij.noborder {
  border: none;
  cursor: pointer;
  margin-bottom: 7px;
}
div.winkelwagen-item-rij.noborder a.gooiweg img {
  margin-left: -2px;
  margin-top: -1px;
}
div.winkelwagen-item-rij:hover {background-color:#faeaf4;}

div.winkelwagen-item-rij span.foto {width:58px; float:left; display:block;}
div.winkelwagen-item-rij img.pic {display:block; margin:0px auto 0px auto; width: 42px; height: 42px;}
div.winkelwagen-item-rij span.winkelwagen-beschrijving {
  line-height:18px;
  float:left;
  padding:12px 0px 10px 4px;
  /* height:27px;*/
  width:455px;
}
div.winkelwagen-item-rij span.winkelwagen-beschrijving a {
  color:#d20179;
  text-decoration:none;
}
div.winkelwagen-item-rij span.winkelwagen-aantal {
  line-height:11px;
  float:left;
  padding:15px 0px 0px 0px;
  height:27px;
  width:40px;
  text-align:center;
}
div.winkelwagen-item-rij span.winkelwagen-prijs {
  line-height:11px;
  float:left;
  padding:15px 0px 0px 0px;
  margin:0px 0px 0px 7px;
  height:27px;
  width:55px;
  text-align:right;
}
div.winkelwagen-item-rij span.winkelwagen-totaal {
  line-height:11px;
  float:left;
  padding:15px 0px 0px 0px;
  margin:0px 0px 0px 4px;
  height:27px;
  width:56px;
  text-align:right;
}
div.winkelwagen-item-rij a.gooiweg {
  width:14px;
  height:27px;
  padding:15px 0px 0px 0px;
  margin:0px 0px 0px 11px;
  float:left;
}
div.winkelwagen-item-rij a.gooiweg img {
  display:block;
  border:0px;
}

/*################################################  WINKELWAGEN KASSA */

div.winkelwagen-footer div.kassa {
  width:305px;
  height:81px;
  float:right;
  display:block;
  margin:0px 5px 0px 0px;
  font-size:13px;
  color:#ffffff;
  background-color:#faeaf4;
  padding:10px;
}

div.winkelwagen-footer div.kassa span.dik {font-weight:bold; color:#3d3d3d;}
div.winkelwagen-footer div.kassa span {margin:3px 0px 3px 0px; width:220px; display:block; float:left; color:#d20179;}
div.winkelwagen-footer div.kassa span.bedrag {float:right; width:75px; text-align:right; color:#d20179;}
div.winkelwagen-footer div.kassa span.bedrag-dik {font-weight:bold; color:#3d3d3d; float:right; width:75px; text-align:right;}

/*################################################  WINKELWAGEN FOOTER */

div.winkelwagen-footer {
  width:100%;
  float:left;
  display:block;
  margin:15px 0px 0px 0px;
}
div.winkelwagen-footer a#leegmaken {
  height:20px;
  width:100px;
  margin-top:-22px;
  padding:0px 0px 0px 27px;
  position:absolute;
  background-image:url('../images/winkelwagentje-kruisje.png');
  background-position:10px 2px;
  background-repeat:no-repeat;
  text-decoration:none;
  color:#252525;
}
div#winkelwagen-nav {
  margin:20px 0px 0px 0px;
}
.pointer {
  cursor: pointer;
}

p.ok {
  padding: 5px;
  margin: 5px;
  border: 1px solid #d20179;
  background-color: #faeaf4;
  font-weight: bold;
  text-align: center;
}

.ui-effects-transfer {
  border: 1px dotted #d10078;
  z-index: 3000;
  background-color: #faeaf4;
  opacity: 0.7;
  filter:alpha(opacity=70);
}


#faq fieldset {
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 3px;
}

#faq fieldset legend {
  background-image: url('/images/information.png');
  background-position: 0px 1px;
  background-repeat: no-repeat;
  padding-bottom: 4px;
  white-space: normal;
}

#faq fieldset legend a {
  font-weight: bold;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  padding: 0;
  margin: 0;
  margin-left: 21px;
  display: block;
  cursor: pointer;
  width: 485px;
}

#faq fieldset legend a:hover {
  color: #donker;
}

#faq fieldset div.content p {
  margin: 0;
  padding: 0;
  padding-bottom: 12px;
}

#faq fieldset div.content {
  padding: 0;
  margin: 0;
  padding-left: 24px;
  padding-bottom: 10px;
}

#faq fieldset div.content ul {
  margin-left: 25px;
}

.stap1 {
  display: block;
}

.stap2 {
  display: none;
}

.stap3 {
  display: none;
}

.vlgdbt {
  display: none;
}

.stap4 {
  display: none;
}

div.bestellenok, div.nabestellen {
  clear:both;
  padding: 10px;
  margin-right: 10px;
  text-align: right;
  border: 1px solid #ca0079;
  background-color:#faeaf4;
  display: none;
}

#baantal {
  float: left;
  text-align: left;
  font-weight: bold;
  margin-top: 15px;
}

.bestellenok input {
  border: 1px solid #000;
  background-color: #fff;
  width: 50px;
  height: 20px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  float: left;
  padding-top: 5px;
  margin-left: 70px;
  position: absolute;
  margin-top: -6px;
}

.blackhover:hover {
  color: #000;
}

div.nabestellen a {
  text-decoration: underline;
  font-weight: bold;
  color: #ca0079;
}

div.nabestellen a:hover {
  text-decoration: none;
  color: #000;
}

.nodisp {
  display: none !important;
}

.winkelwagen-aantal input {
  height: 17px;
  margin-top: 3px;
  margin-left: -8px;
  width: 30px;
  text-align: center;
  margin-top: -12px;
}

.winkelwagen-aantal img {
  position: absolute;
  margin-top: -1px;
  margin-left: 5px;
}

p.error, p.agree, p.common, p.dev, div.dev, div.common, div.agree, div.error, div.dev {
  padding: 10px;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}


p.error, div.error {
  border: 1px solid #ca0000;
  background-color: #faebeb;
}

p.common, div.common {
  border: 1px solid #ccc;
  background-color: #f2f2f2;
}

p.agree, div.agree, div.common:hover {
  border: 1px solid #398219;
  background-color: #c5e595;
}

p.dev, div.dev {
  border: 1px solid #ffd700;
  background-color: #ffffdd;
}

div.common {
  margin-bottom: 5px;
}

.hide {
  display: none;
}

#pccheck{
  border: 1px solid #d10078;
  padding: 8px;
  background-color: #fcf3f9;
  font-size: 11px;  
}

#pccheck:hover {
  border: 1px solid #000;
}

#pccheck h4 {
  font-size: 14px;
}

#pccheck input {
  border: 1px solid #d10078;
  padding: 2px;
  height: 15px;
  font-weight: bold;
  letter-spacing: 2px;
  margin-top: 10px;
  width: 110px;
}

#pccheck input#checkbutton {
  border: 1px solid #fcf3f9;
  padding: 0px;
  background-color: #fcf3f9;
  height: 19px;
  line-height: 21px;
  font-weight: bold;
  letter-spacing: 0px;
  width: 60px;
  color: #d10078;
}

div#lnext {
  float: right;
  border: 2px solid #fff;
  color: #fff;
  background-color: #d10078;
  height: 30px;
  width: 165px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  font-size: 16px;
  line-height: 30px;
}

div#lprev {
  float: left;
  border: 2px solid #fff;
  color: #fff;
  background-color: #d10078;
  height: 30px;
  width: 150px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
}

div#lnext:hover, div#lprev:hover {
  background-color: #fff;
  color: #000;
  cursor: pointer;
}

div.bezorgdag {
  float: left;
  margin: 2px;
  color: #fff;
  background-color: #fff;
  height: 27px;
  width: 120px;
  margin-top: 3px;
  text-align: right;
  font-weight: normal;
  font-size: 18px;
  color: #000;
  padding-right: 8px;
  padding-top: 3px;
}

div.bezorgtijd {
  background-color: #faeaf4;
  margin: 2px;
  height: 25px;
  width: 120px;
  margin-top: 3px;
  padding-top: 5px;
  float: left;
}

div.bezorgtijd {
  color: #fff;
  text-align: center;
  font-size: 16px;
}
div.bezorgtijd a {
  color: #999;
}

div.bezorgtijd.active {
  background-color: #d10078;
  cursor: pointer;
}
div.bezorgtijd.active a {
  color: #fff;
}

div.bezorgtijd.active:hover {
  background-color: #000;
}

div.bezorgtijd.active a:hover {
  color: #fff;
}

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

div.winkelwagen-item-rij.b {
  padding:0px 0px 0px 0px !important;
}

div.winkelwagen-item-rij.b span {
  padding: 7px 0px 0px 0px !important;
}

.afrekenenbutton {
  display: block;
  border: 1px solid #d10078;
  background-color: #faeaf4;
  padding: 10px;
  margin: 2px;
  text-align: center;
  font-size: 16px;
  color: #000;
  text-decoration: none;
}

.afrekenenbutton:hover {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.normal {
  font-weight: normal;
}

h2 a {
  font-weight: normal;
  text-decoration: none;
  color: #d10078;
  float: right;
  display: block;
  padding: 2px 5px 2px 5px;
  font-size: 14px;
  border: 1px solid #faeaf4;
}

h2 a:hover {
  color: #000;
  border: 1px solid #000;
  text-decoration: underline;
}

.ordertable {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
}

.ordertable tr.odd {
  background-color: #faeaf4;
}

.ordertable td {
  padding: 2px 5px 2px 5px;
}

.ordertable tr:hover {
  background-color: #d10078;
  color: #fff !important;
}

.ordertable tr.header {
  background-color: #000;
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  font-size: 10px;
  line-height: 14px;
}

a.printbon {
  white-space: nowrap;
  color: #000;
  font-weight: normal;
  text-decoration: underline;
}

a.printbon:hover {
  color: #fff;
}

a#inlogged {
  
  float: right;
  padding-top: 12px;
  margin-right: 20px;
  margin-left: 10px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  
}

a#inlogged:hover {
  text-decoration: underline;
}