/*-----------------------------------------------------*/
/*-----div-classes zur Aufteilung der Seiteninhalte----*/
/*-----------------------------------------------------*/

html
  {
 }
 
body 
  {
    /* globale Schrift-Eigenschaften, für den Content-Text, also nicht das Menu sondern inhaltlicher Text */ 
    font-family: Arial;
    color:#000000;
    background-color:#1e3383;
    text-align:justify;
    
    /* 
    mittige Ausrichtung!
    FireFox interpretiert das position-Tag.
    IE interpretiert text-align. Nicht Standard-Konform! IE halt ;). 
    Ist ein Workaround!! 
    */
    
    position: relative;
    text-align: center;
	border: 0px solid #FF0000;
 }

/*zusätzliche Eigenschaften der speziellen Überschriften-levels*/
h1 {font-family: Arial; margin:0px; color:#1e3383}
h2 {color:#000000;}
h3 {font-weight:bold; color:#000000;}


/* Normale content-links */
a:link, a:visited
  { 
  
    /* Ein Link im Inhalt wie er ausschaut wenn man ihn noch nicht 
    besucht hat (a:link) bzw. wenn man ihn besucht hat (a:visited).
    */
    
    font-family: Arial;
    text-decoration:none;
    font-weight: normal;
    color: #1e3383; /*Swing-blau, das gleiche wie vom banner*/
  }

a:active, a:hover
  { 
    /* 
    Ein Link im Inhalt auf welchen man mit dem Zeiger drauf ist (a:hover)
    bzw. auf den man gerade klickt (a:active).
    */
    
    font-family: Arial;
    font-weight: normal;
    text-decoration: none;
    color:#ffa800;  /*orange*/      
  }

/*----------------------------------------------------------------------------*/
/*-Die Seite ist so aufgeteilt, dass die div-classes die div-ids einschließen-*/
/*----------------------------------------------------------------------------*/  
  
/* Die gesamte Seite liegt in der "body-div".*/
div.body
 {
 margin: 0px auto;
 width: 1000px;
 text-align: justify;
 background-image:url(../img/mitte.jpg); /* Hier ist der Hitergrund für den Content-Bereich festgelegt */
 background-repeat:repeat-y;
 border: 0px solid #FF0000;
}

/* Klasse speziell für den Kopfbereich mit Menü und Logo */
/* Die Ids sind in css/menues.css */

div.oben  
 {
 margin: 0px auto;
 width: 1000px;
 height: 160px;
 text-align: justify;
 background-image:url(../img/oben.jpg);
 background-repeat:no-repeat;
 border: 0px solid #000000;
 }
 
/* Klasse speziell für den linken Bereich der Website */
/* Schließt die Subnavi und die ESTIEM/VWI/invoa-Logos ein */
/* Die Ids sind in css/menues.css und css/bilder-links.css */

 div.links
 {
 width: 170px;
 float:left;
 margin-left: 20px;
 overflow: hidden;
 border: 0px solid #000000;
 }

/* Um den Content vom Kopfbereich zu trennen wird die Klasse "content" benötigt. */
/* In dieser Klasse liegen die id's für den Content und den Blog  */
/* Die Ids sind in css/content.css */

div.normal
 {
 margin: 0px auto;
 width: 1000px;
 overflow: hidden;
 text-align: justify;
 border: 0px solid #00FF00;
 }  
  
/* Klasse speziell für den linken Bereich der Website */
/* Schließt die Subnavi und die ESTIEM/VWI/invoa-Logos ein */
/* Die Ids sind in css/menues.css und css/bilder-links.css */

div.rechts
 {
 position: absolute;
 margin-left: 840px;
 margin-top: 110px;
 border: 0px solid #000000;
 }

/* Klasse speziell für die Foerderer und die Footer-Navi */
/* Die Ids sind in css/menues.css und css/bilder-links.css */
div.unten  
 {
 margin: auto;
 width: 1000px;
 height: 131px;
 text-align: justify;
 background-image:url(../img/unten.jpg);
 background-repeat:no-repeat;
 border: 0px solid #000000;
 }
 
 /* id für das SWING-Logo oben links */
#logo
{
margin: 0px auto;
width:135px;
height:135px;
float:left;
border:0px solid #000000;
}