/* ---------------------------------------------------------- */
/*                      Basisdefinitionen                     */
/* ---------------------------------------------------------- */
/*                 Definitionen f�r Kreis 8                   */

body    {
  margin: 0px;
  padding: 15px;
  font-family: Open Sans,Verdana,Arial,sans-serif;
  font-size: 18px;
  background-color: #dbe2dc;
  color: #2c3b68;
}
a   {
  color: #c8cece;
  text-decoration: none;
}
a:hover   {
  color: #eff3f3;
}
.kopf   {
  padding: 0px;
  width: 998px;
  height: 100px;
  background-color: #22717c;
  text-align: center;
  color: #eff3f3;
  font-size: 32px;
  background-image: url(../aa_grafik/kopf-m6sp.png);
  border: solid 1px #dbe2dc;
}
.kreis	{
    float: left;
    margin: 35px 0px 0px 150px;
    /*text-shadow: 3px 3px 6px #eff3f3;*/
    text-shadow: 5px 5px 3px #2c3b68;
}
.navbox {
  float: left;
  margin: 5px;
  padding: 0px 10px 10px 10px;
  width: 160px;
  height: 500px;
  background-color: rgba(34,113,124,0.6);
  box-shadow: 0 0 9px 1px #22575f;
}
.nav1   {
  width: 140px;
  height: 20px;
  margin-top: 1px;
  padding: 2px 0px 2px 20px;
  background-color: #22717c;
  font-size: 14px;
}
.nav1:hover   {
  width: 140px;
  height: 20px;
  margin-top: 1px;
  padding: 2px 0px 2px 20px;
  background-color: #2f4689;
  font-size: 14px;
  color: #8dbf96;
}
.nav1akv   {
  width: 140px;
  height: 20px;
  margin-top: 1px;
  padding: 2px 0px 2px 20px;
  font-size: 14px;
  background-color: #297637;
  color: #f4f8f4;
}
.nav1iakv   {
  width: 140px;
  height: 20px;
  margin-top: 1px;
  padding: 2px 0px 2px 20px;
  font-size: 14px;
  background-color: #299b3d;
  color: #f4f8f4;
}
.nav1iakv:hover   {
  width: 140px;
  height: 20px;
  margin-top: 1px;
  padding: 2px 0px 2px 20px;
  font-size: 14px;
  background-color: #297637;
  color: #f4f8f4;
}
.nav2   {
  width: 130px;
  height: 18px;
  margin-top: 2px;
  padding: 1px 0px 1px 20px;
  margin-left: 10px;
  background-color: #299b3d;
  /*color: #f4f8f4;*/
  color: #c8cece;
  font-size: 12px;
}
.nav2:hover   {
  width: 130px;
  height: 18px;
  margin-top: 2px;
  padding: 1px 0px 1px 20px;
  margin-left: 10px;
  background-color: #297637;
  color: #f4f8f4;
  font-size: 13px;
}
.nav2a   {
  width: 130px;
  height: 18px;
  margin-top: 2px;
  padding: 1px 0px 1px 20px;
  margin-left: 10px;
  background-color: #297637;
  color: #f4f8f4;
  font-size: 12px;
}

.box0   {
  margin: auto;
  width: 1000px;
  height: auto;
  background-color: #eff3f3;
  box-shadow: 0 0 12px 5px #729499;
  background-image: url(../aa_grafik/hg-box.png);
}
.box1   {
  float: left;
  margin: 10px 0px 5px 8px;
  padding: 20px;
  width: 750px;
  height: 470px;
  background-color: rgba(239,243,243,0.5);
  box-shadow: 0 0 9px 1px #729499;
}
.spalte   {
  float: left;
  margin: 0px 0px 0px 2px;
  padding: 0px;
  width: 400px;
  height: auto;
  /*height: 470px;*/
  /*background-color: #00FF80;*/
}
.box12   {
  margin: 10px 0px 15px 6px;
  padding: 19px;
  width: 350px;
  height: 270px;
  background-color: rgba(239,243,243,0.5);
  box-shadow: 0 0 9px 1px #729499;
}

.titel  {
  margin: 0px 0px 10px 0px;
  padding: 5px;
  width: 740px;
  background-color: rgba(41,118,55,0.5);
  /*color: #22717c;*/
  text-align: center;
  font-size: 24px;
  box-shadow: 4px 4px 5px 0px #729499;
}
.titel12  {
  margin: auto;
  margin-bottom: 10px;
  padding: 5px;
  width: 348px%;
  background-color: rgba(41,118,55,0.5);
  /*color: #22717c;*/
  text-align: center;
  font-size: 17px;
  box-shadow: 4px 4px 5px 0px #729499;
}
.titbld12   {
  height: 120px;
  box-shadow: 3px 3px 18px 3px #729499;
}
.titbld_12   {
  float: left;
  height: 120px;
  margin: 0px 10px 10px 0px;
}