* {vertical-align:baseline;font-family:inherit;font-style:inherit;font-size:100%;border:none;padding:0;margin:0;} table {border-collapse:collapse;border-spacing:0;} div {position:relative;} label {cursor:pointer;} ul, ol { list-style:none; } .clr {clear:both !important;} .fl {float:left;} img.fl { margin: 7px 10px 5px 0px; } .fr {float:right;} .txBold {font-weight:bold;} .section {margin:0 12px 0 10px;} .hide-text { display:block; overflow:hidden; text-indent:-9999px; font-size:0; display:block; line-height:0; } em {font-style:italic;} a{ color:#8a1255; text-decoration:none;} h1,h2,h3,h4,h5,h6 { color:#8a1255; } body {font:62.5%/1.25 "Segoe UI",Verdana,Sans-Serif; color:#000; background:#947f6e url(../images/layout/bg_site.gif) 0 1px; text-align:left;} html { padding:10px 20px; } #bg-top { position:absolute; top:0; left:0; right:0; height:391px; background:url(../images/layout/bg_site_top.gif) 0 0 repeat-x; } #container { margin:0px auto; width:982px; } #container-top { position:absolute; top:0px; left:0; right:0; height:389px; background:url(../images/layout/bg_content_top.png) 0 0 no-repeat; } #container-middle { position:absolute; top:389px; left:0; right:0; bottom:0; background:url(../images/layout/bg_content.png) 0 0 repeat-y; } #stripes { position:absolute; top:114px; left:-53px; width:108px; height:264px; background:url(../images/layout/stripes.png) 0 0 no-repeat; } #banner { height:231px; } #logo { width:auto; height:auto; position:absolute; top:41px; left: 47px; } #logo a { display:block; position:relative; width:226px; height:85px; } #logo a span { display:block; position:absolute; width:226px; height:85px; top:0; left:0; background:url(../images/layout/logo.png) 0 0 no-repeat; } #people { position:absolute; width:606px; height:217px; top:11px; right:62px; background:url(../images/layout/header_img.png) 0 0 no-repeat; } #navi { position:absolute; top:200px; left:118px; z-index:50; } #navi ul { clear:both; display:block; width:551px; padding:0 0; height:60px; background:url(../images/layout/navi_sprite.png) 0 0 no-repeat; } #navi ul li { display:block; float:left; } #navi ul li a { display:block; width: auto !important; height:41px; padding:18px 18px 0 18px; font-size:14px; text-transform:uppercase; font-weight:bold; color:#fff; } #navi ul li a:hover, #navi ul li a.active { background:url(../images/layout/navi_sprite.png) 0 -60px no-repeat; } #navi ul li.home a { padding-left:21px; padding-right:21px;} #navi ul li.home a:hover, #navi ul li.home a.active { background-position:0px -60px; } #navi ul li.school a:hover, #navi ul li.school a.active { background-position:-84px -60px; } #navi ul li.work a:hover, #navi ul li.work a.active { background-position:-171px -60px; } #navi ul li.leasure a { padding-right:19px; } #navi ul li.leasure a:hover, #navi ul li.leasure a.active { background-position:-249px -60px; } #navi ul li.partner a { padding-left:7px; } #navi ul li.partner a:hover, #navi ul li.partner a.active { background-position:-341px -60px; } #content { float:left; width:100%; } #content .frame { margin-right:315px; font-size:13px; } .frame .inner { padding-left:26px; } .teaser-big { width:635px; height:294px; background:url(../images/layout/bg_teaser.png) 0 0 no-repeat; } .teaser-short { width:635px; height:229px; background:url(../images/layout/bg_teaser_short.png) 0 0 no-repeat; } .teaser .inner { padding:28px 24px; } .teaser .inner img { float:left; } .teaser .inner div { margin-left:400px; } .teaser .inner div h2 { color:#8a1255; font-size:24px; font-weight:bold; margin-bottom:5px; } .teaser .inner div p { font-weight:bold; font-size:13px; margin-bottom: 5px; } a.test-button { display:block; position:relative; width:144px; height:28px; } a.test-button span { display:block; position:absolute; top:0; left:0; width:144px; height:28px; background:url(../images/layout/btn_test.gif) 0 0 no-repeat; } ul.teaser-list {} ul.teaser-list li { float:left; width:212px; height:276px; } ul.teaser-list li .inner { padding:63px 30px 0; } ul.teaser-list li h3 { font-size:15px; margin: 7px 0 4px; } ul.teaser-list li p, ul.teaser-list li a { font-size:11px; } ul.teaser-list li.school { background: url(../images/layout/bg_school.png) 0 0 no-repeat; } ul.teaser-list li.school #school-link-container { position:absolute; width:98px; height:43px; top:300px; left:75px; z-index:2;} ul.teaser-list li.work { background: url(../images/layout/bg_work.png) 0 0 no-repeat; } ul.teaser-list li.work #work-link-container { position:absolute; width:98px; height:43px; top:300px; left:276px; z-index:2;} ul.teaser-list li.leasure { background: url(../images/layout/bg_leasure.png) 0 0 no-repeat; } ul.teaser-list li.leasure #leasure-link-container { position:absolute; width:98px; height:43px; top:305px; left:471px; z-index:2;} .feed { margin-top:17px; width:627px; height:256px; background:url(../images/layout/bg_feed.png) 0 0 no-repeat; } .feed ul { position:relative; top:58px; left:15px; display:block; overflow:scroll; height:180px; width:602px; background:#f3e6ed; border: 1px solid #e1dadf; overflow-x: hidden; } .feed ul li { display:block; position:relative; padding:15px; font-size:11px; font-family: Tahoma, Verdana, Arial, Sans-Serif; background: url(../images/layout/separator.gif) center bottom no-repeat; } .feed ul li:last-child { background:none; } .feed ul li h4 { font-size:12px; font-weight:bold; margin-bottom:10px; display:inline;} .feed ul li a, .feed ul li h4 { color:#3b5998;} .feed ul li p {margin-top:8px;} .feed ul li img { float:left; margin-right:10px; } .box-header-school { background:url(../images/layout/box_header_schule.png) 81px 0 no-repeat; height:175px; } .box-header-school .inner { padding:75px 130px 0px; } .box-header-profession { background:url(../images/layout/box_header_beruf.png) 81px 0 no-repeat; height:175px; } .box-header-profession .inner { padding:75px 130px 0px; } .box-header-freetime { background:url(../images/layout/box_header_freizeit.png) 81px 0 no-repeat; height:175px; } .box-header-freetime .inner { padding:75px 130px 0px; } .school-box, .work-box, .leasure-box, .training-box { width:629px; } .school-box .top { height:187px; background:url(../images/layout/school_top.png) 0 27px no-repeat; } .school-box .middle { background:url(../images/layout/school_middle.png) 0 -50px repeat-y; min-height:417px; } .school-box .middle ul { display:block; position:relative; padding-left:89px; } .school-box .middle ul li { font-size:12px; width:530px; } .school-box .middle ul li img { float:left; margin-right:15px; } .school-box .middle ul li p { float:left; width:365px; } .school-box .middle ul li a { float:right; margin-top:-14px; } .school-box .middle ul li .content-right { width:60px; height:70px; float:left; } .school-box .middle ul li .content-right a { position:absolute; top:60px; left:5px; } .school-box .middle ul li .content-right .top-one { position:absolute; top:0px; left:0px; } .school-box .middle ul li .content-right .top-two { position:absolute; top:0px; left:35px; } .school-box .bottom { height:8px; background:url(../images/layout/school_bottom.png) 0 0 no-repeat; } .work-box .top { height:206px; background:url(../images/layout/work_top.png) 0 27px no-repeat; } .work-box .middle { background:url(../images/layout/work_middle.png) 0 -50px repeat-y; min-height:416px; } .work-box .middle ul { display:block; position:relative; padding-left:89px; padding-top:15px; } .work-box .middle ul li { font-size:12px; width:530px; } .work-box .middle ul li img { float:left; margin-right:15px; } .work-box .middle ul li p { float:left; width:365px; } .work-box .middle ul li a { float:right; margin-top:-14px; } .work-box .middle ul li .content-right { width:60px; height:70px; float:left; } .work-box .middle ul li .content-right a { position:absolute; top:60px; left:5px; } .work-box .middle ul li .top-one { position:absolute; top:0px; left:0px; } .work-box .middle ul li .top-two { position:absolute; top:0px; left:35px; } .work-box .bottom { height:7px; background:url(../images/layout/work_bottom.png) 0 0 no-repeat; } .leasure-box .top { height:183px; background:url(../images/layout/leasure_top.png) 0 27px no-repeat; } .leasure-box .middle { background:url(../images/layout/leasure_middle.png) 0 0px repeat-y; } .leasure-box .middle ul { display:block; position:relative; padding-left:89px; } .leasure-box .middle ul li { height:77px; overflow:hidden; font-size:12px; width:530px; } .leasure-box .middle ul li .inner { padding:10px 0; } .leasure-box .middle ul li img { float:left; margin-right:15px; } .leasure-box .middle ul li p { float:left; width:365px; } .leasure-box .middle ul li a { float:right; margin-top:-14px; } .leasure-box .middle ul li .content-right { width:60px; height:70px; float:left; } .leasure-box .middle ul li .content-right a { position:absolute; top:60px; left:15px; } .leasure-box .middle ul li .top-one { position:absolute; top:0px; left:10px; } .leasure-box .bottom { height:81px; background:url(../images/layout/leasure_bottom.png) 0 0 no-repeat; } .leasure-box .tape-top { position:absolute; width:108px; height:61px; top:73px; left:-52px; background:url(../images/layout/stripes.png) 0 0 no-repeat; } .leasure-box .tape-bottom { position:absolute; width:108px; height:61px; top:38px; left:-52px; background:url(../images/layout/stripes.png) 0 0 no-repeat; } .training-box { } .training-box .box-header { background:none; height:175px; } .training-box .box-header .inner { padding:80px 90px 0px; } .training-box .top { height:206px; background:url(../images/layout/work_top.png) 0 27px no-repeat; } .training-box .middle { background:url(../images/layout/work_middle.png) 0 -50px repeat-y; } .training-box .middle > .section { padding: 0 30px; } .training-box .middle > .section > h2 { padding: 0 0 15px; } .training-box .middle .section ul { display:block; position:relative; } .training-box .middle .section ul > li > h3 { margin-left:60px; margin-bottom:3px; } .training-box .middle .section ul > li { position:relative; padding-bottom:20px; width:50%; font-size:12px; float:left; } .training-box .middle .section ul > li.first { clear:left; } .training-box .middle .section ul > li > ul { margin-left:60px; } .training-box .middle .section ul > li li { list-style:disc inside; float:none; font-size:11px; padding:0; margin:0; width:auto; } .training-box .middle .section ul > li img { float:left; margin-right:15px; } .training-box .middle .section ul > li p { } .training-box .middle .section ul > li a { } .training-box .bottom { height:7px; background:url(../images/layout/work_bottom.png) 0 0 no-repeat; } .category div{width:50px;height:50px;position:absolute;top:0;left:4px} #word-introduction div{background:url(../images/training/260.png) 0 2px no-repeat} #word-format div{background:url(../images/training/320.png) 0 2px no-repeat} #word-revision div{background:url(../images/training/321.png) 0 2px no-repeat} #word-graphic div{background:url(../images/training/318.png) 0 2px no-repeat} #word-tables div{background:url(../images/training/317.png) 0 2px no-repeat} #word-large-documents div{background:url(../images/training/319.png) 0 2px no-repeat} #excel-introduction div{background:url(../images/training/255.png) 0 2px no-repeat} #excel-authorization div{background:url(../images/training/325.png) 0 2px no-repeat} #excel-collaboration div{background:url(../images/training/326.png) 0 2px no-repeat} #excel-format div{background:url(../images/training/324.png) 0 2px no-repeat} #excel-filters div{background:url(../images/training/322.png) 0 2px no-repeat} #excel-pivot-tables div{background:url(../images/training/323.png) 0 2px no-repeat} #powerpoint-introduction div{background:url(../images/training/253.png) 0 2px no-repeat} #powerpoint-presentations div{background:url(../images/training/2660.png) 0 2px no-repeat} #powerpoint-multimedia div{background:url(../images/training/2661.png) 0 2px no-repeat} #other-internet div{background:url(../images/training/263.png) 0 2px no-repeat} #other-communication div{background:url(../images/training/1365.png) 0 2px no-repeat} #windows7 div{background:url(../images/training/2642.png) 0 2px no-repeat} #training-selector { padding: 20px 0 } #trainings-wrapper { width:516px; overflow:hidden; height:108px; margin-left:60px;} #trainings-wrapper ul { position:relative; left:0; } #trainings-wrapper li { position:relative; display:block; overflow:hidden; text-align:center; float:left; border:2px solid #ccc; background:#F3E6ED; width:158px; height:104px; margin:0 5px } #trainings-wrapper li span { display:block; position:relative; font-size:11px; color:#947f6e; } #trainings-wrapper li span.description { display:block; position:absolute; padding:5px; font-size:15px; color:#fff; height:60px; width:148px; background:#8A1255; z-index:101; top:-70px; left:0; } #btn-next, #btn-prev { top:55px; width:35px; height:31px; background:url(../images/layout/arrows.png) 0 -19px no-repeat; } #btn-prev { position:absolute; left: 20px; background-position:-7px -19px; } #btn-prev:hover { background-position:-44px -19px; } #btn-next { position:absolute; right:17px; background-position:-126px -19px; } #btn-next:hover { background-position:-87px -19px; } #loader { text-align:center; padding:10px; z-index:100; } #loader img { margin-bottom:5px; } .postcard { position:relative; width:629px; height:437px; background:url(../images/layout/postcard.png) 0 0 no-repeat; } .postcard .text { color:#7f7f7f; background:#fff; font-size:13px; position:absolute; top:45px; left:26px; width:275px; height:290px; overflow:hidden; line-height:118%; } .postcard .address { position:absolute; background:transparent; bottom:110px; left:357px; width:242px; /*height:167px;*/ font-size:12px; overflow:hidden; } .postcard .address p { margin-bottom:5px; line-height: 130%; } .postcard img { float:right; margin-top: 41px; margin-right:100px; overflow:hidden; background:white; } .postcard .upright { margin-top: 24px; } #postcard-logo { float:left; margin-bottom: 20px; background:transparent; } .partners { margin-left:7px; margin-top:8px; } .navi-trainings li { display:block; float:left; } .navi-trainings a { display:block; float:left; font-weight:bold; padding:5px 9px; margin:10px 5px; background:#8a1255; color:#fff; } .navi-trainings a:hover, .navi-trainings a:active, .navi-trainings a:focus, .navi-trainings a.active { background:#ce1a7f; } #sidebar { float:left; width:315px; margin-left:-315px; } .rss-feed { height:758px; background:url(../images/layout/bg_accordion.png) 0 0 no-repeat; } .rss-feed .inner { height:642px; padding:66px 42px 0 29px; } .rss-feed h3 { padding: 9px 0 11px 25px; font-size:14px; font-weight:normal; text-transform:uppercase; color:#8a1255; background:url(../images/layout/bg_accordion_headline.jpg) 0 0 no-repeat; } .rss-feed div.ui-accordion-content { background:url(../images/layout/bg_accordion.gif) -5px 0 repeat-y; } .rss-feed div.ui-accordion-content .inner { font-size:11px; margin:0 15px; padding:0px; height:auto; } .rss-feed div.ui-accordion-content h4 { font-size:15px; color:#413327; margin-bottom:5px; } .rss-feed div.ui-accordion-content ul li { border-top:1px dotted #cec3c9; margin:10px 0; padding:10px 17px; } .rss-feed div.ui-accordion-content ul li:first-child { border-top:none; margin:0; } .rss-feed div.ui-accordion-content ul img { margin:10px 10px 0 0; } .share { position:relative; height:78px; background:url(../images/layout/bg_share.png) 0 0 no-repeat; width:267px; } .share ul { position:absolute; left:112px; top:27px; } .share ul li { float:left; margin-right:6px; } .share ul li a { position:relative; display:block; width:21px; height:21px; background:url(../images/layout/social_icons.png) 0 0 no-repeat; } .share ul li a span { display:block; position:absolute; top:0; left:0; width:21px; height:21px; cursor:pointer; } .share ul li.facebook a { background-position: -21px 0; } .share ul li.twitter a { background-position: -42px 0; } .share ul li.youtube a { background-position: -120px 0; } .share ul li.blogger a { background-position: -120px 0; } #accordion .trainings li { cursor:pointer; } .page_navigation { text-a/images/learninggallery/lign:right; margin-right:29px; padding:5px 5px 10px 5px; } .page_navigation a { padding:5px; } .active_page{ background-color:#8a1255; color:white; } #pre-footer { margin:20px 11px 0px; text-align:center; } #footer { height:72px; width:982px; margin:0 auto; overflow:hidden; background:url(../images/layout/bg_content_footer.png) 0 0 no-repeat; font-size:11px; color:#000; } #footer .inner { padding:12px 40px; } #footer .inner p{ line-height:180%; } #footer .inner a { color:#000; } #footer .inner a:hover { text-decoration:underline; } #footer .ms { position:absolute; right:43px; top:17px; } .lernVideo { position: fixed; width: 940px; height: 600px; top:4%; left:50%; margin-left: -470px; z-index: 10001 !important; display: none; } .frameBG { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background: url(../images/learninggallery/blackBg.png) 0 0 repeat; z-index: 10000 !important; display: none; } .lernVideo .frameVideo iframe { width: 940px; height: 600px; z-index: 5999; } .close { position:absolute; display:block; top:2px; right: 10px; font-weight: bold; cursor: pointer; z-index: 6000; } .feedLearning { width: 519px; height: 448px; margin: 50px 0 0 112px; background: url(/images/learninggallery/feedLearningBg.png) 0 0 no-repeat; } .ssTitel { width: 185px; height: 49px; position: absolute; top: -20px; left: 50%; margin-left: -92px; z-index: 5000; background: url(/images/learninggallery/ssTitel.png) 0 0 no-repeat; } .video-gallery-allitems { width:479px; height:408px;} .video-tabs { position:absolute; width:380px; height:380px; left: 80px; top: 26px; } .video-tabs .tabs { position:absolute; width: 150px; top: 15px; left: -201px; list-style: none; } .video-tabs .tabs li { float: left; position: relative; width: 150px; } .video-gallery, .video-thumbs-container { position:relative; width: 380px; height: 380px; left: 0px; top: 0px; overflow: hidden; } .video-gallery { height: 400px !important; } .video-thumbs { display: block; float: left; width: 3000px; position:relative; overflow: hidden; } .video-thumbs li { position:relative; float:left; width: 380px; height: 380px; margin: 0 10px 0 0; } .video-thumbs li ul { float: left; position: relative; width: 444px; height: 380px; margin-left: -64px; } .video-thumbs li ul li { float: left; position: relative; width: 158px; height: 70px; margin:15px 0 25px 64px; } /*navigation - word*/ .dvIDMicrosoftWord { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicWord.png) 0 0 no-repeat; text-indent: -9999px; } .dvIDMicrosoftWord:hover { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicWordAct.png) 0 0 no-repeat; text-indent: -9999px; } .video-tabs .tabs li.active .dvIDMicrosoftWord { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicWordAct.png) 0 0 no-repeat; text-indent: -9999px; } /**/ /*navigation - excel*/ .dvIDMicrosoftExcel { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicExcel.png) 0 0 no-repeat; text-indent: -9999px; } .dvIDMicrosoftExcel:hover { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicExcelAct.png) 0 0 no-repeat; text-indent: -9999px; } .video-tabs .tabs li.active .dvIDMicrosoftExcel { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicExcelAct.png) 0 0 no-repeat; text-indent: -9999px; } /**/ /* navigation - dvIDMicrosoftPowerPoint */ .dvIDMicrosoftPowerPoint { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicPowerPoint.png) 0 0 no-repeat; text-indent: -9999px; } .dvIDMicrosoftPowerPoint:hover { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicPowerPointAct.png) 0 0 no-repeat; text-indent: -9999px; } .video-tabs .tabs li.active .dvIDMicrosoftPowerPoint { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicPowerPointAct.png) 0 0 no-repeat; text-indent: -9999px; } /**/ /* navigation - dvIDWindows7 */ .dvIDWindows7 { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicWindows.png) 0 0 no-repeat; text-indent: -9999px; } .dvIDWindows7:hover { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicWindowsAct.png) 0 0 no-repeat; text-indent: -9999px; } .video-tabs .tabs li.active .dvIDWindows7 { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicWindowsAct.png) 0 0 no-repeat; text-indent: -9999px; } /**/ /* navigation - dvIDMicrosoftOutlook */ .dvIDMicrosoftOutlook { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicOutlook.png) 0 0 no-repeat; text-indent: -9999px; } .dvIDMicrosoftOutlook:hover { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicOutlookAct.png) 0 0 no-repeat; text-indent: -9999px; } .video-tabs .tabs li.active .dvIDMicrosoftOutlook { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicOutlookAct.png) 0 0 no-repeat; text-indent: -9999px; } /**/ /* navigation - dvIDSonstige */ .dvIDSonstige { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicSonstiges.png) 0 0 no-repeat; text-indent: -9999px; } .dvIDSonstige:hover { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicSonstigesAct.png) 0 0 no-repeat; text-indent: -9999px; } .video-tabs .tabs li.active .dvIDSonstige { width:151px; height: 55px; display: block; background: url(/images/learninggallery/navMicSonstigesAct.png) 0 0 no-repeat; text-indent: -9999px; } /**/ .ssNavi { text-align: center; width: 380px; } .gallery-navigation { position: relative; /*float: left;*/ height: 24px; } .gallery-navigation li { /*float: left;*/ display: inline-block; width: 24px; height: 24px; } .gallery-navigation a { width:24px; height:24px; display:inline-block; background:url('/images/learninggallery/bullet.png') -24px 0px no-repeat; } .gallery-navigation a:hover { background:url('/images/learninggallery/bullet.png') 0 0 no-repeat; } .gallery-navigation a.active { background:url('/images/learninggallery/bullet.png') 0 0 no-repeat; } .previous-image{background:url('/images/learninggallery/arrow_left.png') center no-repeat;margin:250px 4px 0 5px;opacity:.3;filter: alpha(opacity = 30);} .next-image{background:url('/images/learninggallery/arrow_right.png') center no-repeat;margin:250px 5px 0 4px;opacity:.3;filter: alpha(opacity = 30);} .LearnImgTextDiv { margin-top: 5px; font-size: 12px; color: #1064ff; } .LearnImgTextDiv:hover { color: #001e54; } /* .video-gallery li , .previous-image, .next-image, .video-thumbs-container{float:left;} .video-gallery ul{list-style:none;padding:0;margin:0} .video-thumbs-container{width:474px;overflow:hidden;} .video-thumbs{list-style:none;width:3000px;text-align:left;padding-left:177px !important;position:relative;left:-167px} .video-thumbs li{width:454px;margin-right:17px;font-size:11px;} .video-thumbs li a:visited {color:#0066cc;} .video-thumbs span{display:block;} .video-thumbs .LearnImgDiv{height:100px;padding:0 10px 6px 0;margin-bottom: 15px;background:url('/images/learninggallery/video_shadow.png') 0 0 no-repeat;display:block;border:0} .video-thumbs .LearnImgTextDiv{padding:0 6px 6px 0;border:0;width:325px;} .video-thumbs .imgtitledescription{float:left;padding:0px;margin-bottom:5px;border:0;width:325px;height:65px;color:black;overflow:hidden;} /*.video-thumbs .imgtextdiv a{color:black} .video-thumbs img{border:0} .video-tabs .tabs{margin:20px 0;overflow:hidden;width:530px;padding-left:60px;background:url(/images/learninggallery/line.png) 0 25px no-repeat;height:30px;font-size:14px} .video-tabs .tabs li{list-style:none; float:left;margin-right:20px;height:30px;} .video-tabs .tabs li.active{background:url(/images/learninggallery/arrow.png) 50% 25px no-repeat} .video-tabs .tabs a{text-decoration:none;display:block;color:#000;} .video-tabs .video-gallery{position:relative;left:-999em} .vListHeader{font-size:12px;font-weight:bold;padding:0 0 5px 55px;position:relative;top:-15px} */