/* +++ Allgemeine Deklarationen +++ */
body, html {margin: 0px; padding: 0px;}

* {margin: 0px; padding: 0px;}

body  {
  font-family: Verdana, Arial, Tahoma, sans-serif; 
  font-size: 11px; 
  line-height: 16px; 
  color: #5d6061; 
  font-style: normal;
  font-weight: normal;
  font-variant: normal;	
  background-color: #ffffff;
  text-align: center;                /*Einstellung der Zentrierung fuer IE im Browserfenster*/
}

td  {
  font-family: Verdana, Arial, Tahoma, sans-serif; 
  font-size: 11px; 
  line-height: 16px; 
  color: #5d6061; 
  font-style: normal;
  font-weight: normal;
  font-variant: normal;	
  background-color: #ffffff;
  text-align: left;
}

.bild img {display: block;}          /*Deklaration -> kein weisser Rand unterhalb der Bilder oben*/
#awo_claim img {display: block;}

.linie {
  height: 5px;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 1px;
  color: #5d6061;
  background-color: #ffffff;
}

/* +++ Deklarationsblock fuer den aeusseren Container +++ */
#container {
  margin-top: 16px;
  margin-left: auto;                 /*Einstellung der Zentrierung fuer andere Browser im Browserfenster ausser IE*/
  margin-right: auto;                /*Einstellung der Zentrierung fuer andere Browser im Browserfenster ausser IE*/
  width: 962px;
  min-height: 580px;
  background-image: url(../images/awo_bg_962.gif);  
  background-repeat: repeat-y;
  text-align: left; 
}

/* +++ Deklarationsblock fuer die linke Spalte +++ */
#spalte_links {
  width: 261px;
  float: left;
}

/* +++ Deklarationsblock fuer den Container mit der Hauptnavigation +++ */
#hauptnavi {
  font-weight: bold;
/*line-height: 25px;*/              /*Einstellung, falls anderer Zeilenvorschub gewuenscht!*/
  text-align: left;
  margin-top: 13px;
  margin-left: auto;
  margin-right: auto;
  width: 218px;                       /*Breite wie Lageplan, Kontakt - rechte Spalte!*/ 
  overflow: hidden; 
}

#naviende {
  width: 218px;                       /*Gepunktete Linie: Breite wie Lageplan, Kontakt - rechte Spalte!*/
  height: 15px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px dotted #ffffff;
}

/* +++ Deklarationsblock fuer die mittlere Spalte +++ */
#spalte_mitte {
  margin-left: 5px;
  margin-right: 5px;
  width: 430px;
  float: left;
}

/* +++ Deklarationsblock fuer den Container mit dem Inhalt +++ */
#inhalt {
  margin-top: 8px;
  margin-left: 19px;
  margin-right: 19px;
  margin-bottom: 15px;
  overflow: hidden; 
}

/* +++ Deklarationsblock fuer den Seitentitel +++ */
#headline1 {
  font-weight: bold; 
  color: #cd0050;
  background-color: #e1e3e2; 
  margin-top: 10px; 
  margin-bottom: 10px;
  overflow: hidden;
}

/* +++ Deklarationsblock fuer Links im Inhaltsbereich +++ */
#inhalt a {color: #5d6061; background-color: #e1e3e2;} 
#inhalt a:hover {text-decoration: none;}

/* +++ Deklarationsblock fuer Links im Inhaltsbereich der Seite "Aktuelles" +++ */
#inhalt a.aktuelle_links {font-weight: normal; color: #cd0050; background-color: #e1e3e2; text-decoration: none;} 

/* +++ Deklarationsblock fuer die rechte Spalte +++ */
#spalte_rechts {
  width: 261px;  
  float: left;
}

/* +++ Deklarationsblock fuer die Hintergrundanimation im AWO-Claim +++ */
#awo_claim {background: url(../images/animation.gif) no-repeat center center;}

