*  { padding: 0; margin: 0; }
 html { height: 101%; } /*Firefoxbug*/
body {
         margin: 0; padding: 0;
         text-align: center;
         color: #000;
         background: #F1f1f1 url(../images/hgred.gif);
         background-repeat: repeat-x; }

h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 1em;list-style-type:none; }
li { margin-left: 8px; list-style-type:none;}
h3{      text-transform: uppercase;
         font-family: Trebuchet MS, Arial, Geneva, Helvetica, Verdana, sans-serif;}


acronym {border: none;}
a        {text-decoration: none;}
a:link   {color: rgb(93,123,185);} /*footerblau*/
a:visited {color: rgb(0,0,0);}
a:hover  {text-decoration: underline;}

#container
         {width: 780px;
         margin: 0px auto 0; padding: 0;
         position: relative; text-align: left; background:#fff;}

#Header {background: url(../images/head.gif) 0 0 no-repeat;
         height: 181px;
         width: auto; }
#Header h1
         {background: transparent;
         height: 121px; width: 230px;
         position: absolute;
         top: 30px; left: 20px; margin: 0;
         z-index: 101;}

#Header h1 a:visited {color: #fff; background: transparent;}

#Header h1 span {visibility: hidden;}
#Header h2
         {position: absolute;
         top: 134px; right: 140px; margin: 0; padding: 0;
         color: rgb(91,131,104);
         text-transform: lowercase;
         letter-spacing: 0.2em;
         font-style: italic;
         font-size:  1em;
         font-family:  Trebuchet MS, Helvetica, Arial,  Verdana, sans-serif;
         text-align: right;
         z-index: 102;}

#Header h2 acronym {text-transform: uppercase;}

#quickSummary
         {font: italic 1em Trebuchet MS,  Arial, Helvetica, Verdana, sans-serif;
         background: url(../images/hausup.gif) 0% 0  repeat-y;
         color: #666;
         text-align: right;
         border-bottom: 1px solid #c0c0c0;
         border-left: 2px solid rgb(228,229,233);
         margin: 0; padding: 2px 30px 2px 0px}/*braedcump Abstand und erste Überschrift*/

#quickSummary p {display: inline;}
#quickSummary p.p2 {margin-left: 0.25em;}
#quickSummary p.p2:after {content: ".";}

#navibereich {
         text-align: center;  /* zentriert */
         color: #999;
         background: url(../images/navilong.gif) 0% 0 repeat-x;
         height: 25px; width: auto;
         padding: 5px 0px 0px 0px;
         margin: 0 ;
             }
#navibereich ul
         {
         margin-bottom: 0;

   }
#navibereich li {
         display: inline;/*Navigation listenelemente nebeneinander anzeigen*/
         list-style-type: none;/*ohne aufzählungspunkte*/
         margin: 0 ;
               /* war vorher 10px für rechts */
   }
#navibereich a {

         color: rgb(160,32,49);
         background-image: url(../images/navilong.gif);
         font-size: 14px;
         font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
         text-transform: uppercase;
         padding: 1px 15px 0px 15px;
         border: 1px solid #999;

   }
#navibereich a:link {

         color: rgb(160,32,49);
         background: url(../images/navilong.gif) repeat-x;
         font-size: 14px;
         font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
         text-transform: uppercase;
         letter-spacing: 0px;
         padding: 1px 15px 0px 15px;
         border: 1px solid #999;
   }

#navibereich a:visited {
         background: url(../images/navilong.gif); background-position:bottom;
                }
 #navibereich a:hover, a:focus,

             #start #navi01 a,
             #inhalt #navi02 a,
             #kontakt #navi03 a,
             #aktuell #navi04 a,
             #verein #navi05 a,
             #mieterinnen #navi06 a,
             #vermietung #navi07 a
             {color: #fff;background: rgb(160,32,49); border-bottom:1px solid #999; }

#navibereich a:active {
         color: #fff;
         background: rgb(160,32,49);
}

#fliess, #absatzText
         {

         padding-left: 220px;
         line-height: 1.66em;
         color:  rgb(98,62,126);   /*lila*/
         font-family: Geneva, Verdana, Arial, Helvetica, Trebuchet MS, sans-serif;
         }/*Schrift bei linker spalte auf padding-left */

