/* -------------------------------------------------- */
/*   Stylesheet fuer http://www.jendryschik.de/html   */
/*       Zuletzt aktualisiert am 29. Januar 2001      */
/* -------------------------------------------------- */


/* __________________________________________________ */
/* -------------------------------------------------- */
/*       Eigenschaften fuer einzelne Tags             */
/* -------------------------------------------------- */

BODY {
   color        : black;
   background   : white url(bilder/banner.gif) repeat-y fixed 0% 0%;
   margin-right : 1em;
   margin-left  : 70px;
}


P, TD, TH, DIV, UL, DL, DT, DD, OL, LI, H1, H2, H3, H4, TEXTAREA, INPUT {
   font-family : "Trebuchet MS", Arial, Georgia, sans-serif;
}


P {
   margin-left  : 3em;
   margin-right : 1.5em;
}


OL, UL, DL {
   margin-left : 4.5em;
}

DT, OL strong {
   font-weight : bold;
   color: black;
   background: #eef;
}

OL strong {
   display: block;
   margin-right: 1.2em;
   padding: 3px 10px 3px 10px;
}

I {
   font-weight : 600;
}


pre {
   font-family : Courier, mono, monospace;
   color       : #309;
   background  : transparent;
   margin-left : 4.5em;
   font-size   : 1em;
}


/* -------------------------------------------- */
/*                Überschriften                 */
/* -------------------------------------------- */


H1 {
   font-size    : 1.5em;
   font-weight  : bold;
   color        : black;
   background   : #ffb;
   text-align   : right;
   margin-right : 1em;
   margin-left  : 1em;
   padding      : 2px 40px 1px 0;
   border-width : 2px 0;
   border-style : solid none;
   border-color : #309;
}

H2 {
   font-size    : 1.25em;
   font-weight  : bold;
   color        : black;
   background   : #ffd;
   text-align   : right;
   margin-right : 1.2em;
   margin-left  : 2.5em;
   padding      : 2px 40px 1px 0;
   border-width : 1px 0;
   border-style : solid none;
   border-color : #309;
}

H3 {
   font-weight  : bold;
   font-size    : 1em;
   color        : black;
   background   : #ffd;
   text-align   : center;
   margin-right : 1em;
   margin-left  : 4.5em;
   margin-top   : 2em;
   padding      : 2px 1em 1px;
   border-width : 1px 0;
   border-style : solid none;
   border-color : #309;
   width        : 33%;
}

/* ------------------------------------------- */
/*       Erscheinungsbild der Links            */
/* ------------------------------------------- */
/*                 Standard                    */
/* ------------------------------------------- */

A:link {
   color           : #309;
   background      : transparent;
   text-decoration : underline;
   font-weight     : bold;
}


A:visited {
   color           : #666;
   background      : transparent;
   text-decoration : underline;
   font-weight     : bold;
}


A:hover {
   color           : rgb(255,148,0);
   background      : transparent;
   text-decoration : underline;
   font-weight     : bold;
}


A:active {
   background      : #ffa;
   color           : rgb(255,148,0);
   text-decoration : underline;
   font-weight     : bold;
}


A IMG {
   color           : white;
   background      : transparent;
   border-width    : 0;
   border-style    : none;
}

/* --------------------------------------------- */
/*                  Fuszzeile                    */
/* --------------------------------------------- */


A.fz:link {
   color           : #000000;
   background      : none transparent;
   text-decoration : none;
   font-weight     : normal;
}


A.fz:visited {
   color           : #000000;
   background      : none transparent;
   text-decoration : none;
   font-weight     : normal;
}


A.fz:hover {
   color           : #000000;
   background      : none transparent;
   text-decoration : underline;
   font-weight     : normal;
}


A.fz:active {
   color           : #000000;
   background      : none transparent;
   text-decoration : none;
   font-weight     : normal;
}


/* --------------------------------------------- */
/*                  index.html                   */
/* --------------------------------------------- */

.inhalt {
   float: left;
   width: 38%;
   border: 2px solid #309;
   background: #cdf;
   color: black;
   margin: 0 0 1em 1em;
   padding: 0;
}

.inhalt h1 {
   background: #309;
   color: rgb(255,148,0);
   font-weight: 900;
   text-align: right;
   margin: 0;
   font-size: 1.5em;
   padding: 2px 20px 4px 0;
   border: none;
}

.inhalt h3 {
   background: #9af;
   color: black;
   border: none;
   text-align: center;
   width: auto;
   margin: 0;
   padding: 5px;
}

ul.navigation {
   margin-left: 2em;
   margin-right: 10px;
   padding: 0;
}

.hauptteil {
   float: right;
   width: 45%;
   margin: 0 0 1em 0;
}

.hauptteil h1 {
   width: auto;
   margin: 0 1em 0 0;
}

.hauptteil h3 {
   margin: 0 1em 0 0;
}

/* _______________________________________________ */
/* ----------------------------------------------- */
/*         Sonstige wichtige Definitionen          */
/* ----------------------------------------------- */

table.fz {
   color      : #000000;
   background : none #9af;
}


#div-fz {
   width        : 100%;
   color        : #000000;
   background   : none #9af;
   border-width : 2px;
   border-style : solid;
}


table.text {
   margin-left  : 1em;
   margin-right : 1em;
}


#navi {
   width         : 100%;
   background    : #ff9;
   color         : #309;
   font-size     : 14px;
   font-weight   : bold;
   border-width  : 2px;
   border-style  : solid;
   padding       : 3px;
}


#teiler {
   font-weight : bold;
   color       : rgb(255,148,0);
   background  : transparent;
}


div.links {
   color        : black;
   background   : #cdf;
   margin-left  : 4.5em;
   margin-right : 1.5em;
   border       : none;
}


UL.links {
   margin-left      : 1em;
   padding          : 7px;
   list-style-image : url(/archiv/einfuehrung1/bilder/neuesfenster.gif);
}


span.markup, code {
   font-family : Courier, mono, monospace;
   font-size   : 1em;
   color       : #309;
   background  : transparent;
}


p.weiter {
   text-align   : right;
   margin-right : 2em;
}


DT.markup {
   font-family : Courier, mono, monospace;
   color       : #309;
   background  : transparent;
}

p.zitat {
    padding-left : 1em;
    border-left: solid thin rgb(255,148,0);

}

.new {
   font-size: 0.7em;
   color: black;
   font-weight: 600;
   font-style: normal;
   background: yellow;
}


/* ----------------------------------------------- */
/*         Für Pseudoklassen und -elemente         */
/* ----------------------------------------------- */

p.first-letter:first-letter {
   font-size: 200%;
   font-style: italic;
   font-weight: bold;
   float: left;
}


span.uppercase {
   text-transform: uppercase
}