BODY { background-color: #f5e3d5; background-image: url('../images/bg_gerste1280-2.jpg'); background-repeat:no-repeat; cursor : auto; scrollbar-base-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-3d-light-color:#FFFFFF; scrollbar-dark-shadow-color:#FFFFFF; scrollbar-shadow-color:#cccccc; scrollbar-arrow-color:#FF0000; } TD{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11; font-weight: regular; color: #000000; line-height: 15px; word-spacing: 3px; margin-top: 0; margin-bottom: 7px; vertical-align: top; /* border: solid 3px #FF0000; text-align: left;*/ } .title { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 24px; font-weight: bolder; color: #FF0000; border-style: none; line-height: 120%} .nav { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; color: #FFFFFF; border-style: none; line-height: 100%} .small { font-family: Arial, Verdana ,Helvetica, sans-serif; font-size: 9px; font-weight: bolder; color: #333333; border-style: none; line-height: 200%} .red { font-family: verdana, arial, helvetica, sans-serif; font-size: 11; font-weight: bolder; color: #FF0000; line-height: 13px; margin-top: 0; margin-bottom: 7px; vertical-align: top; /* text-align: left;*/ } .red2 { font-family: verdana, arial, helvetica, sans-serif; font-size: 12; font-weight: bolder; color: #FF0000; line-height: 13px; margin-top: 0; margin-bottom: 7px; vertical-align: top;} .red3 { font-family: verdana, arial, helvetica, sans-serif; font-size: 20; margin-left:40px; font-weight: bolder; color: #FF0000; line-height:normal; margin-top: 0; margin-bottom: 7px; vertical-align: top; /* text-align: left;*/ } .gruen { font-family: verdana, arial, helvetica, sans-serif; font-size: 12; font-weight: bolder; color: #99cc00; line-height: 13px; margin-top: 0; margin-bottom: 7px; vertical-align: top} .gelb { font-family: verdana, arial, helvetica, sans-serif; font-size: 12; font-weight: bolder; color: #FFCC00; line-height: 13px; margin-top: 0; margin-bottom: 7px; vertical-align: top} A { color: #FFFFFF; text-decoration: none; cursor: hand;font-weight: bold;} A:VISITED { color: #FFFFFF; text-decoration:none; font-weight: bold;} A:ACTIVE { color: #FFFFFF; text-decoration: none; font-weight: bold;} A:HOVER { color: #FFFFFF; text-decoration: none; font-weight: bold; background-color:#CCCCCC;} A.nav { font-family: verdana, arial, helvetica, sans-serif; font-size: 11; color: #666666; text-decoration: none; cursor: hand;} A.nav:VISITED {font-family: verdana, arial, helvetica, sans-serif; font-size: 11; color: #FFFFFF; text-decoration:none; } A.nav:ACTIVE { font-family: verdana, arial, helvetica, sans-serif; font-size: 11; color: #FFFFFF; text-decoration:none; } A.nav:HOVER { font-family: verdana, arial, helvetica, sans-serif; font-size: 11; color: #FFFFFF; text-decoration: none; background-color:#330099} A.grey { color: #666666; text-decoration: none; cursor: hand;} A.grey:VISITED { color: #666666; text-decoration:none; } A.grey:ACTIVE { color: #666666; text-decoration:none; } A.grey:HOVER { color: #666666; text-decoration: none; background-color:#CCCCCC;} A.red { color: #FF0000; text-decoration: none; cursor: hand;} A.red:VISITED { color: #FF0000; text-decoration:none; } A.red:ACTIVE { color: #FF0000; text-decoration:none; } A.red:HOVER { color: #FF0000; text-decoration: none; background-color:#CCCCCC;} A.red2 { color: #FF0000; text-decoration: none; cursor: hand;} A.red2:VISITED { color: #FF0000; text-decoration:none; } A.red2:ACTIVE { color: #FF0000; text-decoration:none; } A.red2:HOVER { color: #FF0000; text-decoration: none; background-color:#CCCCCC; } A.no { color: #000000; text-decoration: none; cursor: hand;} A.no:VISITED { color: #ffffcc; text-decoration:none;} A.no:ACTIVE { color: #ffffcc; text-decoration:none;} A.no:HOVER { color: #ffffcc; text-decoration: none;} .pic { padding:2px; border-color:#990000;} .center { margin-left:80px; } /* LIGHTBOX CSS */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #logotable a { color: #e2001a; text-decoration: none; font-weight: bold;} #logotable a:visited { color: #e2001a; text-decoration:none; font-weight: bold;} #logotable a:active { color: #e2001a; text-decoration: none; font-weight: bold;} #logotable a:hover { color: #fff; text-decoration: none; font-weight: bold; background-color:#e2001a;} #logotable img{height:100px; border:1px solid #e2001a; padding:2px;} #cc_logo img{ height:60px;}