CSS-Code

/*Schriften einbinden*/


@font-face {
    font-family: 'Linux Libertine';
    src: url('fonts/LinLibertine_R.woff') format('woff');
    /*src: url('fonts/LinLibertine_Rah.ttf') format('truetype');*/
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Linux Libertine';
    src: url('fonts/LinLibertine_RI.woff') format('woff');
    /*src: url('fonts/LinLibertine_RIah.ttf') format('truetype');*/
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Linux Libertine';
    src: url('fonts/LinLibertine_RB.woff') format('woff');
    /*src: url('fonts/LinLibertine_RBah.ttf') format('truetype');      */
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'Linux Libertine';
    src: url('fonts/LinLibertine_RBI.woff') format('woff');
    /*src: url('fonts/LinLibertine_RBIah.ttf') format('truetype');*/
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'Linux Libertine Display';
    src: url('fonts/LinLibertine_DR.woff') format('woff');
    /*src: url('fonts/LinLibertine_DR.ttf') format('truetype');*/
    font-weight: normal;
    font-style: normal;
 }

 @font-face {
    font-family: 'Linux Libertine Mono';
    src: url('fonts/LinLibertine_Mah.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/* Allgemeine Einstellungen */


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

/*h1 {font-family: 'Linux Libertine'; color: green;}*/



h1 { font-family: 'Linux Libertine'; font-size: 25pt;  text-align: center; font-weight: normal; }
h2 { font-family: 'Linux Libertine'; font-size: 23pt;  text-align: center; font-weight: normal;}
h3 { font-family: 'Linux Libertine'; font-size: 21pt;  text-align: center; font-weight: normal;}
h4 { font-family: 'Linux Libertine'; font-size: 19pt;  text-align: left; font-weight: normal;}
h5 { font-family: 'Linux Libertine'; font-size: 17pt;  text-align: left; font-weight: normal;}
h6 { font-family: 'Linux Libertine'; font-size: 15pt;  text-align: left; font-weight: normal;}



/*********Brotschrift*************/


html, body {font-family: 'Linux Libertine', Garamond, serif;
            margin:0 auto; /*wichtig, sonst haut der da ne brauser-default-css rein*/
            background: rgb(251,251,251) url(img/side_section.png) repeat-y scroll top left;
            background-size: 200px 300px;
            font-size: 14pt;
            padding:0px;
            max-width:980px;
            /*
            background-color:rgb(251,251,251);
            background-image:url(img/side_section.png);
            background-repeat:repeat-y;
            background-position: 300px 400px;
            background-attachment: scroll;
            */

            /*scroll ist hier std, lediglich zu übungszwecken da drin.
            Der Hintergrund bewegt sich mit dem Scrollbalken mit. Alternative ist "fixed".*/

            /* Das oben jetzt unter Verwendung der Eigenschaft "background" in nur einer Zeile.*/
            /*Links, die nicht im Hauptmenü stehen:
             */


        }
html, body, p { line-height:125%;}
#top-section {
            /*Diese Definition wird nicht korrekt verarbeitet, insb. "background-size" wird ignoriert, aber eine grüne Schrift kann ich hier erzeugen*/
            font-family: 'Linux Libertine';
            background-color:white /*rgb(251,251,251)*/;
            background-image:url(img/top_section.png);
            background-repeat:no-repeat;
            height:120px;
            margin-left:10px;
            margin-top:0pt;
            padding:0px;
            background-size: auto 100%;
            }

#top-section h1{
           /* position:absolute;*/
            font-family: 'Linux Libertine';
            font-size: 32pt;
            text-align: center;
            height:120px;
            margin-left:10px;
            margin-top:0pt;
            padding-top:44px;
            /*background-size: auto auto; */
            font-variant: small-caps;
            }



/*#main-section {
            margin:0px;
            padding:0px;
            margin-top: 0pt;
            margin-left:240px;
            margin-right:0px;
            border-top:double 5px black;
            } */
#navigation     {
            position:absolute; /*Dieses Kommando nimmt die section aus dem Textfluss raus! */
            /*left:100px;
            top:180px;*/
            width:200px;
            top: 10px;
            /*margin-left: 30px;*/
            }

#content        {
            border-top:double 5px black;
            margin:0px;
            padding-left:10px;
            padding-top:5pt;
            margin-top: 0pt;
            margin-left:200px;
            margin-right:0px;
            }
#content p{
            margin-bottom:0;
        }
#content p + p {
            text-indent:30pt;
            margin-top: 0}




/*Links grundsätzlich */
a:link {
                /*font-family: 'Linux Libertine Mono', Courier, monospace;*/
                color: black;
                /*letter-spacing: -1.5px;*/
                font-size: 14pt;
                text-decoration: none; border-bottom: 1px dashed;
            }
a:visited {
                /*font-family: 'Linux Libertine Mono', Courier, monospace;*/
                text-decoration: none;
                color: grey;
                font-style: normal;
                /*letter-spacing: -1.5px;*/
                font-size: 14pt;
                text-decoration: none; border-bottom: 1px dashed;
            }
a:hover {
                /*font-family: 'Linux Libertine Mono', Courier, monospace;*/
                text-decoration: underline;
                /*letter-spacing: -1.5px;*/
                font-size: 14pt;
                text-decoration: none; border-bottom: 1px solid;
            }
a:focus {
/*                font-family: 'Linux Libertine Mono', Courier, monospace;*/
                font-size: 14pt;
                text-decoration: underline;
                /*letter-spacing: -1.5px;*/
                font-style: normal;
                text-decoration: none; border-bottom: 1px solid;
         }
a:active {
                /*font-family: 'Linux Libertine Mono', Courier, monospace;*/
                text-decoration: underline;
                font-size: 14pt;
                /*letter-spacing: -1.5px;*/
                text-decoration: none; border-bottom: 1px solid;
         }

/*Links im Hauptmenü */








/*Globale Menüeinstellungen */
         /*und Standardeinstellungen des Browsers überschreiben */



#navigation nav{
    margin-top:120px;
    padding:0pt;
    line-height: 200%;
}




#navigation, #navigation nav, #navigation nav ul,
nav li, #navigation nav a, #navigation nav span {
   padding:0pt;
   list-style:none;
   margin-left: 2px;
   font-family: 'Linux Libertine', Garamond, serif;
   text-decoration: none; border-bottom: none;
   color: black;
   font-size:16pt;
   font-style:italic;
   }


#navigation nav a:visited {
    text-decoration: none; border-bottom: none;
    color: grey;
    }
#navigation nav a:hover {
    text-decoration: none; border-bottom: 2px dashed;
    }
#navigation nav a:focus {
    text-decoration: none; border-bottom: 2px dashed;
    }
#navigation nav a:active {
    text-decoration: none; border-bottom: 2px solid;
    }
#navigation nav span {
    text-decoration: none; border-bottom: 2px dashed;
    color:black;
}

/***********Tabellen und Aufzählungen************/



/*li { font-size: 1em; }
li li {font-size: 1.0em }
tr { font-size: 1em }
#blah {
     background-color: lime;
     padding-right: 1em;
     float: left;
     margin-right: 1em
     }

#blah p {
    font-family: 'spielzeug';
    text-align: right;
} */