/*
  CascadingStyleSheet "Screen"
  http://www.ithkinder.de
  (c) 2006 Waldkindergarten am Ith e.V.
  Alle Rechte vorbehalten.
*/
html {
 min-height: 100.05%;  /* hack for scrollbar */
}
#body {
 background-color: #2B452C;
}
body {
 margin:0;
 padding:0;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align:center;
 color:#330;
 background:#e7ddc2;
 font-family: Verdana, Arial, Helvetica, Georgia, sans-serif;
}
#container {
 margin:0 auto;
 padding:5px;
 width:700px;
 w\idth:670px;
 background-color: #fff;
 color:#330;
 font-size:1em;
 text-align:left;
 border-left: 1px solid #B6A580;
 border-right: 1px solid #B6A580;
 border-bottom: 1px solid #B6A580;
 border: 1px solid #B6A580;
 }
body>#container{
 width:670px;
}
#container h1{
 font-size: 1em;
 font-style: italic;
 font-weight: normal;
 line-height: 1em;
 padding-top:30px;
 margin-top:1px;
}
#container h2 {
 font-size: 1.3em;
 line-height: 1.2em;
 margin-top: 10px;
 padding-top:10px;
 color: #2B452C;
 background-color: #fff;
}
#container h3 {
 color: #81A950;
 background-color: #fff;
 padding-top: 20px;
}
#header{
}
#hd {
 z-index: 0;
 position: relative;
 top:    0px;
 left:   0px;
 height: 110px;
 width:  100%;
 color: #fff;
 background-color: #81A950;     /* grn */
}
#li {           /* ithkinder.de */
 z-index: 90;   /* Layer ganz oben, weil Link */
 position:absolute;
 top:0px;
 left:0px;
 padding-left: 20px;
 padding-top: 10px;
 font-size: 32px;
 font-weight: bold;
 letter-spacing: 4px;
 color: #2B452C;
 background-color:transparent;
}
#li a {
 text-decoration: none;
 color: #2B452C;
 background-color: transparent;
}
#li a:hover {
 text-decoration: none;
 color: #2B452C;
 background-color: transparent;
}
#lo {       /* Waldkindergarten am Ith e.V. */
 z-index: 60;
 position: absolute;
 top: 70px;
 width: 99%;
 height: 110px;
 background-color: transparent;
 color: #2B452C;     /* dunkelgrn */
 text-align: right;
 font-style: italic;
 font-size: 24px;
}
#ti {
 z-index: 50;
 position: absolute;
 top: 0px;
 height: 110px;
 width: 100%;
 padding: 0;
 margin: 0;
}
#ti h1 {      /* Seitentitel */
 font-size: 64px;
 font-weight: normal;
 font-style: normal;
 text-align: right;
 margin-right: 5px;
 margin-top: 20px;
 padding-top:0px;
 font-family: Verdana, Georgia, Verdana, Arial, Helvetica, sans-serif;
 color: #DBE977;     /*hellgrn */
 background-color: transparent;
}
#nav {
 z-index:10;
 background-color: #DBE977;     /*hellgrn */
 height:20px;
}
#content {
 font-size:0.9em;
 line-height:1.5em;
 width:410px;
 margin:0;
 margin-bottom: 15px;
 padding-left:7px;
 float:left;
}
a:link{
	color:#2B452C; /*#9A7B3A;*/
	background-color:transparent;
}
a:visited {
	color:#2B452C; /*#BB9459; */
	background-color:transparent;
}
a:hover {
	color:#81A950; /* #000; */
	background-color:transparent;
	text-decoration:none;
}
a:active {
	color:#000;
	background-color:transparent;
}

