/*
     CSS-Tricks Example
     by Chris Coyier
     http://css-tricks.com
*/

* { margin: 0; padding: 0; }
html, body { height: 100%; overflow: hidden; background: #fff; }
#page-wrap { width: 980px; padding: 0 0 0 1px; margin: 0 auto; overflow: hidden; height: 100%; }

.info-col { float: left; width: 176px; padding: 0 0 0 0; }

.image { height: 180px; text-indent: -9999px; display: block; border-right: 2px solid white;  }

.bild_a { background: url(../images/bild_a.jpg) center center no-repeat; }
.bild_b { background: url(../images/bild_b.jpg) center center no-repeat; }
.bild_c { background: url(../images/bild_c.jpg) center center no-repeat; }
.bild_d { background: url(../images/bild_d.jpg) center center no-repeat; }
.bild_e { background: url(../images/bild_e.jpg) center center no-repeat; }
.bild_f { background: url(../images/ziehharmonika_procato.jpg) center center no-repeat; }

dt { padding: 5px; background: #595959; color: white; border-right: 2px solid white; font-size:12px; font-weight:bold; height:70px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
dd { position: absolute; left: -9999px; top: -9999px; width: 248px; background: #900; padding: 10px; color: white; border-right: 2px solid white; font-size:12px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:-30px; height:70px;  }

dt:nth-of-type(1) { background: #595959; }
dd:nth-of-type(1) { background: #595959; }