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

/* Important colors:  
   #000000  body-color schwarz
   #FFF3DF content Textfeldfarbe
   #7C6344 link Farbe
  
   #963407  Titel-Schrift
   Important measures:
   960px      Breite Fenster
   225px      Hoehe Header
   220px      breite Navigation
*/

  
body {
  background-color:  #523418 ;
  background-image: url(bilder/bg_verlauf.jpg);
  background-repeat: no-repeat; 
  margin: 0 0 0 0px;
  padding: 0;
  font-family: verdana, arial, helvetica, geneva, swiss, SunSans-Regular, sans-serif;
  font-size: 16px;
  color: #000000;
  text-align: center;  /* Hack fuer IE */
}

 
a:link    { color:#C8742B; text-decoration:none;
          }
a:visited { color:#C8742B; text-decoration:none;
          }
a:hover   { color:#ffffff; text-decoration: none; 
          }
          
div#frame {
  background-image: url(bilder/hi_aktivitaet.jpg);
  background-repeat: no-repeat;
  width: 1050px;
  height: 820px;
  /* border-left:   0px solid #ffffEE;
  border-top:    0px solid #0000EE;
  border-right:  0px solid #ffffEE; 
  border-bottom: 0px solid  #990033; */
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  text-align: left;  /* Hack fuer IE */
}

div#header {
  background-color: transparent;
  background-position: 700px 20px ;
  border: 0;
  padding: 0;
  width: 960px;
  height: 200px;
}


div#kallisophie {
  overflow: inherit; 
  border: 0;
  padding: 0;
  position: relative;
  left: 330px;
  top: 55px;
  /* height: 64px; */
  /* width: 198px; */
  height: 50px;
  width: 300px;
}
  
div#weisheit{
  overflow: inherit; 
  border: 0;
  padding: 0;
  position: relative;
  left: 420px;
  top: 75px;
  /* height: 30px;
  width: 190px; */
  height: 30px;
  width: 190px;
}
  
h1 {
  font-size: 40px;
  color: #963407;
  font-family:serif;
  font-style: italic;
  margin: 10px 0 0 110px;
  float: left;
} 

h2 {
  font-size: 18px;
  color: #ffffff;
  font-family: verdana, arial, helvetica, geneva, swiss, SunSans-Regular, sans-serif;
  font-style: normal;
  margin: 40px 20px 0px -25px;
}   
  
div#bilder {
  border: 0;
  padding: 0;
  width: 915px;
  height: 115px;
  clear: both;
} 
  
div#bilder img{
  border: 0px;
  margin: 0px 5px 0 0;
  /* width: 540px; */
  padding: 0;
}
  
   
  /* Haupt-Navigation  */
  
div#mainnav {
  /* background-color: #FFFFAA ; */
  border: 0;
  padding: 0;
  width: 960px;
  height: 25px;
} 
 
div#mainnav ul {
  padding: 3px 0px 0 0;
  margin-left:201px;
  margin-top: 0px;
  font:bold 12px tahoma, sans-serif;
}
 
#mainnav  ul li {
  list-style: none;
  margin: 0;
  display: inline;
  line-height: 20px;
  /* border-right: 1px solid #FFFFFF;  */
}
 
#mainnav  ul li  a {
  padding: 3px 19px 3px 19px;
  margin-left: 0px;
  margin-right: 0px;
  /* background-color: #FFFFAA; */
  text-decoration: none;
}

#mainnav  ul li  a:link {
  color: #ffffff ;
}
 
#mainnav  ul li  a:visited {
  color:#ffffff;
}
 
#mainnav ul li  a:hover{ 
  color: #FFFFFF;
  background-color: #7C6344;
}
 

 
#mainnav  ul li a#current {
  background-color: #7C6344;
  color: #FFFFFF;
}
 
 /* Linke Navigation im Böxli */
  
