/* META-DATEN */ * { margin:0; padding:0; } body { background:#f3f0e9; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; color:#304c6b; line-height:18px !important; } /* CONTAINER */ p { padding-bottom:18px; } #MAIN { width:978px; height:600px; position:absolute; top:50%; left:50%; margin-left:-489px; margin-top:-300px; background:url(/imgs/line.gif) repeat-x 0 120px #fff; overflow:hidden; } #MAIN_KLEIN { width:978px; height:600px; position:absolute; top:0; left:50%; margin-left:-489px; margin-top:0; background-color:#fff; } #INNER_CONTENT { position:absolute; top:217px; right:33px; width:397px; height:292px; overflow:hidden; padding-right:15px; } .CONTACT #INNER_CONTENT, .KONTAKT #INNER_CONTENT { margin:41px 33px 0 0; } .HOME address { padding-bottom:18px; } .BIOGRAPHY strong, .BIOGRAFIE strong { color:#304c6b; text-transform:uppercase; font-size:11px; } .CONTACT #INNER_CONTENT, .KONTAKT #INNER_CONTENT { height:280px; } blockquote strong { color:#304c6b; text-transform:uppercase; font-size:11px; } blockquote#QUOTE { color:#256ea4; font-style:italic; background:url(../imgs/anfuehrungszeichen_oben.gif) no-repeat right top; height:24px; padding:4px 26px 0 27px; position:absolute; right:12px; bottom:10px; text-align:right; } blockquote#QUOTE strong { background:url(../imgs/anfuehrungszeichen_unten.gif) no-repeat left bottom; height:24px; padding-left:27px; padding-bottom:7px; white-space:nowrap; text-transform:none; font-size:14px; display:inline-block; } blockquote#QUOTE strong { background:url(../imgs/anfuehrungszeichen_unten.gif) no-repeat left bottom; height:24px; padding-left:27px; padding-bottom:7px; white-space:nowrap; text-transform:none; font-size:14px; display:inline-block; } address { font-size:10px; text-transform:uppercase; font-style:normal; color:#256ea4; margin-top:-19px; } .KRITIKEN address, .PRESS address { font-size:10px; text-transform:uppercase; font-style:normal; color:#256ea4; margin-top:-19px; padding-bottom:28px; } .IMPRINT p strong, .IMPRESSUM p strong { color:#304c6b; } #DISCOGRAPHY_DETAILS { margin-top:5px; position:relative; line-height:18px; } #DISCOGRAPHY_DETAILS img { margin-top:-5px !important; } .MUSIK #INNER_CONTENT, .MUSIC #INNER_CONTENT { float:none; margin-left:4px; width:970px; height:350px; right:-11px; top:183px; } .MUSIK #INNER_CONTENT p#CD_DETAILS, .MUSIC #INNER_CONTENT p#CD_DETAILS { position:absolute; top:0; left:530px; } .MUSIK #INNER_CONTENT p.CD_DETAILS_LINK, .MUSIC #INNER_CONTENT p.CD_DETAILS_LINK { margin-top:-7px; } .MUSIK #INNER_CONTENT p.CD_DETAILS_LINK_08, .MUSIC #INNER_CONTENT p.CD_DETAILS_LINK_08 { margin-top:-18px; } .MUSIK #INNER_CONTENT img, .MUSIC #INNER_CONTENT img { float:left; margin:0 15px 0 25px; } .MUSIK #INNER_CONTENT h3, .MUSIC #INNER_CONTENT h3, .DISCOGRAPHY_DETAILS #INNER_CONTENT h3 { color:#304c6b; text-transform:none; font-weight:normal; font-size:12px; } .DISCOGRAPHY_DETAILS #INNER_CONTENT { float:none; margin:0; padding:68px 0 0 22px; width:954px; height:363px; top:125px; right:2px; } .DISCOGRAPHY_DETAILS #INNER_CONTENT img { float:left; margin-top:4px; } .DISCOGRAPHY_DETAILS #INNER_CONTENT #AUDIO_PLAYER { clear:both; padding-left:11px; } .DISCOGRAPHY_DETAILS #CD_DETAILS_AUDIO_PLAYER { width:470px; float:left; } .DISCOGRAPHY_DETAILS #INNER_CONTENT_TEXT { float:right; width:394px; margin-right:45px; } .DISCOGRAPHY_DETAILS #INNER_CONTENT_TEXT p strong { color:#304c6b; text-transform:uppercase; font-size:11px; } #player { margin-top:10px; } .DOWNLOADS #INNER_CONTENT { float:none; margin:0; padding:2px 0 0 45px; width:933px; height:357px; overflow:visible; } .DOWNLOADS #INNER_CONTENT #THUMBNAILS { width:435px; float:left; margin-top:-52px; } .DOWNLOADS #INNER_CONTENT #THUMBNAILS p { float:left; margin-right:15px; padding-bottom:18px; } .DOWNLOADS #INNER_CONTENT #THUMBNAILS p img { padding-bottom:10px; } .DOWNLOADS #INNER_CONTENT #THUMBNAILS p a { display:block; background:url(/imgs/ic_download.gif) no-repeat left center; padding-left:16px; color:#256ea4; text-decoration:none; } .DOWNLOADS #INNER_CONTENT #DOWNLOAD_DETAILS { padding-left:87px; float:left; width:370px; margin-top:-2px; } .DOWNLOADS #INNER_CONTENT #DOWNLOAD_DETAILS p strong { color:#304c6b; text-transform:uppercase; font-size:11px; } .DOWNLOADS #INNER_CONTENT #DOWNLOAD_DETAILS p a { line-height:24px; } .AKTUELLES #INNER_CONTENT p strong, .EVENTS #INNER_CONTENT p strong { color:#741a5c; text-transform:uppercase; font-size:11px; } .AKTUELLES #INNER_CONTENT p span, .EVENTS #INNER_CONTENT p span { color:#304c6b; text-transform:uppercase; } .AKTUELLES #INNER_CONTENT p.DATES strong, .EVENTS #INNER_CONTENT p.DATES strong { color:#304c6b; text-transform:none; font-size:12px; } .AKTUELLES #INNER_CONTENT h3, .EVENTS #INNER_CONTENT h3 { padding-bottom:8px; display:block; } .AKTUELLES address, .EVENTS address { padding-bottom:18px; } .PERSOENLICH #INNER_CONTENT p strong, .PERSONAL #INNER_CONTENT p strong { color:#741a5c; text-transform:uppercase; font-size:11px; } #NOJS { width:100%; height:100% !important; text-align:center; background:#fff; display:block; padding:100px 0 100px 0; color:red; font-weight:bold; font-size:16px; } #RECOM { position:absolute; top:395px; right:48px; } .CONTACT #INNER_CONTENT.CONTACT, .KONTAKT #INNER_CONTENT.CONTACT { margin-top:13px; width:431px; right:0; } .CONTACT #INNER_CONTENT.CONTACT #OUTER_CONTENT, .KONTAKT #INNER_CONTENT.CONTACT #OUTER_CONTENT { width:413px; } p.CONTACT_DE { float:left; padding-right:33px; } p.CONTACT_INT { float:right; } /* TABELLEN */ .IMPRINT #INNER_CONTENT table, .IMPRESSUM #INNER_CONTENT table { margin-bottom:18px; } table th { text-align:left; font-weight:normal; } /* HEADLINES */ h1 { position:absolute; top:-5px; left:0; } h1 a { display:block; width:534px; height:114px; background:url(/imgs/logo.gif); overflow:hidden; line-height:50000px; } h2 { position:absolute; top:146px; right:40px; height:34px; width:300px; display:block; background-image:url(/imgs/headlines.gif); background-repeat:no-repeat; overflow:hidden; line-height:50000px; } .DE .HOME h2 { background-position:100% 0; } .EN .HOME h2 { background-position:100% -34px; } h2#WESENTLICH { background-position:100% -68px; } h2#ESSENTIAL { background-position:100% -102px; } h2#BEMERKENSWERT { background-position:100% -136px; } h2#DONT_FORGET { background-position:100% -170px; } h2#AUFGELEGT, .DE h2#CD_DETAILS { background-position:100% -204px; } h2#TURN_ON, .EN h2#CD_DETAILS { background-position:100% -238px; } h2#GLANZVOLL { background-position:100% -272px; } h2#MEMORABLE { background-position:100% -306px; } h2#UEBRIGENS { background-position:100% -340px; } h2#FOR_THE_RECORD { background-position:100% -374px; } h2#NAH_DRAN { background-position:100% -408px; } h2#CLOSE_UP { background-position:100% -442px; } h2#IMPRESSUM { background-position:100% -476px; } h2#IMPRINT { background-position:100% -510px; } h2#KONTAKT { background-position:100% -544px; } h2#CONTACT { background-position:100% -578px; } h2#FREUNDE { background-position:100% -612px; } h2#FRIENDS { background-position:100% -646px; } h2#RECOMMENDATION_DE { position:absolute; left:-183px; top:0; width:183px; height:140px; background:url(/imgs/hl_empfehlen.gif); float:left; margin:5px 0 0 0; } h2#RECOMMENDATION_EN { position:absolute; left:-183px; top:0; width:183px; height:140px; background:url(/imgs/hl_recommend.gif); float:left; margin:5px 0 0 0; } h3 { font-weight:bold; font-size:11px; text-transform:uppercase; color:#304c6b; display:inline; } .PRESS h3 { padding-bottom:14px; display:block; } h4 { font-size:12px; } /* SONSTIGE TEXTAUSZEICHNUNGEN */ .ERROR { color:#ff0000 !important; text-transform:uppercase; font-weight:bold; background:url(/imgs/ic_error.gif) no-repeat 0 2px; padding-left:20px; } .ERROR1 { height:57px !important; } .SUCCESS strong { font-weight:bold; text-transform:uppercase; color:#741a5c; display:block; padding-bottom:18px; } /* FORMULARE */ input.TEXT { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:11px; color:#304c6b; line-height:16px; padding:1px 3px 2px 3px; width:171px; } #RECOMMENDATION_FORM { display:block; width:195px; height:110px; background:url(/imgs/bg_empfehlen.gif); float:left; margin:5px 0 60px 0; padding:30px 0 0 19px; } #RECOMMENDATION_FORM label { line-height:16px; display:block; padding-bottom:2px; width:130px; } #RECOMMENDATION_FORM input.TEXT { border:solid #a9aeae 1px; background:#fff; } #RECOMMENDATION_FORM input.BUTTON { font-family:Verdana,Helvetica,Arial,sans-serif; color:#256ea4; font-size:12px; background:none; border:none; text-align:left; padding:0; margin:8px 0 0 3px; cursor:pointer; } #RECOMMENDATION_FORM2 input.TEXT { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; color:#304c6b; border:solid #a9aeae 1px; background:#fff; width:243px; margin-bottom:10px; } #RECOMMENDATION_FORM2 label { font-weight:bold; text-transform:uppercase; color:#741a5c; display:block; margin:0 0 2px 0; } #RECOMMENDATION_FORM2 textarea { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; color:#304c6b; line-height:16px; padding:1px 3px 2px; width:370px; height:75px; border:solid #a9aeae 1px; background:#fff; } #RECOMMENDATION_FORM2 input.BUTTON { font-family:Verdana,Helvetica,Arial,sans-serif; color:#741a5c; font-size:12px; background:url(../imgs/bg_link_mail.gif) no-repeat 0 2px; padding:0 0 0 5px; border:none; text-align:left; margin:8px 0 0 3px; cursor:pointer; } /* HYPERLINKS */ a { color:#256ea4; } a:hover { color:#741a5c !important; text-decoration:none; } .MUSIK #INNER_CONTENT a, .MUSIC #INNER_CONTENT a, .DISCOGRAPHY_DETAILS #INNER_CONTENT a, .KONTAKT #INNER_CONTENT a, .CONTACT #INNER_CONTENT a { color:#256ea4 !important; text-decoration:none; } .MUSIK #INNER_CONTENT a:hover, .MUSIC #INNER_CONTENT a:hover, .DISCOGRAPHY_DETAILS #INNER_CONTENT a:hover, .KONTAKT #INNER_CONTENT a:hover, .CONTACT #INNER_CONTENT a:hover { color:#741a5c !important; text-decoration:none; } a.GOJOU { color:#256ea4 !important; text-decoration:none; padding-left:0 !important; } a.GOJOU:hover { color:#741a5c !important; text-decoration:none; padding-left:0 !important; } a.MAIL, .LINKS #INNER_CONTENT a, .AKTUELLES #INNER_CONTENT a.MORE, .EVENTS #INNER_CONTENT a.MORE, .MUSIK #INNER_CONTENT a.LISTEN, .MUSIC #INNER_CONTENT a.LISTEN, .DOWNLOADS #INNER_CONTENT #DOWNLOAD_DETAILS a, a.BACK { color:#256ea4; text-decoration:none; background:url(../imgs/bg_link_mail.gif) no-repeat left center; padding-left:8px; } .IMPRESSUM #INNER_CONTENT a, .IMPRINT #INNER_CONTENT a { color:#256ea4; text-decoration:none; padding-left:8px; } /* NAVIGATIONEN */ /* Sprach-Switch */ #LANGUAGE { position:absolute; top:19px; right:10px; list-style-type:none; } #LANGUAGE a { background-image:url(/imgs/navigation.gif); background-repeat:no-repeat; display:none; width:73px; height:7px; overflow:hidden; line-height:5000px; } #LANGUAGE .EN { background-position:0 -221px; } #LANGUAGE .EN:hover { background-position:0 -205px; } #LANGUAGE .DE { background-position:0 -189px; } #LANGUAGE .DE:hover { background-position:0 -237px; } #LANGUAGE .ACTIVE { display:block; } /* Hauptnavigation (Deutsch + Englisch) */ #NAVIGATION { position:absolute; top:75px; right:0; z-index:10; list-style-type:none; border-top:solid #e8ebec 1px; border-bottom:solid #e8ebec 1px; padding:15px 40px 0 0; } #NAVIGATION li { float:left; margin-bottom:-1px; } #NAVIGATION a { background-image:url(/imgs/navigation.gif); background-repeat:no-repeat; display:block; height:30px; overflow:hidden; line-height:5000px; } #NAVIGATION.DE .HOME { background-position:0 0; width:44px; margin-right:48px; } #NAVIGATION.DE .HOME:hover { background-position:0 -30px; } #NAVIGATION.DE .HOME.ACTIVE { background-position:0 -60px; } #NAVIGATION.EN .HOME { background-position:0 -90px; width:44px; margin-right:60px; } #NAVIGATION.EN .HOME:hover { background-position:0 -120px; } #NAVIGATION.EN .HOME.ACTIVE { background-position:0 -150px; } #NAVIGATION .BIOGRAFIE { background-position:-92px 0; width:80px; margin-right:38px; } #NAVIGATION .BIOGRAFIE:hover { background-position:-92px -30px; } #NAVIGATION .BIOGRAFIE.ACTIVE { background-position:-92px -60px; } #NAVIGATION .BIOGRAPHY { background-position:-104px -90px; width:89px; margin-right:42px; } #NAVIGATION .BIOGRAPHY:hover { background-position:-104px -120px; } #NAVIGATION .BIOGRAPHY.ACTIVE { background-position:-104px -150px; } #NAVIGATION .AKTUELLES { background-position:-210px 0px; width:84px; margin-right:38px; } #NAVIGATION .AKTUELLES:hover { background-position:-210px -30px; } #NAVIGATION .AKTUELLES.ACTIVE { background-position:-210px -60px; } #NAVIGATION .EVENTS { background-position:-235px -90px; width:56px; margin-right:42px; } #NAVIGATION .EVENTS:hover { background-position:-235px -120px; } #NAVIGATION .EVENTS.ACTIVE { background-position:-235px -150px; } #NAVIGATION .MUSIK { background-position:-332px 0px; width:45px; margin-right:37px; } #NAVIGATION .MUSIK:hover { background-position:-332px -30px; } #NAVIGATION .MUSIK.ACTIVE { background-position:-332px -60px; } #NAVIGATION .MUSIC { background-position:-333px -90px; width:46px; margin-right:42px; } #NAVIGATION .MUSIC:hover { background-position:-333px -120px; } #NAVIGATION .MUSIC.ACTIVE { background-position:-333px -150px; } #NAVIGATION.DE .PR { background-position:-414px 0; width:18px; margin-right:38px; } #NAVIGATION.DE .PR:hover { background-position:-414px -30px; } #NAVIGATION.DE .PR.ACTIVE { background-position:-414px -60px; } #NAVIGATION.EN .PR { background-position:-421px -90px; width:18px; margin-right:42px; } #NAVIGATION.EN .PR:hover { background-position:-421px -120px; } #NAVIGATION.EN .PR.ACTIVE { background-position:-421px -150px; } ul#NAVIGATION .PERSOENLICH { background-position:-470px 0px; width:94px; } ul#NAVIGATION .PERSOENLICH:hover { background-position:-470px -30px; } ul#NAVIGATION .PERSOENLICH.ACTIVE { background-position:-470px -60px; } ul#NAVIGATION .PERSONAL { background-position:-481px -90px; width:79px; margin-right:4px; } ul#NAVIGATION .PERSONAL:hover { background-position:-481px -120px; } ul#NAVIGATION .PERSONAL.ACTIVE { background-position:-481px -150px; } ul#NAVIGATION ul { position:absolute; left:64px; top:71px; list-style-type:none; } ul#NAVIGATION ul li { float:none; padding-bottom:9px; } ul#NAVIGATION ul a { width:85px; height:10px; } ul#NAVIGATION.EN ul .DOWNLOADS { background-position:0 -253px; } ul#NAVIGATION.EN ul .PRESS { background-position:0 -271px; } ul#NAVIGATION.EN ul .ARCHIVE { background-position:0 -289px; } ul#NAVIGATION.EN ul .DOWNLOADS.ACTIVE, ul#NAVIGATION.EN ul .DOWNLOADS.ACTIVE:hover { background-position:0 -307px; } ul#NAVIGATION.EN ul .PRESS.ACTIVE, ul#NAVIGATION.EN ul .PRESS.ACTIVE:hover { background-position:0 -325px; } ul#NAVIGATION.EN ul .ARCHIVE.ACTIVE, ul#NAVIGATION.EN ul .ARCHIVE.ACTIVE:hover { background-position:0 -343px; } ul#NAVIGATION.EN ul .DOWNLOADS:hover { background-position:0 -361px; } ul#NAVIGATION.EN ul .PRESS:hover { background-position:0 -379px; } ul#NAVIGATION.EN ul .ARCHIVE:hover { background-position:0 -397px; } ul#NAVIGATION.DE ul .DOWNLOADS { background-position:-104px -253px; } ul#NAVIGATION.DE ul .KRITIKEN { background-position:-104px -271px; } ul#NAVIGATION.DE ul .ARCHIV { background-position:-104px -289px; } ul#NAVIGATION.DE ul .DOWNLOADS.ACTIVE, ul#NAVIGATION.DE ul .DOWNLOADS.ACTIVE:hover { background-position:-104px -307px; } ul#NAVIGATION.DE ul .KRITIKEN.ACTIVE, ul#NAVIGATION.DE ul .KRITIKEN.ACTIVE:hover { background-position:-104px -325px; } ul#NAVIGATION.DE ul .ARCHIV.ACTIVE, ul#NAVIGATION.DE ul .ARCHIV.ACTIVE:hover { background-position:-104px -343px; } ul#NAVIGATION.DE ul .DOWNLOADS:hover { background-position:-104px -361px; } ul#NAVIGATION.DE ul .KRITIKEN:hover { background-position:-104px -379px; } ul#NAVIGATION.DE ul .ARCHIV:hover { background-position:-104px -397px; } /* Footer-Navi */ #FOOTER { position:absolute; bottom:15px; right:-7px; width:473px; border-top:solid #741a5c 10px; overflow:hidden; padding:12px 0 0; } #FOOTER ul { list-style-type:none; float:right; margin-right:-1px; } #FOOTER li { float:left; overflow:hidden; margin-left:-1px; } #FOOTER a { font-size:10px; text-transform:uppercase; color:#304c6b; text-decoration:none; background:url(/imgs/trenner.gif) no-repeat 100% 1px; padding:0 17px; } #FOOTER a.ACTIVE { font-weight:bold; } ul#BLAETTERN { position:absolute; left:313px; bottom:12px; z-index:100; list-style-type:none; background:#ccc; } ul#BLAETTERN li { float:left; font-size:10px; text-transform:uppercase; font-weight:bold; line-height:14px; } ul#BLAETTERN li a.PREVIOUS, ul#BLAETTERN li a.OVERVIEW, ul#BLAETTERN li a.NEXT { color:#fff !important; } ul#BLAETTERN li a.PREVIOUS { background:url(/imgs/ic_previous.gif) no-repeat 42px 3px; padding:0 17px 0 59px; } ul#BLAETTERN li a.OVERVIEW { padding:0 18px 0 16px; } ul#BLAETTERN li a.NEXT { background:url(/imgs/ic_next.gif) no-repeat 59px 3px; padding:0 59px 0 19px; } .DE ul#BLAETTERN li a.NEXT { background:url(/imgs/ic_next.gif) no-repeat 55px 3px; padding:0 59px 0 19px; } ul#BLAETTERN li a.PREVIOUS:hover, ul#BLAETTERN li a.OVERVIEW:hover, ul#BLAETTERN li a.NEXT:hover { color:#666 !important; } /* JavaScript-Scrolling */ #OUTER_CONTENT { position:absolute; top:0; left:0; height:292px; width:397px; overflow:hidden; } #INNER_CONTENT_TEXT #OUTER_CONTENT { position:absolute; top:84px; left:534px; height:323px; width:397px; overflow:hidden; } .DISCOGRAPHY_DETAILS.AKTUELL #INNER_CONTENT_TEXT #OUTER_CONTENT { height:305px; } .KONTAKT #OUTER_CONTENT, .CONTACT #OUTER_CONTENT { height:150px; left:33px; } /* Scroller */ a.lineup, a.linedown { background-image:url(/imgs/arrows.gif); background-repeat:no-repeat; width:9px; height:11px; display:block; cursor:pointer; position:absolute; right:12px; overflow:hidden; line-height:5000px; } a.lineup { bottom:101px; background-position:0 0; } a.linedown { bottom:85px; background-position:0 -11px; } a.lineup:hover { bottom:101px; background-position:0 -22px; } a.linedown:hover { bottom:85px; background-position:0 -33px; } /* Bilder */ img.KEY_VISUAL { position:absolute; top:120px; z-index:11; } p.BU { position:absolute; bottom:-7px; left:30px; color:#256ea4; font-size:13px; line-heig4ht:16px; } p.BU .COPYRIGHT { color:#999; font-size:10px; line-height:14px; text-transform:uppercase; } /* Label */ span.LABEL { font-size:11px; color:#fff; font-weight:bold; text-transform:uppercase; background:#b04a8b; padding:1px 5px; }