/* Algemene formatting */ body { font-family: "Comic Sans MS", "Times New Roman", serif; background-image: url('stonbk.jpg'); } body.titlepage { text-align: center; } a:link { color: rgb(153,51,0); } a:visited { color: rgb(204,102,51); } a:active { color: rgb(102,0,0); } p { width: 100%; clear: left; } img.floatleft { float: left; padding-bottom: 0.5em; padding-right: 0.5em; padding-top: 0.5em; } img.floatright { float: right; padding-bottom: 0.5em; padding-left: 0.5em; padding-top: 0.5em; } /* Opmaak voor semi-frame pagina's. Omdat IE nog geen position:fixed ondersteunt, wordt gebruikt gemaakt van een browser-hack. De html-pagina moet als XHTML worden opgemaakt met de volgende declaratie: Zie: http://www.webreference.com/programming/css_frames/ */ #cssframebody { margin:0; border:0; padding:0; height:100%; max-height:100%; overflow: hidden; } * html #cssframebody { padding:70px 0 45px 0; } #cssframeheader { position:absolute; top:0; left:0; width:100%; height:70px; overflow:auto; color: Maroon; } * html #cssframeheader { height:70px; } #cssframefooter { position:absolute; bottom:0; left:0; width:100%; height:45px; overflow:auto; } * html #footer { height: 45px; } #cssframemenu { position:fixed; top:70px; left:%; bottom:45px; width:20%; overflow:auto; color: Maroon; } * html #cssframemenu { height:100%; width:20%; float: left; } #cssframecontents { position:fixed; top:70px; left:20%; bottom:45px; right:0; overflow:auto; /*padding:20px;*/ } * html #cssframecontents { height:100%; /*width:80%; */ left: 20% float: left; } /* Algemene opmaak cssframes */ #cssframeheader h1 { /* default van Firefox heeft te veel bovenruimte */ padding: 0; margin-top: 0; } #cssframefooter { text-align:center; } #cssframemenu { text-align: center; } /* Formatting voor de menustructuur */ #menulist { margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ left: 25px; } #menulist a, #menulist a:visited { display: block; padding: 8px 0px 0px 0px; background-image: url(menubuttonnormal.gif); background-repeat: no-repeat; background-position: center 0%; color: #F0F8FF; text-decoration: none; height: 30px; } * html #menulist a, #menulist a:visited { height: 40px; } #menulist a:hover { background-image: url(menubuttonhover.gif); color: #0F0700; } #menulist li a#current { background-image: url(menubuttonhover.gif); background-repeat: no-repeat; background-position: center 0%; color: #0F0700 !important; cursor: default; } /* Formatting voor de index pagina */ #graphicalindexlist { text-align: center; } #graphicalindexlist li { display: inline; float: left; height: 250px; width: 250px; } /* Formatting voor de oude, op tabellen gebaseerde, foto pagina's */ .phototablepage table { width: 95%; } .phototablepage table td { width: 50%; text-align: center; } /* Formatting voor de hoofdpagina */ .mainpage { text-align: center; } /* Formatting voor de programmapagina */ .programpage { padding-left: 1em; padding-right: 1em; } .programheader { text-align: center; } .programdetails { /*font-family: Arial, sans-serif;*/ } /* Formatting voor de JavaScript foto-pagina's. */ #photoPageTitle { position: absolute; top: 0px; height: 40px; width: 100%; text-align: center; } #photoGraphic { position: absolute; top: 40px; width: 100%; text-align: center; } #photoNavigation { position: absolute; top: 530px; width: 50%; margin-left: 0; margin-right: 50%; padding-right: 10px; text-align: right; } #photoCaption { position: absolute; top: 533px; width: 50%; margin-left: 50%; margin-right: 0; padding-left: 10px; text-align: left; } /* Formatting voor de adressen pagina. */ .addresspage { text-align: center; } .addressitem { display: block; clear: both; margin-top: 1em; }