/* css-Formatierung fuer den web-Auftritt Lutz Emmerich */

html, body {

color:#697170;                                     /* Schriftfarbe grau */
font-family:Verdana,Arial,Helvetica,sans-serif;    /* Schriftfamilie */
font-size:11px;                                    /* Basis-Schriftgröße */

font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;

}

/* ANMERKUNG:
Wird die Schriftgrösse des body-Elements geändert,
ändern sich die Schriftgrößen aller Elemente proportional,
da die Schrift überall in Prozent angegeben wurde.
*/


/* Zurücksetzen des Randes aller wichtigen Text-Elemente */

a, p, h1, h2, h3, h4, h5, h6, td, tr, ul, li {
        margin: 0;
        padding: 0;
}

/* Formatierung der Bilder */

#img_float_left {
        border: 1px solid #cecece;          /* 1-Pixel-Rand in grau */
        float: left;                        /* Inhalte umfließen Bilder an der rechten Seite */
        margin:  0px 20px 20px 20px;        /* Abstand rechts 20 und links 20 Pixel */
}

#img_float_right {
        border: 1px solid #cecece;          /* 1-Pixel-Rand in grau */
        float: right;                       /* Inhalte umfließen Bilder an der linken Seite */
        margin:  0px 20px 20px 20px;        /* Abstand rechts, links, unten 20 Pixel */
}

.imgcontainer {
        margin:  0px 20px 20px;        /* Abstand rechts, links und unten 20 Pixel */
        border: 1px solid #cecece;          /* 1-Pixel-Rand in grau */
        float: left;                        /* Inhalte umfließen Bilder an der rechten Seite */
        background-color: #fafafa
        }

.imgcontainerhp {
        margin:  0px 30px 20px 30px;        /* Abstand rechts und links 30, von unten 20 Pixel */
        border: 1px solid #cecece;          /* 1-Pixel-Rand in grau */
        float: left;                        /* Inhalte umfließen Bilder an der rechten Seite */
        background-color: #fafafa
        }

.imgcontainerhp80 {
        margin:  0px 30px 20px 80px;        /* Abstand rechts und links 30, von unten 20 Pixel */
        border: 1px solid #cecece;          /* 1-Pixel-Rand in grau */
        float: left;                        /* Inhalte umfließen Bilder an der rechten Seite */
        background-color: #fafafa
        }

.imgcontainer p {
        font-size: 0.82em;
        line-height: 1.4em;
        padding: 0;
        margin: 0.5em;
}

.imgcontainerhp p {
        font-size: 0.8em;
        line-height: 1.4em;
        padding: 0;
        margin: 0.5em;
}

.imgcaption {
        margin: 7px;
}

.imgcaptionsmall {
        margin: 3px;
}



/* Formatierung inhalt */

#inhalt {
        background:#F7F7F7 none repeat scroll 0%;
        margin-left: 14%;              /* Randabstand Links */
        margin-right: 16%;             /* Randabstand Rechts */
        padding: 10px;            /* linker Innenabstand zwischen Elementinhalt */
/*       padding-right: 10px;           /* rechter Innenabstand zwischen Elementinhalt  */
        border: 1px solid #cecece;   /* linke Orientierungslinie */
        -moz-border-radius: 5px;     /* runde Ecken */

	-moz-box-shadow: 0px 0px 40px #cbcbcb;
	-webkit-box-shadow: 0px 0px 40px #cbcbcb;

/*      border-right: 2px solid #ddd;   rechte Orientierungslinie */
        text-align: left;              /* Textverlauf linksbündig */
        width: auto;                   /* Spaltenbreite */
}

/* Formatierung suche, block */

#suche, #block {
       margin-left: 24px;                  /* Randabstand links 24 Pixel */
       margin-right: 24px;                 /* Randabstand rechts 24 Pixel */
       margin-top: 10px;                   /* Randabstand oben 10 Pixel */
       margin-bottom: 10px;                /* Randabstand unten 10 Pixel */
}

.navi {
       margin-left: 114px;                  /* Randabstand links 24 Pixel */
       margin-right: 24px;                 /* Randabstand rechts 24 Pixel */
       margin-top: 20px;                   /* Randabstand oben 10 Pixel */
       margin-bottom: 10px;                /* Randabstand unten 10 Pixel */
       /* font-size: 1.1em;   */
}

#einruck { margin-left: 60px;               /* Randabstand links 60 Pixel */
}


/* Formatierung header und footer */

#header, #footer {margin: 52px;
}

.redlineheader  { background-color:#b22222;
		 width:500px;
		 height:10px;
		 padding:0px;
		 margin:0px;
		}

.greenlineheader { background-color:#006758;
		 width:400px;
		 height:10px;
		 padding:0px;
		 margin-left: 10px;
		}

.redlinefooter  { background-color:#b22222;
		 width:600px;
		 height:10px;
		 padding:0px;
		 margin:0px;
		}

.greenlinefooter { background-color:#006758;
		 width:400px;
		 height:10px;
		 padding:0px;
		 margin-left: 10px;
		}

/* TEXTFORMATIERUNGEN -------------------------------------------*/

/* Hauptüberschrift */
h1 {
        font-size: 160%;                 /* Schriftgröße */
        line-height: 170%;               /* Zeilenabstand */
        font-weight: bold;               /* Fettschrift */
        padding-bottom: 8px;             /* unterer Innenabstand zwischen Elementinhalt */
}

/* Zweite Überschrift */
h2 {
        font-size: 130%;                 /* Schriftgröße */
        line-height: 120%;               /* Zeilenabstand */
        font-weight: bold;               /* Fettschrift */
        padding-bottom: 8px;             /* unterer Innenabstand zwischen Elementinhalt */
}

