/*em kan nu geinterpreteerd worden als px */
/* voor p ul en ol*/
/*Basis tekst kleur*/
/*Basis bijkleur*/
/*Basis tekst type*/
/*Huisstijlkleur | wordt gebruikt in de titels*/
/*Huisstijlkleur Alter | wordt gebruikt in de titels*/
/* kleur dat gebruikt wordt voor lijntjes enzo*/
/* kleur dat gebruikt wordt voor lijntjes enzo*/
/* SIMPLE RESET */
/****************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}
ol,
ul {
  list-style: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a img {
  border: none;
}
html,
body,
form {
  height: 100%;
}
.clear {
  clear: both;
}
.hide {
  display: none;
}
/****************************************************/
/* NON-SEMANTIC HELPER CLASSES. PLEASE DEFINE YOUR STYLES BEFORE THIS SECTION. */
/****************************************************/
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
[hidden] {
  display: none;
  visibility: hidden;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/****************************************************/
/*INPUT EN TEXTAREA FIX*/
/****************************************************/
input,
textarea {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
/****************************************************/
/*CENTERFIX VOOR CHROME*/
/****************************************************/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #nonFooter {
    background-position: 50.001% 0;
  }
  #mainContainer,
  #footTop {
    background-position: 49.999% 0;
  }
}
/****************************************************/
/* STICKY FOOTER */
/****************************************************/
#nonFooter {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -100px;
  /* background: url("/images/basisLayout/ContentBground.png") center top repeat-y; */
}
#push,
#footer {
  height: 100px;
}
/****************************************************/
/* ERROR404 */
/****************************************************/
.error404 {
  margin-top: 10px;
}
/****************************************************/
/* PARAGRAFEN ALGEMEEN */
/****************************************************/
body,
td,
input,
select,
textarea {
  font: normal 12px Arial, Tahoma, Verdana, Sans-serif;
  line-height: 1.2;
  color: #747474;
}
p,
ul,
ol {
  margin: 5px 0 12px 0;
}
ol {
  margin-left: 20px;
}
a {
  font-weight: bold;
  color: #437740;
  text-decoration: underline;
}
a:hover {
  color: #adaa35;
  text-decoration: none;
}
h1 {
  font: normal 30px Arial, Tahoma, Verdana, Sans-serif;
  color: #437740;
  margin: 0 0 12px 0;
}
h2 {
  font: normal 20px Arial, Tahoma, Verdana, Sans-serif;
  color: #437740;
  margin: 0 0 10px 0;
}
h3 {
  font: normal 18px Arial, Tahoma, Verdana, Sans-serif;
  color: #437740;
  margin: 0 0 10px 0;
}
h4 {
  font: bold 14px Arial, Tahoma, Verdana, Sans-serif;
  color: #437740;
  margin: 0 0 8px 0;
}
h5 {
  font: bold 14px Arial, Tahoma, Verdana, Sans-serif;
  color: #437740;
  margin: 0 0 8px 0;
}
ul li {
  padding: 0 0 0 15px;
}
ol li {
  padding: 0;
}
ul li {
  background: url("/Assets/_Ceusters/bullet1.png") -7px -2px no-repeat;
  padding-left: 10px;
}
ol li {
  list-style-type: decimal;
}
ul li ul li {
  background: url("/Assets/_Ceusters/bullet2.png") -7px -2px no-repeat;
}
input[type=text],
input[type=file],
select,
textarea,
select option {
  border: 1px solid #dedede;
  background-color: #f7f7f7;
}
input[type=text]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  border: 1px solid #437740;
}
/****************************************************/
/* LAYOUT ALGEMEEN */
/****************************************************/
body {
  background: #486e35 url("/Assets/_Ceusters/bground.jpg") center top repeat-x;
}
form {
  background: url("/Assets/_Ceusters/duif.png") center top no-repeat;
}
#nonFooter {
  background: url("/Assets/_Ceusters/headerBground.png") right top repeat-x;
}
/*Header*/
#header {
  text-align: center;
}
#head {
  width: 960px;
  height: 195px;
  margin: 0 auto;
  text-align: left;
  padding: 0 10px;
  position: relative;
  top: 0;
  right: 0;
}
#logo {
  width: 325px;
  height: 175px;
  display: block;
  text-indent: -9999px;
  background: url("/Assets/_Ceusters/Ceusters-logo.png") center 20px no-repeat;
  position: absolute;
  top: 0px;
  left: 10px;
}
#talen {
  height: 17px;
  display: none;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 10px;
}
#talen ul {
  margin: 0;
  padding: 0;
}
#talen li {
  list-style: none;
  background: none;
}
#talen li {
  display: inline-block;
  padding-left: 2px;
  *display: inline;
  *float: left;
}
#talen li a {
  background-color: #adaa35;
}
#talen li a,
#talen li .selected {
  width: 22px;
  height: 17px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: center;
}
#talen li a:hover,
#talen li .selected {
  color: #262626;
  background-color: #fff;
}
/*Mandje*/
#mandje {
  width: 24.45%;
  height: 17px;
  padding: 8px 0;
  font-weight: bold;
  color: #fff;
  background: #437740 url("/images/basisLayout/sprite_repeatx.png") center -367px repeat-x;
  position: absolute;
  top: 54px;
  right: 10px;
}
#mandje:hover {
  background-color: #adaa35;
}
#mandjeTitel {
  width: 200px;
  height: 12px;
  position: absolute;
  top: -12px;
  font-weight: bold ;
  font-size: 12px;
  text-transform: uppercase;
  color: #437740;
}
#mandje a {
  width: 100%;
  height: 60px;
  padding-left: 15px;
  position: absolute;
  z-index: 2;
  top: -15px;
  right: -15px;
  display: inline-block;
  text-indent: -9999px;
  background: url("/Assets/_Ceusters/MandjeIcon.png") right top no-repeat;
}
#mandje a span {
  background: url("/Assets/_Ceusters/MandjeIcon.png") right -60px no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
