/*----------------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(erde2.jpg) repeat left top;  
line-height: 1.5em;
text-align: left;
}


h5 {
font-family: Arial;
font-size: 20px;
color: #000000;
font-style: italic;
letter-spacing: 0.3em;
}

/*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;
background-color: #ffffff;
background: url(erde2.jpg) repeat left top;
border: 4px solid #d8bfd8;
padding: 4px;
margin: 0 auto;               
}                             
              
                              
div#header {
background-color: #d8bfd8;
height: 190px;
}


div#navi{
height: 160px; /*197px*/
}

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


div#sidebarLeft {
margin-top: 50px;
width: 560px;       /*Hier wird die Größe der senkrechten Spalte definiert*/
float: left;
font-size: 1.5em;
}

div#text {
margin-top: 50px;
width: 560px;       /*Hier wird die Größe der senkrechten Spalte definiert*/
float: left;
font-size: 1.5em;
font-variant: small-caps;
}

div#sidebarRight {
margin-left: 595px; /*Randdefinition: Damit wird mit der rechten Spalte um Xpx mit dem Text nach rechts gerückt!!!*/
margin-top: 25px;
}

div#content p {
margin-bottom: 30px; /*Abstand zwischen den Überschriften!!!*/
}


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