html{
 margin:0px; padding:0px;
 background:#fff;
 min-height:100%;
}

body{
  color: #000;
  font-family: "Comic Sans MS", Verdana, Helvetica, sans-serif;
  margin:0px; padding:0px;
  background:#F7fffb url('../img/logo-charlottenkrippe.gif') no-repeat 10px 15px;
}

html>body{
 font-size: 1.2em;
}

.box1{
  padding:5px;
  height:115px;
  padding:1ex 1ex 2ex 0;
}

#PrintHeadline{
  display:none;
}

#header{
  color: #039141;

}
#header ul{
 margin:35px 0 0 300px;
 padding:0 0 0 50px;
 list-style:none;
}

#header ul li{
  float:left;
  margin:0 4ex 0 0;
  padding:0;
}
/* this is for IE 6 */
#header li#wir{
  width:13ex;
}
#header li#betreuung{
  width:18ex;
}
#header li#konzeption{
  width:11ex;
}

#header ul li.actual{
    color: #C00;
    background:url('../img/navigation/l-hand-schwarz.gif') no-repeat 8px 90%;
    padding-left:40px; padding-right:0; padding-top:0.3em; padding-bottom:0.9em
}
#header ul li[class="actual"]{
    margin:0;
}
#header ul li a{
  margin:0;
  width:99%;
  background:url('../img/navigation/l-hand-schwarz.gif') no-repeat 8px 90%;
  color:#009933;
  display:block;
  text-decoration:none; padding-left:40px; padding-right:0; padding-top:0.3em; padding-bottom:0.9em
}
#header ul li a:hover{
    color:#C00;
    text-decoration:underline;
}
#header a.activePart{
  color: #C00;
}

#header li#wir a{
    background-image:url('../img/navigation/l-hand-rot.gif');
/*
width:13ex;
*/
}
#header li#betreuung a{
    background-image:url('../img/navigation/l-hand-gelb.gif');
/*
  width:18ex;
*/
}
#header li#konzeption a{
    background-image:url('../img/navigation/l-hand-gruen.gif');
/*  width:11ex;*/
}
.box2{
  float:left;
  width: 14em;
  height:21em;
  margin:5px;
}
#navigation{
  color: #039141;
  margin-top:1ex;
}
#navigation.gruppen {
  height:30em;
}
#navigation ul{
 margin:0 1ex; padding:1ex 0 0 0;
 list-style:none;
}
#navigation ul li{
  margin:0;padding:0;
}
#navigation ul li.actual{
    color: #C00;
    background:url('../img/navigation/l-hand-schwarz.gif') no-repeat 8px 90%;
    margin-left:0; margin-right:0; margin-top:0; margin-bottom:1.5em; padding-left:40px; padding-right:0; padding-top:0.3em; padding-bottom:0.9em
}
#navigation ul li a{
    display:block;
  width:80%;
    background: url('../img/navigation/l-hand-schwarz.gif') no-repeat 8px 90%;
    color:#009933;
    text-decoration:none;
    font-weight:normal; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1.5em; padding-left:40px; padding-right:0; padding-top:0.3em; padding-bottom:0.9em
}
#navigation li a:hover{
    color:#C00;
    text-decoration:underline;
}
#navigation li a.activePart{
  color: #C00;
  margin:0;
  text-decoration:underline;
}
#navigation li.activePart{
  color: #C00;
  margin:0;
  text-decoration:none;
}
#navigation ul>li, #navigation ul>li.actual{
  margin-bottom:1.5em;
}
#navigation li a#home{
    background-image:url('../img/navigation/l-hand-cyan.gif');
}
#navigation li a#gruppen{
    background-image:url('../img/navigation/l-hand-magent.gif');
}
#navigation li a#kontakt{
    background-image:url('../img/navigation/l-hand-gelb.gif');
}
#navigation li a#verein{
    background-image:url('../img/navigation/l-hand-blau.gif');
}
#navigation li a#termine{
    background-image:url('../img/navigation/l-hand-rot.gif');
}
#navigation li a#jubilaeum{
    background-image:url('../img/navigation/l-hand-blau.gif');
}
#navigation li a#blitzlichter{
    background-image:url('../img/navigation/l-hand-gelb.gif');
}
#navigation li a#gaestebuch{
    background-image:url('../img/navigation/l-hand-lila.gif');
}

#navigation ul ul{
 margin:0 0 2ex 0;
 padding:0 0 0 4em;
 list-style:circle;
}
#navigation ul ul li{
  margin:0;padding:0;
}

#navigation ul ul li a{
    display:inline;
    width:auto;
    margin:auto;
    padding: 0;
    background: none;
    color:inherit;
  text-decoration:underline;
}