#mandje a:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
}
#mandjeProducten {
  padding-left: 8px;
}
#mandjeBedrag {
  text-indent: -9999px;
  float: left;
}
#mandjeTotaal:before {
  content: "- ";
}
/*Main gedeelte*/
/*Hoofdmenu*/
#hoofdmenu {
  height: 40px;
}
#hoofdmenu ul {
  width: 960px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
}
#hoofdmenu ul li {
  width: 120px;
  height: 32px;
  margin: -2px 0 0 10px;
  list-style: none;
  float: left;
  font-size: 16px;
  font-weight: bold;
  background: none;
  padding-left: 0;
}
#hoofdmenu ul li span,
#hoofdmenu ul li a {
  width: 120px;
  height: 12px;
  padding: 7px 0 13px 0;
  display: block;
  text-align: center;
  text-decoration: none;
}
#hoofdmenu ul li a {
  color: #ffffff;
  background: transparent;
}
#hoofdmenu ul li span,
#hoofdmenu ul li a:hover,
#hoofdmenu ul li a.selected {
  width: 120px;
  height: 12px;
  padding: 7px 0 13px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #437740;
  background: #ffffff;
}
/*Zoeken*/
#zoekenContainer {
  width: 240px;
  height: 20px;
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: 239px;
}
#zoeken {
  width: 240px;
  height: 20px;
  background-color: #fff;
}
#zoeken input {
  width: 135px;
  height: 20px;
  margin: 0;
  padding: 0 0 0 5px;
  color: #437740;
  background-color: #fff;
  border: 0;
  float: left;
}
#zoeken a {
  height: 18px;
  display: block;
  float: right;
  padding: 2px 10px 0 10px;
  color: #fff;
  text-decoration: none;
  background: #437740 url("/images/basisLayout/sprite_repeatx.png") center -550px repeat-x;
}
#zoeken a:hover {
  background-color: #adaa35;
}
#zoeken a .pijltjesRechts {
  display: none;
}
/*ContentContainer*/
#contentContainer {
  width: 980px;
  margin: -10px auto 0;
}
#contentContainerTop {
  background: url("/images/basisLayout/sprite_no_repeat.png") -10px -525px no-repeat;
}
#contentContainerBottom {
  margin: 0 10px;
  background-color: #fff;
}
.ie7 #contentContainer {
  width: 980px;
  margin: 0 auto;
}
.ie7 #contentContainerTop {
  margin-top: -10px;
  float: left;
  background: url("/images/basisLayout/sprite_no_repeat.png") -10px -525px no-repeat;
}
.ie7 #contentContainerBottom {
  margin: 0 10px;
  background-color: #fff;
}
/*submenuEnNieuwsbrief gedeelte*/
#submenuEnNieuwsbrief {
  width: 240px;
  float: left;
}
/*Content*/
#content {
  min-height: 100px;
  width: 720px;
  float: right;
  display: block;
  margin-top: 10px;
}
#contentTextblockBoven {
  margin: 0 10px 0 10px;
  clear: both;
}
#contentTextblockOnder {
  margin: 0 10px 0 10px;
  clear: both;
}
/*submenu*/
#submenu {
  width: 230px;
  margin: 10px 10px 0 10px;
  background-color: #437740;
}
#submenuTop {
  background: url("/images/basisLayout/sprite_submenu.png") center -113px repeat-x;
}
#submenu ul {
  padding: 0;
  margin: 0;
}
#submenu ul li.first {
  background: none;
}
#submenu ul li {
  width: 236px;
  height: 33px;
  margin: 0 -3px;
  list-style: none;
  font-size: 14px;
  font-weight: bold;
  background: url("/images/basisLayout/sprite_submenu.png") center -70px no-repeat;
  padding-left: 0;
}
#submenu ul li a,
#submenu ul li a.selected {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  margin-bottom: 3px;
  display: block;
  overflow: hidden;
  text-decoration: none;
}
#submenu ul li:hover,
#submenu ul li.selected,
#submenu ul li a:hover,
#submenu ul li a.selected {
  background: url("/images/basisLayout/sprite_submenu.png") center 0px no-repeat;
}
#submenu ul li:hover a,
#submenu ul li a.selected {
  margin-bottom: 3px;
}
#submenu ul li a {
  color: #fff;
}
#submenu ul li a:hover,
#submenu ul li:hover a,
#submenu ul li a.selected {
  color: #fff;
  background-color: #adaa35;
}
/*Nieuw en promo menu*/
#nieuw_promo_container {
  width: 230px;
  margin: 0 10px 10px 10px;
  background-color: #30562e;
  border-top: 1px solid #274525;
}
#nieuw_promo_container ul {
  padding: 0;
  margin: 0;
}
#nieuw_promo_container ul li {
  height: 33px;
  list-style: none;
  font-size: 14px;
  font-weight: bold;
  background: url("/images/basisLayout/sprite_submenu.png") center -70px no-repeat;
  padding-left: 0;
}
#nieuw_promo_container ul li:first-child {
  background: none;
}
#nieuw_promo_container ul li a,
#nieuw_promo_container ul li a.selected {
  height: 20px;
  padding: 4px 20px 6px 20px;
  margin-bottom: 3px;
  display: block;
  overflow: hidden;
  line-height: 22px;
  text-decoration: none;
}
#nieuw_promo_container ul li a {
  color: #fff;
}
#nieuw_promo_container ul li a:hover,
#nieuw_promo_container ul li.selected a {
  color: #fff;
  background-color: #e10000;
}
#nieuw_promo_container ul li.linkPromo a:hover,
#nieuw_promo_container ul li.linkPromo.selected a {
  color: #fff;
  background-color: #262626;
}
/*extraveld*/
#extraveld_container {
  width: 230px;
  margin: 10px;
}
#extraveld_container h3 {
  height: 20px;
  margin: 0;
  padding: 10px 20px;
  color: white;
  background: #f0e53c url("/images/basisLayout/sprite_repeatx.png") center -410px repeat-x;
}
#extraveld_container ul {
  padding: 10px 0 10px 10px;
  margin: 0;
  background-color: #f7f7f7;
  border: 1px solid #dedede;
  border-top-width: 0px;
}
.ie7 #extraveld_container ul {
  width: 218px;
}
#extraveld_container ul li {
  height: 30px;
  margin: 0;
  list-style: none;
  font-size: 14px;
  font-weight: bold;
  background: none;
  padding-left: 0;
  margin-right: -1px;
  border-right: 1px solid #dedede;
}
#extraveld_container ul li:hover,
#extraveld_container ul li.selected {
  border-right: 1px solid #ffffff;
}
#extraveld_container ul li a {
  height: 20px;
  padding: 5px 10px;
  display: block;
  text-decoration: none;
  color: #437740;
}
#extraveld_container ul li a:hover,
#extraveld_container ul li:hover a,
#extraveld_container ul li.selected a {
  color: #adaa35;
  background-color: #ffffff;
  padding: 4px 9px;
  border: 1px solid #dedede;
  border-right: 1px solid #ffffff;
}
/*Prijsklasse*/
#prijsklassen_container {
  width: 230px;
  margin: 10px;
}
#prijsklassen_container h3 {
  height: 20px;
  margin: 0;
  padding: 10px 20px;
  color: white;
  background: #f0e53c url("/images/basisLayout/sprite_repeatx.png") center -410px repeat-x;
}
#prijsklassen_container ul {
  padding: 10px 0 10px 10px;
  margin: 0;
  background-color: #f7f7f7;
  border: 1px solid #dedede;
  border-top-width: 0px;
}
.ie7 #prijsklassen_container ul {
  width: 218px;
}
#prijsklassen_container ul li {
  height: 30px;
  margin: 0;
  list-style: none;
  font-size: 14px;
  font-weight: bold;
  background: none;
  padding-left: 0;
  margin-right: -1px;
  border-right: 1px solid #dedede;
}
#prijsklassen_container ul li:hover,
#prijsklassen_container ul li.selected {
  border-right: 1px solid #ffffff;
}
#prijsklassen_container ul li a {
  height: 20px;
  padding: 5px 10px;
  display: block;
  text-decoration: none;
  color: #437740;
}
#prijsklassen_container ul li a:hover,
#prijsklassen_container ul li:hover a,
#prijsklassen_container ul li.selected a {
  color: #adaa35;
  background-color: #ffffff;
  padding: 4px 9px;
  border: 1px solid #dedede;
  border-right: 1px solid #ffffff;
}
/*blokMetTekstAa*/
#blokMetTekstAa {
  width: 230px;
  margin: 10px;
}
#blokMetTekstAaTop {
  padding: 18px;
  background-color: #fff;
  border: 1px solid #dedede;
}
/*betaalmogelijkheden*/
#betaalmogelijkheden {
  width: 240px;
  margin: 10px;
  overflow: auto;
  display: none;
}
/*Standaard positie bij vertikaal menu*/
#betaalmogelijkheden {
  margin: 0 0 0 240px;
  position: absolute;
  top: 88px;
  left: 50%;
}
/*betaalmogelijkheden bij winkelmandje*/
#visa,
#mastercard,
#maestro,
#ogone,
#paypal,
#dexia,
#kbc,
#ing,
#ideal,
#bancontact {
  float: left;
  background-image: url("/images/basisLayout/betaalmogelijkheden.gif");
  background-repeat: no-repeat;
}
/*75 x 50*/
/* #visa, #mastercard, #maestro, #ogone, #paypal, #dexia, #kbc, #ing, #ideal, #bancontact{ width:75px; height:50px; margin:5px 20px; }
#visa { background-position: 0px 0px; }
#mastercard{ background-position: -80px 0px; }
#ogone{ background-position: -160px 0px; }
#paypal{ background-position: -240px 0px; }
#bancontact{ background-position:  -320px 0px; }
#ideal{ background-position: -400px 0px; }
#kbc{ background-position: -480px 0px ; display:none; }
#ing{ background-position: -560px 0px; display:none; }
#dexia{ background-position: -640px 0px; display:none; }
#maestro{ background-position: -720px 0px; display:none;} */
/*51 x 34*/
/* #visa, #mastercard, #maestro, #ogone, #paypal, #dexia, #kbc, #ing, #ideal, #bancontact{ width:51px; height:34px; margin:10px 12px;}
#visa { background-position: 0px -60px; }
#mastercard{ background-position: -60px -60px; }
#ogone{ background-position: -120px -60px; }
#paypal{ background-position: -180px -60px; }
#bancontact{ background-position:  -240px -60px; }
#ideal{ background-position: -300px -60px; }
#kbc{ background-position: -360px -60px ; display:none; }
#ing{ background-position: -420px -60px; display:none; }
#dexia{ background-position: -480px -60px; display:none; }
#maestro{ background-position: -560px -60px; display:none;} */
/*33 x 22*/
/* #visa, #mastercard, #maestro, #ogone, #paypal, #dexia, #kbc, #ing, #ideal, #bancontact{ width:33px; height:22px; margin:10px 12px;}
#visa { background-position: 0px -100px; }
#mastercard{ background-position: -40px -100px; }
#ogone{ background-position: -80px -100px; }
#paypal{ background-position: -120px -100px; }
#bancontact{ background-position:  -160px -100px; }
#ideal{ background-position: -200px -100px; }
#kbc{ background-position: -240px -100px ; display:none; }
#ing{ background-position: -280px -100px; display:none; }
#dexia{ background-position: -320px -100px; display:none; }
#maestro{ background-position: -360px -100px; display:none;} */
/*22 x 15*/
#visa,
#mastercard,
#maestro,
#ogone,
#paypal,
#dexia,
#kbc,
#ing,
#ideal,
#bancontact {
  width: 22px;
  height: 15px;
  margin: 1px;
}
#visa {
  background-position: 0px -130px;
}
#mastercard {
  background-position: -30px -130px;
}
#ogone {
  background-position: -60px -130px;
}
#paypal {
  background-position: -90px -130px;
}
#bancontact {
  background-position: -120px -130px;
}
#ideal {
  background-position: -150px -130px;
}
#kbc {
  background-position: -180px -130px;
  display: none;
}
#ing {
  background-position: -210px -130px;
  display: none;
}
#dexia {
  background-position: -240px -130px;
  display: none;
}
#maestro {
  background-position: -270px -130px;
  display: none;
}
/*Nieuwsbrief*/
#Nieuwsbrief {
  width: 230px;
  margin: 10px;
}
#NieuwsbriefTop {
  background: #437740 url("/images/basisLayout/sprite_no_repeat.png") 190px top no-repeat;
}
#NieuwsbriefTop {
  transition: color 300ms ease-in-out, background 600ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background 600ms ease-in-out;
  -webkit-transition: color 300ms ease-in-out, background 600ms ease-in-out;
}
#NieuwsbriefTop:hover {
  background-color: #adaa35;
}
#NieuwsbriefBottom a {
  height: 20px;
  padding: 10px 20px;
  display: block;
  font-size: 14px;
  text-decoration: none;
  background: url("/images/basisLayout/sprite_repeatx.png") center -510px repeat-x;
  color: #ffffff;
}
/*footer*/
#foottekst .textblock,
#foottekst .textblock p,
#foottekst .textblock a,
#foottekst .textblock a:hover,
#foottekst .textblock td {
  color: #fff;
}
.footcredits,
.footcredits a,
.footcredits a:hover {
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
#footer {
  text-align: center;
  padding-bottom: 30px;
}
#foottekst {
  width: 960px;
  height: 30px;
  margin: 0 auto;
  padding: 20px 0;
  background: #adaa35;
}
.footcredits {
  width: 960px;
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
  background-color: #365f33;
}
/****************************************************/
/*TRANSITIONS*/
/****************************************************/
a {
  transition: color 300ms ease-in-out, background 600ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background 600ms ease-in-out;
  -webkit-transition: color 300ms ease-in-out, background 600ms ease-in-out;
}
#mandje {
  transition: color 300ms ease-in-out, background 600ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background 600ms ease-in-out;
  -webkit-transition: color 100ms ease-in-out, background 100ms ease-in-out;
}
/*categorie en productpagina*/
.categorieItemTitel a,
.productItemTitel a,
.categorieItemTitel h3,
.productItemTitel h3 {
  transition: color 100ms ease-in-out, background 200ms ease-in-out;
  -moz-transition: color 100ms ease-in-out, background 200ms ease-in-out;
  -webkit-transition: color 100ms ease-in-out, background 200ms ease-in-out;
}
/*CategorieOmschrijving*/
/*opacity xxxms= snelheid en linear xxms = vertraging voor de opacity start*/
.categorieItem:hover .categorieItemOmschrijving,
.productItem:hover .productItemOmschrijving {
  transition: opacity 200ms linear 100ms;
  -moz-transition: opacity 200ms linear 100ms;
  -webkit-transition: opacity 200ms linear 100ms ;
}
/*opacity xxxms= snelheid en linear xxms = vertraging voor de opacity start*/
.categorieItem:hover .categorieItemOmschrijving:hover,
.productItem:hover .productItemOmschrijving:hover {
  transition: opacity 200ms linear 100ms;
  -moz-transition: opacity 200ms linear 100ms;
  -webkit-transition: opacity 200ms linear 100ms;
}
/*submenu Transitions*/
#submenu ul li a {
  transition: color 200ms ease-in-out, background 400ms ease-in-out;
  -moz-transition: color 200ms ease-in-out, background 400ms ease-in-out;
  -webkit-transition: color 200ms ease-in-out, background 400ms ease-in-out;
}
/****************************************************/