@import "/_ui/screen.css";

/* header voor nieuw bij ah **************************************************/
.size_m #heading {
  height: 265px;
  position: relative;
  background-position: 0 0;
  /* flash renders the margin and the drop shadow from the navbar */
}

#heading h1 {
  position: absolute;
  top: -10000px;
  height: 0;
}
#heading embed, 
#heading object { 
  width: 100%;
  height: 260px;
}

.nieuwetalage h2 {
  position: absolute;
  top: -10000px;
  height: 0;
}


/* nieuw bij ah lijst, vgl zoekresultaten recepten ***************************/
#nieuwbijah {
  display: block;
  position: relative;
  width: 100%;
  clear: both;
  max-width: none;
}

#nieuwbijah li {
  display: block;
  float: left;
  margin: 0 2em 1em 0;
  padding: 0;
  background-image: none;
}

.size_s #nieuwbijah li {
  margin: 0.5%;
}

.size_m #nieuwbijah li {
  width: 32%;
}

.size_xxl #nieuwbijah li {
  width: 24%;
}

/*#nieuwbijah li .shoplist_item {*/
#nieuwbijah li .block {
  position: relative;
  z-index: 2;
  background-color: #FFF;
  cursor: pointer;
}

#nieuwbijah li .block {
  height: 15.2em;
  margin: 0;
  border: 1px solid #FFF;
  padding: 0;
  background: #FFF;
  font-size: 100%;
}

#nieuwbijah li.foldopen .block {
  cursor: default;
}

#nieuwbijah li .foldout ul a {
  cursor: pointer;
}

.size_xxl #nieuwbijah li .block {
  height: 16em;
}


/* Overrule standaard cursor voor shoplist items */
#nieuwbijah li .shoplist_item img {
  cursor: move;
}


#nieuwbijah li .shoplist_item {
  display: block; 
}

/* Border voor opengeklapt item en hover  */
#nieuwbijah li.hover .block {
  border: 1px dotted #929292;
}

#nieuwbijah li.foldopen .block {
  border: 1px dotted #929292;
  border-bottom: none;
  padding-bottom: 11px;
}

#nieuwbijah li .foldout .block {
  height: auto;
  border: 1px dotted #929292;
  padding-bottom: 10px;
}


#nieuwbijah li .foldout {
  position: relative;
  top: -1px;
  z-index: 1;
}


/* Haal onderste afronding weg, maar niet voor de foldout div */
#nieuwbijah .foldopen .corner_bl,
#nieuwbijah .foldopen .corner_br {
  display: none;
}

#nieuwbijah .foldopen .foldout .corner_bl,
#nieuwbijah .foldopen .foldout .corner_br {
  display: block;
}


/* text alignment: centreer plaatje, kop en payoff */
#nieuwbijah li .block {
  text-align: center;
}

#nieuwbijah img {
  display: block;
  float: none;
  clear: none;
  margin: .8em auto 0 auto;
}

#nieuwbijah li div .block {
  padding: 0 2em;
  text-align: left;
  color: #494949;
}

/* text formatting */
#nieuwbijah h3 {
  padding: 0;
  color: #494949;
  font-size: 100%;
  line-height: 1.3em;
}

#nieuwbijah p.payoff {
  margin: 0 0 .8em;
  padding: 0.2em 0;
  color: #78297B;
  font-size: 90%;
  font-weight: normal;
}

#nieuwbijah p.extended {
  margin: .8em 0;
  font-weight: normal;
}

#nieuwbijah ul {
  display: block;
  margin: -.8em 0 .4em;
  list-style: none;
}
#nieuwbijah ul li {
  float: none;
  margin: 0.2em 0;
  padding-left: 1.6em;
  background-image: url(/_ui/bullet_assortment.gif);
}
.size_s #nieuwbijah ul li {
  width: auto;
  font-weight: normal;
}

#nieuwbijah .product_specs {
  width: 49%;
  float: left;
}

#nieuwbijah .product_specs p {
  margin: 0;
}




/* actiebuttons (volgen vormgeving van [p.singular][a], maar met [a][span] */
#nieuwbijah ul.shop_links {
  margin-left: 50%;
  margin-top: 0;
  border-left: 1px dotted #929292;
  padding: 0;
}

#nieuwbijah ul.shop_links li {
  float: none;
  clear: none;
  width: auto !important;
  margin: 0;
  padding-left: 1.5em;
  background-image: none;
}

#nieuwbijah ul.shop_links a {
  display: block;
  margin: 0 0 .1em 0;
  padding: 2px 0 4px 25px;
  background-position: 0 0.1em;
  background-repeat: no-repeat;
  color: #494949;
  font-weight: normal;
}

#nieuwbijah ul.shop_links a.shoplist_link {
  background-image: url(/_ui/productetalage_button_mbl_assortment.gif);
}

#nieuwbijah ul.shop_links a.online_bestellen {
  background-image: url(/_ui/singular_shopping.gif);
}

#nieuwbijah ul.shop_links a.recipe_link {
  background-image: url(/_ui/food_pan.gif);
}

#nieuwbijah ul.shop_links a.shoplist_link:hover {
  color: #78297B;
}

#nieuwbijah ul.shop_links a.online_bestellen:hover {
  color: #0079C1;
}

#nieuwbijah ul.shop_links a.recipe_link:hover {
  color: #7A9F1F;
}


/* Afrondingshoeken goed zetten: .block bij border ***************************/
#nieuwbijah .corner_tl { top:    -1px; left:  -1px; }
#nieuwbijah .corner_tr { top:    -1px; right: -1px; }
#nieuwbijah .corner_br { bottom: -1px; right: -1px; }
#nieuwbijah .corner_bl { bottom: -1px; left:  -1px; }


/* Definieer breedte van div.foldout adhv size (m of xxl) ********************/
.size_m #nieuwbijah .foldout {
  width: 306%;
}

.size_xxl #nieuwbijah .foldout {
  width: 412.25%;
}


/* Clear elke regel van 3 (size_m) of 4 (size_xxl) items *********************/
.size_m .column_3_0 { clear: both; }
.size_xxl .column_3_0 { clear: none; }
.size_xxl .column_4_0 { clear: both; }

/* Positioneer elke div.foldout voor size_m **********************************/
.size_m #nieuwbijah .column_3_0 .foldout { left: 0; }
.size_m #nieuwbijah .column_3_1 .foldout { left: -103%; }
.size_m #nieuwbijah .column_3_2 .foldout { left: -206%; }

/* Fix afrondingen van div.foldout voor size_m *******************************/
.size_m #nieuwbijah .column_3_0 .foldout .corner_tl { display: none; }
.size_m #nieuwbijah .column_3_2 .foldout .corner_tr { display: none; }

/* Positioneer elke div.foldout voor size_xxl ********************************/
.size_xxl #nieuwbijah .column_4_0 .foldout { left: 0; }
.size_xxl #nieuwbijah .column_4_1 .foldout { left: -104%; }
.size_xxl #nieuwbijah .column_4_2 .foldout { left: -208%; }
.size_xxl #nieuwbijah .column_4_3 .foldout { left: -312%; }

/* Fix afrondingen van div.foldout voor size_xxl *****************************/
.size_xxl #nieuwbijah .column_3_0 .foldout .corner_tl { display: block; }
.size_xxl #nieuwbijah .column_3_2 .foldout .corner_tr { display: block; }

.size_xxl #nieuwbijah .column_4_0 .foldout .corner_tl { display: none; }
.size_xxl #nieuwbijah .column_4_3 .foldout .corner_tr { display: none; }