.subcolumns { overflow: hidden }
.subcolumns .c50l,
.subcolumns .c50r { width: 50%; float: left }

.subcolumns .c50l .wrapper-inner { padding-right: 7px }
.subcolumns .c50r .wrapper-inner { padding-left:  7px }

.container-rounded {
	position: relative;
	padding: 8px 0;
	margin: 0 0 20px 0;
	background: #ebebeb
}
.container-rounded .content .wrapper-inner { padding: 10px }

/* simple way to fix z-index-problem in ie6/7 */
.container-rounded.order01 { z-index: 100 }
.container-rounded.order02 { z-index:  90 }
.container-rounded.order03 { z-index:  80 }
.container-rounded.order04 { z-index:  70 }
.container-rounded.order05 { z-index:  60 }
.container-rounded.order06 { z-index:  50 }
.container-rounded.order07 { z-index:  40 }
.container-rounded.order08 { z-index:  30 }
.container-rounded.order09 { z-index:  20 }
.container-rounded.order10 { z-index:  10 }

.container-rounded .edge-tl, 
.container-rounded .edge-tr, 
.container-rounded .edge-bl, 
.container-rounded .edge-br {
	position: absolute;
	width: 8px; height: 8px;
	background: transparent url(../images/spr_edges-container.jpg) no-repeat 0 0
}	
.container-rounded .edge-tl { top:    0; left:  0; background-position:     0 -24px }
.container-rounded .edge-tr { top:    0; right: 0; background-position:  -8px -24px }
.container-rounded .edge-bl { bottom: 0; left:  0; background-position: -16px -24px } 
.container-rounded .edge-br { bottom: 0; right: 0; background-position: -24px -24px }

.container-rounded.red { background: #d81b41;  color: #fff }
.container-rounded.red .edge-tl { background-position:     0 0 }
.container-rounded.red .edge-tr { background-position:  -8px 0 }
.container-rounded.red .edge-bl { background-position: -16px 0 }
.container-rounded.red .edge-br { background-position: -24px 0 }

.container-rounded.lightblue { background: #c1ebf6; color: #4c4c4c	}
.container-rounded.lightblue .edge-tl { background-position:     0 -8px }
.container-rounded.lightblue .edge-tr { background-position:  -8px -8px }
.container-rounded.lightblue .edge-bl { background-position: -16px -8px }
.container-rounded.lightblue .edge-br { background-position: -24px -8px }

.container-rounded.blue { background: #52c1d9; color: #fff }
.container-rounded.blue .edge-tl { background-position:     0 -16px }
.container-rounded.blue .edge-tr { background-position:  -8px -16px }
.container-rounded.blue .edge-bl { background-position: -16px -16px }
.container-rounded.blue .edge-br { background-position: -24px -16px }

.arrow-next-container {
	position: absolute;
	width: 88px; height: 65px;
	background: transparent url(../images/arrow_next-container.png) no-repeat 0 0;
	z-index: 100
}
.arrow-next-container.right { bottom: -40px; right: 20px }
.arrow-next-container.left  { bottom: -40px; left:  20px }



/* fonts */

.container-rounded span.headline.h2 {
	color: #7E7F81;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 22px;
	margin: 0;
	padding: 0;
}


/* table-view */



#hbb tr td, #hbb tr th { 
	border-bottom: 1px solid #fff;
	padding: 5px 0 5px 5px;
	text-align: left
}

.float-left { float: left }
.float-left img { margin-right: 10px }

#hbb .table-view { padding: 30px 0 79px 0 }

#hbb span.headline.h1 {
	color: #4c4c4c;
	font-family: "Myriad Pro", Helvetica,Arial,sans-serif;
	font-size: 28px;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-bottom: 5px;
	display: block
}
#hbb span.headline.h2 {
	color: #7f8082;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-bottom: 20px;
	display: block
}
#hbb span.subline.h2 {
	color: #7f8082;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: left;
	display: block
}


#hbb .image-container { position: relative; z-index: 200 }
#hbb .image-container .interferer { 
	position: absolute;
	bottom: -20px;
	left: 14px;
	width: 111px; height: 111px;
	background: transparent url(../images/hbb-interferer.png) no-repeat 0 0
}

#hbb .product-container { 
	/*min-height: 293px;
	height: auto !important;
	height: 293px*/
}

#hbb .product-container span.group {
	color: #E2003B;
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}
#hbb .product-container span.weight { display: block; padding-bottom: 20px }


#hbb .product-container.kid 			{ background: transparent url(../images/hbb_bg-kid.jpg) no-repeat right bottom; height: 250px }
#hbb .product-container.kidfix 		{ background: transparent url(../images/hbb_bg-kidfix.jpg) no-repeat right bottom; height: 313px }
#hbb .product-container.kidplus 	{ background: transparent url(../images/hbb_bg-kidplus.jpg) no-repeat right bottom; height: 293px }
#hbb .product-container.adventure { background: transparent url(../images/hbb_bg-adventure.jpg) no-repeat right bottom; height: 250px }