body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 17px; color: #000000; background-color: #39414e; margin: 0px; padding: 0px; } a {text-decoration: none; color: #000000;} a:hover { text-decoration: underline;} a:active, a:focus{outline: none; } a.orange9pxbold {text-decoration: none; font-size: 9px; color: #D9730F; font-weight: bold;} a.orange9pxbold:hover {text-decoration: underline; font-size: 9px; color: #D9730F; font-weight: bold;} a.grau9px212832 {text-decoration: none; font-size: 9px; color: #212832;} a.grau9px212832:hover {text-decoration: underline; font-size: 9px; color: #212832;} .black9px { font-size: 9px; line-height: 17px; font-weight: normal; color: #000000; } .black10px { font-size: 10px; line-height: 17px; font-weight: normal; color: #000000; } .black10px20h { font-size: 10px; line-height: 19px; font-weight: normal; color: #000000; } .black11px { font-size: 11px; line-height: 17px; font-weight: normal; color: #000000; } .black12px { font-size: 12px; line-height: 17px; font-weight: normal; color: #000000; } .black14pxbold { font-size: 14px; line-height: 17px; font-weight: bold; color: #000000; } .grau10px { font-size: 10px; font-weight: normal; color: #575757; } .white9komma5px { font-size: 10px; line-height: 17px; font-weight: normal; color: #FFF; letter-spacing: -0.05em; } .orange11pxbold { font-size: 11px; line-height: 17px; font-weight: bold; color: #E06B0C; } .orange12pxbold { font-size: 12px; line-height: 17px; font-weight: bold; color: #E06B0C; } .orange14pxbold { font-size: 14px; line-height: 17px; font-weight: bold; color: #E06B0C; } h1 { font-size: 12px; font-weight: bold; color: #E06B0C; padding: 0px; margin: 0px 0px 6px 0px; } h2 { font-size: 11px; font-weight: bold; color: #000; padding: 0px; margin: 0px 0px 6px 0px; } h3 { font-size: 14px; font-weight: bold; color: #000; padding: 0px; margin: 4px 0px 6px 0px; } p { padding: 0px; margin: 0px 0px 6px 0px; text-align: left; } div {position: absolute; margin: 0; padding: 0; width: 328px; height: 276px; z-index: 2; top: 707px; left: 166px; } /*SCROLLER*/ #divUpControl {position:absolute; width:21px; height: 21px; left:409px; top:40px; z-index:5} #divDownControl {position:absolute; width:21px; height: 21px; left:409px; top:234px; z-index:5} #divContainer {position:absolute; width:360px; height:215px; overflow:hidden; top:41px; left:71px; clip:rect(0,360,215,0); visibility:hidden } #divContent {position:absolute; top:5; left:0 } /*END SCROLLER*/ div#center {position: absolute; width: 860px; height: 620px; top: 50%; left: 50%; margin-top: -310; margin-left: -430; background-image: url(band-berlin-bilder/the-boys-of-summer-bg.jpg); z-index: 1} /*div#center {position: absolute; width: 860px; height: 620px; top: 0; left: 0; background-image: url(band-berlin-bilder/the-boys-of-summer-bg.jpg); z-index: 1}*/ div#trans {position: absolute; width: 520px; height: 81px; top: 37px; left: 39px; z-index: 10} div#logo {position: absolute; width: 222px; height: 210px; top: 11px; left: 584px; z-index: 10} div#willkommen {position: absolute; width: 349px; height: 150px; top: 310px; left: 457px; z-index: 10} div#index_bild {position: absolute; width: 348px; height: 346px; top: 210px; left: 49px; z-index: 2} /*NAVIGATION OBEN*/ div#navi_oben {position: absolute; margin: 0; padding: 0; height: 20px; top: 138px; left: 49px; z-index: 2} div#navi_oben div {position: absolute; margin: 0; padding: 0; height: 20px; top: 0px; z-index: 2} div#navi_oben div a {text-decoration: none; color: #75797f; font-size: 1px; display: block; width: 100%; height: 20px; margin: 0; padding: 0} div#contact, div#contact1 {width: 106px; left: 0px} div#contact a {background-image: url(band-berlin-bilder/band-berlin-contact-0.jpg)} div#contact a:hover, div#contact1 a {background-image: url(band-berlin-bilder/band-berlin-contact-1.jpg)} div#impress, div#impress1 {width: 102px; left: 176px} div#impress a {background-image: url(band-berlin-bilder/band-berlin-impress-0.jpg)} div#impress a:hover, div#impress1 a {background-image: url(band-berlin-bilder/band-berlin-impress-1.jpg)} div#links, div#links1 {width: 93px; left: 348px} div#links a {background-image: url(band-berlin-bilder/band-berlin-links-0.jpg)} div#links a:hover, div#links1 a {background-image: url(band-berlin-bilder/band-berlin-links-1.jpg)} /*ENDE NAVIGATION OBEN*/ /*NAVIGATION UNTEN*/ div#navi_unten {position: absolute; margin: 0; padding: 0; height: 30px; top: 556px; left: 49px; z-index: 2} div#navi_unten div {position: absolute; margin: 0; padding: 0; height: 30px; top: 0px; z-index: 2} div#navi_unten div a {text-decoration: none; color: #39414e; font-size: 1px; display: block; width: 100%; height: 30px; margin: 0; padding: 0} div#news, div#news1 {width: 67px; left: 0px} div#news a {background-image: url(band-berlin-bilder/band-berlin-news-0.jpg)} div#news a:hover, div#news1 a {background-image: url(band-berlin-bilder/band-berlin-news-1.jpg)} div#band, div#band1 {width: 63px; left: 127px} div#band a {background-image: url(band-berlin-bilder/band-berlin-band-0.jpg)} div#band a:hover, div#band1 a {background-image: url(band-berlin-bilder/band-berlin-band-1.jpg)} div#gallery, div#gallery1 {width: 98px; left: 250px} div#gallery a {background-image: url(band-berlin-bilder/band-berlin-gallery-0.jpg)} div#gallery a:hover, div#gallery1 a {background-image: url(band-berlin-bilder/band-berlin-gallery-1.jpg)} div#shop, div#shop1 {width: 67px; left: 408px} div#shop a {background-image: url(band-berlin-bilder/band-berlin-shop-0.jpg)} div#shop a:hover, div#shop1 a {background-image: url(band-berlin-bilder/band-berlin-shop-1.jpg)} div#gigs, div#gigs1 {width: 63px; left: 535px} div#gigs a {background-image: url(band-berlin-bilder/band-berlin-gigs-0.jpg)} div#gigs a:hover, div#gigs1 a {background-image: url(band-berlin-bilder/band-berlin-gigs-1.jpg)} div#booking, div#booking1 {width: 99px; left: 658px} div#booking a {background-image: url(band-berlin-bilder/band-berlin-booking-0.jpg)} div#booking a:hover, div#booking1 a {background-image: url(band-berlin-bilder/band-berlin-booking-1.jpg)} /*ENDE NAVIGATION UNTEN*/ /*BEGIN SEITE NEWS*/ div#formular {position: absolute; width: 192px; height: 54px; top: 55px; left: 576px; z-index: 2} div#newsletter {position: absolute;width: 164px; height: 61px; top: 0px; left: 0px; background-image: url(band-berlin-bilder/band-berlin-newsletter.jpg); z-index: 2} div#go {position: absolute;width: 36px; height: 41px; top: 11px; left: 164px; z-index: 2} /*div#go a {text-decoration: none; color: #39414e; font-size: 1px; display: block; width: 100%; height: 100%; margin: 0; padding: 0} div#go a:hover { background-image: url(band-berlin-bilder/band-berlin-go-1.jpg)}*/ input#email {position: absolute;background-color: #fff; font-size: 9px;letter-spacing: 0em; border: 1px solid #fff; width: 132px; height: 17px; margin-left: 23px; margin-top: 25px} /*div#flagge {width: 83px; height: 54px; top: 55px; left: 767px; background-image: url(band-berlin-bilder/band-berlin-en.jpg); z-index: 2}*/ div#flagge {position: absolute; width: 59px; height: 41px; top: 66px; left: 776px; z-index: 2} div#scroll_bg {position: absolute;width: 468px; height: 292px; top: 208px; left: 10px; background-image: url(band-berlin-bilder/textfeld-news.jpg); z-index: 2} div#news_foto {position: absolute;width: 372px; height: 292px; top: 208px; left: 478px; z-index: 2} /*ENDE SEITE NEWS*/ /*BEGIN SEITE BAND*/ div#textfeld_band {width: 512px; height: 328px; top: 208px; left: 10px; background-image: url(band-berlin-bilder/textfeld-band.jpg); z-index: 2} div#band_start {width: 425px; height: 280px; top: 24px; left: 53px; z-index: 3} div#band_1alex {width: 425px; height: 280px; top: 24px; left: 53px; z-index: 3; visibility: hidden} div#band_2tom {width: 425px; height: 280px; top: 24px; left: 53px; z-index: 3; visibility: hidden} div#band_3stephan {width: 425px; height: 280px; top: 24px; left: 53px; z-index: 3; visibility: hidden} div#band_4marcel{width: 425px; height: 280px; top: 24px; left: 53px; z-index: 3; visibility: hidden} div#band_5jens {width: 425px; height: 280px; top: 24px; left: 53px; z-index: 3; visibility: hidden} div#band_6carsten {width: 425px; height: 280px; top: 24px; left: 53px; z-index: 3; visibility: hidden} div#foto_klick {width: 328px; height: 307px; top: 208px; left: 522px; z-index: 2} div#foto_band {width: 328px; height: 307px; top: 208px; left: 522px; z-index: 1} div#trans_band {width: 328px; height: 307px; top: 208px; left: 522px; z-index: 10} div#bu_band {width: 328px; height: 21px; top: 515px; left: 522px; z-index: 3} /*ENDE SEITE BAND*/ /*BEGIN SEITE GALLERY*/ div#gallery_links {position:absolute; width: 234px; height: 234px; top: 277px; left: 33px; z-index: 2} div#gallery_rechts {position:absolute; width: 234px; height: 234px; top: 277px; left: 292px; z-index: 3} div#gallery_links table, div#gallery_rechts table {width: 234px; height: 234px;} div#gallery_links table td, div#gallery_rechts table td {width: 58px; height: 58px;} div#quer {position:absolute; width: 298px; height: 337px; top: 208px; left: 543px; background-image: url(band-berlin-bilder/bg-bild-quer.jpg); z-index: 4} div#quer img { margin-top: 79px; margin-left: 9px;} div#hoch {position:absolute; width: 298px; height: 337px; top: 208px; left: 543px; background-image: url(band-berlin-bilder/bg-bild-hoch.jpg); z-index: 4; visibility: hidden} div#hoch img { margin-top: 7px; margin-left: 37px;} div#HL_links {position:absolute; width: 209px; height: 30px; top: 253px; left: 43px; background-image: url(band-berlin-bilder/bg-hl-links.jpg); z-index: 5} div#HL_links div {position:absolute; width: 190px; height: 20px; top: 7px; left: 14px} div#HL_rechts{position:absolute; width: 160px; height: 30px; top: 253px; left: 299px; background-image: url(band-berlin-bilder/bg-hl-rechts.jpg); z-index: 5} div#HL_rechts div {position:absolute; width: 140px; height: 20px; top: 7px; left: 16px} /*ENDE SEITE GALLERY*/ /*BEGIN SEITE SHOP*/ div#shop_text {width: 435px; height: 262px; top: 215px; left: 39px; background-image: url(band-berlin-bilder/bg-text-shop.jpg); z-index: 2} div#kopfzeilen {position: absolute; width: 300px; height: 50px; top: 23px; left: 60px; z-index: 5;} div#tabelle { width: 220px; height: 100px; top: 71px; left: 41px; z-index: 6} div#fusszeilen { width: 300px; height: 50px; top: 220px; left: 60px; z-index: 7} table#titel td {height: 14px; font-size: 10px;} a.mp3 {background-image: url(band-berlin-bilder/speaker-0.gif); background-repeat: no-repeat; width: 100%; display: block; text-decoration: none; padding-left:20px} a.mp3:hover {background-image: url(band-berlin-bilder/speaker-1.gif); text-decoration: underline; background-repeat: no-repeat;} a.mp3:active,a.mp3:focus {background-image: url(band-berlin-bilder/speaker-1.gif); text-decoration: underline; background-repeat: no-repeat;} div#shop_zeile1 {width: 435px; height: 24px; top: 477px; left: 39px; background-image: url(band-berlin-bilder/bg-zeile1-shop.jpg); z-index: 2} div#shop_zeile1 div {width: 410px; height: 15px; top: 6px; left: 28px; z-index: 2} div#shop_zeile1 td {font-size: 9px; color: #212832;} div#shop_zeile2 {width: 435px; height: 25px; top: 501px; left: 39px; background-image: url(band-berlin-bilder/bg-zeile2-shop.jpg); z-index: 2} div#shop_zeile2 div {width: 410px; height: 15px; top: 3px; left: 25px; z-index: 2} div#shop_bild {width: 280px; height: 262px; top: 220px; left: 550px; z-index: 2} div#cd2bild {width: 280px; height: 150px; top: 460px; left: 550px; z-index: 2} div#cd3bild {width: 280px; height: 150px; top: 0px; left: 120px; z-index: 2} /*ENDE SEITE SHOP*/ /*BEGIN SEITE GIGS*/ div#bild_gigs {width: 272px; height: 273px; top: 216px; left: 496px; z-index: 2} /*ENDESEITE GIGS*/ /*BEGIN SEITE BOOKING*/ div#bg_text_booking {width: 456px; height: 269px; top: 215px; left: 39px; background-image: url(band-berlin-bilder/bg-text-booking.jpg); z-index: 2} div#text_booking {width: 260px; height: 140px; top: 33px; left: 52px; z-index: 3} div#bilder_booking {width: 372px; height: 140px; top: 108px; left: 47px; z-index: 2} div#bg_zeile_booking {width: 456px; height: 26px; top: 484px; left: 39px; background-image: url(band-berlin-bilder/bg-zeile-booking.jpg); z-index: 2} div#bg_zeile_booking div {width: 400px; height: 16px; top: 5px; left: 39px; z-index: 2} div#stempel_booking {width: 300px; height: 189px; top: 215px; left: 495px; z-index: 2} /*ENDE SEITE BOOKING*/ /*BEGIN SEITE CONTACT*/ div#bg_text_contact {width: 440px; height: 204px; top: 252px; left: 39px; background-image: url(band-berlin-bilder/bg-text-contact.jpg); z-index: 2} div#text_contact {width: 346px; height: 152px; top: 29px; left: 44px; z-index: 2} /*ENDE SEITE CONTACT*/ /*BEGIN SEITE IMPRESS*/ div#bg_text_impress {width: 461px; height: 340px; top: 200px; left: 39px; background-image: url(band-berlin-bilder/bg-text-impress.jpg); z-index: 2} div#text_impress {width: 382px; height: 277px; top: 35px; left: 45px; z-index: 2} /*ENDE SEITE IMPRESS*/ /*BEGIN SEITE LINKS*/ div#bg_text_links {width: 461px; height: 340px; top: 200px; left: 39px; background-image: url(band-berlin-bilder/bg-text-links.jpg); z-index: 2} div#text_links {width: 359px; height: 250px; top: 35px; left: 45px; z-index: 2} br.enger {line-height: 10px} /*ENDE SEITE LINKS*/ /*LIGHTBOX*/ /*ENDE LIGHTBOX*/.cd2bild { }