/*----- ANFANG ------------------------------------------------------ 01a body 01b Hintergrund 01c Titel 01d Datum/Text 01e Position Icon "zurück zu Schatzkästlein" 01f Position Pfeil rückwärts oben 01g " " vorwärts " 01h Position Pfeil rückwärts unten 01i " " vorwärts " -------------------------------------------------------------------*/ /* #or01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #or01b {background-color:rgb(220,225,230); position:relative; width:1260px; margin:0 auto; margin-top:-15px; margin-bottom:-3px;text-align:center;} */ #or01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #or01b {background-color:rgb(235,240,245); position:relative; width:1260px; margin:0 auto; margin-top:-15px; margin-bottom:-3px;text-align:center;} #or01c {position:absolute; left:60px;top:20px; text-align:left; font: bold italic 60px times new roman,serif; color:rgb(110,40,20); text-shadow: 3px 2px 4px rgb(160,165,170);} #or01d {position:absolute; left:60px;top:90px; font: bold italic 22px times new roman,serif; color:rgb(110,40,20); text-align:left; text-shadow: 1px 1px 2px rgb(160,165,170);} #or01e {position:absolute;left:1100px;top: 20px;} #or01f {position:absolute;left: 10px;top:150px;} #or01g {position:absolute;left:1200px;top:150px;} #or01h {position:relative;margin: 60px 0px 0px 450px;width:50px;text-align:left;} #or01i {position:relative;margin:-60px 0px 0px 560px;width:50px;text-align:left;} /*----- SUB-NAVIGATION + INHALTSVERZEICHNIS ------------------------- 02a Tabellenbeginn 02b Zelle 02c Kreis hellblau oben 02d " dunkelblau " 02e Kreis hellblau unten 02f " dunkelblau " 02g Text in Kreis schwarz 02h " " " weissl 02m Inhaltsverzeichnis Titel 02n " Subtitel -------------------------------------------------------------------*/ #or02a {position:absolute;left:80px;top:162px;text-align:left;} #or02b {width:2.29em;height:54px;} #or02c {position:relative;left:0px;top:-13px;width:32px;height:32px;border: 1px solid rgb( 40,120,180);background-color:rgb(120,230,250);border-radius:16px;box-shadow:2px 2px 3px rgb(120,140,160);} #or02d {position:relative;left:0px;top:-13px;width:32px;height:32px;border: 1px solid rgb( 10, 20, 30);background-color:rgb( 30, 50, 70);border-radius:16px;box-shadow:3px 3px 3px rgb(120,140,160);} #or02e {position:relative;left:0px;top: 13px;width:32px;height:32px;border: 1px solid rgb( 40,120,180);background-color:rgb(120,230,250);border-radius:16px;box-shadow:2px 2px 3px rgb(120,140,160);} #or02f {position:relative;left:0px;top: 13px;width:32px;height:32px;border: 1px solid rgb( 10, 20, 30);background-color:rgb( 30, 50, 70);border-radius:16px;box-shadow:3px 3px 3px rgb(120,140,160);} #or02g {position:absolute;left:0px;top: 7px;width:32px;font: bold 18px arial,sans-serif;color:rgb( 0, 0, 60);text-align:center;line-height:18px;} #or02h {position:absolute;left:0px;top: 7px;width:32px;font: bold 18px arial,sans-serif;color:rgb(200,240,250);text-align:center;line-height:18px;} #or02m {position:relative;margin:30px 0px 0px 20px;font: bold 26px calibri,arial,sans-serif;color:rgb(0,0,60);text-align:left;line-height:27px;width:1000px;} #or02n {position:relative;margin: 4px 0px 0px 100px;font: 22px calibri,arial,sans-serif;color:rgb(0,0,60);text-align:left;line-height:26px;width: 760px;} /*----- INHALT ------------------------------------------------------ 03a Beginn 03b Titel 03c Untertitel 03d Text 03e Abstand 50px 03f Registrieren Titel 03g " Text 03h " Register Rahmen 03i " " Werk 03j " " Register 03k Zwischenlinie bei Mixturen 03m In Arbeit... 03n Bildschirm blass -------------------------------------------------------------------*/ #or03a {position:absolute;left:100px;top:280px;width:1060px;text-align:left;} #or03b {position:relative;margin: 0px 0px 20px 0px;font: bold 34px calibri,arial,sans-serif;color:rgb(60,0,0);text-align:left; line-height:27px;text-shadow:0.10em 0.10em 0.110em rgb(160,150,140);} #or03c {position:relative;margin:40px 0px 20px 0px;font: bold 26px calibri,arial,sans-serif;color:rgb(60,0,0);text-align:left; line-height:27px;text-shadow:0.08em 0.08em 0.095em rgb(160,150,140);} #or03d {position:relative;margin: 0px 0px 20px 0px;font: 22px calibri,arial,sans-serif;color:rgb(60,0,0);text-align:justify; line-height:27px;} #or03e {position:relative;margin:50px 0px 0px 0px;} #or03f {position:relative;margin:30px 0px 0px 50px; font: bold 22px arial,sans-serif;color:rgb(0,0,80);text-align:left;text-shadow:0.05em 0.05em 0.1em rgb(120,130,140);} #or03g {position:relative;margin:20px 0px 0px 50px; font: 19px arial,sans-serif;color:rgb(0,0,80);width:940px;line-height:25px;text-align:left;} #or03h {position:relative;margin: 6px 0px 0px 0px;} #or03i {position:absolute;left: 50px;top:0px; font: bold 18px arial,sans-serif;color:rgb(0,0,80);width:940px;line-height:25px;text-align:left;} #or03j {position:absolute;left:250px;top:0px; font: 18px arial,sans-serif;color:rgb(0,0,80);width:940px;line-height:25px;text-align:left;} #or03k {position:relative; left:0px;top:4px; width:980px;height:1px; background-color:rgb(120,130,140);} #or03m {position:relative; margin:130px 0px 100px 50px; width:960px; font: bold 80px times new roman,serif; color:rgb(100,230,250); text-align:center; text-shadow:0.10em 0.10em 0.18em rgb( 70, 80, 90);} #or03n {position:absolute; left:-100px;top:-280px; width:1260px;height:1200px; background-color:rgb(130,140,150); opacity:0.8;} /*----- DISPOSITION ------------------------------------------------- 04a Rahmen 04b Kirche/Orgel 04c1 Tabelle Spalte 1 04c2 " " 2 04c3 " " 3 04c4 " " 4 04c4 " " 4 04d Registerzelle 04e Werkbezeichnung 04f Register Labial 04g " Zunge 04h " Minitext 04i Zwischenlinie 04j Koppeln -------------------------------------------------------------------*/ #or04a {position:relative; margin:50px 0px 0px 0px; width:1060px; border: 2px solid rgb(130,140,150); background-color:rgb(210,220,230); border-radius:8px; box-shadow:6px 6px 8px rgb(120,120,120)} #or04b {position:absolute;left:40px;top:16px;font: bold 30px arial,sans-serif;color:rgb(10,20,30);text-align:left; line-height:27px;text-shadow:0.06em 0.06em 0.100em rgb(130,150,160);} #or04c1 {position:absolute;left: 40px;top:60px;} #or04c2 {position:absolute;left:310px;top:60px;} #or04c3 {position:absolute;left:580px;top:60px;} #or04c4 {position:absolute;left:850px;top:60px;} #or04d {position:relative;l margin:0px 0px 0px 0px; width:220px;height:28px;} #or04e {position:absolute;left:0px;top:00px; font: bold 20px arial,sans-serif;color:rgb( 10,20,30);text-align:left;text-decoration:underline;text-shadow:0.06em 0.06em 0.100em rgb(130,150,160);} #or04f {position:absolute;left:0px;top:00px; font: 18px arial,sans-serif;color:rgb( 10,20,30);text-align:left;} #or04g {position:absolute;left:0px;top:00px; font:italic 18px arial,sans-serif;color:rgb(190,0, 0);text-align:left;} #or04h {position:relative;margin:0px 0px 0px 0px; font: 15px arial,sans-serif;color:rgb( 10,20,30);text-align:left;line-height:15px;} #or04i {position:absolute; left:40px;height:2px; width:980px; background-color:rgb(160,160,160);} #or04j {position:absolute;left:40px;top:16px; font: 18px arial,sans-serif;color:rgb(0,0,60);text-align:left;width:800px;} /*----- DYNAMIK ----------------------------------------------------- 06a Rahmen 06c1 Tabelle Spalte Variation 06c2 " " SW 06c3 " " RP 06c4 " " HW 06c4 " " Pedal 06d Registerzelle 06e Manualbezeichnung 06f Text Variation ohne Linie 06g Text Register 06h waagrechte Linie stark 06i " " schwach 06j senkrechte Linie -------------------------------------------------------------------*/ #or06a {position:relative; margin:120px 0px 0px -50px; width:1160px;height:1620px; border: 2px solid rgb(130,140,150); background-color:rgb(230,230,210); border-radius:8px; box-shadow:6px 6px 8px rgb(120,120,120)} #or06c1 {position:absolute;left: 20px;top:60px;} #or06c2 {position:absolute;left: 150px;top:60px;} #or06c3 {position:absolute;left: 400px;top:60px;} #or06c4 {position:absolute;left: 650px;top:60px;} #or06c5 {position:absolute;left: 900px;top:60px;} #or06d {position:relative;l margin:0px 0px 0px 0px; width:240px;height:28px;} #or06e {position:absolute;left: 0px;top: 0px; font: bold 20px arial,sans-serif;color:rgb( 10,20,30);text-align:left;text-shadow:0.06em 0.06em 0.100em rgb(130,150,160);} #or06f {position:absolute;left: 5px;top: 0px; font: 18px arial,sans-serif;color:rgb( 10,20,30);text-align:center;width:50px;} #or06g {position:absolute;left: 5px;top: 0px; font: 18px arial,sans-serif;color:rgb( 10,20,30);text-align:left;} #or06h {position:absolute;left: 0px;top:23px;width:1080px;height:1px;;background-color:rgb(100, 90, 80);} #or06i {position:absolute;left: 0px;top:23px;width:1080px;height:1px;;background-color:rgb(200,190,180);} #or06j {position:absolute;left:-4px;top: 0px;width:1px;height:1510px;;background-color:rgb(170,160,150);} /*----- MAXIBOX ----------------------------------------------------- 07a Virtueller Rahmen 07b Titel 07c Normaltext, Beschreibung 07d Position Playbox links 07e Position Playbox Mitte 07f Position Playbox rechts -------------------------------------------------------------------*/ #or07a {position:relative; margin:60px 0px 0px 0px; width:1060px;height:500px; border: 2px solid rgb(130,140,150); background-color:rgb(230,230,210);} #or07d {position:relative;margin:20px 0px 0px 60px;} /*----- KLANGBEISPIELE + PLAYER ------------------------------------- 1a Player hidden 1b " visible 2a Rahmen 60px 2b Rahmen 90px 2c Rahmen 120px 3a Playbox ganz links 3b " Mitte-links 3c " Mitte 3d " Mitte-rechts 3e " ganz rechts 4a Registrieren Box links 4b " " Mitte 4c " " rechts 9a Registernamem oben 9a Registernamem Höhe 5px 9b " Höhe 10 9c " " 15 9d " " 20 9e " " 25 9f " " 30 9g " " 35 9h " " 40 9i " " 45 9j " " 50 9k " " 55 9l " " 60 9m " " 65 9n Text in Mini-Playbox 9s " Komponist 9t Titel vom Song/Klangbeispiel 9u Position Leerbild -------------------------------------------------------------------*/ #play1b {position:fixed; left:1080px;top:0px; width:420px;height:100%; border: 0px solid rgb(50,50,50);border: 1px solid rgb(50,50,50);background-color:rgb(250,250,150);} #play1b {position:fixed; left:1160px;top:94%; width:420px;height:6%; border: 1px solid rgb(50,50,50); background-color:rgb(150,200,220); text-align:center; border-radius:4px; box-shadow:3px 3px 4px rgb(130,140,150);} #play2a {position:relative;margin:30px 0px 0px 0px;width:1060px;height: 60px;} #play2b {position:relative;margin:30px 0px 0px 0px;width:1060px;height: 90px;} #play2c {position:relative;margin:30px 0px 0px 0px;width:1060px;height:120px;} #play2d {position:relative;margin:30px 0px 0px 0px;width:1060px;height:150px;} #play3a {position:absolute;left: 0px;top: 0px;} #play3b {position:absolute;left:150px;top: 0px;} #play3c {position:absolute;left:378px;top: 0px;} #play3d {position:absolute;left:600px;top: 0px;} #play3e {position:absolute;left:756px;top: 0px;} #play3f {position:absolute;left: 26px;top:-16px;} #play3g {position:absolute;left: 375px;top:-16px;} #play3h {position:absolute;left: 736px;top:-16px;} #play4a {position:absolute;left: 50px;top: 0px;} #play4b {position:absolute;left:378px;top: 0px;} #play4c {position:absolute;left:706px;top: 0px;} #play9a {position:absolute;left: 0px;top: 5px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9b {position:absolute;left: 0px;top:10px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9c {position:absolute;left: 0px;top:15px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9d {position:absolute;left: 0px;top:20px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9e {position:absolute;left: 0px;top:25px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9f {position:absolute;left: 0px;top:30px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9g {position:absolute;left: 0px;top:35px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9h {position:absolute;left: 0px;top:40px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9i {position:absolute;left: 0px;top:45px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9j {position:absolute;left: 0px;top:50px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9k {position:absolute;left: 0px;top:55px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9l {position:absolute;left: 0px;top:60px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9m {position:absolute;left: 0px;top:65px;font: bold 20px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9n {position:absolute;left: -3px;top:15px;font: bold 19px arial,sans-serif;width:260px;color:rgb(10,20,30);text-align:center;} #play9s {position:relative;margin:3px 0px 0px 0px;font: 18px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;} #play9t {position:absolute;left: 0px;top:10px;font: bold 21px arial,sans-serif;width:310px;color:rgb(10,20,30);text-align:center;text-shadow:0.05em 0.05em 0.12em rgb(150,130,90);} #play9u {position:absolute;left: 0px;top: 0px;} a.playx1:hover {position:absolute;left:10px;top:8px;width:290px;height: 34px;background-color:rgb(250, 80, 40);opacity:0.3;} a.playx2:hover {position:absolute;left:10px;top:8px;width:290px;height: 57px;background-color:rgb(250, 80, 40);opacity:0.3;} a.playx3:hover {position:absolute;left:10px;top:8px;width:290px;height: 82px;background-color:rgb(250, 80, 40);opacity:0.3;} a.playx4:hover {position:absolute;left:10px;top:8px;width:290px;height:105px;background-color:rgb(250, 80, 40);opacity:0.3;} a.playx5:hover {position:absolute;left:10px;top:8px;width:234px;height: 36px;background-color:rgb(255,250, 0);opacity:0.3;} /*----- SPIEL IM GD ------------------------------------------------- 5a Rahmen links 5b Maxi-Playbox links 5c " " rechts 5d Text Beschreibung des Songs 5e Text Songtitel 5f Text Werke 5g Text Register 5h Text Kommentar 05u Position Leerbild -------------------------------------------------------------------*/ #play5a {position:relative;margin:40px 0px 0px -60px;width:1180px;height:300px;} #play5b {position:absolute;left: 0px;top:40px;} #play5c {position:absolute;left:630px;top:40px;} #play5d {position:absolute;left: 0px;top:-33px;font: italic 21px arial,sans-serif;width:520px;color:rgb(10,20,60);text-align:left;} #play5e {position:absolute;left: 24px;top: 22px;font: bold 22px arial,sans-serif;width:520px;color:rgb(10,20,60);text-align:left;text-shadow:0.05em 0.05em 0.12em rgb(150,130,90);} #play5f {position:absolute;left: 30px;top: 58px;font: bold 18px arial,sans-serif;width:520px;color:rgb(10,20,60);text-align:left;line-height:25px;} #play5g {position:absolute;left:130px;top: 58px;font: 18px arial,sans-serif;width:520px;color:rgb(10,20,60);text-align:left;line-height:25px;} #play5h {position:absolute;left: 30px;top:184px;font: italic 16px arial,sans-serif;width:520px;color:rgb(10,20,60);text-align:left;line-height:25px;} #play5u {position:absolute;left:0px;top:0px;} span.subtit {position:relative;left:10px;top: 1px;font-size:0.8em;font-weight:normal;text-shadow:0em 0em 0em rgb(120,130,140);} a.playmax:hover {position:absolute;left:12px;top:15px;width:524px;height:194px;background-color:rgb(255,245,160);opacity:0.35;} /*----- SPIEL AUF DEN BILDSCHIRM-TASTEN ----------------------------- 01a Tabellenbeginn 01b Zelle 02a-l . Leerbild c-h 03 Registrierung -------------------------------------------------------------------*/ #key1a {position:absolute;left:0px;top:0px;text-align:left;} #key1b {position:relative;left:0px;top:-17px;width:20.78em;height:128px;} #key2a {position:absolute;left: 1px;top: 70px;} #key2b {position:absolute;left: 29px;top: 1px;} #key2c {position:absolute;left: 49px;top: 70px;} #key2d {position:absolute;left: 83px;top: 1px;} #key2e {position:absolute;left: 96px;top: 70px;} #key2f {position:absolute;left:144px;top: 70px;} #key2g {position:absolute;left:171px;top: 1px;} #key2h {position:absolute;left:191px;top: 70px;} #key2i {position:absolute;left:223px;top: 1px;} #key2j {position:absolute;left:238px;top: 70px;} #key2k {position:absolute;left:271px;top: 1px;} #key2l {position:absolute;left:286px;top: 70px;} #key3 {position:absolute; left:4px;top:-46px; width:1100px; font: italic bold 22px calibri,arial,sans-serif; color:rgb(200,0,0); text-align:left; line-height:22px; text-shadow:0.08em 0.05em 0.05em rgb(120,200,170);} /*----- SPAN -- ----------------------------------------------------- minititel Titel Text recht regi1 Registrieren Komponist nach Titel pos01... Vertikale Position hori... Horizontale Position pos3 pos4 -------------------------------------------------------------------*/ span.minititel {;font-size: 80%;font-weight:normal;} /* span.regm {position:relative;left: 6px;top: 1px;font-size: 80%;} span.regz {position:relative;left: 1px;top:-6px;font-size: 60%;} span.regs {position:relative;left: 4px;top:-3px;font-size: 90%;} span.regn {position:relative;left: 4px;top:-2px;font-size: 60%;} span.rega {position:relative;left: 6px;top: 0px;font-size:100%;} */ span.regm {position:relative;left: 6px;top: 1px;font-size: 80%;} span.regz {position:relative;left: 1px;top:-6px;font-size: 60%;} span.regs {position:relative;left: 4px;top:-3px;font-size: 90%;} span.regn {position:relative;left: 4px;top:-2px;font-size: 60%;} span.rega {position:relative;left: 6px;top: 0px;font-size:100%;} span.regi1 {position:relative;top:1px;font-size:0.85em;font-weight:normal;text-shadow:0em 0em 0em rgb(120,130,140);} span.pos00 {position:absolute;left: 25px;} span.pos01 {position:absolute;left: 50px;} span.pos02 {position:absolute;left:100px;} span.pos03 {position:absolute;left:150px;} span.pos04 {position:absolute;left:200px;} span.pos05 {position:absolute;left:250px;} span.pos06 {position:absolute;left:300px;} span.pos07 {position:absolute;left:350px;} span.pos08 {position:absolute;left:400px;} span.pos09 {position:absolute;left:450px;} span.pos10 {position:absolute;left:500px;} span.pos11 {position:absolute;left:550px;} span.pos12 {position:absolute;left:600px;} span.pos13 {position:absolute;left:650px;} span.pos14 {position:absolute;left:700px;} span.pos15 {position:absolute;left:750px;} span.pos16 {position:absolute;left:800px;} span.pos17 {position:absolute;left:850px;} span.pos18 {position:absolute;left:900px;} /*----- LINKS ------------------------------------------------------- orzy01 allgemein orzy02 Inhaltsverzeichnis orzy03 -------------------------------------------------------------------*/ a.orzy01:link {text-decoration:none;font-weight:bold;font-style:italic;color:rgb(120, 0, 0);} a.orzy01:hover {text-decoration:none;font-weight:bold;font-style:italic;color:rgb(120, 0, 0);background-color:rgb(250,230,120);} a.orzy01:visited {text-decoration:none;font-weight:bold;font-style:italic;color:rgb(120, 0, 0);} a.orzy02:link {text-decoration:none;color:rgb( 0, 0, 60);} a.orzy02:hover {text-decoration:none;color:rgb( 0, 0, 60);background-color:rgb(140,230,240);} a.orzy02:visited {text-decoration:none;color:rgb( 0, 0, 60);} a.orzy03:link {text-decoration:none;color:rgb(90, 0, 0);} a.orzy03:hover {text-decoration:none;color:rgb(90, 0, 0);background-color:rgb(140,230,240);} a.orzy03:visited {text-decoration:none;color:rgb(90, 0, 0);} /*----- STAFFELEI --------------------------------------------------- salam -------------------------------------------------------------------*/ #salam {position:absolute;left:0px;top:0px;} #salam a .box1 {display: none;} #salam a:hover .box1 {position:absolute; left:8px;top: 5px; width:26px;height:26px; display: block; border: 0px solid rgb(100,100,0); border-radius:13px; background-color:rgb(250, 30, 0); box-shadow:2px 2px 3px rgb(140,130,120); opacity:0.8;}