.green, .blue, .red, .orange, .yellow, .grey, .green2, .blue2, .red2, .orange2, .yellow2, .grey2, .blackboard, .orange3
{ float: left; margin: 0 0 5px 0; width: 295px; height: 220px; overflow: hidden; }

#bodybox .green .csc-textpic-imagewrap, 
#bodybox .blue .csc-textpic-imagewrap, 
#bodybox .red .csc-textpic-imagewrap, 
#bodybox .orange .csc-textpic-imagewrap, 
#bodybox .yellow .csc-textpic-imagewrap,
#bodybox .grey .csc-textpic-imagewrap,
#bodybox .green2 .csc-textpic-imagewrap, 
#bodybox .blue2 .csc-textpic-imagewrap, 
#bodybox .red2 .csc-textpic-imagewrap, 
#bodybox .orange2 .csc-textpic-imagewrap, 
#bodybox .yellow2 .csc-textpic-imagewrap,
#bodybox .grey2 .csc-textpic-imagewrap,
#bodybox .blackboard .csc-textpic-imagewrap,
#bodybox .orange3 .csc-textpic-imagewrap
{ padding-top: 3px; }

#bodybox .green h1, #bodybox .green h1 a, 
#bodybox .blue h1, #bodybox .blue h1 a,
#bodybox .red h1, #bodybox .red h1 a,
#bodybox .orange h1, #bodybox .orange h1 a, 
#bodybox .yellow h1, #bodybox .yellow h1 a, 
#bodybox .grey h1, #bodybox .grey h1 a,
#bodybox .green2 h1, #bodybox .green2 h1 a, 
#bodybox .blue2 h1, #bodybox .blue2 h1 a,
#bodybox .red2 h1, #bodybox .red2 h1 a,
#bodybox .orange2 h1, #bodybox .orange2 h1 a, 
#bodybox .yellow2 h1, #bodybox .yellow2 h1 a, 
#bodybox .grey2 h1, #bodybox .grey2 h1 a,
#bodybox .blackboard h1, #bodybox .blackboard h1 a,
#bodybox .orange3 h1, #bodybox .orange3 h1 a
{ margin: 0; font-size: 18px; font-family: 'Comic Sans MS', verdana, arial, helvetica, sans-serif; text-decoration: none; color: #fff; border: none; }

#bodybox .green .csc-textpic-text, 
#bodybox .blue .csc-textpic-text, 
#bodybox .red .csc-textpic-text, 
#bodybox .orange .csc-textpic-text,
#bodybox .yellow .csc-textpic-text,
#bodybox .green2 .csc-textpic-text, 
#bodybox .blue2 .csc-textpic-text, 
#bodybox .red2 .csc-textpic-text, 
#bodybox .orange2 .csc-textpic-text,
#bodybox .yellow2 .csc-textpic-text,
#bodybox .blackboard .csc-textpic-text,
#bodybox .orange3 .csc-textpic-text
{ margin: 35px 30px 20px 20px; padding: 10px; font-family: 'Comic Sans MS', verdana, arial, helvetica, sans-serif; }

#bodybox .green .csc-textpic-text:hover { background: #5BA04C; moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); } 
#bodybox .blue .csc-textpic-text:hover { background: #5785AF; moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
#bodybox .red .csc-textpic-text:hover { background: #BB141D; moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
#bodybox .orange .csc-textpic-text:hover { background: #E95D0F; moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
#bodybox .yellow .csc-textpic-text:hover { background: #FFCC00; moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
#bodybox .green2 .csc-textpic-text:hover { background: #3F9E63; moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
#bodybox .blue2 .csc-textpic-text:hover { background: #55ADAE; moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
#bodybox .red2 .csc-textpic-text:hover { background: #D91A2D; moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
#bodybox .orange2 .csc-textpic-text:hover { background: #F08408; moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
#bodybox .yellow2 .csc-textpic-text:hover { background: #FFCC00; moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
#bodybox .orange3 .csc-textpic-text:hover { background: #F08408; moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

#bodybox .green p, #bodybox .green p a, 
#bodybox .blue p, #bodybox .blue p a,
#bodybox .red p, #bodybox .red p a,
#bodybox .orange p, #bodybox .orange p a, 
#bodybox .yellow p, #bodybox .yellow p a, 
#bodybox .grey p, #bodybox .grey p a,
#bodybox .green2 p, #bodybox .green2 p a, 
#bodybox .blue2 p, #bodybox .blue2 p a,
#bodybox .red2 p, #bodybox .red2 p a,
#bodybox .orange2 p, #bodybox .orange2 p a, 
#bodybox .yellow2 p, #bodybox .yellow2 p a, 
#bodybox .grey2 p, #bodybox .grey2 p a,
#bodybox .blackboard p, #bodybox .blackboard p a,
#bodybox .orange3 p, #bodybox .orange3 p a
{ margin: 0; font-family: 'Comic Sans MS', verdana, arial, helvetica, sans-serif; text-decoration: none; color: #fff; }

.blue { background: url(../../../../../fileadmin/bilder/grafik/klecks_01.jpg) no-repeat; }
.green { background: url(../../../../../fileadmin/bilder/grafik/klecks_02.jpg) no-repeat; }
.red { background: url(../../../../../fileadmin/bilder/grafik/klecks_03.jpg) no-repeat; }
.orange { background: url(../../../../../fileadmin/bilder/grafik/klecks_04.jpg) no-repeat; }
.yellow { background: url(../../../../../fileadmin/bilder/grafik/klecks_05.jpg) no-repeat; }
.grey { background: url(../../../../../fileadmin/bilder/grafik/klecks_13.jpg) no-repeat; }
.blue2 { background: url(../../../../../fileadmin/bilder/grafik/klecks_06.jpg) no-repeat; }
.green2 { background: url(../../../../../fileadmin/bilder/grafik/klecks_07.jpg) no-repeat; }
.red2 { background: url(../../../../../fileadmin/bilder/grafik/klecks_08.jpg) no-repeat; }
.orange2 { background: url(../../../../../fileadmin/bilder/grafik/klecks_09.jpg) no-repeat; }
.yellow2 { background: url(../../../../../fileadmin/bilder/grafik/klecks_10.jpg) no-repeat; }
.grey2 { background: url(../../../../../fileadmin/bilder/grafik/klecks_11.jpg) no-repeat; }
.blackboard { background: url(../../../../../fileadmin/bilder/grafik/klecks_12.jpg) no-repeat; }
.orange3 { background: url(../../../../../fileadmin/bilder/grafik/klecks_09.jpg) no-repeat; }

.blue:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_01_hover_color.jpg) no-repeat; }
.green:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_02_hover_color.jpg) no-repeat; } 
.red:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_03_hover_color.jpg) no-repeat; }
.orange:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_04_hover_color.jpg) no-repeat; }
.yellow:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_05_hover_color.jpg) no-repeat; }
.grey:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_13_hover_color.jpg) no-repeat; }
.blue2:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_01_hover_color.jpg) no-repeat; }
.green2:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_02_hover_color.jpg) no-repeat; } 
.red2:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_03_hover_color.jpg) no-repeat; }
.orange2:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_04_hover_color.jpg) no-repeat; }
.yellow2:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_05_hover_color.jpg) no-repeat; }
.grey2:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_13_hover_color.jpg) no-repeat; }
.orange3:hover { background: url(../../../../../fileadmin/bilder/grafik/klecks_hover.jpg) no-repeat; }