/**
 * Main CSS Stylesheet
 *
 * @copyright Copyright mm-design Monika Müri
 * @version 1.0
 * 
 * Adapted to Reformierte Kirche Brugg layout by mm-design.ch 2008
 */

/* Important colors:
   #eeeeee    body-color Background
   #FFFFFF    content
   #BBBBBB    grau fuer den Header
   #B1D8BB    gruen   fuer Balcken
   #005500    Titel Gruen
   #005500    Gruen Titel-Schrift
   #000000    schwarz Titel-Schrift
   #666666    Text-Schrift Grau
   #40B060    Link
   #A6D3A6    border-color
*/




body      { background-color: #eeeeee;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 16px;
            color: #666666 ;
            text-align: center;  /* Hack fuer IE */
}
 
p {
  font-size: 0.8em;
  line-height: 1.2em;
}
 
a:link    { color:#40B060; text-decoration:none;
          }
a:visited { color:#40B060; text-decoration:none;
          }
a:hover   { color:#666666; text-decoration: none; 
          }
          
div#frame {
  background-color: #FFFFFF;
  
  width: 820px;
 /*  height: 600px; */
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  text-align: left;  /* Hack fuer IE */
  }
  
div#navigation {
  float: left;
  margin-top: 0px;
  background-color: #ffffff;
  width: 180px;
  height: 600px;     /* gibt die minimale Fensterhoehe an */
  background-image: url(bilder/logo_gruen.jpg);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  border-width: 0px 1px 1px  0;
  border-color:#A6D3A6  ; 
  border-style: solid;
  font-weight: bold;
  color: #005500 ; /* list-style-color */ 
}

div#navigation ul {
  margin: 200px 0 0 15px;
  padding: 7px 2px 10px 8px; 
  list-style-type: disc;
  font-size: 0.8em;
} 

div#navigation li {
  margin: 6px 0 0 0;
  padding: 0px; 
} 

div#navigation2 ul{
  margin: 10px 0 0 40px;
  padding: 0px; 
  list-style-type: disc;
  font-size: 0.8em;
} 

div#navigation2 ul li {
  margin: 0px 0 0 0;
  padding: 0px; 
}

div#header {
  float: left; 
  background-color: #BBBBBB;
  padding: 0;
  width: 639px;
  height: 91px;
} 

div#headeroben {
  background-color: #B1D8BB;
  width: 639px;
  height: 5px;
  border-bottom:3px solid #FFFFFF;
  padding: 0px;
  font-size: 4px;    /* Hier nachher wieder kleiner machen */
}

div#headerunten {
  background-color: #FFFFFF;
  width: 639px;
  height: 63px;
  margin-top:15px;
  padding: 0px;
}

div#haupttitel {
  margin: 0;
  position: relative;
  top: 20px;
  left: 20px;
  color: #005500;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
} 

div#content {
  float: left; 
  background-color: #ffffff;
  width: 639px;
}

div#hauptbild {
  float: right; 
  margin: 8px 0 8px 8px;
}

div#content h4 {
  color: #40B060; ;
  font-size: 0.9em;
  font-weight: bold;
  padding: 16px 12px 0px 16px;
  margin: 0;
  text-align: left;
}

div#content h5 {
  color: #666666 ;
  font-size: 0.8em;
  font-weight: bold;
  padding: 16px 12px 0px 16px;
  margin: 0;
  text-align: left;
}

div#content p {
  color: #666666 ;
  font-size: 0.8em;
  font-weight: normal;
  padding: 16px 12px 0px 16px;
  margin: 0;
  text-align: left;
}

div#content div.foto {
  padding: 16px 12px 0px 16px;
  margin: 10px 0 0 0;
  
}

div#content div.foto div.bild {
  border: 0px;
  margin: 0;

}

div#content div.foto div.legende {
  color: #666666 ;
  font-size: 0.8em;
  font-weight: normal;
  padding: 10px 12px 0px 0px;
  margin: 0;
  text-align: left;
}

table#daten {
  color: #000000;
  font-size: 0.8em;
  font-weight: normal;
  padding: 16px 12px 0px 16px;
  margin: 0;
  text-align: left;
}

table#daten td.datum{
  width: 470px;
}

table#daten td.zeit {
  width: 100px;
}

table#daten td.ort{
  width: 100px;
}




div#ende {
  background-color: #ffffff;
   height: 50px;
  clear: both;
  

}
div#footer {
  background-color: #eeeeee;
  width: 820px;
  height: 25px;
  font-size: 0.7em;
  color: #005500;
  margin: 0;
  padding-top: 3px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;  /* Hack fuer IE */
}