.gray {
        color: #666666;
        font-weight: bold;}
span  {
        color:  rgb(160,32,49);
        font-weight: bold;}

.zahl{color: #333; }

#fliess p, #absatzText p {
         font-size: 80%;
         line-height: 1.66em;
         margin: 0 5px 0 0;
         padding: 0;
         }
#fliess p.p2{
         font-size: 80%;
         line-height: 1.66em;
         text-align: justify;
         margin: 0 5px 0 0;
         padding: 0;
         }

#fliess h3, #absatzText h3 {
         letter-spacing: 0.05em;
         font-style: italic;
         font-size:  1.2em;
         font-family: Trebuchet MS, Arial, Geneva, Helvetica, Verdana, sans-serif;
         color: rgb(160,32,49);
         margin: 0.3em 0 0.5em 0;
         border-bottom: 0px solid #c0c0c0;}

#fliess {border-top: 0px solid #c0c0c0;
         background: url(../images/left.gif) 0% 0% repeat-y;}/*diese Werte für die linke Spalte auf 0 prozent setzen*/

#absatzText {
         background: url(../images/left.gif) 0% 0 repeat-y;}

#fliess, #explanation, #participation, #benefits, #requirements {
         padding-left: 265px; border-left: 2px solid rgb(228,229,233);
         border-right: 2px solid rgb(228,229,233);   /*linie für den gesamten rechten Rand*/
         padding-top: 1px;
         padding-bottom: 10px;}/*abstand vor dem Footer*/

#requirements {
         border-bottom: 1px solid rgb(184,214,194);
         background: url(../images/hausup.gif) 100% 100% no-repeat;
         padding-bottom: 5px;}



#fliess h4 {
         color: rgb(160,32,49);
         padding-bottom: 5px;
         padding-top:8px;
         font-family: Trebuchet MS, Arial, Geneva, Helvetica, Verdana, sans-serif;  }

#fliess h5 {color: #666666;}

.ticker{
        color: #669900;
        font-family: Trebuchet MS, Geneva, Arial, Helvetica, Verdana, sans-serif;
        font-size: 85%;
        line-height: 1.66em;
        height: 10px;
        }

div.galerie {
         float: left;
         width: 465px;  /* Gefloatete Elemente immer mit width */
         background-color: #fff;
         background: url(../images/bellaklein.gif)100% 50% no-repeat;
         padding: 10px 0 5px 5px;
         margin-bottom: 5px;
         border: 1px solid rgb(228,229,233);}

div.galerie img {
         float: left;
         margin-right: 10px;
         margin-bottom: 5px;
}

.clearing { clear: both; }


  /*========================
Tabellenformatierung
=======================*/
.tr{     border: 1px solid rgb(200,200,200);
background: #fff;
         margin: 5px 0px;  /*abstand zwischen den Table*/
         padding:0;}

.td,   .tdgrauhell {
         font-size: 83%;
         font-family:   Futura, Geneva, Verdana, Arial, Helvetica, sans-serif;
         color:rgb(55,55,55);
         line-height:1.3em;
         background: transparent;
         font-weight:bold;
         border: 0px solid rgb(228,229,233);
         padding: 2px 2px 2px 10px;

}
.tdbild             {
         padding: 0;}

.tdgrau {

         font-size: 85%;
         color:  rgb(160,32,49);
         background: transparent;
         border: 0px solid rgb(160,32,49);
         font-family:  'trebuchet-MS', Futura, Verdana, Arial, Geneva, Futura, Helvetica, sans-serif;
         text-transform:uppercase;
         line-height: 1.3em;
         padding: 2px 2px 2px; 8px;
                     }
.tdpreise {
         font-size: 85%;
         font-family: 'trebuchet-MS', Futura, Verdana, Geneva,  Arial,  Helvetica, sans-serif;
         color:rgb(46,46,46);
         font-weight:bold;
         line-height:1.3em;
         text-transform:uppercase;
         background: #ffffff url(../images/tdhgli.gif);
         border-bottom: 1px  solid rgb(228,229,233);
         padding: 2px 0px 2px; 0px;}

 .tdgrauhell {
         width: 385px;
         color: #8E8E8E;
         background: #fff;
         text-transform: Uppercase;
         border-top: 0px  solid rgb(228,229,233);}

