/* global styles for box */
.seperator {
	line-height: 0; /* ie<=6 */
	font-size: 0; /* ie<=6 */
    background: url('../images/seperator.gif') repeat-x;
    height: 1px
}
h2.bar, #popup h2.bar {
	position: relative; z-index: 1;
	height: 16px; /*24-8*/
	padding: 7px 12px 1px 10px;
	font-weight: bold;
	text-transform: uppercase;
	background: url('../images/bar.png') no-repeat
}
#popup h2.bar {
    margin-top: 10px
}
	h2.shop {
		background-image: url('../images/bar_red.png')
    }
	h2.bar .bar_end {
        display: block;
		position: absolute;
		top: 0; right: -8px;
		height: 24px;
		width: 8px;
		background: url('../images/bar_end.png') no-repeat
    }
	.w_m h2.bar, h2.w_m {
		width: 158px; /* 180+8px bar_end-11-11 */
	}
	.w_l h2.bar {
		width: 352px
	}
	.w_xl h2 {
		width: 740px
	}
.box {
	/*position: relative;*/
	padding: 0 5px 0 0;
	margin: 0 5px 5px 0;
	overflow: hidden;
	background: url('../images/bg_box_gradient.gif') repeat-x bottom left }
	div.box_newsletter { background-image: url('../images/bg_box_newsletter.gif') }
    div.box_xxx        { background-image: url('../images/bg_box_xxx.gif')
}
    .box_brand_chooser {
        margin: -10px 0 10px 0;
        background: none;
        overflow: visible
    }
        .brand_chooser_lnk {
            display: block;
            padding: 4px 0 0 10px
        }
.box a {
	font-size: 10px
}
.w_m {
	width: 183px; /*188-5*/
}
.w_l {
	width: 377px; /*382-5*/
}
.w_xl {
	width: 765px; /*770-5*/
}
.h_m {
	height: 235px
}
.h_l {
	height: 475px
}
.h_product {
    margin-right: 6px
}

	.box .box_head {
		display: block;
		width: 100%;
		padding: 0 11px 0 11px;
		height: 10px;
		overflow: hidden;
		background: url('../images/box_head_m.gif') no-repeat }
		.w_xl .box_head { background-image: url('../images/box_head_xl.gif')
	}
	.box_end {
		display: block;
		margin: 0 0 0 -6px;
        width: 188px;
		height: 10px;
		background: url('../images/box_end_188.gif') no-repeat;
        position: relative;
        top: 1px; left: 5px;
		overflow: hidden }
		div.w_l  .box_end { width: 382px; background-image: url('../images/box_end_382.gif') }
		div.w_xl .box_end { width: 770px; background-image: url('../images/box_end_770.gif')
	}
	.box .box_shadow {
		line-height: 1.2em;
		display: block;
		padding: 0 4px 0 0;
		width: 100%;
		height: 100%;
		border-left: 1px solid #ddd;
		background: url('../images/box_shadow.gif') repeat-y right
	}
	.w_xl .box_shadow {
		line-height: 1.5em
	}
	.box p {
		padding: 0 0 10px 0
	}
	.offset {
		padding: 10px;
		display: block
	}
    .box_brand_chooser .offset {
        margin: -1px 0 2px 7px;
        padding: 10px 0 0 0
    }
	.w_xl .offset {
		padding: 30px 20px
	}
    .box_img {
        margin: -1px 0 7px -3px
    }

/* global styles for btns */
.btn1 {
	background: url(../images/btn1_r.png) transparent no-repeat 100% 1px;
	float: left }
    .btn1_red { background-image: url(../images/btn2_r.png)
}
    .btn1 input {
		height: 26px;
		background: url(../images/btn1_l.png) no-repeat;
		border: none;
		cursor: pointer;
		display: block;
		padding: 0px 3px 4px 18px;
		margin: 1px 16px 0 0;
		font-weight: bold;
		text-transform: uppercase;
		font-family: Verdana, Helvetica, sans-serif
	}
    .btn1_red input {
		background-image: url(../images/btn2_l.png)
	}
	.btn1 a {
		height: 26px;
		background: url(../images/btn1_l.png) no-repeat;
		float: left;
		padding: 5px 6px 4px 21px;
		margin: 1px 16px 0 0;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 11px
	}
	.btn1_red a {
		background-image: url(../images/btn2_l.png)
	}

