/* ------ Content-Styles ------- */ .h3 { font-size: 14px; font-weight: bold; line-height: 16px; display: block; margin-bottom: 10px; padding-top:5px;} #wrapper { width: 1200px;} #wrapper #header h1 {margin: 0px; padding: 0px;} .blockHead { line-height: 16px; font-size: 14px; font-weight: normal; padding: 6px 20px 0px 11px; font-family: helvetica,Arial, "sans serif"; height: 24px; background: url("../images/layout/headlineBack.gif") repeat-x left top;color: #fff; margin-bottom: 10px;} .blockHead a { font-weight: normal; font-family: helvetica,Arial, "sans serif";} h1.blockHead { font-size: 20px; padding: 5px 20px 0px 11px; height:23px;} .block2Head { font-size: 14px; font-weight: normal; padding: 6px 20px 0px 11px; font-family: helvetica,Arial, "sans serif"; color:#4E2A7E; height: 24px; background: url("../images/layout/news-shadow2.png") repeat-x left top; margin-bottom: 10px; } .block2Head a {font-weight: normal; font-family: helvetica,Arial, "sans serif";} h2.block2Head { font-size: 18px; padding: 4px 20px 0px 11px; height:26px;} .block3Head { font-size: 14px; font-weight: normal; padding: 6px 20px 0px 11px; font-family: helvetica,Arial, "sans serif"; color:#4E2A7E; height: 24px; background: url("../images/layout/underlineBack2.png") repeat-x left top; margin-bottom: 10px; } .block3Head a {font-weight: normal; font-family: helvetica,Arial, "sans serif";} h2.block3Head { font-size: 18px; padding: 5px 20px 0px 11px; height:26px;} .block4Head { font-size: 14px; font-weight: normal; padding: 6px 20px 0px 11px; font-family: helvetica,Arial, "sans serif"; color:#4E2A7E; height: 24px; background: url("../images/layout/underlineBack3.png") repeat-x left top; margin-bottom: 10px; } .block4Head a {font-weight: normal; font-family: helvetica,Arial, "sans serif";} h2.block4Head { font-size: 18px; padding: 4px 20px 0px 11px; height:26px;} #wrapper #content #menu { padding: 0px; height: 30px; background: url("../images/layout/headlineBack.gif") repeat-x left top; } #wrapper #content #menu ul { padding: 0px; margin: 0px; list-style-type: none;} #wrapper #content #menu .menuItem {float: left; color: #fff; margin: 0px; padding: 0px; display: block;} #wrapper #content #menu a {font-size: 14px; color: #fff; padding: 6px 20px 8px; display: block; text-decoration: none; line-height: 16px;} #wrapper #content #menu .menuItem:HOVER .submenuBlock{ display: block;} #wrapper #content #menu .submenuBlock { z-index:2; display: none; padding: 15px 15px 15px 0px; float: left; position: absolute; top: 173px; background: url("../images/layout/menuBack.png") repeat; } #wrapper #content #menu .submenuBlock .submenuItem { display: block; border-bottom: 1px dotted #fff;margin: 0 0 0px 15px;} #wrapper #content #menu .submenuBlock .submenuItem a { padding: 7px 20px; color: #fff;font-weight: bold; display: block;} #wrapper #content #menu .submenuBlock .submenuItem:HOVER { background-color: #4e2a7e; } #wrapper #content #menu .submenuBlock .withSub:HOVER .submenuLink{ background: url("../images/layout/menuSub.gif") no-repeat right center;} * html #wrapper #content #menu .submenuBlock { width: 480px;} * html #wrapper #content #menu .submenuBlock .submenuItem { height: 22px;} * html #wrapper #content #menu .submenuBlock .submenuLink { height: 22px;} * html #wrapper #content #menu .submenuBlock .submenuLink:HOVER{ background-color: #4e2a7e;} * html #wrapper #content #menu .submenuBlock .withSub .submenuLink:HOVER{ background: #4e2a7e url("../images/layout/menuSub.gif") no-repeat right center;} * html #wrapper #content #menu .submenuBlock ul { margin-top: 4px; } * html #wrapper #content #menu .submenuBlock ul li { margin-top: -4px; } #wrapper #content #menu .submenu {float: left;} #wrapper #content #menu .submenu2 { float: left; display: none;} * html #wrapper #content #menu .submenu {width: 240px;} * html #wrapper #content #menu .submenu2 {width: 240px;} #wrapper #content { } #wrapper #content #wrap3col { width: 1200px; background: url("../images/layout/col3Back.gif") repeat-y left top; } #wrapper #content #wrap3col #col1 { float: left; width: 642px; margin-right: 5px; padding-bottom: 10px;} #wrapper #content #wrap3col #col2 { float: left; width: 314px; padding-bottom: 10px; } #wrapper #content #wrap3col #col3 { float: left; width: 239px; } #wrapper #content #wrap3col #col1 .contentImage { padding: 0px;} #wrapper #content #wrap3col #col1 .contentBlock { padding: 10px} #wrapper #content #wrap3col #col2 .contentBlock { padding: 10px} #wrapper #content #wrap3col #col1 .teaserBlock { height: 340px; overflow: hidden;} #wrapper #content #wrap3col #col1 .teaser {color: #fff; display: block; position:relative; overflow: hidden; text-decoration: none; margin-top: -80px; width: 642px; height: 80px; background: url("../images/layout/teaserDescBack.png") repeat; cursor: pointer;} *:first-child+html #wrapper #content #wrap3col #col1 .teaser { margin-top: -84px; } #wrapper #content #wrap3col #col1 .teaser .headline { display: block; font-size: 18px; font-weight: bold; width: 100%; padding: 3px 10px;} #wrapper #content #wrap3col #col1 .teaser .description {display: block; height: 37px; overflow: hidden; padding: 0px 10px 0px;} #wrapper #content #wrap3col #col1 .newsBlock { padding-bottom: 5px; display: block;} #wrapper #content #wrap3col #col1 .newsBlock .newsImage { float: left; width: 190px; padding: 10px 0px; display: block;} #wrapper #content #wrap3col #col1 .newsBlock .newsText { float: left; width: 420px; padding: 5px; text-align: justify; display: block;} #wrapper #content #wrap3col #col1 .newsBlock .newsText img{ margin: 0px -5px;} #wrapper #content #wrap3col #col1 .newsList { } #wrapper #content #wrap3col #col1 .newsList ul { list-style-type: none; } #wrapper #content #wrap3col #col1 .newsList li { display: block; padding: 0px; margin: 0px; height: 25px; border: #757271 1px solid; border-top-color: #ebe9ec; border-left-color: #ebe9ec; height: 25px; background: url("../images/layout/newsListBack.gif") repeat-x; } *:first-child+html #wrapper #content #wrap3col #col1 .newsList ul { margin-top: 4px; } *:first-child+html #wrapper #content #wrap3col #col1 .newsList li { margin-top: -4px; } * html #wrapper #content #wrap3col #col1 .newsList ul { margin-top: 4px; } * html #wrapper #content #wrap3col #col1 .newsList li { margin-top: -4px; } #wrapper #content #wrap3col #col1 .newsList a { display: block; text-decoration: none; padding-top: 3px; height: 22px; cursor: pointer;} #wrapper #content #wrap3col #col1 .newsList .newsListCat { float: left; display: block; width: 170px; margin-left: 10px; } * html #wrapper #content #wrap3col #col1 .newsList .newsListCat{ margin-left: 5px; } #wrapper #content #wrap3col #col1 .newsList .newsListHeadline { float: left; display: block; width: 440px; } #wrapper #content #wrap3col #col2 .gameBlock { } #wrapper #content #wrap3col #col2 .gameBlock a { text-decoration: none; } #wrapper #content #wrap3col #col2 .gameScoreBlock { text-align: center; width: 314px; padding-bottom: 2px;} #wrapper #content #wrap3col #col2 .gameScoreBlock .gameTeam { float: left; width: 127px; padding-top: 14px;} #wrapper #content #wrap3col #col2 .gameScoreBlock .gameScore { float: left; color: #000; font-size: 48px; padding-top: 24px; } #wrapper #content #wrap3col #col2 .gameBlock .gameStats { padding: 0px 20px; } #wrapper #content #wrap3col #col2 .gameBlock .gameStats td { color: #000; } #wrapper #content #wrap3col #col2 .gameBlock .gameAudio {padding: 0px 20px;font-size: 12px;} #wrapper #content #wrap3col #col2 .gameBlock .gameAudio ul { list-style-type: none; margin-bottom: 0px;} #wrapper #content #wrap3col #col2 .gameBlock .gameAudio li { background: url("../images/layout/audio.gif") no-repeat left center; margin: 3px 0px; padding-left: 18px;} #wrapper #content #wrap3col #col2 .gameBlock .gameAudio a { font-size: 12px;} #wrapper #content #wrap3col #col2 .gameBlock .gameNav {padding: 10px;} #wrapper #content #wrap3col #col2 .gameBlock .gameNav .gamePrev { float: left; display: block;} #wrapper #content #wrap3col #col2 .gameBlock .gameNav .gameNext { float: right; display: block; } #wrapper #content #wrap3col #col2 .startTableHead { width: 300px; font-size: 12px; padding-top: 2px;} * html #wrapper #content #wrap3col #col2 .startTableHead { width: 277px;} #wrapper #content #wrap3col #col2 .startTableHead div {float: left; width: 314px; overflow: hidden;} #wrapper #content #wrap3col #col2 .startTableHead .sTH1{width: 50px;} * html #wrapper #content #wrap3col #col2 .startTableHead .sTH1{width: 44px;} #wrapper #content #wrap3col #col2 .startTableHead .sTH2{width: 179px;} #wrapper #content #wrap3col #col2 .startTableHead .sTH3{width: 27px;} * html #wrapper #content #wrap3col #col2 .startTableHead .sTH3{width: 22px;} #wrapper #content #wrap3col #col2 .startTableHead .sTH4{width: 34px;} * html #wrapper #content #wrap3col #col2 .startTableHead .sTH4{width: 30px;} #wrapper #content #wrap3col #col2 .startTableBlock {padding: 0px 0px 0px 3px;} #wrapper #content #wrap3col #col2 .startTableBlock ul { list-style-type: none; margin-bottom: 0px; } #wrapper #content #wrap3col #col2 .startTableBlock ul li { height: 29px;margin: 0px; background: url("../images/layout/listItem1Back.gif") repeat-x;} *:first-child+html #wrapper #content #wrap3col #col2 .startTableBlock ul { margin-top: 4px; } *:first-child+html #wrapper #content #wrap3col #col2 .startTableBlock ul li { margin-top: -4px; } * html #wrapper #content #wrap3col #col2 .startTableBlock ul { margin-top: 4px; } * html #wrapper #content #wrap3col #col2 .startTableBlock ul li { margin-top: -4px; } #wrapper #content #wrap3col #col2 .startTableBlock ul li a { cursor: pointer; text-decoration: none; padding-left: 10px; display: block; height: 29px;} #wrapper #content #wrap3col #col2 .startTableBlock ul li span { display: block; float: left; font-size: 12px; padding:8px 0px 0px 0px;} #wrapper #content #wrap3col #col2 .startTableBlock .listItem2 { background: url("../images/layout/listItem2Back.gif") repeat-x; } #wrapper #content #wrap3col #col2 .startTableBlock .listItem3 { background: url("../images/layout/listItem3Back.gif") repeat-x; } #wrapper #content #wrap3col #col2 .startTableBlock .startTablePos { width: 22px; } #wrapper #content #wrap3col #col2 .startTableBlock .startTableTrend {width: 18px; padding-top: 9px;} #wrapper #content #wrap3col #col2 .startTableBlock .startTableLogo {width: 22px; padding-top: 5px; text-align: center} #wrapper #content #wrap3col #col2 .startTableBlock .startTableName {width: 151px; padding-left:16px; background: url("../images/layout/listItemNameBack.gif") no-repeat 6px 12px;} #wrapper #content #wrap3col #col2 .startTableBlock .startTableGames {width: 33px; } #wrapper #content #wrap3col #col2 .startTableBlock .startTablePoints {width: 27px;} #wrapper #content #wrap3col #col1 .startTableHead { width: 300px; font-size: 12px; padding-top: 2px;} * html #wrapper #content #wrap3col #col1 .startTableHead { width: 277px;} #wrapper #content #wrap3col #col1 .startTableHead div {float: left; width: 314px; overflow: hidden;} #wrapper #content #wrap3col #col1 .startTableHead .sTH1{width: 50px;} * html #wrapper #content #wrap3col #col1 .startTableHead .sTH1{width: 44px;} #wrapper #content #wrap3col #col1 .startTableHead .sTH2{width: 179px;} #wrapper #content #wrap3col #col1 .startTableHead .sTH3{width: 27px;} * html #wrapper #content #wrap3col #col1 .startTableHead .sTH3{width: 22px;} #wrapper #content #wrap3col #col1 .startTableHead .sTH4{width: 34px;} * html #wrapper #content #wrap3col #col1 .startTableHead .sTH4{width: 30px;} #wrapper #content #wrap3col #col1 .startTableBlock {padding: 0px 0px 0px 3px;} #wrapper #content #wrap3col #col1 .startTableBlock ul { list-style-type: none; margin-bottom: 0px; } #wrapper #content #wrap3col #col1 .startTableBlock ul li { height: 29px;margin: 0px; background: url("../images/layout/listItem1Back.gif") repeat-x;} *:first-child+html #wrapper #content #wrap3col #col1 .startTableBlock ul { margin-top: 4px; } *:first-child+html #wrapper #content #wrap3col #col1 .startTableBlock ul li { margin-top: -4px; } * html #wrapper #content #wrap3col #col1 .startTableBlock ul { margin-top: 4px; } * html #wrapper #content #wrap3col #col1 .startTableBlock ul li { margin-top: -4px; } #wrapper #content #wrap3col #col1 .startTableBlock ul li a { cursor: pointer; text-decoration: none; padding-left: 10px; display: block; height: 29px;} #wrapper #content #wrap3col #col1 .startTableBlock ul li span { display: block; float: left; font-size: 12px; padding:8px 0px 0px 0px;} #wrapper #content #wrap3col #col1 .startTableBlock .listItem2 { background: url("../images/layout/listItem2Back.gif") repeat-x; } #wrapper #content #wrap3col #col1 .startTableBlock .listItem3 { background: url("../images/layout/listItem3Back.gif") repeat-x; } #wrapper #content #wrap3col #col1 .startTableBlock .startTablePos { width: 25px; } #wrapper #content #wrap3col #col1 .startTableBlock .startTableTrend {width: 25px; padding-top: 9px;} #wrapper #content #wrap3col #col1 .startTableBlock .startTableLogo {width: 50px; padding-top: 5px; text-align: center} #wrapper #content #wrap3col #col1 .startTableBlock .startTableName {width: 200px; padding-left:16px; background: url("../images/layout/listItemNameBack.gif") no-repeat 6px 12px;} #wrapper #content #wrap3col #col1 .startTableBlock .startTableGames {width: 50px; } #wrapper #content #wrap3col #col1 .startTableBlock .startTablePoints {width: 50px;} #wrapper #content #wrap3col #col2 .adBlock { padding: 7px 0px; } #wrapper #content #wrap3col #col2 .adBlock .adHint { font-weight: bold; padding-bottom: 2px;padding-left: 7px; } #wrapper #content #wrap3col #col2 .adBlock .adContent { padding-left: 7px;} #wrapper #bottom { background: #4e2a7e; width: 961px; } #wrapper #bottom #sponsors td { vertical-align: middle; padding: 10px 24px;} /* ------ General-Styles ------- */ .clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; } .noSerif { font-family: helvetica,Arial, "sans serif";} .noSerif a { font-family: helvetica,Arial, "sans serif";} table .first { } .center {text-align: center;} .revertMargin10 { margin-top: -10px;} .noMarginBottom { margin-bottom: 0px;} .bold { font-weight: bold; } /* ------ CSS-Hacks ------- */ * html #wrapper #header img { behavior: url("../javascript/iepngfix/iepngfix.htc"); } * html #wrapper #content #wrap3col #col2 img { behavior: url("../javascript/iepngfix/iepngfix.htc"); }