#content .homePublicSystem { height: 462px; min-height: 462px; background: url('images/bgRpt.jpg') repeat-x; padding: 19px 19px 19px 26px}
#content .homePublicSystem h1 { width: 100%; height:40px; color: #ffffff; font-size: 28px; text-shadow: 3px 3px 3px #000000; margin: 0 0 5px 8px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#AA000000', Positive='true', Strength=1);
}

#content .homePublicSystem .text14,
#content .homePublicSystem .text13 { font-size: 13px; color: #99ccff; font-weight: bold; }
#content .homePublicSystem .text14 { color: #ffffff; }
#content .homePublicSystem .text13 { width: 455px; font-size: 13px; margin-bottom: 10px;}
#content .homePublicSystem .text12 { width: 400px; height: 85px; font-size: 12px; color: #333333; }
#content .homePublicSystem .text12.w315 { width: 315px; font-size: 12px; }
#content .homePublicSystem .button_myvilago21,
#content .homePublicSystem .button_vilago21 { width: 268px; height: 64px; background: url('images/button_myvilago21.jpg') no-repeat; display: block; text-decoration: none; }
#content .homePublicSystem .button_vilago21 { background-image: url('images/button_vilago21.jpg');  }
#content .homePublicSystem .button { width: 178px; height: 32px; background: transparent url('images/button_with_shadow.png') no-repeat 4px 0; display: block; color: #ffffff; text-decoration: none; font-size: 12px; font-weight: bold; padding: 6px 8px 0 0; margin: 5px 0 0 180px; text-align: center; }
#content .homePublicSystem .kostenlos { width: 109px; height: 54px; background: transparent url('images/kostenlos.png') no-repeat; display: block; text-decoration: none; position: absolute; margin: -60px 0 0 280px;}
#content .homePublicSystem .screen { width: 428px; height: 406px; background: url('images/musicSupporter.jpg') no-repeat; position: absolute; right: 10px; margin-top: 50px; display: block; }
#content .homePublicSystem .lego { width: 302px; height: 190px; background: transparent url('images/lego.png') no-repeat; position: absolute; right: 260px; display: block; margin-top: 290px;}

#content .box { width: 475px; height: 300px; background: url('images/boxBg.jpg') repeat-x 0px 42px; float: left; margin-top: 10px;}
#content .box.right { float: right; }
#content .box .head div { width: 5px; height: 36px; float: left; line-height: 36px; }
#content .box .head .left {  background: transparent url('images/boxHeadLeft.png') no-repeat left; }
#content .box .head .right { background: transparent url('images/boxHeadRight.png') no-repeat right; }
#content .box .head .text { width: 455px; background: transparent url('images/boxHeadRepeat.png') repeat-x center; font-size: 14px; font-weight: bold; color: #ffffff; padding-left: 10px; position: relative;}
#content .box .head .text a { color: #ffffff; font-size: 14px; }
#content .box .contents .col { float: left; width: 204px; margin: 20px 20px 10px 20px; }
#content .box .contents .col2 { float: right; margin-left: 0px; }
#content .box .contents .col img { width: 200px; height: 165px; border: solid 2px #666666; }
#content .box .contents .col h2 { margin: 10px 0 0 10px; padding: 0px; }
#content .box .contents a,
#content .box .contents a span,
#content .box .contents { color: #ffffff; font-size: 14px; }
#content .box .contents.list { margin: 16px 0px 3px 3px; float: left; }
#content .box .contents.list,
#content .box .contents.list td div { width: 444px; }

#content .box .head .text .more {position: absolute; top: 0px; right: 10px; height: 100%;}
#content .box .head .text .more .arrow {font-size: inherit;}
#content .box .head .text .more,
#content .box .head .text .more a {font-size: 12px;}