/* kopf */

*   {
    margin:0px; padding:0px;
    }
a:link, a:visited     {
    color:red; font-style:italic;
    }
a:visited     {
    color:silver;
    }
a:hover, a:active     {
    color:yellow;
    }
#link_aktiv	{
	color:yellow;
    }
body    {
    background-color:#000033; color:darkseagreen;
    font-family: times new roman, monospace; text-align:center;
    }
#cover    {
    font-size:120pt; font-family: monospace;
    line-height:114px; padding:50px;
    }
#cover_unten    {
    position:absolute; bottom:10px; width:99%; left:0px;
    font-size:10pt;
    } /* I.E.6 braucht "width:99%; left:0px;", sonst rechts raus ... */

/* oberer Bereich auf den Foto-Seiten */

#oben	{
	position:relative;
    height:110px;
	}
#thema,#motiv,#navi
	{
    position:absolute; bottom:0px;
	font-style:italic;
	}
#thema   {
	width:320px; float:left; left:0px;
    text-align:right; font-size:46pt; font-variant:small-caps;
    }
#motiv   {
    left:355px; float:left; padding:5px;
    text-align:left; font-size:18pt;
    }
#navi    {
	right:5px; text-align:right; font-size:14pt; line-height:18pt;
    }

#bilder,bilder_hoch  {
	position:relative; float:left;
    top:0px; left:0px; width:33%;
    overflow-x:hidden; overflow-y:auto;
    margin-top:10px; padding:0px; left:10px; text-align:left;
    position:absolute; top:112px; width:330px;
	}
	/* vorher: width:330px; */
#bilder  {
	height:694px;
    }    /* height:0% interpretieren I.E. u. Opera anders als FireFox */
#bilder_hoch  {
    position:absolute; top:120px; height:828px; left:10px; width:330px;
    }    /* height:828px entspr. 3x7 = 21pics & verhindert scroll-balken */

#fotos   {
    position:relative; right:0px; float:right;
    border:none; padding:3px;
    height:112px;
    padding:0px; margin:3px; border-right:solid;
    border-bottom:solid; border-width:1px; border-color:darkseagreen;
/* Änderungen Juli 2011 : */
	border-right:solid; border-bottom:solid; border-width:1px;
    height:56px;
    }    /* height:112px für hochkante pics */

#foto    {
    position:absolute; top:62px; left:350px; padding:10px;

/* Änderungen Juli 2011 : */
    position:relative; top:0px; left:0px; padding:15px; width:70%;
    float:right;  overflow:hidden;
    }
    /* overflow:hidden => damit endlich auch bei I.E. kein Verrutschen n.u. wegen Übergröße mehr!
    width:62%, wenn #bilder.width:33%, bei allen drei Browsern, 60% wgn Verkleinern*/

#maxbild    {
    width:900px; height:675px;
    } /* 900x675 fotos quer 2010 */
#maxhoch    {
    width:675px; height:900px;
    } /* 900x675 fotos quer 2010 */
#max_max    {
    width:900px; height:675px;
    background-color:antiquewhite;
    }