hr {
   /*border: red solid thin;*/
   /*  color:red;*/
   border:none;
   width: 195px;
   height:5px;
   background: transparent url(hintergruende/handlinie_2w.gif) repeat-x scroll center;
   }
   
#hr0 {
   /*border: red solid thin;*/
   /*  color:red;*/
   border:none;
   width: 195px;
   height:5px;
   background: transparent url(hintergruende/handlinie_2w.gif) repeat-x scroll center;
   margin: 0.5em 0 0.5em 0;

   }

#hr50 {
   border:none;
   width: 100%;
   height:5px;
   background: transparent url(hintergruende/handlinie_2w.gif) no-repeat scroll center;
   margin: 0.5em 0 0.5em 0;
   }
      
a {
  color: #00009f;
  
  }

a.link  {
	text-decoration:none;
	}
  
a:hover {
  color: #bf0000;
  background-color: #ffffc1;
  cursor:url(/layout/curser/flockeschwarz.gif), pointer;
  /*cursor:url(/layout/curser/osterei.ico), pointer; */
}
a:active {
  font-style: italic;
  cursor:url(/layout/curser/flockeweiss.gif), pointer;
  /*cursor:url(/layout/curser/ei21.gif), pointer;*/
   
}
   
#bildergross {
  font-style: italic;
  position: absolute;
  top: 168px;
  left: 650px;
   }

/*Grünes Klassenzimmer, Waldkindergarten*/
#bilderstreifen {
   position:relative;
   width:300px;
   left:10px;
   top:0px;
   margin-top:10px;
   margin-bottom:20px;
   float:left;
   border:green dashed 0px;
   }
   
#bildfeld {
  position: absolute;
  top: 0px;
  left: 200px;
  width: 70%;
  min-width:700px;
  margin-left: 0px;
  margin-top: 10px;
  text-align: center;
  border:red solid 0px;
  padding-top:20px;
  min-height:100%;
  background-image: url(hintergruende/handlinie_2s.gif);
  background-repeat: repeat-y;
  background-position: left center;
  
}
#bildfeld-s {
	border:red solid 0px;
  position: absolute;
  top: 0px;
  left: 200px;
  width: 70%;
  min-width:700px;
  margin-left: 0px;
  margin-top: 10px;
  text-align: center;
  padding-top:20px;
  padding-left:50px;
  min-height:100%;
  background-image: url(hintergruende/handlinie_2s.gif);
  background-repeat: repeat-y;
  background-position: left center;

}

#bildfeld-m {
  position: absolute;
  top: 0px;
  left: 200px;
  width: 70%;
  margin-left: 50px;
  margin-top: 20px;
  text-align: center;
  }

#bildfeld-s img {
  border-style: solid;
  border-color: #DAA520 #DEB887 #FFD700 #CD853F;
  border-width: 12px;
  padding: 5px;
  float: left;
}
#bildfeld img {
  border-style: solid;
  border-color: #DAA520 #DEB887 #FFD700 #CD853F;
  border-width: 12px;
  padding: 5px;
}
#bildfeld p {
  padding: 0% 10%;
  text-align: center;
}

#bildstele {
  position: relative;
  left: 0px;
  top: 0em;
  width: 180px;
  text-align: center;
  z-index: 4;
}
#bildstele img {
  margin-bottom: 5px;
}
#bildstele.inline {
  position: relative;
  top: 0;
  left: 0;
  width: 180px;
  text-align: center;
}

#bildbalken {
	display:block; 
	white-space:nowrap ;
	height: 130px;  
	width: 1000px; 
	border:solid blue 0px;
	}

   
body {
  background-image: url(hintergruende/muster.jpg);
  margin: 0px;
  padding: 0px;
  background-color: #ffffb9;
  font-family: Verdana,Helvetica,sans-serif;
  color: #bc0000;
  font-size: 0.8em;
  height:1800px;
}

#copyright {
  /*position: absolute;
  top: 65em;
  left: 10px;
  width: 180px;*/
  font-size: 0.8em;

}
   
