a:link {color:#000000;} a:visited {color:#000060;} a:hover {color:#FF0000;} p { font-family: Verdana; font-size: 100%; margin-top: 0; margin-bottom: 12 } .codelist { font-family: Courier New; font-size: 100%; margin-top: 0; margin-bottom: 0 } .formtext { font-family: Courier New; font-size: 80%; margin-top: 0; margin-bottom: 0 } .formcaption { font-family: Courier New; font-size: 70%; margin-top: 0; margin-bottom: 0 } .ssadresse { font-family: Verdana; font-size: 80%; ; margin-top: 0; margin-bottom: 0 } .sslinklist { font-family: Verdana; font-size: 80%; ; margin-top: 0; } .ssheadfoot { font-family: Verdana; font-size: 100%; margin-top: 0; margin-bottom: 0 } .sssub { font-family: Verdana; font-size: 100%; margin-top: 0; margin-bottom: 0 } .sssection { font-family: Verdana; font-size: 100%; margin-top: 12; margin-bottom: 0 } .topofpage {font-family: Verdana; font-size: 70%; margin-top: 0; margin-bottom: 0; font-variant:small-caps; color:#000080; font-weight:bold; text-align:right } .button { background-color: #CCCCCC; text-decoration: none; font-family: Verdana; font-size: 80%; ; margin-top: 0; margin-bottom: 0; border-style: outset; border-width: 2; padding-top: 3; padding-bottom: 3; text-align:center; line-height:150% background-color: #CCCCCC; } .inactivebutton { font-family: Verdana; font-size: 80%; ; margin-top: 0; margin-bottom: 0; border-style: outset; font-color: #000000; border-width: 2; padding-top: 3; padding-bottom: 3; text-decoration: none; background-color: #CCCC00; text-align:center } .coverpageheader { font-family: Verdana; font-size: 100%; margin-top:0; margin-bottom:0 } .smallheaders { font-size: 80%; font-family: Verdana; font-weight: bold; margin-top:0; margin-bottom:0} .logo { border-top:1px solid #C0C0C0; font-family: Verdana; font-size: 240%; margin-top:6; margin-bottom:6; color:#000066; text-align:center; background-color:#EFEFEF; line-height:150%; border-left-width:1px; border-right-width:1px; border-bottom-width:1px } h1 { font-family: Verdana; font-size: 140%; margin-top:0; margin-bottom:0 } h2 { font-family: Verdana; font-size: 120%; margin-bottom:0 ; } h3 { font-family: Verdana; font-size: 100% } li { margin:3 15; font-family: Verdana; font-size: 100%; } #blockleft { padding-top: 100px; float: left; width: 16%; text-align: left; padding: 4px 0px 0px 4px; } #blockcenter { border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; background-color: #FFFFF0; margin-left: auto; margin-right: auto; padding-top: 4px; padding-left: 17%; padding-right: 25%; border-left-width:1; border-right-width:1 } #blockright { padding-top: 4px; border-left:1px solid #C0C0C0; float: right; width: 24%; text-align: left; border-right-width:1; border-top-width:1; border-bottom-width:1; padding-left:4px; padding-right:0px; padding-top:4px; padding-bottom:0px } .hint, .alt-hint { font-family: Courier new; font-size: 100%; width: 15em; padding: 1em; color: #000000; background: #CCFFCC; border-right: thick solid #CCCCCC; border-bottom: thick solid #CCCCCC; /* font-style: italic; */ margin-top: 0.5em; margin-bottom: 0.5em } .hint { float: right; text-align: center; margin-left: 1em; margin-right: 0; } .alt-hint { float: left; /* margin-left: -6%; This doesn't work in IE 5 :-( */ text-align: left; margin-left: 0; margin-right: 1em; } .hint ul, .hint ol { /*text-align: left;*/ margin-left: 0; padding-left: 0; list-style-position: inside; } .hint li { margin-left: 0; } .hint em, .alt-hint em { font-style: normal; } .hint em em, .alt-hint em em { font-style: italic; } /* Use nohint for what should be displayed if the UA doesn't support hints */ .nohint { display: none; } /* Author: Bert Bos (Adapted from work by Håkon Wium Lie) Created: 17 August 1999 Version: $Revision: 1.12 $ The following section creates a set of partially overlapping headlines in different colors and font families. Negative margin values must be set on block-level elements to have an effect - in this document P elements are used and the selectors are named '#p*'. The source will look like this:

...

...

...

...
This works by setting an offset from the bottom of the link area. The height of the line plus the bottom margin are equal to the top margin, so the line doesn't contribute to the height of its parent in any way. */ DIV.map { /* Reserve some room for the links */ padding-top: 189px; padding-bottom: 1px; margin-left: -4%; margin-right: -6em; /* width: 100%; */ margin-bottom: 4em; margin-top: 5em; clear: both; text-shadow: 0.2em 0.2em /* 0.2em */ silver; } #p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10 { display: block; white-space: nowrap text-indent: 0 } #p1 A, #p2 A, #p3 A, #p4 A, #p5 A, #p6 A, #p7 A, #p8 A, #p9 A, #p10 A { text-decoration: none} #p1, #p1 A {color: #DDD; font: 100px/1 "Impact", "Helvetica Narrow", sans-serif} #p2, #p2 A {color: #000; font: italic 40px/1 "Georgia", serif} #p3, #p3 A {color: #080; font: 40px/1 "Verdana", sans-serif} #p4, #p4 A {color: #37F; font: bold 40px/1 "Courier New", "Courier", monospace} #p5, #p5 A {color: #F73; font: bold 100px/1 "Verdana", sans-serif} #p6, #p6 A {color: #22A; font: bold 25px/1 "Verdana", sans-serif} #p7, #p7 A {color: #088; font: italic 80px/1 "Verdana", sans-serif} #p8, #p8 A {color: #088; font: italic 20px/1 "Verdana", sans-serif} #p9, #p9 A {color: #088; font: italic 20px/1 "Verdana", sans-serif} #p10, #p10 A {color: #F73; font: bold 60px/1 "Verdana", sans-serif} #p1 {text-align: right; margin: -185px 0 85px 0} /* top right */ #p2 {text-align: left; margin: -190px 0 150px 5%} /* top left */ #p3 {text-align: right; margin: -87px 35% 47px 0} /* center */ #p4 {text-align: right; margin: -98px 0 58px 0} /* center right */ #p5 {text-align: left; margin: -130px 0 30px 0} /* center left */ #p6 {text-align: left; margin: -40px 0 15px 35%} /* bottom center */ #p7 {text-align: right; margin: -80px 0 0px 0} /* bottom right */ #p8 {text-align: left; margin: -40px 0 20px 3%} /* bottom left */ #p9 {text-align: right; margin: -25px 0 5px 0} /* bottom right */ #p10 {text-align: left; margin: -130px 0 70px 0} /* center left */