.brackcont {
position:relative;
width: 820px;
height:550px;
background-color:#f8f6f2;
border:1px solid gray;
}

.brRnd1,.brRnd2,.brRnd3,.brRnd4,.brRnd5,.brRnd6  {
border:1px solid black;
border-left:none;
width:150px;
position:absolute;
}

.brRnd {display:none}

.brRnd1 {
height: 20px;left: 20px;
background-color:#ffffcc;
}
.brRnd2 {
height: 64px;
left:170px;
background-color:#ddffdd;
background:linear-gradient(to right,#f8f6f2 5%,#ddffdd 40%);
}
.brRnd3 {
height:128px;
left:320px;
background-color:#ccffff;
background:linear-gradient(to right,#f8f6f2 5%,#ccffff 40%);
}
.brRnd4 {
height:256px;
left:470px;
background-color:#ffccff;
background:linear-gradient(to right,#f8f6f2 5%,#ffccff 40%);
}
.brRnd5 {
height:512px;left:620px;
background-color:#ffffaa;
background:linear-gradient(to right,#f8f6f2 5%,#ffffaa 40%);
}
.brRnd6 {
height: 0px;left:770px;
background-color:red;
top:490px; 
width:170px;
border-width:1px;}

/* rnd1 1 9 */
#brk1 {top:25px;}
#brk2 {top:90px;}
#brk3 {top:155px;}
#brk4 {top:220px;}
#brk5 {top:285px;}
#brk6 {top:350px;}
#brk7 {top:415px;}
#brk8 {top:480px;}
/* rnd2 9 13 */
#brk9 {top:35px;}
#brk10 {top:165px;}
#brk11 {top:295px;}
#brk12 {top:425px;}
/* pre rnd3 13 15 */
#brk13 {top:65px;}
#brk14 {top:325px;}
/*  pre 29 i 15 */
#brk15 {top:126px;}

#g1,#g2,#g3,#g4,#g5,#g6,#g7,#g8 {
left:30px;
top:4px;
}
#g9,#g10,#g11,#g12 {
left:30px;
top:22px;
}
#g13,#g14 {
left:26px;
top:58px;
}
#g15 {
left:26px;
top:110px;
}

#G1_1,#G2_1,#G3_1,#G4_1,#G5_1,#G6_1,#G7_1,#G8_1,
#G9_1,#G10_1,#G11_1,#G12_1,#G13_1,#G14_1, #G15_1,
#G1_2,#G2_2,#G3_2,#G4_2,#G5_2,#G6_2,#G7_2,#G8_2,
#G9_2,#G10_2,#G11_2,#G12_2,#G13_2,#G14_2, #G15_2 {
right:-6px;;
}

#G1_1,#G2_1,#G3_1,#G4_1,#G5_1,#G6_1,#G7_1,#G8_1 {
top:-16px;
}
#G9_1,#G10_1,#G11_1,#G12_1 {
top:-16px;
}
#G13_1,#G14_1 {
top:-20px;
}
#G15_1 {
top:-20px;
}
#G1_2,#G2_2,#G3_2,#G4_2,#G5_2,#G6_2,#G7_2,#G8_2 {
bottom:-18px;
}
#G9_2,#G10_2,#G11_2,#G12_2 {
bottom:-20px;
}
#G13_2,#G14_2 {
bottom:-20px;
}
#G15_2 {
bottom:-20px;
}

#G15W {
left:20px;
bottom:10px;
}