h1 {
  font-family: Verdana,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1.6em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
}
h2 {
  font-family: Verdana,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1.6em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
}
h3 {
  font-family: Verdana,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1.6em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
}
h4 {
  font-family: Verdana,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 2em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
}

img.baustelle {
  position: absolute;
  left: 200px;
  top: 200px;
}

img.logo {
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 15px;
  top: 8px;
}

#link a {
   color: #bc0000;
	text-decoration:none;
   font-weight:bold;
   }
   
#link a:hover  {
	font-style:italic;
	color: #00009f;
   }
      
#link a img {
	vertical-align:middle;
   margin:3px 8px 3px 0px;
   float:none;
   }

#link   li {
  list-style-type:none;
  text-indent:-28px;
  line-height:1.5em;}
  
#menu {
  padding: 8px;
  position: absolute;
  top: 170px;
  left: 10px;
  width: 170px;
  color: #00009f;
   }
   
#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

#menu a {
  margin: 0;
  
  background: transparent url(bullets/bblau.gif) no-repeat scroll 0em 0.5em;
  font-family: Verdana,Helvetica,sans-serif;
  line-height: 1.4em;
  width: 100%;
  color: #00009f;
  display: block;
  padding-left: 12px;
  position: relative;
  ;
  text-decoration: none;
}

#menu a:hover {
  border:#bf0000 0px dotted;
  line-height: 1.4em;
  margin: 0;
  background: #FBE679 url(bullets/brot.gif) no-repeat scroll 0em 0.5em;
  color: #bf0000;
  display: block;
  padding-left: 12px;
  position: relative;
}

#menu a:active {
  font-style: italic;
   }

   
li.balkenrechts {
  padding-left: 40%;
  text-indent: -1.3em;
}
li.balkenlinks {
  border: 1px solid red;
  padding-right: 40%;
  text-indent: -1em;
  margin-left: 1em;
}
p {
}
p.balkenrechts {
  padding-left: 40%;
}
p.balkenlinks {
  padding-right: 40%;
}

#pfeil:hover {
  background: transparent url(bullets/pfeillinks_r.gif) repeat scroll 0%;
}

#pfeil {
  border: 0px solid red;
  background: transparent url(bullets/pfeillinks.gif) repeat scroll 0%;
  position: absolute;
  left: 60px;
  width: 46px;
  height: 33px;
}

#platzhalter_b180 {
  border: 1px solid blue;
  width: 180px;
  height: 135px;
  position: relative;
  margin-bottom: 5px;
}

#platzhalter_b180:hover {
  border-color: red;
  background-color: peachpuff;
}

#seitenanfang {
  width: 8em;
  text-align: center;
}
#seitenanfang-b {
  position: relative;
  width: 8em;
  text-align: center;
}
#seitenanfang-b img {
  border-style: none;
}

#seitenueberschrift {
   left: 0; 
   position: relative; 
   top: 12px;
   border: 0px solid green;
   width:650px;
   height: 80px;
   }
   
#seitenueberschrift p {
   text-align:right;
   position: absolute;
   right: 0px; 
   top: 25px;
   border: 0px solid blue;
   
   }
    
#senkrechtelinie {
  position: absolute;
  left: 200px;
  top: 150px;
  height: 800%;
  width: 18px;
  background-image: url(hintergruende/handlinie_2s.gif);
  background-repeat: repeat-y;
  background-position: left center;
  ;
}
#senkbildlinie {
   ;
  position: absolute;
  left: 200px;
  top: 10px;
  height: 800%;
  width: 18px;
  background-image: url(hintergruende/handlinie_2s.gif);
  background-repeat: repeat-y;
  background-position: left center;
}
td {
  vertical-align: top;
}
#termin {
  position: relative;
  display:block;
  left: 0em;
  width: 100%;
  text-align: left;
  min-height: 130px;
  margin-bottom: 1em;
  border: red solid 0px;
}

#termin img {
  position: relative;
  display:block;
  top: 0;
  right: 0;
  float: right;
  margin-left: 2em;
}

#termin img.emil, #termin a.link img {

  vertical-align:middle;
  margin:3px 0px 3px 0px;
  float:none;
  display:inline;

}
   