/* +++ Deklarationsbloecke fuer den Container mit der Hilfsnavigationen: Modul id="meta" +++ */
#meta {
  font-size: 9px;
  line-height: 12px;
  font-weight: bold;
  text-align: left;
  margin-top: 11px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 11px;
  width: 243px;         /*Breite: Groesser wie Lageplan wegen Leerzeichen vor Doppelpfeil!*/
  overflow: hidden; 
}

#meta a, a:hover {color: #5d6061; background-color: #ffffff; text-decoration: none;}

/* +++ Deklarationsblock fuer den Container mit dem Lageplan +++ */
#lageplan {
  text-align: left;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  width: 230px;                       /*Breite wie Hauptnavigation, Kontakt*/
  border-top: 2px dotted #5d6061;
}

/* +++ Deklarationsbloecke fuer den Container mit den Kontaktdaten +++ */
#kontakt {
  font-size: 9px;
  line-height: 12px;
  text-align: left; 
  padding-top: 10px;
  margin-left: auto;  
  margin-right: auto;
  margin-bottom: 15px;
  width: 230px;                       /*Breite wie Hauptnavigation, Lageplan!*/
  clear: left;                        /*Wichtig! Korrekte Anzeige des oberen, gepunkteten Randes*/
  border-top: 2px dotted #5d6061;
}

#kontakt a {color: #5d6061; background-color: #ffffff;}

#xyz  {
   clear: both;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
   Formatierung der verwendeten Contenido-Module 4.6.23 
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Formatierung des Moduls Navigationspfad: Modul id="bc" +++ */
/* #bc ->  falls Deklaration erforderlich! */ 
#bc a {font-size: 9px; line-height: 13px; color: #5d6061; background-color: #e1e3e2; text-decoration: none;}

/* +++ Formatierung des Moduls Hauptnavigation +++ */
/* +++ Erste Ebene:  templates/navifirst_off.html, navifirst_on.html, navifirst_open.html +++ */

#hauptnavi .first_passive {
  padding-top: 5px; 
  padding-bottom: 0px; 
  margin-top: 5px;
  border-top: 2px dotted #ffffff;
}

#hauptnavi .first_active {
   padding-top: 5px; 
   padding-bottom: 0px; 
   margin-top: 5px;
   border-top: 2px dotted #fdd790;
}

#hauptnavi .first_open {
   padding-top: 5px; 
   padding-bottom: 0px; 
   margin-top: 5px;
   border-top: 2px dotted #fdd790;
}

#hauptnavi a.firstleft_passive {
   display: block;
   margin-bottom: 0px;
   padding-left: 14px;
   text-decoration: none;
   color: #ffffff;
   background-color: #e2001a;
   background: url(../images/pfeil_weiss.gif) no-repeat left 5px;  
} 

#hauptnavi a.firstleft_active {
   display: block;
   margin-bottom: 0px;
   padding-left: 14px;
   text-decoration: none;
   color: #ffffff;
   background-color: #e2001a;
   background: url(../images/pfeil_orange.gif) no-repeat left 5px;  
} 

#hauptnavi a.firstleft_open {
   display: block;
   margin-bottom: 0px;
   padding-left: 14px;
   text-decoration: none;
   color: #ffffff;
   background-color: #e2001a; 
   background: url(../images/pfeil_orange.gif) no-repeat left 5px; 
} 

/* +++ Zweite Ebene: templates/navsecond_off.html ...  +++ */
#hauptnavi a.secondleft_passive {
   display: block;
   margin-left: 16px;
   margin-bottom: 0px;
   padding-left: 12px;
   text-decoration: none;
   color: #ffffff;
   background-color: #e2001a;
   background: url(../images/1punkt_weiss.gif) no-repeat left 5px;
} 

