#bgGrid { background: url(../images/bg_loop.jpg) repeat-x !important; } #bgLeft, #bgRight { background: none; } #bgLeft .bgInner.active { background: url(../images/bg_left.jpg) 100% 0 no-repeat !important; } #bgRight .bgInner.active { background: url(../images/bg_right.jpg) no-repeat !important; } .startBuehne.hob { width: 1002px; height: 400px; position: relative; margin:0px; } .startBuehne.hob .lcol { background: url(../images/hob_left_bg.png); float: left; width: 320px; height: 400px; position: relative; } .startBuehne.hob.bg .lcol { background: #ffffff; opacity:0.8; } .startBuehne.hob .lcol .box { display: none; height: 340px; position: absolute; top: 0; left: 0; } .startBuehne.hob .lcol .box strong { display: block; width: 280px; padding: 45px 20px 6px 20px; opacity:1; font: normal 18px/22px Verdana, sans-serif; color: #00664a; } .startBuehne.hob.bg .lcol .box strong { background: none; } .startBuehne.hob .lcol .box h2 { width: 280px; height: 34px; margin: 0; padding: 0 20px 10px; opacity:1; border: none; font: bold 24px/34px Verdana, sans-serif; color: #00664a; /*letter-spacing: -1px;*/ } .startBuehne.hob.bg .lcol .box h2 { background: none; } .startBuehne.hob .lcol .box h2 span { margin: 0; background: none; display: inline; } .startBuehne.hob .lcol .box p { width: 280px; height: 243px; padding: 0 20px; opacity:1; font: normal 14px/18px Arial, sans-serif; color: #00664a; } .startBuehne.hob.bg .lcol .box p { background: none; } .startBuehne.hob .lcol .box ul { display: block; float: left; clear: both; height: 225px; margin: 0; padding: 0; list-style: none; } .startBuehne.hob .lcol .box ul li { float: left; clear: both; width: 280px; padding: 7px 20px 5px; font: bold 14px/17px sans-serif; opacity: 1; } .startBuehne.hob.bg .lcol .box ul li { background: none; } .startBuehne.hob .lcol .box ul li:hover { background: #003e2d; opacity:0.8; } .startBuehne.hob .lcol .box ul li:hover a, .startBuehne.hob .lcol .box ul li:hover a:hover { color: #ffffff !important; } .startBuehne.hob .lcol .box ul li a { float: left; } .startBuehne.hob .lcol .box ul li img { float: left; width: 99px; height: 55px; margin: 0 11px 0 0; padding: 3px 3px 5px 4px; background: url(../images/bg_hob_img_list.png) 0 0 no-repeat; } .startBuehne.hob .lcol .box ul li span {} .startBuehne.hob .lcol .box .more { float: left; clear: both; width: 280px; height: 17px; padding: 8px 20px 15px; opacity:0.8; font: bold 13px/17px sans-serif; } .startBuehne.hob.bg .lcol .box .more { background: none; } .startBuehne.hob .lcol .box.l0 { display: block; } .startBuehne.hob .lcol .box.l0 h2 { height: 68px; } .startBuehne.hob .rcol { float: left; width: 682px; height: 400px; position: relative; } .startBuehne.hob .rcol .logo-hob { position: absolute; top: 12px; left: 14px; } .startBuehne.hob .rcol .link { padding: 8px 19px 7px 21px; background: #ffffff; background: rgba(255,255,255,.8); border: none; border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,.15); list-style: none; font: bold 14px/17px Arial, sans-serif; color: #00664a; position: absolute; cursor: pointer; } .startBuehne.hob .rcol .link:hover, .startBuehne.hob .rcol .link.active { background: #003e2d; opacity:0.8; color: #ffffff; } .startBuehne.hob .rcol .link:hover a { color: #ffffff; } .startBuehne.hob .rcol .link a:hover { color: #ffffff!important; } .startBuehne.hob .rcol .link .arr { font-size: 16px; position: absolute; left: 12px; top: 7px; } .startBuehne.hob .rcol .link.l1 { top: 63px; left: 410px; } .startBuehne.hob .rcol .link.l2 { top: 175px; left: 481px; } .startBuehne.hob .rcol .link.l3 { top: 308px; left: 455px; } .startBuehne.hob .rcol .link.l4 { top: 348px; left: 261px; } .startBuehne.hob .rcol .link.l5 { top: 226px; left: 118px; } .startBuehne.hob .rcol .link.l6 { top: 93px; left: 128px; } .startBuehne.hob .bg-shadow-top { width: 1002px; height: 15px; background: url(../images/bg_hob_shadow_top.png) center 0 no-repeat; position: absolute; top: 0; left: 0; z-index: 1; } .startBuehne.hob .bg-shadow-bottom { width: 1002px; height: 15px; background: url(../images/bg_hob_shadow_bottom.png) center 0 no-repeat; position: absolute; bottom: 0; left: 0; z-index: 1; }