body {
        text-align:center;
        background:#ecebe9;
        font-family: garamond, verdana, arial;
        margin:0 auto;
        font-size: 100%;
}

#clearer {clear:both;}
p {
      font-family: garamond, verdana, arial;
      font-size: 100%;
      letter-spacing: 0.5px;
      color: #4c4a4b;
      text-align: left;
      line-height: 16px;
      padding: 0 0 0 20px;
      }

p.float {
      float: left;
          width: 250px;
          font-family: garamond, verdana, arial;
      font-size: 100%;
      letter-spacing: 0.5px;
      color: #4c4a4b;
      text-align: left;
      line-height: 16px;
      padding: 0 0 0 20px;
      }

p.google_maps {
      float: left;
          width: 250px;
          margin-top: -5px;
          margin-left: 40px;
      }

p.logokanzleialsterarkaden {text-align: right; margin-top: -20px;}

ul {
                list-style-image:url(../images/arrow_small.gif);
      font-family: garamond, verdana, arial;
      font-size: 100%;
      letter-spacing: 0.5px;
      color: #4c4a4b;
      text-align: left;
      line-height: 16px;
      padding: 0 0 0 40px;
      }

.teaser {
      font-family: garamond, verdana, arial;
      font-size: 90%;
      letter-spacing: 0.2px;
      color: #4c4a4b;
      text-align: left;
      line-height: 14px;
      padding: 0 5px 0 10px;
      }
.teaser_mehr {
      padding: 0px 5px 0 10px;
      }

a {
      font-family: garamond, verdana, arial;
      font-size: 100%;
      letter-spacing: 0.5px;
      color: #4c4a4b;
      text-decoration: none;
      }

a:hover {
      font-family: garamond, verdana, arial;
      font-size: 100%;
      letter-spacing: 0.5px;
      color: #DC40A6;
      text-decoration: underline;
      }

.teaser_link {
      font-family: garamond, verdana, arial;
      letter-spacing: 0.5px;
      color: #4c4a4b;
      text-decoration: none;

      }

.teaser_link:hover {
      font-family: garamond, verdana, arial;
      letter-spacing: 0.5px;
      color: #DC40A6;
      text-decoration: underline;
      }
h2 {
      font-family: garamond, verdana, arial;
      font-size: 120%;
      font-weight: bold;
      color: #4c4a4b;
      text-align: left;
      letter-spacing: 1.3px;
      padding: 0 0 0 20px;
      }

.teaser_h2 {
      font-family: garamond, verdana, arial;
      font-size: 100%;
      font-weight: bold;
      color: #828a92;
      text-align: left;
      letter-spacing: 1.3px;
      padding: 0 5px 0 10px;
      width: 150px;
      float: left;
      }


h3 {
      font-family: garamond, verdana, arial;
     font-size: 100%;
      font-weight: bold;
      color: #4c4a4b;
      text-align: left;
      padding-left: 20px;
      letter-spacing: 0.5px;
      margin-bottom: -15px;
      margin-top: 5px;

      }
img.arrow {width:20px; float:left; margin-top:12px; margin-left: 5px;}

#container {

         width: 850px;
         padding: 0 0;
         background-color: #fff;
         margin: 20px auto 0px auto;
         border: 1px solid #e4e3df;
         text-align: center;
}

#header {
        width: 100%;
        text-align:left;
        padding: 0 0 0 0;

         }

#logo {
         width: 200px;
         margin-left: 5px;
         text-align:left;
         padding: 0 0;
         margin-top: 20px;
         float: left;
          z-index:2;
         }

#outer {
         width: 600;
         text-align:left;
         padding: 0 0;
         float: left;
         }

#content {
         width: 850px;
         height: 330px;
         border: 0px solid;
         margin: 0px auto;

}

#content_kontakt {
         width: 850px;
         height: 350px;
         border: 0px solid;
         margin: 0px auto;
}

#content_impressum {
         width: 850px;
         height: 695px;
         border: 0px solid;
         margin: 0px auto;
}

#teaser {
         width: 200px;
         height: 300px;
         float: left;
         padding: 10px 0 0 0;
         }



#text_impressum {
         width: 850px;

         }




#text {
         width: 600px;
         float: left;
         }








#footer {
         width: 850px;
         text-align: center;
         margin: 5px auto ;
         padding: 0 0 0 0;
         background-color: #828a92;
}

#footer p {
         color: #ffffff ;
         font-family: garamond, verdana, arial;
         font-size: 90%;
         letter-spacing: 0.33pt;
         padding: 5px 0 5px 0px;
         margin: 0 0;
         text-align: center;
         background-color: #828a92;
         }

#footer a {
         color: #ffffff ;
         font-family: garamond, verdana, arial;
         font-size: 100%;
         text-decoration: none;
         letter-spacing: 0.33pt;
         }

#footer a:hover {
        color: #ffffff ;
         font-family: garamond, verdana, arial;
         font-size: 100%;  ;
         text-decoration: underline;
         letter-spacing: 0.33pt;
         }

#navcontainer {
         width: 850px;
         text-align: left;
         margin-top: 22px;

         }

#navlist {border-bottom: 1px solid #828a92; padding: 0 0 5px 5px; margin: 0 0 0 10px; width: 825px;}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 25px;
}

#navlist li a
{
display: inline-block;
height: 30px;
color: #333333;
text-decoration: none;
font-family: garamond, verdana, arial;
font-size: 12pt;
font-weight: bold;
}

#navlist li a:hover
{
display: inline-block;
color: #828a92;
text-decoration: none;
font-family: garamond, verdana, arial;
font-size: 12pt;
font-weight: bold;
background: url(../images/current.gif);
background-repeat: no-repeat;
background-position: center;
}

#navlist li a#current
{
display: inline-block;
color: #828a92;
text-decoration: none;
font-family: garamond, verdana, arial;
font-size: 12pt;
font-weight: bold;
background: url(../images/current.gif);
background-repeat: no-repeat;
background-position: center;
}



#pic {

        height:350px;
        width: 830px;
         border: 0px solid;
         text-align: left;
         margin-left: 8px;
         margin-top: 10px;


}


#pic img {
         position:absolute;
        height:350px;
        width: 830px;
         margin: 0 0 0 0;
         padding: 0 0;
        z-index:1;
}

#pic img.obersteebene {
        z-index:3;
}

#pic img.mittlereebene {
        z-index:2;
}



#picture {
        height:350px;
        width: 830px;
         border: 0px solid;
         text-align: left;
}


#pic_unterseite {

        height:350px;
        width: 830px;
         border: 0px solid;
         text-align: left;
         margin-left: 8px;
         margin-top: 10px;


}