body {
        background: #fdcf4f  repeat-x; background-attachment: fixed;                  /* Hintergrundbild das senkrecht wiederholt wird */
        color: #686864;                                                                                                                /* Schriftfarbe */
        font: 0.8em 'Helvetica', Geneva, Arial, Helvetica, Trebuchet MS, sans-serif;        /* Schriftgroesse und Schriftart */
        margin: -13px;                                                                                                                /* Aussenabstand */
}

p, pre{
        padding: 5px 10px;                 /* Innenabstand */
        margin: 0px;                         /* Aussenabstand */
        color: #2E2E3A;                        /* Schirftfarbe */
}

ul {
        list-style: square;         /* Liststyle => Quadrat */
}

.left {
        text-align: left;                 /* Textausrichtung */
        float: left;                         /* Element umfließen lassen - links */
        padding-left: 5px;                /* Innenabstand */
}

.right {
        text-align: right;                /* Textausrichtung */
}

/* ----------------------------------------- */

#ram {
        background: url('images/website_03.jpg') repeat-y;                /* Hintergrundbild das senkrecht wiederholt wird */
        width: 806px;                                                                                /* Bereit des Div-Elements */
        margin: 0px auto;                                                                        /* Aussenabstand - durch auto = mittige Ausrichtung */
}

#header {
        background: url('images/website_03.jpg') no-repeat;                /* Hintergrundbild das senkrecht wiederholt wird */
        width: 806px;                                                                                /* Bereit des Div-Elements */
        height: 0px;                                                                                /* Hoehe des Div-Elements */
        margin: 0px;                                                                                /* Aussenabstand */
        padding: 0px 0px 0px;                                                                /* Innenabstand */
        line-height: 160px;                                                                                         /* Innenabstand */
}
#headerlink{
display: block;
width:100px;
height:20px;
margin:0px 0 0 100px;
}

#content {
        width: 720px;                                                                                /* Bereit des Div-Elements */
        padding: 0px 15px 0px 42px;                                                /* Innenabstand */
        float: left;                                                                                /* Element umfließen lassen - links */
}

/*--Formatierung der Albumbox--*/
 #album {
 width: 640px;
 height: 640px;
 background: #FFF url(bilder/titel.jpg) 0 40px no-repeat;
 border: 0px solid #FFF;
 margin: 20px auto;
 }

 /*--Formatierung der Linkleiste--*/
 .gallery {
 padding: 0;
 margin: 0px 0 0 0;
 list-style-type: none;
 position: relative;
 width: 600px;
 }

 /*--Horizontale Anordnung der Listeneinträge--*/
 .gallery li {
 float: left;
 }

 /*--Formatierung der Link-Buttons--*/
 .gallery li a, .gallery li a:visited {
 font-size: 11px;
 display: block;
 text-decoration: none;
 color: #000;
 background: #dad700;
 text-align: center;
 width: 26px;
 height: 26px;
 line-height: 24px;
 border: 0px solid #444;
 margin: 4px;
 }

 /*--Hover-Formatierung der Link-Buttons--*/
 .gallery li a:hover {
 background: #ECEBD9;
 color: #000;
 }

 /*active und focus-Formatierung der Link-Buttons*/
 .gallery li a:active, .gallery li a:focus {
 background: #444;
 color: #fff;
 }

 /*-- Blendet die Bilder aus--*/
 .gallery li a img {
 visibility: hidden;
 border: 0;
 }

 /*--Positionierung der Querformat-Bilder--*/
 .gallery li a img.quer {
 position: absolute;
 top: 40px;
 left: 0;
 }

 /*--Positionierung der Hochformat-Bilder*/
 .gallery li a img.hoch {
 position: absolute;
 top: 40px;
 left: 0;
 border-left: 0px solid #FFF;
 border-right: 40px solid #FFF;
 }

 /*--Einblenden der Bilder im active/focus-Zustand--*/
 .gallery li a:active img, .gallery li a:focus img {
 visibility: visible;
 }


#navi{
        width: 140px;                                                                                /* Bereit des Div-Elements */
        margin: 0px 0px 0px 565px;                                                        /* Aussenabstand */
        padding: 10px 0px 0px 0px;                                                        /* Innenabstand */
}

* html #navi{
        width: 140px;                                                                                /* Bereit des Div-Elements */
        margin: 0px 0px 0px 565px;                                                        /* Aussenabstand */
        padding: 10px 0px 0px 0px;                                                        /* Innenabstand */
}

* html #navi{        /* Angabe nur fuer den IE */
        margin: 0px 0px 0px 555px;                                                        /* Aussenabstand */
}

        #navi ul{
                list-style: square inside;                                                 /* Liststyle => Quadrat */
                margin: 0px auto;                                                                /* Aussenabstand */
                padding: 0px;                                                                        /* Innenabstand */
        }

#footer {
        background: #fdcf4f url('images/website_05.jpg') top no-repeat;        /* Hintergrundbild das nicht wiederholt wird */
        clear: both;                                                                                /* hebt float: left; wieder auf*/
        width: 806px;                                                                                /* Bereit des Div-Elements */
        height: 65px;                                                                                /* Hoehe des Div-Elements */
        margin: 0px auto;                                                                        /* Aussenabstand */
        padding: 40px 0px 0px;                                                                /* Innenabstand */
        line-height: 69px;                                                                        /* Zeilenhoehe*/
        text-align: left;                                                                        /* Textausrichtung */
        color: #000000;                                                                                /* Textfarbe */
}

/* Links
--------------------------------------------------------------------------- */

A {        /* generelle Formatierung eines Links */
        color: #000000;                                                                         /* Textfarbe */

        text-decoration: none;                                                                /* Definiert das der Link nicht unterstrichen ist */
}

A:visited { /* Besuchter Link */
        color: #494833;                                                                          /* Textfarbe */
        text-decoration: none;                                                        /* Definiert dass der Link unterstrichen ist */
}

A:hover, A:active {        /* Aktiver Link & wenn man mit der Maus drueber faehrt */
        color: #f5a528;                                                                          /* Textfarbe */
        text-decoration: (underline);                                                        /* Definiert dass der Link unterstrichen ist */
}

/* headlines
--------------------------------------------------------------------------- */

h1{
        color: #000000;                                                                                /* Textfarbe */
        text-align: left;                                                                         /* Textausrichtung */
        padding: 0 5px 5px 5px;                                                                /* Innenabstand */
        font: normal 1.4em verdana, tahoma, sans-serif;                /* Schriftgroesse und Schriftart */
}

h2{
        color: #65666B;                                                                                /* Textfarbe */
        text-align: left;                                                                          /* Textausrichtung */
        padding: 0 5px 0px 5px;                                                                /* Innenabstand */
        font-size: 1.4em;                                                                        /* Schriftgroesse */
}

h3{
        color: #BA7EBA;                                                                                /* Textfarbe */
        text-align: left;                                                                         /* Textausrichtung */
        padding: 0 5px 5px 5px;                                                                /* Innenabstand */
        font-size: 1.3em;                                                                        /* Schriftgroesse */
}
h4{
        color: #000000;                                                                                /* Textfarbe */
        text-align: center;                                                                         /* Textausrichtung */
        padding: 0 5px 5px 5px;                                                                /* Innenabstand */
        font-size: 1.3em;                                                                        /* Schriftgroesse */
}