/* @override http://materials.mentalimages.com/css/material-library.css */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; vertical-align: baseline; } html { width: 100%; height: 100%; } body { line-height: 1; width: 100%; height: 100%; background-color: #FFF; font-size: 11px; color: #807f83; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: url('../images/stripes.png') 0 0 repeat; } ol, ul { list-style: none; } table { border-collapse: collapse; border: 0px; border-spacing: 0px; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } H1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } :focus { outline: 0; } A, INPUT { color:#807f83; } #unused { position: absolute; left: -9999px; } #bg { background: url(../images/bg_s.png) repeat-y center 0; width: 100%; } #bg_u{ background: url(../images/bg_u.png) repeat-y center 0; height: 50px; } #wrapper { position:relative; width: 813px; margin-left: auto; margin-right: auto; background-color:#efeff0; padding-top: 199px; left: 3px; } #logo { position:absolute; right:0px; top:17px; width:150px; height: 32px; background-repeat: no-repeat; background-image: url('../images/logo.png'); } #header { position:absolute; left:0px; top:48px; width: 455px; height: 51px; cursor: pointer; } #header h1 { font-size: 24px; background-image:url('../images/header.gif'); background-position: 0 0; background-repeat:no-repeat; text-indent:-1000em; font-weight: bold; color: #007698; margin-bottom: 9px; } #links { position:absolute; right:3px; top:81px; } #links a, #links a:visited { text-decoration: none; color: inherit; } #links ul { float:right; } #links li { float: left; padding-left: 23px; margin-left: 32px; background-image: url('../images/arrow.gif'); background-position: left; background-repeat: no-repeat; } #links li:HOVER { background-image: url('../images/arrowHover.gif'); text-decoration: underline; } #password_fogotten { } #search { position:absolute; top:98px; left:0px; width:810px; height:49px; border-top: solid 1px #d7d9da; border-bottom: solid 1px #d7d9da; background: url(../images/backgroundSearch.gif) no-repeat 0 9px; } #search fieldset { padding: 0; margin: 0; border: 0; } #search input { border: 0; } #search form { float: left; } #search label{ position: absolute; top: 20px; left: 32px; z-index: 99; font-weight: bold; color: #d0c9c3; } #searchText { position: absolute; left: 27px; top: 17px; width: 160px; font-size: inherit; color: inherit; font-size: 11px; } #searchButton { position: absolute; left: 13px; top: 19px; width: 13px; height: 13px; background-image: url('../images/searchButton.gif'); text-indent: -1000em; cursor: pointer; } #resetSearchLink { position: absolute; top:19px; left:192px; width: 12px; height: 12px; background-image: url('../images/quitLink.gif'); text-indent: -1000em; } a#resetSearchLink:hover { background-image: url('../images/quitLinkHover.gif'); } #search .selected { background-image: url('../images/toggleFavouritesFilterOffLink.gif'); } #resetSearchAndFiltersLink { position:absolute; right:8px; top:16px; width: 18px; height: 18px; background-image: url('../images/largeQuitLink.gif'); text-indent: -1000em; background-color: #c9c1b8;} #resetSearchAndFiltersLink:HOVER { background-color: #aca095; } #thumbnailViewLink { width: 19px; height: 9px; overflow: hidden; display: block; background-image: url('../images/thumbnailViewLink.gif'); background-color: #c9cacc; } #thumbnailViewLink:HOVER { background-color: #807f83; } #thumbnailViewLink.selected { background-color: #807f83; } #detailsViewLink { width: 19px; height: 9px; overflow: hidden; display: block; margin-left: 10px; background-image: url('../images/detailsViewLink.gif'); background-color: #c9cacc; } #detailsViewLink:HOVER { background-color: #807f83; } #detailsViewLink.selected { margin-left: 10px; background-image: url('../images/detailsViewLinkSelected.gif'); } #searchLabel {display:none} #pagerTable { position: absolute; top: 153px; right: 3px; } #pagerTable TD{ vertical-align: top; } #viewNumberOfItems { width: 28px; height: 12px; position: relative; background-image: url('../images/viewNumberOfItems.gif'); background-repeat: no-repeat; text-align: right; color: #919195;} #viewNumberOfItems SPAN { position: relative; right: 3px; line-height: 12px;} #viewNumberOfItems .selected { } #pagerList { width: 22px; position: absolute; left: 4px; top:12px; text-align: right; display: none; color: #919195; background-color: #efeff0; border-left: 1px solid #adafb2; border-bottom: 1px solid #adafb2; border-right: 1px solid #adafb2; } #pagerList A{ padding-top: 4px; padding-right: 3px; text-decoration: none; display: block; } #pagerList A:HOVER{ color: #807f83; background-color:#adafb2; color:white; } #pPage { padding-left: 5px; } #pageSelection { margin-left: 29px; } #pageSelection a { display: block; width: 12px; height: 11px; line-height: 10px; margin-left: 1px; padding-left: 6px; background-image: url('../images/nonSelectedPage.gif'); background-color: #d7d9da; text-decoration: none; position: relative; margin-top: 1px; } #pageSelection a:HOVER { background-color: #c9cacc; } #pageSelection a.selected { color:white; background-color: #adafb2;} a#firstPage, a#previousPage, a#nextPage, a#lastPage { text-indent: -1000em; background-color: #efeff0; } #firstPage:HOVER, #previousPage:HOVER, #nextPage:HOVER, #lastPage:HOVER { background-color: #d7d9da; } a#firstPage { background-image: url('../images/firstPage.gif'); } a#lastPage { background-image: url('../images/lastPage.gif'); } a#previousPage { background-image: url('../images/previousPage.gif'); } a#nextPage { background-image: url('../images/nextPage.gif'); } ul.ratingValue0, ul.ratingValue2, ul.ratingValue4, ul.ratingValue6,ul.ratingValue8,ul.ratingValue10 { background: url(../images/starMatrix.gif) no-repeat 0 0; } ul.ratingValue1, ul.ratingValue3, ul.ratingValue5, ul.ratingValue7, ul.ratingValue9 { background: url(../images/starMatrixHalf.gif) no-repeat 0 0; } ul.ratingValue0 { background-position: 0 0; } ul.ratingValue1, ul.ratingValue2 { background-position: 0 -16px; } ul.ratingValue3, ul.ratingValue4 { background-position: 0 -32px; } ul.ratingValue5, ul.ratingValue6 { background-position: 0 -48px; } ul.ratingValue7, ul.ratingValue8 { background-position: 0 -64px; } ul.ratingValue9, ul.ratingValue10 { background-position: 0 -80px; } ul.rating li { cursor: pointer; float: left; text-indent: -999em; } ul.rating li a { position: absolute; left: 0; top: 0; width: 8px; height: 16px; text-decoration: none; z-index: 200; } ul.rating li.ratingValue1 a { left: 0; } ul.rating li.ratingValue2 a { left: 8px; } ul.rating li.ratingValue3 a { left: 16px; } ul.rating li.ratingValue4 a { left: 24px; } ul.rating li.ratingValue5 a { left: 32px; } ul.rating li.ratingValue6 a { left: 40px; } ul.rating li.ratingValue7 a { left: 48px; } ul.rating li.ratingValue8 a { left: 56px; } ul.rating li.ratingValue9 a { left: 64px; } ul.rating li.ratingValue10 a { left: 72px; } ul.rating li a:hover { z-index: 0; width: 80px; height: 16px; overflow: hidden; left: 0; } ul.rating li.ratingValue2 a:hover, ul.rating li.ratingValue4 a:hover, ul.rating li.ratingValue6 a:hover, ul.rating li.ratingValue8 a:hover, ul.rating li.ratingValue10 a:hover { background: url(../images/starMatrix.gif) no-repeat 0 0; } ul.rating li.ratingValue1 a:hover, ul.rating li.ratingValue3 a:hover, ul.rating li.ratingValue5 a:hover, ul.rating li.ratingValue7 a:hover, ul.rating li.ratingValue9 a:hover { background: url(../images/starMatrixHalf.gif) no-repeat 0 0; } ul.rating li.ratingValue1 a:hover, ul.rating li.ratingValue2 a:hover { background-position: 0 -96px; } ul.rating li.ratingValue3 a:hover, ul.rating li.ratingValue4 a:hover { background-position: 0 -112px; } ul.rating li.ratingValue5 a:hover, ul.rating li.ratingValue6 a:hover { background-position: 0 -128px } ul.rating li.ratingValue7 a:hover, ul.rating li.ratingValue8 a:hover { background-position: 0 -144px } ul.rating li.ratingValue9 a:hover, ul.rating li.ratingValue10 a:hover { background-position: 0 -160px } #login { background-color:#e6e7e8; position:absolute; right:3px; top:99px; display:none; width: 238px; z-index:20000; border-left: 1px solid #d7d9da; border-right:1px solid #d7d9da; border-bottom:1px solid #d7d9da; height: 67px; } #login form { margin-top:8px; text-align: right; } #login fieldset { border:0; margin:0; padding:0; line-height:13px; } #login label { padding:0; margin:0; width:55px; padding-right:3px; text-align:left; display:inline-block;} #login input { font:inherit; color:inherit; border:0; font-size: 11px; } #login .inp160 { border:0; width:160px; margin-top:3px; margin-right:9px; height: 13px; border: 0px; } #login a#password_fogotten { position:absolute; top:51px; left:10px; text-decoration: none; color: inherit; padding-left:15px; background: url(../images/arrowSmall.gif) no-repeat 0 1px; } #login a#password_fogotten:HOVER { background-image: url(../images/arrowSmallHover.gif);text-decoration:underline;} #login #rememberMeText { position: absolute; top: 50px; left: 147px; width:83px;} input#rememberMe { position: absolute; top:48px; left: 213px; } #rememberMeImage {position: absolute; top:53px; left:221px;} #login .error { display:block; color:white; background-color:#f08b1d; position:absolute; font-weight:bold; top:67px; width:231px; line-height:16px; left:-1px; padding-left:9px; } #loginDiv { position: absolute; } #viewMode { position:absolute; top:153px; left:0px; width:50px; height:9px; } #viewMode li { float: left; } #viewMode a { display: block; width: 19px; height: 9px; text-indent: -1000em; } #toggleFavouritesFilterLink { position:absolute; top: 14px; left:221px; width: 156px; height: 23px; background-image: url('../images/toggleFavouritesFilterOnLinkHover.gif'); text-indent: -1000em; cursor: pointer; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80; } #toggleFavouritesFilterLink:HOVER { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1.00; } #toggleFavouritesFilterLink.selected { background-image: url('../images/toggleFavouritesFilterOffLinkHover.gif'); } #login { left: 570px; top: 99px; z-index: 100; display: none; } #logout{ position: absolute; } #links li.nolink { background-image: none; } #links li.nolink:HOVER { text-decoration: none; } #loginSubmit { width: 1px; height: 1px; overflow: hidden; position: absolute; top: 2px; left: 220px; background: #E6E7E8; } #inactiveSite { width: 100%; height: 100%; min-width: 836px; min-height: 897px; position: absolute; top: 0px; left: 0px; z-index: 99; display: none; background: #000; filter: alpha(opacity=20); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: 0.20; opacity:0.20; } #inactiveSite DIV { width: 836px; height: 897px; } #footer { height: 1px; clear: both; display: block; position: relative; } .clear { clear: both; height: 1px; overflow: hidden; } #thumbnailResults { width:810px; position: relative; background-image: url('../images/backgroundThumbnails.gif'); background-repeat: repeat-y; height: 648px; } #thumbnailResults.number20 { height: 162px; } #thumbnailResults.number40 { height: 324px; } #thumbnailResults.number60 { height: 486px; } #thumbnailResults.number80 { height: 648px; } #thumbnailResults.number100 { height: 810px; } /* overlay */ .centerOverlay{ width: 862px; margin-left: auto; margin-right: auto; } #detailOverview { z-index: 999; width: 806px; height: 468px; overflow: hidden; position: absolute; top: 48px; margin-left: 30px; display: none; } #detailBigOverview { z-index: 999; width: 806px; height: 850px; overflow: hidden; position: absolute; top: 48px; margin-left: 30px; display: none; } .overlayTop { width: 805px; height: 32px; background: url(../images/shadow_top.png); } .overlayBod { width: 805px; background: url(../images/bg_layer.png); position: relative; } .overlayBot { width: 805px; height: 32px; background: url(../images/shadow_bottom.png); } .detailOverlay { width: 805px; background: url(../images/bg_layer.png); z-index: 2000; position: relative; } #detailOverview .detailOverlay { height: 404px; } #detailBigOverview .detailOverlay { height: 797px; } .detailOverlay H1 { position: absolute; top: 15px; margin-left: 60px; font-size: 16px; font-weight: bold; line-height: 20px; } .detailOverlay EM { font-weight: bold; } .detailOverlay P { line-height: 16px; margin-bottom: 10px; } .detailOverlay .subtitle { position: absolute; top: 34px; margin-left: 61px; } #buttonPreviewImg, #buttonPreviewImgBig { position: absolute; top: 66px; left: 60px; width: 149px; height: 17px; background-image: url('../images/dtab.gif'); text-decoration: none; } #buttonPreviewImg:HOVER, #buttonPreviewImgBig:HOVER { background-image: url('../images/detailTabHover.gif'); } #buttonApplicationImg, #buttonApplicationImgBig { position: absolute; top: 66px; left: 210px; width: 149px; height: 17px; background-image: url('../images/dtab.gif'); text-decoration: none; } #buttonApplicationImg:HOVER, #buttonApplicationImgBig:HOVER { background-image: url('../images/detailTabHover.gif'); } .detailOverlay A SPAN { position: relative; top: 2px; left: 8px; } #buttonPreviewImg.selected, #buttonPreviewImgBig.selected,#buttonApplicationImg.selected, #buttonApplicationImgBig.selected { background-image: url('../images/dtab_sel.gif'); color: white; } .detailOverlay .downloadLink { width: 154px; height: 22px; position: absolute; top: 40px; left: 383px; background-image: url('../images/downloadMaterialLinkHover.gif'); background-repeat: no-repeat; display: block; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80; } .detailOverlay .downloadLink:HOVER { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1.00; } .detailOverlay .favouriteLink { width: 154px; height: 22px; position: absolute; top: 41px; left: 555px; background-image: url('../images/addToFavouritesLink.gif'); background-repeat: no-repeat; display: block; } .detailOverlay .favouriteLink:HOVER { background-image: url('../images/addToFavouritesLinkHover.gif'); } .detailOverlay .removeFavouriteLink { width: 154px; height: 22px; position: absolute; top: 41px; left: 555px; background-image: url('../images/removeFromFavouritesLink.gif'); background-repeat: no-repeat; display: block; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80; } .detailOverlay .removeFavouriteLink:HOVER { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1.00; } .detailOverlay .votesNumber { position: absolute; top: 17px; left: 480px; } .detailOverlay .description { margin-top: 50px; margin-left: 6px; width: 384px; height: 347px; position: absolute; top: 20px; left: 384px; } .detailOverlay .rating { width: 80px; height: 16px; list-style: none; clear: both; position: absolute; top: 16px; left: 384px; } .detailOverlay a.previousMaterial { position: absolute; top: 393px; left: 697px; width: 18px; height: 11px; background-image: url('../images/previousPage.gif'); overflow: hidden; } .detailOverlay a.nextMaterial { position: absolute; top: 393px; left: 731px; width: 18px; height: 11px; background-image: url('../images/nextPage.gif'); overflow: hidden; } .detailOverlay a.previousMaterial:HOVER, .detailOverlay a.nextMaterial:HOVER { background-color: #c9cacc; } .detailOverlay #previewImg { position: absolute; top: 84px; left: 60px; display: none; width: 300px; height: 300px; } .detailOverlay #previewImgBig { position: absolute; top: 84px; left: 60px; display: none; width: 690px; height: 690px; } .detailOverlay #applicationImg { position: absolute; top: 84px; left: 60px; display: none; width: 300px; height: 300px; } .detailOverlay #applicationImgBig { position: absolute; top: 84px; left: 60px; display: none; width: 690px; height: 690px; } .detailOverlay #detailOverlayPlus { position: absolute; top: 217px; left: 190px; width: 40px; height: 40px; background-image: url('../images/plus.gif'); display: none; } .detailOverlay #detailOverlayMinus { position: absolute; top: 415px; left: 385px; width: 40px; height: 40px; background-image: url('../images/minus.gif'); display: none; } .detailOverlay .closeOverviewLayer { position: absolute; top: 5px; left: 752px; display: block; width: 16px; height: 16px; overflow: hidden; background-image: url('../images/closeWhite.gif'); } .detailOverlay .closeOverviewLayer:HOVER { background-image: url('../images/closeWhiteHover.gif')} #detailBigOverview a.previousMaterial { top: 783px; } #detailBigOverview a.nextMaterial { top: 783px; } /* thumbList */ .mBox { width: 81px; height: 81px; float: left; overflow: hidden; position: relative; } .mBox A { display: block; width: 80px; height: 80px; } .bor { width: 76px; height: 76px; position: absolute; top: 0px; left: 0px; border: 2px solid #007698; display: none; } .mBox A:HOVER .bor { display: block; } #materialShow { width: 200px; height: 100px; overflow: hidden; display: none; position: absolute; top: 0px; left: 0px; background-image: url('../images/tooltipBackgroundBottom.gif'); background-repeat: no-repeat; } #materialShow H1 { width: 200px; line-height: 16px; font-size: 13px; font-weight: bold; text-align: center; margin-top: 11px; overflow: hidden; } #materialShow .displayRating { width: 80px; height: 14px; margin-left: 60px; } #materialShow .addToFavouritesLink { width: 200px; height: 20px; display: block; background-color: #5894a5; color: #FFF; text-decoration: none; font-weight: bold; font-size: 11px; position: absolute; top: 43px; background-image: url(../images/bg_mbox_fav.gif); } #materialShow .addToFavouritesLink SPAN { position: relative; top: 4px; left: 13px; } #materialShow .addToFavouritesLink:HOVER { background-color: #3d8599; } #materialShow .downloadMaterialLink { width: 200px; height: 20px; display: block; background-color: #b5a75e; color: #FFF; text-decoration: none; font-weight: bold; font-size: 11px; position: absolute; top: 64px; background-image: url(../images/bg_mbox_dow.gif); } #materialShow .downloadMaterialLink SPAN { position: relative; top: 4px; left: 13px; } #materialShow .downloadMaterialLink:HOVER { background-color: #998a3d; } /* listview */ #detailResults { width: 809px; position: relative; } #resultList { width: 405px; vertical-align: top; } #resultList .listItem { width: 405px; height: 49px; background: #e6e7e8; border-bottom: 1px solid #efeff0; display: block; position: relative; cursor: pointer;} #resultList .listItem.selected { background: #eff0f1; } #resultList .listItem:HOVER { background: #eff0f1; } #resultList .listItem.selected:HOVER { background: #eff0f1; } #resultList A { font-size: 14px; text-decoration: none; font-weight: bold; display: block; position: absolute; top: 10px; margin-left: 11px; width: 296px; overflow: hidden; } #resultList .admissionDate { position: absolute; top: 31px; left: 11px; } #resultList .displayRating { position: absolute; top: 10px; left: 307px; } #resultList .downloads { position: absolute; top: 31px; left: 311px; } /* listview Detail */ .detail { width: 404px; background: #FFF; } .detail H1 { width: 341px; font-size: 16px; font-weight: bold; line-height: 20px; position: absolute; top: 19px; left: 435px; } .detail EM { font-weight: bold; } .detail P { line-height: 16px; margin-bottom: 10px; } .detail .subtitle { width: 341px; margin-top: 0px; margin-left: 1px; position: absolute; top: 40px; left: 436px; } .detail .downloadLink { width: 154px; height: 22px; position: absolute; top: 467px; left: 433px; background-image: url('../images/downloadMaterialLinkHover.gif'); background-repeat: no-repeat; display: block; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80; } .detail .downloadLink:HOVER { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1.00; } .detail .favouriteLink { width: 154px; height: 22px; position: absolute; top: 468px; left: 627px; background-image: url('../images/addToFavouritesLink.gif'); background-repeat: no-repeat; display: block; } .detail .favouriteLink:HOVER { background-image: url('../images/addToFavouritesLinkHover.gif'); } .detail .removeFavouriteLink { width: 154px; height: 22px; position: absolute; top: 468px; left: 627px; background-image: url('../images/removeFromFavouritesLink.gif'); background-repeat: no-repeat; display: block; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80; } .detail .removeFavouriteLink:HOVER { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1.00; } .detail .votesNumber { width: 341px; position: absolute; top: 450px; left: 568px; width: 110px; } .detail .description { width: 370px; position: relative; padding-top: 502px; margin-left: 32px; padding-bottom: 20px; } .detail .rating { width: 80px; height: 16px; position: absolute; top: 434px; left: 564px; } .detail #previewImgList { position: absolute; top: 83px; left: 437px; display: none; width: 343px; height: 343px; } .detail #applicationImgList { position: absolute; top: 83px; left: 437px; display: none; width: 343px; height: 343px; } .detail #detailPlusList { position: absolute; top: 234px; left: 588px; width: 40px; height: 40px; background-image: url('../images/plus.gif'); display: none; } .detail #buttonPreviewImgList { position: absolute; top: 65px; left: 437px; width: 171px; height: 17px; background-image: url('../images/detailTab.gif'); text-decoration: none; } .detail #buttonPreviewImgList:HOVER { background-image: url('../images/detailTabHover.gif'); } .detail #buttonApplicationImgList { position: absolute; top: 65px; left: 609px; width: 171px; height: 17px; background-image: url('../images/detailTab.gif'); text-decoration: none; } .detail #buttonApplicationImgList:HOVER { background-image: url('../images/detailTabHover.gif'); } .detail A SPAN { position: relative; top: 2px; left: 8px; } #buttonPreviewImgList.selected, #buttonApplicationImgList.selected { background-image: url('../images/detailTabSelected.gif'); color: white; } #buttonPreviewImgList.selected:HOVER, #buttonApplicationImgList.selected:HOVER { background-image: url('../images/detailTabSelected.gif'); color: white; } /* allgemein */ .displayRating { width: 80px; height: 14px; text-indent: -1000em; background: url('../images/displayStarMatrix.png') no-repeat 0 0; } .displayRating1 { background-position: 0 -126px; } .displayRating2 { background-position: 0 -112px; } .displayRating3 { background-position: 0 -98px; } .displayRating4 { background-position: 0 -84px; } .displayRating5 { background-position: 0 -70px; } .displayRating6 { background-position: 0 -56px; } .displayRating7 { background-position: 0 -42px; } .displayRating8 { background-position: 0 -28px;} .displayRating9 { background-position: 0 -14px;} .displayRating10{ background-position: 0 -0px;} .displayRatingNoStar { background-position: 0 -140px; } #messageOverlay { z-index: 999; width: 656px; height: 468px; overflow: hidden; position: absolute; top: 196px; margin-left: 104px; } #messageOverlay .overlayTop { width: 656px; height: 55px; background: url(../images/bg_mess_top.png); } #messageOverlay .overlayBody{ width: 656px; height: 132px; background: url(../images/bg_mess_mid.png); z-index: 2000; position: relative; } #messageOverlay .overlayBot { width: 656px; height: 32px; background: url(../images/bg_mess_bottom.png); } #messageOverlay H1 { position: absolute; top: -25px; left: 60px; font-size: 16px; font-weight: bold; line-height: 20px; color: #FFF; } #messageOverlay .closeMessageOverlay { position: absolute; top: -24px; left: 604px; display: block; width: 16px; height: 16px; overflow: hidden; background-image: url('../images/closeMessage.gif'); background-color: #f08b1d; } #messageOverlay .closeMessageOverlay:HOVER { background-color: #ce7719; } #messageOverlay .txt { position: absolute; top: 18px; left: 60px; font-size: 12px; width: 530px; line-height: 18px; } #messageOverlay.blue .overlayTop { width: 656px; height: 55px; background: url(../images/bg_mess_top_blue.png); } #messageOverlay.blue .closeMessageOverlay { position: absolute; top: -24px; left: 604px; display: block; width: 16px; height: 16px; overflow: hidden; background-image: url('../images/closeMessage_blue.gif'); background-color: #007698; } #messageOverlay.blue .closeMessageOverlay:HOVER { background-color: #02a4d2; } #messageOverlay.blue .overlayBody{ width: 656px; height: 292px; background: url(../images/bg_mess_mid.png); z-index: 2000; position: relative; } #standardOverlay { z-index: 999; width: 656px; height: 468px; overflow: hidden; position: absolute; top: 196px; margin-left: 104px; display: none; } #standardOverlay .overlayTop { width: 656px; height: 55px; background: url(../images/bg_mess_top.png); } #standardOverlay .overlayBody{ width: 656px; height: 132px; background: url(../images/bg_mess_mid.png); z-index: 2000; position: relative; } #standardOverlay .overlayBot { width: 656px; height: 32px; background: url(../images/bg_mess_bottom.png); } #standardOverlay H1 { position: absolute; top: -25px; left: 60px; font-size: 16px; font-weight: bold; line-height: 20px; color: #FFF; } #standardOverlay H2 { position: relative; padding-top: 22px; margin-left: 60px; font-size: 16px; font-weight: bold; line-height: 16px; color: #807F83; } #standardOverlay P { padding-top: 13px; margin-left: 60px; font-size: 12px; } #standardOverlay .closeMessageOverlay { position: absolute; top: 32px; left: 604px; display: block; width: 16px; height: 16px; overflow: hidden; background-image: url('../images/closeMessage.gif'); background-color: #f08b1d; } #standardOverlay .closeMessageOverlay:HOVER { background-color: #ce7719; } #standardOverlay .txt { position: absolute; top: 18px; left: 60px; font-size: 12px; width: 530px; line-height: 18px; } #standardOverlay .roundShape { margin-top: 25px; margin-left: 60px; } .arrowLink a { text-decoration: none; padding-left: 23px; background-image: url('../images/arrow.gif'); background-position: left; background-repeat: no-repeat; } .arrowLink a:HOVER { background-image: url('../images/arrowHover.gif'); text-decoration: underline; } .bline { height: 1px; overflow: hidden; background: #c9cacc; width: 542px; margin-top: 15px; } #login2 { padding-top: 115px; margin-left: 60px;} #login2 input { font:inherit; color:inherit; border:0; font-size: 11px; } #login2 .inp160 { border:0; width:166px; margin-top:3px; margin-right:9px; height: 16px; border: 0px; background: #e6e7e8; } #login2 .remember { position: relative; top: -11px; left: 239px; } #login2 #rememberMeText { position: absolute; top: 0px; left: 151px; width:80px;} #login2 input#rememberMe { position: absolute; top: 0px; left: 215px; } #login2 #rememberMeImage2 {position: absolute; top:2px; left:226px; } #login2 .error { display:block; color:white; background-color:#f08b1d; position:absolute; font-weight:bold; top:67px; width:231px; line-height:16px; left:-1px; padding-left:9px; } #login2 #loginButton2 { position: absolute; left:543px; top: 168px; } #login2 .error2 { height: 15px; background: #f08b1d; width: 542px; overflow: hidden; line-height: 15px; color: #FFF; } #login2 .error2 SPAN { padding-left: 23px; } #howtoOverlay { z-index: 999; width: 656px; height: 468px; overflow: hidden; position: absolute; top: 196px; margin-left: 104px; } #howtoOverlay .overlayTop { width: 656px; height: 55px; background: url(../images/bg_mess_top.png); } #howtoOverlay .overlayBody{ width: 656px; height: 132px; background: url(../images/bg_mess_mid.png); z-index: 2000; position: relative; } #howtoOverlay .overlayBot { width: 656px; height: 32px; background: url(../images/bg_mess_bottom.png); } #howtoOverlay H1 { position: absolute; top: -25px; left: 60px; font-size: 16px; font-weight: bold; line-height: 20px; color: #FFF; } #howtoOverlay .closeMessageOverlay { position: absolute; top: -24px; left: 604px; display: block; width: 16px; height: 16px; overflow: hidden; background-image: url('../images/closeMessage.gif'); background-color: #f08b1d; } #howtoOverlay .closeMessageOverlay:HOVER { background-color: #ce7719; } #howtoOverlay .txt { position: absolute; top: 18px; left: 60px; font-size: 12px; width: 530px; line-height: 18px; } #howtoOverlay.blue .overlayTop { width: 656px; height: 55px; background: url(../images/bg_mess_top_blue.png); } #howtoOverlay.blue .closeMessageOverlay { position: absolute; top: -24px; left: 604px; display: block; width: 16px; height: 16px; overflow: hidden; background-image: url('../images/closeMessage_blue.gif'); background-color: #007698; } #howtoOverlay.blue .closeMessageOverlay:HOVER { background-color: #02a4d2; } #howtoOverlay.blue .overlayBody{ width: 656px; height: 292px; background: url(../images/bg_mess_mid.png); z-index: 2000; position: relative; } .tabs { position: absolute; top:178px; left:0px; } .tabs li { display:block; float: left; margin-right: 1px; } .tabs a { display: block; width: 146px; border: 1px solid #d7d7d7; height: 18px; padding-left: 7px; line-height:18px; background-repeat: repeat-x; background-position: 0 0; text-decoration: none; } .tabs a { background-image: url('../images/tab.gif'); } .tabs a.selected, .tabs a.selected:hover { background-image: url('../images/tabSelected.gif'); color: white; border-color: #acacac; } .tabs a:hover { background-image:url('../images/tabHover.gif'); } /* Registration Prozess */ #iframe { margin-left: 57px; width: 540px; height: 464px; border: 0px; } #registerOverlay { z-index: 999; width: 656px; overflow: hidden; position: absolute; top: 16px; margin-left: 104px; display: none; } #registerOverlay .overlayTop { width: 656px; height: 55px; background: url(../images/bg_reg_top.png); } #registerOverlay .overlayBody{ width: 656px; height: 471px; background: url(../images/bg_mess_mid.png); z-index: 2000; position: relative; } #registerOverlay .overlayBot { width: 656px; height: 38px; background: url(../images/bg_mess_bottom.png); } #registerOverlay H1 { position: absolute; top: 30px; left: 60px; font-size: 16px; font-weight: bold; line-height: 20px; color: #FFF; } #registerOverlay .closeMessageOverlay { position: absolute; top: -24px; left: 604px; display: block; width: 16px; height: 16px; overflow: hidden; background-image: url('../images/closeMessageGreen.gif'); background-color: #917c00; } #registerOverlay .closeMessageOverlay:HOVER { background-color: #4c4418; } #registerOverlay .txt { position: absolute; top: 18px; left: 60px; font-size: 12px; width: 530px; line-height: 18px; } /* neu 25.05.2009 */ /* Eula */ #bottomLinks { position: absolute; } #imprintLink { position: absolute; top: 10px; left: 0px; } #imprintL { position: absolute; top: 11px; left: 38px; border-right: 1px solid #8f8e92; } #imprintLink A { font-size: 11px; text-decoration: none; } #imprintLink A:HOVER { text-decoration: underline; } #eulaLink { position: absolute; top: 10px; left: 52px; } #eulaLink A { font-size: 11px; text-decoration: none; } #eulaLink A:HOVER { text-decoration: underline; } .infoOverlay { z-index: 999; width: 656px; overflow: hidden; position: absolute; top: 136px; margin-left: 104px; display: none; } .infoOverlay .overlayTop { width: 656px; height: 55px; background: url(../images/bg_reg_top.png); } .infoOverlay .overlayBody{ width: 656px; height: 308px; background: url(../images/bg_mess_mid.png); z-index: 2000; position: relative; } .infoOverlay .overlayBot { width: 656px; height: 38px; background: url(../images/bg_mess_bottom.png); } .infoOverlay H1 { position: absolute; top: 30px; left: 60px; font-size: 16px; font-weight: bold; line-height: 20px; color: #FFF; } .infoOverlay .closeMessageOverlay { position: absolute; top: -24px; left: 604px; display: block; width: 16px; height: 16px; overflow: hidden; background-image: url('../images/closeMessageGreen.gif'); background-color: #917c00; } .infoOverlay .closeMessageOverlay:HOVER { background-color: #4c4418; } .infoOverlay .txt { position: absolute; top: 18px; left: 60px; font-size: 12px; width: 530px; line-height: 18px; } #eulaOverlay .overlayBody{ height: 410px; } .registerBody { margin-left:59px; width: 540px; padding-top: 10px; } .registerBody H2 { font-size: 13px; font-weight: bold; margin-top: 0px; line-height: 1.5em; color: #79787b; margin-left: 0px; } .registerBody P { margin-top: 14px; } .registerBody LI { padding-top: 10px; } .commercialBody { margin-left:59px; width: 540px; padding-top: 10px; } .commercialBody .panel { height: 122px; } .commercialBody H2 { padding: 0px; margin: 0px; font-size: 16px; color: #666466; line-height: 14px; padding-top: 0px; font-weight: bold; } .commercialBody P { margin-top: 12px; font-size: 12px; line-height: 16px; padding: 0px; margin-top: 10px; } .commercialBody LI { padding-top: 10px; } .commercialBody #button1 { position: absolute; margin-left: 270px; } .commercialBody #button2 { position: absolute; margin-left: 420px; } .commercialBody #button3 { position: absolute; margin-left: 488px; } #iframeHide { position: absolute; height: 1px; width: 1px; top: 0px; left: 0px; } .bigLink { font-size: 12px; color: #787878; font-weight: bold; padding-left: 16px; margin-left: 1px; background-image: url('../images/arrow1.gif'); background-repeat: no-repeat; background-position: 0px 3px; text-decoration: none; } .bigLink:HOVER { text-decoration: underline; } .pad1 { margin-top: 13px; margin-left: 4px; padding: 0px; } .pad2 { height: 16px; clear: both; overflow: hidden; } .seperator { width: 541px; background: #c2c2c2; height: 1px; line-height: 1px; overflow: hidden; clear: both; margin-top: 10px; padding: 0px; margin-left: 4px; } .panel { height: 253px; width: 530px; overflow: auto; margin-top: 10px; color: #666466; margin-left: 6px; padding: 0px; padding-right: 5px; } .panel STRONG { font-size: 11px; color: #666466; font-weight: bold; padding: 0px; } .roundShape { width: 540px; height: 21px; background: #7e7b7c; background-image: url('../images/roundshape.gif'); margin-top: 10px; clear: both; } .roundShape SPAN { color: #FFF; } .roundShape .agreeTxt { position: relative; top: 4px; left: 23px; float: left; } .bigLinkWhite { font-size: 12px; color: #FFF; font-weight: bold; float: right; padding-left: 16px; margin-left: 1px; margin-top: 4px; margin-right: 10px; background-image: url('../images/arrow2.gif'); background-position: 0px 2px; background-repeat: no-repeat; text-decoration: none; } .bigLinkWhite:HOVER { text-decoration: underline; } #cb_rules_agree_img { position: relative; top: 6px; left: 13px; float: left; } #cb_rules_agree { border: 0px; background: #FFF; } /* Homepage */ #wrapper.home { padding-top: 92px; } #wrapper.home HR { height: 1px; overflow: hidden; display: block; color: #d7d9da; border: 0px; background: #d7d9da; } #wrapper.home .spacer { padding-top: 8px; } .csc-default { width: 808px; background: url('../images/home_bg_v.gif') 0px bottom no-repeat; border: 1px solid #c9cbcb; position: relative; background-color: #f7f7f7; margin-top: 19px; font-size: 12px; line-height: 19px; padding-bottom: 5px; clear: both; } .csc-default .border { width: 808px; background: url('../images/home_bg_h.gif') 0px 0px repeat-y; } .csc-default .top { width: 810px; height: 15px; background: url('../images/home_bg_top.gif') 0 0 repeat; position: absolute; top: -1px; left: -1px; } .csc-default .top2 { width: 810px; height: 27px; background: url('../images/home_bg_top2.gif') 0 0 repeat; position: absolute; top: -1px; left: -1px; } .csc-default .bottom { width: 810px; height: 15px; background: url('../images/home_bg_bottom.gif') 0 0 repeat; position: absolute; bottom: -1px; left: -1px; clear: both; } .csc-default .csc-firstHeader { font-size: 16px; color: #504f52; font-weight: bold; padding-top: 17px; padding-left: 25px; padding-bottom: 0px; text-transform: uppercase;} .csc-default H3 { font-size: 16px; color: #504f52; font-weight: bold; padding-top: 17px; padding-left: 25px; text-transform: uppercase;} .csc-textpic-imagewrap { float: left; padding-left: 25px; } .csc-textpic-imagewrap DL { float: left; padding-right: 10px; padding-bottom: 10px; } .csc-textpic-intext-left { clear: both; padding-top: 11px; } .csc-textpic-intext-left .csc-textpic-text { padding-left: 24px; padding-right: 22px; } .csc-textpic-intext-left .csc-textpic-text A { text-decoration: none; font-size: 12px; background: url('../images/home_pf_g.gif') 0px 3px no-repeat; padding-left: 21px; margin-top: 5px; color: #717073; clear: both; } .csc-textpic-intext-left .csc-textpic-text A:HOVER { text-decoration: underline; } .csc-textpic-intext-left .csc-textpic-text A.orange { text-decoration: none; font-size: 14px; font-weight: bold; background: url('../images/home_pf_o.gif') 0px 3px no-repeat; padding-left: 21px; margin-top: 8px; color: #f08b1d; } .csc-textpic-intext-left .csc-textpic-text A.orange:HOVER { text-decoration: underline; } .csc-textpic-intext-left .csc-textpic-text A.grey { text-decoration: none; font-size: 12px; font-weight: bold; background: url('../images/home_pf_g.gif') 0px 3px no-repeat; padding-left: 21px; margin-top: 5px; color: #717073; } .csc-textpic-intext-left .csc-textpic-text A.grey:HOVER { text-decoration: underline; } .csc-textpic-intext-left .csc-textpic-text A.greyThin { text-decoration: none; font-size: 12px; background: url('../images/home_pf_g.gif') 0px 3px no-repeat; padding-left: 21px; margin-top: 5px; color: #717073; } .csc-textpic-intext-left .csc-textpic-text A.greyThin:HOVER { text-decoration: underline; } .csc-textpic-intext-left .csc-textpic-text P { padding-bottom: 6px; } .csc-textpic-intext-right { clear: both; padding-top: 9px; } .csc-textpic-intext-right { clear: both; padding-top: 9px; } .csc-textpic-intext-right .csc-textpic-text A { text-decoration: none; font-size: 12px; background: url('../images/home_pf_g.gif') 0px 3px no-repeat; padding-left: 21px; margin-top: 5px; color: #717073; clear: both; } .csc-textpic-intext-right .csc-textpic-text A:HOVER { text-decoration: underline; } .csc-textpic-intext-right .csc-textpic-text A.orange { text-decoration: none; font-size: 14px; font-weight: bold; background: url('../images/home_pf_o.gif') 0px 3px no-repeat; padding-left: 21px; margin-top: 8px; color: #f08b1d; } .csc-textpic-intext-right .csc-textpic-text A.orange:HOVER { text-decoration: underline; } .csc-textpic-intext-right .csc-textpic-text A.grey { text-decoration: none; font-size: 12px; font-weight: bold; background: url('../images/home_pf_g.gif') 0px 3px no-repeat; padding-left: 21px; margin-top: 5px; color: #717073; } .csc-textpic-intext-right .csc-textpic-text A.grey:HOVER { text-decoration: underline; } .csc-textpic-intext-right .csc-textpic-text A.greyThin { text-decoration: none; font-size: 12px; background: url('../images/home_pf_g.gif') 0px 3px no-repeat; padding-left: 21px; margin-top: 5px; color: #717073; } .csc-textpic-intext-right .csc-textpic-text A.greyThin:HOVER { text-decoration: underline; } .csc-textpic-intext-right .csc-textpic-imagewrap { float: right; padding-left: 25px; padding-right: 13px; } .csc-textpic-intext-right .csc-textpic-text { padding-left: 24px; padding-right: 22px; } .csc-textpic-intext-right .csc-textpic-text P { padding-bottom: 6px; } .news-list-container { width: 501px; padding-top: 35px; padding-bottom: 30px; } .news-list-container .border { width: 808px; background: url('../images/home_bg_h.gif') 0px 0px repeat-y; padding-top: 35px; } .news-list-container .bottom { height: 30px; bottom: -2px; } .news-list-container .currentNews { position: absolute; top: 4px; left: 25px; font-size: 14px; color: #FFF; text-decoration: none; font-weight: bold; background: url('../images/home_pf_g3.gif') right 4px no-repeat; padding-right: 23px; text-transform: uppercase; } .news-list-container .currentNews:HOVER { text-decoration: underline; } .news-list-container .news-list-item { padding: 5px 27px 0px 25px; } .news-list-container .news-list-item H3 { margin: 0px; padding: 0px; padding-bottom:8px; } .news-list-container .news-list-date { font-size: 12px; font-weight: normal; display: block; padding-bottom: 1px; } .news-list-container .news-list-item H3 A { text-decoration: none; font-size: 14px; font-weight: bold; background: url('../images/home_pf_g.gif') right 3px no-repeat; padding-right: 21px; margin-top: 5px; color: #504f52; } .news-list-container .news-list-item H3 A:HOVER { text-decoration: underline; } .news-list-container .news-list-item A { } .news-list-container .news-list-item P { font-size: 12px; padding-bottom: 18px; display: inline; } .news-list-container .news-list-item IMG { margin-top: 3px; float: left; padding-right: 20px; padding-bottom: 18px; } .news-list-container .news-list-item HR { clear: both; display: block; margin-top: 16px; } #c3760 .csc-textpic-text { float: left; display: inline; width: 400px; padding: 0px; } /* news overview page */ #wrapper.news { padding-top: 92px; } #wrapper.news .spacer { padding-top: 21px; } #wrapper.news .spacer2 { padding-top: 35px; } #wrapper.news HR { height: 1px; overflow: hidden; display: block; color: #d7d9da; border: 0px; background: #d7d9da; } #wrapper.news .homeLink { text-decoration: none; font-size: 12px; font-weight: bold; background: url('../images/home_pf_g2.gif') 1px 2px no-repeat; padding-left: 24px; margin-top: 5px; color: #717073; } #wrapper.news .newsLink { text-decoration: none; font-size: 12px; font-weight: bold; background: url('../images/home_pf_g2.gif') 1px 2px no-repeat; padding-left: 24px; margin-top: 5px; color: #717073; margin-left: 33px; } #wrapper.news .homeLink:HOVER, #wrapper.home .newsLink:HOVER { text-decoration: underline; } .news-list-container-overview { width: 501px; padding-top: 31px; padding-bottom: 20px; } .news-list-container-overview .news-list-item { padding: 5px 27px 0px 0px; } .news-list-container-overview .news-list-item H3 { margin: 0px; padding: 0px; padding-bottom: 8px; } .news-list-container-overview .news-list-date { font-size: 12px; font-weight: normal; display: block; padding-bottom: 7px; } .news-list-container-overview .news-list-item H3 A { text-decoration: none; font-size: 14px; font-weight: bold; background: url('../images/home_pf_g.gif') right 3px no-repeat; padding-right: 21px; margin-top: 5px; color: #504f52; } .news-list-container-overview .news-list-item H3 A:HOVER { text-decoration: underline; } .news-list-container-overview .news-list-item P { font-size: 12px; margin-top: 10px; display: inline; padding-bottom: 18px; line-height: 20px; } .news-list-container-overview .news-list-item IMG { margin-top: 5px; float: left; padding-right: 20px; padding-bottom: 18px; } .news-list-container-overview .news-list-item HR { clear: both; display: block; margin-top: 16px; } .news-list-container-overview .tx-ttnews-browsebox { position: absolute; top: 150px; right: 312px; } .news-list-container-overview .tx-ttnews-browsebox A { text-decoration: none; padding-left: 6px; font-weight: bold; font-size: 11px; } .news-list-container-overview .tx-ttnews-browsebox A:HOVER { text-decoration: underline; } /* news detail page */ .csc-default-newsdetail { width: 501px; padding-top: 13px; } .csc-default-newsdetail .news-single-item { padding-top: 23px; padding-bottom: 40px; } .csc-default-newsdetail .news-single-item .news-single-timedata { font-size: 12px; font-weight: normal; display: block; padding-bottom: 7px; } .csc-default-newsdetail .news-single-item H2 { font-size: 18px; font-weight: bold; padding-top: 0px; line-height: 22px; } .csc-default-newsdetail .news-single-item H2.tt-news-single-subheader { font-size: 14px; font-weight: bold; padding-top: 16px; line-height: 20px; padding-bottom: 20px; } .csc-default-newsdetail .news-single-img { } .csc-default-newsdetail .news-single-img A { } .news-single-imgcaption { margin: 0px!important; padding: 0px!important; font-size: 11px!important; padding-bottom: 20px!important; } .csc-default-newsdetail .news-single-item P { font-size: 12px; padding-top: 10px; line-height: 19px; } .csc-default-newsdetail .news-single-item OL { list-style-type: decimal; margin-left: 22px; margin-top: 5px; margin-bottom: 10px; } .csc-default-newsdetail .news-single-item LI { padding: 0px; margin: 0px; }