/*
body {
	background-image:url(../img/bg/bg_points.gif);
}
*/
body {
	background-image:url(../img/header/logo.jpg);
}
/* GSC 31.10.2009 gif statt jpg
div#header_imageCONTAINER {
	height:186px;
	background: #FFFFFF url(../img/header/logo.jpg) no-repeat;
}
*/
div#header_imageCONTAINER {
	height:241px;
	background: #fff url(../img/header/logo.jpg) no-repeat;
}

#mainCONTENT {
	background-image:url(../img/bg/content_bg.gif);
	background-repeat:repeat-y;
}
/* GSC 22.05.2010 ( grau left/right-Content ) */
#mainCONTENT_body {
	/* background-image:url(../img/bg/content_bg.gif); */
	background-repeat:repeat-y;
}


/* Header CONTENT
----------------------------------------------- */
div#content {

}
/* boxes */


/* ---------- */
.bullet {
    vertical-align:middle;
    background: url(../img/icons/bullet_on.gif) no-repeat ;

}

div#leftCONTENT .bullet {
	background-position:5px 5px;
}

div#rightCONTENT .bullet {
	background-position:10px 5px;
}
/* Box-Header links Standard */
div#leftCONTENT .head {
	background-image:url(../img/headerBoxes/boxleft_header.gif);
	background-repeat:no-repeat;
}
/* Box-Header rechts Standard */
div#rightCONTENT .head {
	background-image:url(../img/headerBoxes/boxright_header.gif);
	background-repeat:no-repeat;
}

/* GSC 01.11.2009 Wölkchen links ---------------------------------------------------*/
div#leftCONTENT .head1 {
	background-image:url(../img/headerBoxes/wolke1.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	/*
	line-height:64px;
	*/
	vertical-align:middle;
	padding:0px 0px 5px 15px;
	height:64px;
}
div#leftCONTENT .head2 {
	background-image:url(../img/headerBoxes/wolke2.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	/*
	line-height:55px;
	*/
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:50px;
}
div#leftCONTENT .head3 {
	background-image:url(../img/headerBoxes/wolke3.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	/*
	line-height:72px;
	*/
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:50px;
}
div#leftCONTENT .head4 {
	background-image:url(../img/headerBoxes/wolke4.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	/*
	line-height:58px;
	*/
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:58px;
}
div#leftCONTENT .head5 {
	background-image:url(../img/headerBoxes/wolke5.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	/*
	line-height:75px;
	*/
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:75px;
}

div#leftCONTENT .head6 {
	background-image:url(../img/headerBoxes/wolke6.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	/*
	line-height:60px;
	*/
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:65px;
}
div#leftCONTENT .head7 {
	background-image:url(../img/headerBoxes/wolke7.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	/*
	line-height:61px;
	*/
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:61px;
}
div#leftCONTENT .head8 {
	background-image:url(../img/headerBoxes/wolke8.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	/*
	line-height:61px;
	*/
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:55px;
	/*color:#B3D334;*/
}
div#leftCONTENT .head9 {
	background-image:url(../img/headerBoxes/wolke9.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	/*
	line-height:72px;
	*/vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:72px;
	color:#B3D334;
}
div#leftCONTENT .head10 {
	background-image:url(../img/headerBoxes/wolke10.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	/*
	line-height:61px;
	*/
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:61px;
}
div#leftCONTENT .head11 {
	background-image:url(../img/headerBoxes/wolke11.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	/*
	line-height:72px;
	*/
	vertical-align:middle;
	padding:0px 0px 5px 15px;
	height:62px;
}

div#rightCONTENT .head1 {
	background-image:url(../img/headerBoxes/wolke1.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	line-height:75px;
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:64px;
}
div#rightCONTENT .head2 {
	background-image:url(../img/headerBoxes/wolke2.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	line-height:55px;
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:55px;
}
div#rightCONTENT .head3 {
	background-image:url(../img/headerBoxes/wolke3.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	line-height:40px;
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:58px;
}
div#rightCONTENT .head4 {
	background-image:url(../img/headerBoxes/wolke4.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	line-height:58px;
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:58px;
}
div#rightCONTENT .head5 {
	background-image:url(../img/headerBoxes/wolke5.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	line-height:60px;
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:72px;
}
div#rightCONTENT .head6 {
	background-image:url(../img/headerBoxes/wolke6.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	line-height:60px;
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:60px;
}
div#rightCONTENT .head7 {
	background-image:url(../img/headerBoxes/wolke7.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	line-height:71px;
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:71px;
}
div#rightCONTENT .head8 {
	background-image:url(../img/headerBoxes/wolke8.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	line-height:61px;
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:61px;
}
div#rightCONTENT .head9 {
	background-image:url(../img/headerBoxes/wolke9.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	line-height:60px;
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:72px;
	color:#B3D334;
}
div#rightCONTENT .head10 {
	background-image:url(../img/headerBoxes/wolke10.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:900;
	line-height:61px;
	vertical-align:middle;
	padding:0px 0px 0px 15px;
	height:61px;
}

/* Ende Wölkchen -------------------------------------------------------------*/

/* Image mit link
----------------------------------------------- */

