#startseite
{
  padding:10px;
}

#video
{
  width:668px;
  height:264px;
  border: 1px solid #b6c7b5;
  position:relative;
}
/* Videonavi */
#video div.videonavi
{
  position:absolute;
  left:0;
  z-index:200;
  top:0;
  width:183px;
  height:264px;
}

#video div.videonavi a
{
  display:block;
  width:206px;
  background-image: url( ../img2/startseite/vid_navi_off.jpg );
  background-repeat:no-repeat;
  height:53px;
}

#video div.videonavi a:hover { background-image: url( ../img2/startseite/vid_navi_over.jpg ); }

#video div.videonavi span.zeiger 
{
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:206px;
  background-image: url( ../img2/startseite/vid_navi_on.png );
  background-repeat:no-repeat;
  height:53px;
}

#video div.videonavi a.five { height:52px; }

#video div.videonavi span.schriften
{
  width:180px;
  height:40px;
  background-repeat:no-repeat;
  position:absolute;
  z-index:1000;
  cursor:pointer;
}

#video div.videonavi a span.one { background-image: url( ../img2/startseite/schriften/one_1.png ); }
#video div.videonavi a:hover span.one { background-image: url( ../img2/startseite/schriften/one_2.png ); }
#video div.videonavi a.one span.on { background-image: url( ../img2/startseite/schriften/one_3.png ); }

#video div.videonavi a span.two { background-image: url( ../img2/startseite/schriften/two_1.png ); }
#video div.videonavi a:hover span.two { background-image: url( ../img2/startseite/schriften/two_2.png ); }
#video div.videonavi a.two span.on { background-image: url( ../img2/startseite/schriften/two_3.png ); }

#video div.videonavi a span.three { background-image: url( ../img2/startseite/schriften/three_1.png ); }
#video div.videonavi a:hover span.three { background-image: url( ../img2/startseite/schriften/three_2.png ); }
#video div.videonavi a.three span.on { background-image: url( ../img2/startseite/schriften/three_3.png ); }

#video div.videonavi a span.four { background-image: url( ../img2/startseite/schriften/four_1.png ); }
#video div.videonavi a:hover span.four { background-image: url( ../img2/startseite/schriften/four_2.png ); }
#video div.videonavi a.four span.on { background-image: url( ../img2/startseite/schriften/four_3.png ); }

#video div.videonavi a span.five { background-image: url( ../img2/startseite/schriften/five_1.png ); }
#video div.videonavi a:hover span.five { background-image: url( ../img2/startseite/schriften/five_2.png ); }
#video div.videonavi a.five span.on { background-image: url( ../img2/startseite/schriften/five_3.png ); }

/* Videonavi */

/* Videofeld */

#video div.inner
{
  z-index:1;
  position:absolute;
  left:183px;
  top:1px;
  width:484px;
  height:262px;
  overflow:hidden;
}

#video div.inner div.boxes
{
  position:absolute;
  left:0;
  top:0;
}

#video div.inner div.box
{
  display:block; 
  width:484px;
  height:262px;
  z-index:2;
}

#videoCanvas1,#videoCanvas2,#videoCanvas3,#videoCanvas4,#videoCanvas5
{
  z-index:1;
}

/* Videofeld */