#subnav {
  float: left;
  margin-top: 0px;
  width: 220px;
  height: 320px;
  border-width: 0 0px 0px 0px;
  border-color:#7C6344; 
  border-style: solid;
  color:#FFFFFF; /* list-style-color */
}
 
#subnav ul {
  width: 150px ;
  margin: 12px 0 0 15px;
  padding: 0; 
  list-style-type: none;
  font-size: 0.8em; 
  font-weight: bold; 
  border-width: 1px 0px 0px 0px;
  border-color:#7C6344; 
  border-style: solid;
} 

#subnav li {
  margin: 0px 0 0 0;
  padding: 5px 0 ;
  border-width: 0px 0px 1px 0px;
  border-color:#7C6344; 
  border-style: solid;
} 

#subnav ul ul{
  margin: 0px 0 0 0;
  padding: 0px; 
  list-style-type: none;
  font-size: 1.0em;
} 

#subnav ul ul li {
  margin: 0px 0 0 0;
  padding: 0px; 
}

div#subnav  ul li  a {
  padding: 0px 0px 0px 0px;
  margin-left: 0px;
  margin-right: 0px; 
  background-color:  transparent;
  text-decoration: none;
  width: 150px;
  display: block;
}
 
#subnav  ul li  a:link {
  color:#ffffff ;
}

#subnav ul li  a:visited {
  color: #ffffff;
}
 
div#subnav ul li  a:hover{ 
  color: #FFFFFF;
  background-color: #7C6344;
}
 
 /* div.navigation ul li  a:visited  {
 }  */


div#content {
  margin-right: auto;
  width: 920px;
  height: 480px;
  color: #000000;
  padding: 0 0 15px 0;
}

/* Erzeugt trueben Hintergrund */

div#content div#opak {
  position: relative;
  float:left; 
  background-color:  #FFF3DF ;
  filter:alpha(opacity=90);
  opacity: 0.9;
  -moz-opacity:0.9;
  height: 490px;
  width: 700px;
  overflow: auto; /* Scrollbalken */
  margin-top: 11px;
  margin-right: auto;
}

div#content div#abschluss {
  clear: both;
}

/* Eigentlicher Textblock, wird ueber die truebe Flaeche geschoben */

div#text {
clear: both;
  background-color:  transparent;
  height: 460px;
  width: 700px;
  position: relative;
  top: -490px;
  left: 220px;
  overflow: auto; /* Scrollbalken */
  margin-top: 11px;
}

div#text h4 {
  color:#888888;
  font-size: 0.8em;
  font-weight:bold;
  padding: 10px 12px 10px 22px;
  margin: 7px 0px 0 0;
  text-align: left;
}

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


div#text p {
  color: #000000;
  font-size: 0.8em;
  font-weight: normal;
  padding: 0px 24px 0px 22px;
  margin: 10px 0px 0 0;
  text-align: left;
}

div#text blockquote  {
  margin: 0 0px 10px  20px;
  /* width: 650px;
  height: 80px; */
}

div#text blockquote h5 {
  font-size: 0.8em;
  color:#963407 ;
 /*  font-family:serif; */
  font-style: italic;
  font-weight: bold;
  margin: 5px 0 10px 0px;
}

div#text blockquote p {
  margin: 0px 0px 0 0px;
  padding: 18px 30px 0px 100px;
  color: #7C6344;
  font-style: italic;
  font-weight: bold;
}

div#text blockquote p.autor {
  font-style: normal;
 /*  margin: -12px 445px 0px 0px; */
 margin: 0px 100px 0px 0px;
 padding: 10px 0 5px 0;
  text-align: right;
  font-weight: bold;
}

.zentriert{
 text-align: center;
 margin: 18px 0 20px 0;

}

div#ende {
  clear: both;
  height: 20px;
  background-color: #FFCC99; 
}

div#footer {
  clear: both;
  /*  background-color:  #000000 ; */
  width: 750px;
  height: 20px;
  font-size: 0.7em;
  color:  #ffffff;
  margin: 0;
  padding-top: 100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;  /* Hack fuer IE */
}