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

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

.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:90px;
	padding-bottom: 20px;
}

#page-wrap dd {
	margin-left: 0;	
}

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