body { font-family: Arial, Helvetica, Verdana, sans-serif; color: #414141; font-size: 13px; line-height: 16px; background: #555; /*4f4747*/ } body.layer { background: #fff !important; } a { color: #d52832; text-decoration:none; outline: none; } a:active, a:visited { color: #d52832; } a:hover, a:focus { color: #d24750; text-decoration:underline; outline: none; } b, strong { font-weight: bold; } a.download, a.extern, a.intern, a.buy, a.slide-down, a.slide-up, a.edit, a.delete, a.email { padding: 1px 1px 0px 22px; background: transparent no-repeat 0px 0px; line-height: 1.0em; } a.download { background-image: url(../img_style/action_icons/icon_download.png); } a.extern { background-image: url(../img_style/action_icons/icon_extern.png); } a.intern { background-image: url(../img_style/action_icons/icon_intern.png); } a.buy { background-image: url(../img_style/action_icons/icon_buy.png); } a.slide-down { background-image: url(../img_style/action_icons/icon_slide_down.png); } a.slide-up { background-image: url(../img_style/action_icons/icon_slide_up.png); } a.edit { background-image: url(../img_style/action_icons/icon_edit.png); } a.delete { background-image: url(../img_style/action_icons/icon_delete.png); } a.email { background-image: url(../img_style/action_icons/icon_email.png); } a#copy-playlist:hover { text-decoration:underline; } ul.nolist { list-style: none; margin: 0; } ul.nolist li { list-style: none; margin: 0; } #container { background: #fff url(../img_style/bg_body.png) top left repeat-x; min-width: 1090px; width: 100%; } .col { position: relative; padding: 0; margin: 0; width: 100%; } .inner-col0 { width: 938px; padding: 16px 16px; margin: 0 auto !important; } .inner-col0-0000 { width: 938px; } .inner-col2v3-0000 { width: 620px; } .inner-col2v3-0101 { width: 588px; padding: 0px 16px 0px 16px; } .inner-col2v3-1111 { width: 588px; padding: 16px 16px 16px 16px; } .inner-col2v3-0001 { width: 604px; padding: 0px 16px 0px 0px; } .inner-col1v3-0000 { width: 302px;} .inner-col1v3-0101 { width: 270px; padding: 0px 16px 0px 16px;} .main-col0-0000 { width: 938px; } .main-col0-1111 { width: 906px; padding: 16px; } .main-col0-0101 { width: 906px; padding: 0px 16px 0px 16px; } .box-col0-0000 { width: 906px; } .box-col2v3-0000 { width: 604px; } .box-col1v3-0000 { width: 286px; } .box-col1v3plus-0000 { width: 302px; } .boxfloat { float: left; margin-right: 16px; } .lastbox { float: right; margin-right: 0px; } .admin-container { position: relative; padding: 10px 0 10px 0; margin: 0 auto; width: 620px; background: #fff; overflow: hidden; } .header-corner { -webkit-border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; } .smallloader { background-color: transparent; background-image: url(../img_style/loader_small_bright.gif); background-position: center center; background-repeat: no-repeat; min-height: 20px; } .header-inner { position: relative; z-index: 1; width: 1090px; padding: 1.0em 0px 0px 0px; height: 477px; } #header-image { position: absolute; z-index: 2; height: 100%; width: 100%; overflow: hidden; } #header-image img { display: block; } #header-image-overlay { position: absolute; z-index: 3; height: 477px; width: 100%; margin: 0; background: transparent url(../img_style/bg_header_abdecker.png) top left no-repeat; overflow: hidden; } #header-shadow-overlay { position: absolute; z-index: 5; height: 477px; width: 100%; margin: 0; background: transparent url(../img_style/bg_header_shadow.png) top center no-repeat; overflow: hidden; } #header-slide-gallery { background: transparent; width: 100%; height: 100;} .header-image-slide { position: absolute; top:0; left: 0; background: transparent url(../img_style/bg_header_artist.png) top center no-repeat; width: 1090px; height: 477px; z-index: 4; } .header-image-slide { background: transparent top center no-repeat; } .header-artist-default { background-image: url(../img_style/bg_header_artist_default.jpg) } #header-masked-artist { position: absolute; top: 160px; left: 127px; z-index: 10; width: 200px; height: 200px; overflow: hidden; background: #fff center center no-repeat; } #header-masked-artist img { position: relative; text-align: center; z-index: 5; } #header-mask { position: absolute; top: 0; left: 0; z-index: 10; width: 200px; height: 200px; background: transparent url(../img_style/bg_header_artist_maske.png) center center no-repeat; } #header-default-artist { position: absolute; top: 130px; left: 92px; z-index: 10; overflow: hidden; background: transparent center center no-repeat; -moz-box-shadow: 0px 0px 4px #443737; -webkit-box-shadow: 0px 0px 4px #443737; box-shadow: 0px 0px 4px #443737; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } #header-default-artist img { visibility: hidden; max-height: 264px; max-width: 300px;} #main { background: transparent url(../img_style/shadow_contentbody.png) top center no-repeat; z-index: 0; } .main-inner { position: relative; background: #fff; padding-top: 1px; min-height: 500px !important; } .header-theme-standard .header-inner, .header-theme-standard #header-image-overlay, .header-theme-standard #header-shadow-overlay, .header-theme-standard .header-image-slide { height: 126px; } .header-theme-standard #header-slide-gallery { } .header-theme-standard .main-inner { background-color: #fff; } .header-theme-artiststandard .header-inner, .header-theme-artiststandard #header-image-overlay, .header-theme-artiststandard #header-shadow-overlay, .header-theme-artiststandard .header-image-slide { height: 190px; } .header-theme-artiststandard #header-slide-gallery { } .header-theme-artiststandard .main-inner { background-color: #fff; } .header-theme-extranet .header-inner, .header-theme-extranet #header-image-overlay, .header-theme-extranet #header-shadow-overlay, .header-theme-extranet .header-image-slide { height: 292px; } .header-theme-extranet #header-slide-gallery .header-image-slide { background: transparent url(../img_style/emi_header_extranet.jpg) top center no-repeat; } .header-theme-extranet .main-inner { background-color: #fff; } .header-theme-promo .header-inner, .header-theme-promo #header-image-overlay, .header-theme-promo #header-shadow-overlay, .header-theme-promo .header-image-slide { height: 292px; } .header-theme-promo #header-slide-gallery .header-image-slide { background: transparent url(../img_style/emi_header_promo.jpg) top center no-repeat; } .header-theme-promo .main-inner { background-color: #fff; } .header-theme-sales .header-inner, .header-theme-sales #header-image-overlay, .header-theme-sales #header-shadow-overlay, .header-theme-sales .header-image-slide { height: 292px; } .header-theme-sales #header-slide-gallery .header-image-slide { background: transparent url(../img_style/emi_header_sales.jpg) top center no-repeat; } .header-theme-sales .main-inner { background-color: #fff; } #header-slide-navi { position: absolute; bottom: 24px; left: 76px; width: 55%; list-style: none; margin:0; padding: 0; overflow: hidden; z-index: 10;} #header-slide-navi li { display: block; margin: 0 2px 0 0; padding: 0; float: left; } #header-slide-navi li a { display: block; margin:0; padding: 0; width: 18px; height: 18px; overflow: hidden; text-decoration: none !important; background: transparent url(../img_style/btn_slider_header.png) left center no-repeat; cursor: pointer; } #header-slide-navi li a:hover { background-position: center center; } #header-slide-navi li a.active { background-position: right center !important; } #header-slide-navi li a span { display: none; } .header-link { position: absolute; background: transparent; top: 0; left: 0; width: 1090px; height: 477px; z-index: 9; text-decoration: none !important; } .header-link span { display: none; color: #fff; width: 276px; padding: 8px; 16px; background: #d52832; position: absolute; bottom: 10px; right: 76px; z-index: 6; font-weight: bold; text-align: center; border: 4px solid #d24750; } .header-link:hover span { display: block; } #header-teaser { position: absolute; top: 144px; right: 76px; z-index: 10; width: 302px; height: 302px; overflow: hidden; } #main-nav { position: absolute; z-index: 600; top:2.0em; left: 60px; width: 970px; height: 100px; background: #fff url(../img_style/bg_header_menu.png) top left repeat-x; } #menu-shadow-overlay { position: absolute; z-index: 5; bottom: -7px; left: 0px; height: 7px; width: 100%; background: transparent url(../img_style/shadow_menu_bottom.png) bottom left repeat-x; } #nav-top { position: relative; width: 100%; height: 67px; border-bottom: 1px solid #e0e0e0; } #nav-bottom { position: relative; width: 100%; border-top: 1px solid #fff; height: 32px; } #logo { position: absolute; top: 16px; left: 16px; width: 74px; height: 36px; overflow: hidden; background: #ff0000; } #logo a { width: 74px; height: 36px; display: block; background: transparent url(../img_style/logo_emi.png) top left no-repeat; } #logo a strong { display: none; } #logo-classics { position: absolute; top: 5px; left: 16px; width: 100px; height: 57px; overflow: hidden; background: transparent; } #logo-classics a { width: 100px; height: 57px; display: block; background: transparent url(../img_style/logo_emiclassics.png) center left no-repeat; } #logo-classics a strong { display: none; } #base-switch { position: absolute; top: 16px; left: 92px; width: 380px; height: 36px; } #base-switch li { display: block; background: transparent url(../img_style/middot_header.png) center left no-repeat; padding: 12px 0px 12px 10px; margin-left: 6px; float: left; } #base-switch li a { display: block; text-decoration: none; font-size: 0.846em; line-height: 11px; font-weight: bold; text-transform: uppercase; color: #929292; } #base-switch li a:hover { text-decoration: none; color: #d52832; } #base-switch .klassik { font-family: Times, serif; } #base-switch li.aktiv { display: block; background: transparent; padding: 2px 0px 2px 0px; margin-left: 6px; border-top: 8px solid #e0e0e0; border-bottom: 8px solid #e0e0e0; } #base-switch li.aktiv a { font-size: 16px; line-height: 16px; font-weight: bold; color: #333333; } #base-switch.base-switch-classics { position: absolute; top: 16px; left: 120px; width: 300px; height: 36px; } #globalsearch { position: absolute; top: 10px; right: 16px; width: 470px; height: 49px; background: transparent url(../img_style/suche_input.png) top left no-repeat; } #globalsearch label { display: none; } #globalsearch #sp-searchtext { position: absolute; top: 15px; left: 44px; padding: 1px !important; background: transparent; border: 0px solid #fff; font-size: 15px; width: 370px; line-height: 20px !important; color: #929292; } #globalsearch .submit-button { position: absolute; top: 16px; right: 26px; width: 13px; height: 17px; padding-top: 17px; padding-right: 2px; font-size: 1px; color: #fff; background: transparent url(../img_style/btn_suche_submit.gif) 0px 0px no-repeat; overflow: hidden; border: none; } #globalsearch .submit-button:hover { background-position: -28px 0px; } #mainmenu { position: absolute; left: 16px; top: 0px; z-index: 50; width: 600px; float: none; list-style: none; margin: 0px; padding: 0px; text-align: center; background: transparent; } #mainmenu li { display: block; float: left; position: relative; margin: 0; padding: 9px 15px 8px 14px; background: transparent url(../img_style/trenner_v_menu.gif) top right repeat-y; } #mainmenu li ul { position: absolute; top: 31px; left: 0px; padding: 0px 0px 7px 0px; width: 180px; display: none; background: transparent url(../img_style/shadow_menu_bottom.png) bottom left repeat-x; } #mainmenu li:hover ul { display: block; width: 180px; } #mainmenu li ul li { position: relative; width: 152px; display: block; text-align: left;padding: 7px 14px 6px 14px; background: transparent url(../img_style/bg_submenu.png) top right repeat; border-bottom: 1px solid #e0e0e0; margin: 0 0 0 0; } #mainmenu li ul li:first-child { padding-top: 17px; background: transparent url(../img_style/bg_submenu_pointerback.png) top left no-repeat; } #mainmenu li a { display: block; width: 100%; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; text-shadow: #e1e1e1 1px 1px 1px; margin: 0px; } #mainmenu li li a { display: block; width: 100%; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; text-shadow: none; } /* #side-navi { position: absolute; right: 16px; top: 7px; z-index:40; width: 300px; text-align: right; float: none; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; } #side-navi li { display: inline; padding-left: 16px; } #side-navi li a { text-transform: uppercase; font-size: 0.846em; font-weight: bold; line-height: 11px; } #side-navi li a.subnavi-open { padding-right: 16px; background: transparent url(../img_style/icon_subnavi_open_link.png) center right no-repeat; } */ #side-navi { position: absolute; right: 16px; top: 0px; z-index: 40; width: 400px; text-align: right; float: none; list-style: none; margin: 0px; padding: 0px; background: transparent; } #side-navi li { display: block; float: right; position: relative; margin: 0; padding: 9px 8px 8px 8px; } #side-navi li ul { position: absolute; top: 31px; right: 0px; padding: 0px 0px 7px 0px; width: 180px; display: none; background: transparent url(../img_style/shadow_menu_bottom.png) bottom left repeat-x; } #side-navi li:hover ul { display: block; width: 180px; } #side-navi li ul li { position: relative; width: 180px; display: block; text-align: left; padding: 0px; background: transparent url(../img_style/bg_submenu.png) top right repeat; margin: 0 0 0 0; } #side-navi li ul li.local { background: #ccc; } #side-navi li a { display: block; font-size: 0.846em; line-height: 14px; font-weight: bold; text-transform: uppercase; text-shadow: #e1e1e1 1px 1px 1px; margin: 0px; } #side-navi li a.subnavi-open { padding-right: 16px; background: transparent url(../img_style/icon_subnavi_open_link.png) center right no-repeat; text-transform: uppercase; } #side-navi li li a { display: block; padding: 4px 8px 4px 8px; width: 164px; font-size: 0.846em; line-height: 14px; font-weight: bold; text-transform: uppercase; text-shadow: none; background: transparent; border-top: 1px solid #fff; } #side-navi li li a:hover { background: #fff; } #side-navi li li.local a:hover { background: #d52832; color: #fff; } .footer { position: relative; min-width: 1090px; width: 100%; background: #555 url(../img_style/shadow_footer_top.png) top left repeat-x; font-size: 0.846em; color: #a9a9a9; min-height: 80px; } .footer-inner { } #footer-nav { width: 468px; } #page-copyright { padding-left: 24px; background: transparent url(../img_style/icon_emi_footer.gif) center left no-repeat; } #footer-nav ul li { line-height: 1.0em; display: inline; padding: 0 3px 0 5px; border-left: 1px solid #fff; } .footer-label { background: #bc2e36 url(../img_style/bg_footer_label.png) top left repeat-x; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .footer-label li { display: block; float: left; margin-left: 2px; margin-bottom: 2px;} .footer-label li a { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 3px #443737; -webkit-box-shadow: 0px 0px 3px #443737; box-shadow: 0px 0px 3px #443737; } .footer-label li a img { display: block; } .footer-shadow { clear: both; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: transparent url(../img_style/shadow_menu_bottom.png) top left repeat-x; } #footer-bookmark { position: absolute; top: 0px; left: 568px; width: 24px; padding: 17px 22px; height: 24px; } #footer-bookmark ul { position: relative; z-index: 10; } .footer-klammer { position: absolute; bottom: -14px; right: -8px; z-index: 5; background: transparent url(../img_style/bg_share_klammer.png) 0px 0px no-repeat; width: 37px; height: 52px;} #footer-bookmark li { float: none; margin: 0px;} #emi-im-netz { position: absolute; top: 0px; left: 652px; width: 276px; padding: 13px 13px 11px 13px; } #emi-im-netz ul { position: relative; background: transparent url(../img_style/icon_emiimnetz.png) top left no-repeat; width: 214px; padding: 4px 0px 4px 62px; overflow: auto; } #artist-nav { position: absolute; width: 938px; bottom: 0; left: 76px; z-index: 500; overflow: hidden; text-transform: uppercase; } #artist-nav .box-content { width: 906px; height: 40px; padding: 16px 16px 8px 16px; overflow: hidden; } #artist-nav ul { overflow: hidden; width: 100%; } #artist-nav h2 { font-size: 1.692em; line-height: 22px; color: #fff; width: 100%; overflow: hidden; margin-bottom: 5px;} #artistmenu { position: relative; overflow: hidden; width: 100%; } #artistmenu li { display: block; float: left; margin: 0; font-size: 0.923em; font-weight: bold; padding-right: 11px; margin-right: 10px; background: transparent url(../img_style/trenner_v_submenu.gif) top right repeat-y; text-shadow: #202020 1px 1px 1px; } #side-artistmenu { position: absolute; width: 30% !important; bottom: 4px; right: 16px; text-align: right; overflow: hidden; } #side-artistmenu li { display: inline; margin: 0 0 0 5px; font-size: 0.769em; font-weight: normal; text-shadow: #202020 1px 1px 1px; } #side-artistmenu li a { padding: 1px 18px 1px 4px; background: transparent url(../img_style/icon_subnavi_open.png) center right no-repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } #side-artistmenu li a.open-subnavi { background-image: url(../img_style/icon_subnavi_open2.gif); } #side-artistmenu li a.close-subnavi { background-color: #D52832; color: #fff; background-image: url(../img_style/icon_subnavi_close2.gif); } #artist-links { position: relative; width: 100%; margin-bottom: 1px; font-size: 0.846em; line-height: 1.18em; } #artist-links ul { list-style: none; margin: 0; } #artist-links li { margin-bottom: 10px; } #artist-im-netz { padding-top: 2px; overflow: auto; } #artist-im-netz li { display: block; float: left; margin-left: 2px; margin-bottom: 2px; padding-top: 2px; } #artist-links .box-content-inner { background: transparent url(../img_style/trenner_v_artistlinks.gif) repeat-y 286px 0px; } a.icon-werbemusik { display: block; padding: 0px 0 0px 34px; line-height: 11px; height: 22px; background: transparent url(../img_style/icon_werbemusik.png) left center no-repeat; } a.icon-fanartikel { display: block; padding: 0px 0 0px 34px; line-height: 24px; height: 24px; background: transparent url(../img_style/icon_fanartikel.png) left center no-repeat; } #artist-newsletter { position: relative; width: 100%; margin-bottom: 1px; } #artist-newsletter .main-col0-1111 { padding-top: 8px; padding-bottom: 8px; } #artist-newsletter .box-bg { background: #ebebeb url(../img_style/bg_newsletter.png) left center no-repeat; } #artist-newsletter-form { position: relative; width: 100%; overflow: hidden; } #artist-newsletter-form h4 { display; block; float: left; width: 304px; color: #fff; font-weight: bold; font-size: 0.923em; text-transform: uppercase; padding: 5px 0px; } #artist-newsletter-form label { display: none; } #artist-newsletter-form input { float: left; margin-right: 10px; width: 200px; } #artist-newsletter-form input.required { float: left; margin-right: 10px; width: 180px; padding-right: 20px; } #artist-newsletter-form select { float: left; margin-right: 10px; width: 76px; } #artist-newsletter-form .submit-button { position: absolute; top: 5px; right: 0px; width: 13px; height: 17px; overflow: hidden; padding-top: 27px; padding-right: 2px; font-size: 1px; color: #fff; background: transparent url(../img_style/btn_newsletter_submit.gif) 0px 0px no-repeat; overflow: hidden; border: none; } #artist-newsletter-form .submit-button:hover { background-position: -28px 0px; } #artist-newsletter-result { font-weight: bold; padding: 5px 0px; } #artist-newsletter-form .smallloader { background-position: right center; background-image: url(../img_style/loader_small_dark.gif); } .menu-newsletter { position: absolute; width: 938px; background: transparent; z-index: 621; top: 127px; left: 76px; padding: 0px; display:none; } .menu-newsletter .main-col0-1111 { position: relative; padding-top: 8px; padding-bottom: 8px; width: 906px; } .menu-newsletter .box-bg { background: #ebebeb url(../img_style/bg_newsletter.png) left center no-repeat; -moz-box-shadow: 0px 3px 3px #555; -webkit-box-shadow: 0px 3px 3px #555; box-shadow: 0px 3px 3px #555; } .menu-newsletter form { position: relative; width: 100%; overflow: hidden; } .menu-newsletter form h4 { display; block; float: left; width: 304px; color: #fff; font-weight: bold; font-size: 0.923em; text-transform: uppercase; padding: 5px 0px; } .menu-newsletter form label { display: none; } .menu-newsletter form input { float: left; margin-right: 10px; width: 200px; } .menu-newsletter form input.required { float: left; margin-right: 10px; width: 180px; padding-right: 20px; } .menu-newsletter form select { float: left; margin-right: 10px; width: 76px; } .menu-newsletter form .submit-button { position: absolute; top: 5px; right: 0px; width: 13px; height: 17px; overflow: hidden; padding-top: 27px; padding-right: 2px; font-size: 1px; color: #fff; background: transparent url(../img_style/btn_newsletter_submit.gif) 0px 0px no-repeat; overflow: hidden; border: none; } .menu-newsletter form .submit-button:hover { background-position: -28px 0px; } .menu-newsletter .newsletter-result { font-weight: bold; padding: 5px 0px; } .menu-newsletter form .smallloader { background-position: right center; background-image: url(../img_style/loader_small_dark.gif); } .produkt-teaser { height: 262px !important; text-align: center; } .produkt-teaser .box-content { padding: 8px; width: 286px; } .produkt-teaser .box-content a.forimg { display: block; width: 100%; border: none !important; padding: 0; } .produkt-teaser .box-content img { height: 77%; width: 77%; border: 0px solid #d0d0d0; z-index: 2; margin: 0 auto; } .video-teaser { height: 212px !important; text-align: center; top: 169px !important; } .video-teaser .box-content { padding: 16px 8px 8px 8px; width: 286px; } .video-teaser .video-teaser-preview { padding: 0px !important; width: 286px; } .video-teaser .box-content a.forimg { display: block; width: 100%; border: none !important; padding: 0; } .tagcloud-teaser { height: 262px !important; text-align: center; } #tagcloud .box-inner { text-align: justify; } .teaser-sticker { position: absolute; top: -2px; right: 0px; z-index: 10; width: 65px; height: 65px; padding: 13px; background: transparent url(../img_style/sticker_teaser.png) top left no-repeat; font-size: 0.923em; color: #fff; font-weight: bold; text-shadow: #af060a 1px 1px 1px; text-align: center; line-height: 64px; vertical-align: middle; } .teaser-info-box { position: absolute; bottom: 0px; left: 0px; z-index: 10; width: 100%; } .teaser-info-box .box-content { padding: 8px 16px; width: 270px; } .teaser-info-box .link-toggle { font-size: 0.769em; text-transform: uppercase; } .teaser-infos { position: relative; width: 100%; text-align: left; z-index: 1332; color: #929292; padding: 8px 0px; text-transform: uppercase; } .teaser-infos .artist { font-size: 0.923em; } .teaser-infos .produkt { font-size: 0.923em; font-weight: bold;} .teaser-infos .produkt-adds { font-size: 0.846em; line-height: 1.1em; margin: 0.5em 0 0 0; } .buylinks-small { width: 100%; height: 18px; overflow: auto; list-style: none; margin: 0; padding-top: 8px; } .buylinks-small li { display: inline; float: left; width: 65px; margin-right: 2px; } .buylinks-small img { display: block; height: 18px !important; width: 65px !important; border: none !important; } .content-ad { width: 300px; padding: 0px 1px; overflow: hidden; } .content-ad img { border: none; display: block; } embed, object { padding: 0; margin: 0; } .video-play-m { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent url(../img_style/btn_playbutton.png) center center no-repeat; z-index: 2; } .video-play-s { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent url(../img_style/btn_playbutton_small.png) center center no-repeat; z-index: 2; } .video-screenshot-m { position: relative; width: 280px; height: 150px; background: #000; text-align: center; overflow: hidden; margin: 0 auto; } .video-screenshot-m img { display: block; position: absolute; top: -38px; left: -10px; } /*-38px*/ .video-screenshot-s { position: relative; width: 80px; height: 46px; background: #000; text-align: center; overflow: hidden; margin: 0 auto; } .video-screenshot-s img { display: block; position: absolute; top: -7px; left: 0px; } /*-38px*/ #video-container { position: absolute; height: 100%; width: 100%; margin: 0; top: 0; left: 0; } /* #video-wrapper { position: relative; background: transparent; width: 470px; margin: 10px auto; } #video-clip { position: relative; background: #000; width: 450px; height: 371px; border: 1px solid #bebec0; overflow: hidden; margin: 0px auto; } */ #video-clip { position: relative; background: #000; width: 100%; height: 100%; overflow: hidden; margin: 0px; } #video-channel .box-inner { padding: 10px 10px; } .box-head-channel { background: transparent url(../img_style/logo_emitv.png) 225px center no-repeat; height: 18px; } .box-head-channel h2 { display: none; } .channel-preview { position: relative; margin: 0; list-style: none; overflow: hidden; padding: 0px 0px; width: 282px; } .channel-preview-item { position: relative; width: 90px; height: 46px; display: block; float: left; padding: 2px 0px 2px 0px; margin: 0; } .channel-focus { position: relative; width: 100%; max-height: 310px !important; padding: 8px 0px; overflow: hidden; margin: 0px auto; z-index: 250; background: transparent url(../img_style/raster_dunkel.gif) top left repeat; } .channel-headline { position: absolute; bottom: 32px; z-index: 200; width: 100%; font-size: 16px; text-align: center; text-shadow: #555 1px 1px 1px;} /* FORMS */ .hint { font-size: 0.846em; color: #474747; font-weight: bold; } input.text, input[type="text"], input[type="password"], select, textarea { background: #fff; border: 1px solid #c1c1c1; border-left: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 5px; font-size: 0.923em; vertical-align: center; min-height: 1.3em; } select { padding: 5px; } .option-label { color: #929292 !important; } .required { background: #fff url(../img_style/icon_required.png) center right no-repeat !important; } .unconfirmed { border: 1px solid #d52832 !important; } .link-menu a { color: #d52832; text-decoration: none; } .link-menu a:hover { color: #a0a0a0; } .link-artismenu a { color: #d6d6d6; text-decoration: none; } .link-artismenu a:hover { color: #ffffff; } .link-footer a { color: #fff; text-decoration: none; } .link-footer a:hover { color: #a0a0a0; } .toggle-navi { text-align: right; } .link-toggle { padding-right: 26px; padding-left: 16px; background: transparent url(../img_style/icon_box_down.png) center right no-repeat; } .close-link-toggle { background-image: url(../img_style/icon_box_down.png); } .open-link-toggle { background-image: url(../img_style/icon_box_up.png); } .box-dark a { color: #d2d2d2; text-decoration: none; } .box-dark a:hover { color: #fff; } a.mehr { padding-left: 16px; background: transparent url(../img_style/icon_mehr.gif) center left no-repeat; font-size: 11px; } a.slide-toggler-btn { font-size: 11px; } .boxstyle-dark a.mehr { background-image: url(../img_style/icon_mehr_box.gif); } a.icon { position: relative; padding: 0px; margin: 0; background: transparent center left no-repeat; line-height: 16px; font-size: 16px; display: inline-block; overflow: hidden; width: 16px; height: 16px; vertical-align: middle;} a.icon span, a.btn span { display: none; } a.rss { background-image: url(../img_style/btn_rssfeed.gif); } a.btn-ticket { white-space: nowrap; padding: 1px 0px 1px 45px; background: transparent url(../img_style/btn_ticket.png) center left no-repeat; line-height: 23px; font-size: 23px; } a.btn { width:36px; height: 28px; white-space: nowrap; padding: 0px; display: block; background: #d52832 center center no-repeat; } a.btn-shop { background-image: url(../img_style/icon_buy.gif); } a.btn-download { background-image: url(../img_style/icon_download.gif); width:28px; height: 28px; } a.btn:hover { background-color: #d24750; } .upper { text-transform: uppercase; } .upperfat { font-weight: bold; text-transform: uppercase; } .tv-label { position: relative; min-width:35px; padding: 5px 5px; display: block; background: #d7eaef; text-align: center; font-size: 0.769em; text-transform: uppercase; overflow: hidden; float: right; } .standard-button { font-size: 11px; font-weight: bold; line-height: 11px; padding: 4px; width: 150px; text-align: center; vertical-align: middle; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border: 1px solid #981017; text-decoration: none; white-space: nowrap; background: #D52832 url(../img_style/bg_button_standard.png) top left repeat-x; -moz-box-shadow: 0px 0px 4px #868686; -webkit-box-shadow: 0px 0px 4px #868686; box-shadow: 0px 0px 4px #868686; } .standard-button:hover { background: #D52832; } a.standard-button { color: #fff !important; text-decoration: none !important; padding: 4px 10px;} a:hover, a:focus, input:focus, select:focus, textarena:focus { outline: none; } .box-inner { position: relative; padding: 10px 16px; width: auto; } .box-inner.rasterised, .rasterised { background: url(../img_style/raster_hell.gif) top left repeat; } #video-teaser .box-inner { padding: 10px 10px; } .box-content { position: relative; z-index: 1; } .box-content-inner { position: relative; width: 100%; } .box-dark { color: #a0a0a0; } .box-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: transparent top right repeat-y; } .box-bgcolor-dark { background-color: #000; } .box-bgcolor-bright { background-color: #ebebeb; } .box-bgcolor-white { background-color: #fff; } .box-shadow { -moz-box-shadow: 0px 0px 4px #443737; -webkit-box-shadow: 0px 0px 4px #443737; box-shadow: 0px 0px 4px #443737; } .box-shadow { -moz-box-shadow: 0px 0px 4px #868686; -webkit-box-shadow: 0px 0px 4px #868686; box-shadow: 0px 0px 4px #868686; } .standard-corner { -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } .icon-corner { -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .standard-corner-bottom { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .corner-only-left { -webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; -khtml-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important; -webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; -khtml-border-radius-topright: 0px !important; border-top-right-radius: 0px !important; } .news-corner { -webkit-border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } .border-bright { border: 1px solid #cfcfcf; } .bottom-shadow { position: relative; background: transparent url(../img_style/shadow_col3v3.png ) center 0px no-repeat; height: 1.23em !important; width: 100%; z-index: 0; } .box-head, .box-subhead { position: relative; overflow; hidden; } .box-head h2, .box-subhead h3 { font-weight: bold; text-transform: uppercase; line-height: 1.0em; } .box-head h2 { font-size: 1.3846em; } .box-subhead h3 { font-size: 1.0769em; } ul.box-head-navi { position: absolute; list-style: none; margin: 0; padding: 0; text-align: right; top: 16px ; right: 16px; vertical-align: middle; } ul.box-head-navi li { display: inline; margin-left: 10px; vertical-align: middle; padding: 0; } ul.box-head-navi li a { vertical-align: texttop; } ul.inline-listing { color: #888; margin: 0; overflow: hidden; list-style-position: inside; list-style-type: none; } ul.inline-listing li { display: block; font-size: 0.846em; line-height: 1.2em; padding: 0px 0px 0px 10px; margin: 0 5px 0 0; float: left; background: transparent url(../img_style/middot_header.png) center left no-repeat; } .sidebox {} .boxstyle-bright { color: #414141; } .boxstyle-dark { color: #929292; } .boxstyle-dark h2, .boxstyle-dark h3, .boxstyle-dark h4 { color: #fff; } .boxstyle-bright h2, .boxstyle-bright h3, .boxstyle-bright h4 { color: #333333; text-shadow: #fff 1px 1px 1px; } .boxstyle-dark h2 a { color: #fff !important; text-decoration: none !important; } .boxstyle-bright h2 a { color: #333333 !important; text-decoration: none !important; } .boxstyle-bright h4 { font-size: 0.848em; } .sidebox .box-head { border-bottom: 1px solid #3e3e3e; padding: 16px; } .box-subhead { border-bottom: 1px solid #3e3e3e; padding: 10px 16px; } .box-subhead ul.box-head-navi{ top: 8px; } .boxstyle-bright .box-head { border-bottom: 1px solid #d8d8d8; padding: 16px; } .boxstyle-bright .box-subhead { border-bottom: 1px solid #d8d8d8; padding: 10px 16px; } .boxstyle-bright .trenner { border-bottom: 1px solid #d8d8d8; height: 7px; } .boxstyle-dark .box-head { border-bottom: 1px solid #3E3E3E; padding: 16px; } .boxstyle-dark .box-subhead { border-bottom: 1px solid #3E3E3E; padding: 10px 16px; } .boxstyle-dark .trenner { border-bottom: 1px solid #3E3E3E; height: 7px; } .boxstyle-dark a { color: #D6D6D6; } .boxstyle-dark a:active, .boxstyle-dark a:visited { color: #D6D6D6; } .boxstyle-dark a:hover, .boxstyle-dark a:focus { color: #ffffff; } .sidebox .box-video-title { position: relative; text-align: center; background: transparent url(../img_style/raster_dunkel.gif) top left repeat; padding: 10px; } .sidebox .bottom-shadow { background-image: url(../img_style/shadow_col1v3.png) } .sidebox .box-bgcolor-bright { background-image: url(../img_style/bg_sidebox_bright.png); } .sidebox .box-wrapper { padding-bottom: 10px; } .mainbox {} .mainbox .bottom-shadow { background-image: url(../img_style/shadow_col2v3.png ) } .mainbox .news-filter { padding: 12px 12px; } .mainbox-full { } .mainbox-full .bottom-shadow { background-image: url(../img_style/shadow_col3v3.png ) } .mainbox-full { } table.termine { width: 100%; border-collapse: separate; border-spacing: 0px 10px; } table.termine td { padding-right: 10px; margin-bottom: 10px; } table.termine .td-1 { width: 22%; } table.termine .td-2 { width: 50%; font-size: 0.848em; line-height: 1.2em; } table.termine .td-3 { width: 18%; padding-right: 0px; text-align: right; } .mainbox table.termine .td-1 { width: 15%; } .mainbox table.termine .td-2 { width: 70%; font-size: 0.848em; line-height: 1.2em; } .mainbox table.termine .td-3 { width: 15%; padding-right: 0px; text-align: right; } .kalenderblatt { width: 52px; padding: 4px; background: #868686; color: #fff; overflow: hidden; text-transform: uppercase; text-align: center; -moz-box-shadow: 1px 1px 2px #bdbdbd; -webkit-box-shadow: 1px 1px 2px #bdbdbd; box-shadow: 1px 1px 2px #bdbdbd; } .heute { background-color: #ef9ac0; } .kalenderblatt .DD { display: block; float: left; font-size: 21px; font-weight: bold; line-height: 21px; padding: 1px 0px; } .kalenderblatt .MM-YYYY { display: block; float: right; } .kalenderblatt .MM { display: block; font-size: 12px; line-height: 12px; } .kalenderblatt .YYYY { display: block; font-size: 10px; line-height: 10px; } #news-room .box-head { padding-bottom: 8px; } .abstract-liste { position: relative; padding-top: 16px; padding-bottom: 15px !important; } .newsroom-abstract { margin-bottom: 1px !important; overflow: hidden; } .abstract-icon { width: 47px; height: 37px; float: left; background: transparent top left no-repeat; } .abstract-label { float: right; background: #ebebeb; width: 563px; padding-left: 10px; overflow: hidden; } .abstract-inner { overflow: hidden; padding: 10px; background: #fff; } .abstract-inner:hover { background: #ebebeb; } .abstract-mediafile { position: relative; width: 100px; min-width: 100px; max-width: 100px; max-height: 100px; float: left; margin-right: 20px; overflow: hidden; text-align: right; } .abstract-details { position: relative; width: 396px; font-size: 0.923em; float: left; } .abstract-text { width: 100%; padding-bottom: 0.5em; } .abstract-subinfo { font-size: 0.9166em; } .abstract-link { position: absolute; width: 17px; right: 10px; top: 0; height: 100%; overflow: hidden; background: transparent url(../img_style/icon_mehr_news.png) center left no-repeat; } .abstract-link a { display: block; width: 17px; height: 100px; float: right; } .news-artist-intern .abstract-icon { background-image: url(../img_style/newsicon_artistnews_intern.png); } .news-artist-intern .abstract-label { background-color: #c0c0bf; } .news-artist-extern .abstract-icon { background-image: url(../img_style/newsicon_artistnews_extern.png); } .news-artist-extern .abstract-label { background-color: #4fac25; } .news-pressenews .abstract-icon { background-image: url(../img_style/newsicon_pressenews.png); } .news-pressenews .abstract-label { background-color: #ff0000; } .news-facebook .abstract-icon { background-image: url(../img_style/newsicon_facebook.png); } .news-facebook .abstract-label { background-color: #4c6fa9; } .news-twitter .abstract-icon { background-image: url(../img_style/newsicon_twitter.png); } .news-twitter .abstract-label { background-color: #33ccff; } .follower .abstract-icon { background: transparent; } .news-standard .abstract-icon { display: none; } .news-standard .abstract-label { width: 610px; } .news-standard .abstract-details { width: 443px; } .news-filter-form { width: 60%; position: absolute; top: 6px; right: 16px; overflow: hidden; line-height: 28px; } .news-filter-form label { display: block; width: 36px; height: 28px; background: transparent top left no-repeat; float: left; } .news-filter-form label.nf-artist-intern { background-image: url(../img_style/newsicon_artistnews_intern_small.png); } .news-filter-form label.nf-artist-extern { background-image: url(../img_style/newsicon_artistnews_extern_small.png); } .news-filter-form label.nf-pressenews { background-image: url(../img_style/newsicon_pressenews_small.png); } .news-filter-form label.nf-facebook { background-image: url(../img_style/newsicon_facebook_small.png); } .news-filter-form label.nf-twitter { background-image: url(../img_style/newsicon_twitter_small.png); } .news-filter-form label span { display: none; } .news-filter-form input[type=checkbox] { vertical-align: middle; } .news-filter-form .news-filter-check { position: relative; float: right; margin-left: 16px; } .newsroom-loader { display: block; width: 36px; height: 28px; background: #fff url(../img_style/load_cover.gif) center center no-repeat; margin: 0 auto; } .more-output { text-align: right; border-bottom: 1px solid #d8d8d8; margin-bottom: 1.0em; } .newsroom-output-reloader { font-size: 0.846em; text-transform: uppercase; } #quick-login { position: absolute; width: 452px; background: #eee; z-index: 620; top: 127px; right: 60px; padding: 10px 16px; } #quick-login { -moz-box-shadow: 0px 3px 3px #555; -webkit-box-shadow: 0px 3px 3px #555; box-shadow: 0px 3px 3px #555; display:none; } #quick-login h4 { padding: 0px; } #quick-login .form-row { position: relative; width: 100%; overflow: hidden; clear: both; padding-bottom: 8px; } #quick-login .form-field { float: left; width: 160px; margin-right: 5px; } #quick-login .last-field { float: right; margin-right: 2px !important; position: absolute; bottom: 9px; right: 0px; width: 100px } #quick-login label { display: block; font-size: 0.846em; color: #929292;} #quick-login input.text { width: 145px; } #quick-login .standard-button { width: 100px; } #quick-login .register { width: 50%; position: absolute; top: 0px; right: 0px; text-align: right; display: block; } .produkt-focus { position: relative; width: 100%; overflow: hidden; margin: 0px auto; z-index: 250; } .produkt-row { position: relative; padding-left: 18px; z-index: 250; background: transparent; overflow: hidden; margin: 0; list-style: none; } .produkt-row-bg { display: none; position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 0px; background: transparent url(../img_style/raster_hell.gif) top left repeat; } .boxstyle-dark .produkt-row-bg { background-image: url(../img_style/raster_dunkel.gif); } .produkt-shadow { -moz-box-shadow: 0px 0px 4px #868686; -webkit-box-shadow: 0px 0px 4px #868686; box-shadow: 0px 0px 4px #868686; } .produkt-block { position: relative; width: 176px; margin-right: 4px; margin-left: 4px; float: left; background: transparent; } .produkt-abbildung { position: relative; width: 100%; background: transparent 90% 1px no-repeat; padding-bottom: 0px; text-align: center; } .slidebox .produkt-abbildung { padding-bottom: 10px; } .cover-loader-l { display: block; width: 80px; height: 80px; background: #fff url(../img_style/load_cover.gif) center center no-repeat; margin: 0 auto; } .cover-default-l { display: block; width: 80px; height: 80px; background: transparent url(../img_style/default_cover_l.jpg) center center no-repeat; margin: 0 auto; } .media-default { background-image: url(../img_style/icon_type_default.png); } .media-video { background-image: url(../img_style/icon_type_video.png); } .media-audio { background-image: url(../img_style/icon_type_audio.png); } .media-vinyl { background-image: url(../img_style/icon_type_vinyl.png); } .media-download { background-image: url(../img_style/icon_type_download.png); } .produkt-abbildung img { display: block; position: relative; height: 80px; border: 1px solid #fff; margin: 0px auto; } .produkt-abbildung a.btn-shop { position: absolute; bottom: 5px; right: 17.5%; z-index: 2; } .produkt-text { text-align: center; font-size: 0.846em; line-height: 1.2em; text-transform: uppercase; padding-top: 10px; padding-bottom: 20px;} .slidebox .produkt-text { padding-bottom: 10px;} .produkt-artist { font-weight: normal; } .produkt-title { font-weight: bold; } .produkt-abbildung .video-screenshot-m { position: relative; width: 176px; height: 98px; background: #fff; text-align: center; overflow: hidden; margin: 0 auto; } .produkt-abbildung .video-screenshot-m img { display: block; position: absolute; top: -63px; left: -62px; border: none; height: auto; } .produkt-abbildung .video-play-m { height: 98px; } .video-loader-m { background: #fff url(../img_style/load_cover.gif) center center no-repeat !important; } .video-default-m { display: block; width: 176px; height: 98px; background: transparent url(../img_style/default_video_m.jpg) center center no-repeat; margin: 0 auto; } .produkt-abbildung .foto-thumb { position: relative; width: 80px; height: 80px; background: #fff; text-align: center; overflow: hidden; margin: 0 auto; } .produkt-abbildung .foto-thumb img { display: inline-block; position: relative; top: 0px; left: 0px; border: none; height: auto; width: auto; } .more-cover-l { display: block; width: 80px; height: 80px; background: #D52832 url(../img_style/bg_teaser_more.png) center center no-repeat; margin: 0 auto; } .mainbox-full .produkt-row { padding-left: 0px; } .mainbox-full .produkt-block { margin-right: 2px; margin-left: 2px; } .slidebox { position: relative; padding: 10px 0px !important; } .special-release-box .slidebox { width: 837px; float: right; border-left: 1px solid #d8d8d8; z-index: 10; } .special-release-box.boxstyle-dark .slidebox { border-color: #3E3E3E; } .special-release-box .produkt-block { margin-right: 4px; margin-left: 4px; } .special-release-box .special-release-nav { position: relative; width: 100px; float: left; height: 100px; background: transparent; z-index: 20; } .foto-release-box .produkt-block { position: relative; width: 110px; margin-right: 1px; margin-left: 1px; float: left; background: transparent; padding-bottom: 16px; } .foto-release-box .produkt-abbildung img { height: auto; width: auto; } .foto-release-box .cover-loader-l { background-color: transparent; } .foto-release-box .produkt-abbildung a.btn-download { position: absolute; top: 0px; right: -3px; bottom: auto ; z-index: 2; } .releasedate-label { margin: 0px auto 0px auto; display: block; width: 60px; padding: 10px; text-align: center; background: #868686; color: #fff; font-size: 0.846em; font-weight: bold; } .btn-releasedate { margin: 0px auto 0px auto; display: block; width: 40px; height: 17px; } .btn-releasedate a { display: block; width: 40px; background: transparent center center no-repeat; height: 17px; } .boxstyle-bright .btn-releasedate a { background-color: #464646; } .btn-releasedate a span { display: none; } .btn-releasedate-up a { background-image: url(../img_style/icon_box_up.png); } .btn-releasedate-up { margin-top: 4px; margin-bottom: 4px; } .btn-releasedate-down a { background-image: url(../img_style/icon_box_down.png); } .btn-releasedate:hover a { text-decoration: none; background-color: #d92832; } .special-release-nav-up .releasedate-label { margin-bottom: 0px; } .special-release-nav-down .releasedate-label { margin-top: 25px; margin-bottom: 4px; } .boxloader { position: absolute; top: 0px; left: 0px; z-index: 100; background-image: url(../img_style/loader_big_bright.gif); background-position: center center; background-repeat: no-repeat; } .boxstyle-bright .boxloader { background-image: url(../img_style/loader_big_bright.gif); } .boxstyle-dark .boxloader { background-image: url(../img_style/loader_big_dark.gif); } /* ********************************************************************** KLASSIKSERIE **********************************************************************/ .serie { position: relative; width: 286px; float: left; overflow: hidden; margin-bottom: 1.0em; margin-right: 16px; } .serie-bild { position: relative; width: 80px; float: left; padding-right: 16px; } .serie-text { position: relative; width: 190px; float: right; } .serie h3 { padding-top: 0.5em; } .serie h3 a { font-size: 1.23em; } .serie p { margin: 0; } /* ********************************************************************** jCAROUSEL **********************************************************************/ .jcarousel-direction-rtl { direction: rtl; } .jcarousel-item-horizontal { margin-left: 0; margin-right: 16px; } .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 16px; margin-right: 0; } .jcarousel-clip { width: 100%; } .jcarousel-prev, .jcarousel-next { width: 36px; height: 28px; background: #d92832 no-repeat center 4px; position: absolute; z-index: 500; top: 20px; cursor: pointer; -moz-box-shadow: 0px 0px 4px #443737; -webkit-box-shadow: 0px 0px 4px #443737; box-shadow: 0px 0px 4px #443737; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .jcarousel-prev:hover, .jcarousel-next:hover { background-color: #d24750; } .jcarousel-prev { background-image: url(../img_style/btn_navi_back.png); left: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } .jcarousel-next { background-image: url(../img_style/btn_navi_next.png); right: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; } .jcarousel-prev-disabled, .jcarousel-next-disabled { cursor: auto; background: #d92832 !important; width: 10px; } #artist-on-focus .jcarousel-prev, #artist-on-focus .jcarousel-next { top: 60px !important; } .fokus-col-carousel, .fokus-col-carousel-off { padding: 0px !important; } #artist-on-focus .jcarousel-item-horizontal { margin-left: 0 !important; margin-right: 0px !important; padding: 0 !important; } .channel-focus .jcarousel-prev, .channel-focus .jcarousel-next { top: 11px; width: 26px; } .channel-focus .jcarousel-item-horizontal { margin-left: 1px; margin-right: 1px; } .channel-focus .jcarousel-prev-disabled, .channel-focus .jcarousel-next-disabled { cursor: auto; background: #d92832 !important; width: 5px; } .detailpic { display: block; border: 1px solid #fff; margin: 0 auto; padding: 0; z-index: 1; max-width: 300px; } .detailpic-glow { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background: transparent url(../img_style/bg_cover_glow.png) no-repeat top left; } .detailpic-box img { display: block; } .info-box {line-height: 1.0em; } .info-box h4 { font-size: 1.0769em; color: #929292; line-height: 1.3em; } .info-box h2 { font-size: 1.846em; line-height: 1.1em; margin-bottom: 0.5em; } .info-box p { font-size: 0.923em; margin-bottom: 1.0em; } .buylink-box { margin-bottom: 6px; } .buylink-box h4 { } .buylink-box ul { overflow: hidden; } .buylink-box ul li { display: block; width: 91px; height: 37px; float: left; margin-right: 8px; } .buylink-box ul li a { display: block; width: 87px; height: 24px; padding: 2px 2px 11px 2px; background: transparent url(../img_style/shadow_buybutton.png) no-repeat top left; } .produkt-related { margin-bottom: 1.23em; } .produkt-related h4 {} .produkt-related ul { padding-top: 4px;} .produkt-related ul li { display: block; margin-bottom: 1px; } .produkt-related ul li a { font-size: 0.846em; line-height: 1.2em; display: block; background: #aaaaaa no-repeat 8px center; padding: 8px 8px 8px 40px; color: #fff; text-decoration: none; } .produkt-related ul li a.media-default { background-image: url(../img_style/icon_type_default_small.png); } .produkt-related ul li a.media-video { background-image: url(../img_style/icon_type_video_small.png); } .produkt-related ul li a.media-audio { background-image: url(../img_style/icon_type_audio_small.png); } .produkt-related ul li a.media-vinyl { background-image: url(../img_style/icon_type_vinyl_small.png); } .produkt-related ul li a.media-download { background-image: url(../img_style/icon_type_download_small.png); } .produkt-related ul li a:hover { background-color: #d24750; } .country-related { border: 1px solid #d6d6d6; border-left: none; border-right: none; overflow: hidden; margin-bottom: 1.23em; } .country-related .box-inner { padding: 9px 10px 7px 10px; } .country-related * { vertical-align: middle; } .country-related h4 { font-size: 0.923em; font-weight: normal; display: inline; line-height: 24px; background: transparent; float: left; margin-right: 10px; } .country-related ul { display: inline; } .country-related ul li { display: inline; } .country-related ul li a {} #release-sheet-share-box { margin-bottom: 1.23em; } .share-box { border: 1px solid #d6d6d6; position: relative; } #release-sheet-share-box .box-inner { padding: 10px 10px 10px 10px; z-index: 4; width: 280px; } .share-box-klammer { display: none; position: absolute; bottom: -14px; right: -8px; z-index: 5; background: transparent url(../img_style/bg_share_klammer.png) 0px 0px no-repeat; width: 37px; height: 52px;} .social-like { position: relative; display: block; width: 90px; float: left; margin-right: 1px; min-height: 20px; z-index: 6; } .social-fb { width: 120px; z-index:10; } .social-tweet { width: 77px; z-index:8; } .social-google { width: 42px; z-index:9; } #fb-root div { overflow: hidden; z-index: 1000; } table.playlist { position: relative; width: 100%; border: none; border-collapse: collapse; background: #dedede; } table.playlist td { padding: 3px 0px 3px 0px; border-bottom: 1px solid #d8d8d8; background-color: #e4e4e4; } table.playlist td span {font-weight: bold; } table.playlist td.ordernum { padding-left: 16px; width: 3.0em; } table.playlist td.disc { padding-left: 16px; font-size: 0.846em; color: #505050; background-color: #d8d8d8;} table.playlist tr.alt td { background-color: transparent; } .boxstyle-dark table.playlist { background-color: #333333; } .boxstyle-dark table.playlist td { color: #D6D6D6; border-color: #3e3e3e; background-color: #3a3a3a; } .boxstyle-dark table.playlist td.disc { color: #fff; background-color: #151515;} .artistlist { list-style-type: none; margin: 0; font-size: 0.846em; font-weight: bold; overflow: hidden; text-transform: uppercase;} .artistlist li { margin: 0; float: left; width: 210px; margin: 2px 15px 1px 0px; border-bottom: 1px #d6d6d6 dotted; } .artistlist li a { background-color: #fff; display: block; padding: 2px 2px 0px 2px;} .artistlist li a:hover { background-color: #d52832; text-decoration: none; color: #fff !important;} .alphanavi { list-style-type: none; margin: 0; font-size: 1.0em; font-weight: bold; overflow: hidden; text-transform: uppercase; } .alphanavi li { margin: 0; float: left; margin: 2px 3px 1px 0px; padding: 0 0 0 3px; border-left: 1px #d6d6d6 dotted; color: #e0e0e0; } .alphanavi li a, .alphanavi li span { background: transparent; display: inline; padding: 2px 4px 0px 4px; } .alphanavi li a:hover { background-color: #d52832; text-decoration: none; color: #fff !important;} .alphanavi li a.active { background: #000; color: #d6d6d6; } .box-head-filter { position: absolute; display: block; top: 12px; right: 0px; width: 50%; text-align: right; overflow: hidden; } .box-head-filter label { font-weight: bold; margin-right: 0.5em; } .box-head-filter select.azfilter { width: 200px; } #AZ-filter .newsroom-loader { float: right; } .breadcrumb { position: relative; padding: 0; margin: 0; width: 938px; padding: 8px 16px 4px 16px; font-size: 0.845em; color: #969696; } .breadcrumb a { color: #969696; } .breadcrumb a:hover, .breadcrumb a:focus { color: #d24750; text-decoration:none; outline: none; } .captchacode { cursor: pointer; } #pageloader { position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 10000; } .pageloader-bg { position: absolute; width: 100%; height: 100%; z-index: 10001; background: #fff; } .pageloader-loader { position: absolute; width: 100%; height: 100%; z-index: 10002; background: transparent url(../img_style/loader_big_bright.gif) center center no-repeat; } /* ********************************************************************** UPLOADIFY **********************************************************************/ .uploadifyQueueItem { background-color: #F5F5F5; border: 2px solid #E5E5E5; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; padding: 10px; width: 350px; } .uploadifyError { background-color: #FDE5DD !important; border: 2px solid #FBCBBC !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyQueue .completed { background-color: #E5E5E5; } .uploadifyProgress { background-color: #E5E5E5; margin-top: 10px; width: 100%; } .uploadifyProgressBar { background-color: #0099FF; height: 3px; width: 1px; } /* ********************************************************************** AUTOCOMPLETE **********************************************************************/ .ac_results { position: absolute; width: 431px; padding: 10px; border: 1px solid #B0B0B0; border-top: #fff; overflow: hidden; -moz-box-shadow: 0px 0px 4px #B0B0B0; -webkit-box-shadow: 0px 0px 4px #B0B0B0; box-shadow: 0px 0px 4px #B0B0B0; background: #ffffff !important; z-index: 900; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; background: #fff !important; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; font: menu; font-size: 12px; overflow: hidden; color: #d52832; } .ac_results li span { font-size: 10px; color: #626264; } .ac_loading { background : #fff url(../img_style/loader_small_bright.gif) right center no-repeat !important; } .ac_over { background-color: #e0e0e0; } /* ********************************************************************** NEWS / ARTIKELSYSTEMATIK **********************************************************************/ /* # ARTIKEL */ div.artikel { position: relative; font-size: 1.0em; line-height: 1.5em; font-weight: normal; } div.artikel i, div.artikel em { font-style: italic; } div.artikel strong, div.artikel b { font-weight: bold; } /* # HEADLINES */ div.artikel h2 { margin: 0em 0em 0.5em 0em; font-size: 1.846em; line-height: 1.3em; font-weight: bold; } div.artikel h3 { margin: 0em 0em 0.5em 0em; font-size: 1.692em; line-height: 1.2em; font-weight: bold; } div.artikel h4 { margin: 0em 0em 0.5em 0em; padding: 0.5em 0em 0em 0em; font-size: 1.3846em; line-height: 1.1em; font-weight: bold;} div.artikel h5.datum, div.artikel p.datum { padding: 0px 0px; margin: 0em 0em 0.3em 0em; font-size: 11px; line-height: 1.0em; font-weight: normal; color: #666; } /* # ABSÄTZE */ div.artikel p { margin: 0em 0em 1.0em 0em; } div.artikel div.textblock { margin: 0em 0em 1.0em 0em; } div.artikel div.textblock.preview { font-weight: bold; } /* # BILDER */ div.artikel .bild { display: block; border: 5px solid #d8d8d8; background: #d8d8d8; margin: 0em 0em 1.0em 0em; } div.artikel .bild { -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } div.artikel .bild span { /* Bildunterschrift */ display: block; padding: 6px 6px 1px 6px; border-top: 1px solid #d8d8d8; font-size: 0.846em; line-height: 1.0em; font-weight: normal; color: black; } div.artikel .bild img { display: block; } div.artikel .umflussrechts { float: right; margin: 0px 0px 0.5em 0.8em; } div.artikel .umflusslinks { float: left; margin: 0px 0.8em 0.5em 0px; } /* # LISTEN */ div.artikel ul, div.artikel ol { width:100%; position: relative; margin: 0em 0em 0.3em 0em; list-style-position: inside; } div.artikel .plain ul, div.artikel .plain ol { position: relative; margin: 0em 0em 1em 1.5em; list-style-position: outside; } div.artikel ul { list-style-type: square; } * html div.artikel ul { list-style-type: square; } div.artikel ul li, html div.artikel ul li, div.artikel ol li, html div.artikel ol li { margin: 0 0 0.3em 0; } /* # LINK- / DOWNLOADLISTEN */ div.artikel ul.downloadliste, div.artikel ul.linkliste { width: 95%; margin: 0em 0em 1em 0em; padding: 6px 10px 2px 10px; font-size: 11px; font-weight: normal; line-height: 1.3em; list-style-type: none; list-style-position: outside; background: #EBEBEB; } div.artikel ul.downloadliste a, div.artikel ul.linkliste a { font-weight: bold; line-height: 1.38em; padding-bottom: 2px; } div.artikel ul.downloadliste li, html div.artikel ul.downloadliste li, div.artikel ul.linkliste li, html div.artikel ul.linkliste li { margin: 0 0 4px 0; } /* # TRENNER */ .artikel .trenner { position: relative; display: block; border: none; border-top: 1px solid #d8d8d8; height: 0.4em; width: 100%; margin-bottom: 0.5em; } .artikel .trenner hr { display: none; } /* # GALERIE THUMBS */ div.galerie { width:95%; display: block; overflow: hidden; margin: 0em 0em 1em 0em; padding: 1em 0em 0em 1em; background: #EBEBEB; } div.galerie h5 { font-size: 1.0em; font-weight: bold; margin: 0 0 1.0em 0; line-height: 1px; color: #666; } div.galerie img { display: inline; display: inline-block; } div.galerie a { position: relative; display: block; overflow: hidden; width: 80px; height: 80px; text-align: center; float: left; background-color: #FFF; border: 1px solid #fff; margin: 0em 1em 1em 0em; padding: 5px 5px 5px 5px; } div.galerie a { -moz-box-shadow: 0px 0px 4px #868686; -webkit-box-shadow: 0px 0px 4px #868686; box-shadow: 0px 0px 4px #868686; } div.galerie a:hover { border-color: #939393; text-decoration: none; } div.galerie a:hover span { display: none; visibility: hidden; } /* # ZITATE */ blockquote { color: #aaaaaa; min-height: 70px; font-family: 'Times New Roman', Times , serif; font-size: 1.846em; line-height: 1.1em; padding-top: 0.5em; padding-bottom: 0.5em; margin: 0em 0px 1em 0px; width: 97%; background: transparent url(../img_style/zitat.png) no-repeat right 0.5em; } blockquote p { position: relative; padding: 1.0em 90px 0.5em 0px; margin: 0px 0px 0px 0px !important; } blockquote div.zitat { position: relative; width: 464px; float: right; padding: 0px 0px 0.5em 0px; } blockquote div.bild { width: 80px; margin: 0px 0px 0px 0px !important; float: left; } blockquote p span { padding: 0px 0px 0px 0px; margin: 0 0 0 0; display: block; } cite { font-style: normal; font-weight: bold; color: #4B4E47; font-size: 12px; line-height: 1.0em; display: block; padding: 0px 0px 0px 0px; } cite span { font-weight: normal; } /* # BAUSTEIN ABSTAND */ div.artikel p, div.artikel div.textblock, div.artikel .bild, div.artikel .plain ul, div.artikel .plain ol, div.artikel ul.downloadliste, div.artikel ul.linkliste, div.galerie, blockquote { margin-bottom: 1.0em; } /* # ABSTRACT */ div.abstract { position: relative; padding: 0em; margin: 0px 0px 1.5em 0px; font-size: 1.0em; line-height: 1.2em; font-weight: normal; width: 100%; } div.abstract h4 { font-size: 16px; line-height: 1.1em; padding: 0em 0em 0em 0em; margin: 0 0 0.4em 0 !important; } div.abstract .bild { display: block; background: #CCCCCC; margin: 0px 0px 0.2em 0px; } div.abstract .bild span { display: block; padding: 4px 4px; border-top: 1px solid #B9B9BB; font-size: 0.8em; line-height: 1.0em; font-weight: normal; color: black; /* Bildunterschrift */ } div.abstract img { display: block; } div.abstract .umflussrechts { float: right; margin: 0px 0px 0.1em 0.8em; } div.abstract .umflusslinks { float: left; margin: 0px 0.8em 0.1em 0px; } div.abstract h5.datum { padding: 0px 0px; margin: 0em 0em 0.3em 0em !important; font-size: 11px; line-height: 1.0em; font-weight: bold; color: #666; } div.abstract .textblock { margin: 0px !important; } /* # TOLLTIPS */ .tipsy { padding: 5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(../img_style/tipsy.gif); } .tipsy-inner { padding: 2px 5px 1px 5px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius: 3px; border-radius: 3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /* ********************************************************************** FORMULARE **********************************************************************/ div.formular { width: 100%; padding: 0px; margin: 1.0em 0 0 0; } div.formular.klein { width: 278px; padding: 0px; margin: 1.0em 0 0 0; } div.formular h4 { color: #7F7F7F; font-size: 14px; } .emi06 fieldset { border: 0; border-style: solid; /* fuer opera 7 */ } .emi06 iframe { padding: 0; margin: 0; border: none; } .emi06 input.text.disabled, textarea.disabled { background-color: #eee; } .emi06 input.checkbox, .emi06 input.radio { margin: 2px 5px 0px 0px; padding: 0px; float: left; } .emi06 input.text.ganz, textarea.ganz { width: 576px; } .emi06 input.text.halb, textarea.halb, input.text.smallcol { width: 270px; } .emi06 input.text.halb-2col { width: 270px !important; } .emi06 input.text.drittel { width: 120px; } .emi06 textarea.klein {height: 80px; } .emi06 textarea.sehrklein { height: 40px; } .emi06 textarea.mittel { height: 130px; } .emi06 textarea.gross { height: 400px; } .emi06 optgroup { font-style: normal; font-weight: bold; padding: 2px 0 2px 0; border-top: 1px solid black; } .emi06 input.text.suche { position: absolute; z-index: 2; top: 24px; left: 239px; margin: 0px 0px 0px 0px; padding: 5px 4px 0px 4px; width: 420px; height: 21px; font-size: 13px; line-height: 1.2em; border: 1px solid #960018; background-color: #FFF; } .emi06 input#suchbutton { position: absolute; z-index: 3; top: 12px; left: 694px; background: url(../img_style/btn_search.jpg) no-repeat left top; width: 50px; height: 50px; border: none; } .emi06 input:hover#suchbutton { background: url(../img_style/btn_search_hover.jpg) no-repeat left top; } .emi06 input.imgbtn { position: relative; width: 100px; height: 19px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; display: block; background: url(../img_style/bg_input_btn.gif) no-repeat left top; color: #666666; border: none; font-size: 11px; font-weight: normal; text-align: center; vertical-align: middle !important; } * html .emi06 input.imgbtn { padding: 1px 0px 3px 0px; } .emi06 input.imgbtn.largbtn { width: 130px; background: url(../img_style/extranet/bg_input_btn_large.gif) no-repeat left top; } .emi06 input.imgbtn.linksfluss { margin: 0px 5px 0px 0px; float: left; } .emi06 .formular input.imgbtn { margin: 10px 0px 0px 0px; } .emi06 input.imgbtn:hover { color: #D80C0C; } .emi06 input.imgbtn.disabled { background: #D4D4D4; color: #B0B0B2; } .emi06 select.ganz { width: 578px; } .emi06 select.halb { width: 278px; } .emi06 select.halb-2col { width: 282px !important; } .emi06 select.drittel { width: 140px; } .emi06 select.azfilter { width: 300px; } .emi06 label { margin: 0px 0px 0.5em 0px; padding: 0px 0px 0px 0px; color: #666666; font-family: Verdana, Arial, Helvetica, 'Lucida Grande', sans-serif; font-weight: normal; display: block; font-size: 11px; line-height: 15px; } .emi06 table.filter label { font-weight: bold; font-size: 13px; } .emi06 label.checkboxtext { font-weight: normal; display: inline; line-height: 1.4em; font-size: 12px; } .emi06 label.smallfont { font-size: 11px; } .emi06 div.marked { background-color: #EFED8E; } .emi06 div.subnote { color: #959595; font-size: 11px; } .emi06 em { font-style: italic; } .emi06 .selectbox { font-size: 11px; color: #000; font-family: Verdana, Arial, Helvetica, 'Lucida Grande', sans-serif; padding: 0px 0px 0px 0px; margin: 0px 4px 0px 0px; line-height: 1.6em; vertical-align: middle; } .emi06 .selectbox input { margin: 0px 3px 0px 0px; padding: 0px; vertical-align: middle; } .emi06 div.eingabe { padding-bottom: 8px; } .emi06 div.eingabe.links { float: left; } .emi06 div.eingabe.rechts { float: right; } .emi06 div.eingabe.ganz { clear: both; width: 580px; } .emi06 div.eingabe.halb { width: 280px; } .emi06 div.eingabe.halb-2col { width: 280px; } .emi06 input.remLen { margin: 0px 0px 0px 0px; font-size: 9px; height: 11px; line-height: 11px; text-align: left; background-color: #FFF; border: 1px solid #FFF; color: #666; } /* ********************************************************************** ALERT & FEEDBACK **********************************************************************/ div.alert { width: 99%; font-size: 12px; line-height: 1.2em; padding: 1px; border: 1px solid #A4000E; color: #FFF; margin: 0 0 2.0em 0; } div.alert span { display: block; padding: 5px 5px 5px 42px; background: #A4000E url(../img_style/icon_alert.gif) no-repeat 5px 5px; } div.feedback { width: 99%; font-size: 12px; line-height: 1.2em; padding: 1px; border: 1px solid #333333; color: #FFF; margin: 0 0 2.0em 0; } div.feedback span { display: block; padding: 5px 5px 5px 5px; background: #333333; } /* ********************************************************************** MODULE **********************************************************************/ .boxsolidb { background: #EEEEEE; border: 1px solid #C1C1C3; } .contbox { width: 100%; padding: 0; overflow: hidden; position: relative; } .infobox { width: 298px; padding: 0; overflow: hidden; position: relative; } .bxlargex { position: relative; padding: 10px 10px 10px 10px; width: 568px; position: relative; } .bxnorm { margin: 0 0 1.0em 0; } /* .bxlarge { padding: 20px 10px 10px 10px; width: 428px; position: relative; } .bxlarger { padding: 20px 0px 10px 10px; width: 438px; position: relative; } .bxlargex { padding: 10px 10px 10px 10px; width: 428px; position: relative; } .bxsmalln { padding: 10px 10px 10px 10px; width: 278px; position: relative; } .bxsmall { padding: 20px 10px 10px 10px; width: 278px; position: relative; } .bxsmallr { padding: 20px 0px 10px 10px; width: 288px; position: relative; } .bxsmallx { padding: 0px 10px 10px 10px; width: 278px; position: relative; } .bxnorm span {font-size: 11px; } .statbox { background: #F2F2F2 url(../img_style/icon_online.gif) no-repeat 5px center; border: 1px solid #C1C1C3; width: 252px; padding: 5px 5px 5px 23px; overflow: hidden; position: relative; margin: 0 0 1.0em 10px; font-size: 11px;} */ /* # STATISTIK TABELLEN */ table.stat th { color: #fff; background: #7F7F7F; text-align: left; padding: 4px 0 4px 0; border-bottom: 10px solid white; } table.stat td { padding: 2px 0 1px 8px; border-bottom: 1px solid white;} table.stat tr.alt td { background: #F2F2F2; } table.stat td.bigchar, table.stat tr.alt td.bigchar { font-size: 16px; font-weight: bold; color: #fff; background: #F24200; text-align: center; padding: 1px 0 1px 0; border-right: 1px solid white;} /* ********************************************************************** EXTRANET MODULE **********************************************************************/ /* EXTRANET MENU */ #extranetmenu { position: relative; width: 300px; } #extranetmenu a.extranet { position: relative; display: block; background: transparent url(../img_style/extranet/bg_extra_submenu_lo.jpg) top left repeat-y; font-weight: bold; width: 280px; padding: 4px 10px 4px 10px; border-bottom: 1px solid white; text-decoration: none; } #extranetmenu a.extranet span { position: relative; display: block; background: transparent url(../img_style/extranet/icon_extra_plus_lo.gif) center left no-repeat; width: 267px; padding: 0px 0px 0px 13px;} #extranetmenu a:hover.extranet { background: #838383; color: #fff; } #extranetmenu a:hover.extranet span { background-image: url(../img_style/extranet/icon_extra_plus_hi.gif); } #extranetmenu a.extranet.activated { background-image: url(../img_style/extranet/bg_extra_submenu_hi.jpg); color: #fff; } #extranetmenu a.extranet.activated span { background-image: url(../img_style/extranet/icon_extra_plus_hi.gif); } ul#triplenavi{ position: relative; width: 448px; } #triplenavi li { float: left; display:block; width: 148px; margin-left: 1px; } #triplenavi li a.triplemenu { position: relative; display: block; text-align: center; background: #e9e9e9; color: #d80c0c; font-size: 14px !important; font-weight: bold; width: 138px; padding: 8px 5px 8px 5px; text-decoration: none; } #triplenavi li a:hover.triplemenu { background: #d80c0c; color: #fff; } #triplenavi li a.triplemenu.activated { background: #6a6969; color: #fff; } ul#quatronavi{ position: relative; width: 588px; margin: 0; border-bottom: 1px solid #d4d4d4; overflow: hidden; } #quatronavi li { float: left; display:block; width: 116px; margin-right: 1px; } #quatronavi li a.quatromenu { position: relative; display: block; text-align: center; background: #e9e9e9; color: #d80c0c; font-size: 14px !important; font-weight: bold; width: 106px; padding: 8px 5px 8px 5px; text-decoration: none; } #quatronavi li a:hover.quatromenu { background: #d80c0c; color: #fff; } #quatronavi li a.quatromenu.activated { background: #d4d4d4; color: #333; } /* # EXTRANET STYLES */ .extra-head.sales { background: transparent url(../img_style/extranet/bg_extranet_sales.jpg) top left no-repeat; } .extra-head.promotion { background: transparent url(../img_style/extranet/bg_extranet_promotion.jpg) top left no-repeat; } .extra-head { position: relative; width: 760px; height: 56px; padding-right: 10px; padding-top: 11px; margin-bottom: 20px; } .extraheadbox { position: relative; width: 103px; padding: 0px 10px 0px 12px; background: transparent url(../img_style/extranet/bg_extra_trenner.gif) top left repeat-y; float: right; } .extraheadbox.box-1 { width: 125px; padding-top: 14px; height: 31px; } .extraheadbox.box-2 { width: 109px; padding-top: 15px; height: 30px; } .extraheadbox.box-2 a { margin-right: 2px; float: left; } .extraheadbox.box-3 { width: 103px; padding-top: 6px; height: 39px; } /* # MODULE STYLES */ .boxgardientbxtra { background: #ededed url(../img_style/extranet/bg_extra_panel.gif) repeat-y left bottom; border: 1px solid #C1C1C3; } .xtralarge { padding: 10px 5px 10px 5px; width: 438px; position: relative;} .xtrafull { padding: 10px 0px 10px 0px; width: 448px; position: relative;} .bxcollapse { margin: 0 0 0 0; border-bottom: none;} /* # HEADERS */ div.headline.paris { background: #da150b url(../img_style/extranet/bg_subheader_extra.gif) repeat-x left bottom; } div.headline.paris h3 { background: url(../img_style/extranet/icon_subheader_extra.gif) no-repeat left center; color: #FFF; font-size: 16px; padding: 0 0 0 20px; } .xtracol0 { position: relative; width: 568px; background: #e6e6e6; color: #434343; padding: 10px; border-bottom: 1px solid white; } .xtracol1 { position: relative; width: 568px; background: #edcac9; color: #434343; padding: 10px; border-bottom: 1px solid white; } .xtracol2 { position: relative; width: 568px; background: #e6e6e6; color: #797979; padding: 10px; border-top: 1px solid #c0c0c0; border-bottom: 2px solid #c0c0c0; } .xtracol1 input.text.ganz { width: 562px;} ul.reiter li { display: inline; } ul.reiter li a { display: block; width: 129px; text-align: center; background: #e6e6e6; border-bottom: 1px solid white; border-right: 1px solid white; float: left; font-size: 11px; padding: 5px 0 5px 0; } ul.reiter li a.activated { background: #edcac9; border-bottom: 1px solid #edcac9; } span.blocked { display: block; position: relative; float: left; width: 19px; padding: 0px; margin: 0px; } span.infoline { width: 394px; padding-top: 4px; font-size: 12px; } span.mainactivate { float: right; } span.adminbtn { width: 19px; padding: 0px 0px 0px 5px; } /* VIP PLAYER */ .vipsort { position: relative; padding: 5px 4px 0px 0px; width: 34px; float: left; overflow: hidden; } .vipsort span { width: 11px; padding-right: 6px; } .viptrack { position: relative; border-left: 1px solid white; border-right: 1px solid white; width: 426px; float: left; padding: 2px 10px 2px 10px; overflow: hidden; } .vipadmin { position: relative; padding: 0px 0px 0px 0px; float: right; overflow: hidden; width: 72px; text-align: right; } .viptitel { position: relative; width: 398px; float: left; margin-bottom: 1.0em; } .vipfile { position: relative; width: 380px; float: left; } .vipstatus { position: relative; width: 18px; height: 18px; float: right; background: none;} .vipstatus.error { background: transparent url(../img_style/extranet/icon_extra_error.gif) no-repeat center left;} .vipstatus.okay { background: transparent url(../img_style/extranet/icon_extra_okay.gif) no-repeat center left;} .viploading { position: relative; width: 110px; float: left; background: #fff; border: 1px solid #929292; } .viploading .balken { position: relative; width: 108px; background: #e5e5e5; border: 1px solid #fff; height: 13px;} .viploading .progress { position: relative; width: 0px; background: transparent url(../img_style/extranet/bg_loading.gif) repeat top left; height: 13px;} .viptitel input.text { width: 480px !important; } .vipsave { float: left; margin-right: 1.0em; } span.fileName { font-size: 11px; } #uploadBlock label , #addFiles label { display: block; float: none; } /* PREFERENCES */ .prefnum { position: relative; padding: 2px 4px 2px 0px; width: 34px; float: left; overflow: hidden; } .prefartist { position: relative; border-left: 1px solid white; border-right: 1px solid white; width: 456px; float: left; padding: 2px 10px 2px 10px; overflow: hidden; } .prefadmin { position: relative; padding: 0px 0px 0px 4px; float: right; overflow: hidden; width: 48px; text-align: right; } #artistresultblock { position: absolute; top: 134px; left: 16px; z-index: 40; width: 396px; background-color: transparent; border: 1px solid #a9122c; padding: 10px; text-align: right; overflow: hidden; } #artistresultblock span { display: block; text-align: left; float: left; margin: 0 0 0.2em 0; width: 80%; } #artistresultblock a { padding: 1px 0px 1px 18px; background: transparent url(../img_style/extranet/icon_extra_add.gif) no-repeat center left;} #artistresultblock a:hover { text-decoration: underline; } #artistresultback { position: absolute; top: 0; left: 0; z-index: 30; width: 150%; height: 800px; background-color: #f3dede; /*filter:alpha(opacity=90); -moz-opacity: 0.9;*/ opacity: 0.9; } #artistresults { position: relative; width: 100%; background-color: transparent; z-index: 32; font-size: 12px; } input#artistsearch:hover { background-color: white; } input#artistsearch { width: 385px; float: left; } #searchartistblock .inputclose { position: relative; width: 13px; height: 13px; margin-left: 10px; margin-top: 4px; float: left; } /* CHARTS */ .chartitem { position: relative; background: #d4d4d4; padding: 10px; margin-top: 1px; width: 568px; } .platz { position: relative; background: #333; width: 80px; height: 50px; padding: 18px 0px 12px 0px; text-align: center; color: #fff; float: left; margin-right: 10px;} .platz em { font-size: 36px; line-height: 36px; font-weight: bold; color: #fff; } .myitem { width: 456px; padding-left: 12px; background: transparent url(../img_style/extranet/bg_extra_trenner.gif) top left repeat-y; float: left; } .chartitem .bild { width: 80px; float: left; margin-right: 16px; } .chartitem .text { width: 344px; float: left; } .chartitem .neutrum, .artistcontent .neutrum { font-weight: bold; } /* ARTIST IM FOKUS UND VORVERKAUF */ .artistabstract { position: relative; margin-bottom: 0.5em; } .artistabstract h3 { display: block; margin-bottom: 5px; width: 588px; padding: 0 16px 2px 16px; background: transparent; } .artistabstract h3 a { font-size: 14px; font-weight: bold; text-decoration: none; } .artistabstract a.intern { font-size: 12px; } .artistcontent { position: relative; background: #d4d4d4; padding: 10px 16px 10px 32px; width: 572px; min-height: 108px; background: #313131; } .vorverkauf { position: relative; padding: 10px; width: 568px; background: #d4d4d4; } .artistproduct { position: relative; width: 268px; float: left; } .vorverkauf .artistproduct { width: 310px; } .artistproduct .bild { width: 80px; float: left; margin-right: 10px; } .artistproduct .text { position: relative; width: 178px; font-size: 11px; float: left; } .vorverkauf a.neutrum { font-size: 10px; font-weight: bold; } .artistproduct h4 a { font-size: 14px; font-weight: bold; } .artistfoto, .artistvideo { position: relative; width: 100px; float: left; padding-left: 12px; } .artistfoto, .produkt-abbildung img { height: auto; } .akquiabstract { position: relative; width: 250px; float: left; padding-left: 8px; font-size: 11px; } a.medialink { display: block; width: 80px; } .artistvideo { width: 180px; } .artistvideo .produkt-abbildung .video-play-m, .artistvideo .produkt-abbildung .video-screenshot-m { height: 80px; } .artistvideo .produkt-abbildung .video-screenshot-m { border: 1px solid #fff; } .artistnews { position: relative; width: 572px; padding: 5px 16px 5px 32px; font-size: 12px; background: #535353; margin-top: 1px; min-height: 64px; } .artistnews.artistrss { background: #eaeaea; } .artistnews .col-1, .artistnews .col-2, .artistnews .col-3 { float: left; margin-right: 12px;} .artistnews .col-1 { text-align: center; width: 80px; font-size: 11px } .artistnews .col-2 { width: 288px; } .artistnews .col-3 { text-align: right; width: 75px; margin-right: 0px; } table.prodinfo * { font-size: 11px; text-align: center !important; } table.prodinfo th, table.prodinfo td { background: transparent url(../img_style/extranet/bg_extra_trenner.gif) repeat-y top right; padding-right: 4px; padding-left: 2px; } table.prodinfo th.last, table.prodinfo td.last { background: transparent; padding-right: 2px; } /* ********************************************************************** SUCHE **********************************************************************/ /* # PAGER */ .pages { padding: 6px; margin: 0px 0px 1.0em 0px; border: 1px solid #D2D2D2; text-align: center; } .pages .results { color: #7F7F7F; } .pages .start { color: #C7C7C9; padding-right: 1.0em; } .pages .end { color: #C7C7C9; padding-left: 1.0em; } .pages .thispage { font-weight: bold; padding-right: 0.5em; padding-left: 0.5em; } .pages a { padding-right: 0.2em; padding-left: 0.2em; } .pages a.next { padding-right: 0px; padding-left: 1.0em; } .pages a.prev { padding-right: 1.0em; padding-left: 0px; } /* # SUCHERGEBNISSE */ table.searchresults th { color: #fff; background: #7F7F7F; text-align: left; padding: 8px 8px 8px 8px; border-bottom: 10px solid white; } table.searchresults td { padding: 8px 0 8px 10px; border-bottom: 1px solid white; text-align: left; } table.searchresults h4 { margin-bottom: 3px ;} table.searchresults tr.alt td { background: #F2F2F2; } table.searchresults td.result-image { width: 80px; } table.searchresults td.result-video { width: 80px; padding-right: 10px; } table.searchresults td.result-release { padding-left: 20px; width: 400px; } table.searchresults td.result-artist { padding-left: 20px; } .search-artist-releases .smallloader { height: 20px;} ul.search-release-results { width: 100%; margin: 0; padding-top: 10px; } ul.search-release-results li { background: #F2F2F2; list-style: none; margin: 0 0 1px 0 !important; width: 898px; line-height: 1.2em; padding: 5px 10px; } tr.alt ul.search-release-results li { background: #ffffff; } ul.search-release-results li a { font-weight: bold !important; } /* ********************************************************************** DIVERSES **********************************************************************/ #fancybox-title { position: relative; width: 100%; background: #ebebeb; color: #414141; text-align: center; padding-bottom: 4px; } #fancybox-title .trenner { position: relative; width: 100%; border-bottom: 1px solid #d8d8d8; height: 4px; margin-bottom: 4px; } .transparent-80 { filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80; } .transparent-50 { filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50; } .transparent-none { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; } .textdecker { position: absolute; z-index: 10; bottom: -1px; left: 0px; width: 100%; height: 40px; background: transparent url(../img_style/bg_textdecker.png) top left repeat-x; } .text { position: relative; z-index: 4; } .zu, .hide, .aus { display: none; } .auf { display: block; } .gap-none { margin-bottom: 0em !important;} .gap-normal { margin-bottom: 1.23em !important; } .gap-large { margin-bottom: 2.46em !important; } .gap-small { margin-bottom: 0.5em !important; } .blankline { width: 100%; height: 1px; overflow: hidden; } .smallfont { font-size: 11px; } .stopfloat, .clearfloat { clear: both; } div.stopfloat { width: 100%; height: 1px !important; overflow: hidden; } .keinfluss { float: none; } .linksfluss { float: left; } .rechtsfluss { float: right; } .no-pad { padding: 0px; } .no-top-pad { padding-top: 0px !important; } .no-btm-pad, .pad-none { padding-bottom: 0px !important; } .no-mar { margin: 0px; } /* Vertikale Ausrichtungen */ .vTop { vertical-align: top; } .vMiddle { vertical-align: middle !important; } .vBottom { vertical-align: bottom; } /* Horizontale Ausrichtungen */ .hLeft { text-align: left; } .hRight { text-align: right; } .hCenter { text-align: center; } .header-inner, .header-image-slide, #header-image-overlay, #header-shadow-overlay, #header-slide-gallery, .header-link { width: 1000px; } #header-image-overlay { background-image: none; } #container, .footer { position: relative; min-width: 1000px; width: 100%; } .header-link span, #header-teaser { right: 32px; } #main-nav { left: 15px; } #header-slide-navi { left: 46px; } #header-default-artist { left: 46px; } #artist-nav, .menu-newsletter { left: 30px; } #main { background-image: url(../img_style/shadow_contentbody_1000.png); } @media (min-width: 1100px) { .header-inner, .header-image-slide, #header-image-overlay, #header-shadow-overlay, #header-slide-gallery, .header-link { width: 1090px; } #header-image-overlay { background-image: url(../img_style/bg_header_abdecker.png); } #container, .footer { position: relative; min-width: 1090px; width: 100%; } .header-link span, #header-teaser { right: 76px; } #main-nav { left: 60px; } #header-default-artist { left: 92px; } #header-slide-navi { left: 76px; } #artist-nav, .menu-newsletter { left: 76px; } #main { background-image: url(../img_style/shadow_contentbody.png); } }