@media screen
{

    html, body 
    {
	    background-color:#f5f5f5;
	    height:100%; 
	    max-height:100%; 
	    border:0; 
	    margin:0; 
	    padding:0; 
	    overflow: hidden; 
        font-family: Tahoma, Arial, Verdana, serif;
        }
}

/*---------------------------------------------------------------------------*/

a, blockquote, button, dd, div, dt, h3, input, label, ul, li, p, caption, td, th
{
    font-size: 17px;
    }
        
a
{
     color: #0000c8;
    } 

a:visited
{
    color: #990000;
    }

a.enlarge /* "Bilder etc. vergrößern" */
{
    font-size: 15px;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 1em
    }

dd /* Texte zur Chronik in "Reportage" */
{
    margin-left: 1.5em
    }

dt /* Jahreszahlen zur Chronik in "Reportage" */
{
    font-weight: bold
    }            

h2
{
    font-size: 26px;
    margin-top: 1em;
    margin-bottom: 0.7em;
    }

h3
{
    font-size: 20px;
    font-weight: bold;
    margin-top: 0em;
    margin-left: 1.5em;
    margin-bottom: 0.6em;
    }
 
hr
{
    border: solid 1px #808080;
    }
   
img
{
    display: block;
    font-style: italic
    }

input
{
    font-family: Verdana, Serif;
    font-size: 0.7em;
    }
    
blockquote, p, li  /* Blocksatz wirkt sehr unruhig!!! */
{
    line-height: 1.3em;
    padding-bottom: 0.3em;
    }

p.first:first-letter
{
    margin-top: 0em;
    margin-bottom: 0.5em;
    font-size: 1.6em;
    }

* html p.first:first-letter
{
    font-size: 26px;
    }

li /* linksbündig mit Fließtext */
{
    list-style-type: circle;
    margin-left: -22px;
    padding-left: 6px;
    }

p /* Verwendet nach Absätzen, die mit <p class="first"> beginnen - Abstand geringer als normal von <P> */
{
    margin-top: 0px;
    margin-bottom: 0.5em
    }
       
span.list /* Für Nummern- oder Buchstabenordnung in Auflistungen => Reportage.aspx */
{
    width: 1.5em;
    float: left;
    display: block;
    }

sup
{
    font-size: 10px;
    }

caption
{
    text-align: left;
    font-weight: bold;
    padding-bottom: 0.5em;
    }

td
{
    vertical-align: top;
    }

.right /* Rechtsbündig ausrichten */
{
    text-align: right
    } 

/*---------------------------------------------------------------------------------------------*/    
    
@media print
{
    html, body 
    {
	    background-color: Transparent;
        font-family: 'Times New Roman', Arial, Verdana, serif;
	    
        }
    a, blockquote, button, dd, div, dt, h3, input, label, li, p, td, th, ul
    {
        font-size: 12pt;
        }
    
    a.enlarge
    {
        display: none;
        }
    
    h1
    {
        display: none;
        }
    
    * html h1
    {
        display: block;
        font-size: 20pt;
        margin-bottom: 1.0em;
        }
    
    h2
    {
        font-size: 16pt;
        }  
}