body {
      /* Microsoft Virtual Earth Bug, daher Raender nochmal in index.php! */
      margin: 0px;
      padding: 0.5em;
      padding-left: 3%;
      padding-right: 3%;

      background-color: #999999;
	    color: #000000;

      font-family: Verdana, sans-serif;
      font-size: 11pt;
	    text-align: justify;
}

/* basic stuff */
img{  /* remove automagic border around any picture element */
      border: 0px;
}

/* bigbox */
.bigbox{
      width: 100%;
      
      background-color: #ffffff;
}

.bigbox .edge{
      width: 13px;
      height: 13px;
}

  .bigbox .top{
      background-color: #fffa80;
      background-image: url('../syspix/ecken/big/re_o.gif');
      background-repeat: no-repeat; 
      background-position: right top;
  }
  
  .bigbox .top .titel{
      color: #000000;

      font-family: Arial,Helvetica,sans-serif;
      font-size: 1.2em;
      font-weight: bold;
      text-align: center;
      background-image: url('../syspix/ecken/big/li_o.gif');
      background-repeat: no-repeat; 
      background-position: left top;
  }

  .bigbox .fotoTop {
      display: block;
      margin: 0px;
      background-image: url('../syspix/topback.jpg');
      background-repeat: no-repeat; 
      background-position: left top;
      height: 50px;
      color: #fffa80;
      
      text-align: right;
      font-size: 0.7em;
      font-weight: bold;
      padding-right: 0.5em;
  }

  .bigbox .bottom{
      clear: left;
      clear: right;
      
      font-size: 0.7em;

      background-color: #e7e7e7;
      background-image: url('../syspix/ecken/big/re_u.gif');
      background-repeat: no-repeat; 
      background-position: right bottom;
  }
  .bigbox .bottom .fuszeile{
      padding-top: 0.2em;
      padding-bottom: 0.2em;
      background-image: url('../syspix/ecken/big/li_u.gif');
      background-repeat: no-repeat; 
      background-position: left bottom; 
      
      text-align: right;
      padding-right: 1.5em;
      line-height: 2em;
  }
  
  .bigbox .bottom .fuszeile a:link, 
  .bigbox .bottom .fuszeile a:visited,
  .bigbox .bottom .fuszeile a:active,
  .bigbox .bottom .fuszeile a:hover{
      text-decoration: none;
      color: #333333;
  }
  .bigbox .bottom .fuszeile a:hover{
      color: #2222ff;
      text-decoration: underline;
  }
  
  .bigbox .middle{
      background-image: url('../syspix/gartenstadt_logo_b378_h378.gif');
      background-repeat: no-repeat; 
      background-position: right bottom;
  }
  .bigbox .middle .middleTable{
      width: 100%;
  }
  /* columns */
  .bigbox .middle .middleTable .leftColumn{
    width: 16em;
    vertical-align: top;
  }
  
  .bigbox .middle .middleTable .centerColumn{
    vertical-align: top;
  }
  
/* smallbox */
.bigbox .middle .smallbox{
      width: 14em;
      background-color: #e7e7e7;
      overflow: hidden;
      padding-left: 0.5em;
      margin-bottom: 1em;
}
.bigbox .middle .smallbox .edge{
      width: 7px;
      height: 7px;
}

  .bigbox .middle .smallbox .smalltopEdgeless{
      color: #777777;
      font-size: 0.7em;
  }
  .bigbox .middle .smallbox .smalltop{
      color: #777777;
      
      font-size: 0.7em;
      
      background-image: url('../syspix/ecken/small/re_o.gif');
      background-repeat: no-repeat; 
      background-position: right top;
  }

  .bigbox .middle .smallbox .smallbottom{
      font-size: 0.7em;
  
      background-image: url('../syspix/ecken/small/re_u.gif');
      background-repeat: no-repeat; 
      background-position: right bottom;
  }

  .bigbox .middle .smallbox .smallmiddle{
      margin-left: 0.5em;
      margin-right: 0.5em;
  }
  .bigbox .middle .smallbox .smallmiddle .menu a:link, 
  .bigbox .middle .smallbox .smallmiddle .menu a:visited,
  .bigbox .middle .smallbox .smallmiddle .menu a:active,
  .bigbox .middle .smallbox .smallmiddle .menu a:hover{
      text-decoration: none;
      color: #333333;
      padding: 1px; 
      padding-left: 7px;
      padding-right: 7px;
      display: block;
      width: 100%;
  }
  
  .bigbox .middle .smallbox .smallmiddle .menu a:hover{
      background-color: #fffa80;
  }
  
  .bigbox .middle .smallbox .smallmiddle .menu .on a:link, 
  .bigbox .middle .smallbox .smallmiddle .menu .on a:visited,
  .bigbox .middle .smallbox .smallmiddle .menu .on a:active,
  .bigbox .middle .smallbox .smallmiddle .menu .on a:hover{
      text-decoration: none;
      color: #000000;
      font-weight: bold;
      letter-spacing:0.02em;
  }

  .bigbox .middle .smallbox .smallmiddle .menu ul {
                      margin: 0px;
                      padding: 0px;
                      list-style-type: none;
  }
  
  /* menu entries */
    .bigbox .middle .smallbox .smallmiddle .menu ul li {
    /* So this workaround is used for the list-bullets: */
                      margin-bottom: 1px;
                      padding-left: 20px;
                      /* background-color: #e0e0e0; */
    }
    .bigbox .middle .smallbox .smallmiddle .menu .on li {
                      /*background-color: #fafdb8;*/
    }
    .bigbox .middle .smallbox .smallmiddle .menu ul .menu_ebene_0 {
                      margin-top: 0.2em;
    }
    .bigbox .middle .smallbox .smallmiddle .menu ul .menu_ebene_1 {
                      margin-left: 1em;
                      font-size: 0.9em;
                      /* background-color: #e8e8e8; */
    }
    .bigbox .middle .smallbox .smallmiddle .menu ul .menu_ebene_2 {
                      margin-left: 2em;
                      font-size: 0.85em;
                      /* background-color: #efefef; */
    }
    .bigbox .middle .smallbox .smallmiddle .menu ul .menu_ebene_3 {
                      margin-left: 3em;
                      font-size: 0.8em;
                      /* background-color: #f8f8f8; */
    }
    .bigbox .middle .smallbox .smallmiddle .menu ul .menu_ebene_4 {
                      margin-left: 4em;
                      font-size: 0.75em;
                      /* background-color: #ffffff; */
    }
  
  .bigbox .middle .smallbox .smallmiddle .suche{
      margin: 0px;
  }
  .bigbox .middle .smallbox .smallmiddle .suche form{
      margin: 0px;
  }
  
.sessionInfo{
              font-size: 0.7em;
              color: red;
              text-align: right;
              padding: 2px;
              border: solid 2px red;
              background-color: #D3D3D3;
}