/*Standard-CSS für Webseite Christiane Kuby*/


/* Wichtige Farben
Rostrot = #D06443
Gelb    = #FDF9D5
Grün    = #339933
*/


body {
background:#FDF9D5 url(backgr.gif);
background-repeat:repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100.01%;
margin:0;
padding:0;
}


.main-box {
        margin:0 auto;
        text-align:left;
        }

#content {

        padding:0;
}


/*Schriftart, -farbe, und Auszeichnung von Links*/

a:link { color:green; font-size:0.8em;}

a:visited { color:#006600; font-size:0.8em;}

a:active { color:#CC3366; font-size:0.8em; }


/*Die Navigationsleiste für die Homepage*/

#navhome ul
{
background-color:#f0e7d7;
border-bottom:1px solid #D06443;
border-top:1px solid #D06443;
color:#FFF;
font: bold 1.2em Arial,Helvetica,sans-serif;
margin-left:0;
margin-top:0;
padding-bottom:8px;
padding-left:0;
padding-top:8px;
text-align:center;
width:100%;

}

#navhome ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 8px;
/* matches link padding except for left and right */
padding-top: 8px;
}

#navhome ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 8px;
padding-top: 8px;
color: black;
text-decoration: none;
border-right: 1px solid #fff;
}

#navhome ul li a:hover
{
background-color: #369;
color: white;
}

#navhome #active { border-left: 1px solid #fff; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #D06443;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #D06443;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}


/*Die Navigationsleiste für die anderen Seiten*/

ul#Navigation {float: left;
    width: 6em;
    margin: 0 0 3em 0; padding: 0;
        }

  * html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    padding-left: 0;
    padd\ing-left: 0;
        }

  ul#Navigation li {
    list-style: none;
    margin-left: 0.8em; padding: 0.2em;
    border: none;
    background-color: #D06443;
        }

  ul#Navigation a {
    text-decoration: none; font-weight: bold;
    color: #FDF9D5; background-color: #D06443;
        }
  ul#Navigation a:hover {
    color: #0000FF; background-color: #D06443;
        }



/*Grundlegene Elemente zur Positionierung von Bildern*/

img {
    border:0;
   }

#logoh { /*Das Logo "Vertaalster..." auf der Homepage*/
   margin: 3em auto 0 auto;
   text-align: center;
    }

#logo { /*Das Logo "Vertaalster..." auf allen Seiten außer der Homepage*/
   margin:3em 0 3em 0.75em;}

#collage { /*Das Collage-Bild der Autoren auf der Homepage*/
   width: 43em;
   margin-left: auto;
   margin-right: auto;
   padding: 2em;
   text-align: center;
        }

.foto { /*Alle Buchumschläge und Fotos*/
   float:left;
   margin-left: 0.2em;
        }

.oben { /*Die Sprungmarke nach oben*/
    position: absolute;
    right: 3em;
        }


   /*Clear Element, welches Float-Formatierungen wieder entfernt,
um nach einem Float, wieder eine neue Zeile zu beginnen*/

.clear {clear:both;}


        /*Anweisungen für den Header*/
#header {
        height:2.5em;
        background-color: #FDF9D5;
        background: url(backgr.gif) no-repeat;
                        }

/*Anweisungen für den Header-Text; i.A. Keine Funktion*/
#header h1 {
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:1.6em;
        padding:0;
        margin:0;
        color:#339933;
        text-align: center;
        }

   /*Formatierung der wichtigsten Inhaltselemente*/

h1 /*Farbe Grün für alle h1-Selektoren*/
   {font: bold 1.4em Georgia, "Times New Roman", Times, serif; color:#339933;
       }

h1.kap  {/*Die Überschriften "Romane", "Autoren"*/
   margin: 5em 0 0 8.2em;
            }

h1.ueberschrift { /*Überschrift "In Vorbereitung" und "Varia*/
   margin: 0 0 1em 8em;
         }

h2 {/*Farbe Rot für alle h2-Selektoren / Die Namen der Autoren auf allen Seiten*/
   margin-left: 9.5em;
   font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
   color:#FF0000;
      }


p    {font-size: 1.1em;
     }

p#esel { /*Namen und Esel-Foto*/
   text-align: center;
   margin-top:7em;
   margin-bottom: 5em;
   font: bold 1.1em Georgia, "Times New Roman", Times, serif; color:#339933;
   }

p#portrait { /*"Biographie" und Foto Christiane*/
   margin:6.5em 0 3.5em 10em;
   font: bold 1.4em Georgia, "Times New Roman", Times, serif; color:#339933; }

p.adresse { /*die Adresse auf der Vita-Seite*/
   display:block;
   font: bold 1.1em Georgia, "Times New Roman", Times, serif; color:#339933;
   text-align:center;
       }

p.titel { /*Titel der Bücher*/
   margin:0 7em 0 10.5em;
   line-height: 1.2em;
       }

p.einzug { /*Kommentar zu den Büchern und Bio der Autoren*/
   margin:1em 6.5em 4em 12em;
   line-height: 1.3em;
       }

p.bio { /*größerer Abstand nach unten bei einigen Bio der Autoren*/
   margin:1em 6.5em 7em 12em;
   line-height: 1.3em;
       }

p.extra { /*Autor und Titel der Bücher in Vorbereitung und Varia*/
   margin:0 4em 0.5em 11.5em;
   line-height: 1.2em;
       }



   /*Der Footer für alle Seiten ausser der Homepage*/

#footer {

        height:1.6em;
        background-color: #FDF9D5;
        background: url(backgr.gif) no-repeat;
        display:block;
        color:#0000E0;
        text-align:center;
        padding:0.125em;
        border-top:1px solid #333;
        font-size: 0.6875em;
        font-weight: bold;
                                }



/*Der Footer der Homepage index.html*/
#footerhome {
        height:1em;
        background-color: #FDF9D5; color: #0000E0;
        display:block;
        text-align:center;
        padding:0.125em;
        font-size: 0.6875em;
        font-weight: bold;
                        }