/* Generalformat */
body
{
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
letter-spacing: 0.02em;
margin: 0; padding: 0.2em;
background-color: #F7F7F7;
}

/* Formatierungen - Kopfleiste */
#header
{
height: 12em;
/*height: 10.5em; */
padding-top: 2em;
/*background-image: url(Bilder/050821_195526.jpg);*/
/*background-image: url(Bilder/Fuellung_header.JPG); */
background-image:url(Bilder/Hintergrund.jpg);
}

/* Formatierungen - linke Spalte - Navigation */
ul#Navigation
{
font-size: 0.78em;
float: left; width: 13em;
margin: 0 0 1.2em; padding: 0;
border: 1px dashed silver;
padding-top: 1em;
background-color: #b0bbd1;
}

ul#Navigation li
{
list-style: none;
margin: 0; padding: 0.5em;
}

ul#Navigation a
{
display: block;
padding: 0.2em;
font-weight: bold;
text-decoration:none;
}

ul#Navigation a:link
{
color: black;
background-color: #eee;
}

ul#Navigation a:visited
{
color: #666;
background-color: #eee;
}

ul#Navigation a:focus
{
color: white;
background-color: gray;
}

ul#Navigation a:hover
{
color: black;
background-color: white;
text-decoration:underline;
font-size: 120%;
}

ul#Navigation a:active
{
color: white;
background-color: gray;
}

/* Formatierungen - rechte Seite - Navigation Infokasten */
div#Info
{
font-size: 0.78em;
float: right; width: 12em;
margin: 0; padding: 0.5em;
border: 1px dashed silver; background-color: #b0bbd1;
}

div#Info a
{
display: block;
padding: 0.2em;
font-weight: bold;
text-decoration:none;
}

div#Info a:link
{
color: black;
background-color: #eee;
}

div#Info a:visited
{
color: #666;
background-color: #eee;
}

div#Info a:focus
{
color: white;
background-color: gray;
}

div#Info a:hover
{
color: black;
background-color: white;
text-decoration:underline;
font-size: 120%;
}

div#Info a:active
{
color: white;
background-color: gray;
}

/* Mittelspalte - Formatierungen */
#fliesstext
{
margin-left: 11em;
padding: 1em 0.5em;
border: 1px dashed silver;
line-height:135%;
max-width:700px;
background-color:white;
}

#fliesstext a:link
{
color: #0000FF;
}

#fliesstext a:visited
{
color: #2A4F6F;
}

#fliesstext a:focus
{
color: white;
background-color: gray;
}

#fliesstext a:hover
{
color: #00CCFF;
font-size: 120%;
}

#fliesstext a:active
{
color: #AF0000;
}

/* Hervorhebung von Bildern bei Tastaturnutzung - wenn sie als Links dienen
   Funktioniert derzeit noch nicht */
a:link img
{
background-color: #ffffff;
border: 2px solid #ffffff;
}

a:focus img, a:hover img, a:active img
{
background-color: #f00000;
}

/* Hervorhebung des ersten Buchstabens in einem Absatz */
p.abschnittstart:first-letter
{
color:#000066;
font-size:200%;
float:left;
}

/* Fußleiste - zur Zeit nicht eingesetzt */
#footer
{
position: absolute;
bottom: 0;
width: 100%;
border-top: 1px dotted #AAAAAA;
background-color: #CCCCCC;
color: #626262;
font-size: 70%;
}

#footer p
{
margin: 0.5em 0 1em 2em;
padding: 0;
}

/* Überschriften - Formatierungen */
h1
{
font-size: 2.0em;
margin: 0 0 0.7em; padding: 0.3em;
text-align: center;
font-variant:small-caps;
letter-spacing: 0.1em;
}

h2
{
font-variant:small-caps;
letter-spacing: 0.3em;
}

/* Bilderliste im Tagebuch */
#bilderliste
{
list-style-type: none;
width: 70em;
}

#bilderliste li
{
float: left;
margin-right: 4em;
margin-bottom: 1em;
margin-top: 0.2em;
font: bold 0.8em Arial, Helvetica, sans-serif;
color: #333333;
}

#bilderliste img
{
display: block;
border: 1px solid #333300;
height: 200px;
width: 290px;
}

/* Infotafeln in der Startseite */
#Infotafel
{
position: relative;
width: 75%;
margin-left: 0.2em;
padding: 1em;
text-align: left;
background-color: #CCCCCC;
color: #000000;
border: 2px solid #AAAAAA;
display: block;
}

#Infotafel li
{
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 80.01%;
}