/* teaser styles */
#teaser_main {
    float: left;
    margin: 0 5px 5px 0;
    width: 576px; height: 246px;
    position: relative
}
    #teaser_main_big {
        float: left;
        width: 355px; height: 246px;
        overflow: hidden
    }
        #teaser_main_big h1 {
            position: absolute;
            top: 22px; left: 22px;
            padding: 4px 0 10px 0;
            font-size: 25px;
            font-weight: normal
        }
    #teaser_main_small {
        float: left;
        width: 221px; height: 246px;
        overflow: hidden
    }
#teaser_mainright {
    width: 188px;
    height: 246px;
    margin: 0 0 5px 0;
    overflow: hidden;
    float: left
}
#teaser_core_values {
    height: 245px
}
    #teaser_core_values p {
        padding: 8px 0 8px 49px;
        height: 36px;
        margin: 0 12px;
        background: url('../images/sprite_cv.png') no-repeat -2px 7px }
        #teaser_core_values p.cv02 { background-position: -2px -49px }
        #teaser_core_values p.cv03 { background-position: -2px -106px }
        #teaser_core_values p.cv04 { background-position: -2px -162px
    }
.teaser_img_link {
    width: 377px;
    height: 120px;
    position: relative;
    display: block;
    overflow: hidden
}
.kingsize .teaser_img_link {
    height: 360px
}
#teaser_mainright .teaser_img_link {
    height: 246px; width: 188px
}
.kingsize_half .teaser_img_link {
    width: 188px; float: left
}
.single .teaser_img_link {
    width: 183px
}
    .h_l .teaser_img_link {
        height: 360px
    }
    .h_l .offset, .h_m .offset {
        height: 61px;
        overflow: hidden
    }
    .h_m ul li {
        list-style: none;
        background: url(../images/pfeil_grau_inaktiv.png) no-repeat 0 2px;
        padding: 0 0 2px 15px;
        margin: 0
    }
    .teaser_txt {
        height: 42px;
        overflow: hidden
}
.teaser_btn {}
.teaser_link {
    background: url('../images/seperator.gif') repeat-x;
    padding: 6px 0 0 0;
    margin: 5px 0 0 0
}
.teaser_link a {
        background: url(../images/pfeil_rot_inaktiv.png) no-repeat 0 2px;
        padding: 0 0 0 15px
    }
    #teaser_main_big .overlay_percent {
        left: 5px; bottom: 15px
    }
    #teaser_main_small .overlay_percent {
        top: 35px; right: 36px
    }
    #teaser_mainright .overlay_percent {
        top: 3px; right: 13px
    }
    #teaser_cat .overlay_percent {
        right: 20px
    }
    .kingsize .overlay_percent,
    .kingsize_half .overlay_percent,
    .single .overlay_percent,
    .double .overlay_percent {
        right: 9px
    }
   #btcontent .overlay_percent { /*ET*/
        position: absolute;
        left: 242px;
        top: 123px
    }
#teaser_cat {
    padding: 0 0 10px 0;
    position: relative
}
    #teaser_cat h1 {
        position: absolute;
        top: 26px; left: 17px;
        padding: 4px 0 10px 0;
        font-size: 25px;
        font-weight: normal
    }
        #text_box {
            position: absolute;
            left: 390px;
            width: 360px;
            height: 140px
        }
            #text_box p {
                margin: 66px 20px 0 12px;
                line-height: 1.2em
            }
.price_overlay {
    height: 29px;
    background: url('../images/bg_price_overlay.png') no-repeat;
    overflow: hidden;
    position: absolute;
    right: 0;
    font-family: Arial;
    line-height: 10px;
    _width: 150px; /*ie6*/
    *width: 150px; /*ie7*/
}
    .po_main_big {
        right: 221px;
        top: 196px
    }
    .po_main_small {
        right: 18px;
        top: 196px
    }
    #teaser_mainright .price_overlay {
        top: 196px; right: 4px
    }
    .double .price_overlay, .single .price_overlay {
        top: 76px
    }
    .kingsize .price_overlay, .kingsize_half .price_overlay {
        top: 317px
    }
    .price_overlay .po_txt {
        float: left;
        width: 54px;
        height: 26px;
        padding: 2px 2px 0 10px;
        line-height: 12px;
        overflow: hidden
    }
    .price_overlay .po_price {
        float: right;
        height: 16px;
        font-size: 20px;
        padding: 11px 2px 2px 0;
        letter-spacing: -1px;
    }
        .price_overlay .po_price .currency {
            padding: 0 0 0 2px
        }