.tdfett {
         font-size: 83%;
         font-family: Verdana, Geneva, Arial, Futura, Helvetica, sans-serif;
         color:rgb(64,64,64);
         font-weight:bold;
         background: transparent;
         border-bottom: 0px  solid rgb(228,229,233);
         padding: 2px 3px;}
/*##################################################################*/
/*Kultururarchiv*/
div.infoBox {
        padding:0px;
        margin:0;
        width:480px;
        border: 1px solid rgb(170,171,174);
        background: #FFF url(../images/images/bg_top.png) top left no-repeat;

}
div.infoBox p{
        padding:10px 0px 10px 10px;
        margin:0;
        width:460px;
        border: 0px solid #666;
        background: transparent;
        }
div.infoBox h2 {
        margin:0;
        padding:10px 0 10px 10px;
        font:normal 120% 'Trebuchet MS', Arial, Gill Sans, sans-serif;
         background: rgb(228,229,233) url(../images/images/bg_teaserTop.png) bottom left no-repeat;

        color: rgb(160,32,49);  /*red*/
}
div.infoBox h4 {
        margin:0;
        padding:10px 0 10px 10px;
        font:normal 100% Georgia, "Times New Roman";
        background: #fff;

}
div.infoBox img {
         float: left;
         margin-top: 10px;
         margin-right: 15px;
         margin-bottom: 5px;
         border: 0px solid rgb(170,171,174);
}
div.infoBox blockquote {
        margin:0;
        padding:0 5px 8px 110px;

}
div.infoBox blockquote p {

        margin:0;
        padding:0 2px 0px 0px;
        width: 430px;
        border: 0px solid #666;
}
div.infoBox blockquote h4 {
        color: rgb(160,32,49);

         font-family: Trebuchet MS, Arial, Geneva, Helvetica, Verdana, sans-serif;
        margin:0;
        padding:0 2px 0px 0px;
        width: 360px;
        border-bottom: 0px solid #666;
}
div.infoBox blockquote a {

        background: transparent url(../images/images/pfeil.gif) center left no-repeat;
        color: rgb(93,123,185);/*blau*/
        padding:0 10px 0 10px;
        margin:2px 0 6px 0;
        border: 0px solid #666;

        text-decoration:none;
}
div.infoBox p.content {
        color: rgb(160,32,19);
        height: 30px;
        margin:0;
        border-top: 0px solid #c0c0c0;
        padding: 2px 0px 10px 10px;
        background: rgb(228,229,233) url(../images/images/bg_teaserBottom.png) bottom left no-repeat;
}
/*kulturarchiv*/
/*##################################################################*/
/*##################################################################*/
/*mieterinnen*/
div.mieterbox {

        padding:100px 0px 10px 0px;
        margin:0;
        width:424px;
        border: 1px solid rgb(170,171,174);
        background: #E0DBDF url(../images/mieterin/hebammenpraxis.jpg) top left no-repeat;

}
div.mieterbox p{
        padding:0;
        margin: 0;
        width:424px;
        border: 0px solid #666;
        background: transparent;
        }
