/* ################################################################################################################################# # # # USA-HIKES # # # ################################################################################################################################# */ /*----------------------------------------------- ALLGEMEIN 01a Position Titelbild 01b " Icon Reisen 01c " " Karte 01d " " State Maps 01e " " Liste 01f " Seite zurück 01g " " vorwärts -----------------------------------------------*/ #hike01a {position:absolute;left: 130px;top: 2px;} #hike01b {position:absolute;left: 20px;top: 7px;} #hike01c {position:absolute;left: 980px;top: 12px;} #hike01d {position:absolute;left:1070px;top: 12px;} #hike01e {position:absolute;left:1160px;top: 12px;} #hike01f {position:absolute;left:1280px;top: 12px;} #hike01g {position:absolute;left:1370px;top: 12px;} /*----------------------------------------------- HIKE 02a Titel (normal) 02b Staat 02c Region 02d Titel (mittel) 02e Titel (klein) 03 Data 04 PDF -----------------------------------------------*/ #hike02a {position:absolute; left:0px;top:165px; width:1406px; font:64px calibri,arial,sans-serif; text-align:center; color:rgb(245,250,255); text-shadow:5px 5px 5px rgb(10,10,10);} #hike02b {position:absolute; left:0px;top:120px; width:1460px; font:32px calibri,arial,sans-serif; text-align:center; color:rgb(235,245,255); text-shadow:3px 3px 3px rgb(20,20,20);} #hike02c {position:absolute; left:0px;top:260px; width:1460px; font:24px calibri,arial,sans-serif; text-align:center; color:rgb(225,240,255); text-shadow:2px 2px 2px rgb(20,20,20);} #hike02d {position:absolute; left:220px;top:134px; width:860px; font:60px calibri,arial,sans-serif; text-align:left; color:rgb(245,250,255); text-shadow:5px 5px 5px rgb(10,10,10);} #hike02e {position:absolute; left:220px;top:130px; width:860px; font:64px calibri,arial,sans-serif; text-align:left; color:rgb(245,250,255); text-shadow:5px 5px 5px rgb(10,10,10);} #hike03a {position:absolute; left:140px;top:300px;} #hike03b {position:relative; margin:40px 0px 0px 0px; width:1170px; border:2px solid rgb( 0, 0, 0); box-shadow:7px 7px 7px rgb(10,20,30);} #hike04 {position:absolute; left:1100px;top:10px;} #hike05a {position:relative;text-align:left;margin: 40px 0px 0px 0px;} #hike05b {position:relative;text-align:left;margin:-380px 0px 0px 603px;} #hike05c {position:relative;text-align:left;margin:-380px 0px 0px 1240px;} /*----------------------------------------------- STATE MAPS: Karte 06a Position Map-Gitter-Leerbild 06b " Map 06c " Gitter 06d Titel -----------------------------------------------*/ #hike06a {position:absolute;left:150px;top:140px;} #hike06b {position:relative;margin:0px 0px 0px 0px;} #hike06c {position:absolute;left:13px;top:13px;} #hike06d {position:fixed; left:10px;top:4px; width:280px;height:74px; border: 0px solid rgb(50,50,50); background-color:rgb(100,110,120); border-radius:4px 4px 4px 4px; padding:6px 0px 0px 10px; box-shadow:4px 4px 5px rgb(20,30,40); font:bold 46px calibri,arial,sans-serif; text-align:left; color:rgb(245,250,255); text-shadow:3px 3px 3px rgb(10,10,10);} /*----------------------------------------------- STATE MAPS: Staatswahl 07a Position global -----------------------------------------------*/ #hike07a {position:fixed;left:10px;top:140px;} #hike07b {position:relative; margin:0px 0px 12px 0px; width:120px;height:24px; border:0px solid rgb(0,0,0); background-color:rgb(100,110,120); font:bold 16px arial,sans-serif; text-align:left; color:rgb(220,230,240)); padding:4px 0px 0px 4px; border-radius:3px 3px 3px 3px; box-shadow:2px 2px 2px rgb( 30, 30, 30);} a.hili:link {text-decoration:none;color:rgb(160, 0, 0);} a.hili:hover {text-decoration:none;color:rgb(240, 0, 0);} a.hili:visited {text-decoration:none;color:rgb(160, 0, 0);} a.hike1:link {text-decoration:none;color:rgb(245,255,205);} a.hike1:hover {text-decoration:none;color:rgb(240,200,100);} a.hike1:visited {text-decoration:none;color:rgb(245,255,205);} a.hike2:link {text-decoration:none;color:rgb(0,0,0);} a.hike2:hover {text-decoration:none;color:rgb(0,0,0);background-color:rgb(245,235,150);} a.hike2:visited {text-decoration:none;color:rgb(0,0,0);} a.hike3:link {text-decoration:none;color:rgb(220,230,240);} a.hike3:hover {text-decoration:none;color:rgb(160,190,255);background-color:rgb(245,235,150);} a.hike3:visited {text-decoration:none;color:rgb(220,230,240);} span.ushike01 {position:relative;margin-left:10px;font-size:80%;} /* ################################################################################################################################# # # # KURZ # # # ################################################################################################################################# */ /*----------Titel--------------------------------------------------------------------------------------------------------------*/ #kurz_01 {position:absolute; left:0px;top:120px; width:1260px; font:60px calibri,arial,sans-serif; letter-spacing:0.05em; text-align:center; color:rgb(255,250,245); text-shadow:7px 7px 7px rgb(20,20,20);} /*----------Tabellenanfang-----------------------------------------------------------------------------------------------------*/ #kurz_02 {position:absolute; left:40px;top:250px;} /*----------SEPEMBER-----------------------------------------------------------------------------------------------------------*/ /*----------Eintrag: Datum-----------------------------------------------------------------------------------------------------*/ #kurz_03a {position:relative; margin:-1px 0px 0px -1px; width:110px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,220,180); font:18px arial,sans-serif; text-align:left; color:rgb(0,0,0)); padding:8px 0px 2px 5px;} /*----------Eintrag: Strecke---------------------------------------------------------------------------------------------------*/ #kurz_03b {position:relative; margin:-1px 0px 0px -1px; width:1060px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,230,170); font:18px arial,sans-serif; text-align:left; color:rgb(0,0,0)); padding:8px 0px 2px 5px;} /*----------Eintrag: Meilen----------------------------------------------------------------------------------------------------*/ #kurz_03c {position:relative; margin:-1px 0px 0px -1px; width:100px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,230,180); font:16px arial,sans-serif; text-align:center; color:rgb(0,0,0)); padding:9px 0px 1px 0px;} /*----------Eintrag: Sleep-----------------------------------------------------------------------------------------------------*/ #kurz_03d {position:relative; margin:-1px 0px 0px -1px; width:100px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,230,160); font:16px arial,sans-serif; text-align:center; color:rgb(0,0,0)); padding:9px 0px 1px 0px;} /*----------OKTOBER------------------------------------------------------------------------------------------------------------*/ /*----------Eintrag: Datum-----------------------------------------------------------------------------------------------------*/ #kurz_03e {position:relative; margin:-1px 0px 0px -1px; width:110px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,220,180); font:18px arial,sans-serif; text-align:left; color:rgb(0,0,0)); padding:8px 0px 2px 5px;} /*----------Eintrag: Strecke---------------------------------------------------------------------------------------------------*/ #kurz_03f {position:relative; margin:-1px 0px 0px -1px; width:1060px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,230,170); font:18px arial,sans-serif; text-align:left; color:rgb(0,0,0)); padding:8px 0px 2px 5px;} /*----------Eintrag: Meilen----------------------------------------------------------------------------------------------------*/ #kurz_03g {position:relative; margin:-1px 0px 0px -1px; width:100px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,230,180); font:16px arial,sans-serif; text-align:center; color:rgb(0,0,0)); padding:9px 0px 1px 0px;} /*----------Eintrag: Sleep-----------------------------------------------------------------------------------------------------*/ #kurz_03h {position:relative; margin:-1px 0px 0px -1px; width:100px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,230,160); font:16px arial,sans-serif; text-align:center; color:rgb(0,0,0)); padding:9px 0px 1px 0px;} /*----------NOVEMBER-----------------------------------------------------------------------------------------------------------*/ /*----------Eintrag: Datum-----------------------------------------------------------------------------------------------------*/ #kurz_03i {position:relative; margin:-1px 0px 0px -1px; width:110px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,220,180); font:18px arial,sans-serif; text-align:left; color:rgb(0,0,0)); padding:8px 0px 2px 5px;} /*----------Eintrag: Strecke---------------------------------------------------------------------------------------------------*/ #kurz_03j {position:relative; margin:-1px 0px 0px -1px; width:1060px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,230,170); font:18px arial,sans-serif; text-align:left; color:rgb(0,0,0)); padding:8px 0px 2px 5px;} /*----------Eintrag: Meilen----------------------------------------------------------------------------------------------------*/ #kurz_03k {position:relative; margin:-1px 0px 0px -1px; width:100px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,230,180); font:16px arial,sans-serif; text-align:center; color:rgb(0,0,0)); padding:9px 0px 1px 0px;} /*----------Eintrag: Sleep-----------------------------------------------------------------------------------------------------*/ #kurz_03l {position:relative; margin:-1px 0px 0px -1px; width:100px;height:28px; border:1px solid rgb(0,0,0); background-color:rgb(240,230,160); font:16px arial,sans-serif; text-align:center; color:rgb(0,0,0)); padding:9px 0px 1px 0px;} /*----------Wochenende---------------------------------------------------------------------------------------------------------*/ #kurz_04 {position:relative; margin:-1px 0px 0px -1px; height:25px;} /*-----------------------------------------------------------------------------------------------------------------------------*/ span.kurz1a {position:absolute;left: 4px;} span.kurz1b {position:absolute;left: 204px;} span.kurz1c {position:absolute;left: 404px;} span.kurz1d {position:absolute;left: 604px;} span.kurz1e {position:absolute;left: 804px;} span.kurz1f {position:absolute;left:1004px;} span.kurz1g {position:absolute;left: 904px;} span.kurz1h {position:absolute;left: 4px;font-weight:bold;font-style:italic;color:rgb(200, 10, 10);text-shadow:2px 2px 2px rgb(200,180,160);} span.kurz1i {position:absolute;left: 204px;font-weight:bold;font-style:italic;color:rgb(200, 10, 10);text-shadow:2px 2px 2px rgb(200,180,160);} span.kurz1j {position:absolute;left: 404px;font-weight:bold;font-style:italic;color:rgb(200, 10, 10);text-shadow:2px 2px 2px rgb(200,180,160);} span.kurz1k {position:absolute;left: 604px;font-weight:bold;font-style:italic;color:rgb(200, 10, 10);text-shadow:2px 2px 2px rgb(200,180,160);} span.kurz1l {position:absolute;left: 804px;font-weight:bold;font-style:italic;color:rgb(200, 10, 10);text-shadow:2px 2px 2px rgb(200,180,160);} span.kurz1x {position:absolute;left: 34px;} span.kurz1y {position:absolute;left: 47px;} span.kurz2 {position:relative;top:-1px;font-size:100%;font-weight:bold;font-style:italic;color:rgb(200, 10, 10);text-shadow:2px 2px 2px rgb(200,180,160);} /* ################################################################################################################################# # # # BILDERNUMMERN # # # ################################################################################################################################# */ #binu01 {background-color:rgb(60,75,90); margin-bottom:-1000px;} #binu2 {position:fixed; left:10px;top:10px; width:1260px; font: bold 60px arial,sans-serif; color:rgb(250,50,0); text-align:left; letter-spacing:0.05em; text-shadow: 3px 3px 2px rgb(0,0,0);} #binu3 {position:absolute;left:3px;top:3px; padding-bottom:20px;} #binu4a {position:fixed;left: 8px;top:100px;} #binu4b {position:fixed;left:15px;top:200px;} #binu4c {position:fixed;left:15px;top:250px;} #binu4d {position:fixed;left:15px;top:300px;} #binu4e {position:fixed;left:15px;top:350px;} #binu4f {position:fixed;left:15px;top:400px;} #binu4g {position:fixed;left:15px;top:450px;} #binu4h {position:fixed;left:15px;top:500px;} #binu4i {position:fixed;left:15px;top:550px;} #binu4j {position:fixed;left:15px;top:600px;} /* ################################################################################################################################# # # # ROUTEN # # # ################################################################################################################################# bb00 body bb02 Titelbild (Position) bb03 Titel (Position+Layout) bb04 Icon zurück zu "Reisen" (Position) bb05 Position Karte bb06 Position Route */ #bb00a {background-color:rgb( 60, 75, 90);margin-bottom:-1000px;} #bb00b {background-color:rgb( 60, 90, 75);margin-bottom:-1000px;} #bb03a {position:absolute;left:120px;top:25px;width:1260px;font: bold italic 50px times new roman,serif;color:rgb(150,220,250);text-align:left;letter-spacing:0.05em;text-shadow: 1px 1px 0px rgb(0,0,0), -1px 1px 0px rgb(0,0,0), 1px -1px 0px rgb(0,0,0), -1px -1px 0px rgb(0,0,0), 4px 8px 8px rgb(30,30,30);} #bb03b {position:absolute;left:120px;top:25px;width:1260px;font: bold italic 56px calibri,sans-serif; color:rgb(100,250,220);text-align:left;letter-spacing:0.05em;text-shadow: 1px 1px 0px rgb(0,0,0), -1px 1px 0px rgb(0,0,0), 1px -1px 0px rgb(0,0,0), -1px -1px 0px rgb(0,0,0), 4px 8px 8px rgb(30,30,30);} #bb04 {position:absolute;left: 5px;top: 10px;} #bb05 {position:absolute;left:170px;top:115px;} #bb06 {position:absolute;left:170px;top:115px;} /*--------- Navigation ---------------------------------------------------------------------------------------------------------- bb11a Position Tabelle Hikes bb11b " " Bildernummern bb12 Titel bb13a.. Box: Position+Layout " a: Route klein grau " b: " " rot " c: " gross grau " d: " " rot bb14a " Text Hike bb15 " Position Leerbild -------------------------------------------------------------------------------------------------------------------------------*/ #bb11a {position:fixed;left: 10px;top:116px;} #bb11b {position:fixed;left: 90px;top:116px;} #bb12 {position:relative;margin:0px 0px 10px 0px;width:65px;height:20px;font: bold 18px arial,sans-serif;color:rgb(210,230,250);text-align:center;text-shadow:2px 2px 2px rgb(10,10,10);} #bb13a {position:relative;margin:0px 0px 16px 0px;width:65px;height:34px;border: 0px solid rgb(100,30,30);background-color:rgb(100,110,120);border-radius:3px 3px 3px 3px;box-shadow:3px 3px 3px rgb(10,10,10);} #bb13b {position:relative;margin:0px 0px 16px 0px;width:65px;height:34px;border: 0px solid rgb(100,30,30);background-color:rgb(250, 80, 80);border-radius:3px 3px 3px 3px;box-shadow:3px 3px 3px rgb(10,10,10);} #bb13c {position:relative;margin:0px 0px 10px 0px;width:65px;height:54px;border: 0px solid rgb(100,30,30);background-color:rgb(100,110,120);border-radius:3px 3px 3px 3px;box-shadow:3px 3px 3px rgb(10,10,10);} #bb13d {position:relative;margin:0px 0px 10px 0px;width:65px;height:54px;border: 0px solid rgb(100,30,30);background-color:rgb(250, 80, 80);border-radius:3px 3px 3px 3px;box-shadow:3px 3px 3px rgb(10,10,10);} #bb14a {position:absolute;left:0px;top:5px;width:65px;font: bold 18px arial,sans-serif;color:rgb(210,230,250);text-align:center;text-shadow:2px 2px 2px rgb(10,10,10);} #bb15 {position:absolute;left:0px;top:0px;} a.route:link {text-decoration:none;font-size:100%;font-weight:bold;color:rgb(210,230,250);} a.route:hover {text-decoration:none;font-size:100%;font-weight:bold;color:rgb(210,230,250);} a.route:visited {text-decoration:none;font-size:100%;font-weight:bold;color:rgb(210,230,250);} /* ################################################################################################################################# # # # REISEN USA # # # ################################################################################################################################# */ /*----------Background (body und 1. div)---------------------------------------------------------------------------------------*/ #trip_01 {background-color:rgb( 0, 0, 0); position:relative; width:1260px; margin:0 auto;margin-top:4px;text-align:center;} #trip_02 {background-color:rgb( 60, 70, 80); position:relative; width:1260px; height: 50px; margin:0 auto; margin-top:-3px; text-align:center;} /*----------Background (body und 1. div)---------------------------------------------------------------------------------------*/ #trip_01a {background-color:rgb( 0, 0, 0); position:relative; width:1260px; margin:0 auto;margin-top:4px;text-align:center;} #trip_02a {background-color:rgb( 80, 90,100); position:relative; width:1260px; height: 50px; margin:0 auto; margin-top:-3px; text-align:center;} /*----------Background USA-Hikes (body und 1. div)------------------------------------------------------------------------------*/ #trip_01b {background-color:rgb( 0, 0, 0); position:relative; width:1460px; margin:0 auto;margin-top:4px;text-align:center;} #trip_02b {background-color:rgb( 60, 70, 80); position:relative; width:1460px; height: 50px; margin:0 auto; margin-top:-3px; text-align:center;} /*----------Background USA-Hikes (body und 1. div)------------------------------------------------------------------------------*/ #trip_01c {background-color:rgb( 0, 0, 0); position:relative; width:1260px; margin:0 auto;margin-top:4px;text-align:center;} #trip_02c {background-color:rgb(100, 40, 40); position:relative; width:1260px; height: 50px; margin:0 auto; margin-top:-3px; text-align:center;} /*----------Hikebilder----------------------------------------------------------------------------------------------------------*/ #trip_01d {background-color:rgb( 0, 0, 0); position:relative; width:1860px; margin:0 auto;margin-top:4px;text-align:center;} #trip_02d {background-color:rgb(100, 40, 40); position:relative; width:1860px; height: 50px; margin:0 auto; margin-top:-3px; text-align:center;} /*----------Titelbild----------------------------------------------------------------------------------------------------------*/ #trip_03 {position:absolute; left:0px;top:6px; width:1260px; text-align:center;} /*----------Datum--------------------------------------------------------------------------------------------------------------*/ #trip_04 {position:absolute; left:0px;top:120px; width:1260px; font:30px calibri,arial,sans-serif; text-align:center; color:rgb(255,250,245); text-shadow:4px 4px 4px rgb(20,20,20);} /*----------Tagesstrecke-------------------------------------------------------------------------------------------------------*/ #trip_05 {position:absolute; left:0px;top:170px; width:1260px; font:40px calibri,arial,sans-serif; text-align:center; color:rgb(255,250,245); text-shadow:7px 7px 7px rgb(20,20,20);} /*----------Tagebuch-Beginn----------------------------------------------------------------------------------------------------*/ #trip_06 {position:absolute; left:0px;top:220px; width:1260px; text-align:center;} /*----------Normaltext---------------------------------------------------------------------------------------------------------*/ #trip_07 {position:relative; margin:100px 0px 0px 200px; width:860px; font:21px calibri,arial,sans-serif; text-align:justify; color:rgb(255,250,245); line-height:28px;} /*----------Überschrift 1------------------------------------------------------------------------------------------------------*/ #trip_07a {position:relative; margin:100px 0px 0px 200px; width:860px; font:30px calibri,arial,sans-serif; text-align:left; color:rgb(255,250,245); text-shadow: 4px 4px 5px rgb(10,10,10);} /*----------Sternchen, zentriert-----------------------------------------------------------------------------------------------*/ #trip_07b {position:relative; margin:30px 0px 30px 200px; width:860px; font:21px calibri,arial,sans-serif; text-align:center; color:rgb(255,250,245); line-height:28px;} /*----------Überschrift 2 (2022)-----------------------------------------------------------------------------------------------*/ #trip_07c {position:relative; margin:100px 0px -80px 200px; font:30px calibri,arial,sans-serif; text-align:left; color:rgb(255,250,245); text-shadow: 4px 4px 5px rgb(10,10,10);} /*----------08a:Woche-----------08b:Beginn Datum----08c:Beginn Route-----------------------------------------------------------*/ #trip_08a {position:absolute; left:0px;top:120px; width:1260px; font:40px calibri,arial,sans-serif; text-align:center; color:rgb(255,250,245); text-shadow:4px 4px 4px rgb(20,20,20);} #trip_08b {position:absolute;margin:0px 0px 0px 200px;} #trip_08c {position:absolute;margin:0px 0px 0px 400px;} #trip_08c {position:absolute;margin:0px 0px 0px 400px;} /*----------09b:Datum-----------09c:Route--------------------------------------------------------------------------------------*/ #trip_09b {position:relative; margin:0px 0px 0px 0px; font:20px calibri,arial,sans-serif; text-align:left; line-height:30px; color:rgb(255,250,245); padding:0px 0px 0px 10px; text-shadow:4px 4px 4px rgb(20,20,20);} #trip_09c {position:relative; margin:0px 0px 0px 0px; font:20px calibri,arial,sans-serif; text-align:left; line-height:30px; color:rgb(255,250,245); padding:0px 0px 0px 10px; text-shadow:4px 4px 4px rgb(20,20,20);} /*----------11:"Reisen"---------12:Seite zurück-----13:Seite vorwärts---14:Seite zurück-----15:Seite vorwärts------------------*/ #trip_11 {position:absolute; left: 40px; top: 4px;} #trip_12 {position:absolute; left:1070px; top: 16px;} #trip_13 {position:absolute; left:1160px; top: 16px;} #trip_14 {position:relative;margin: 50px 0px 0px 542px;width:75px;height:75px;text-align:left;} #trip_15 {position:relative;margin:-75px 0px 50px 642px;width:75px;height:75px;text-align:left;} /*----------x-------------------x-------------------x-------------------x-------------------x----------------------------------*/ #trip_16 {position:absolute; left: 20px; top: 14px;} /*----------Kamera--------------------------------------------------------------------------------------------------------------- trip_20 1 Bild quer 1080px trip_21 1 Bild quer 800px trip_22 1 Bild hoch 420px trip_23 _24 2 Bilder hoch 420px trip_25 _26 2 Bilder quer 420px trip_27 1 Bild quer 400px -------------------------------------------------------------------------------------------------------------------------------*/ #trip_20 {position:relative;margin: 120px 0px 0px 130px;width:1000px;} #trip_21 {position:relative;margin: 120px 0px 0px 230px;width:800px;} #trip_22 {position:relative;margin: 120px 0px 0px 420px;width:420px;} #trip_23 {position:relative;margin: 120px 0px 0px 130px;width:420px;} #trip_24 {position:relative;margin:-658px 0px 0px 708px;width:420px;} #trip_25 {position:relative;margin: 120px 0px 0px 50px;width:420px;} #trip_26 {position:relative;margin:-377px 0px 0px 690px;width:420px;} #trip_27 {position:relative;margin: 40px 0px 0px 430px;width:400px;} /*----------Smartphone 2017 ----------------------------------------------------------------------------------------------------- trip_20a GROSSBILD quer 1080px trip_21a Bild quer 800px trip_22a Bild hoch 420px trip_23a GROSSBILD hoch 420px trip_24a _25a Zwei Bilder hoch 420px trip_26a _27a Zwei Bilder quer 420px -------------------------------------------------------------------------------------------------------------------------------*/ #trip_21a {position:relative;margin: 120px 0px 0px 230px;width:800px;} #trip_22a {position:relative;margin: 120px 0px 0px 420px;width:420px;} #trip_23a {position:relative;margin: 120px 0px 0px 360px;width:540px;} #trip_24a {position:relative;margin: 120px 0px 0px 130px;width:420px;} #trip_25a {position:relative;margin:-585px 0px 0px 710px;width:420px;} #trip_26a {position:relative;margin: 120px 0px 0px 80px;width:500px;} #trip_27a {position:relative;margin:-407px 0px 0px 680px;width:500px;} /*----------Kamera 2018 --------------------------------------------------------------------------------------------------------- trip_21b 1 Bild quer 800px trip_22b 1 Bild hoch 420px trip_23b _24b 2 Bilder hoch 420px -------------------------------------------------------------------------------------------------------------------------------*/ #trip_21b {position:relative;margin: 120px 0px 0px 280px;width:700px;} #trip_22b {position:relative;margin: 120px 0px 0px 420px;width:420px;} #trip_23b {position:relative;margin: 120px 0px 0px 130px;width:420px;} #trip_24b {position:relative;margin:-658px 0px 0px 710px;width:420px;} /*----------Smartphone 2018------------------------------------------------------------------------------------------------------ trip_21c Bild quer 700px trip_22c Bild hoch 420px trip_23c _24c Zwei Bilder hoch 420px -------------------------------------------------------------------------------------------------------------------------------*/ #trip_21c {position:relative;margin: 120px 0px 0px 280px;width:700px;} #trip_22c {position:relative;margin: 120px 0px 0px 420px;width:420px;} #trip_23c {position:relative;margin: 120px 0px 0px 130px;width:420px;} #trip_24c {position:relative;margin:-585px 0px 0px 710px;width:420px;} /*----------Smartphone 2022------------------------------------------------------------------------------------------------------ 21d Bild quer 700px 22d Bild hoch 360px 23d 24d Zwei Bilder hoch 360px 25d 26d 27d Drei Bilder hoch 360px 28a 28b 28c Drei Bilder quer -------------------------------------------------------------------------------------------------------------------------------*/ #trip_21d {position:relative;margin: 120px 0px 0px 230px;width:800px;} #trip_22d {position:relative;margin: 120px 0px 0px 440px;width:360px;} #trip_23d {position:relative;margin: 120px 0px 0px 130px;width:360px;} #trip_24d {position:relative;margin:-666px 0px 0px 767px;width:360px;} #trip_25d {position:relative;margin: 120px 0px 0px 75px;width:320px;} #trip_26d {position:relative;margin:-595px 0px 0px 470px;width:320px;} #trip_27d {position:relative;margin:-595px 0px 0px 865px;width:320px;} #trip_28a {position:relative;margin: 120px 0px 0px 20px;width:400px;} #trip_28b {position:relative;margin:-206px 0px 0px 430px;width:400px;} #trip_28c {position:relative;margin:-206px 0px 0px 840px;width:400px;} /*----------Kamera (2022)-------------------------------------------------------------------------------------------------------- 21e 1 Bild quer 800px 22e 1 Bild hoch 420px 23e 24e 2 Bilder hoch 420px 25e 26e 2 Bilder quer 420px 27e 28e 29e 3 Bilder hoch 420px -------------------------------------------------------------------------------------------------------------------------------*/ #trip_21e {position:relative;margin: 120px 0px 0px 230px;width:800px;} #trip_22e {position:relative;margin: 120px 0px 0px 420px;width:420px;} #trip_23e {position:relative;margin: 120px 0px 0px 130px;width:420px;} #trip_24e {position:relative;margin:-658px 0px 0px 708px;width:420px;} #trip_25e {position:relative;margin: 120px 0px 0px 50px;width:420px;} #trip_26e {position:relative;margin:-377px 0px 0px 690px;width:420px;} #trip_27e {position:relative;margin: 120px 0px 0px 40px;width:340px;} #trip_28e {position:relative;margin:-537px 0px 0px 460px;width:340px;} #trip_29e {position:relative;margin:-537px 0px 0px 880px;width:340px;} /*----------39:Bildtext--------------------------------------------------------------------------------------------------------*/ #trip_39 {position:relative; margin: 0px 0px 0px 0px; font: 14pt calibri,arial,sans-serif; text-align:center; color:rgb(240,220,200); line-height:18pt; word-spacing:2px;} /*----------40a:Videoclip------------------------------------------------------------------------------------------------------*/ #trip_40a {position:relative; margin: 100px 0px 0px 0px; text-align:center;} /*----------40b:Text zu Videoclip----------------------------------------------------------------------------------------------*/ #trip_40b {position:relative; margin: 4px 0px 0px 0px; text-align:center; font: bold italic 14pt calibri,arial,sans-serif; text-align:center; color:rgb(200,220,240); line-height:18pt;} /*----------Normaltext: Hervorheben--------------------------------------------------------------------------------------------*/ span.tripa {font-weight:bold;color:rgb(250,230,170);} span.tripb {font-weight:bold;color:rgb(250,240,160);} span.tripc {margin:0px 5px 0px 5px;padding:1px 7px 1px 7px;border-radius:6px;background-color:rgb(100,110,120);font-weight:bold;color:rgb(255,250,245);box-shadow:3px 3px 4px rgb(20,30,40);} a.trip1:link {text-decoration:none;font-size:100%;font-weight:bold;color:rgb(200,220,255);} a.trip1:hover {text-decoration:none;font-size:100%;font-weight:bold;color:rgb(150,170,255);} a.trip1:visited {text-decoration:none;font-size:100%;font-weight:bold;color:rgb(200,220,255);} a.trip2:link {text-decoration:none;font-size:100%;color:rgb(255,250,245);} a.trip2:hover {text-decoration:none;font-size:100%;color:rgb(105,200,245);} a.trip2:visited {text-decoration:none;font-size:100%;color:rgb(255,250,245);} a.trip3:link {text-decoration:none;font-style:italic;font-size:100%;font-weight:bold;color:rgb(250,230,170);} a.trip3:hover {text-decoration:none;font-style:italic;font-size:100%;font-weight:bold;color:rgb(250,190, 80);} a.trip3:visited {text-decoration:none;font-style:italic;font-size:100%;font-weight:bold;color:rgb(250,230,170);} /* ################################################################################################################################# # # # REISEN ALLGEMEIN (Exkursion) # # # ################################################################################################################################# */ /*----------Background (body und 1. div)---------------------------------------------------------------------------------------*/ #excu_01 {background-color:rgb( 0, 0, 0); position:relative; width:1260px; margin:0 auto;margin-top:4px;text-align:center;} #excu_02 {background-color:rgb( 60, 70, 80); position:relative; width:1260px; height: 50px; margin:0 auto; margin-top:-3px; text-align:center;} /*----------Titelbild----------------------------------------------------------------------------------------------------------*/ #excu_03 {position:absolute; left:0px;top:1px; width:1260px; text-align:center;} /*----------Titel--------------------------------------------------------------------------------------------------------------*/ #excu_04 {position:absolute; left:0px;top:160px; width:1260px; font:46px calibri,arial,sans-serif; text-align:center; line-height:52px; color:rgb(255,250,245); text-shadow:4px 4px 4px rgb(20,20,20);} /*----------Tagebuch-Beginn----------------------------------------------------------------------------------------------------*/ #excu_06 {position:absolute; left:0px;top:260px; width:1260px; text-align:center;} /*----------a:normal-----------------------------------------------------------------------------------------------------------*/ #excu_07 {position:relative; margin:80px 0px 0px 200px; width:860px; font:21px calibri,arial,sans-serif; text-align:justify; color:rgb(255,250,245); line-height:28px;} /*----------11:"Reisen"---------12:Seite zurück-----13:Seite vorwärts---14:Seite zurück-----15:Seite vorwärts------------------*/ #excu_11 {position:absolute; left: 20px; top: 14px;} #excu_12 {position:absolute; left:1080px; top: 16px;} #excu_13 {position:absolute; left:1170px; top: 16px;} #excu_14 {position:relative;margin:100px 0px 0px 540px;width:75px;height:75px;text-align:center;} #excu_15 {position:relative;margin:-75px 0px 0px 645px;width:75px;height:75px;text-align:center;} /*----------01:Hervorheben------02:???--------------03:Link-------------x-------------------x----------------------------------*/ span.usy01 {font-weight:bold;font-style:italic;color:rgb(255,150,150);} span.usy02 {font-weight:bold;font-style:italic;color:rgb(255,200,200); border: 1px solid rgb(0,0,0);background-color:yellow;padding:0px 10px 2px 10px;} span.usy03 {font-weight:bold;font-style:italic;color:rgb(150,150,250);} span.usy04 {font-weight:bold;font-style:italic;font-size:110%;color:rgb(255,100, 90);} /*----------01:Link im Text-----x-------------------x-------------------x-------------------x----------------------------------*/ a.tx01:link {text-decoration:none;font-weight:bold;color:rgb(150,150,250);} a.tx01:hover {text-decoration:none;font-weight:bold;color:rgb(150,150,250);} a.tx01:visited {text-decoration:none;font-weight:bold;color:rgb(150,150,250);}