.box3{
  padding:0 10% 1ex 5px;
  margin:5px 5px 5px 17em;
}

#losungen{
  width: 25ex;
  float:right;
  height: 40ex;
  border: 2px groove #9F9;
  overflow:auto;
  font-size:0.7em;
  margin: 1ex; padding:0 1ex;
  background-color: #CFC;
}

#losungen h4{
  margin-bottom: 0.1ex;
}

#losungen p{
  margin: 0.1ex;
}

#content {
    background:url('../img/navigation/l-hand-schwarz.gif') no-repeat 0 0;
}

#content h2{
  padding-left: 35px;
  color: #C00;
}
#content h3{
  color: #039141;
}
#content p{
  color: #000;
  padding-left: 0.25em;
}
#content p strong{
    color: #039141;
}
#content p img {
  border: 4px ridge #9F9;
  margin: 1ex;
}

#content p.gruppenBild{
  padding:0;
  position:relative;
  height: 400px;
}
#content p.gruppenBild img{
  position:absolute;
  border:none;
  margin:0;
}
#content p.author{
  padding-left:25ex;
  text-align:left;
  font-size:0.8em;
  margin:0;
}

#content hr{
  border:solid #ADA 1px;
  height:1px;
  width: 50%;
  margin: 1ex auto 1ex 1em;
}

#content ul{
  margin:1ex 3ex; padding:0;
  list-style-type: disc;
  list-style-image: url('../img/list-lhand-gruen.gif');
}
#content ul li{
  padding:0 0 1ex 0;
}

#content #TOC{
  border: 1px dashed #333;
  font-size: 0.7em;
  margin: 1ex 0;
  width: 50%;
  background: #FFF;
}
#content #TOC h4{
  margin: 0.1em 0.5em;
}
#content #TOC a{
 color:#060;
}
#content #gruppenContainer{
  position: relative;
  height: 400px;
 margin:0px; padding:0px;
}

#content #gruppenBild {
  position: absolute;
  width: 685px;
  height: 373px;
  background: url('../img/Gruppen.jpg');
  margin:0px; padding:0px; list-style-type:none
}
#content #gruppenBild li{
  width:1px;
}
#content #gruppenBild a {
  text-decoration: none;
  text-indent:-9999px;
  position: absolute;
}

#content div.diashow a{
  display:block;
  float: left;
  width: 110px;
  height: 110px;
  margin: 2px;
  text-align:center;
  padding:5px;
  background-color: #393;
  border:2px groove #3C3; 
}
#content div.diashow a img{
  border:none;
}
/*
#gruppenBild a:link,
#gruppenBild a:visited{
  border: 1px outset #999;
}
*/
#gruppenBild a:hover
{
  border: 1px outset #CCC;
}
/*
#gruppenBild a:active {
  border: 1px outset #999;
}
*/
#dschungel a {
  top: 95px; left: 21px;
  width: 118px; height: 130px;
}
#baeren a {
  top: 32px; left: 143px;
  width: 105px; height: 105px;
}
#hort a {
  top: 10px; left: 260px; width: 100px; height: 90px;
}
#meer a {
  top: 12px; left: 372px; width: 100px; height: 100px;
}
#bienen a {
  top: 45px; left: 480px; width: 100px; height: 110px;
}
#voegel a {
  top: 110px; right: 0px; width: 100px; height: 105px;
}

dl.bildUndBeschriftung {
  padding:0;
  border:1px ridge #AFA;
}
dl.bildUndBeschriftung dt {
  padding:1ex;
  float:left;
  width: 50%;
}
dl.bildUndBeschriftung dd {
  padding:1ex;
}
dl.bildUndBeschriftung img {
  border: 6px solid #EFE;
}
dl.bildUndBeschriftung a img {
  border: 2px solid #0E0;
}

.box4{
  margin:0;
 padding:0;
}
#footer{
 clear:left;
 text-align:center;
 background-color:#FFF;
 font-size:0.9em;
}
#footer p{
  padding: 0.3ex;
  margin:0;
}
#footer #shortcuts{
 border-top: 1px ridge #CFC;
}
#footer p#shortcuts a{
 color:#030;
 margin: 0 2ex 0 0;
}

#footer #hints{
 text-align:left;
 font-size:0.6em;
 font-family: Verdana, Helvetica, sans-serif;
 padding:5px;
 border-top: 1px groove #CCC;
}
#footer #hints a{
 margin: 0 1.7ex 0 0;
 padding: 0 0.3ex;
 text-decoration:none;
 border:1px inset #090;
 color:#030;
}
#footer #hints a:hover{
 border:1px outset #090;
}
#footer #hints #copy{
  float:right;
}
#footer #hints>#copy{
 font-size:1.1em;
}