/* Abbildungen, hier seitenübergreifende CSS-Notierungen für die Fußzeilen */ /* bildspezifische Angaben als inline-styles bei der Abbildung */ /* ------------------ ABBILDUNG 01 / themen.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung01{width: 800px;} /* Container für dl-Konstrukt */ #abb01 {background: url(../images/Fuesse/Themen/FussThemen.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb01 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb01 #teil1 {left:0px; top: 0px; z-index:20;} #abb01 #teil2 {left:53px; top: 0px; z-index:20;} #abb01 #teil3 {left:142px; top: 0px; z-index:20;} #abb01 #teil4 {left:256px; top: 0px; z-index:20;} #abb01 #teil5 {left:491px; top: 0px; z-index:20;} #abb01 #teil6 {left:565px; top: 0px; z-index:20;} #abb01 #teil7 {left:702px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb01 a#link_teil1 {display:block; width:52px; height:68px; text-decoration:none; z-index:20;} #abb01 a#link_teil2 {display:block; width:89px; height:68px; text-decoration:none; z-index:20;} #abb01 a#link_teil3 {display:block; width:114px; height:68px; text-decoration:none; z-index:20;} #abb01 a#link_teil4 {display:block; width:234px; height:68px; text-decoration:none; z-index:20;} #abb01 a#link_teil5 {display:block; width:74px; height:68px; text-decoration:none; z-index:20;} #abb01 a#link_teil6 {display:block; width:137px; height:68px; text-decoration:none; z-index:20;} #abb01 a#link_teil7 {display:block; width:71px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb01 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb01 a span, #abb01 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb01 a#link_teil1:hover, #abb01 a#link_teil2:hover, #abb01 a#link_teil3:hover, #abb01 a#link_teil4:hover, #abb01 a#link_teil5:hover, #abb01 a#link_teil6:hover, #abb01 a#link_teil7:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb01 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb01 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten ! */ /* Teil 1 */ #abb01 a#link_teil1:hover span {left:0px;} #abb01 a#link_teil1:hover em {left:26px;} #abb01 a#link_teil1:hover img {margin: 30px 207px 30px 207px;} /* Teil 2 */ #abb01 a#link_teil2:hover span {left:-53px;} #abb01 a#link_teil2:hover em{left:45px;} #abb01 a#link_teil2:hover img {margin: 30px 159px 30px 159px;} /* Teil 3 */ #abb01 a#link_teil3:hover span {left:-142px;} #abb01 a#link_teil3:hover em {left:57px;} #abb01 a#link_teil3:hover img{margin: 30px 105px 30px 105px;} /* Teil 4 */ #abb01 a#link_teil4:hover span {left:-256px;} #abb01 a#link_teil4:hover em {left:117px;} #abb01 a#link_teil4:hover img{margin: 30px 37px 30px 37px;} /* Teil 5 */ #abb01 a#link_teil5:hover span {left:-491px;} #abb01 a#link_teil5:hover em{left:37px;} #abb01 a#link_teil5:hover img{margin: 30px 146px 30px 146px;} /* Teil 6 */ #abb01 a#link_teil6:hover span {left:-565px;} #abb01 a#link_teil6:hover em{left:66px;} #abb01 a#link_teil6:hover img{margin: 30px 107px 30px 107px;} /* Teil 7 */ #abb01 a#link_teil7:hover span {left:-702px;} #abb01 a#link_teil7:hover em{left:35px;} #abb01 a#link_teil7:hover img{margin: 30px 148px 30px 148px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb01 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb01 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 02 / index.htm ----------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung02{width: 800px;} /* Container für dl-Konstrukt */ #abb02 {background: url(../images/Fuesse/Index/FussIndex.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 62px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb02 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb02 #teil1 {left:0px; top: 0px; z-index:20;} #abb02 #teil2 {left:96px; top: 0px; z-index:20;} #abb02 #teil3 {left:193px; top: 0px; z-index:20;} #abb02 #teil4 {left:290px; top: 0px; z-index:20;} #abb02 #teil5 {left:387px; top: 0px; z-index:20;} #abb02 #teil6 {left:484px; top: 0px; z-index:20;} #abb02 #teil7 {left:581px; top: 0px; z-index:20;} #abb02 #teil8 {left:677px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb02 a#link_teil1 {display:block; width:95px; height:60px; text-decoration:none; z-index:20;} #abb02 a#link_teil2 {display:block; width:96px; height:60px; text-decoration:none; z-index:20;} #abb02 a#link_teil3 {display:block; width:96px; height:60px; text-decoration:none; z-index:20;} #abb02 a#link_teil4 {display:block; width:96px; height:60px; text-decoration:none; z-index:20;} #abb02 a#link_teil5 {display:block; width:96px; height:60px; text-decoration:none; z-index:20;} #abb02 a#link_teil6 {display:block; width:96px; height:60px; text-decoration:none; z-index:20;} #abb02 a#link_teil7 {display:block; width:96px; height:60px; text-decoration:none; z-index:20;} #abb02 a#link_teil8 {display:block; width:96px; height:60px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb02 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb02 a span, #abb02 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb02 a#link_teil1:hover, #abb02 a#link_teil2:hover, #abb02 a#link_teil3:hover, #abb02 a#link_teil4:hover, #abb02 a#link_teil5:hover, #abb02 a#link_teil6:hover, #abb02 a#link_teil7:hover, #abb02 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb02 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb02 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten ! */ /* Teil 1 */ #abb02 a#link_teil1:hover span {left:0px;} #abb02 a#link_teil1:hover em {left:47px;} #abb02 a#link_teil1:hover img {margin: 30px 54px 30px 54px;} /* Teil 2 */ #abb02 a#link_teil2:hover span {left:-96px;} #abb02 a#link_teil2:hover em{left:47px;} #abb02 a#link_teil2:hover img {margin: 30px 55px 30px 55px;} /* Teil 3 */ #abb02 a#link_teil3:hover span {left:-193px;} #abb02 a#link_teil3:hover em {left:47px;} #abb02 a#link_teil3:hover img{margin: 30px 54px 30px 54px;} /* Teil 4 */ #abb02 a#link_teil4:hover span {left:-290px;} #abb02 a#link_teil4:hover em {left:47px;} #abb02 a#link_teil4:hover img{margin: 30px 51px 30px 51px;} /* Teil 5 */ #abb02 a#link_teil5:hover span {left:-387px;} #abb02 a#link_teil5:hover em{left:47px;} #abb02 a#link_teil5:hover img{margin: 30px 54px 30px 54px;} /* Teil 6 */ #abb02 a#link_teil6:hover span {left:-484px;} #abb02 a#link_teil6:hover em{left:47px;} #abb02 a#link_teil6:hover img{margin: 30px 55px 30px 55px;} /* Teil 7 */ #abb02 a#link_teil7:hover span {left:-581px;} #abb02 a#link_teil7:hover em{left:47px;} #abb02 a#link_teil7:hover img{margin: 30px 55px 30px 55px;} /* Teil 8 */ #abb02 a#link_teil8:hover span {left:-677px;} #abb02 a#link_teil8:hover em{left:47px;} #abb02 a#link_teil8:hover img{margin: 30px 55px 30px 55px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb02 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb02 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 03 / korrespondieren.htm ------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung03{width: 800px;} /* Container für dl-Konstrukt */ #abb03 {background: url(../images/Fuesse/Korrespondieren/FussKorr.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 541px; /* wie Breite des Bildes */ height: 69px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 188px;} /* Container für jedes / das zu vergößernde Bild */ #abb03 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb03 #teil1 {left:0px; top: 0px; z-index:20;} #abb03 #teil2 {left:103px; top: 0px; z-index:20;} #abb03 #teil3 {left:150px; top: 0px; z-index:20;} #abb03 #teil4 {left:195px; top: 0px; z-index:20;} #abb03 #teil5 {left:247px; top: 0px; z-index:20;} #abb03 #teil6 {left:292px; top: 0px; z-index:20;} #abb03 #teil7 {left:338px; top: 0px; z-index:20;} #abb03 #teil8 {left:442px; top: 0px; z-index:20;} #abb03 #teil9 {left:488px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb03 a#link_teil1 {display:block; width:103px; height:67px; text-decoration:none; z-index:20;} #abb03 a#link_teil2 {display:block; width:46px; height:67px; text-decoration:none; z-index:20;} #abb03 a#link_teil3 {display:block; width:45px; height:67px; text-decoration:none; z-index:20;} #abb03 a#link_teil4 {display:block; width:52px; height:67px; text-decoration:none; z-index:20;} #abb03 a#link_teil5 {display:block; width:45px; height:67px; text-decoration:none; z-index:20;} #abb03 a#link_teil6 {display:block; width:46px; height:67px; text-decoration:none; z-index:20;} #abb03 a#link_teil7 {display:block; width:104px; height:67px; text-decoration:none; z-index:20;} #abb03 a#link_teil8 {display:block; width:46px; height:67px; text-decoration:none; z-index:20;} #abb03 a#link_teil9 {display:block; width:52px; height:67px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb03 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb03 a span, #abb03 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb03 a#link_teil1:hover, #abb03 a#link_teil2:hover, #abb03 a#link_teil3:hover, #abb03 a#link_teil4:hover, #abb03 a#link_teil5:hover, #abb03 a#link_teil6:hover, #abb03 a#link_teil7:hover, #abb03 a#link_teil8:hover, #abb03 a#link_teil9:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb03 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb03 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb03 a#link_teil1:hover span {left:0px;} #abb03 a#link_teil1:hover em {left:56px;} #abb03 a#link_teil1:hover img {margin: 30px 55px 30px 55px;} /* Teil 2 */ #abb03 a#link_teil2:hover span {left:-103px;} #abb03 a#link_teil2:hover em{left:23px;} #abb03 a#link_teil2:hover img {margin: 30px 224px 30px 224px;} /* Teil 3 */ #abb03 a#link_teil3:hover span {left:-150px;} #abb03 a#link_teil3:hover em {left:22px;} #abb03 a#link_teil3:hover img{margin: 30px 224px 30px 224px;} /* Teil 4 */ #abb03 a#link_teil4:hover span {left:-195px;} #abb03 a#link_teil4:hover em {left:26px;} #abb03 a#link_teil4:hover img{margin: 30px 207px 30px 207px;} /* Teil 5 */ #abb03 a#link_teil5:hover span {left:-247px;} #abb03 a#link_teil5:hover em{left:22px;} #abb03 a#link_teil5:hover img{margin: 30px 226px 30px 226px;} /* Teil 6 */ #abb03 a#link_teil6:hover span {left:-292px;} #abb03 a#link_teil6:hover em{left:23px;} #abb03 a#link_teil6:hover img{margin: 30px 224px 30px 224px;} /* Teil 7 */ #abb03 a#link_teil7:hover span {left:-338px;} #abb03 a#link_teil7:hover em{left:52px;} #abb03 a#link_teil7:hover img{margin: 30px 57px 30px 57px;} /* Teil 8 */ #abb03 a#link_teil8:hover span {left:-442px;} #abb03 a#link_teil8:hover em{left:23px;} #abb03 a#link_teil8:hover img{margin: 30px 224px 30px 224px;} /* Teil 9 */ #abb03 a#link_teil9:hover span {left:-488px;} #abb03 a#link_teil9:hover em{left:26px;} #abb03 a#link_teil9:hover img{margin: 30px 207px 30px 207px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb03 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb03 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 04 / hbhan.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung04{width: 800px;} /* Container für dl-Konstrukt */ #abb04 {background: url(../images/Fuesse/Aufgaben/FussAufgaben.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 69px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb04 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb04 #teil1 {left:0px; top: 0px; z-index:20;} #abb04 #teil2 {left:101px; top: 0px; z-index:20;} #abb04 #teil3 {left:174px; top: 0px; z-index:20;} #abb04 #teil4 {left:253px; top: 0px; z-index:20;} #abb04 #teil5 {left:360px; top: 0px; z-index:20;} #abb04 #teil6 {left:495px; top: 0px; z-index:20;} #abb04 #teil7 {left:603px; top: 0px; z-index:20;} #abb04 #teil8 {left:709px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb04 a#link_teil1 {display:block; width:101px; height:67px; text-decoration:none; z-index:20;} #abb04 a#link_teil2 {display:block; width:72px; height:67px; text-decoration:none; z-index:20;} #abb04 a#link_teil3 {display:block; width:79px; height:67px; text-decoration:none; z-index:20;} #abb04 a#link_teil4 {display:block; width:107px; height:67px; text-decoration:none; z-index:20;} #abb04 a#link_teil5 {display:block; width:135px; height:67px; text-decoration:none; z-index:20;} #abb04 a#link_teil6 {display:block; width:107px; height:67px; text-decoration:none; z-index:20;} #abb04 a#link_teil7 {display:block; width:106px; height:67px; text-decoration:none; z-index:20;} #abb04 a#link_teil8 {display:block; width:65px; height:67px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb04 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb04 a span, #abb04 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb04 a#link_teil1:hover, #abb04 a#link_teil2:hover, #abb04 a#link_teil3:hover, #abb04 a#link_teil4:hover, #abb04 a#link_teil5:hover, #abb04 a#link_teil6:hover, #abb04 a#link_teil7:hover, #abb04 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb04 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb04 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb04 a#link_teil1:hover span {left:0px;} #abb04 a#link_teil1:hover em {left:50px;} #abb04 a#link_teil1:hover img {margin: 30px 173px 30px 173px;} /* Teil 2 */ #abb04 a#link_teil2:hover span {left:-101px;} #abb04 a#link_teil2:hover em{left:36px;} #abb04 a#link_teil2:hover img {margin: 30px 155px 30px 155px;} /* Teil 3 */ #abb04 a#link_teil3:hover span {left:-174px;} #abb04 a#link_teil3:hover em {left:39px;} #abb04 a#link_teil3:hover img{margin: 30px 126px 30px 126px;} /* Teil 4 */ #abb04 a#link_teil4:hover span {left:-253px;} #abb04 a#link_teil4:hover em {left:53px;} #abb04 a#link_teil4:hover img{margin: 30px 45px 30px 45px;} /* Teil 5 */ #abb04 a#link_teil5:hover span {left:-360px;} #abb04 a#link_teil5:hover em{left:67px;} #abb04 a#link_teil5:hover img{margin: 30px 45px 30px 45px;} /* Teil 6 */ #abb04 a#link_teil6:hover span {left:-495px;} #abb04 a#link_teil6:hover em{left:53px;} #abb04 a#link_teil6:hover img{margin: 30px 45px 30px 45px;} /* Teil 7 */ #abb04 a#link_teil7:hover span {left:-603px;} #abb04 a#link_teil7:hover em{left:53px;} #abb04 a#link_teil7:hover img{margin: 30px 45px 30px 45px;} /* Teil 8 */ #abb04 a#link_teil8:hover span {left:-709px;} #abb04 a#link_teil8:hover em{left:32px;} #abb04 a#link_teil8:hover img{margin: 30px 76px 30px 76px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb04 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb04 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 05 / aufgaben.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung05{width: 800px;} /* Container für dl-Konstrukt */ #abb05 {background: url(../images/Fuesse/HBH_Agadez/FussHBHAgadez.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb05 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb05 #teil1 {left:0px; top: 0px; z-index:20;} #abb05 #teil2 {left:104px; top: 0px; z-index:20;} #abb05 #teil3 {left:184px; top: 0px; z-index:20;} #abb05 #teil4 {left:282px; top: 0px; z-index:20;} #abb05 #teil5 {left:391px; top: 0px; z-index:20;} #abb05 #teil6 {left:466px; top: 0px; z-index:20;} #abb05 #teil7 {left:586px; top: 0px; z-index:20;} #abb05 #teil8 {left:684px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb05 a#link_teil1 {display:block; width:104px; height:68px; text-decoration:none; z-index:20;} #abb05 a#link_teil2 {display:block; width:79px; height:68px; text-decoration:none; z-index:20;} #abb05 a#link_teil3 {display:block; width:97px; height:68px; text-decoration:none; z-index:20;} #abb05 a#link_teil4 {display:block; width:111px; height:68px; text-decoration:none; z-index:20;} #abb05 a#link_teil5 {display:block; width:74px; height:68px; text-decoration:none; z-index:20;} #abb05 a#link_teil6 {display:block; width:119px; height:68px; text-decoration:none; z-index:20;} #abb05 a#link_teil7 {display:block; width:97px; height:68px; text-decoration:none; z-index:20;} #abb05 a#link_teil8 {display:block; width:89px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb05 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb05 a span, #abb05 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb05 a#link_teil1:hover, #abb05 a#link_teil2:hover, #abb05 a#link_teil3:hover, #abb05 a#link_teil4:hover, #abb05 a#link_teil5:hover, #abb05 a#link_teil6:hover, #abb05 a#link_teil7:hover, #abb05 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb05 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb05 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb05 a#link_teil1:hover span {left:0px;} #abb05 a#link_teil1:hover em {left:52px;} #abb05 a#link_teil1:hover img {margin: 30px 57px 30px 57px;} /* Teil 2 */ #abb05 a#link_teil2:hover span {left:-104px;} #abb05 a#link_teil2:hover em{left:39px;} #abb05 a#link_teil2:hover img {margin: 30px 129px 30px 129px;} /* Teil 3 */ #abb05 a#link_teil3:hover span {left:-184px;} #abb05 a#link_teil3:hover em {left:48px;} #abb05 a#link_teil3:hover img{margin: 30px 76px 30px 76px;} /* Teil 4 */ #abb05 a#link_teil4:hover span {left:-282px;} #abb05 a#link_teil4:hover em {left:55px;} #abb05 a#link_teil4:hover img{margin: 30px 38px 30px 38px;} /* Teil 5 */ #abb05 a#link_teil5:hover span {left:-391px;} #abb05 a#link_teil5:hover em{left:37px;} #abb05 a#link_teil5:hover img{margin: 30px 139px 30px 139px;} /* Teil 6 */ #abb05 a#link_teil6:hover span {left:-466px;} #abb05 a#link_teil6:hover em{left:59px;} #abb05 a#link_teil6:hover img{margin: 30px 42px 30px 42px;} /* Teil 7 */ #abb05 a#link_teil7:hover span {left:-586px;} #abb05 a#link_teil7:hover em{left:48px;} #abb05 a#link_teil7:hover img{margin: 30px 76px 30px 76px;} /* Teil 8 */ #abb05 a#link_teil8:hover span {left:-684px;} #abb05 a#link_teil8:hover em{left:44px;} #abb05 a#link_teil8:hover img{margin: 30px 55px 30px 55px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb05 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb05 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 06 / aktivitaeten.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung06{width: 800px;} /* Container für dl-Konstrukt */ #abb06 {background: url(../images/Fuesse/Aktiv/FussAktivitaeten.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb06 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb06 #teil1 {left:0px; top: 0px; z-index:20;} #abb06 #teil2 {left:80px; top: 0px; z-index:20;} #abb06 #teil3 {left:174px; top: 0px; z-index:20;} #abb06 #teil4 {left:280px; top: 0px; z-index:20;} #abb06 #teil5 {left:385px; top: 0px; z-index:20;} #abb06 #teil6 {left:491px; top: 0px; z-index:20;} #abb06 #teil7 {left:596px; top: 0px; z-index:20;} #abb06 #teil8 {left:700px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb06 a#link_teil1 {display:block; width:80px; height:68px; text-decoration:none; z-index:20;} #abb06 a#link_teil2 {display:block; width:93px; height:68px; text-decoration:none; z-index:20;} #abb06 a#link_teil3 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb06 a#link_teil4 {display:block; width:104px; height:68px; text-decoration:none; z-index:20;} #abb06 a#link_teil5 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb06 a#link_teil6 {display:block; width:104px; height:68px; text-decoration:none; z-index:20;} #abb06 a#link_teil7 {display:block; width:103px; height:68px; text-decoration:none; z-index:20;} #abb06 a#link_teil8 {display:block; width:73px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb06 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb06 a span, #abb06 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb06 a#link_teil1:hover, #abb06 a#link_teil2:hover, #abb06 a#link_teil3:hover, #abb06 a#link_teil4:hover, #abb06 a#link_teil5:hover, #abb06 a#link_teil6:hover, #abb06 a#link_teil7:hover, #abb06 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb06 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb06 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb06 a#link_teil1:hover span {left:0px;} #abb06 a#link_teil1:hover em {left:40px;} #abb06 a#link_teil1:hover img {margin: 30px 57px 30px 57px;} /* Teil 2 */ #abb06 a#link_teil2:hover span {left:-80px;} #abb06 a#link_teil2:hover em{left:46px;} #abb06 a#link_teil2:hover img {margin: 30px 58px 30px 58px;} /* Teil 3 */ #abb06 a#link_teil3:hover span {left:-174px;} #abb06 a#link_teil3:hover em {left:52px;} #abb06 a#link_teil3:hover img{margin: 30px 58px 30px 58px;} /* Teil 4 */ #abb06 a#link_teil4:hover span {left:-280px;} #abb06 a#link_teil4:hover em {left:52px;} #abb06 a#link_teil4:hover img{margin: 30px 56px 30px 56px;} /* Teil 5 */ #abb06 a#link_teil5:hover span {left:-385px;} #abb06 a#link_teil5:hover em{left:52px;} #abb06 a#link_teil5:hover img{margin: 30px 57px 30px 57px;} /* Teil 6 */ #abb06 a#link_teil6:hover span {left:-491px;} #abb06 a#link_teil6:hover em{left:52px;} #abb06 a#link_teil6:hover img{margin: 30px 57px 30px 57px;} /* Teil 7 */ #abb06 a#link_teil7:hover span {left:-596px;} #abb06 a#link_teil7:hover em{left:51px;} #abb06 a#link_teil7:hover img{margin: 30px 56px 30px 56px;} /* Teil 8 */ #abb06 a#link_teil8:hover span {left:-700px;} #abb06 a#link_teil8:hover em{left:36px;} #abb06 a#link_teil8:hover img{margin: 30px 57px 30px 57px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb06 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb06 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 07 / hbhtm.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung07{width: 800px;} /* Container für dl-Konstrukt */ #abb07 {background: url(../images/Fuesse/HBH_Tim/FussHBH-Tim.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb07 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb07 #teil1 {left:0px; top: 0px; z-index:20;} #abb07 #teil2 {left:105px; top: 0px; z-index:20;} #abb07 #teil3 {left:202px; top: 0px; z-index:20;} #abb07 #teil4 {left:308px; top: 0px; z-index:20;} #abb07 #teil5 {left:418px; top: 0px; z-index:20;} #abb07 #teil6 {left:523px; top: 0px; z-index:20;} #abb07 #teil7 {left:628px; top: 0px; z-index:20;} #abb07 #teil8 {left:734px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb07 a#link_teil1 {display:block; width:104px; height:68px; text-decoration:none; z-index:20;} #abb07 a#link_teil2 {display:block; width:96px; height:68px; text-decoration:none; z-index:20;} #abb07 a#link_teil3 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb07 a#link_teil4 {display:block; width:109px; height:68px; text-decoration:none; z-index:20;} #abb07 a#link_teil5 {display:block; width:104px; height:68px; text-decoration:none; z-index:20;} #abb07 a#link_teil6 {display:block; width:104px; height:68px; text-decoration:none; z-index:20;} #abb07 a#link_teil7 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb07 a#link_teil8 {display:block; width:40px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb07 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb07 a span, #abb07 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb07 a#link_teil1:hover, #abb07 a#link_teil2:hover, #abb07 a#link_teil3:hover, #abb07 a#link_teil4:hover, #abb07 a#link_teil5:hover, #abb07 a#link_teil6:hover, #abb07 a#link_teil7:hover, #abb07 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb07 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb07 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb07 a#link_teil1:hover span {left:0px;} #abb07 a#link_teil1:hover em {left:52px;} #abb07 a#link_teil1:hover img {margin: 30px 57px 30px 57px;} /* Teil 2 */ #abb07 a#link_teil2:hover span {left:-105px;} #abb07 a#link_teil2:hover em{left:48px;} #abb07 a#link_teil2:hover img {margin: 30px 58px 30px 58px;} /* Teil 3 */ #abb07 a#link_teil3:hover span {left:-202px;} #abb07 a#link_teil3:hover em {left:53px;} #abb07 a#link_teil3:hover img{margin: 30px 58px 30px 58px;} /* Teil 4 */ #abb07 a#link_teil4:hover span {left:-308px;} #abb07 a#link_teil4:hover em {left:55px;} #abb07 a#link_teil4:hover img{margin: 30px 43px 30px 43px;} /* Teil 5 */ #abb07 a#link_teil5:hover span {left:-418px;} #abb07 a#link_teil5:hover em{left:52px;} #abb07 a#link_teil5:hover img{margin: 30px 57px 30px 57px;} /* Teil 6 */ #abb07 a#link_teil6:hover span {left:-523px;} #abb07 a#link_teil6:hover em{left:53px;} #abb07 a#link_teil6:hover img{margin: 30px 57px 30px 57px;} /* Teil 7 */ #abb07 a#link_teil7:hover span {left:-628px;} #abb07 a#link_teil7:hover em{left:53px;} #abb07 a#link_teil7:hover img{margin: 30px 56px 30px 56px;} /* Teil 8 */ #abb07 a#link_teil8:hover span {left:-734px;} #abb07 a#link_teil8:hover em{left:20px;} #abb07 a#link_teil8:hover img{margin: 30px 57px 30px 57px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb07 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb07 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 08 / herkunft.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung08{width: 800px;} /* Container für dl-Konstrukt */ #abb08 {background: url(../images/Fuesse/Herkunft/FussHerkunft.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb08 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb08 #teil1 {left:0px; top: 0px; z-index:20;} #abb08 #teil2 {left:106px; top: 0px; z-index:20;} #abb08 #teil3 {left:212px; top: 0px; z-index:20;} #abb08 #teil4 {left:318px; top: 0px; z-index:20;} #abb08 #teil5 {left:424px; top: 0px; z-index:20;} #abb08 #teil6 {left:527px; top: 0px; z-index:20;} #abb08 #teil7 {left:606px; top: 0px; z-index:20;} #abb08 #teil8 {left:691px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb08 a#link_teil1 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb08 a#link_teil2 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb08 a#link_teil3 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb08 a#link_teil4 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb08 a#link_teil5 {display:block; width:102px; height:68px; text-decoration:none; z-index:20;} #abb08 a#link_teil6 {display:block; width:78px; height:68px; text-decoration:none; z-index:20;} #abb08 a#link_teil7 {display:block; width:84px; height:68px; text-decoration:none; z-index:20;} #abb08 a#link_teil8 {display:block; width:82px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb08 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb08 a span, #abb08 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb08 a#link_teil1:hover, #abb08 a#link_teil2:hover, #abb08 a#link_teil3:hover, #abb08 a#link_teil4:hover, #abb08 a#link_teil5:hover, #abb08 a#link_teil6:hover, #abb08 a#link_teil7:hover, #abb08 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb08 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb08 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb08 a#link_teil1:hover span {left:0px;} #abb08 a#link_teil1:hover em {left:52px;} #abb08 a#link_teil1:hover img {margin: 30px 55px 30px 55px;} /* Teil 2 */ #abb08 a#link_teil2:hover span {left:-106px;} #abb08 a#link_teil2:hover em{left:52px;} #abb08 a#link_teil2:hover img {margin: 30px 55px 30px 55px;} /* Teil 3 */ #abb08 a#link_teil3:hover span {left:-212px;} #abb08 a#link_teil3:hover em {left:52px;} #abb08 a#link_teil3:hover img{margin: 30px 55px 30px 55px;} /* Teil 4 */ #abb08 a#link_teil4:hover span {left:-318px;} #abb08 a#link_teil4:hover em {left:52px;} #abb08 a#link_teil4:hover img{margin: 30px 55px 30px 55px;} /* Teil 5 */ #abb08 a#link_teil5:hover span {left:-424px;} #abb08 a#link_teil5:hover em{left:51px;} #abb08 a#link_teil5:hover img{margin: 30px 55px 30px 55px;} /* Teil 6 */ #abb08 a#link_teil6:hover span {left:-527px;} #abb08 a#link_teil6:hover em{left:39px;} #abb08 a#link_teil6:hover img{margin: 30px 55px 30px 55px;} /* Teil 7 */ #abb08 a#link_teil7:hover span {left:-606px;} #abb08 a#link_teil7:hover em{left:42px;} #abb08 a#link_teil7:hover img{margin: 30px 55px 30px 55px;} /* Teil 8 */ #abb08 a#link_teil8:hover span {left:-691px;} #abb08 a#link_teil8:hover em{left:41px;} #abb08 a#link_teil8:hover img{margin: 30px 55px 30px 55px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb08 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb08 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 09 / impressum.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung09{width: 800px;} /* Container für dl-Konstrukt */ #abb09 {background: url(../images/Fuesse/Impressum/FussImp.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb09 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb09 #teil1 {left:0px; top: 0px; z-index:20;} #abb09 #teil2 {left:106px; top: 0px; z-index:20;} #abb09 #teil3 {left:229px; top: 0px; z-index:20;} #abb09 #teil4 {left:335px; top: 0px; z-index:20;} #abb09 #teil5 {left:413px; top: 0px; z-index:20;} #abb09 #teil6 {left:502px; top: 0px; z-index:20;} #abb09 #teil7 {left:591px; top: 0px; z-index:20;} #abb09 #teil8 {left:697px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb09 a#link_teil1 {display:block; width:106px; height:68px; text-decoration:none; z-index:20;} #abb09 a#link_teil2 {display:block; width:123px; height:68px; text-decoration:none; z-index:20;} #abb09 a#link_teil3 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb09 a#link_teil4 {display:block; width:77px; height:68px; text-decoration:none; z-index:20;} #abb09 a#link_teil5 {display:block; width:88px; height:68px; text-decoration:none; z-index:20;} #abb09 a#link_teil6 {display:block; width:87px; height:68px; text-decoration:none; z-index:20;} #abb09 a#link_teil7 {display:block; width:106px; height:68px; text-decoration:none; z-index:20;} #abb09 a#link_teil8 {display:block; width:76px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb09 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb09 a span, #abb09 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb09 a#link_teil1:hover, #abb09 a#link_teil2:hover, #abb09 a#link_teil3:hover, #abb09 a#link_teil4:hover, #abb09 a#link_teil5:hover, #abb09 a#link_teil6:hover, #abb09 a#link_teil7:hover, #abb09 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb09 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb09 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb09 a#link_teil1:hover span {left:0px;} #abb09 a#link_teil1:hover em {left:53px;} #abb09 a#link_teil1:hover img {margin: 30px 52px 30px 52px;} /* Teil 2 */ #abb09 a#link_teil2:hover span {left:-106px;} #abb09 a#link_teil2:hover em{left:61px;} #abb09 a#link_teil2:hover img {margin: 30px 32px 30px 32px;} /* Teil 3 */ #abb09 a#link_teil3:hover span {left:-229px;} #abb09 a#link_teil3:hover em {left:52px;} #abb09 a#link_teil3:hover img{margin: 30px 53px 30px 53px;} /* Teil 4 */ #abb09 a#link_teil4:hover span {left:-335px;} #abb09 a#link_teil4:hover em {left:36px;} #abb09 a#link_teil4:hover img{margin: 30px 54px 30px 54px;} /* Teil 5 */ #abb09 a#link_teil5:hover span {left:-413px;} #abb09 a#link_teil5:hover em{left:44px;} #abb09 a#link_teil5:hover img{margin: 30px 57px 30px 57px;} /* Teil 6 */ #abb09 a#link_teil6:hover span {left:-502px;} #abb09 a#link_teil6:hover em{left:43px;} #abb09 a#link_teil6:hover img{margin: 30px 55px 30px 55px;} /* Teil 7 */ #abb09 a#link_teil7:hover span {left:-591px;} #abb09 a#link_teil7:hover em{left:53px;} #abb09 a#link_teil7:hover img{margin: 30px 54px 30px 54px;} /* Teil 8 */ #abb09 a#link_teil8:hover span {left:-697px;} #abb09 a#link_teil8:hover em{left:38px;} #abb09 a#link_teil8:hover img{margin: 30px 53px 30px 53px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb09 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb09 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 10 / kontakt.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung10{width: 800px;} /* Container für dl-Konstrukt */ #abb10 {background: url(../images/Fuesse/Kontakt/FussKontakt.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb10 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb10 #teil1 {left:0px; top: 0px; z-index:20;} #abb10 #teil2 {left:107px; top: 0px; z-index:20;} #abb10 #teil3 {left:213px; top: 0px; z-index:20;} #abb10 #teil4 {left:318px; top: 0px; z-index:20;} #abb10 #teil5 {left:424px; top: 0px; z-index:20;} #abb10 #teil6 {left:527px; top: 0px; z-index:20;} #abb10 #teil7 {left:611px; top: 0px; z-index:20;} #abb10 #teil8 {left:687px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb10 a#link_teil1 {display:block; width:106px; height:68px; text-decoration:none; z-index:20;} #abb10 a#link_teil2 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb10 a#link_teil3 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb10 a#link_teil4 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb10 a#link_teil5 {display:block; width:101px; height:68px; text-decoration:none; z-index:20;} #abb10 a#link_teil6 {display:block; width:83px; height:68px; text-decoration:none; z-index:20;} #abb10 a#link_teil7 {display:block; width:75px; height:68px; text-decoration:none; z-index:20;} #abb10 a#link_teil8 {display:block; width:87px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb10 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb10 a span, #abb10 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb10 a#link_teil1:hover, #abb10 a#link_teil2:hover, #abb10 a#link_teil3:hover, #abb10 a#link_teil4:hover, #abb10 a#link_teil5:hover, #abb10 a#link_teil6:hover, #abb10 a#link_teil7:hover, #abb10 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb10 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb10 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb10 a#link_teil1:hover span {left:0px;} #abb10 a#link_teil1:hover em {left:53px;} #abb10 a#link_teil1:hover img {margin: 30px 51px 30px 51px;} /* Teil 2 */ #abb10 a#link_teil2:hover span {left:-107px;} #abb10 a#link_teil2:hover em {left:52px;} #abb10 a#link_teil2:hover img {margin: 30px 54px 30px 54px;} /* Teil 3 */ #abb10 a#link_teil3:hover span {left:-213px;} #abb10 a#link_teil3:hover em {left:52px;} #abb10 a#link_teil3:hover img {margin: 30px 55px 30px 55px;} /* Teil 4 */ #abb10 a#link_teil4:hover span {left:-318px;} #abb10 a#link_teil4:hover em {left:52px;} #abb10 a#link_teil4:hover img {margin: 30px 55px 30px 55px;} /* Teil 5 */ #abb10 a#link_teil5:hover span {left:-424px;} #abb10 a#link_teil5:hover em {left:50px;} #abb10 a#link_teil5:hover img {margin: 30px 55px 30px 55px;} /* Teil 6 */ #abb10 a#link_teil6:hover span {left:-527px;} #abb10 a#link_teil6:hover em {left:41px;} #abb10 a#link_teil6:hover img {margin: 30px 55px 30px 55px;} /* Teil 7 */ #abb10 a#link_teil7:hover span {left:-611px;} #abb10 a#link_teil7:hover em {left:37px;} #abb10 a#link_teil7:hover img {margin: 30px 55px 30px 55px;} /* Teil 8 */ #abb10 a#link_teil8:hover span {left:-687px;} #abb10 a#link_teil8:hover em {left:43px;} #abb10 a#link_teil8:hover img {margin: 30px 55px 30px 55px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb10 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb10 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 11 / reisen.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung11{width: 800px;} /* Container für dl-Konstrukt */ #abb11 {background: url(../images/Fuesse/Reisen/FussReisen.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb11 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb11 #teil1 {left:0px; top: 0px; z-index:20;} #abb11 #teil2 {left:87px; top: 0px; z-index:20;} #abb11 #teil3 {left:193px; top: 0px; z-index:20;} #abb11 #teil4 {left:296px; top: 0px; z-index:20;} #abb11 #teil5 {left:402px; top: 0px; z-index:20;} #abb11 #teil6 {left:483px; top: 0px; z-index:20;} #abb11 #teil7 {left:576px; top: 0px; z-index:20;} #abb11 #teil8 {left:676px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb11 a#link_teil1 {display:block; width:87px; height:68px; text-decoration:none; z-index:20;} #abb11 a#link_teil2 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb11 a#link_teil3 {display:block; width:102px; height:68px; text-decoration:none; z-index:20;} #abb11 a#link_teil4 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb11 a#link_teil5 {display:block; width:80px; height:68px; text-decoration:none; z-index:20;} #abb11 a#link_teil6 {display:block; width:92px; height:68px; text-decoration:none; z-index:20;} #abb11 a#link_teil7 {display:block; width:101px; height:68px; text-decoration:none; z-index:20;} #abb11 a#link_teil8 {display:block; width:97px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb11 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb11 a span, #abb11 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb11 a#link_teil1:hover, #abb11 a#link_teil2:hover, #abb11 a#link_teil3:hover, #abb11 a#link_teil4:hover, #abb11 a#link_teil5:hover, #abb11 a#link_teil6:hover, #abb11 a#link_teil7:hover, #abb11 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb11 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb11 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb11 a#link_teil1:hover span {left:0px;} #abb11 a#link_teil1:hover em {left:43px;} #abb11 a#link_teil1:hover img {margin: 30px 55px 30px 55px;} /* Teil 2 */ #abb11 a#link_teil2:hover span {left:-87px;} #abb11 a#link_teil2:hover em {left:52px;} #abb11 a#link_teil2:hover img {margin: 30px 55px 30px 55px;} /* Teil 3 */ #abb11 a#link_teil3:hover span {left:-193px;} #abb11 a#link_teil3:hover em {left:51px;} #abb11 a#link_teil3:hover img {margin: 30px 64px 30px 64px;} /* Teil 4 */ #abb11 a#link_teil4:hover span {left:-296px;} #abb11 a#link_teil4:hover em {left:52px;} #abb11 a#link_teil4:hover img {margin: 30px 55px 30px 55px;} /* Teil 5 */ #abb11 a#link_teil5:hover span {left:-402px;} #abb11 a#link_teil5:hover em {left:40px;} #abb11 a#link_teil5:hover img {margin: 30px 55px 30px 55px;} /* Teil 6 */ #abb11 a#link_teil6:hover span {left:-483px;} #abb11 a#link_teil6:hover em {left:46px;} #abb11 a#link_teil6:hover img {margin: 30px 55px 30px 55px;} /* Teil 7 */ #abb11 a#link_teil7:hover span {left:-576px;} #abb11 a#link_teil7:hover em {left:50px;} #abb11 a#link_teil7:hover img {margin: 30px 57px 30px 57px;} /* Teil 8 */ #abb11 a#link_teil8:hover span {left:-676px;} #abb11 a#link_teil8:hover em {left:43px;} #abb11 a#link_teil8:hover img {margin: 30px 55px 30px 55px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb11 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb11 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 12 / rueck.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung12{width: 800px;} /* Container für dl-Konstrukt */ #abb12 {background: url(../images/Fuesse/Rueck/FussRueck.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb12 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb12 #teil1 {left:0px; top: 0px; z-index:20;} #abb12 #teil2 {left:105px; top: 0px; z-index:20;} #abb12 #teil3 {left:188px; top: 0px; z-index:20;} #abb12 #teil4 {left:294px; top: 0px; z-index:20;} #abb12 #teil5 {left:384px; top: 0px; z-index:20;} #abb12 #teil6 {left:489px; top: 0px; z-index:20;} #abb12 #teil7 {left:593px; top: 0px; z-index:20;} #abb12 #teil8 {left:697px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb12 a#link_teil1 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb12 a#link_teil2 {display:block; width:83px; height:68px; text-decoration:none; z-index:20;} #abb12 a#link_teil3 {display:block; width:106px; height:68px; text-decoration:none; z-index:20;} #abb12 a#link_teil4 {display:block; width:89px; height:68px; text-decoration:none; z-index:20;} #abb12 a#link_teil5 {display:block; width:104px; height:68px; text-decoration:none; z-index:20;} #abb12 a#link_teil6 {display:block; width:103px; height:68px; text-decoration:none; z-index:20;} #abb12 a#link_teil7 {display:block; width:103px; height:68px; text-decoration:none; z-index:20;} #abb12 a#link_teil8 {display:block; width:77px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb12 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb12 a span, #abb12 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb12 a#link_teil1:hover, #abb12 a#link_teil2:hover, #abb12 a#link_teil3:hover, #abb12 a#link_teil4:hover, #abb12 a#link_teil5:hover, #abb12 a#link_teil6:hover, #abb12 a#link_teil7:hover, #abb12 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb12 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb12 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb12 a#link_teil1:hover span {left:0px;} #abb12 a#link_teil1:hover em {left:52px;} #abb12 a#link_teil1:hover img {margin: 30px 55px 30px 55px;} /* Teil 2 */ #abb12 a#link_teil2:hover span {left:-105px;} #abb12 a#link_teil2:hover em {left:41px;} #abb12 a#link_teil2:hover img {margin: 30px 58px 30px 58px;} /* Teil 3 */ #abb12 a#link_teil3:hover span {left:-188px;} #abb12 a#link_teil3:hover em {left:53px;} #abb12 a#link_teil3:hover img {margin: 30px 55px 30px 55px;} /* Teil 4 */ #abb12 a#link_teil4:hover span {left:-294px;} #abb12 a#link_teil4:hover em {left:44px;} #abb12 a#link_teil4:hover img {margin: 30px 55px 30px 55px;} /* Teil 5 */ #abb12 a#link_teil5:hover span {left:-384px;} #abb12 a#link_teil5:hover em {left:52px;} #abb12 a#link_teil5:hover img {margin: 30px 57px 30px 57px;} /* Teil 6 */ #abb12 a#link_teil6:hover span {left:-489px;} #abb12 a#link_teil6:hover em {left:51px;} #abb12 a#link_teil6:hover img {margin: 30px 55px 30px 55px;} /* Teil 7 */ #abb12 a#link_teil7:hover span {left:-593px;} #abb12 a#link_teil7:hover em {left:51px;} #abb12 a#link_teil7:hover img {margin: 30px 55px 30px 55px;} /* Teil 8 */ #abb12 a#link_teil8:hover span {left:-697px;} #abb12 a#link_teil8:hover em {left:38px;} #abb12 a#link_teil8:hover img {margin: 30px 55px 30px 55px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb12 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb12 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 13 / vorbild.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung13{width: 800px;} /* Container für dl-Konstrukt */ #abb13 {background: url(../images/Fuesse/Vorb/FussVorbild.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb13 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb13 #teil1 {left:0px; top: 0px; z-index:20;} #abb13 #teil2 {left:66px; top: 0px; z-index:20;} #abb13 #teil3 {left:156px; top: 0px; z-index:20;} #abb13 #teil4 {left:261px; top: 0px; z-index:20;} #abb13 #teil5 {left:367px; top: 0px; z-index:20;} #abb13 #teil6 {left:473px; top: 0px; z-index:20;} #abb13 #teil7 {left:579px; top: 0px; z-index:20;} #abb13 #teil8 {left:685px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb13 a#link_teil1 {display:block; width:66px; height:68px; text-decoration:none; z-index:20;} #abb13 a#link_teil2 {display:block; width:89px; height:68px; text-decoration:none; z-index:20;} #abb13 a#link_teil3 {display:block; width:104px; height:68px; text-decoration:none; z-index:20;} #abb13 a#link_teil4 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb13 a#link_teil5 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb13 a#link_teil6 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb13 a#link_teil7 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb13 a#link_teil8 {display:block; width:88px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb13 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb13 a span, #abb13 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb13 a#link_teil1:hover, #abb13 a#link_teil2:hover, #abb13 a#link_teil3:hover, #abb13 a#link_teil4:hover, #abb13 a#link_teil5:hover, #abb13 a#link_teil6:hover, #abb13 a#link_teil7:hover, #abb13 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb13 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb13 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb13 a#link_teil1:hover span {left:0px;} #abb13 a#link_teil1:hover em {left:33px;} #abb13 a#link_teil1:hover img {margin: 30px 54px 30px 54px;} /* Teil 2 */ #abb13 a#link_teil2:hover span {left:-66px;} #abb13 a#link_teil2:hover em {left:45px;} #abb13 a#link_teil2:hover img {margin: 30px 103px 30px 103px;} /* Teil 3 */ #abb13 a#link_teil3:hover span {left:-156px;} #abb13 a#link_teil3:hover em {left:52px;} #abb13 a#link_teil3:hover img {margin: 30px 57px 30px 57px;} /* Teil 4 */ #abb13 a#link_teil4:hover span {left:-261px;} #abb13 a#link_teil4:hover em {left:53px;} #abb13 a#link_teil4:hover img {margin: 30px 54px 30px 54px;} /* Teil 5 */ #abb13 a#link_teil5:hover span {left:-367px;} #abb13 a#link_teil5:hover em {left:53px;} #abb13 a#link_teil5:hover img {margin: 30px 54px 30px 54px;} /* Teil 6 */ #abb13 a#link_teil6:hover span {left:-473px;} #abb13 a#link_teil6:hover em {left:53px;} #abb13 a#link_teil6:hover img {margin: 30px 54px 30px 54px;} /* Teil 7 */ #abb13 a#link_teil7:hover span {left:-579px;} #abb13 a#link_teil7:hover em {left:53px;} #abb13 a#link_teil7:hover img {margin: 30px 54px 30px 54px;} /* Teil 8 */ #abb13 a#link_teil8:hover span {left:-685px;} #abb13 a#link_teil8:hover em {left:45px;} #abb13 a#link_teil8:hover img {margin: 30px 57px 30px 57px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb13 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb13 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 14 / ziele.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung14{width: 800px;} /* Container für dl-Konstrukt */ #abb14 {background: url(../images/Fuesse/Ziele/FussZiele.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb14 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb14 #teil1 {left:0px; top: 0px; z-index:20;} #abb14 #teil2 {left:60px; top: 0px; z-index:20;} #abb14 #teil3 {left:165px; top: 0px; z-index:20;} #abb14 #teil4 {left:271px; top: 0px; z-index:20;} #abb14 #teil5 {left:377px; top: 0px; z-index:20;} #abb14 #teil6 {left:483px; top: 0px; z-index:20;} #abb14 #teil7 {left:588px; top: 0px; z-index:20;} #abb14 #teil8 {left:694px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb14 a#link_teil1 {display:block; width:58px; height:68px; text-decoration:none; z-index:20;} #abb14 a#link_teil2 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb14 a#link_teil3 {display:block; width:106px; height:68px; text-decoration:none; z-index:20;} #abb14 a#link_teil4 {display:block; width:106px; height:68px; text-decoration:none; z-index:20;} #abb14 a#link_teil5 {display:block; width:106px; height:68px; text-decoration:none; z-index:20;} #abb14 a#link_teil6 {display:block; width:104px; height:68px; text-decoration:none; z-index:20;} #abb14 a#link_teil7 {display:block; width:106px; height:68px; text-decoration:none; z-index:20;} #abb14 a#link_teil8 {display:block; width:79px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb14 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb14 a span, #abb14 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb14 a#link_teil1:hover, #abb14 a#link_teil2:hover, #abb14 a#link_teil3:hover, #abb14 a#link_teil4:hover, #abb14 a#link_teil5:hover, #abb14 a#link_teil6:hover, #abb14 a#link_teil7:hover, #abb14 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb14 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb14 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb14 a#link_teil1:hover span {left:0px;} #abb14 a#link_teil1:hover em {left:28px;} #abb14 a#link_teil1:hover img {margin: 30px 186px 30px 186px;} /* Teil 2 */ #abb14 a#link_teil2:hover span {left:-60px;} #abb14 a#link_teil2:hover em {left:53px;} #abb14 a#link_teil2:hover img {margin: 30px 54px 30px 54px;} /* Teil 3 */ #abb14 a#link_teil3:hover span {left:-165px;} #abb14 a#link_teil3:hover em {left:53px;} #abb14 a#link_teil3:hover img {margin: 30px 54px 30px 54px;} /* Teil 4 */ #abb14 a#link_teil4:hover span {left:-271px;} #abb14 a#link_teil4:hover em {left:53px;} #abb14 a#link_teil4:hover img {margin: 30px 54px 30px 54px;} /* Teil 5 */ #abb14 a#link_teil5:hover span {left:-377px;} #abb14 a#link_teil5:hover em {left:53px;} #abb14 a#link_teil5:hover img {margin: 30px 54px 30px 54px;} /* Teil 6 */ #abb14 a#link_teil6:hover span {left:-483px;} #abb14 a#link_teil6:hover em {left:53px;} #abb14 a#link_teil6:hover img {margin: 30px 57px 30px 57px;} /* Teil 7 */ #abb14 a#link_teil7:hover span {left:-588px;} #abb14 a#link_teil7:hover em {left:53px;} #abb14 a#link_teil7:hover img {margin: 30px 54px 30px 54px;} /* Teil 8 */ #abb14 a#link_teil8:hover span {left:-694px;} #abb14 a#link_teil8:hover em {left:40px;} #abb14 a#link_teil8:hover img {margin: 30px 54px 30px 54px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb14 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb14 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 15 / scriptum.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung15{width: 800px;} /* Container für dl-Konstrukt */ #abb15 {background: url(../images/Fuesse/Script/FussScriptum.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb15 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb15 #teil1 {left:0px; top: 0px; z-index:20;} #abb15 #teil2 {left:90px; top: 0px; z-index:20;} #abb15 #teil3 {left:178px; top: 0px; z-index:20;} #abb15 #teil4 {left:258px; top: 0px; z-index:20;} #abb15 #teil5 {left:355px; top: 0px; z-index:20;} #abb15 #teil6 {left:446px; top: 0px; z-index:20;} #abb15 #teil7 {left:549px; top: 0px; z-index:20;} #abb15 #teil8 {left:646px; top: 0px; z-index:20;} #abb15 #teil9 {left:719px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb15 a#link_teil1 {display:block; width:90px; height:68px; text-decoration:none; z-index:20;} #abb15 a#link_teil2 {display:block; width:88px; height:68px; text-decoration:none; z-index:20;} #abb15 a#link_teil3 {display:block; width:79px; height:68px; text-decoration:none; z-index:20;} #abb15 a#link_teil4 {display:block; width:96px; height:68px; text-decoration:none; z-index:20;} #abb15 a#link_teil5 {display:block; width:90px; height:68px; text-decoration:none; z-index:20;} #abb15 a#link_teil6 {display:block; width:103px; height:68px; text-decoration:none; z-index:20;} #abb15 a#link_teil7 {display:block; width:96px; height:68px; text-decoration:none; z-index:20;} #abb15 a#link_teil8 {display:block; width:72px; height:68px; text-decoration:none; z-index:20;} #abb15 a#link_teil9 {display:block; width:54px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb15 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb15 a span, #abb15 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb15 a#link_teil1:hover, #abb15 a#link_teil2:hover, #abb15 a#link_teil3:hover, #abb15 a#link_teil4:hover, #abb15 a#link_teil5:hover, #abb15 a#link_teil6:hover, #abb15 a#link_teil7:hover, #abb15 a#link_teil8:hover, #abb15 a#link_teil9:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb15 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb15 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb15 a#link_teil1:hover span {left:0px;} #abb15 a#link_teil1:hover em {left:45px;} #abb15 a#link_teil1:hover img {margin: 30px 96px 30px 96px;} /* Teil 2 */ #abb15 a#link_teil2:hover span {left:-90px;} #abb15 a#link_teil2:hover em {left:44px;} #abb15 a#link_teil2:hover img {margin: 30px 87px 30px 87px;} /* Teil 3 */ #abb15 a#link_teil3:hover span {left:-178px;} #abb15 a#link_teil3:hover em {left:40px;} #abb15 a#link_teil3:hover img {margin: 30px 103px 30px 103px;} /* Teil 4 */ #abb15 a#link_teil4:hover span {left:-258px;} #abb15 a#link_teil4:hover em {left:46px;} #abb15 a#link_teil4:hover img {margin: 30px 54px 30px 54px;} /* Teil 5 */ #abb15 a#link_teil5:hover span {left:-355px;} #abb15 a#link_teil5:hover em {left:45px;} #abb15 a#link_teil5:hover img {margin: 30px 54px 30px 54px;} /* Teil 6 */ #abb15 a#link_teil6:hover span {left:-446px;} #abb15 a#link_teil6:hover em {left:51px;} #abb15 a#link_teil6:hover img {margin: 30px 57px 30px 57px;} /* Teil 7 */ #abb15 a#link_teil7:hover span {left:-549px;} #abb15 a#link_teil7:hover em {left:48px;} #abb15 a#link_teil7:hover img {margin: 30px 53px 30px 53px;} /* Teil 8 */ #abb15 a#link_teil8:hover span {left:-646px;} #abb15 a#link_teil8:hover em {left:36px;} #abb15 a#link_teil8:hover img {margin: 30px 57px 30px 57px;} /* Teil 9 */ #abb15 a#link_teil9:hover span {left:-719px;} #abb15 a#link_teil9:hover em {left:27px;} #abb15 a#link_teil9:hover img {margin: 30px 56px 30px 56px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb15 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb15 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 16 / ev.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung16{width: 800px;} /* Container für dl-Konstrukt */ #abb16 {background: url(../images/Fuesse/EV/FussEV.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb16 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb16 #teil1 {left:0px; top: 0px; z-index:20;} #abb16 #teil2 {left:90px; top: 0px; z-index:20;} #abb16 #teil3 {left:195px; top: 0px; z-index:20;} #abb16 #teil4 {left:301px; top: 0px; z-index:20;} #abb16 #teil5 {left:407px; top: 0px; z-index:20;} #abb16 #teil6 {left:513px; top: 0px; z-index:20;} #abb16 #teil7 {left:607px; top: 0px; z-index:20;} #abb16 #teil8 {left:692px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb16 a#link_teil1 {display:block; width:90px; height:68px; text-decoration:none; z-index:20;} #abb16 a#link_teil2 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb16 a#link_teil3 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb16 a#link_teil4 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb16 a#link_teil5 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb16 a#link_teil6 {display:block; width:93px; height:68px; text-decoration:none; z-index:20;} #abb16 a#link_teil7 {display:block; width:84px; height:68px; text-decoration:none; z-index:20;} #abb16 a#link_teil8 {display:block; width:81px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb16 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb16 a span, #abb16 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb16 a#link_teil1:hover, #abb16 a#link_teil2:hover, #abb16 a#link_teil3:hover, #abb16 a#link_teil4:hover, #abb16 a#link_teil5:hover, #abb16 a#link_teil6:hover, #abb16 a#link_teil7:hover, #abb16 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb16 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb16 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb16 a#link_teil1:hover span {left:0px;} #abb16 a#link_teil1:hover em {left:45px;} #abb16 a#link_teil1:hover img {margin: 30px 57px 30px 57px;} /* Teil 2 */ #abb16 a#link_teil2:hover span {left:-90px;} #abb16 a#link_teil2:hover em {left:52px;} #abb16 a#link_teil2:hover img {margin: 30px 57px 30px 57px;} /* Teil 3 */ #abb16 a#link_teil3:hover span {left:-195px;} #abb16 a#link_teil3:hover em {left:52px;} #abb16 a#link_teil3:hover img {margin: 30px 53px 30px 53px;} /* Teil 4 */ #abb16 a#link_teil4:hover span {left:-301px;} #abb16 a#link_teil4:hover em {left:53px;} #abb16 a#link_teil4:hover img {margin: 30px 53px 30px 53px;} /* Teil 5 */ #abb16 a#link_teil5:hover span {left:-407px;} #abb16 a#link_teil5:hover em {left:52px;} #abb16 a#link_teil5:hover img {margin: 30px 53px 30px 53px;} /* Teil 6 */ #abb16 a#link_teil6:hover span {left:-513px;} #abb16 a#link_teil6:hover em {left:46px;} #abb16 a#link_teil6:hover img {margin: 30px 50px 30px 50px;} /* Teil 7 */ #abb16 a#link_teil7:hover span {left:-607px;} #abb16 a#link_teil7:hover em {left:42px;} #abb16 a#link_teil7:hover img {margin: 30px 54px 30px 54px;} /* Teil 8 */ #abb16 a#link_teil8:hover span {left:-692px;} #abb16 a#link_teil8:hover em {left:41px;} #abb16 a#link_teil8:hover img {margin: 30px 56px 30px 56px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb16 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb16 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 17 / informieren.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung17{width: 800px;} /* Container für dl-Konstrukt */ #abb17 {background: url(../images/Fuesse/Info/FussInfo.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb17 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb17 #teil1 {left:0px; top: 0px; z-index:20;} #abb17 #teil2 {left:101px; top: 0px; z-index:20;} #abb17 #teil3 {left:149px; top: 0px; z-index:20;} #abb17 #teil4 {left:250px; top: 0px; z-index:20;} #abb17 #teil5 {left:346px; top: 0px; z-index:20;} #abb17 #teil6 {left:467px; top: 0px; z-index:20;} #abb17 #teil7 {left:556px; top: 0px; z-index:20;} #abb17 #teil8 {left:671px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb17 a#link_teil1 {display:block; width:101px; height:68px; text-decoration:none; z-index:20;} #abb17 a#link_teil2 {display:block; width:48px; height:68px; text-decoration:none; z-index:20;} #abb17 a#link_teil3 {display:block; width:100px; height:68px; text-decoration:none; z-index:20;} #abb17 a#link_teil4 {display:block; width:96px; height:68px; text-decoration:none; z-index:20;} #abb17 a#link_teil5 {display:block; width:121px; height:68px; text-decoration:none; z-index:20;} #abb17 a#link_teil6 {display:block; width:89px; height:68px; text-decoration:none; z-index:20;} #abb17 a#link_teil7 {display:block; width:115px; height:68px; text-decoration:none; z-index:20;} #abb17 a#link_teil8 {display:block; width:102px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb17 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb17 a span, #abb17 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb17 a#link_teil1:hover, #abb17 a#link_teil2:hover, #abb17 a#link_teil3:hover, #abb17 a#link_teil4:hover, #abb17 a#link_teil5:hover, #abb17 a#link_teil6:hover, #abb17 a#link_teil7:hover, #abb17 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb17 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb17 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb17 a#link_teil1:hover span {left:0px;} #abb17 a#link_teil1:hover em {left:50px;} #abb17 a#link_teil1:hover img {margin: 30px 66px 30px 66px;} /* Teil 2 */ #abb17 a#link_teil2:hover span {left:-101px;} #abb17 a#link_teil2:hover em {left:24px;} #abb17 a#link_teil2:hover img {margin: 30px 218px 30px 218px;} /* Teil 3 */ #abb17 a#link_teil3:hover span {left:-149px;} #abb17 a#link_teil3:hover em {left:50px;} #abb17 a#link_teil3:hover img {margin: 30px 72px 30px 72px;} /* Teil 4 */ #abb17 a#link_teil4:hover span {left:-250px;} #abb17 a#link_teil4:hover em {left:48px;} #abb17 a#link_teil4:hover img {margin: 30px 81px 30px 81px;} /* Teil 5 */ #abb17 a#link_teil5:hover span {left:-346px;} #abb17 a#link_teil5:hover em {left:60px;} #abb17 a#link_teil5:hover img {margin: 30px 15px 30px 15px;} /* Teil 6 */ #abb17 a#link_teil6:hover span {left:-467px;} #abb17 a#link_teil6:hover em {left:44px;} #abb17 a#link_teil6:hover img {margin: 30px 98px 30px 98px;} /* Teil 7 */ #abb17 a#link_teil7:hover span {left:-556px;} #abb17 a#link_teil7:hover em {left:57px;} #abb17 a#link_teil7:hover img {margin: 30px 28px 30px 28px;} /* Teil 8 */ #abb17 a#link_teil8:hover span {left:-671px;} #abb17 a#link_teil8:hover em {left:51px;} #abb17 a#link_teil8:hover img {margin: 30px 60px 30px 60px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb17 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb17 a span:first-line {font-weight: bold; font-style: italic;} /* ---------------- ABBILDUNG 18 / foerdern.htm -------------- */ /* =========================================================== */ /* Container für gesamtes Konstrukt, Breite, ggfls. Rahmen o.ä.*/ /* =========================================================== */ #abbildung18{width: 800px;} /* Container für dl-Konstrukt */ #abb18 {background: url(../images/Fuesse/Foer/FussFoer.JPG) no-repeat; /* Ges.- Bild */ display: block; width: 775px; /* wie Breite des Bildes */ height: 70px; /* wie Höhe des Bildes */ position: relative; margin: 10px 0 10px 10px;} /* Container für jedes / das zu vergößernde Bild */ #abb18 dd {position: absolute; padding: 0; margin: 0;} /* ======================================================================================== */ /* Sensitive Rähmchen: */ #abb18 #teil1 {left:0px; top: 0px; z-index:20;} #abb18 #teil2 {left:105px; top: 0px; z-index:20;} #abb18 #teil3 {left:210px; top: 0px; z-index:20;} #abb18 #teil4 {left:302px; top: 0px; z-index:20;} #abb18 #teil5 {left:389px; top: 0px; z-index:20;} #abb18 #teil6 {left:486px; top: 0px; z-index:20;} #abb18 #teil7 {left:592px; top: 0px; z-index:20;} #abb18 #teil8 {left:698px; top: 0px; z-index:20;} /* Größe der sensitiven Rähmchen / des Rahmens (Links) */ #abb18 a#link_teil1 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb18 a#link_teil2 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb18 a#link_teil3 {display:block; width:91px; height:68px; text-decoration:none; z-index:20;} #abb18 a#link_teil4 {display:block; width:86px; height:68px; text-decoration:none; z-index:20;} #abb18 a#link_teil5 {display:block; width:96px; height:68px; text-decoration:none; z-index:20;} #abb18 a#link_teil6 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb18 a#link_teil7 {display:block; width:105px; height:68px; text-decoration:none; z-index:20;} #abb18 a#link_teil8 {display:block; width:76px; height:68px; text-decoration:none; z-index:20;} /* Ansprache der Linie zwischen Klein- und Grossbild, zunächst ausgeblendet */ #abb18 a em {display: none;} /* Vergrößertes Bild mit Erläuterungen, zunächst ausgeblendet */ #abb18 a span, #abb18 a:visited span {display: none;} /* Dicke und Farbe der Rähmchen */ #abb18 a#link_teil1:hover, #abb18 a#link_teil2:hover, #abb18 a#link_teil3:hover, #abb18 a#link_teil4:hover, #abb18 a#link_teil5:hover, #abb18 a#link_teil6:hover, #abb18 a#link_teil7:hover, #abb18 a#link_teil8:hover {border: 1px solid #000000;} /* ========================================================================================= */ /* GROSSBILD: Allgemeiner Teil: Größe des Passepartout und Notierungen zum erläuternden Text */ #abb18 a:hover span {position: absolute; display: block; top:-599px; /* Vert.-Pos. f. Großbild; hier für alle Teile */ height: 500px; /* Vert.-Größe f. Großbild; hier für alle Teile */ color: #fff; width: 715px; background-color: #222222; line-height: 1.2em; font-family: Verdana, Arial; font-size: 0.7em; text-align: justify; padding: 30px;}/* Textabstand zum Rand */ /* Notierungen zur Verbindungslinie */ #abb18 a:hover em {position:absolute; display:block; top:-39px; /* oberes Ende der Verbindungslinie */ width:1px; height:39px; /* Höhe der Verbindungslinie */ overflow: hidden; font-size:1px; background:#8D8D8D;} /* ======================================================================================= */ /* Spezieller Teil: Notierungen für einzelne Bilder */ /* Vergrößerte Ansichten: Position/-en beim Einblenden von Verbindungslinien und Großbild: */ /* - hover span = hor. Pos. des Passepartout: mit jedem Weiterrücken nach rechts größerer Links-Versatz */ /* - hover em = hor. Pos. der Verbindungslinie */ /* - hover img = Rand um Großbild; padding-Notierung beachten */ /* Teil 1 */ #abb18 a#link_teil1:hover span {left:0px;} #abb18 a#link_teil1:hover em {left:52px;} #abb18 a#link_teil1:hover img {margin: 30px 54px 30px 54px;} /* Teil 2 */ #abb18 a#link_teil2:hover span {left:-105px;} #abb18 a#link_teil2:hover em {left:52px;} #abb18 a#link_teil2:hover img {margin: 30px 57px 30px 57px;} /* Teil 3 */ #abb18 a#link_teil3:hover span {left:-210px;} #abb18 a#link_teil3:hover em {left:45px;} #abb18 a#link_teil3:hover img {margin: 30px 54px 30px 54px;} /* Teil 4 */ #abb18 a#link_teil4:hover span {left:-302px;} #abb18 a#link_teil4:hover em {left:43px;} #abb18 a#link_teil4:hover img {margin: 30px 33px 30px 33px;} /* Teil 5 */ #abb18 a#link_teil5:hover span {left:-389px;} #abb18 a#link_teil5:hover em {left:48px;} #abb18 a#link_teil5:hover img {margin: 30px 54px 30px 54px;} /* Teil 6 */ #abb18 a#link_teil6:hover span {left:-486px;} #abb18 a#link_teil6:hover em {left:52px;} #abb18 a#link_teil6:hover img {margin: 30px 54px 30px 54px;} /* Teil 7 */ #abb18 a#link_teil7:hover span {left:-592px;} #abb18 a#link_teil7:hover em {left:52px;} #abb18 a#link_teil7:hover img {margin: 30px 54px 30px 54px;} /* Teil 8 */ #abb18 a#link_teil8:hover span {left:-698px;} #abb18 a#link_teil8:hover em {left:38px;} #abb18 a#link_teil8:hover img {margin: 30px 54px 30px 54px;} /* Großes Bild: Textumfluß und Rand, für alle Großbilder, ggfls. floating */ #abb18 a:hover span img {color: #000000;} /* Erläuterungstext: style für 1. Zeile */ #abb18 a span:first-line {font-weight: bold; font-style: italic;}