input, select, textarea   {
	background-image:url(../img/bg/text-bg.gif);
	background-repeat:repeat-x;
	background-color: #fff;
}
input, select   {
	background-position: top;
}
textarea   {
	background-position: bottom;
}

/* Hovereffects for inputs (> FF 1, IE 7) */
input[type=text]:hover,
input[type=text]:active,
input[type=text]:focus,
input[type=password]:hover,
input[type=password]:active,
input[type=password]:focus,
select:hover,
select:active,
select:focus,
textarea:hover,
textarea:active,
textarea:focus {
	background-image: none;
}




/* used for:
	- box order history
*/



.icon_cart {
	margin: 0 5px;
	height:16px;
	width: 20px;
	background-image:url(../img/icons/cart_put.png);
	background-repeat:no-repeat;
	background-position: center center;
}

.icon_more {
	margin: 0 5px;
	height:16px;
	width: 20px;
	background-image:url(../img/icons/add.png);
	background-repeat:no-repeat;
	background-position: center center;

}
/*********************************************/
/* icons account */
.IconAccount {
	background-repeat:no-repeat;
	background-position: left center;
}
.icon_edit {
	background-image:url(../img/icons/account_edit.jpg);
}
.icon_adress_book {
	background-image:url(../img/icons/adress_book.jpg);
}
/* GSC 17.10.2010 hinzu für BUI watchlist */
.icon_watchlist {
	background-image:url(../img/icons/cart_edit.png);
}
.icon_account_password {
	background-image:url(../img/icons/account_password.jpg);
}
.icon_account_history {
	background-image:url(../img/icons/account_history.jpg);
}
.icon_newsletter {
	background-image:url(../img/icons/newsletter.jpg);
}
.icon_login {
	background-image:url(../img/icons/arrow.jpg);
}

.icon_banktransfer{
	background-image:url(../img/icons/bank.jpg);
}
.delAdress,
.billAdress,
.Adress {
	background-image:url(../img/icons/arrow.jpg);
	background-repeat:no-repeat;
	background-position: 60px 45px;
}
/* icons account end
********************************************/
.usk18,
.usk18 img{
    width: 80px;
    height: 80px;
    cursor:default;
}

.usk18 {
	background-image:url(../img/fsk18.gif);
	background-repeat:no-repeat;
	background-position: center;
}
a.popuplink {padding-left: 20px;background: url(../img/printer.png) no-repeat center left;}

.background {
	width:146px;
	height:220px;
	margin:0px 10px 0px 0px;
	padding:0px;
	background: #fff;
/*
	background-image:url(../img/bg_imageThumb.gif);
	background-repeat:no-repeat;
	background-position:center center;
	*/
}
.price_box {
	color:#333333;
}

.price_box a{
	color:#333333;
}
/* GSC 30.10.2009 im einspaltigen Listing ohne Rand
   mit border-Farbe ffffff statt cccccc
   GSC 05.11.2009 Bildgrössen auf H400 B270 geändert */
.imageThumb {
	float:left;
	width:146px;
	height:220px;
	background-repeat:no-repeat;
	background-position:center center;
	/* GSC 11.05.2010
	border: 1px solid #ffffff;
	background-color: #ffffff;
	*/
	border: 1px transparent;

}

img.noimageThumb,
.imageThumb img {
	width:146px;
	height:220px;
}

/* GSC 12.11.2009 Lupe */
.lupe {
	width:24px;
	height:26px;
	background-repeat:no-repeat;
	padding: 180px 0px 0px 0px; 

}

/* GSC 12.11.2009 Lupe */
.lupe_info {
	width:24px;
	height:26px;
	background-repeat:no-repeat;
	padding: 350px 0px 0px 0px; 
}


/* GSC 30.10.2009 im Produkt ohne Rand mit border-Farbe ffffff statt cccccc
   GSC 05.11.2009 Bildgrössen auf H400 B270 geändert -------------------------*/
.backgroundInfo {
	width:300px;
	height:445px;
	margin:0px 10px 10px 0px;
	padding:0px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
/*
	background-image:url(../img/bg_imageInfo.gif);
	background-repeat:no-repeat;
	background-position:center center;
	*/
}
.backgroundInfo lupe {
position:absolute;
margin-left: 3px;
margin-top: 3px;
background-image: url(../img/icons/lupe.png);
}


.imageInfo {
	float:left;
	width:300px;
	height:445px;
	margin-right:5px;
	background-repeat:no-repeat;
	background-position:center center;

}
.imageInfo img {
	width:300px;
	height:445px;
}


#content .head {

}
#content .head2 {

}
#content .Content {

}
#content .ModuleHead {

}

#content .ModuleContent {

}

/* backgrounds und farbverlaeufe */


.BGcolorGradient1 {
	background-color:#F4F4F4;
	background-image: none;
	background-repeat:repeat-x;
}

.imageCat {
	float: left;
	margin-top:5px;
	
	margin-right: 10px;
	margin-bottom: 10px;
}

ul.horizontalmenu li.spacer {
	width:1px;
	background: url(../img/header_menu_spacer_small.gif) no-repeat center center;
}

