/* **************** Einstellungen der gesamten Seite */
body {
    /* font-family: Eras Medium ITC, Arial, sans-serif; */
    FONT-FAMILY: Arial, sans-serif;
    COLOR: Black;
    BACKGROUND-COLOR: White;
    FONT-SIZE: 100%; /* 95%;*/
    MARGIN: 0;
    PADDING: 5px;
    MIN-WIDTH: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}





/* **************** Kopf in orange **************** */
#kopf {
    POSITION: static; /* DEFAULT */
    MARGIN: 0;
    COLOR: White;
    BACKGROUND-COLOR: #ff6e00;
    FONT-FAMILY: Eras Medium ITC, Arial, sans-serif;
}
#kopf h1 {
    COLOR: White;
    BACKGROUND-COLOR: #ff6e00;
}




/* **************** Navigation links **************** */
#navi {
    POSITION: static; /* DEFAULT */
    WIDTH: 200 pt;     /*19%;*/ 
    PADDING: 1px;
    OVERFLOW: hidden;
    COLOR: White;
    BACKGROUND-COLOR: #ff6e00;
}
#navi * {
    COLOR: White;
    BACKGROUND-COLOR: #ff6e00;
}
#navi a {
    DISPLAY: block;
    MARGIN-LEFT: 20px;
}




/* **************** der Inhalt **************** */
#inhalt {
    POSITION: static; /* DEFAULT */
    FLOAT: right;
    WIDTH: 80%;
    MARGIN: 2px;
    PADDING: 2px;
}
#inhalt ul {
    MARGIN-LEFT: 10px;
}
#inhalt img {
    POSITION: static; /* DEFAULT */
    FLOAT: right;
    MARGIN-RIGHT: 6%;
}

#inhalt pre {
    FONT-FAMILY: Eras Medium ITC, Arial, sans-serif;
    COLOR: Black;
    BACKGROUND-COLOR: White;
}



/* **************** 3spaltige Aufbereitung (links - mitte - rechts) **************** */
#dreispaltig {
    POSITION: static; /* DEFAULT */
}
#dreispaltig h3 {
    COLOR: #00a0ff;
}
#dreispaltig img {
    BORDER-WIDTH: 3px;
    BORDER-COLOR: #00a0ff;
    BORDER-STYLE: outset;
}
#dreispaltig ul {
    MARGIN: 0;
    PADDING: 0 0 0 30px;
}


#links {
    POSITION: static; /* DEFAULT */
    WIDTH: 30%;
    FLOAT: left;
    MARGIN-LEFT: 2%;
}


#mitte {
    POSITION: static; /* DEFAULT */
    WIDTH: 30%;
    FLOAT: left;
    MARGIN-LEFT: 2%;
}


#rechts {
    POSITION: static; /* DEFAULT */
    WIDTH: 30%;
    FLOAT: left;
    MARGIN-LEFT: 2%;
    MARGIN-RIGHT: 2%;
}




/* **************** Seiten Ende Footer  **************** */
#footer {
    POSITION: static; /* DEFAULT */
    PADDING-TOP: 12px;
    CLEAR: both;
}
#footer a {
    MARGIN-LEFT: 10%;
    MARGIN-RIGHT: 10%;
    TEXT-ALIGN: justify;
}



/* **************** Hyperlinks */
a {
    /* alle */
    COLOR: Black;
    FONT-VARIANT: small-caps; /*  = Kapitälchen */
}
a:link {
    /* noch nicht besuchte Ziele */
}
a:visited {
    /* besuchte Ziele */
}
a:hover {
    /* Verweise bei "MouseOver" */
    FONT-WEIGHT: bold;
}
a:active {
    /* Angeklickte Verweise */
    FONT-WEIGHT: bold;
}
a:focus {
    /* Verweise, die Fokus erhalten */
}



/* **************** das Ampersand in Arial statt in Eras **************** */
h1 span, p span {
    FONT: normal 98% Arial, Helvetica, sans-serif;
}



/* **************** normaler Textabsatz **************** */
p {
    FONT-FAMILY: Arial, sans-serif;
    COLOR: Black;
    BACKGROUND-COLOR: White;
    FONT-SIZE: 100.01%;
}

/* **************** gerahmter Textabsatz **************** */
*.rahmen {
    BORDER-WIDTH: medium;
    BORDER-COLOR: #ff6e00;
    BORDER-STYLE: double;
    PADDING: 5pt;
    WIDTH: 50%;
    TEXT-ALIGN: center;
}

/* **************** rechtsbündig gerahmt (blauer Grund) **************** */
*.rahmenrechts {
    
    BORDER-WIDTH: 3px;
    BORDER-COLOR: #00a0ff;
    BORDER-STYLE: outset;
    PADDING: 5pt;
    TEXT-ALIGN: left;
    /* BACKGROUND-COLOR: #e0ffff; */
}
/* **************** Sonnengruss Bilder **************** */
*.sonnengruss {
    POSITION: static; /* DEFAULT */
    TEXT-ALIGN: center;
}
/* **************** blaue Schrift innerhalb p innerhalb div **************** */
div p em {
    COLOR: #00a0ff;
}
/* **************** Link innerhalb des Textes **************** */
div p a {
    PADDING-TOP: 5pt;
}