/*========================================================================================================================================= HINTERGRUND - ALLGEMEIN =========================================================================================================================================== 01-a Info 02-b Hören 03-c Hören und Lesen 04-d Wörter pro Kapitel 05-e Dixer 06-f Schriftzeichen MAXI 07-g Radikale 08-h Alles Silben 09-i Varia 10-j Grammatik 11-m Filmchen 12-n Hören und Reden 13-p Mikroskop 14-q Sprechen 15-r ??? -------------------------------------------------------------------------*/ #oa01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #ob01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #oc01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #od01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #oe01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #of01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #og01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #oh01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #oi01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #oj01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #om01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #on01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #op01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #oq01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #or01a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #oa01b {background-color:rgb( 60, 70, 80); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #ob01b {background-color:rgb(110,120,130); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #oc01b {background-color:rgb(245,248,250); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #od01b {background-color:rgb(100,130,160); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #oe01b {background-color:rgb(110,120,130); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #of01b {background-color:rgb(110,120,130); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #og01b {background-color:rgb(245,205,140); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #oh01b {background-color:rgb(200,225,245); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #oi01b {background-color:rgb(230,230,230); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #oj01b {background-color:rgb(230,240,255); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #om01b {background-color:rgb(250,200,160); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #on01ba {background-color:rgb(250,200,160); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #on01bb {background-color:rgb(250,200,120); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #op01b {background-color:rgb( 70, 80, 90); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #oq01b {background-color:rgb(220,180,120); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #or01b {background-color:rgb(100,130,160); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #oa01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb(250,200,190); text-align:right; text-shadow:3px 3px 5px rgb(50,10,50); line-height:55px;} #ob01c {position:absolute; left:40px; top:78px; font: bold 55px times new roman,serif; color:rgb(160,230,250); text-align:left; text-shadow:2px 4px 8px rgb(40,50,60); line-height:55px;} #oc01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb( 0, 60,120); text-align:left; text-shadow:2px 2px 3px rgb(180,190,200);line-height:55px;} #od01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb(230,250,255); text-align:left; text-shadow:4px 4px 8px rgb( 40, 50, 60);line-height:55px;} #oe01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb(230,245,255); text-align:left; text-shadow:2px 4px 8px rgb( 40, 50, 60);line-height:55px;} #of01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb(120,230,255); text-align:left; text-shadow:2px 4px 8px rgb( 40, 50, 60);line-height:55px;} #og01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb(180, 20, 0); text-align:left; text-shadow:3px 3px 5px rgb(180,180,140);line-height:55px;} #oh01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb( 40, 80,100); text-align:left; text-shadow:3px 3px 5px rgb(100,140,160);line-height:55px;} #oi01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb( 40, 80,100); text-align:left; text-shadow:3px 3px 5px rgb(100,140,160);line-height:55px;} #on01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb(180, 40, 0); text-align:left; text-shadow:3px 3px 5px rgb(160,150,140);line-height:65px;} #op01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb(255,230,160); text-align:left; text-shadow:2px 4px 8px rgb( 40, 30, 20);line-height:55px;} #oq01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb(160, 30, 0); text-align:left; text-shadow:2px 3px 4px rgb(150,120, 80);line-height:55px;} #or01c {position:absolute; left:50px; top:78px; font: bold 55px times new roman,serif; color:rgb( 55,100, 60); text-align:left; text-shadow:2px 3px 6px rgb(140,160,150);line-height:55px;} /*========================================================================================================================================= NAVIGATION SEITEN =========================================================================================================================================== navi1 Globale Position navi2a Zelle navi2b Box normal navi2c Box aktiv navi2d1 Text 1 Zeile navi2d2 " 2 Zeilen navi2e Linkbox -------------------------------------------------------------------------*/ #navi1 {position:absolute;left: 0px;top: 6px;} #navi2a {position:relative; margin:0px 0px 0px 0px; width:124px;height:60px;} #navi2b {position:absolute; left:0px;top:0px; width:124px;height:54px; border: 1px solid rgb( 30, 40, 50); background-color:rgb( 80, 90,100); text-align:left;} #navi2c {position:absolute; left:0px;top:0px; width:124px;height:54px; border: 1px solid rgb( 30, 40, 50); background-color:rgb( 20, 30, 40); text-align:left;} #navi2d1 {position:absolute; left:0px;top:16px; width:124px; font: bold 1.02em arial,sans-serif; color:rgb(245,250,255); text-align:center; line-height:22px; text-shadow:2px 2px 2px rgb(0,10,20);} #navi2d2 {position:absolute; left:0px;top:6px; width:124px; font: bold 1.02em arial,sans-serif; color:rgb(245,250,255); text-align:center; line-height:22px; text-shadow:2px 2px 2px rgb(0,10,20);} #navi2e {position:absolute; left:0px;top:0px;} /*========================================================================================================================================= SUBNAVIGATION KAPITEL =========================================================================================================================================== navi3a Fixe Position unten navi3b Grauer Querbalken navi3c Tabellenbeginn navi3d Zelle Masse navi3e " Position navi3f " Box navi3g " Text navi3h " Position Leerbild -------------------------------------------------------------------------*/ #navi3a {position:fixed; bottom:0; left: auto; text-align: center; margin-bottom:0px;} #navi3b {position:absolute; left:0px;top:-60px; width:1860px;height:60px; border-top:1px solid rgb(0,60,90); background-color:rgb(150,160,170);} #navi3c {position:absolute; left:40px;top:12px; text-align:left;} #navi3d {position:relative; margin:0px 0px 0px 0px; width:90px;height:40px;} #navi3d1 {position:relative; margin:0px 0px 0px 0px; width:120px;height:40px;} #navi3e {position:relative;margin:0px 0px 0px 0px;} #navi3f {position:absolute; left:0px;top:0px; width:55px;height:36px; border:1px solid rgb(0,80,0); background-color:rgb(50,60,70); border-radius:4px; box-shadow:3px 3px 4px rgb(100,110,120);} #navi3f1 {position:absolute; left:0px;top:0px; width:90px;height:36px; border:1px solid rgb(0,80,0); background-color:rgb(50,60,70); border-radius:4px; box-shadow:3px 3px 4px rgb(100,110,120);} #navi3g {position:absolute; left:3px;top:5px; width:55px; font: bold 22px arial,sans-serif; color:rgb(240,240,240); text-align:center; text-shadow:3px 3px 3px rgb(30,30,30);} #navi3g1 {position:absolute; left:3px;top:5px; width:90px; font: bold 22px arial,sans-serif; color:rgb(240,240,240); text-align:center; text-shadow:3px 3px 3px rgb(30,30,30);} #navi3h {position:absolute; left:0px;top:0px;} a.navx3:link {text-decoration:none;color:rgb(40,0,0);} a.navx3:hover {text-decoration:none;color:rgb(40,0,0);width:70px;height:48px;margin:-5px 5px 5px -5px;position:absolute;border-radius:5px;background-color:rgb(40,80,200);font-size:200%;opacity:0.2;} a.navx3:visited {text-decoration:none;color:rgb(40,0,0);} #showpage0 {position:absolute; left:00px;top:-121px; width:1860px;height:70px; border-top: 1px solid rgb(50,50,50); background-color:rgb(100, 90, 80); text-align:center; border-radius:4px;} #showpage1 {position:absolute; left:0px;top:0px; width:1300px;height:560px; border: 1px solid rgb(50,50,50);background-color:rgb(150,160,170); text-align:center; border-radius:4px; padding:10px 0px 0px 0px;} /*========================================================================================================================================= SUBNAVIGATION SEITEN =========================================================================================================================================== navi4a Subnavigation Seite Position hanyu_01 navi4b " " Subnavigation Position hanyu_01 navi5a " " Zelle navi5b " " Box normal navi5c " " Box aktiv -------------------------------------------------------------------------*/ #navi4a {position:absolute;left: 340px;top: 28px;} #navi4b {position:absolute;left:1240px;top:100px;} #navi5a {position:relative; margin:0px 0px 0px 0px; width:150px;height:36px;} #navi5b {position:absolute; left:0px;top:0px; width:120px;height:26px; border: 1px solid rgb(120,100, 50); background-color:rgb(220,150, 0); text-align:left; border-radius:8px; box-shadow:3px 3px 4px rgb(80,80,80);} #navi5c {position:absolute; left:0px;top:0px; width:120px;height:26px; border: 1px solid rgb(120,100, 50); background-color:rgb(180,100, 0); text-align:left; border-radius:8px; box-shadow:3px 3px 4px rgb(80,80,80);} #navi5d {position:absolute; left:0px;top: 3px; width:120px; font: bold 1.00em arial,sans-serif; color:rgb(245,250,255); text-align:center; line-height:22px; text-shadow:2px 2px 2px rgb(0,10,20);} #navi5e {position:absolute; left:0px;top:0px;} /*========================================================================================================================================= 1 (a): INFO =========================================================================================================================================== oa02a... Position Bilder oa03a Bild-Schatten -------------------------------------------------------------------------*/ #oa02a {position:absolute;left: 0px;top: 0px;} #oa02b {position:absolute;left: 600px;top: 0px;} #oa02c {position:absolute;left:1200px;top: 0px;} #oa02d {position:absolute;left: 0px;top: 360px;} #oa02e {position:absolute;left: 600px;top: 360px;} #oa02f {position:absolute;left:1200px;top: 360px;} #oa02g {position:absolute;left: 0px;top: 720px;} #oa02h {position:absolute;left: 600px;top: 720px;} #oa02i {position:absolute;left:1200px;top: 720px;} #oa02j {position:absolute;left: 0px;top:1080px;} #oa02k {position:absolute;left: 600px;top:1080px;} #oa02l {position:absolute;left:1200px;top:1080px;} #oa02m {position:absolute;left: 0px;top:1440px;} #oa02n {position:absolute;left: 600px;top:1440px;} #oa02o {position:absolute;left:1200px;top:1440px;} #oa02p {position:absolute;left: 0px;top:1800px;} #oa03a {position:absolute; left:0px;top:0px; background-color:rgb(200,220,230); box-shadow:4px 4px 6px rgb(40,50,60);} #oa03b {position:relative; margin:-34px 0px 0px 0px; background-color:rgb(200,220,230); box-shadow:4px 4px 6px rgb(40,50,60); padding:0px 14px 4px 6px; font:bold 18px arial narrow,sans-serif; color:rgb(60,0,0);} /*========================================================================================================================================= 2 (b): HÖREN =========================================================================================================================================== ob01d Beginn DATA -------------------------------------------------------------------------*/ #ob01d {position:absolute; left:40px;top:170px;} /*--------- Tabelle Grafik ------------------------------------------------ ob02a Zelle ob02b Box Kapitel ob02c1 " Kursbuch (rot) ob02c4 " Übungsbuch (blau) ob02d Leerzelle für Zwischenraum -------------------------------------------------------------------------*/ #ob02a {position:relative;margin:0px 0px 0px 0px;width:298px;height:98px;text-align:left;} #ob02b {position:absolute;left:0px;top:0px;width:280px;height:80px;border:1px solid rgb(100,100,100);background-color:rgb( 10,110, 20);border-radius:5px;box-shadow:3px 3px 4px rgb(80,80,80);} #ob02c1 {position:absolute;left:0px;top:0px;width:280px;height:80px;border:1px solid rgb(240,160,160);background-color:rgb(240,180,180);border-radius:5px;box-shadow:3px 3px 4px rgb(80,80,80);} #ob02c4 {position:absolute;left:0px;top:0px;width:280px;height:80px;border:1px solid rgb(160,160,240);background-color:rgb(160,210,240);border-radius:5px;box-shadow:3px 3px 4px rgb(80,80,80);} #ob02d {position:relative;margin:0px 0px 0px 0px;width:298px;height:80px;text-align:left;} /*--------- Tabelle Text -------------------------------------------------- ob03a1 Text Kapitel (1 Zeile) ob03a2 " Kapitel (2 Zeilen) ob03b " Audiodatei ob03c " Buch Seite ob03d " " index (Texte) ob03m " " index (Standardsätze) ob03e " " Beschreibung/Inhalt ob03f " Position Leerbild (links) ob03g " Position Leerbild (rechts) ob03h " Position Ohr ob03i " Position Ting/Du (Hören/Lesen) ob03k " Position Textclip -------------------------------------------------------------------------*/ #ob03a1 {position:absolute;left: 10px;top:20px;font:bold 26px arial,sans-serif; color:rgb(220,250,255);text-align:left;width:280px;text-shadow:2px 2px 2px rgb(20,30,50);} #ob03a2 {position:absolute;left: 10px;top:10px;font:bold 26px arial,sans-serif; color:rgb(220,250,255);text-align:left;width:280px;text-shadow:2px 2px 2px rgb(20,30,50);line-height:27px;} #ob03b {position:absolute; left: 90px;top: 4px; height:24px; border: 1px solid rgb(50,50,50); background-color:rgb(120,250,180); border-radius:3px; box-shadow:2px 2px 3px rgb(60,70,80); padding:0px 6px 0px 6px; font:bold 19px arial,sans-serif; color:rgb( 60, 0, 0); text-align:left;} #ob03c {position:absolute;left:154px;top: 8px;font: 18px arial,sans-serif; color:rgb( 60, 0, 0);text-align:left;} #ob03d {position:absolute;left: 10px;top: 4px;font:bold 22px times new roman,serif;color:rgb( 60, 0, 0);text-align:left;text-shadow:0.08em 0.08em 0.12em rgb(120,120,120);} #ob03e {position:absolute;left: 10px;top:42px;font: 18px arial,sans-serif; color:rgb( 60, 0, 0);text-align:left;line-height:19px;} #ob03f {position:absolute;left: 0px;top: 0px;} #ob03g {position:absolute;left:120px;top: 0px;} #ob03h {position:absolute;left:240px;top: 4px;} #ob03i {position:absolute;left:217px;top: 4px;} #ob03k {position:absolute;left:217px;top:44px;} #ob03m {position:absolute;left: 10px;top:24px;font:bold 22px times new roman,serif;color:rgb( 60, 0, 0);text-align:left;text-shadow:0.08em 0.08em 0.12em rgb(120,120,120);} /*--------- Tabelle Varia --------------------------------------------- ob04 Position Anker obx02a Link zu Box ROT obx02b Link zu Box BLAU -------------------------------------------------------------------------*/ #ob03j {position:absolute;top:-60px;} a.obx2a:link {text-decoration:none;color:rgb(40,0,0);} a.obx2a:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(190, 50, 50);position:absolute;margin:0px 10px 0px 0px;width:282px;height:83px;opacity:0.15;} a.obx2a:visited {text-decoration:none;color:rgb(40,0,0);} a.obx2b:link {text-decoration:none;color:rgb(40,0,0);} a.obx2b:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(50,50,190);position:absolute;margin:0px 10px 0px 0px;width:282px;height:83px;opacity:0.15;} a.obx2b:visited {text-decoration:none;color:rgb(40,0,0);} #xingplay2 {position:absolute; left:200px;top:-42px; width:1460px;height:42px; border: 1px solid rgb(50,50,50); background-color:rgb(190,200,210); text-align:center; border-radius:4px;} #showpage2 {position:absolute; left:00px;top:-123px; width:1860px;height:70px; border-top: 1px solid rgb(50,50,50); background-color:rgb(120, 30, 30); text-align:center; border-radius:4px;} /*========================================================================================================================================= 3 (c): HÖREN und LESEN =========================================================================================================================================== /*------------------------------------------------------------------------- oc03a TEXTE Globale Position oc03b " Position Text oc03c " Dateinummer oc03d " Link zur Audiodatei oc03f " Position Übersetzung Texte oc03xxx " Distanzmessung -------------------------------------------------------------------------*/ #oc03a {position:absolute;left: 140px;top:260px;} #oc03b {position:relative;margin:0px 0px 0px 0px;} #oc03c {position:absolute;left: -30px;top: 19px;font:bold 21px arial,sans-serif;color:rgb( 50,100, 70);width:40px;text-align:right;} #oc03d {position:absolute;left: 23px;top: 11px;} #oc03f {position:absolute;left:1020px;top: 20px;} #oc03xyz {position:absolute;left: 0px;top:-138px;width:200px;height:146px;background-color:rgb(180,0,0);} /*------------------------------------------------------------------------- oc03g TEXTE Position Link-Icon oc03g1 " Hanzi-Pinyin-Übersetzung oc03g2 " Hanzi oc03g3 " Hanzi-Pinyin oc03g4 " Hanzi-Übersetzung -------------------------------------------------------------------------*/ #oc03g {position:absolute;left: 690px;top: 4px;} #oc03g1 {position:absolute;left: 9px;top: 6px;} #oc03g2 {position:absolute;left: 65px;top: 6px;} #oc03g3 {position:absolute;left: 121px;top: 6px;} #oc03g4 {position:absolute;left: 177px;top: 6px;} /*------------------------------------------------------------------------- oc03h TEXTE Position Gatter oc03j " Position Übersetzung Standardsätze oc03k Leerbox für Kapitelbox -------------------------------------------------------------------------*/ #oc03h {position:absolute;left: 0px;top: 0px;} #oc03i {position:absolute;left:0px;top:-140px;width:800px;height:150px;background-color:rgb(250,0,0);} #oc03j {position:absolute;left:1020px;top:84px;} #oc03k {position:absolute;left:0px;top:0px;opacity:0.5;} /*------------------------------------------------------------------------- oc03m TEXTZEILE Tabelle Position oc03n " Position Anker -------------------------------------------------------------------------*/ #oc03m {position:absolute;left:-20px;top:96px;} #oc03m1 {position:relative;margin-top:0px;} #oc03m2 {position:relative;margin-top:61px;} #oc03n {position:absolute;left: 0px;top:-60px;} /*------------------------------------------------------------------------- oc04a Select Globale Position oc04c " Tabelle Position oc04d " " Zelle oc04e " " Box oc04f " " Text oc04g " " Position Leerbild Wortliste zeigen oc04h " " " " Gehe zu Kapiteln -------------------------------------------------------------------------*/ #oc04a {position:fixed;left:50;bottom: 0;margin-bottom:78px;text-align:left;margin-left:0px;} #oc04c {position:absolute;left:680px;top:10px;} #oc04d {position:relative;margin:0px 0px 6px 0px;width:56px;height:56px;} #oc04e {position:absolute;left: 0px;top:0px;width:36px;height:54px;border:1px solid rgb(0,0,50);background-color:rgb( 0,80,120);border-radius:3px;box-shadow:4px 4px 6px rgb(100,110,140);} #oc04f {position:absolute;left: 0px;top:12px;width:36px;font:bold 22px arial,sans-serif;color:rgb(255,255,255);text-align:center;text-shadow:3px 3px 1px rgb( 0, 20, 0);} #oc04g {position:absolute;left: 0px;top:30px;} #oc04h {position:absolute;left: 0px;top: 0px;} /*------------------------------------------------------------------------- oc04g Wortliste zeigen woli1 " " woli2 Link-Button rot -------------------------------------------------------------------------*/ #oc04g a .woli1 {display: none;opacity:1.0;} #oc04g a:hover .woli1 {position:fixed;z-index:1; left:170px;top:58px; width: 300px;height:290px; display: block; border: 1px solid rgb(50,50,50);background-color:rgb(150,160,170);} #oc04g a .woli2 {display: none;opacity:1.0;} #oc04g a:hover .woli2 {position:relative;z-index:1; margin:-24px 0px 0px 0px; width:38px;height:26px; border-radius:3px; display: block; background-color:rgb(250,100,100); opacity:0.8;} /*------------------------------------------------------------------------- oc04h Gehe zu Kapitel... kapi Link-Button blau -------------------------------------------------------------------------*/ #oc04h a .kapi {display: none;opacity:1.0;} #oc04h a:hover .kapi {position:relative;z-index:1; margin:-24px 0px 0px 0px; width:38px;height:26px; border-radius:3px; display: block; background-color:rgb(150,220,255); opacity:0.6;} #oc04m {position:absolute;left: 20px;top:12px;width:170px;height:20px;background-color:rgb(0,100,0);border-radius:3px;box-shadow:3px 3px 4px rgb(190,195,200);padding:5px 5px 0px 5px;font:bold 18px arial,sans-serif;color:rgb(245,250,255);text-align:center;padding:5px 0px 6px 0px;} #oc04n {position:absolute;left:200px;top:12px;width:170px;height:20px;background-color:rgb(0,100,0);border-radius:3px;box-shadow:3px 3px 4px rgb(190,195,200);padding:5px 5px 0px 5px;font:bold 18px arial,sans-serif;color:rgb(245,250,255);text-align:center;padding:5px 0px 6px 0px;} /*--------- FIXE POSITIONEN ----------------------------------------------- oc05a Seitentitel oc05b Auswahl oc05c Zurück -------------------------------------------------------------------------*/ #oc05a {position:fixed;left:30px;top:220px;} #oc05b {position:fixed;left:30px;top:360px;} #oc05c {position:fixed;left:30px;top:420px;} /*--------- HANYU_03 / Links auf Liste ------------------------------------ oby3a rot zu hanyu_03_mp oby3b " zu hanyu_03_op oby3c blau zu hanyu_03_mp oby3d " zu hanyu_03_op oby3f Select Kapitel -------------------------------------------------------------------------*/ a.oby3a:link {text-decoration:none;} a.oby3a:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(230,100,100);position:absolute;margin:0px 10px 0px 0px;width:120px;height:83px;opacity:0.30;} a.oby3a:visited {text-decoration:none;} a.oby3b:link {text-decoration:none;} a.oby3b:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(190, 50, 50);position:absolute;margin:0px 10px 0px 0px;width:120px;height:83px;opacity:0.40;} a.oby3b:visited {text-decoration:none;} a.oby3c:link {text-decoration:none;} a.oby3c:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(100,140,230);position:absolute;margin:0px 10px 0px 0px;width:120px;height:83px;opacity:0.30;} a.oby3c:visited {text-decoration:none;} a.oby3d:link {text-decoration:none;} a.oby3d:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb( 50, 80,200);position:absolute;margin:0px 10px 0px 0px;width:120px;height:83px;opacity:0.40;} a.oby3d:visited {text-decoration:none;} a.oby3e:link {text-decoration:none;} a.oby3e:hover {text-decoration:none;;background-color:rgb( 80,200,160);position:absolute;margin:0px 0px 0px 0px;border-radius:8px;opacity:0.3 ;} a.oby3e:visited {text-decoration:none;} /*--------- HANYU_03a... --------------------------------------------------------------- obx3c Text Link zur Audio-Datei ROTER TITEL obx3d " " " " " BLAUER TITEL obx3f Select Zeige Wortliste ... obx3g " Gehe zu Anker... obx3e Text Link auf Linkbild ---------------------------------------------------------------------------------------*/ a.obx3c:link {text-decoration:none;color:rgb(40,0,0);} a.obx3c:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(240, 0, 0);position:absolute;margin:0px 0px 0px 2px;width:646px;height:37px;opacity:0.20;} a.obx3c:visited {text-decoration:none;color:rgb(40,0,0);} a.obx3d:link {text-decoration:none;color:rgb(40,0,0);} a.obx3d:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb( 0, 0,240);position:absolute;margin:0px 0px 0px 2px;width:646px;height:37px;opacity:0.15;} a.obx3d:visited {text-decoration:none;color:rgb(40,0,0);} a.obx3f:link {text-decoration:none;} a.obx3f:hover {text-decoration:none;} a.obx3f:visited {text-decoration:none;} a.obx3g:link {text-decoration:none;} a.obx3g:hover {text-decoration:none;} a.obx3g:visited {text-decoration:none;} a.obx3e:link {text-decoration:none;color:rgb(40,0,0);} a.obx3e:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(10,140,200);position:absolute;margin:0px 0px 0px 0px;width:47px;height:47px;opacity:0.5;} a.obx3e:visited {text-decoration:none;color:rgb(40,0,0);} #xingplay3 {position:absolute; left:20px;top:-50px; width:620px;height:40px; border: 1px solid rgb(50,50,50); background-color:rgb(200,230,255); text-align:center; border-radius:4px;} /*========================================================================================================================================= 4 (d): WÖRTER PRO KAPITEL =========================================================================================================================================== /*---------- Version 2 ---------------------------------------------------- od02a Beginn der Wortlisten od02b Wortliste... Position global od02c " " Wortliste od02d " " Anker od04a Wortliste Hörbeispiel Position Leerbild od04b " Zeichenanalyse Position Linkbild -------------------------------------------------------------------------*/ #od02a {position:absolute;left:150px;top:170px;text-align:left;} #od02b {position:relative;margin:0px 0px 120px 0px;text-align:left;} #od02c {position:relative;margin:0px 0px 0px 0px;} #od02d {position:relative;top:-60px;} #od03a {position:absolute;left: 195px;top:26px;} #od03b {position:absolute;left: 570px;top:26px;} #od03c {position:absolute;left: 945px;top:26px;} #od03d {position:absolute;left:1320px;top:26px;} #od04a {position:relative;margin:-0.89em 0em 1.52em 0em;} #od04b {position:absolute;left:-187px;top:-4px;} a.obx4d:link {text-decoration:none;color:rgb(40,0,0);} a.obx4d:hover {text-decoration:none;color:rgb(40,0,0);} a.obx4d:visited {text-decoration:none;color:rgb(40,0,0);} #od04b a .char {display: none;opacity:9.5;} #od04b a:hover .char {position:absolute; z-index:1; left:360px;top:0px; display: block;} /*========================================================================================================================================= 5 (e): DIXER TEL =========================================================================================================================================*/ /*------------------------------------------------------------------------- oe02a Beginn des Dixers oe02b Position Dixerseite oe02c Abstandsmessung -------------------------------------------------------------------------*/ #oe02a {position:absolute;left:50px;top:170px;text-align:left;} #oe02b {position:relative;margin:0px 0px -40px 0px;} #oe02d {position:absolute; left:30px;top:-153px; width:800px;height:200px; background-color:rgb(200, 0, 0);} /*--------- SUBNAVIGATION ------------------------------------------------- oe03a Fixe Position unten oe03b Grauer Querbalken oe03c Tabellenbeginn oe03d Zelle Masse oe03e " Position oe03f " Box oe03g " Text Buchstabe oe03h " Position Leerbild -------------------------------------------------------------------------*/ #oe03a {position:fixed; bottom:0; left: auto; text-align: center; margin-bottom:0px;} #oe03b {position:absolute; left:0px;top:-66px; width:1860px;height:66px; border:0px solid rgb(0,60,90); background-color:rgb(150,160,170);} #oe03c {position:absolute; left:20px;top:10px; text-align:left;} #oe03d {position:relative; margin:0px 0px 0px 0px; width:82px;height:64px;} #oe03e {position:relative;margin:0px 0px 0px 0px;} #oe03f {position:absolute; left:0px;top:3px; width:56px;height:40px; border:0px solid rgb(0,40,80); background-color:rgb(10,100,150); border-radius:4px; box-shadow:5px 5px 7px rgb(40,45,50);} #oe03g {position:absolute; left:0px;top:10px; width:56px; font: bold 21px arial,sans-serif; letter-spacing:0.1em; color:rgb(240,240,240); text-align:center; text-shadow:3px 3px 3px rgb(90,100,110);} #oe03h {position:absolute; left:0px;top:2px;} a.ox04:link {text-decoration:none;color:rgb(40,0,0);} a.ox04:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(0,100,200);font-size:200%;opacity:0.2;} a.ox04:visited {text-decoration:none;color:rgb(40,0,0);} /*========================================================================================================================================= 6 (f): SCHRIFTZEICHEN MAXI =========================================================================================================================================== of02a Beginn der Seiten of02b Position Seite of03a Navigation Fixe Position unten of03b " Grauer Querbalken of03c " Tabellenbeginn of03d " Zelle Masse of03e " " Position of03f " " Box of03g " " Kapitel-Nummer of03h " " Position Leerbild -------------------------------------------------------------------------*/ #of02a {position:absolute;left:120px;top:200px;text-align:left;} #of02b {position:relative;margin:0px 0px 0px 0px;} #of03a {position:fixed; bottom:0; left: auto; text-align: center; margin-bottom:0px;} #of03b {position:absolute; left:0px;top:-60px; width:1560px;height:60px; border:0px solid rgb(0,60,90); background-color:rgb(215,220,210);} #of03c {position:absolute; left:60px;top:8px; text-align:left;} #of03d {position:relative; margin:0px 0px 0px 0px; width:88px;height:55px;} #of03e {position:relative;margin:0px 0px 0px 0px;} #of03f {position:absolute; left:0px;top:3px; width:46px;height:36px; border:1px solid rgb(0,120,100); background-color:rgb(0,120, 60); border-radius:2px; box-shadow:3px 3px 4px rgb(130,140,135);} #of03g {position:absolute; left:1px;top:8px; font: bold 22px arial,sans-serif; letter-spacing:0.05em; color:rgb(240,240,240); width:46px; text-align:center; text-shadow:3px 3px 3px rgb(30,30,30);} #of03h {position:absolute; left:0px;top:2px;} a.ox05:link {text-decoration:none;color:rgb(40,0,0);} a.ox05:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(0,100,200);font-size:200%;opacity:0.2;} a.ox05:visited {text-decoration:none;color:rgb(40,0,0);} /*--------- NAVIGATION SCHRIFTART ----------------------------------------- of04a Position of04b Zelle -------------------------------------------------------------------------*/ #of04a {position:absolute;left:750px;top:80px;text-align:left;} #of04b {position:relative; margin:0px 0px 0px 1px; width:81px;opacity:0.5;} /*========================================================================================================================================= 7 (g): Radikale =========================================================================================================================================== og01d Position Radikalen-Tabelle og01e Position Abfrage-Tabelle -------------------------------------------------------------------------*/ #og01d {position:absolute;left:50px;top:162px;text-align:left;} #og01e {position:absolute;left:160px;top:172px;text-align:left;} /*--------- TABELLEN-ABFRAGE ---------------------------------------------- og02a Zelle Masse og02b " Position Leerbild og02c Nummerierung -------------------------------------------------------------------------*/ #og02a {position:relative;margin:0px 0px 0px 0px;width:10.66em;height:8.967em;} #og02b {position:absolute;left:0px;top:0px;} #og02c {position:absolute;left:120px;top:0px;font: 20px arial,sans-serif;color:rgb(0,0,100);} a.ox07a:link {text-decoration:none;color:rgb(40,0,0);} a.ox07a:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(0,100,200);position:absolute;margin-top:0px;width:165px;height:138px;opacity:0.25;} a.ox07a:visited {text-decoration:none;color:rgb(40,0,0);} /*========================================================================================================================================= 8 (h): ALLE SILBEN =========================================================================================================================================== oh01d Position Data -------------------------------------------------------------------------*/ #oh01d {position:absolute;left:0px;top:144px;text-align:center;width:1860px;} /*========================================================================================================================================= 9 (i): VARIA =========================================================================================================================================== oi01d Beginn Data oi01e Zähler oi01f Position Anker oi01ix Abstandsmessung -------------------------------------------------------------------------*/ #oi01d {position:absolute;left:150px;top:170px;text-align:left;} #oi01e {position:absolute; left:-10px;top:68px; font: 22px arial,sans-serif; color:rgb(200,10,10); text-align:left;} #oi01f {position:absolute; left: 0px;top:-40px;} #oi01ix {position:absolute;left:0px;top: -174px;width:800px;height:200px;background-color:rgb(250,0,0);} /*--------- Select Theme -------------------------------------------------- oi02a,b,c Tabelle Links-Mitte-Rechts oi01d Zelle oi01e Position Leerbild -------------------------------------------------------------------------*/ #oi02a {position:absolute;left:16px;top:26px;} #oi02b {position:absolute;left:483px;top:40px;} #oi02d {position:relative; margin:0px 0px 0px 0px; width:400px; height:2.380em;} #oi02e {position:absolute;left:0px;top:8px;} #oi02f {position:absolute;left:0px;top:4px;} a.ox09a:link {text-decoration:none;color:rgb(40,0,0);} a.ox09a:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(0,100,200);position:absolute;margin-top:-2px;width:420px;height:30px;opacity:0.25;} a.ox09a:visited {text-decoration:none;color:rgb(40,0,0);} /*========================================================================================================================================= 10 (j): GRAMMATIK =========================================================================================================================================== oj02a Grammatik Body oj02b " DATA Anfangsposition oj02c " " Position Global oj02d " " Seite Position Zeile oj02e " " " Seitenzahl oj02f " " " Position Marke oj02i " " " Anker oj02k " " Vertikalgitter oj03a Link-Abfrage Beginn Data oj03b " " Position Grafik / Tabelle oj03c " " Zelle oj03d " " Rahmen für iframe -------------------------------------------------------------------------*/ #oj02a {background-color:rgb(250,240,200);} #oj02b {position:absolute;left:0px;top:-40px;} #oj02c {position:relative;margin:0px 0px 0px 0px;} #oj02d {position:absolute;left:0px;top:0px;} #oj02e {position:absolute; left:880px;top:44px; font: bold 20px arial,sans-serif; color:rgb(100,10,10); text-align:left;border: 1px solid rgb(50,50,50);background-color:rgb(200,240,255);padding:2px 12px 2px 12px;} #oj02f {position:absolute;left:0px;top:0px;} #oj02ii {position:absolute;left:10px;top:-74px;width:800px;height:150px;background-color:rgb(250,0,0);} #oj02i {position:absolute;left:10px;top:-74px;width:800px;height:150px;} #oj02k {position:absolute;left:200px;top:0px;opacity:0.9;} #oj03a {position:absolute;left:60px;top:160px;text-align:left;} #oj03b {position:absolute;left:0px;top:0px;} #oj03c {position:relative; margin:6px 0px 0px 6px; width:400px; height:1.63em;} #oj03d {position:fixed; left:700px;top: 80px; width:1020px;height:830px; border: 1px solid rgb(50,50,50); text-align:left; box-shadow:3px 3px 3px rgb(180,190,200),3px -3px 3px rgb(180,190,200),-3px 3px 3px rgb(180,190,200),-3px -3px 3px rgb(180,190,200);} a.ox10a:link {text-decoration:none;color:rgb(40,0,0);} a.ox10a:hover {text-decoration:none;color:rgb(40,0,0);background-color:rgb(0,100,200);position:absolute;margin-top:2px;width:450px;height:26px;opacity:0.25;} a.ox10a:visited {text-decoration:none;color:rgb(40,0,0);} /*========================================================================================================================================= 11 (m): VIDEO =========================================================================================================================================== om02a Videoliste Position om02b " Zelle om02c " Videopic Position om02d " " Text om02e " " Position "New Page" om03a iframe Position om03b " Box -------------------------------------------------------------------------*/ #om02a {position:absolute;left:1450px;top:138px;} #om02b {position:relative; margin:0px 0px 0px 0px; width:250px;height:170px;} #om02c {position:absolute;left:0px;top:0px;text-align:left;} #om02d {position:absolute; left:0px;top:132px; width:240px; text-align:center; font: bold 18px arial narrow,sans-serif; color:rgb( 0, 0, 0);} #om02e {position:absolute;left:250px;top:66px;text-align:left;} #om03a {position:fixed;left:50px;top:132px;} #om03b {width:1390px;height:780px; border: 2px solid rgb(190,170,100); background-color:rgb(240,200,120); box-shadow:6px 6px 9px rgb(100,80,50);} #om03c {position:absolute;left:0px;top:0px;text-align:left;} /*========================================================================================================================================= 12 (n): TYPISCHE SÄTZE =========================================================================================================================================== on02a Globale Position on02b1 Zeile Anfang und Box1 Höhe=70px on02b2 " Anfang und Box2 Höhe=70px on02b3 " Anfang und Box1 Höhe=140px on02b4 " Anfang und Box2 Höhe=140px on02b5 " Anfang und Box2 Höhe=70px transparent on02c1 " Audio-Nummer Nummer und Buchstabe on02c2 " " " Buchstabe on02d Position Anker on02t1 Titel Box on02t2 " Text ox12a Link Textzeile -------------------------------------------------------------------------*/ #on02a {position:absolute;left:50px;top:210px;text-align:left;} #on02b1 {position:relative;margin:0px 0px 0px 0px;height:72px;width:1740px;background-color:rgb(255,220,180);} #on02b2 {position:relative;margin:0px 0px 0px 0px;height:72px;width:1740px;background-color:rgb(255,230,200);} #on02b3 {position:relative;margin:0px 0px 0px 0px;height:140px;width:1740px;background-color:rgb(255,220,180);} #on02b4 {position:relative;margin:0px 0px 0px 0px;height:140px;width:1740px;background-color:rgb(255,230,200);} #on02b5 {position:relative;margin:0px 0px 0px 0px;height:72px;width:1740px;} #on02c1 {position:absolute;left: 10px;top:31px;font:20px arial,sans-serif;color:rgb(50,0,0);} #on02c2 {position:absolute;left: 46px;top:31px;font:20px arial,sans-serif;color:rgb(50,0,0);} #on02d {position:absolute;left: 0px;top:-70px;font:20px arial,sans-serif;color:rgb(50,0,0);} #on02t1 {position:relative;margin:0px 0px 0px 0px;height:50px;width:1740px;background-color:rgb(255,120, 90);} #on02t2 {position:absolute;left: 10px;top: 5px;font:bold 30px calibri,sans-serif;color:rgb(50,0,0);text-shadow:2px 2px 4px rgb(150,140,130);} a.ox12a:link {text-decoration:none;color:rgb(0,0, 50);} a.ox12a:hover {text-decoration:none;color:rgb(0,0,140);} a.ox12a:visited {text-decoration:none;color:rgb(0,0, 50);} /*--------- Textanzeige bei Hover --------------------------------------------- on02e Text und Hover Deutsche Übersetzung on02f " " " Chinesische Übersetzung -----------------------------------------------------------------------------*/ #on02e {position:absolute;left: 140px;top: 7px;font:44px KaiTi,sans-serif;color:rgb(0,0,50);} #on02e a .deyu {display: none;opacity:1.0;} #on02e a:hover .deyu {position:absolute;z-index:1; margin:-2px 0px 0px 40px; background-color:rgb(255,240,230); border-radius:3px; box-shadow:2px 2px 2px rgb(120, 90, 80),-1px 1px 2px rgb(200,170,160),1px -1px 2px rgb(200,170,160),-1px -1px 2px rgb(200,170,160); padding:2px 5px 3px 5px; font: 18px calibri,sans-serif; color: rgb(0,0,50); line-height:19px; display: block; opacity:0.96;} #on02f {position:absolute;left: 140px;top:25px;font:28px calibri,sans-serif;color:rgb(0,0,50);} #on02f a .hayu {display: none;opacity:1.0;} #on02f a:hover .hayu {position:absolute;z-index:1; margin:-2px 0px 0px 40px; background-color:rgb(255,240,230); border-radius:3px; box-shadow:2px 2px 2px rgb(120, 90, 80),-1px 1px 2px rgb(200,170,160),1px -1px 2px rgb(200,170,160),-1px -1px 2px rgb(200,170,160); padding:12px 5px 12px 5px; font: 32px kaiti,sans-serif; color: rgb(0,0,50); line-height:32px; display: block; opacity:0.96;} #on03a {position:fixed;left:1500px;top:200px;font:40px arial,sans-serif;} /*--------- Navigation Kapitel -------------------------------------------- navi12a Fixe Position unten navi12b Grauer Querbalken navi12c Tabellenbeginn navi3d Zelle Masse navi3e " Position navi3f " Box navi3g " Text navi3h " Position Leerbild -------------------------------------------------------------------------*/ #navi12a {position:fixed; bottom:0; left: auto; text-align: center; margin-bottom:0px;} #navi12b {position:absolute; left:0px;top:-60px; width:1860px;height:60px; border-top:1px solid rgb(0,60,90); background-color:rgb(240,140,120);} #navi12c {position:absolute; left:140px;top:12px; text-align:left;} #navi12d {position:relative; margin:0px 0px 0px 0px; width:90px;height:40px;} #navi12e {position:relative;margin:0px 0px 0px 0px;} #navi12f {position:absolute; left:0px;top:0px; width:55px;height:36px; border:1px solid rgb(0,80,0); background-color:rgb(100,20,10); border-radius:4px; box-shadow:3px 3px 4px rgb(160,120,100);} #navi12g {position:absolute; left:3px;top:5px; width:55px; font: bold 22px arial,sans-serif; color:rgb(240,240,240); text-align:center; text-shadow:3px 3px 3px rgb(30,30,30);} #navi12h {position:absolute; left:0px;top:0px;} /* a.navx3:link {text-decoration:none;color:rgb(40,0,0);} a.navx3:hover {text-decoration:none;color:rgb(40,0,0);width:70px;height:48px;margin:-5px 5px 5px -5px;position:absolute;border-radius:5px;background-color:rgb(100,20, 0);font-size:200%;} a.navx3:visited {text-decoration:none;color:rgb(40,0,0);} */ a.navx12:link {text-decoration:none;color:rgb(40,0,0);} a.navx12:hover {text-decoration:none;color:rgb(40,0,0);} a.navx12:visited {text-decoration:none;color:rgb(40,0,0);} #navi12h a .kapi12 {display: none;opacity:1.0;} #navi12h a:hover .kapi12 {position:absolute;z-index:1; margin:-66px 0px 0px -100px; background-color:rgb(255,240,230); border-radius:3px; width:200px; box-shadow:2px 2px 2px rgb(120, 90, 80),-1px 1px 2px rgb(200,170,160),1px -1px 2px rgb(200,170,160),-1px -1px 2px rgb(200,170,160); padding:3px 5px 3px 5px; font: 18px calibri,sans-serif; color: rgb(0,0,50); text-align:center; line-height:19px; display: block; opacity:1.0;} /*========================================================================================================================================= 13 (p): STUDY (SChriftzeichen lernen) =========================================================================================================================================== op02a Globale Position op02b Position Seite -------------------------------------------------------------------------*/ #op02a {position:absolute;left:200px;top:250px;text-align:left;} #op02b {position:relative;margin:0px 0px -30px 0px;} /*========================================================================================================================================= 14 (q): Sprechen =========================================================================================================================================== /*--------- SELECt CHAPTER------------------------------------------------- oq02a DATA Beginn oq02b... Knöpfe Position oq02c " Layout oq02d " Text -------------------------------------------------------------------------*/ #oq02a {position:fixed;left:1300px;top:100px;text-align:left;} #oq02b01 {position:absolute;left: 0px;top: 0px;} #oq02b02 {position:absolute;left: 0px;top: 70px;} #oq02b03 {position:absolute;left: 0px;top:140px;} #oq02b04 {position:absolute;left: 0px;top:210px;} #oq02b05 {position:absolute;left: 0px;top:280px;} #oq02b06 {position:absolute;left: 0px;top:350px;} #oq02b07 {position:absolute;left: 0px;top:420px;} #oq02b08 {position:absolute;left: 0px;top:490px;} #oq02b09 {position:absolute;left:120px;top: 0px;} #oq02b10 {position:absolute;left:120px;top: 70px;} #oq02b11 {position:absolute;left:120px;top:140px;} #oq02b12 {position:absolute;left:120px;top:210px;} #oq02b13 {position:absolute;left:120px;top:280px;} #oq02b14 {position:absolute;left:120px;top:350px;} #oq02b15 {position:absolute;left:120px;top:420px;} #oq02b16 {position:absolute;left:120px;top:490px;} #oq02c {width:50px;height:50px; background-color:rgb(160, 20, 20); border-radius:25px; box-shadow:3px 3px 5px rgb(120,110,100);} #oq02d {position:absolute; left:0px;top:7px; width:50px; font: bold 30px sans-serif; color:rgb(255,230,230); text-align:center; text-shadow:2px 2px 2px rgb(30,0,0); } /*--------- TEXTE --------------------------------------------------------- oq03a DATA Beginn oq03b Position Kapitel oq03c Position Ohr oq03d iframe Fixed oq03e " Layout oq03f Position Anker oq03g Balken am Kapitelende oq03ix Distanzmessung -------------------------------------------------------------------------*/ #oq03a {position:absolute;left:60px;top:200px;text-align:left;} #oq03b {position:relative;margin:0px 0px 0px 100px;text-align:left;} #oq03c {position:absolute;left:-80px;top:28px;} #oq03d {position:fixed;bottom:0;left: auto;text-align: center;margin-bottom:10px;} #oq03e {position:absolute; left:0px;top:-72px; width:1860px;height:90px; border-top: 1px solid rgb(150,150,150); background-color:rgb(250,200,150); text-align:center;} #oq03f {position:absolute;left:0px;top:-40px;} #oq03g {position:relative; margin: 0px 0px 50px 100px; width:1000px;height:30px; background-color:rgb(150,100, 0); text-align:left;} #oq03ix {position:absolute; left:-80px;top:-280px; width:1000px;height:300px; background-color:rgb(250, 50, 50); box-shadow:4px 4px 5px rgb(100,100,100); opacity:0.4;} /*--------- AUDIOFULL in iframe ------------------------------------------- oq04a Body oq04b Position Playerbox oq04c Position Player oq04d Position Massstab -------------------------------------------------------------------------*/ #oq04a {background-color:rgb(250,200,150);} #oq04b {position:absolute; left:200px;top:10px; width:1460px;height:38px; border: 1px solid rgb(50,50,50); background-color:rgb(150,160,170); text-align:center; border-radius:4px;} #oq04c {position:absolute;left: 10px;top: 5px;} #oq04d {position:absolute;left:200px;top:48px;} /*========================================================================================================================================= Ordner VIDEO =========================================================================================================================================== vi01a Body (background) vi01b1 Position und Rahmen Player vi01c Position Videoclip vi01d Position "Movie+Text" -------------------------------------------------------------------------*/ #vi01a {background-color:rgb(240,200,120);} #vi01b1 {position:absolute;left:10px;top:10px;width: 570px;height:325px;border: 1px solid rgb(50,50,50);background-color:rgb(150,160,170);border-radius:4px;box-shadow:4px 4px 6px rgb(120,110,100);} #vi01b1a {position:absolute;left:10px;top:10px;width: 682px;height:388px;border: 1px solid rgb(50,50,50);background-color:rgb(150,160,170);border-radius:4px;box-shadow:4px 4px 6px rgb(120,110,100);} #vi01b2 {position:absolute;left:10px;top:10px;width: 738px;height:420px;border: 1px solid rgb(50,50,50);background-color:rgb(150,160,170);border-radius:4px;box-shadow:4px 4px 6px rgb(120,110,100);} #vi01b3 {position:absolute;left:10px;top:10px;width: 850px;height:483px;border: 1px solid rgb(50,50,50);background-color:rgb(150,160,170);border-radius:4px;box-shadow:4px 4px 6px rgb(120,110,100);} #vi01b4 {position:absolute;left:10px;top:10px;width: 962px;height:546px;border: 1px solid rgb(50,50,50);background-color:rgb(150,160,170);border-radius:4px;box-shadow:4px 4px 6px rgb(120,110,100);} #vi01b5 {position:absolute;left:10px;top:10px;width:1130px;height:613px;border: 1px solid rgb(50,50,50);background-color:rgb(150,160,170);border-radius:4px;box-shadow:4px 4px 6px rgb(120,110,100);} #vi01c {position:absolute;left: 5px;top: 5px;} #vi01d {position:absolute;left:1150px;top:20px;} /*--------- Show Special Page --------------------------------------------- vi02a,b,c Background und Titelbild vi02d Videoplayer Fixe Position vi03a Text Position -------------------------------------------------------------------------*/ #vi02a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #vi02b {background-color:rgb(250,230,180); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #vi02c {position:absolute; left:50px;top:30px; width:1520px; font: bold 55px times new roman,serif; color:rgb(40,80,100); text-align:left; text-shadow:3px 3px 5px rgb(100,140,160);line-height:45px;} #vi02d {position:fixed;left:30px;top:0px;} #vi03a {position:absolute;left:1080px;top:10px;text-align:left;} /*--------- Chinesischer Text --------------------------------------------- vi04a Text Anfangsposition vi04b " Titel Arial vi04c " Text Kai Ti -------------------------------------------------------------------------*/ #vi04a {position:absolute;left:800px;top:30px;text-align:left;} #vi04a1 {position:relative; margin: 0px 0px 40px 0px; text-align:left; width:800px; font: bold 36px arial,sans-serif; color:rgb( 0, 0, 0); text-shadow:3px 3px 5px rgb(140,130,120);} #vi04b {position:relative; margin: 0px 0px 20px 0px; text-align:left; width:800px; font: bold 24px arial,sans-serif; color:rgb( 0, 0, 0); border: 1px solid rgb(0,0,0); background-color:rgb(240,130,130); padding:4px 10px 4px 10px;} #vi04c {position:relative; margin: 12px 0px 50px 0px; text-align:left; font: 36px KaiTi,sans-serif; line-height:1.35em; color:rgb(0, 0, 0);} #vi04d {position:relative; left:0px;top:0px;} #vi04c a .what {display: none;opacity:1.0;} #vi04c a:hover .what {position:fixed;z-index:1; left:460px;top:480px; display: block;} span.vi05a {position:absolute; width:300px; top:10px; text-align:center; font: 50px KaiTi,sans-serif; color:rgb(0, 0, 0);} span.vi05b {position:absolute; width:300px; top:80px; text-align:center; font: 20px aa - chinesisch,sans-serif; color:rgb(0, 0, 0);} span.vis1a40 {position:relative;left:40px;color:rgb(140,0,0);} span.hanzi1 {background-color:rgb(250,200,150);border-radius:2px;} a.ubw:link {text-decoration:none;color:rgb(0,0,0);} a.ubw:hover {text-decoration:none;color:rgb(140,0,0);} a.ubw:visited {text-decoration:none;color:rgb(0,0,0);} /*--------- Wortliste ----------------------------------------------------- vi05a Eintrag Neue Zeile+Schriftart vi05b " T vi05c " T -------------------------------------------------------------------------*/ #vi05a {position:relative; margin: 30px 0px 40px 0px; text-align:left; width:800px; font: 36px KaiTi,sans-serif; color:rgb( 0, 0, 0);} /*========================================================================================================================================= Ordner IFPAGE =========================================================================================================================================== ifp1a Body rot ifp1b " blau ifp2 Position global ifp3 Text ifp4 Player Rahmen ifp5 " Position -------------------------------------------------------------------------*/ #ifp1a {background-color:rgb(100, 90, 80);} #ifp1b {background-color:rgb( 10, 70,120);} #ifp2 {position:absolute;left:0px;top:2px;} #ifp3 {position:absolute;left:120px;top:18px;width:200px;font:bold 28px courier,serif;color:rgb(245,245,245);} #ifp4 {position:absolute;left:340px;top:10px;width:1240px;height:44px;border: 1px solid rgb(50,50,50);background-color:rgb(190,200,210);text-align:center;border-radius:4px;} #ifp5 {position:absolute;left:10px;top:6px;} span.ifpn {margin-left:12px;font-size:80%;font-style:italic;color:rgb(205,205,205);} /*========================================================================================================================================= Ordner TEXTCLIP =========================================================================================================================================== tc1a Body 1 tc1b Body 2 tc1c Titel tc2a Databeginn tc2b Position Film tc2c Rahmen tc2d Position Video tc2e Text zu Video Box tc2f " " " Text tc2g Position Anker tc2i Nummer in "Hören + Lesen" tc3a Position "Zurück" tc3b " "Auswahl" tc3c " "Seite zurück" tc3d " "Seite vorwärts" tc4a -------------------------------------------------------------------------*/ #tc1a {background-color:rgb(0,0,0); background-image: url(ku02/pback00.jpg); position:relative; margin-bottom:3px;} #tc1b {background-color:rgb(100,110,120); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-14px; text-align:center;} #tc1c {position:absolute; left:50px; top:20px; font: bold 55px times new roman,serif; color:rgb(240,180, 0); text-align:left; text-shadow:3px 3px 3px rgb( 40, 50, 60);} #tc2a {position:absolute; left:260px;top:180px;} #tc2b {position:relative; margin:0px 0px 0px 0px; height:750px;} #tc2c {position:absolute; left:0px;top:0px; width:1000px;height:563px; border: 8px solid rgb(50,60,70); background-color:rgb(190,200,210); text-align:left; border-radius:8px; box-shadow:5px 5px 7px rgb(80,90,100);} #tc2d {position:absolute; left:8px;top:8px;} #tc2e {position:absolute; left:1040px;top:2px; width:260px;height:100px; border: 1px solid rgb(50,50,50); background-color:rgb(215,235,255); border-radius:6px; box-shadow:5px 5px 7px rgb(40,50,60);} #tc2f {position:absolute; left:10px;top:10px; font:18px arial,sans-serif; color:rgb(0,60,60); text-align:left; line-height:27px;} #tc2i {position:absolute; left:-56px;top:2px; width:40px; border: 1px solid rgb(50,50,50); background-color:rgb(215,235,255); border-radius:3px; box-shadow:2px 2px 3px rgb(40,50,60); padding:3px 3px 3px 3px; font:bold 20px arial,sans-serif; color:rgb(0,60,60);} #tc2g {position:absolute;top:-30px;} span.clip {font-weight:bold;font-size:120%;text-shadow:1px 1px 2px rgb(180,190,200);} #tc3a {position:fixed;left: 70px;top:180px;} #tc3b {position:fixed;left: 70px;top:240px;} /*========================================================================================================================================= Massstab =========================================================================================================================================== mass1 Linie -------------------------------------------------------------------------*/ #mass1 {position:absolute;left:300px;width:110px;height:1px;background-color:rgb(250, 0, 0);text-align:left;} #mass2 {position:absolute;left:-70px;top:-10px;font: bold 18px arial,serif;color:rgb( 0, 0, 0);} span.zy00 {font-weight:normal;} span.zy01 {font-weight:bold;} span.zy02 {text-decoration:underline;} span.zy03 {font-style:italic;} span.zy04 {font-weight:normal;} span.zy05 {font-weight:bold;text-decoration:underline;} span.zy06 {font-weight:bold;font-style:italic;} span.zy07 {position:relative;text-align:center;} span.zy08 {text-align:center;} span.zy09 {font-weight:bold;font-style:italic;text-decoration:underline;} span.zy10 {font-weight:bold;text-decoration:underline;font-size:110%;} span.zy11 {font-style:italic;text-decoration:underline;} span.zy12 {font-style:normal;font-weight:bold;font-size:110%;} span.size030 {font-size:30%;} span.size040 {font-size:40%;} span.size050 {font-size:50%;} span.size060 {font-size:60%;} span.size070 {font-size:70%;} span.size080 {font-size:80%;} span.size090 {font-size:90%;} span.size100 {font-size:100%;} span.size110 {font-size:110%;} span.size120 {font-size:120%;} span.size130 {font-size:130%;} span.size140 {font-size:140%;} span.size150 {font-size:150%;} span.size160 {font-size:160%;} span.size170 {font-size:170%;} span.size180 {font-size:180%;} span.size190 {font-size:190%;} span.size200 {font-size:200%;} span.size210 {font-size:210%;}