.pikachoose{
/*  width:510px; *
  margin:0 auto 50px auto; */
  margin:0;
}
/* redefinition von parkett_naturnah_09.css, da wir die Seite 3px schmaler
 * machen müssen, sonst gibt es einen springenden Überstand im Header. */
#header.pikachoose {
  width: 775px; /* muss wohl durch 5 teilbar sein. Siehe auch .pika_main */
  position: relative;
}
#header.pikachoose #content {
  width: 735px;  /* + 20px padding */
}

/* für die Eiche- und Lärche-Massivdielen Seite */
.produkt .pikachoose{
  width:300px; /* muss wohl durch 5 teilbar sein. Siehe auch .pika_main */
}

/* This is the ul you have all your images in */
.pikachoose ul{
  padding-left:0;
  width:510px;
  height:180px;
  margin:0;
  overflow:hidden;
}
.pikachoose ul li{
  float: left;
/*  border:1px solid #555;
  padding:2px;
  background:#777;
  margin:0 6px 4px 0; */
  position:relative;
  overflow:hidden;
}
.pikachoose ul li div img{
  position:relative;
  cursor:pointer;
}

/* this is the surroundner for all your elements. This is also the fake border
 * around the main img and room for caption */
.pika_main{
/*  width:506px;
  height:325px;  */
  display:block;
  position:relative;
  overflow:hidden;
}
#header.pikachoose .pika_main{ /* Für die Startseite */
  width:  775px; /* gleich mit .pikachoose width */
  height: 278px;
}
.produkt .pika_main{ /* für die Eiche- und Lärche-Massivdielen Seite */
  width:  300px; /* gleich mit .pikachoose width */
  height: 450px;
}

/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{
  position:relative;
}
.pika_subdiv{
  position:relative;
  /* border:1px solid #555; */
  background:#777;
  padding:0px;
}
.pika_animationDivs{  /*must match top/left padding for subdiv */
  top:0px;
  left:0px;
}
.pika_subdiv img,
.pika_subdiv a img{
  border:none;
}
.pika_caption{
  width:500px;
  height:16px;
  padding-top:4px;
  text-align:center;
  position:absolute;
  bottom:7px;
/*  left:3px;*/
}
.pika_caption a{
  color:white;
}
.produkt .pika_caption { /* für die Eiche- und Lärche-Massivdielen Seite */
  width:      auto;
  height:     auto;
  text-align: right;
  right:      5px;
  padding:    0.1em 0.3em;
  background:url('/images/pikachoose/black.png') top left;
}
.pika_play{
  position:absolute;
  z-index:1;
  left:50%;
  margin-left:-25px;
  width:50px;
  top:5px;
}
.pika_play a{
  position:relative;
  margin-left:auto;
  cursor:pointer;
  display: block;
  width:50px;
  height:50px;
  background:url('/images/pikachoose/play.png') top center no-repeat;
}
.pika_play a.pika_stop_button{
  background:url('/images/pikachoose/pause.png') top center no-repeat;
}

.pika_navigation a{
  font-size: 12px;
  text-decoration: none;
}
.pika_navigation a:hover{
  text-decoration: underline;
}
.pika_navigation{
/*  padding-top:10px;
  clear:both;
  text-align:center;
*/
  display: none; /* wg. IE6 */
}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{
  position:absolute;
  top:5px;
  left:5px;
  height:456px;
  width:100px;
  background:url('/images/pikachoose/rewind.png') top left no-repeat;
}
.pika_next_hover{
  position:absolute;
  top:5px;
  right:5px;
  height:456px;
  width:100px;
  background:url('/images/pikachoose/fastf.png') top right no-repeat;
}

#pikame {
/*  display: none;  das führt bei IE zu JavaScript-Fehlern */
  position: absolute;
  top: -1000px;
}

#contentY 		{
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 9pt;
  line-height: 150%;
}

#contentX 		{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 150%;
}