div.mieterbox h2 {
        margin:0;
        padding:10px 0 10px 10px;
        font:normal 120% 'Trebuchet MS', Arial, Gill Sans, sans-serif;
         background: rgb(228,229,233) url(../images/images/bg_teaserTop.png) bottom left no-repeat;

        color: rgb(160,32,49);  /*red*/
}
div.mieterbox h4 {
        margin:0;
        padding:10px 0 10px 0px;
        font:normal 100% Georgia, "Times New Roman";
        background: transparent;

}
div.mieterbox img {
         float: left;
         margin-top: 10px;
         margin-right: 15px;
         margin-bottom: 5px;
         border: 0px solid rgb(170,171,174);
}
div.mieterbox blockquote {
        margin:0;
        padding:0 5px 8px 110px;

}
div.mieterbox blockquote p {

        margin:0;
        padding:0 2px 0px 0px;
        width: 420px;
        border: 0px solid #666;
}
div.mieterbox blockquote h4 {
        color: rgb(160,32,49);

         font-family: Trebuchet MS, Arial, Geneva, Helvetica, Verdana, sans-serif;
        margin:0;
        padding:0 2px 0px 0px;
        width: 360px;
        border-bottom: 0px solid #666;
}
div.mieterbox blockquote a {

        background: transparent url(../images/images/pfeil.gif) center left no-repeat;
        color: rgb(93,123,185);/*blau*/
        padding:0 10px 0 10px;
        margin:2px 0 6px 0;
        border: 0px solid #666;

        text-decoration:none;
}
div.mieterbox p.content {
        color: rgb(160,32,19);
        height: 30px;
        margin:0;
        border-top: 0px solid #c0c0c0;
        padding: 2px 0px 10px 10px;
        background: rgb(228,229,233) url(../images/images/bg_teaserBottom.png) bottom left no-repeat;
}
/*mieterinnen*/
/*##################################################################*/

#footer {margin: 0;
         height: auto;
         background: rgb(93,123,185);
         border-top: 1px solid rgb(192,192,192);
         padding: 1.5em 1em 1em 0.5em;
         text-align: center;
         color:#fff;
         font-family: Futura, Arial, Helvetica, Verdana,  sans-serif;
         font-size: 75%;
        }

#footer a {
         color: rgb(160,32,49);
         line-height: 1em;
         font-size: 1.15em;
         padding: 0 0 3px 0;
         font-style: normal;/*die meisten Browser stellen address kursiv dar, deshalb normal definieren*/ }

#footer  a:visited {
         color: #fff;
         background: transparent;
         font-style: normal;/*die meisten Browser stellen address kursiv dar, deshalb normal definieren*/ }


#linkList {
         position: absolute;
         width: 230px;
         top: 240px; left: 0px;
         border:0px solid #336699;
         margin-top: 0;
         padding-left: 0px;
         background: url(../images/navileft.gif) 0 0 repeat-y;
         z-index: 11;}



#linkList ul {
         margin: 0em 0em 0 0em; padding: 0; }

#linkList li {
         list-style: none;
         border: 0px solid #c0c0c0;
         padding-left:0px;
         background:transparent;
         width:230px;}
#linkList a {
         color: rgb(160,32,49);
         font: bold 1.15em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
         text-transform: none;}
#linkList h3 {
         margin: 0;
         width: 230px; height: 15px;
         background: rgb(93,123,185);}  /*blau*/
#linkList h4 {
         margin: 0 0 5px 0;
         width: 210px;
         height: 30px;
         padding: 5px 0px 0 25px;
         letter-spacing: 3px;
         color: rgb(93,123,185);
         border-bottom: 1px solid #999;
         font: normal  120% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
         background: rgb(228,229,233) url(../images/images/bg_teaserTop.png) bottom left no-repeat;

        color: rgb(160,32,49);  /*red*/}
#lselect h3 {background:transparent;}

#larchives h3 {background:transparent;}
#linkList h3 span {display: none;}
#lselect li {
         font-size: 80%;
         margin-bottom: 0.30em;
         border-bottom: 1px solid #999;}

#lselect li a {
         display: block;
         font-weight: bold;
         letter-spacing: 0.1em;
         text-transform: lowercase;}

#lselect li a:hover, a:focus{

         padding-left: 10px;
         background-color:#f1f1f1;
         margin-right: 0px; }

#lselect li a.c  {
         display: inline;
         font: bold 1.15em Trebuchet MS, Verdana, Arial, Helvetica,  sans-serif;
         letter-spacing: 0.1em;
         text-transform: none;

         color:rgb(160,32,49);}/*rote linkfarbe*/

#larchives li, #lresources li {margin-bottom: 0.5em; }
#larchives li a, #lresources li a {color: #666;}

address {
        text-align: center;
        font-size: 80%;
        font-style: normal;/*die meisten Browser stellen address kursiv dar, deshalb normal definieren*/
        letter-spacing: 2px;
        line-height: 1.5em;
        color:#fff;
         }