/*normal links in the text*/ a:link { background: transparent; color: "#00FFFF"; text-decoration: none; } a:visited { background: transparent; color: "#00FFFF"; text-decoration: line-through; } a:hover { background: transparent; color: #999999; text-decoration: none; } /*links in the navigation bar on the left side*/ a.nav:link { background-color: transparent; color: yellow; font-size: 10px; text-decoration: none; } a.nav:visited { background-color: transparent; color: "#00FFFF"; font-size: 10px; font-weight: 600; text-decoration: line-through; } a.nav:hover { background-color: transparent; color: #7FFFD4; font-size: 10px; font-weight: 600; text-decoration: none; } /* background-image: url('images/background/Pattern2.gif'); */ body { background-image: url('working/images/general/Pattern2.gif'); background-color: #FFFFFF; background-repeat: repeat-y; background-attachment: scroll; color: #003366; font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; scrollbar-highlight-color: #AABBBB; scrollbar-3dlight-color: #BFCDCD; scrollbar-darkshadow-color: #707B7F; scrollbar-shadow-color: #51595B; scrollbar-arrow-color: #F3F3E7; scrollbar-track-color: #839191; margin: 0px; padding-top: 0px; background-position: 0% scrollbar-face-color } h1, h2, h3, h4, h5, h6 { font-family: Georgia, MS Serif,New York, serif; margin-left: 150px; } .Inhalt { background: #FFFFFF; /*declare a color together with a contrasting background color*/ color: #000000; /*to insure readability*/ font-family: verdana, Helvetica,Arial,sans-serif; text-align: justify; font-size: 10pt; margin-left: 160px; /*to position the content area to the right of the navigation*/ margin-right: 20px; /*breathing space for the text*/ max-width: 770px; /*readbility even on big screens*/ padding: 5px; /*space to separate navigation and content*/ width: auto; } .Header { margin-left: 20px; margin-top: 0px; } .Kommentar { background: #F7F7F7; color: #FF6633; font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; /*to include a commentary in the <pre> area I use this in a class*/ } .Navigation { background-repeat: repeat-y; font-family: verdana, Helvetica,Arial,sans-serif; font-size: 11px; height: auto; left: 3px; line-height: 110%; /*line-height set to 110% in order to have the navigation elements better separated*/ position: absolute; /*The navigation on the left side, positioned absolutely*/ top: 105px; width: 135px; } .box { background: #FFFFFF; /*this is a box where the bottom-navigation and the copyright will be placed*/ border-color: #48D1CC; border-style: groove; border-width: 2px; color: #000099; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; margin: 2px; padding: 2px; } /*the 'back to the top' image*/ img.top { float: right; margin-right: -5px; .quote background: #000000; /*for boxed quotations*/ border-color: #FF0000; border-style: groove; border-width: 2px; color: #000099; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font:italic; font-size: 10pt font-color: yellow margin: 2px; padding: 2px; } .photo { text-align: left; color: black; font-family: verdana, Helvetica,Arial,sans-serif; font:italic; font-size: 10pt }