#container { position: relative; top: 00px; width: 772px; height: 470px; overflow: auto; left: 0px; }
#controls { position: absolute; display: block; width: 120px; left: 0; top: 220px; left: 350px; padding: 10px; }

.item { display: block; width: 772px; height: 470px;  }
.item h3 { font-size: 12px; color: #0CF; }
.item p { font-size: 12px; }
.frontbox_bubble_titel { font-family:arial; font-size: 12px;  color:#000; padding-left:10px; font-weight:bold;}
.frontbox_bubble_text { font-size: 10px; color:#000; padding-left:10px;}
.fashionbox_titel { font-family:arial; font-size: 12px;  color:#000; padding-left:10px; font-weight:bold;}
.fashionbox_text { font-size: 10px; color:#000; padding-left:10px; float:left;}
.fashionbox_shoppingcart { position:relativ; float:right; width: 14px; height: 14px; top:0px; left: 0px; }


.frontbox1  { position:absolut; float:left; width: 772px; height: 470px; top:0px; left: 0px; } /* 1  bild */
.frontbox2  { position:absolut; float:left; width: 386px; height: 470px; top:0px; left: 0px; background-color:#9F0;}/* 2  bilder 1.bild */
.frontbox3  { position:absolut; float:left; width: 385px; height: 470px; top:0px; left: 386px; background-color:#C00;}/* 2  bilder 2.bild */
.frontbox4  { position:absolut; float:left; width: 257px; height: 470px; top:0px; left: 0px; }/* 3  bilder 1.bild */
.frontbox4_bubble { position:absolut; float:left; width: 115px; height: 59px; top:350px; left: 120px; padding-top:5px;}

.frontbox5  { position:absolut; float:left; width: 257px; height: 470px; top:0px; left: 257px; }/* 3  bilder 2.bild */
.frontbox5_bubble { position:absolut; float:left; width: 115px; height: 59px; top:350px; left: 380px; padding-top:5px;}

.frontbox6  { position:absolut; float:left; width: 257px; height: 470px; top:0px; left: 514px;}/* 3  bilder 3.bild */
.frontbox6_bubble { position:absolut; float:left; width: 115px; height: 59px; top:350px; left: 635px; padding-top:5px;}

#num_nav { position: relative; text-align: center; top: 192px; left:260px; }
#num_nav ul li { display: inline; margin: 0 2px; }
#num_nav ul li a { padding: 2px 3px; color:#ffffff; background-color:#000; font: helvetica; font-size:10px; }
#num_nav ul li a.active, #num_nav ul li a:hover { border-color: #fff; background-color:#060235 }

#play_btn { position: relative; top: 34px; width: 100px; height: 25px; margin: 0 auto; z-index: 10000; line-height: 25px; text-align: center; text-transform: uppercase; font-size: 12px; color:#09C; border: 1px solid #09C; background-color:#060235; }
#prev_btn, #next_btn { position: absolute; top: 120px; width: 100px; height: 25px; left: 20px; z-index: 10000; line-height: 25px; text-align: center; text-transform: uppercase; font-size: 12px; color:#09C; border: 1px solid #09C; background-color:#060235; }
#next_btn { top: 150px; }


.btn_over { color:#fff; border: 1px solid #fff; background-color: #000000; }