#hauptnavi a.secondleft_active {
   display: block;
   margin-left: 16px;
   margin-bottom: 0px;
   padding-left: 12px;
   text-decoration: none;
   color: #fdd790;
   background-color: #e2001a;
   background: url(../images/1punkt_orange.gif) no-repeat left 5px; 
}

#hauptnavi a.secondleft_open {
   display: block;
   margin-left: 16px;
   margin-bottom: 0px;
   padding-left: 12px;
   text-decoration: none;
   color: #ffffff;
   background-color: #e2001a;
   background: url(../images/1punkt_weiss.gif) no-repeat left 5px; 
} 

/* +++ Dritte Ebene: templates/navthird_off.html ... +++ */
#hauptnavi a.thirdleft_passive {
   display: block;
   margin-left: 22px;
   margin-bottom: 0px;
   padding-left: 18px;
   text-decoration: none;
   color: #fdd790;
   background-color: #e2001a;
   background: url(../images/2punkt_orange.gif) no-repeat left 5px;  
} 

#hauptnavi a.thirdleft_active {
   display: block;
   margin-left: 22px;
   margin-bottom: 0px;
   padding-left: 18px;
   text-decoration: none;
   color: #dd9b66;
   background-color: #e2001a;
   background: url(../images/2punkt_orange_rot.gif) no-repeat left 5px;   
} 

#hauptnavi a.thirdleft_open {
   display: block;
   margin-left: 22px;
   margin-bottom: 0px;
   padding-left: 18px;
   text-decoration: none;
   color: #fdd790;
   background-color: #e2001a;
   background: url(../images/2punkt_orange_rot.gif) no-repeat left 5px;  
} 

/* +++ Vierte Ebene: templates/navfourth_off.html ... +++ */
#hauptnavi a.fourthleft_passive {
   display: block;
   margin-left: 24px;
   margin-bottom: 0px;
   padding-left: 24px;
   text-decoration: none;
   color: #fdd790;
   background-color: #e2001a;
   background: url(../images/3punkt_orange_rot.gif) no-repeat left 5px;  
} 

#hauptnavi a.fourthleft_active {
   display: block;
   margin-left: 24px;
   margin-bottom: 0px;
   padding-left: 24px;
   text-decoration: none;
   color: #dd9b66;
   background-color: #e2001a;
   background: url(../images/3punkt_orange_rot.gif) no-repeat left 5px;   
} 

#hauptnavi a.fourthleft_open {
   display: block;
   margin-left: 2px;
   margin-bottom: 0px;
   padding-left: 24px;
   text-decoration: none;
   color: #da9484;
   background-color: #e2001a;
   background: url(../images/3punkt_orange_rot.gif) no-repeat left 5px;  
} 

/* +++ Fuenfte Ebene: templates/navfifth_off.html ... +++ */
#hauptnavi a.fifthleft_passive {
   display: block;
   margin-left: 30px;
   margin-bottom: 0px;
   padding-left: 30px;
   text-decoration: none;
   color: #ffffff;
   background-color: #e2001a;
/*background: url(../images/4punkt_weiss.gif) no-repeat left 5px;*/  
} 

#hauptnavi a.fifthleft_active {
   display: block;
   margin-left: 30px;
   margin-bottom: 0px;
   padding-left: 30px;
   text-decoration: none;
   color: #fdd790;
   background-color: #e2001a;
/*background: url(../images/4punkt_orange.gif) no-repeat left 5px;*/   
} 

#hauptnavi a.fifthleft_open {
   display: block;
   margin-left: 30px;
   margin-bottom: 0px;
   padding-left: 30px;
   text-decoration: none;
   color: #fdd790;
   background-color: #e2001a;
/*background: url(../images/4punkt_orange.gif) no-repeat left 5px;*/  
} 

/* +++ Formatierung des Moduls Kontakt: templates/kontaktformular.html +++*/
.small {
  font-size: 9px;
}

#kontaktform td {
  color: #5d6061;
  background-color: #e8e8e9;
}

