@font-face {
    font-family:'OpenSans';
    src: url('fonts/OpenSans-Regular.ttf');
}
html, body {
height:100%;
 margin:0; padding:0;
 font-family:'OpenSans';
 font-size:14px;

}
/* Set the position and dimensions of the background image. */
#page-background {position:absolute; top:0px; left:0; width:100%; height:100%; z-index:0; }
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#content {position:relative; z-index:1; padding:10px;}

.logo {
display:block;
}

#footer{ 
padding-top:30px;
bottom:0;
width:100%;
font-size:13px;
position: absolute;
}


.pagenumber1 {display:inline-table; background-color:#CCCCCC; border:solid 1px #333333; font-size:12px;}
.pagenumber2 {display:inline-table; border:solid 1px #333333; font-size:12px;}