#bildnavi{ position:absolute; background-color: #A1B074; margin-top: 5px; margin-left:560px; width:235px; height:490px; border: solid 1px green; } /* Anzahl der vorhandenen Bilder der angewählten Galerie */ #bildanzahl {position: absolute; background-color: #C5D78D; color: black; font-size: 12px; text-align: center; text-transform: none; font-weight: bold; margin-top: 7px; margin-left: 570px; padding-top:7px; padding-left:0px; width: 220px; height: 20px; border: 0px solid red; z-index: 1;} /* Gesamtübersicht der Bilder */ #boxen{ position:absolute; background-color: #C5D78D; margin-top:7px; margin-left: 563px; padding: 0px; width: 225px; height:405px; border: 0px solid #B85400;} #bildbox1 {position:absolute; margin-left: 4px; margin-top: 35px; width:104px; height: 78px; border: 0px solid red; } #bildbox1 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 102px; height: 75px; border: 2px solid white; } #bildbox1 a:hover img { margin-top: 0px; margin-left: 0px; width: 102px; height: 75px; border: 2px solid blue } #bildbox1 a:active img { margin-top: 0px; margin-left: 0px; width: 102px; height: 75px; border: 2px solid green; } #bildbox2 {position:absolute; margin-left:115px; margin-top:35px; width:104px; height: 78px; border: 0px solid red; } #bildbox2 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid white; } #bildbox2 a:hover img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid blue } #bildbox2 a:active img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid green; } #bildbox3 {position:absolute; margin-left: 4px; margin-top:118px; width:104px; height: 78px; border: 0px solid red; } #bildbox3 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid white; } #bildbox3 a:hover img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid blue } #bildbox3 a:active img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid green; } #bildbox4 {position:absolute; margin-left:115px; margin-top:118px; width:104px; height: 78px; border: 0px solid red; } #bildbox4 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid white; } #bildbox4 a:hover img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid blue } #bildbox4 a:active img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid green; } #bildbox5 {position:absolute; margin-left: 4px; margin-top:200px; width:104px; height:78px; border: 0px solid red; } #bildbox5 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid white; } #bildbox5 a:hover img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid blue } #bildbox5 a:active img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid green; } #bildbox6 {position:absolute; margin-left:115px; margin-top:200px; width:104px; height:78px; border: 0px solid red; } #bildbox6 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid white; } #bildbox6 a:hover img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid blue } #bildbox6 a:active img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid green; } #bildbox7 {position:absolute; margin-left: 4px; margin-top:282px; width:104px; height:78px; border: 0px solid red; } #bildbox7 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid white; } #bildbox7 a:hover img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid blue } #bildbox7 a:active img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid green; } #bildbox8 {position:absolute; margin-left:115px; margin-top:282px; width:104px; height:78px; border: 0px solid red; } #bildbox8 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid white; } #bildbox8 a:hover img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid blue } #bildbox8 a:active img { margin-top: 0px; margin-left: 0px; width: 102px; height: 76px; border: 2px solid green; } /* Zusatzbutton Anfang - Zurück - Weiter */ #content-feld { position:absolute; background-color: transparent; margin-top: 366px; padding-top: 0px; margin-left: 5px; width:214px; height: 40px; border: 0px solid blue; } #navi_titel { position: absolute; background-color: transparent; color: black; list-style: none; text-decoration: underline; font-size: 14px; text-transform: none; text-align: center; letter-spacing: 0.1em; font-weight: bold; margin-top: 0px; margin-left: 0px; padding: 0px 0px 0px 0px; width: 213px; height: 25px; border: solid 0px #804000; } #content{ position:absolute; background-color: transparent; padding-top: 10px; margin-top: 0px; margin-left: 0px; width:214px; height: 30px; border: 0px solid white; } #content li{ display:inline; background-color: transparent; list-style: none; text-decoration: none; font-weight: bold; font-size: 12px; letter-spacing: 0px; margin-top: 25px; margin-left: 20px; width:70px; height: 30px; border: solid 0px red; } #content a{ color: black; text-decoration: none; } #content li :hover { white-space:normal; border-color: green; color: yellow; } #content li :active { white-space:normal; border-color: #555; color: blue; } #content li :focus { white-space:normal; border-color: #555; background:green; } /* ------------------------------------------------------------------------------------------------------------------------- */ /* Zusatzbutton diashow = 1 step zurück, start, stop, 1 step vorwärts */ #diashow { position:absolute; background-color: #C5D78D; margin-top: 415px; margin-left: 0px; padding-top: 0px; width:225px; height: 70px; border: 0px solid red; } #diaueber { position: absolute; background-color: transparent; color: black; text-align: center; list-style: none; font-size: 14px; text-transform: none; font-weight :bold; margin-top: 5px; margin-left: 0px; padding-top: 0px; width: 215px; height: 17px; border: 0px solid blue; } #dia1 {position:absolute; margin-top:33px; margin-left: 5px; width: 52px; height: 25px; border: 0px solid red; } #dia1 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 52px; height: 23px; border: 0px solid #8C3330;} #dia1 a:hover img { margin-top: 0px; margin-left: 0px; width: 51px; height: 21px; border: 1px solid white; } #dia1 a:active img { margin-top: 0px; margin-left: 0px; width: 51px; height: 21px; border: 1px solid green; } #dia2 {position:absolute; margin-top:33px; margin-left: 60px; width: 52px; height: 25px; border: 0px solid red; } #dia2 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 52px; height: 23px; border: 0px solid #8C3330; } #dia2 a:hover img { margin-top: 0px; margin-left: 0px; width: 51px; height: 21px; border: 1px solid white; } #dia2 a:active img { margin-top: 0px; margin-left: 0px; width: 51px; height: 21px; border: 1px solid green; } #dia3 {position:absolute; margin-top:33px; margin-left:115px; width: 52px; height: 25px; border: 0px solid red; } #dia3 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 52px; height: 23px; border: 0px solid #8C3330; } #dia3 a:hover img { margin-top: 0px; margin-left: 0px; width: 50px; height: 21px; border: 1px solid white; } #dia3 a:active img { margin-top: 0px; margin-left: 0px; width: 50px; height: 21px; border: 1px solid green; } #dia4 {position:absolute; margin-top:33px; margin-left:170px; width: 50px; height: 25px; border: 0px solid red; } #dia4 a img { display: inline-block; margin-top: 0px; margin-left: 0px; width: 50px; height: 25px; border: 0px solid #8C3330; border-top: 0px solid #8C3330; border-left: 0px solid #8C3330; border-right: 0px solid #8C3330; border-bottom: 0px solid #8C3330;} #dia4 a:hover img { margin-top: 0px; margin-left: 1px; width: 48px; height: 21px; border: 1px solid white; } #dia4 a:active img { margin-top: 0px; margin-left: 1px; width: 48px; height: 21px; border: 1px solid green; } /* ------------------------------------------------------------------------------------------------------------------------------*/