#boxy-null {float: left;}
#boxy { padding: 0px 0px 0px 0px;}


.produkt-foto {clear: both; text-align: center;}

.produkt-box1 {float: left; width: 300px; height: 240px; text-align: left; margin: 0px 15px 0px 0px; background: #fff; color: #000;}
  .produkt-box1 h3 {padding: 10px 0px 10px 15px; margin: 0px 0px 10px 20px; text-align: left; font-size: 16pt; color: #5f8327; border-bottom: 6px solid #cdcdcd;}
  .produkt-box1 a {color: #333; text-decoration: none;}
  .produkt-box1 a p {padding: 0px 20px 0px 20px; margin: 10px 0px 0px 0px; text-decoration: none;}
  .produkt-box1:hover, .produkt-box1.hover {color: #000; background: #ecf5de; text-decoration: none;}
	.produkt-box1 {
		background-color: expression(
			this.onmouseover = new Function("this.className += ' hover';"),
			this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
		);
	}
    .produkt-box1:hover a, .produkt-box1.hover {color: #000;}
    
  .produkt-box2 {float: left; width: 300px; height: 240px; text-align: left; margin: 0px 0px 0px 0px; background: #ebebeb; color: #000;}
  .produkt-box2 h3 {padding: 10px 0px 10px 15px; margin: 0px 0px 10px 20px; text-align: left; font-size: 15pt; color: #5f8327; border-bottom: 6px solid #cdcdcd;}
  .produkt-box2 a {color: #333; text-decoration: none;}
  .produkt-box2 a p {padding: 0px 20px 0px 20px; margin: 10px 0px 0px 0px; text-decoration: none;}
  .produkt-box2:hover, .produkt-box2.hover {color: #000; background: #ecf5de; text-decoration: none;}
	.produkt-box2 {
		background-color: expression(
			this.onmouseover = new Function("this.className += ' hover';"),
			this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
		);
	}
    .produkt-box2:hover a, .produkt-box2.hover {color: #000;}