div#navtrail li{
    background: url(../img/icons/bullet.gif) no-repeat left;
}
/* GSC 30.10.2009 Bullets raus auf Level 0 - Abfrage in Kategorie-Box 
ul#categorieBOX li {
    background: url(../img/icons/bullet.gif) no-repeat 5px 10px;
}
*/
ul#categorieBOX li {
    background: no-repeat 5px 10px;
}
/* GSC 03.11.2009 Rädchen-Position 5/10 -> 5 horiz. /5 vert. */
ul#categorieBOX li.selected {
    background: url(../img/icons/bullet_on.gif) no-repeat 5px 5px;
    /* width:12px;
    heigth:10px;*/
}
/* GSC 22.05.2010 Pfeilchen für Infomenu -orange- FD7700 */
ul#categorieBOX li.selected_on {
    background: url(../img/icons/pfeil_on.gif) no-repeat -5px 3px;
}
/* GSC 22.05.2010 Pfeilchen für Infomenu -blau- 2DA0C8 */
ul#categorieBOX li.selected_off {
    background: url(../img/icons/pfeil_off.gif) no-repeat -5px 3px;
}

ul#categorieBOX li.sub {
    background: url(../img/icons/bullet_on.gif) no-repeat 5px 8px;
}

/* GSC 30.10.2009 Quadrate raus bei Herstellern und Info-Box 
.boxContent .level0 {
    background:transparent url(../img/icons/bullet.gif) no-repeat scroll 5px 7px;
}
*/
.boxContent .level0 {
    background:transparent no-repeat scroll;
}
/* GSC 03.11.2009 Schriftfarbe Kategorien blau + Hover orange */

ul#categorieBOX a{
	color:#2DA0C8;
	font-weight:600;
}

ul#categorieBOX a:hover{
	color: #FD7700;}



/* BuI Logo
----------------------------------------------- */

#footer .BuI_Logo {
    padding: 20px 50px;
    background: url(../img/bui.gif) no-repeat center center;
}

/* CHECKOUT NAVIGATION */
.checkoutnavigation li.active { 
	background: url(../img/icons/active_cart.png) #F4F4F4 no-repeat bottom right; 
	color: #333; 
	border-color: #990000; 
}
.checkoutnavigation li.inactive {color:#333; border-color:#4F4A4a; background: url(../img/icons/inactive_cart.png) #F4F4F4 no-repeat bottom right;}
.checkoutnavigation li.success { background: url(../img/icons/success_cart.png) #2B2B2B no-repeat bottom right;}

/* GSC 01.11.2009 Höhe von 15 auf 27 */
/* GSC 05.11.2009 Margin dazu wg. Bildgrösse */
/* REVIEWS */
.reviews_rating_light .reviews_rating_dark {
background:transparent url(../img/review/star.png) repeat-x scroll 0%;
height:27px;
margin-right: 5px;
position:relative;
}
/* GSC 01.11.2009 Breite von 80 auf 150 Höhe von 15 auf 27 */
.reviews_rating_light {
background:transparent url(../img/review/star_light.png) repeat-x scroll 0%;
height:27px;
position:relative;
margin-right: 5px;
width:140px;
}
/* REVIEWS-BOX 12.08.2010 */
.reviews_r_light .reviews_r_dark {
background:transparent url(../img/review/star_small.png) repeat-x scroll 0%;
height:15px;
margin-right: 5px;
position:relative;
}

.reviews_r_light {
background:transparent url(../img/review/star_light_small.png) repeat-x scroll 0%;
height:15;
position:relative;
margin-right: 5px;
width:75px;
}

h2.h2list {display:block;width:230px;margin:4px 0px 8px;}
.h2list a {text-decoration:none;color:#848484;font-size:12px;}

/* KLARNA-BANNER */
.klarna-rechnungskauf {
background:transparent url(../img/klarna_banner_rechnung_120x120px.png) no-repeat;
display:block;
height:120px;
width:120px;
padding-top:10px;
margin-top:5px;
margin-left:10px;
}
a.klarna-rechnungskauf:hover{
background:transparent url(../img/klarna_banner_rechnung_250x250px.png) no-repeat;
display:block;height:250px;
width:250px;
padding-top:10px;
margin-top:5px;
margin-left:10px;
}
a.klarna-rechnungskauf:focus{
background:transparent url(../img/klarna_banner_rechnung_250x250px.png) no-repeat;
display:block;
height:250px;
width:250px;
padding-top:10px;
margin-top:5px;
margin-left:10px;
}
.klarna-ratenkauf {
background:transparent url(../img/klarna_banner_ratenkauf_120x120px.png) no-repeat;
height:120px;
width:120px;
padding-top:10px;
margin-top:5px;
margin-left:10px;
}
a.klarna-ratenkauf:hover{
background:transparent url(../img/klarna_banner_ratenkauf_250x250px.png) no-repeat;
height:250px;
width:250px;
padding-top:10px;
margin-top:5px;
margin-left:10px;
}


/* png fix */
* html img,
* html body,
* html .png,
.icon_cart,
.icon_more
#middleCONTENT .price_box,
{
position:relative;
border: 0px solid;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/pixel_trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}