/*----------------CSS RESET - Setzt alles auf Standardformatierung-------------------*/
*{
padding: 0;             /*Innenabstand*/
margin: 0;              /*Außenabstand*/
font-size: 100%;        /*Schriftgröße*/
font-weight: normal;    /*Schriftgewicht*/
}

ul, ol {
list-style: none;       /*keine Auflistung*/
}

b, strong {
font-weight: bold;      /*b und strong sollen fett dargestellt werden!!!*/
}

img, a img {
border: none;}           /*Bilder sollen keinen Rahmen haben!!!*/

/*Nun sind die Standardformatierungen des Browsers gelöscht!!!*/


/*----------------Schriftdefinition-------------------*/

body {
font-family: Arial,Helvetica,sans-serif;
background-color: #ffffff;
background: url(yorubaland2.jpg) no-repeat center top;  
line-height: 1.5em;
text-align: left;
}
 
h1 {
font-size: 2em;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
text-align: center;
}

h2 {
font-weight: bold;
text-align: center;
}


/*Die Reihenfolge der Links genau so einhalten*/

a:link,                      /*Pseudoklasse*/
a:visited                    /*Pseudoklasse - es geht auch a:visited:hover*/
{
color: #000000;
text-decoration: none;
}

a:hover,                      /*Roll-Over-Effekt*/
a:focus,                     /*wenn man nicht mit der Maus sondern mit der TAB-Taste arbeitet*/
a:active {
color: #ff0000;
text-decoration: underline;
}

/*----------------LAYOUT - Seitenstrukturierung-------------------*/

div#container {
width: 800px;
border: 4px solid #d8bfd8;
padding: 4px;
margin: 0 auto;               
                             
}              
                              
div#header {
background-color: transparent;
}

div#content {
background-color: transparent;
padding: 10px 0px 42px 3px;   /*Rahmen verlängern!!!*/
}


div#sidebar {
margin-top: 50px;
width: 800px;       /*Hier wird die Größe der senkrechten Spalte definiert*/
}

div#navi h1{
text-align: center;
}

div#footer {
font-family: Papyrus;
font-size: 10px;
color: #666666;
font-weight: lighter;
font-style: italic;
letter-spacing: 0.3em;
text-align: center;
}