/* Zwischenüberschrift */
h3 {
        font-size: 120%;                 /* Schriftgröße */
        line-height: 120%;               /* Zeilenabstand */
        font-weight: bold;               /* Fettschrift */
        padding-top: 12px;               /* oberer Innenabstand zwischen Elementinhalt */
        padding-bottom: 8px;             /* unterer Innenabstand zwischen Elementinhalt */
}

/* Anreissertext */
.anreisser {
        font-size: 110%;                 /* Schriftgröße */
        line-height: 120%;               /* Zeilenabstand */
        font-weight: bold;               /* Fettschrift */
        padding-bottom: 6px;             /* unterer Innenabstand zwischen Elementinhalt */
}

/* Datum */
.datum {
        font-size: 80%;                  /* Schriftgröße */
        line-height: 100%;               /* Zeilenabstand */
        font-weight: 400;                /* Normalschrift */
        font-style: italic;              /* Kursivschrift */
        padding-bottom: 8px;             /* unterer Innenabstand zwischen Elementinhalt */
}

p {
        font-size: 100%;                 /* Schriftgröße */
        line-height: 140%;               /* Zeilenabstand */
        font-weight: 400;                /* Normalschrift */
        padding-bottom: 12px;            /* unterer Innenabstand zwischen Elementinhalt */
}

p.clearfloatleft {
              clear: left;
}

td.ul {
        margin: 0 0 12px 24px;           /* unterer und linker Abstand */
        padding: 4px;                      /* Innenabstand */
        border: 1px solid #ddd;
}

ol {
        margin: 0 0 12px 24px;           /* unterer und linker Abstand */
        padding: 0;                      /* Innenabstand */
}

li {
	display: inline

}

.navilink {
	 font-size: 0.875em;
	 }

td.li {
        margin: 0;                       /* Außenabstand  */
        padding: 0;                      /* Innenabstand */
        line-height: 140%;               /* Zeilenabstand */
}

blockquote {
/*       margin: 14px;                   Außenabstand  */
/*       padding: 0 0 0 20px;            Einrückung links */
}

td.titel {
        font-size: 96%;                  /* Schriftgröße */
        line-height: 100%;               /* Zeilenabstand */
        font-weight: 500;                /* Normalschrift */
        font-style: italic;              /* Kursivschrift */
        text-align: center;              /* Textanordnung mittig */
}

td.date {
        font-size: 90%;                  /* Schriftgröße */
        line-height: 100%;               /* Zeilenabstand */
        font-weight: 400;                /* Normalschrift */
        font-style: italic;              /* Kursivschrift */
        text-align: center;              /* Textanordnung mittig */
}


/* Link-Verhalten -------------------------------------------*/

/* Link */
a:link {
        text-decoration: none;           /* Keine Unterlinierung der Links */
        font-weight: 500;                /* etwas Fettschrift */
        color: #050;                     /* Schriftfarbe dunkelgrün */
        /*border-bottom: 1px dashed #777;   gestrichelte 1-Pixel-Linie in grau
                                            unter dem Link */

    -moz-transition: background-color .6s ease-in;
    -webkit-transition: background-color .6s ease-in;
    -o-transition: background-color .6s ease-in;
    transition: background-color .6s ease-in;

}

/* Bereits besuchter Link */
a:visited {
        color: #050;                     /* Schriftfarbe dunkelgrün */
         background-color: #72cb00;
        /*border-bottom: 1px dashed #777;   gestrichelte 1-Pixel-Linie in grau
                                            unter dem Link */
}

/* Link bei darüberfahrender Maus */
a:hover {
        /* color: #050;                      Schriftfarbe dunkelgrün */
        /* background-color: #72cb00; */
	background-color: #96C11F;
	color: #fff;
        /* border-bottom: 1px solid #0d0;    durchgezogene 1-Pixel-Linie in hellgrün */

    -moz-transition: background-color 0.03s;
    -webkit-transition: background-color 0.03s;
    -o-transition: background-color 0.03s;
    transition: background-color 0.03s;

}

/* Geklickter Link */
a:active {
        color: #0cc;                     /* Schriftfarbe türkis */
       /*  border-bottom: 1px solid #0cc;   durchgezogene 1-Pixel-Linie in türkis */
}



a:link.hc {
        text-decoration: none;           /* Keine Unterlinierung der Links */
        font-weight: 500;                /* etwas Fettschrift */
        color: #050;                     /* Schriftfarbe dunkelgrün */
 /*     border-bottom: 1px dashed #777;     gestrichelte 1-Pixel-Linie in grau
                                            unter dem Link */
}

/* Bereits besuchter Link */
a:visited.hc {
        color: #050;                     /* Schriftfarbe dunkelgrün */
/*      border-bottom: 1px dashed #777;  gestrichelte 1-Pixel-Linie in grau
                                            unter dem Link */
}

/* Link bei darüberfahrender Maus */
a:hover.hc {
        color: #050;                     /* Schriftfarbe dunkelgrün */
/*      border-bottom: 1px solid #0d0;   durchgezogene 1-Pixel-Linie in hellgrün */
}

/* Geklickter Link */
a:active.hc {
        color: #0cc;                     /* Schriftfarbe türkis */
/*      border-bottom: 1px solid #0cc;   durchgezogene 1-Pixel-Linie in türkis */
}

hr {
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #FFFFFF;
    margin: 0 0 0.5em;
    padding: 0 0 0.5em;
}