body
{
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
background-color: #F7F7F7;
margin:0em;
}

/* Kopfbereich der Homepage */

#header
{
background-color: #2A4F6F;
height: 6em;
padding-top: 2em;
}

#header h1
{
font-variant:small-caps;
letter-spacing: 0.1em;
text-align:center;
}

/* Linke Seite der Homepage - Navigation */

ul#Navigation
{
position:absolute;
font-size: 0.78em;
float: left;
/*width: 12.5em;*/
width: 12.5em;
font-family:Verdana,"Times New Roman",Helvetica,Arial,sans-serif;
top: 16em;
}

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

ul#Navigation a
{
display: block;
padding: 0.2em;
font-weight: bold;
border-bottom: 1px solid #b0bbd1;
text-decoration:none;
}

ul#Navigation a:link
{
color: #2A4F6F;
background-color: transparent;
text-decoration:none;
}

ul#Navigation a:visited
{
background-color: transparent;
color: #2A4F6F;
}

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

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

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

/* zur Zeit nur im Tagebuch, Eintrag Seiten 2 - 4 */

#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;
}

.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;
}

/* Formatierungen für Auflistungen */

#liste
{
list-style-type: decimal;
width: 40em;
}

#liste a
{
font-size: 0.85em;
color: #2A4F6F;
background-color: transparent;
text-decoration:underline;
font-family:Verdana,"Times New Roman",Helvetica,Arial,sans-serif;
}

#liste a:visited
{
background:url(SMok2.gif) no-repeat 100% 50%;
padding-right:25px;
text-decoration:underline;
}

#liste a:hover
{
background:url(SMok2.gif) no-repeat 100% 50%;
padding-right:25px;
text-decoration:underline;
}

#liste ol
{
font-size: 0.85em;
color: #2A4F6F;
background-color: transparent;
text-decoration:underline;
font-family:Verdana,"Times New Roman",Helvetica,Arial,sans-serif;
}

/* Behelfsrahmen für Div fliesstext, derzeit nicht benutzt */
#fliesstextrahmen
{
	margin-left: 11em;
	/*background-color: #F7F7F7;*/	
}

/* Mittelfeld der Homepage */

#fliesstext
{
/*margin-left: auto;*/
margin-left: 13em;
margin-right: auto;
/*margin-right: 13em;*/
padding: 0 0.5em;
line-height:135%;
max-width:700px;
/*background-color:white;*/
/*background-color: rgb(245.248.243);*/
background-color: rgb(240,240,240);
}

#fliesstext a:link
{
color: #0000FF;
}
#fliesstext a:visited
{
color: #2A4F6F;
}
#fliesstext a:hover
{
color: #00CCFF;
font-size: 120%;
}
#fliesstext a:active
{
color: #FF0000;
}

/* Überschriften Größe 1 bis 3 */

h3
{
letter-spacing: 0.1em;
line-height: 1.2em;
font-weight:bold;
}

h2
{
font-variant:small-caps;
letter-spacing: 0.1em;
line-height: 1.2em;
font-weight:bold;
}

h1
{
letter-spacing:0.1em;
line-height: 1.2em;
}

/* Erster Buchstabe am Anfang eines Abssatzes */

p.abschnittstart:first-letter
{
color:#000066;
font-size:200%;
float:left;
}

/* Benötigt für Hervorhebung (sortierte Liste, Seite 2 im Tagebuch)  */

.red
{
color:rgb(255,0,0);
}

/* Infotafeln, grau, bestimmte Größe zur Aufnahme von Text */

#Infotafel
{
position: relative;
width: 80%;
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.00%;
}

#Infotafel2
{
position: relative;
width: 80%;
margin-left: 0.2em;
padding: 1em;
text-align: left;
background-color: #CCCCCC;
color: #000000;
border: 2px solid #AAAAAA;
display: block;
}

#Infotafel2 p
{
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 80.00%;
}

#Infotafel3
{
position: relative;
width: 60%;
margin-left: 0.2em;
padding: 1em;
text-align: left;
background-color: #CCCCCC;
color: #000000;
border: 2px solid #AAAAAA;
display: block;
}

#Infotafel3 p
{
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 80.00%;
}

#Infotafel4
{
position: relative;
width: 80%;
margin-left: 0.2em;
padding: 1em;
text-align: left;
background-color: #CCCCCC;
color: #000000;
border: 2px solid #AAAAAA;
display: block;
}

#Infotafel4 p
{
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 80.00%;
}

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

#Infotafel5
{
position: relative;
width: 80%;
margin-left: 0.2em;
padding: 1em;
text-align: left;
background-color: #CCCCCC;
color: #000000;
border: 2px solid #AAAAAA;
display: block;
}

/* Registerkarten mit Javaskriptfunktionalität, Registerkopf und 
   Registerkörper */

.register
{
background-color: #FFFFCC;
text-decoration:none;
border: 2px solid #AAAAAA;
padding: 0.2em;
font-size: 100.00%;
} 

.registerKörper
{
	position: absolute;
	width: 660px;
	margin-left: 0.2em;
	padding: 1em;
	text-align: left;
	background-color: #DBDBDB;
	color: #000000;
	border: 2px solid #AAAAAA;	
}

/* Tooltip - Layout */
#textfeld1
{
position: absolute;
visibility: hidden;
width: 15em;
margin-left: 0.2em;
padding: 0.5em;
text-align: left;
background-color: #FFFF99;
color: #000000;
border: 2px solid #AAAAAA;
display:block;
}

/* Hintergrundbild für Div-Container*/
.hintergrund
{
    background-color:white;   
    border:8px solid rgb(230,230,230);
    padding:1em;        
}

/* Gestaltung eines Bilderrahmens, Seite10a */
div.Bildersammlung
{
    background-color:rgb(230,230,230);
    width:100%;     
    float:right;
    margin-bottom:1em;
    
}
div.Bildersammlung p
{
    text-align:center;

}

/* Farbeinstellung für den Container mit den Befehlsschaltflächen unter dem Bilderrahmen, Seite 10a*/
.farbe
{
    background-color:rgb(220,220,220); 
    height:100%;    
}

/* Einheitliche Formatierung der Querlinien*/
hr
{
    color:rgb(230,230,230);
    background-color:rgb(230,230,230);
    width:100%;
    height: 1px;
}