body { font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 1.8em; text-align: center; margin-left: 0; margin-right: 0; color: #ddd; background-color: #000; padding: 0 ; } span{ font-size: 14px; color: #ddd; font-variant: normal; font-weight: 600; } #wrapper { position: relative; width: 1016px; top: 5px; height: 650px; margin: 5px auto; text-align:left; background-color: #555; } #header { position: relative; top: 4px; width: 1008px; height:78px; float: none; background-color: #000; margin: 4px 4px 6px 4px ;} #header h1 { padding: 0; margin-top:10px; margin-left: 15px; font-size:22px; float:left; line-height: 47px; vertical-align: middle;} #header hr { position: relative; bottom: 4px; clear: both; margin: 0;height: 1px; padding: 0; margin-top: 10px; color: #1B6363; width: 100%; background-color: #1B6363; height: 3px;} #header ul { line-height: 47px; float:right; margin:0; padding: 0; list-style: none; margin-top: 10px; margin-bottom: 10px; text-align:center; } #header ul li { float: left; margin-right:15px; margin-left: 15px; font-size:14px; font-variant: small-caps; height: 47px ; } #header ul li a { color: #ccc; text-decoration:none; } #header ul li a:hover {text-decoration: underline } #content { width:372px; height: 544px; float: left; padding: 4px ; margin-top: 2px; margin-right: 2px; margin-left: 4px; margin-bottom: 4px; font-size: 13px; border: 4px solid #000; background-color: #222;} #content h3 { padding: 0; margin-top:10px; font-size: 18px;} #content ul { list-style: none; position: absolute; height: 24px; width: 372px; bottom: 8px; margin: 0; padding: 0; left: 12px; margin-top: 4px; margin-bottom: 4px; background-color: #000; text-align:left; } #content ul li { float: left; padding: 0; margin-left: 5px; margin-right: 5px; font-size:14px; font-variant: small-caps;} #content ul li a { padding: 0; margin: 0; color: #ccc; text-decoration:none;} #content ul li a:hover {text-decoration: underline } #monitor { width: 450px; height:544px; float: left; padding: 4px ; margin-top: 2px; margin-right: 2px; margin-left: 2px; margin-bottom: 4px; font-size: 13px; border: 4px solid #000; background-color: #222; z-index: 445;} #monitor ul { list-style: none; position: relative; top: 440px; height: 100px; width: 450px; margin: 0; padding: 0; left: 0px; margin-top: 4px; margin-bottom: 4px; background-color: #000; text-align: left; } #monitor ul li { padding: 0; margin-left: 5px; margin-right: 5px; font-size:14px; font-variant: small-caps;} #monitor ul li a { z-index: 555; padding: 0; margin: 0; color: #ccc; text-decoration:none;} #monitor ul li a:hover { z-index: 555 ;text-decoration: underline } #filmstrip {width: 138px; height: 552px; float: left; padding: 0px; margin-top: 2px; margin-right: 4px; margin-left: 2px; margin-bottom: 4px; border: 4px solid #000; background-color: #000;} #album{ position:relative; width:610px; height:442px; z-index: 100; top: 0px ; margin: 0; left:-470px; } a, a:visited, a:hover, a:active, a:focus {color:#000;} #leinwand { width:460px; height:350px; position:absolute; top:0px; margin: 4px; float:left; } #scrollbox {width:143px; height:551px; float:right; overflow-x:hidden; overflow-y:auto; } #bildchen {width:140px; height:600px; } a.gallery, a.gallery:visited {display:block; z-index: 100; color:#000; text-decoration:none; border:2px solid #000; width:120px; height:96px; margin:0px; } a.bi1 {background:url(../images/17jahrespaeter/imagethumb46.jpg); background-repeat:no-repeat;background-position: center; } a.bi4 {background:url(../images/17jahrespaeter/imagethumb49.jpg);background-repeat:no-repeat;background-position: center;} a.bi5 {background:url(../images/17jahrespaeter/imagethumb50.jpg);background-repeat:no-repeat;background-position: center;} a.bi6 {background:url(../images/17jahrespaeter/imagethumb51.jpg);background-repeat:no-repeat;background-position: center;} a.bi7 {background:url(../images/17jahrespaeter/imagethumb52.jpg);background-repeat:no-repeat;background-position: center;} a.bi10 {background:url(../images/17jahrespaeter/imagethumb54.jpg);background-repeat:no-repeat;background-position: center;} a.bi13 {background:url(../images/17jahrespaeter/imagethumb57.jpg);background-repeat:no-repeat;background-position: center;} a.bi16 {background:url(../images/17jahrespaeter/imagethumb60.jpg);background-repeat:no-repeat;background-position: center;} a.bi18 {background:url(../images/17jahrespaeter/imagethumb62.jpg);background-repeat:no-repeat;background-position: center;} a.bi19 {background:url(../images/17jahrespaeter/imagethumb25.jpg);background-repeat:no-repeat;background-position: center;} a.bi21 {background:url(../images/17jahrespaeter/imagethumb27.jpg);background-repeat:no-repeat;background-position: center;} a.bi24 {background:url(../images/17jahrespaeter/imagethumb30.jpg);background-repeat:no-repeat;background-position: center;} a.bi27 {background:url(../images/17jahrespaeter/imagethumb33.jpg);background-repeat:no-repeat;background-position: center;} a.bi28 {background:url(../images/17jahrespaeter/imagethumb34.jpg);background-repeat:no-repeat;background-position: center;} a.bi29 {background:url(../images/17jahrespaeter/imagethumb35.jpg);background-repeat:no-repeat;background-position: center;} a.bi33 {background:url(../images/17jahrespaeter/imagethumb39.jpg);background-repeat:no-repeat;background-position: center;} a.bi34 {background:url(../images/17jahrespaeter/imagethumb40.jpg);background-repeat:no-repeat;background-position: center;} a.bi37 {background:url(../images/17jahrespaeter/imagethumb43.jpg);background-repeat:no-repeat;background-position: center;} a.bi38 {background:url(../images/17jahrespaeter/imagethumb44.jpg);background-repeat:no-repeat;background-position: center;} a.bi39 {background:url(../images/17jahrespaeter/imagethumb1.jpg); background-repeat:no-repeat;background-position: center; } a.bi41 {background:url(../images/17jahrespaeter/imagethumb3.jpg);background-repeat:no-repeat;background-position: center;} a.bi45 {background:url(../images/17jahrespaeter/imagethumb7.jpg);background-repeat:no-repeat;background-position: center;} a.bi46 {background:url(../images/17jahrespaeter/imagethumb8.jpg);background-repeat:no-repeat;background-position: center;} a.bi50 {background:url(../images/17jahrespaeter/imagethumb12.jpg);background-repeat:no-repeat;background-position: center;} a.bi51{background:url(../images/17jahrespaeter/imagethumb13.jpg);background-repeat:no-repeat;background-position: center;} a.bi53 {background:url(../images/17jahrespaeter/imagethumb15.jpg);background-repeat:no-repeat;background-position: center;} a.bi54{background:url(../images/17jahrespaeter/imagethumb16.jpg);background-repeat:no-repeat;background-position: center;} a.bi57 {background:url(../images/17jahrespaeter/imagethumb18.jpg); background-repeat:no-repeat;background-position: center; } a.bi61 {background:url(../images/17jahrespaeter/imagethumb22.jpg);background-repeat:no-repeat;background-position: center;} a.gallery span {display:block; position:absolute; left:140px; top:0px; width:0px; height:0px; overflow:hidden; z-index:100; } a.gallery:hover {white-space: nowrap; border:2px solid #aaa; z-index: 100;} a.gallery:hover img {border:0px; solid #000; z-index:100; } a.gallery:hover span {display:block; position:absolute; width:450px; height:360px; top:4px; left:4px; z-index:100; border-bottom: 5px solid #222; border-left: 0 px solid #222; } /* a.gallery:active {border:1px solid #eee;} a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;} a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:400px; height:320px; top:0px; left:0px; margin: 4px; color:#000; z-index:50; } */