@media screen, print {
   body {
     font-family: Arial;
     font-size:medium;
     width: 750px;
     margin-left: auto;
     margin-right: auto;
     background-image:url(mountain.jpg);
     background-color:rgb(240,240,248);
     background-repeat:repeat-x;
     background-attachment:fixed;
     background-position:left bottom;
     }
   img
   {
     border: 0px;
   }
   .navigatie {background: #E0E0FF}
   .kop {font-size:large; font-weight: bold}
   .titel {font-size:medium}
   .datum {font-weight: bold}
   .fotonummer {font-size:x-small; font-style: italic}
   .volgnummer {font-size:small; font-weight: bold; font-style: italic}
   .floatleft {float: left; width: 255px}
   .floatright {float: right; width: 255px}
   a.button
   {
     background: url(background.gif) #fff bottom left repeat-x;
     height: 1.3em;
     line-height: 1.3;
     width: 250px;
     display: block;
     border: thin solid #E0E0FF;
     color: black;
     text-decoration: none;
     text-align: center;
   } 
   a.button:hover
   { background: url(background2.gif) #fff top left repeat-x; } 
}
@media screen {
   .navigatie { display: inline }
}
@media print {
   .navigatie { display: none }
}