body {                font-family: "Verdana", "sans-serif";
                        font-size: 12px; color: black;
                        margin: 0px;
                        padding: 0px;
                        background-color: #c8c8c8;

                        }

p                       { font-size: 12px; color: black; margin: 0px; }

h1                       {font-size: 10px; font-weight: lighter; }

h3                         { font-size: 20px;  color: black; font-weight: bold; margin: 0px;  text-decoration: none; margin: 0px;
                        }

h4                         { font-size: 20px;  color: black; font-weight: bold; margin: 0px;  text-decoration: none;
                        }
*.unter                    { text-decoration: underline;
                        }
h5                         {font-size: 12px; color: black; font-weight: bold;
                        margin:3px;
                        }

h6                         {font-size: 12px; color: black; font-weight: normal;
                        }



li                        {font-size: 12px; color: black; margin-bottom: 6px;
                        }



#container { background: url(hintergrund.png) top left no-repeat;
                        position: absolute;
                        top: 76px;
                        left: 0px;


                        overflow:hidden;
                        z-index: 3;
                        }

#menue                { position: absolute;
                        background-color: #FFFFFF;
                        left: 150px;
                        top: 324px;
                        width: 175px;
                        height: 178px;
                        z-index: 4;
                        }

#titel                { position: absolute;
                        margin-left: 64px;
                        margin-top: 24px;
                        width: 271px;
                        height: 240px;
                        z-index: 5;
                        }


#sprache                { position: absolute;
                       left: 84px;
                        top: 165px;
                        width: 65px;
                        height: 27px;

                        }

#titelzettel        {
                        position: absolute;
                        margin-left: 0px;
                        margin-top: 87px;
                        width: 130px;
                        height: 130px;
                        }


#kluppe                {         background: url(kluppe.png) top left no-repeat;
                        position: absolute;
                        margin-left: 90px;
                        margin-top: 0px;
                        width: 130px;
                        height: 130px;
                        }


#was {                         background: url(hinterwas.png) top left no-repeat;
                        position: absolute;
                        left: 442px;
                        top: 18px;
                        padding-left: 15px;
                        padding-right: 15px;
                        padding-top: 25px;
                        padding-bottom: 20px;
                        width: 356px;
                        height: 503px;
                        z-index: 6;
                        }


#wie {                         background: url(hinterwie.png) top left no-repeat;
                        position: absolute;
                        left: 436px;
                        top: 166px;
                        padding-left: 20px;
                        padding-right: 20px;
                        padding-top: 19px;
                        padding-bottom: 20px;
                        width: 479px;
                        height: 356px;
                        z-index: 7;
                        }



#preis {                         background: url(hinterpreis.png) top left no-repeat;
                        position: absolute;
                        left: 436px;
                        top: 331px;
                        padding-top: 10px;
                        padding-left: 25px;
                        padding-right: 20px;

                        padding-bottom: 20px;
                        width: 567px;
                        height: 198px;
                        z-index: 8;
                        }



#klassik {                 background: url(beispiele/klassik.png) top left no-repeat;
                        position: absolute;
                        left: 400px;
                        top: 200px;
                        width: 360px;
                        height: 127px;
                        z-index: 12;
                        }

#impress {                 background: url(beispiele/impress.png) top left no-repeat;
                        position: absolute;
                        left: 710px;
                        top: 150px;
                        width: 360px;
                        height: 162px;
                        z-index: 14;
                        }


#kontakt {                         background: url(hinterkontakt.jpg) top left no-repeat;
                        position: absolute;
                        left: 556px;
                        top: 354px;

                        width: 288px;
                        height: 168px;
                        z-index: 8;
                        }

#leiste {               background: url(leiste.png) top left no-repeat;
                        position: absolute;
                        left: 216px;
                        top: 521px;
                        width: 680px;
                        height: 9px;
                        z-index: 40;
                        }

#leiste2 {               background: url(leiste.png) top left no-repeat;
                        position: absolute;
                        left: 216px;
                        top: 597px;
                        width: 680px;
                        height: 9px;
                        z-index: 41;
                        }


#blei {               background: url(bleistift.png) top left no-repeat;
                        position: absolute;
                        left: 255px;
                        top: 508px;
                        width: 340px;
                        height: 15px;
                        z-index: 39;
                        }
#adresse {               background: url(adresse.png) top left no-repeat;
                        position: absolute;
                        left: 595px;
                        top: 498px;
                        width: 254px;
                        height: 15px;
                        z-index: 38;
                        }

#schatten {             background: url(schatten.png) top left no-repeat;
                        position: absolute;
                        overflow: hidden;
                        z-index: 2; }

#eckschatten {             background: url(eckschatten.png) bottom left no-repeat;
                        position: absolute;
                        overflow: hidden;
                        z-index: 2; }

#beispcont {
                        position: absolute;
                        left: 192px;
                        top: 70px;
                        width: 324px;
                        height: 535px;
                        z-index: 10;
                        }
#beispiele {            background: url(hinterbeisp.png) top left no-repeat;
                        position: absolute;
                        left: 10px;
                        top: 0px;
                        padding-top:0px;
                        padding-left:12px;
                        width: 314px;
                        height: 533px;
                        z-index: 10;
                        overflow: hidden;
                        }

.notenschatten {        background: url(beispiele/schattennoten.png) top left no-repeat;
                        overflow: hidden;
                        position:absolute;
                        left:3px;
                        top:2px;
                        height:550px;
                        width:47px;
                        }