BODY { width: 100%; height: 100%; margin: 0; padding: 0; background-image: url(../../_img/_de/_bg/bg.gif); font: 75% verdana, sans-serif; } #SITE_WRAP { width: 100%; height: 100%; } #HEADER_WRAP { width: 100%; height: 195px; background-image: url(../../_img/_de/_bg/header.gif); } #HEADER_BOX { margin-left: auto; margin-right: auto; background-color: #FFFFFF; background-image: url(../../_img/_de/_bg/header_box.gif); width: 720px; height: 195px; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; } #HEADER_MENU { float: left; width: 470px; height: 195px; } .menu { list-style-type: none; margin: 0; padding: 0; margin-top: 30px; } .menu a { } .menu li { position:relative; } .menu li.active { background-image: url(../../_img/_de/_mainmenu/arrow.gif); background-repeat: no-repeat; } .menu li.active a { background-position: 40px -20px; } .menu li ul { display:inline; list-style:none; position:absolute; top:0px; } .menu li ul li { margin:0; display:block; } * html .menu li ul { } .menu li:hover ul li { display:block; } .menu li ul li { margin:0; display:none; } ul.menu li.hover ul li { display:block; } /* HOME */ .home { width: 82px; height: 20px; } .link-home { width: 82px; background-image: url(../../_img/_de/_nav/home.gif); background-repeat: no-repeat; background-position: 40px 0px; height: 20px; text-indent: -9999px; } .link-home:hover { background-position: 40px -20px; } .home a { display: block; } .home ul { left: 82px; margin: 0; padding: 0; } /* PHILOSOPHIE */ .philosophie { width: 107px; height: 20px; } .link-philosophie { width: 107px; background-image: url(../../_img/_de/_nav/philosophie.gif); background-repeat: no-repeat; background-position: 40px 0px; height: 20px; text-indent: -9999px; } .link-philosophie:hover { background-position: 40px -20px; } .philosophie a { display: block; } .philosophie ul { left: 107px; margin: 0; padding: 0; } /* BIOGRAPHIE */ .biographie { width: 110px; height: 20px; } .link-biographie { width: 110px; background-image: url(../../_img/_de/_nav/biographie.gif); background-repeat: no-repeat; background-position: 40px 0px; height: 20px; text-indent: -9999px; } .link-biographie:hover { background-position: 40px -20px; } .biographie a { display: block; } .biographie ul { left: 110px; margin: 0; padding: 0; } /* BUSINESS-ON-STAGE */ .business-on-stage { width: 148px; height: 20px; } .link-business-on-stage { width: 148px; background-image: url(../../_img/_de/_nav/business-on-stage.gif); background-repeat: no-repeat; background-position: 40px 0px; height: 20px; text-indent: -9999px; } .link-business-on-stage:hover { background-position: 40px -20px; } .business-on-stage a { display: block; } .business-on-stage ul { left: 148px; margin: 0; padding: 0; } /* GESANG */ .gesang { width: 89px; height: 20px; } .link-gesang { width: 89px; background-image: url(../../_img/_de/_nav/gesang.gif); background-repeat: no-repeat; background-position: 40px 0px; height: 20px; text-indent: -9999px; } .link-gesang:hover { background-position: 40px -20px; } .gesang a { display: block; } .gesang ul { left: 89px; margin: 0; padding: 0; } /* KOMMUNIKATIONS + SPRACHTRAINING */ .kommunikation { width: 244px; height: 20px; } .link-kommunikation { width: 244px; background-image: url(../../_img/_de/_nav/kommunikations-uns-sprachtraining.gif); background-repeat: no-repeat; background-position: 40px 0px; height: 20px; text-indent: -9999px; } .link-kommunikation:hover { background-position: 40px -20px; } .kommunikation a { display: block; } .kommunikation ul { left: 244px; margin: 0; padding: 0; } /* KONTAKT */ .kontakt { width: 94px; height: 20px; } .link-kontakt { width: 94px; background-image: url(../../_img/_de/_nav/kontakt.gif); background-repeat: no-repeat; background-position: 40px 0px; height: 20px; text-indent: -9999px; } .link-kontakt:hover { background-position: 40px -20px; } .kontakt a { display: block; } .kontakt ul { left: 94px; margin: 0; padding: 0; } /* IMPRESSUM */ .impressum_m { width: 111px; height: 20px; } .link-impressum_m { width: 111px; background-image: url(../../_img/_de/_nav/impressum.gif); background-repeat: no-repeat; background-position: 40px 0px; height: 20px; text-indent: -9999px; } .link-impressum_m:hover { background-position: 40px -20px; } .impressum_m a { display: block; } .impressum_m ul { left: 111px; margin: 0; padding: 0; } /* SUB HOME */ * html .home ul { margin: 0; padding: 0; } /* PRESSE */ .presse { border-left: 1px solid #FFFFFF; width: 45px; height: 20px; } .menu li.active .link-presse, .link-presse { width: 45px; background-image: url(../../_img/_de/_nav/presse.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 20px; text-indent: -9999px; } .menu li.active .link-presse:hover, .link-presse:hover { background-position: 0px -20px; } .presse ul { left: 45px; margin: 0; padding: 0; } /* SUB BIOGRAPHIE */ * html .biographie ul { margin: 0; padding: 0; } /* VITA */ .vita { width: 31px; height: 20px; } .menu li.active .link-vita, .link-vita { width: 31px; background-image: url(../../_img/_de/_nav/vita.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 20px; text-indent: -9999px; } .menu li.active .link-vita:hover, .link-vita:hover { background-position: 0px -20px; } .vita ul { left: 31px; margin: 0; padding: 0; } /* REPERTOIRE */ .repertoire { border-left: 1px solid #FFFFFF; width: 66px; height: 20px; } .menu li.active .link-repertoire, .link-repertoire { width: 66px; background-image: url(../../_img/_de/_nav/repertoire.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-repertoire:hover, .link-repertoire:hover { background-position: 0px -20px; } .repertoire ul { left: 66px; margin: 0; padding: 0; } /* ENGAGEMENTS */ .engagements { border-left: 1px solid #FFFFFF; width: 86px; height: 20px; } .menu li.active .link-engagements, .link-engagements { width: 86px; background-image: url(../../_img/_de/_nav/engagements.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-engagements:hover, .link-engagements:hover { background-position: 0px -20px; } .engagements ul { left: 86px; margin: 0; padding: 0; } /* SUB BUSINESS-ON-STAGE */ * html .business-on-stage ul { margin: 0; padding: 0; } /* PROJEKTE */ .projekte { border-left: 1px solid #FFFFFF; width: 57px; height: 20px; } .menu li.active .link-projekte, .link-projekte { width: 57px; background-image: url(../../_img/_de/_nav/projekte.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-projekte:hover, .link-projekte:hover { background-position: 0px -20px; } .projekte ul { left: 57px; margin: 0; padding: 0; } /* REFERENZEN */ .referenzen { border-left: 1px solid #FFFFFF; width: 70px; height: 20px; } .menu li.active .link-referenzen, .link-referenzen { width: 70px; background-image: url(../../_img/_de/_nav/referenzen.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-referenzen:hover, .link-referenzen:hover { background-position: 0px -20px; } .referenzen ul { left: 70px; margin: 0; padding: 0; } /* SUB GESANG */ * html .gesang ul { margin: 0; padding: 0; } /* SCHON GEHOERT */ .schon-gehoert { border-left: 1px solid #FFFFFF; width: 89px; height: 20px; } .menu li.active .link-schon-gehoert, .link-schon-gehoert { width: 89px; background-image: url(../../_img/_de/_nav/schon-gehoert.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-schon-gehoert:hover, .link-schon-gehoert:hover { background-position: 0px -20px; } .schon-gehoert ul { left: 89px; margin: 0; padding: 0; } /* SCHON GESEHEN */ .schon-gesehen { border-left: 1px solid #FFFFFF; width: 98px; height: 20px; } .menu li.active .link-schon-gesehen, .link-schon-gesehen { width: 98px; background-image: url(../../_img/_de/_nav/schon-gesehen.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-schon-gesehen:hover, .link-schon-gesehen:hover { background-position: 0px -20px; } .schon-gesehen ul { left: 98px; margin: 0; padding: 0; } /* SUB KOMMUNIKATIONS- UND SPRACHTRAINING */ * html .kommunikation ul { margin: 0; padding: 0; } /* LEISTUNGSKATALOG */ .leistungskatalog { border-left: 1px solid #FFFFFF; width: 102px; height: 20px; } .menu li.active .link-leistungskatalog, .link-leistungskatalog { width: 102px; background-image: url(../../_img/_de/_nav/leistungskatalog.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-leistungskatalog:hover, .link-leistungskatalog:hover { background-position: 0px -20px; } .leistungskatalog ul { left: 102px; margin: 0; padding: 0; } /* TRAINING */ .training { border-left: 1px solid #FFFFFF; width: 53px; height: 20px; } .menu li.active .link-training, .training { width: 53px; background-image: url(../../_img/_de/_nav/training.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-training:hover, .link-training:hover { background-position: 0px -20px; } .training ul { left: 53px; margin: 0; padding: 0; } /* VORTRAG */ .vortrag { border-left: 1px solid #FFFFFF; width: 51px; height: 20px; } .menu li.active .link-vortrag, .link-vortrag { width: 51px; background-image: url(../../_img/_de/_nav/vortrag.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-vortrag:hover, .link-vortrag:hover { background-position: 0px -20px; } .vortrag ul { left: 51px; margin: 0; padding: 0; } /* REFERENZEN */ .referenzen_kom { border-left: 1px solid #FFFFFF; width: 70px; height: 20px; } .menu li.active .link-referenzen_kom, .link-referenzen_kom { width: 70px; background-image: url(../../_img/_de/_nav/referenzen.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-referenzen_kom:hover, .link-referenzen_kom:hover { background-position: 0px -20px; } .referenzen_kom ul { left: 70px; margin: 0; padding: 0; } /* SUB IMPRESSUM */ * html .impressum_m ul { margin: 0; padding: 0; } /* DATENSCHUTZ */ .datenschutz { border-left: 1px solid #FFFFFF; width: 79px; height: 20px; } .menu li.active .link-datenschutz, .link-datenschutz { width: 79px; background-image: url(../../_img/_de/_nav/datenschutz.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-datenschutz:hover, .link-datenschutz:hover { background-position: 0px -20px; } .datenschutz ul { left: 79px; margin: 0; padding: 0; } /* HAFTUNGSAUSSCHLUSS */ .haftungsausschluss { border-left: 1px solid #FFFFFF; width: 119px; height: 20px; } .menu li.active .link-haftungsausschluss, .link-haftungsausschluss { width: 119px; background-image: url(../../_img/_de/_nav/haftungsausschluss.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 20px; text-indent: -9999px; } .menu li.active .link-haftungsausschluss:hover, .link-haftungsausschluss:hover { background-position: 0px -20px; } .haftungsausschluss ul { left: 119px; margin: 0; padding: 0; } #HEADER_LOGO { float: left; width: 250px; height: 195px; } #HEADER_LOGO_MENU { float: left; width: 250px; height: 20px; } #HEADER_LOGO_MENU a { text-indent: -9999px; float: left; display: block; height: 20px; } .link-impressum { margin-left: 1px; width: 75px; background-image: url(../../_img/_de/_topnav/impressum.gif); } .link-impressum:hover { background-position: 0px 20px; } .link-deutsch { margin-left: 56px; width: 63px; background-image: url(../../_img/_de/_topnav/deutsch.gif); } .link-deutsch:hover { background-position: 0px 20px; } .link-english { margin-left: -6px; width: 60px; background-image: url(../../_img/_de/_topnav/english.gif); } .link-english:hover { background-position: 0px 20px; } #HEADER_LOGO_LINK { float: left; width: 250px; height: 175px; } #HEADER_LOGO_LINK a { display: block; width: 250px; height: 175px; background-image: url(../../_img/_de/_logo/tobias-frank.gif); text-indent: -9999px; } #TITLE_WRAP { width: 100%; height: 417px; background-image: url(../../_img/_de/_bg/title.gif); background-repeat: repeat-x; } #TITLE_BOX { margin-left: auto; margin-right: auto; background-color: #C0A063; width: 720px; height: 255px; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; background-image: url(../../_img/_de/_bg/title-top.gif); background-repeat: no-repeat; } #TITLE_SLOG { float: left; width: 470px; height: 250px; margin-top: 5px; background-image: url(../../_img/_de/_bg/title-slog.gif); } #TITLE_AREA { float: left; width: 150px; height: 45px; background-color: #9E8454; } .title_area-home { display: block; width: 150px; height: 45px; background-image: url(../../_img/_de/_sitetitle/home.gif); } #TITLE_IMAGE { float: left; width: 141px; height: 250px; border-left: 1px solid #FFFFFF; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank.jpg); background-position: -25px; background-repeat: no-repeat; } #TITLE_IMAGE1{ float: left; width: 141px; height: 250px; border-left: 1px solid #FFFFFF; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank1.jpg); background-position: -25px; background-repeat: no-repeat; } #TITLE_BLANK { float: left; width: 108px; height: 250px; margin-top: 5px; background-image: url(../../_img/_de/_bg/title-blank.gif); background-repeat: repeat-x; background-position: bottom; } #TITLE_SLOGAN { margin-left: auto; margin-right: auto; background-color: #C0A063; width: 720px; height: 160px; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; border-top: 1px solid #FFFFFF; margin-bottom: 0; background-image: url(../../_img/_de/_title/gesang_kommunikation.gif); background-repeat: no-repeat; } #TITLE_WRAP_SUB { width: 100%; height: 100px; background-image: url(../../_img/_de/_bg/title.gif); background-repeat: repeat-x; } #TITLE_BOX_SUB { margin-left: auto; margin-right: auto; background-color: #C0A063; width: 720px; height: 100px; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; background-image: url(../../_img/_de/_bg/title-top.gif); background-repeat: no-repeat; } #TITLE_SLOG_SUB { float: left; width: 470px; height: 100px; margin-top: 5px; background-image: url(../../_img/_de/_bg/title_slog_bl.gif); } #TITLE_AREA_SUB { float: left; width: 150px; height: 45px; background-color: #9E8454; } .title_area-home { display: block; width: 150px; height: 45px; background-image: url(../../_img/_de/_sitetitle/home.gif); } .title_area-biographie { display: block; width: 150px; height: 45px; background-image: url(../../_img/_de/_sitetitle/biographie.gif); } .title_area-komminkations-und-sprachtraining { display: block; width: 150px; height: 45px; background-image: url(../../_img/_de/_sitetitle/kommunikations-und-sprachtraining.gif); } .title_area-business-on-stage { display: block; width: 150px; height: 45px; background-image: url(../../_img/_de/_sitetitle/business-on-stage.gif); } .title_area-gesang { display: block; width: 150px; height: 45px; background-image: url(../../_img/_de/_sitetitle/gesang.gif); } .title_area-impressum { display: block; width: 150px; height: 45px; background-image: url(../../_img/_de/_sitetitle/impressum.gif); } .title_area-kontakt { display: block; width: 150px; height: 45px; background-image: url(../../_img/_de/_sitetitle/kontakt.gif); } .title_area-philosophie { display: block; width: 150px; height: 45px; background-image: url(../../_img/_de/_sitetitle/philosophie.gif); } #TITLE_IMAGE_SUB { float: left; width: 167px; height: 100px; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank_sml.jpg); } #TITLE_IMAGE_SUB1 { float: left; width: 167px; height: 100px; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank_sml1.jpg); } #TITLE_IMAGE_SUB2 { float: left; width: 167px; height: 100px; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank_sml2.jpg); } #TITLE_IMAGE_SUB3 { float: left; width: 167px; height: 100px; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank_sml3.jpg); } #TITLE_IMAGE_SUB4 { float: left; width: 167px; height: 100px; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank_sml4.jpg); } #TITLE_IMAGE_SUB5 { float: left; width: 167px; height: 100px; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank_sml5.jpg); } #TITLE_IMAGE_SUB6 { float: left; width: 167px; height: 100px; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank_sml6.jpg); } #TITLE_IMAGE_SUB7 { float: left; width: 167px; height: 100px; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank_sml7.jpg); } #TITLE_IMAGE_SUB8 { float: left; width: 167px; height: 100px; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank_sml8.jpg); } #TITLE_IMAGE_SUB9 { float: left; width: 167px; height: 100px; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank_sml9.jpg); } #TITLE_IMAGE_SUB10 { float: left; width: 167px; height: 100px; margin-top: 5px; background-image: url(../../_img/_images/portrait_tobias-frank_sml10.jpg); } #TITLE_BLANK_SUB { float: left; width: 83px; height: 100px; margin-top: 5px; background-image: url(../../_img/_de/_bg/title-blank.gif); background-repeat: repeat-x; background-position: bottom; } #CONTENT_WRAP { width: 100%;} #CONTENT_WRAP_BOX { margin-left: auto; margin-right: auto; width: 760px; } #CONTENT_BOX { float: left; background-color: #FFFFFF; background-image: url(../../_img/_de/_bg/content_box.gif); background-repeat: no-repeat; width: 720px; min-height: 200px; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; border-bottom: 60px solid #FFFFFF; } #CONTENT { float: left; width: 720px; margin-top: 20px; } #TEXT { float: left; width: 470px; margin-bottom: 20px; } h1 { display: block; margin: 0; padding: 0; background-repeat: no-repeat; margin-left: 20px; margin-right: 35px; height: 85px; text-indent: -9999px; } h1.header-biographie { background-image: url(../../_img/_de/_h1/biographie.gif); } h1.header-vita { background-image: url(../../_img/_de/_h1/vita.gif); } h1.header-business-on-stage { background-image: url(../../_img/_de/_h1/business-on-stage.gif); } h1.header-projekte { background-image: url(../../_img/_de/_h1/projekte.gif); } h1.header-referenzen { background-image: url(../../_img/_de/_h1/referenzen.gif); } h1.header-gesang { background-image: url(../../_img/_de/_h1/gesang.gif); } h1.header-schon-gehoert { background-image: url(../../_img/_de/_h1/schon-gehoert.gif); } h1.header-schon-gesehen { background-image: url(../../_img/_de/_h1/schon-gesehen.gif); } h1.header-kommunikations { background-image: url(../../_img/_de/_h1/kommunikations.gif); } h1.header-leistungskatalog { background-image: url(../../_img/_de/_h1/leistungskatalog.gif); } h1.header-kontakt { background-image: url(../../_img/_de/_h1/kontakt.gif); } h1.header-email { background-image: url(../../_img/_de/_h1/email.gif); } h1.header-impressum { background-image: url(../../_img/_de/_h1/impressum.gif); } h1.header-datenschutz { background-image: url(../../_img/_de/_h1/datenschutz.gif); } h1.header-haftungsausschluss { background-image: url(../../_img/_de/_h1/haftungsausschluss.gif); } h1.header-philosophie { background-image: url(../../_img/_de/_h1/philosophie.gif); } h1.header-repertoire-oper { background-image: url(../../_img/_de/_h1/repertoire-oper.gif); } h1.header-repertoire-konzert { background-image: url(../../_img/_de/_h1/repertoire-konzert.gif); } h1.header-repertoire-liederzyklen { background-image: url(../../_img/_de/_h1/repertoire-liederzyklen.gif); } h1.header-engagements { background-image: url(../../_img/_de/_h1/engagements.gif); } h1.header-presse { background-image: url(../../_img/_de/_h1/presse.gif); } h2 { display: block; margin: 0; padding: 0; background-repeat: no-repeat; margin-left: 20px; margin-right: 35px; height: 85px; text-indent: -9999px; } h2.header-leistungskatalog { background-image: url(../../_img/_de/_h2/leistungskatalog.gif); } h2.header-ausbildung { background-image: url(../../_img/_de/_h2/ausbildung.gif); } h2.header-meisterkurse { background-image: url(../../_img/_de/_h2/meisterkurse.gif); } h2.header-engagements { background-image: url(../../_img/_de/_h2/engagements.gif); } h2.header-repertoire-liederzyklen { background-image: url(../../_img/_de/_h2/repertoire-liederzyklen.gif); } h2.header-hospitanz { background-image: url(../../_img/_de/_h2/hospitanz.gif); } h2.header-kultur { background-image: url(../../_img/_de/_h2/kultur.gif); } h2.header-das-besondere { background-image: url(../../_img/_de/_h2/das-besondere.gif); } h2.header-einfach-reinhoeren { background-image: url(../../_img/_de/_h2/einfach-reinhoeren.gif); } h2.header-einfach-ansehen { background-image: url(../../_img/_de/_h2/einfach-ansehen.gif); } h2.header-stimme { background-image: url(../../_img/_de/_h2/stimme.gif); } h2.haeder-weil-jede-stimme-zaehlt { background-image: url(../../_img/_de/_h2/weil-jede-stimme-zaehlt.gif); } h2.header-improvisationstraining { background-image: url(../../_img/_de/_h2/improvisationstraining.gif); } h2.header-wie-funktioniert-meine-stimme { background-image: url(../../_img/_de/_h2/wie-funktioniert-meine-stimme.gif); } .text-line { display: block; margin: 0; padding: 0; margin-left: 20px; margin-right: 35px; height: 2px; margin-bottom: 20px; background-image: url(../../_img/_de/_bg/text-line.gif); background-repeat: repeat-x; } p { margin-left: 25px; padding-left: 13px; margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; padding-right: 45px; color: #504C48; line-height: 1.5em; } p a { color: #C0A063; } p.note { clear: both; background-color: #F8F5EF; margin-top: 5px; font-style: italic; margin-right: 25px; padding-left: 65px; background-image: url(../../_img/_de/_bg/note.gif); background-repeat: no-repeat; } p.note a { color: #C0A063; } p.note_name { background-color: #F8F5EF; font-style: italic; margin-right: 25px; padding-left: 65px; text-align: right; padding-top: 0px; } p.listing { clear: both; background-color: #F8F5EF; margin-top: 5px; margin-right: 25px; padding-left: 13px; background-repeat: no-repeat; } p.listing_name { background-color: #F8F5EF; font-style: italic; margin-right: 25px; padding-left: 65px; text-align: right; padding-top: 0px; } .clear { clear: both; } .border { bordeR: none; } p a.image { float: left; margin-bottom: 20px; margin-right: 10px; margin-left: 0px; } p a.image_ref { float: left; margin-bottom: 20px; margin-right: 10px; margin-left: 0px; } p a.image img { border: 3px solid #F8F5EF; } p a.image_ref img { border: 3px solid #F8F5EF; } p a.none { display: none; } div.video { float: left; width: 367px; height: 300px; border: 3px solid #F8F5EF; margin-left: 35px; margin-top: 12px; margin-right: 10px; margin-bottom: 20px; } #TEXT ul { margin-left: 13px; } #TEXT ul li { color: #504C48; line-height: 1.5em; } #SUBMENU { float: right; width: 250px; padding-bottom: 15px; } .submenu-line { display: block; margin: 0; padding: 0; height: 2px; background-image: url(../../_img/_de/_bg/submenu-line.gif); background-repeat: repeat-x; } .submenu-line-devide { display: block; margin: 0; padding: 0; height: 1px; background-image: url(../../_img/_de/_submenu/submenu-line-devide.gif); background-repeat: repeat-x; } .submenu-line-devide-light { display: block; margin: 0; padding: 0; height: 1px; background-image: url(../../_img/_de/_submenu/submenu-line-devide-light.gif); background-repeat: repeat-x; } h3 { display: block; margin: 0; padding: 0; background-color: #FFFFFF; background-repeat: no-repeat; height: 85px; text-indent: -9999px; } h3.header-presse { background-image: url(../../_img/_de/_h3/presse.gif); } h3.header-schon-gehoert { background-image: url(../../_img/_de/_h3/schon-gehoert.gif); } h3.header-engagements { background-image: url(../../_img/_de/_h3/engagements.gif); } h3.header-repertoire { background-image: url(../../_img/_de/_h3/repertoire.gif); } h3.header-repertoire-oper { background-image: url(../../_img/_de/_h3/repertoire-oper.gif); } h3.header-kontakt { background-image: url(../../_img/_de/_h3/kontakt.gif); } h3.header-referenzen { background-image: url(../../_img/_de/_h3/referenzen.gif); } h3.header-profile { background-image: url(../../_img/_de/_h3/profile.gif); } h3.header-kontaktformular { background-image: url(../../_img/_de/_h3/kontakt-formular.gif); } h3.header-weitere-artikel { background-image: url(../../_img/_de/_h3/weitere-artikel.gif); } #SUBMENU p { background-image: url(../../_img/_de/_submenu/arrow.gif); background-repeat: no-repeat; background-color: #3D3229; border: none; margin: 0; font-size: 0.8em; padding: 15px 10px 25px 20px; color: #C0A063; } #SUBMENU p a { float: right; color: #FFFFFF; text-decoration: none; background-image: url(../../_img/_de/_submenu/link.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 10px; } #SUBMENU p.tel { background-image: url(../../_img/_images/tel.gif); background-repeat: no-repeat; background-position: 20px 10px; background-color: #3D3229; border: none; margin: 0; margin-top: -10px; font-size: 1.2em; padding: 5px 10px 9px 45px; font-weight: bold; color: #C0A063; } #SUBMENU p.email { background-image: url(../../_img/_images/email.gif); background-repeat: no-repeat; background-position: 20px 10px; background-color: #3D3229; border: none; margin: 0; margin-top: -10px; font-size: 1.2em; padding: 5px 10px 9px 45px; font-weight: bold; color: #C0A063; } #SUBMENU p a:hover { text-decoration: underline; } #SUBMENU p.light { background-image: url(../../_img/_de/_submenu/arrow_light.gif); background-repeat: no-repeat; background-color: #E0D1B3; border: none; margin: 0; font-size: 0.8em; padding: 15px 10px 25px 20px; color: #3D3229; } #SUBMENU p.listing_right { background-image: none; background-color: #3D3229; border: none; margin: 0; margin-top: 5px; font-size: 1.0em; padding: 15px 10px 0px 20px; color: #C0A063; } #SUBMENU p.listing_right_name { background-image: none; background-color: #3D3229; border: none; margin: 0; font-style: italic; padding-right: 25px; text-align: right; font-size: 1.0em; padding: 0px 10px 25px 20px; color: #C0A063; } #BOTTOM_WRAP { clear: both; width: 100%; background-image: url(../../_img/_de/_bg/bottom.gif); background-repeat: repeat-x; background-position: bottom; height: 270px; } #BOTTOM_WRAP_BOX { margin-left: auto; margin-right: auto; width: 760px; height: 270px; } #BOTTOM_BOX { height: 270px; float: left; background-color: #F8F5EF; background-image: url(../../_img/_de/_bg/bottom_box.gif); background-repeat: no-repeat; width: 720px; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; } #BOTTOM_LEFT { float: left; width: 470px; } h4 { display: block; margin: 0; padding: 0; height: 50px; background-repeat: no-repeat; text-indent: -9999px; } h4.header-kalender { background-image: url(../../_img/_de/_h4/kalender.gif); } #BOTTOM_RIGHT { float: left; width: 250px; } h5 { display: block; margin: 0; padding: 0; height: 50px; background-repeat: no-repeat; text-indent: -9999px; } h5.header-follow { background-image: url(../../_img/_de/_h5/follow.gif); } #wrapper { margin: 0; padding: 0; margin-top: 11px; height: 64px;} #panes { width: 202px; height: 64px; float: left; } #panes p { width: 60px; height: 60px; padding: 0; margin: 0; border: 2px solid #CEC0A4; background-color: #FFFFFF; float: left; } #panes p.margin { margin-left: 5px; } .follow_facebook { display: block; width: 60px; height: 60px; background-image: url(../../_img/_de/_follow/facebook.gif); } .follow_twitter { display: block; width: 60px; height: 60px; background-image: url(../../_img/_de/_follow/twitter.gif); } .follow_youtube { display: block; width: 60px; height: 60px; background-image: url(../../_img/_de/_follow/youtube.gif); } #panes div div { overflow: hidden; } #previous { float: left; cursor: pointer; display: block; height: 64px; width: 14px; background-image: url(../../_img/_de/_but/previous.gif); margin-left: 10px; } #next { float: left; cursor: pointer; display: block; height: 64px; width: 14px; background-image: url(../../_img/_de/_but/next.gif); } h5.header-bookmark { background-image: url(../../_img/_de/_h5/bookmark.gif); } ul.content-bookmark { list-style-type: none; margin: 0; padding: 0; margin-left: 23px; margin-right: 23px; margin-top: 7px; } ul.content-bookmark li { float: left; margin-top: 3px; margin-left: 3px;} ul.content-bookmark li.no-margin { margin-left: 0px; } ul.content-bookmark li a { display: block; width: 20px; height: 20px; background: none; padding: 0px; background-color: #FFFFFF; } ul.content-bookmark li a:hover { background-position: 0px 20px; } ul.content-bookmark li a.mr_wong { background-image: url(../../_img/_bookmarks/mr_wong.gif); } ul.content-bookmark li a.webnews { background-image: url(../../_img/_bookmarks/webnews.gif); } ul.content-bookmark li a.bonitrust { background-image: url(../../_img/_bookmarks/bonitrust.gif); } ul.content-bookmark li a.oneview { background-image: url(../../_img/_bookmarks/oneview.gif); } ul.content-bookmark li a.linkarena { background-image: url(../../_img/_bookmarks/linkarena.gif); } ul.content-bookmark li a.favoriten { background-image: url(../../_img/_bookmarks/favoriten.gif); } ul.content-bookmark li a.seekxl { background-image: url(../../_img/_bookmarks/seekxl.gif); } ul.content-bookmark li a.readster { background-image: url(../../_img/_bookmarks/readster.gif); } ul.content-bookmark li a.icio { background-image: url(../../_img/_bookmarks/icio.gif); } ul.content-bookmark li a.favit { background-image: url(../../_img/_bookmarks/favit.gif); } ul.content-bookmark li a.linksilo { background-image: url(../../_img/_bookmarks/linksilo.gif); } ul.content-bookmark li a.folkd { background-image: url(../../_img/_bookmarks/folkd.gif); } ul.content-bookmark li a.yigg { background-image: url(../../_img/_bookmarks/yigg.gif); } ul.content-bookmark li a.digg { background-image: url(../../_img/_bookmarks/digg.gif); } ul.content-bookmark li a.delicious { background-image: url(../../_img/_bookmarks/delicious.gif); } ul.content-bookmark li a.facebook { background-image: url(../../_img/_bookmarks/facebook.gif); } ul.content-bookmark li a.reddit { background-image: url(../../_img/_bookmarks/reddit.gif); } ul.content-bookmark li a.stumbleupon { background-image: url(../../_img/_bookmarks/stumbleupon.gif); } ul.content-bookmark li a.slashdot { background-image: url(../../_img/_bookmarks/slashdot.gif); } ul.content-bookmark li a.furl { background-image: url(../../_img/_bookmarks/furl.gif); } ul.content-bookmark li a.blinklist { background-image: url(../../_img/_bookmarks/blinklist.gif); } ul.content-bookmark li a.technorati { background-image: url(../../_img/_bookmarks/technorati.gif); } ul.content-bookmark li a.newsvine { background-image: url(../../_img/_bookmarks/newsvine.gif); } ul.content-bookmark li a.blinkbits { background-image: url(../../_img/_bookmarks/blinkbits.gif); } #FOOTER_WRAP { clear: both; width: 100%; height: 152px; background-color: #FFFFFF; } #FOOTER_WRAP_BOX { margin-left: auto; margin-right: auto; width: 760px; } #FOOTER_BOX { float: left; background-color: #332A22; width: 720px; height: 150px; border-top: 2px solid #FFFFFF; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; } #FOOTER_LOGO { height: 70px; background-image: url(../../_img/_de/_logo/tobias-frank_neg.gif); background-repeat: no-repeat; background-position: 40px 25px; } #FOOTER_CONTACT { font-family: Arial; float: left; width: 320px; color: #938A7E; font-size: 0.9em; } #FOOTER_COPY { font-family: Arial; float: left; width: 400px; color: #938A7E; font-size: 0.9em; } #FOOTER_CONTACT p { color: #7E6845; } #FOOTER_COPY p { color: #7E6845; } #FOOTER_COPY a { color: #C0A063; } #FOOTER_COPY a:hover { color: #FFFFFF; } /* FOPM */ fieldset { margin: 0; border: 0; padding: 0; margin-left: 20px; margin-right: 35px; padding-left: 13px; padding-right: 45px; } label { float: left; width: 90%; display: block; font-size: 0.9em; font-weight: bold; margin-bottom: 3px; } input { float: left; width: 90%; -moz-border-radius: 5px; margin-bottom: 10px; padding: 3px; background-color: #F8F5EF; border: 1px solid #F2ECDF; color: #C0A063; } textarea { float: left; width: 90%; height: 200px; -moz-border-radius: 5px; font-size: 1.0em; margin-bottom: 10px; padding: 3px; background-color: #F8F5EF; border: 1px solid #F2ECDF; color: #C0A063; font-family: Verdana, sans-serif; }