#main {
  	}

	#col3 { background-color: #FFF; }

  #col3_content { height:424px;}

  .index {
  	background-color: #323034;
  	width: 960px;
  	padding: 16px 0 30px;
  	position: relative;
  	left: -261px;
  	top: -37px;
  }

  .index ul {
  	margin: 0px;
  	width: 215px;
  }
  
  .index ul li {
  	list-style: none;
  	margin-left: 0;
  	background-image: url(img/dreigruenestreifen.png);
  	background-repeat: no-repeat;
  	background-position: 0 0;
  }
  
  .index ul li a {
  	display: block;
  	width: 215px;
  	height: 84px;
  	outline: 0 none;
  	background-color: transparent;
  }

	.index ul li a img {
		margin: 9px 38px;
		width: 117px;
		height: 66px;
		box-shadow: 8px 8px 3px #0C0D0D;
		-moz-box-shadow: 8px 8px 3px #0C0D0D;
		-webkit-box-shadow: 8px 8px 6px #0C0D0D;
		/* CSS3 */
	}
  
  .index li a span { display: none; }
  
  .index li a:focus span, 
  .index li a:hover span,
  .index li a:active span,
  li a.active span {
  	display: block;
  	position: absolute;
  	left: 215px;
  	top: 0px;
  }
  
  .index li a:focus span img, 
  .index li a:hover span img,
  .index li a:active span img,
  li a.active span img {
  	display: block;
  	width: 715px;
  	height: 402px;
  	margin: 9px 0;
  	position: relative;
  	left: 0px;
  	top: 16px;
  	background-image: url(../../img/eins.jpg);
  }
  
  li a#eins span img { background-position: 0px 0px; }
  li a#zwei span img { background-image: url(../../img/zwei-fuenf_sprite.jpg); background-position: 0px 0px; }
  li a#drei span img { background-image: url(../../img/zwei-fuenf_sprite.jpg); background-position: 0px -402px; }
  li a#vier span img { background-image: url(../../img/zwei-fuenf_sprite.jpg); background-position: 0px -804px; }
  li a#fuenf span img { background-image: url(../../img/zwei-fuenf_sprite.jpg); background-position: 0px -1206px; }
  
  .index li a:hover span { z-index: 2; }