.matrix {
	overflow:hidden;
	background:#FFFFFF;
}

/* Matrix Startposition */
.pos1-1 { position: absolute ; left: 4px; top: 0px; }
.pos2-1 { position: absolute ; left: 164px; top: 0px; }
.pos3-1 { position: absolute ; left: 324px; top: 0px; }
.pos4-1 { position: absolute ; left: 484px; top: 0px; }
.pos5-1 { position: absolute ; left: 644px; top: 0px; }
.pos6-1 { position: absolute ; left: 804px; top: 0px; }
.pos1-2 { position: absolute ; left: 4px; top: 120px; }
.pos2-2 { position: absolute ; left: 164px; top: 120px; }
.pos3-2 { position: absolute ; left: 324px; top: 120px; }
.pos4-2 { position: absolute ; left: 484px; top: 120px; }
.pos5-2 { position: absolute ; left: 644px; top: 120px; }
.pos6-2 { position: absolute ; left: 804px; top: 120px; }
.pos1-3 { position: absolute ; left: 4px; top: 240px; }
.pos2-3 { position: absolute ; left: 164px; top: 240px; }
.pos3-3 { position: absolute ; left: 324px; top: 240px; }
.pos4-3 { position: absolute ; left: 484px; top: 240px; }
.pos5-3 { position: absolute ; left: 644px; top: 240px; }
.pos6-3 { position: absolute ; left: 804px; top: 240px; }
.pos1-4 { position: absolute ; left: 4px; top: 360px; }
.pos2-4 { position: absolute ; left: 164px; top: 360px; }
.pos3-4 { position: absolute ; left: 324px; top: 360px; }
.pos4-4 { position: absolute ; left: 484px; top: 360px; }
.pos5-4 { position: absolute ; left: 644px; top: 360px; }
.pos6-4 { position: absolute ; left: 804px; top: 360px; }
.pos1-5 { position: absolute ; left: 4px; top: 480px; }
.pos2-5 { position: absolute ; left: 164px; top: 480px; }
.pos3-5 { position: absolute ; left: 324px; top: 480px; }
.pos4-5 { position: absolute ; left: 484px; top: 480px; }
.pos5-5 { position: absolute ; left: 644px; top: 480px; }
.pos6-5 { position: absolute ; left: 804px; top: 480px; }



/* Matrix Element Breite */
.x1 { width: 160px; }
.x2 { width: 320px; }
.x3 { width: 480px; }
.x4 { width: 640px; }
.x5 { width: 800px; }
.x6 { width: 960px; }
.y1 { height: 120px; }
.y2 { height: 240px; }
.y3 { height: 360px; }
.y4 { height: 480px; }
.y5 { height: 600px; }

/* Matrix Rand */
.border-0-0-0-0 { border-width:0px; border-style:solid; border-color:#c3c3c3 #c3c3c3 #c3c3c3 #c3c3c3; }
.border-1-1-1-1 { border-width:1px; border-style:solid; border-color:#000000 #000000 #000000 #000000; }
.border-1-0-0-0 { border-width:1px; border-style:solid; border-color:#000000 #ffffff #ffffff #ffffff; }
.border-1-1-0-0 { border-width:1px; border-style:solid; border-color:#000000 #000000 #ffffff #ffffff; }
.border-1-1-1-0 { border-width:1px; border-style:solid; border-color:#000000 #000000 #000000 #ffffff; }
.border-0-1-0-0 { border-width:1px; border-style:solid; border-color:#ffffff #000000 #ffffff #ffffff; }
.border-0-1-1-0 { border-width:1px; border-style:solid; border-color:#ffffff #000000 #000000 #ffffff; }
.border-0-1-1-1 { border-width:1px; border-style:solid; border-color:#ffffff #000000 #000000 #000000; }
.border-0-0-1-0 { border-width:1px; border-style:solid; border-color:#ffffff #ffffff #000000 #ffffff; }
.border-0-0-1-1 { border-width:1px; border-style:solid; border-color:#ffffff #ffffff #000000 #000000; }
.border-1-0-0-1 { border-width:1px; border-style:solid; border-color:#000000 #ffffff #ffffff #000000; }
.border-1-0-1-1 { border-width:1px; border-style:solid; border-color:#000000 #ffffff #000000 #000000; }
.border-0-1-0-1 { border-width:1px; border-style:solid; border-color:#ffffff #000000 #ffffff #000000; }
.border-0-1-0-1 { border-width:1px; border-style:solid; border-color:#ffffff #000000 #ffffff #000000; }

/* Matrix Hintergrundfarbe*/
.bg-ohne { background:none;}
.bg-transparent { background:transparent;}
.bg-blue { background:#7f7fff;}
.bg-red { background:#ff7f7f;}
.bg-yellow { background:#ffff7f;}
.bg-green { background:#7fff7f;}
.bg-grey { background:#F8F8F8;}
.bg-black { background:#000000; }