/* Stylsheet für die Darstellung der Galerie LAdbergen 2006 Erstelldatum: keine Ahnung Datei: ladbergen.css Autor: Olaf Fetzer Aktueller Stand: 26.09.2010 */ body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0px; } h3 { font-size: 118%; font-style: normal; font-weight: bold; font: Constantia, Times New Roman, serif; color: orange; text-align: center; } h4 { font-size: 118%; font-style: normal; font-weight: bold; font: Constantia, Times New Roman, serif; color: orange; text-align: center; } body,td,div,p,pre,ul {font-size: 12px; line-height: 15px;} body { scrollbar-base-color:#BEC0B3; /* Basisfarbe der Scroll-Leiste */ scrollbar-3dlight-color:Navy; /* Farbe für 3D-Effekte */ scrollbar-arrow-color:#D90000; /* Farbe für Verschiebepfeile */ scrollbar-darkshadow-color:#00008B; /* Farbe für Schatten */ scrollbar-face-color: #A1A492; /* Farbe für Oberfläche */ scrollbar-highlight-color:gray; /* Farbe für unteren und rechten Rand */ scrollbar-shadow-color:#696969; /* Farbe für oberen und linken Rand */ scrollbar-track-color:#BEC0B3; /* Farbe für freibleibenden Verschiebeweg */ background-color : #333b42; background: url(../../style/back.png); } .minimini {font-size: 8px;color: White;} .mini { font-size: 9px;color: White;} .small {font-size: 10px;color: White;} .white13 {font-size: 13px; text-decoration: none; color: White;} .whitefett13 {font-size: 13px; text-decoration: none; font-weight : bold; color: White;} .white14 {font-size: 14px; text-decoration: none; color: White;} .whitefett14 {font-size: 14px; text-decoration: none; font-weight : bold; color: White;} .white15 {font-size: 15px; text-decoration: none; color: White;} .whitefett15 {font-size: 15px; text-decoration: none; font-weight : bold; color: White;} .blue13 { font-size: 13px; text-decoration: none; color: Navy;} .bluefett13 {font-size: 13px; text-decoration: none; font-weight : bold; color: Navy;} .blue14 {font-size: 14px; text-decoration: none; color: Navy;} .bluefett14 {font-size: 14px; text-decoration: none; font-weight : bold; color: Navy;} .blue15 {font-size: 15px; text-decoration: none; color: Navy;} .bluefett15 {font-size: 15px; text-decoration: none; font-weight : bold; color: Navy;} .yellow13 { font-size: 13px; text-decoration: none; color: Yellow;} .yellowfett13 {font-size: 13px; text-decoration: none; font-weight : bold; color: Yellow;} .yellow14 {font-size: 14px; text-decoration: none; color: Yellow;} .yellowfett14 {font-size: 14px; text-decoration: none; font-weight : bold; color: Yellow;} .yellow15 {font-size: 15px; text-decoration: none; color: Yellow;} .yellowfett15 {font-size: 15px; text-decoration: none; font-weight : bold; color: Yellow;} a { font-size: 14px; text-decoration: none; font-weight : bold; letter-spacing: 0px text-align: center; } a:link {color: Yellow;} a:visited {color: #DC143C;} a:active {color: Red;} a:hover{color: #00FF02;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menu/filmstrip-v2.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* defaults required for IE */ a, a:visited, a:hover, a:active, a:focus {color:#000;} #holder {position:relative; background:url(filmstripv2/screen.png); padding:10px 0 10px 730px; width:120px; height:600px; font-family:arial, sans-serif; margin:0 auto;} p.instructions {position:absolute; left:90px; top:100px; width:450px; font-size:13px; color:#069; line-height:20px; text-align:justify;} #scrollContainer {width:115px; height:600px; overflow:auto;} #scrollbox {padding:0; margin:0; width:92px; list-style:none; height:1720px;} #scrollbox ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; top:-9999px;} #scrollbox table {border-collapse:collapse:width:0; height:0; margin:-4px;} #scrollbox li {float:left; width:92px; height:86px; background:url(filmstripv2/35mm.gif);} #scrollbox a {display:block; color:#999; text-decoration:none; width:92px; height:86px;} #scrollbox a.slidea {background: url(filmstripv2/0833ht.jpg) no-repeat center center;} #scrollbox a.slideb {background: url(filmstripv2/0834ht.jpg) no-repeat center center;} #scrollbox a.slidec {background:url(filmstripv2/0835ht.jpg) no-repeat center center;} #scrollbox a.slided {background:url(filmstripv2/0836ht.jpg) no-repeat center center;} #scrollbox a.slidee {background:url(filmstripv2/0837ht.jpg) no-repeat center center;} #scrollbox a.slidef {background:url(filmstripv2/0838ht.jpg) no-repeat center center;} #scrollbox a.slideg {background:url(filmstripv2/0839ht.jpg) no-repeat center center;} #scrollbox a.slideh {background:url(filmstripv2/0841ht.jpg) no-repeat center center;} #scrollbox a.slidei {background:url(filmstripv2/0842ht.jpg) no-repeat center center;} #scrollbox a.slidej {background:url(filmstripv2/0843ht.jpg) no-repeat center center;} #scrollbox a.slidek {background:url(filmstripv2/0844ht.jpg) no-repeat center center;} #scrollbox a.slidel {background:url(filmstripv2/0845ht.jpg) no-repeat center center;} #scrollbox a.slidem {background:url(filmstripv2/0846ht.jpg) no-repeat center center;} #scrollbox a.sliden {background:url(filmstripv2/0847ht.jpg) no-repeat center center;} #scrollbox a.slideo {background:url(filmstripv2/0848ht.jpg) no-repeat center center;} #scrollbox a.slidep {background:url(filmstripv2/0849ht.jpg) no-repeat center center;} #scrollbox a.slideq {background:url(filmstripv2/0850ht.jpg) no-repeat center center;} #scrollbox a.slider {background:url(filmstripv2/0851ht.jpg) no-repeat center center;} #scrollbox a.slides {background:url(filmstripv2/0852ht.jpg) no-repeat center center;} #scrollbox a.slidet {background:url(filmstripv2/0853ht.jpg) no-repeat center center;} #scrollbox a.slidet {background:url(filmstripv2/0854ht.jpg) no-repeat center center;} #scrollbox a.slidet {background:url(filmstripv2/0855ht.jpg) no-repeat center center;} #scrollbox a.slidet {background:url(filmstripv2/0856ht.jpg) no-repeat center center;} #scrollbox a img.thumb {width:60px; height:80px; display:block; padding:3px 16px; border:0;} #scrollbox a:hover {border:0;} #scrollbox a:hover img.thumb {display:none;} #scrollbox :hover > a img.thumb {display:none;} #scrollbox :hover ul {width:600px; height:600px; left:0; top:10px; padding-right:15px; padding-left:15px; background:transparent; z-index:100;} #scrollbox :hover ul li {width:600px; height:600px; display:block; background:transparent;} #scrollbox :hover ul li a {display:block; width:600px; height:600px;} #scrollbox :hover ul li a img {display:block; border:0; margin:0 auto;} #scrollbox :hover ul li.landscape a img {display:block; padding-top:75px;} #scrollbox :hover ul li a span {position:absolute; left:-9999px; bottom:0;} #scrollbox :hover ul li a:hover span b {display:block; font-size:16px; padding:0 0 10px 0;} #scrollbox :hover ul li a:hover span {left:90px; bottom:0; padding:10px; width:430px; background:url(filmstripv2/backing.png); color:#fff; text-align:left; font-size:12px; line-height:18px;} #scrollbox :hover ul li.landscape a:hover span {left:15px; bottom:75px; width:580px;}