#termin img.textgif {
  /*position: relative;*/
  margin-left: 0em;
  float: none;
  border: red solid 0px;
  display:inline;
}

#termine td {
  padding-bottom: 0em;
}

#termine td.monat {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  font-family: Verdana,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1.5em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  width: 10%;
}
#termine table {
  position: relative;
  left: 5%;
  width: 80%;
}

#termine td.datum {
  text-align: right;
  white-space: nowrap;
  padding-right: 2em;
  padding-top: 0em;
}

#textfeld {
  position: absolute;
  border:red solid 0px;
  top: 150px;
  left: 200px;
  width: 70%;
  min-width:680px;
  min-height:100%;
  padding-left: 50px;
  padding-top:20px;
  font-family: Verdana,Helvetica,sans-serif;
  background-image: url(hintergruende/handlinie_2s.gif);
  background-repeat: repeat-y;
  background-position: left center;
}

#textfeld a:hover { 
	position:relative;
	text-decoration:none;
	background-color: #FBE679;
	}

 

#textfeld a span img { 
	border:1px solid #1A1A1A; 
	margin-top:0.5em; 
	}

#textfeld a.p1:hover span { left:0px; }
#textfeld a.p2:hover span { left:-200px;}
#textfeld a.p3:hover span { left:-350px;}
#textfeld a.p4:hover span { left:-500px;}
#textfeld a.p5:hover span { left:-650px;}
#textfeld a span {
   display:block;
   top:-50px;
   text-align:center;
   font-weight:bold; 
   color:#1A1A1A;
   border:1px solid #1A1A1A; 
   left:-9999px; 
   position:absolute; 
   text-decoration:none;
   padding: 0.5em 1em 1em 1em;
   background:url(hintergruende/transhinter_weiss.png);
   }

   
#textfeld .links {
  width: 50%;
  padding-right: 0.5em;
  text-align: left;
  vertical-align: top;
}

#textfeld .rechts {
  padding-left: 0.5em;
  text-align: left;
  vertical-align: top;
}

#textfeld .programm {
  text-indent: -2.5em;
  margin-left: 2em;
  margin-top: -0.5em;
}

#textstreifen  {
   border: 0px solid blue; 
   padding: 0; 
   position: relative;
   margin-top:10px;
   /*display:block; */
   float:left;
   width: 350px; 
   top:0px;
   }
   
#textstreifen_kontakt  {
   border: 0px solid green; 
   padding: 0; 
   position: relative;
   float:left; 
   width: 350px; 
   top:0px;
   margin-top:10px;
   }

#textstreifen a {
   color: #bc0000;
	text-decoration:none;
   font-weight:bold;
   }
   
#textstreifen a:hover  {
	font-style:italic;
	color: #00009f;
   }
      
#textstreifen a img {
	vertical-align:middle;
   margin:3px 8px 3px 0px;
   }

#textstreifen   li {
  list-style-type:none;
  text-indent:-28px;
  line-height:1.5em;
  }  
#textfeld table {
  position: relative;
  width: 100%;
  top: 0em;
  left: 0em;
  font-size: 1em;
}
#titel {
  margin: 50px;
  position: absolute;
  left: 200px;
  top:0px;
}
ul.untermenue {
  position: relative;
  left: 1em;
}

ul.unteruntermenue {
	position: relative;
   left: 1em;
   }

#waagerechtelinie {
  background: transparent url(hintergruende/handlinie_2w.gif) repeat-x scroll center top;
  position: absolute;
  top: 150px;
  left: 0px;
  width: 95%;
  height: 18px;
  margin-left: 15px;
	}
	
#waagebildlinie {
  background: transparent url(hintergruende/handlinie_2w.gif) repeat-x scroll center top;
  position: absolute;
  top: 150px;
  left: 0px;
  width: 200px;
  height: 18px;
  margin-left: 15px;
}

#zuruek {
  position: relative;
  top: 10px;
  right: 10px;
  text-align: center;
}

#zuruek a {
  background: transparent none repeat scroll 0%;
}

#zuruek a:hover {
  background: transparent none repeat scroll 0%;
}

#zuruek img {
  border-style: none;
}

