@charset "utf-8";
/* CSS Document */

/*****************
**  PROMOTIONS  **
******************/

/*  STRUCTUUR  */
.promo_container {margin: 6px; padding: 0; height: auto} /* ; height: 193px, is 588px breed */
#options .promo_container {margin: 6px 0}
.promo_container_start, .promo_container_stop {display: none}
.promo_container, .promo_container_start, .promo_container_stop {/*clear: both*/}
.promo_single, .promo_double, .promo_triple, .promo_quad {margin: 0 6px 0 0; padding: 0; position: relative}
.promo_double, .promo_triple, .promo_quad {float: left}
.promo_single {width: 576px; margin: 0} /* voor context en voor option kolommen */
#options .promo_single {width: 141px; margin: 0} /* voor context en voor option kolommen */
.promo_double {width: 285px} /* breedte is (totaal-marge_r)/2 = (588-6)/2 */
.promo_triple {width: 188px} /* breedte is (totaal-2*marge_r)/2 = (588-12)/3 */
.promo_quad {width: 139px} /* breedte is (totaal-3*marge_r)/2 = (588-18)/4 */

/* de bovenste en onderste rij hebben een hoekboog van 9*9px, som van de head,body en tail hoogte = containerhoogte */
.promo_head, .promo_head .promo_row_right, .promo_head .promo_row_middle {height: 9px; font-size: 0; line-height: 0}
.promo_body, .promo_body .promo_row_right, .promo_body .promo_row_middle {height: 175px}
.promo_tail, .promo_tail .promo_row_right, .promo_tail .promo_row_middle {height: 9px; font-size: 0; line-height: 0}
.promo_row_right {margin-left: 9px}
.promo_row_middle {margin-right: 9px}
.promo_head .promo_row_middle * {-margin-left: 9px} /* -margin-left = linker boog, tegen verschuiving in msie6 */

/*  OPMAAK KADER  */
.promo_row, .promo_row_middle, .promo_row_right {background-repeat: no-repeat; display: block}
.promo_product .promo_row {background-image: url(../images/promo_bg/promo_left.gif)} /* achtergrondplaatjes met transparantie moeten per kolom */ 
.promo_product .promo_row_middle {background-image: url(../images/promo_bg/promo_middle.gif); background-repeat: repeat-x}
.promo_product .promo_row_right {background-image: url(../images/promo_bg/promo_right.gif)}
.promo_product .promo_row, .promo_product .promo_row_middle, .promo_product .promo_row_right {background-image: url(../images/promo_bg/promo_bg.gif); background-color: #fff} /* enkel achtergrondplaatje kan als het geen transparantie heeft */
.promo_banner .promo_row, .promo_banner .promo_row_middle, .promo_banner .promo_row_right {background-image:none}
.promo_head {background-position: left top}
.promo_head .promo_row_middle {background-position: center top}
.promo_head .promo_row_right {background-position: right top}
.promo_body {background-position: left center}
.promo_body .promo_row_middle {background-position: center}
.promo_body .promo_row_right {background-position: right center}
.promo_tail {background-position: left bottom}
.promo_tail .promo_row_middle {background-position: center bottom}
.promo_tail .promo_row_right {background-position: right bottom}

/*  OPMAAK INHOUD  */
.promo_title, .promo_prd_link, .promo_desc, .promo_brand, .promo_price, .promo_label, .promo_banner_container {
	position: absolute; font-size: 12px; font-weight: bolder; line-height: normal
}
.promo_title {top: 2%; left: 2%; width: 96%; text-align: center; font-size: 15px; text-decoration: none}
.promo_prd_link {top: 20%; left: 5%; text-decoration: none}
.promo_desc {top: 55%; left: 10%; width: 80%; font-size: 11px; text-decoration: none}
.promo_brand {top: 20%; right: 5%; }
.promo_price {bottom: 2%; left: 4%; font-size: 20px}
.promo_label {bottom: 4%; right: 3%;}
.promo_label img {max-width: 46px; max-height: 32px}
.promo_banner_container {top: 0; left: 0; width: 100%; text-align: center}

/*  SPECIFIEKE OPMAAK  */
#context .promo_single .promo_title {font-size: 20px}
#context .promo_single .promo_prd_link {top: 15%}
#context .promo_single .promo_desc {left: 45%; width: 45%; font-size: 15px}
#context .promo_single .promo_brand {}
#context .promo_single .promo_price {left: 45%; bottom: 7%; font-size: 24px}
#context .promo_single .promo_label {bottom: 10%}

#options .promo_single .promo_title {font-size: 10px}
#options .promo_single .promo_prd_link {left: 10%; top: 12.5%; width: 80%; text-align: center}
#options .promo_single .promo_desc {font-size: 9px}
#options .promo_single .promo_brand {}
#options .promo_single .promo_price {font-size: 12px}
#options .promo_single .promo_label {}

.promo_double .promo_body, .promo_double .promo_body .promo_row_right, .promo_double .promo_body .promo_row_middle {}
#context .promo_double .promo_title {}
#context .promo_double .promo_prd_link {top: 24%}
#context .promo_double .promo_desc {top: 64%}
#context .promo_double .promo_brand {}
#context .promo_double .promo_price {}
#context .promo_double .promo_label {}

.promo_triple .promo_body, .promo_triple .promo_body .promo_row_right, .promo_triple .promo_body .promo_row_middle {height: 160px}
#context .promo_triple .promo_title {}
#context .promo_triple .promo_prd_link {width: 90%; top: 24%; text-align: center}
#context .promo_triple .promo_desc {top: 60%}
#context .promo_triple .promo_brand {top: 50%; bottom: auto; left: 5%; right: auto; width: 90%; text-align: center; opacity: 0.5; filter: alpha(opacity='50')}
#context #promo_prdcod_BICA003.promo_triple .promo_desc {font-size: 9px}
#context .promo_triple .promo_price {}
#context .promo_triple .promo_label {}

.promo_quad .promo_body, .promo_quad .promo_body .promo_row_right, .promo_quad .promo_body .promo_row_middle {height: 133px}
#context .promo_quad .promo_title {font-size: 11px}
#context .promo_quad .promo_prd_link {top: 21%}
#context .promo_quad .promo_desc {font-size: 10px; top: 64%}
#context .promo_quad .promo_brand {}
#context .promo_quad .promo_price {font-size: 12px}
#context .promo_quad .promo_label {}

#context #promo_news.promo_container {height: auto}
#context #promo_news .promo_desc {position: static; width: 546px; padding: 24px 6px 6px 6px;}
#promo_news .promo_body, #promo_news .promo_body .promo_row_right, #promo_news .promo_body .promo_row_middle {font-weight: normal; height: auto}


/* nu even niet -- not fot now */
.promo_brand {display: none}