/* Reihenfolge! :link, :visited, :hover, :active, :focus.*/
#content a {
 font-weight:bold;
}
#content a:link {
 color:#2B452C; /*#876d38;*/
 background-color:transparent;
 border-bottom: 1px dotted #876d38;
 text-decoration: none;
}
#content a:visited {
 color: #2B452C; /*#BB9459; */
 background-color:transparent;
 border-bottom: 1px dotted #2B452C; /* #BB9459; */
 text-decoration: none;
}
#content a:hover {
 color:#81A950; /* #000; */
 text-decoration: underline;
 border-bottom: 1px solid #81A950; /* #000; */
 text-decoration: none;
}
#content a:active {
 color:#000;
 background-color:transparent;
 border-bottom: 1px solid #000;
 text-decoration: none;
}
#content img {
 border: 3px solid #2B452C;
}
#content img.em {
 border: 0px;
}
#content a img:hover {
 border: 3px solid #81A950;
}
#content p b {
 font-weight: bold;
 color: #81A950;
 font-size: 1.2em;
}
#content p strong {
 font-weight: bold;
 color: #81A950;
 font-size: 1.2em;
}
#content p {
 clear: both;
}
#content p.bild {
 text-align: center;
 float: none;
 font-size: 11px;
 line-height: 1.1em;
 padding-left: 50px;
 padding-right: 50px;
}
#content p.bild a {
 text-decoration: none;
 border-bottom: 0px solid #876d38;
}
#content p.bild a:hover {
 text-decoration: none;
 border-bottom: 0px solid #876d38;
}
#content p.bild a:active {
 text-decoration: none;
 border-bottom: 0px solid #876d38;
}
#content img.noframe a {
 border: 0px;
 text-decoration:none;
}
#content img.noframe a:hover {
 border: 0px;
 text-decoration:none;
}
#content img.noframe {
 border: 0px;
 text-decoration:none;
}
#content img.noframe:hover {
 border: 0px;
 text-decoration:none;
}
#content td {
 vertical-align:top;
}
#sidebar {
 margin-top: 5px;
 width:220px;
 float:right;
}
#sidebar blockquote {
 margin:1em 0;
}
#sidebarcontent{
 padding:15px 10px 0;
 margin:0 0 45px;
}
#sidebarcontent h3 {
 padding-top: 15px;
}
#sidebarcontent img {
 border: 1px solid #c8c8c8;
}
#sidebarcontent address {
 font-size: 0.9em;
 border-top: 1px solid #ccc;
}
#sidebar ul.c1 {
 list-style-type: none;
 margin-left: 0px;
 padding-left: 5px;
 border-top: 1px solid #c8c8c8;
}
#sidebar ul.c1 li {
 padding-top: 10px;
 font-size:0.9em;
 line-height:1.4em;
}
#sidebar ul.c2 {
 list-style-type: square;
 color: #2B452C; /* #714117; */
 padding-top: 0px;
 margin-left: 15px;
 padding-left: 5px;
}
#sidebar ul.c2 li {
 padding-top: 4px;
 font-size:0.8em;
 line-height:1.2em;
}
#sidebar ul.c3 {
 list-style-type: none;
 color: #2B452C; /* #714117; */
 padding-top: 0px;
 margin-left: 15px;
 padding-left: 0px;
}
#sidebar ul.c3 li {
}
#sidebar ul a {
 text-decoration: none;
 font-weight: bold;
}
#sidebar ul.c1 a.active {
 color: #81A950;
}
#sidebar ul.c1 li.active {
 color: #81A950;
}
#sidebar ul.c2 a.active {
 color: #81A950;
}
#sidebar ul.c2 li.active {
 color: #81A950;
 list-style-type: disc;
}
#sidebar h3.news {
 font-weight: bold;
 font-size: 0.8em;
}
#sidebar li.news {
 font-size: 0.6em;
 list-style-type: none;
 margin-left: 10px;
 padding-left: 0px;
}
#sidebar ul.news {
 list-style-type: none;
 color: #2B452C; /* #714117; */
 padding-top: 0px;
 margin-left: 5px;
 padding-left: 5px;
}
#topper {
 clear:both;
 font-size:11px;
 line-height: 1.5em;
 margin:0;
 text-align:right;
 padding-top:10px;
 padding-bottom:10px;
 padding-left:5px;
 color: #808080;
 background-color: #fff;
}
#topper a {
 color: #808080;
 background-color: #fff;
}
#footer {
 clear:both;
 font-size:11px;
 line-height: 1.5em;
 margin:0;
 padding-top:10px;
 padding-left:5px;
 border-top: 1px dotted #81A950; /*#808080; #876d38; */
 color: #808080;
 background-color: #fff;
}
#footer a {
/* font-weight:bold;*/
}
#footer a:link {
 color:#808080;
 background-color:#fff;
 border-bottom: 1px dotted #808080;
 text-decoration: none;
}
#footer a:visited {
 color:#808080;
 background-color:transparent;
 border-bottom: 1px dotted #808080;
 text-decoration: none;
}
#footer a:hover {
 color:#a0a0a0;
 border-bottom: 1px dotted #808080;
 text-decoration: none;
}
#footer a:active {
 color:#000;
 background-color:transparent;
 border-bottom: 1px dotted #808080;
 text-decoration: none;
}
#logo {
 width:220px;
 font-size:0.85em;
 padding-top:15px;
 background:#fff;
 float:right;
}

.zitat {
/* background:url(/img/quote.gif) no-repeat 0 2px; */
/* text-indent:25px; */
 margin-left: 25px;
 margin-right: 25px;
}
.help{
 cursor:help;
 border-bottom:1px dotted #330;
}
address {
 display:block;
 font-style:normal;
 margin:1em 0;
}
.info {
 font-size:0.9em;
 color:#666;
 line-height:1.5em;
 border:1px solid #F2EEDD;
 padding:0.5em 1em;
 font-style:italic;
}
.bild {
 float:left;
 margin:5px 10px 0 0;
 clear: both;
}
p.intro {
 font-weight: bold;
 padding-top: 5px;
}
.bf{
 display:none;
}
p.first {
 clear:both;
}
p.first:first-letter {
 font-size: 1.5em;
 color: #000;
}
.rund {
 float: right;
}
.midpic {
 text-align:center;
 font-weight:bold;
 font-size: 0.7em;
 color:#0C2555;
 margin:15px 0 15px 0;
}
.midpic img { 
 padding:3px;
 border:1px solid #ccc;
}
acronym {
 cursor:help;
 border-bottom: 1px dotted #ccc;
}
.desc {
 font-size: 0.7em;
 font-style: italic;
}
a.an {
 text-decoration:none;
 line-height: 1px;
 font-size: 1px;
}
.right {
 text-align:right;
}

#teaser {
 font-weight: bold;
}