title: hide one element on my webpage when the user will print it
body: <p>the template of my website looks quite good when printed, so i have no separate print css.</p>
  
  <p>However, there is one element at the top which is not needed when printed, and about 2 inches high, so that's kind of a waste at the top of the printed page (which imho distracts the user from the actual content)</p>
  
  <p>So, what i want to accomplish, is 'hide' that element (div) at the top of the page when a user prints the page.</p>
  
  <p>But so far the only solution i've seen is top create a separate css document which then will be used when the user will print my page. That sounds good, but do i now have to maintain 2 different stylesheets with exact the same content (besides that one div)?</p>
  
  <p>Or is it possible to sort of override the standard stylesheet in the print stylesheet? (so i only have to define the exception for that one div in my print stylesheet?)</p>
  
  <p>Hope this explains my problem.....</p>