html { height: 100%; } body { margin: 0; padding: 0; height: 100%; font-family: sans-serif; font-size: 10pt; font-weight: bold; } img { border: none; } h1 { text-align: center; font-family: sans-serif; color: white; } .infopage h1 { margin: 0; padding: 0; } h2 { font-family: monospace; } .header .backlink { width: 150px; padding-left: 10px; vertical-align: middle; } .infopage td { vertical-align: top; } .infopage .content { background-color: white; border: none; padding: 10px; margin: 10px; } .infopage .video { display: none; text-align: center; } .homepage td { vertical-align: middle; text-align: center; } .header { background-color: rgb(0,128,192); height: 70px; } .header .title { font-family: sans-serif; font-size: 26px; font-weight: bold; vertical-align: middle; color: white; } .languageselect { width: 60%; disabled-border: 1px solid rgb(30,74,116); disabled-background-color: rgb(245,242,215); padding: 15px; margin-left: auto; margin-right: auto; margin-top: 20px; text-align: left; } .languageselect a img { padding: 5px 15px 5px 0px; } .mainholder { background-color: white; padding-top: 10px; padding-bottom: 10px; text-align: center; } .grid { width: 366px; height: 366px; border: 2px solid rgb(0,128,255); margin-left: auto; margin-right: auto; } .grid td { vertical-align: middle; border: 1px solid rgb(0,128,255); background-color: white; width: 119px; height: 119px; text-align: center; } .grid td a { font-family: sans-serif; font-size: 13px; color: black; } .grid td.blank { border: 1px solid rgb(0,128,255); width: 119px; height: 119px; } .grid img { display: block; text-align: center; margin-left: auto; margin-right: auto; margin-top: 4px; } .footer { height: 80px; background: white url('/resources/images/logo.gif') 10px 5px no-repeat; text-align: right; padding-right: 10px; } #exitbutton { position: absolute; bottom: 20px; right: 20px; filter: alpha(opacity=30); } #exitbutton:hover { filter: alpha(opacity=70); } .scrollablearea { width: 100%; height: 100%; overflow: auto; text-align: center; }