/* CSS Document */
body {
      background-color:#fff;
      font: 11px Arial;
      margin:0;
}

img{border:0px;}
/*  --  komplette page - center  --  */
#page{
      margin:auto;
      width: 690px;
}



/*  --  inhalt  --  */
#content{
      margin-top:10px;
      width:  690px;
      height: 690px;
      color:#fff;
}

/*  --  oben links  --  */
#top_left{
      width:  343px;
      height: 343px;
      float:left; 
      background: url(images/top_left.gif) top left no-repeat;
      margin-bottom: 4px;
}

#top_left ul li {
      list-style-type: none;
      display: inline;
}

#top_left a{
    text-decoration: none;
    color:#fff;
}

#top_left a:hover{
    color:#8098BE;
}

/*  --  oben rechts  --  */
#top_right{
      width:  343px;
      height: 343px;
      float:left; 
      background: url(images/top_right.gif) top left no-repeat;
      margin-left: 4px;
      margin-bottom: 4px;
}


#leistungen-navigation{
      margin-left: 35px;
      margin-top: 135px;
}

#leistungen-navigation a {
      color:#fff;
}


#adresse_text{
      margin-left: 180px;
      margin-top: 225px;
}

/*  --  unten links  --  */
#bottom_left{
      width:  343px;
      height: 343px;
      float:left; 
      background: url(images/bottom_left.gif) top left no-repeat;
}

#mengentext{
      margin-left: 53px;
      margin-top: 59px;
}

#mengentext img {
      border:0;
      float:left;   
}

#mengentext a{
      color:#fff;
}


a#bild1{
      float:left;
      background: url(images/index_03.jpg ) top left no-repeat;
      height:205px;
      width:75px;
}

a#bild1:hover{
      background: url(images/rollover_03.gif) top left no-repeat;
      cursor:default;
}

a#bild3{
      float:left;
      background: url(images/index_05.jpg) top left no-repeat;
      height:205px;
      width:77px;
}

a#bild3:hover{
      background: url(images/rollover_05.gif) top left no-repeat;
      cursor:default;
}

/*  --  unten rechts  --  */
#bottom_right{
      width:  343px;
      height: 343px;
      float:left; 
      background: url(images/bottom_right.gif) top left no-repeat;
      margin-left: 4px;
}

#brotschrift{
      margin-left: 53px;
      margin-top: 59px;
      overflow: auto;
}

#brotschrift a{
      color:#fff;
}


.footer {margin:auto; width:690px; text-align:center; margin-top:90px;}
.footer a {text-decoration:none; color:#8098BE;}
.footer a:hover{color:#6D82A2;}

.footer ul{list-style-type:none;}
.footer ul li{float:left; margin-right:8px;}
.footer ul li a{font-size:10px;}


#dsa-content{
      margin-left: 13px;
      margin-top: 09px;
      font-size:10px;
      padding:10px;
}
#dsa-content strong {color:#002C72; font-weight:bold;}
#dsa-content2{
      margin-left: 13px;
      margin-top: 34px;
      font-size:10px;
      padding:10px;
}

#dsa-content2 strong {color:#002C72; font-weight:bold;}
#dsa-content2 h1{font-size:14px; margin:0 0 5px 0; padding:0px;}
#dsa-content h1{font-size:14px; margin:0 0 5px 0; padding:0px;}
#dsa-content p{padding-bottom:2px; font-size:11px;}
#dsa-content2 p{padding-bottom:2px; font-size:11px;}
.liste-left{ float:left;}
.liste-right{ float:right; padding-right:20px;}
.clear{clear:both;}
.stachelogo{float:right; margin-top:150px; }
.stachenavi{margin-top:305px; margin-left:32px; padding:0;}
#mengentext.stachestart{margin-left:20px;}
.unterschriftstache{margin-left:80px; display:block;}


#top_right.subnavi{background: url(images/leistungen_top_right.gif) top left no-repeat;}
#top_right.bl{background: url(images/bottom_left.gif) top left no-repeat;}