@charset "utf-8";
body{ 
	background-color: #72bff5 ; 
	overflow-y:scroll; position: relative;
  min-width:1000px; 
  background-image: url(../../layout/img/hg.png);
  background-repeat: repeat-x;
  background-position: 0 0;
   }
 
h2, h3, h4, address{ text-indent:!important;}
address{ text-indent: -9999px;}

a:link, a:visited{ text-decoration: none; color: #72bff5; background: url(../../layout/img/link_h.png) 0 90% repeat-x; padding-bottom:5px;}
a:hover{ text-decoration: none;  color: #a50005;background: url(../../layout/img/link.png) 0 90% repeat-x;}


*.sprungziel{ display:block; text-indent:-99999px;}
*.login {position:absolute; right:60px; top:30px;  display:block; font-size:0.9em;color:#fff!important; }
a.login:hover{ color:#a50005!important; }

#wrapper{
	position:relative; height:100%;
 }

#header{  
	position:absolute; z-index:600;
  top:0; left:0;
  width:100%; height: 150px;
  background-image: url(../../layout/img/stange.png), url(../../layout/img/zeichnung_03.png), url(../../layout/img/zeichnung_04.png), url(../../layout/img/spiel.png),  url(../../layout/img/puppe.png), url(../../layout/img/flugzeug.png);
   background-position: 0 100%, 25% 45px, 72% 32px, 10% 0, 90% 0, 33% 83px;
   background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  /*border:1px solid red;*/}
  
#header h1{
	position:absolute; top:0;
	height: 82px; width: 100%;
	background-image: url(../../layout/img/Familienzentrum_Hartmannweg.png);
 	background-repeat: no-repeat;
  background-position: 50% 0;
  text-indent: -9999px; }
  
#header address{ 
	
   }

#content{ 
	 position:relative; z-index:600;
   top:135px;
   width:60%;  min-width:600px; 
   background-image: url(../../layout/img/spiralbindung.png), url(../../layout/img/buch_l.png), url(../../layout/img/buch_r.png), url(../../layout/img/blatt_ur.png) ;
   background-repeat: repeat-x, repeat-y, repeat-y, no-repeat;
   background-position: 50% 0, 0 0, 100% 0, 92% 100%;
   margin: auto 20%; 
   font-size:0.9em; 
   padding-top:50px;  padding-bottom:100px; }

    
#content * { padding-left:40px; padding-right:40px;}   
#mainContent b, #mainContent a, #mainContent dl *, #mainContent i, #mainContent b, #mainContent strong, #mainContent span, #mainContent div.xxx{ padding-left:0; padding-right:0;} 
#content img{ padding:0; margin:0;}
#content h2{
	position: relative; 
  top:10px; left:0;
  
  } 
  
#mainContent{
position:relative; 
 
   
  

}
#content *.sprungziel{ 
	position:absolute;
  width:10px; height:40px;left:0; top:0;
  background-image:  url(../../layout/img/buch_lo.png) ;
  background-position: 0 0;
  background-repeat: repeat-y;}

#content *.screenreader-only{ 
position: absolute; overflow: visibile;  
	display: block!important;
  width:10px; height:40px;right:-40px; top:-0px; left:auto;
   background-image:  url(../../layout/img/buch_ro.png);
  background-position: 0 0;
  background-repeat: repeat-y; 
  text-indent:-9999px;}

#content h3{  font-size:1.3em; margin-bottom:2em;}
#content h4{  font-size:1.1em; margin-bottom:.5em;}
#content p{ margin-bottom:2em; }
#content p:last-child{ margin-bottom:4em;}


/*
HAUPTNAVIGATION */

#naviMain { 
	position: absolute; z-index:1000;
  top:57px;
	width:20%;
  min-width:220px; 
 }
  
#naviMain.float-left{
left:0;
	background-image: url(../../layout/img/Kinder.png), url(../../layout/img/abc.png), url(../../layout/img/zeichnung_01.png), url(../../layout/img/haus.png);
  background-repeat: repeat-x, no-repeat, no-repeat, no-repeat;
  background-position: 100% 0, 50% 115px, 70% 100%, 19% 93%;  
  padding-bottom:120px;}

#naviMain.float-right{
right:0;
	background-image: url(../../layout/img/Kinder.png), url(../../layout/img/kita.png), url(../../layout/img/zeichnung_02.png), url(../../layout/img/vogel.png);
  background-repeat: repeat-x, no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 50% 115px, 30% 100%, 88% 85%; 
   padding-bottom:150px;}
  
#naviMain li.first{ margin-top: 275px;}
#naviMain li { width:10em; text-align:center; margin:auto auto; margin-bottom:10px; font-size:1.1em; }
  
#naviMain a:link, #naviMain a:visited{ background-image:none; color:#000;  padding-bottom:4px;padding-left: 10px; padding-right:10px; }

/*
hover */
#naviMain a:hover { 
	color:#a50005; 
  background-image: url(../../layout/img/link.png);
  background-repeat: x-repeat;}

/*
aktiver Link */
#home ol li.home a:link, #home ol li.home a:visited,  #termine ol li.termine a:link, #termine ol li.termine a:visited, #kinder ol li.kinder a:link, #kinder ol li.kinder a:visited,  #kitateam ol li.kitateam a:link,  #kitateam ol li.kitateam a:visited, #eltern ol li.eltern a:link, #eltern ol li.eltern a:visited, #konzeption ol li.konzeption a:link, #konzeption ol li.konzeption a:visited, #aktionen ol li.aktionen a:link, #aktionen ol li.aktionen a:visited, #oeffentlichkeit ol li.oeffentlichkeit a:link, #oeffentlichkeit ol li.oeffentlichkeit a:visited,  #kooperationspartner ol li.kooperationspartner a:link, #kooperationspartner ol li.kooperationspartner a:visited, #foerderverein ol li.foerderverein a:link, #foerderverein ol li.foerderverein a:visited, #anfahrt ol li.anfahrt a:link, #impressum ol li.impressum a:link, #impressum ol li.impressum a:visited, #aufnahme ol li.aufnahme a:link, #aufnahme ol li.aufnahme a:visited, #bewegung ol li.bewegung a:link, #bewegung ol li.bewegung a:visited, #feste ol li.feste a:link, #feste ol li.feste a:visited, #garten ol li.garten a:link, #garten ol li.garten a:visited, #kleidung ol li.kleidung a:link, #kleidung ol li.kleidung a:visited, #oeffnungszeiten ol li.oeffnungszeiten a:link,  #oeffnungszeiten ol li.oeffnungszeiten a:visited, #tagesablauf ol li.tagesablauf a:link, #tagesablauf ol li.tagesablauf a:visited, #wandern ol li.wandern a:link, #wandern ol li.wandern a:visited   {
	color:#72bff5; cursor:default;
  background-image:none;}
  
  
/*
focus */

#naviMain a:focus{
	!important;
	outline: 1px dotted #a50005; 
  color:#a50005;
  background-color:#FFC;
  }
  




#footer{ 
	position:relative;	background-color: #72bff5 ;
 	height:150px; width:60%;  min-width:500px;
 	top:130px;
  margin: auto 20%;  z-index:1500;
   background-image: url(../../layout/img/buch_lu.png), url(../../layout/img/buch_ru.png), url(../../layout/img/buch_u.png);
   background-repeat: no-repeat, no-repeat, repeat-x;
   background-position: 0 0, 100% 0, 60% 0;
}


/*
SUB-NAVI */

ol#naviSub  li , ol#naviSub  li a:link, ol#naviSub  li a:visited{
	position:absolute; 
	background-color: transparent; text-indent:-99999px;
  display:block; float:left;
  width:150px; height: 35px; 
 }
ol#naviSub li a:active, ol#naviSub li a:focus  { !important;}

ol#naviSub li.impressum{ 	background-image: url(../../layout/img/navi/impressum.png); top:5px; left:75px; }
ol#naviSub li.impressum a:link, ol#naviSub li.impressum a:visited{ 
	background-image: url(../../layout/img/navi/impressum.png);}


ol#naviSub li.print{ 	background-image: url(../../layout/img/navi/drucken.png); top:3px; left:205px;}
ol#naviSub li.print, ol#naviSub li.print a:link, ol#naviSub li.print a:visited{ 
	background-image: url(../../layout/img/navi/drucken.png);
  background-repeat: no-repeat;}
  
ol#naviSub li.top{ 	background-image: url(../../layout/img/navi/top.png); top:1px; left:345px;}
ol#naviSub li.top, ol#naviSub li.top a:link, ol#naviSub li.top a:visited{ 
	background-image: url(../../layout/img/navi/top.png);}

/*
aktiver Link */
#impressum ol#naviSub li.impressum a:link{ 
	background-image: url(../../layout/img/navi/impressum_a.png);
  cursor:default;
}
 


/*
hover */

ol#naviSub li.impressum a:hover{ 
	background-image: url(../../layout/img/navi/impressum_h.png);
}
ol#naviSub li.print a:hover{ 
	background-image: url(../../layout/img/navi/drucken_h.png);
}
ol#naviSub li.top a:hover{ 
	background-image: url(../../layout/img/navi/top_h.png);
}

/*
focus */
#naviSub a:focus{
	!important;
  outline: none;
  }
ol#naviSub li.impressum a:focus, ol#naviSub li.impressum a:active, #impressum ol#naviSub li.impressum a:focus{ 
		background-image: url(../../layout/img/navi/impressum_f.png);
}
ol#naviSub li.print a:focus, ol#naviSub li.print a:active{ 
		background-image: url(../../layout/img/navi/drucken_f.png);
}
ol#naviSub li.top a:focus, ol#naviSub li.top a:active{ 
		background-image: url(../../layout/img/navi/top_f.png);
}


/* Select-Button für Archiv */
#mainContent div#lselectBtn{  border-bottom: none;  height:23px; }
#lselectBtn 	{ position: absolute; margin-top:30px; right:500px;  z-index:700; font-size:11px; font-family: arial,sans-serif; height: 23px; }
div[id="lselectBtn"] 	 { top: 0 !important; right: 0 !important; background: url(../../layout/selectButton/button_select_archiv.png) no-repeat 0 0 ; width: 171px;  height: 23px; z-index: 700;  border-bottom:1px soild red;}
#lselectBtn h3
 { 
	position: fixed; top: 28px; left: 0px; 
	background: url(../../layout/selectButton/bg_menu_thin_top.gif) no-repeat; 
	width: 171px;  height: 23px; line-height: 23px;
	padding-top: 5px;
	overflow: hidden;
	margin: 0;
	padding: 0 18px;
	color: #333;
	font-family: arial,sans-serif; font-size: 11px;
	}

 div[id="lselectBtn"]>h3{ 
 top: -1000px !important; left: -1000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
#lselectBtn:hover h3 { position: absolute; top: 5px !important; left: -11px !important; background: url(../../layout/selectButton/bgSelect_top.png) no-repeat; width: 155px !important; /*  WPR gesamt width */  height: 0px !important; padding-top: 5px; margin: 0; }

#lselectBtn:hover h3 { position: absolute; top: 5px !important; left: -11px !important; background: url(../../layout/selectButton/bgSelect_top.png) no-repeat; width: 155px !important; /*  WPR gesamt width */  height: 0px !important; padding-top: 5px; margin: 0; }
#lselectBtn ul {
	background: url(../../layout/selectButton/bg_menu_thin.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 0 5px;
	list-style: none;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 171px; /*  WPR thin-width */
	}
  
 div[id="lselectBtn"]>ul { position: fixed; top: -1000px; left: -1000px; width: 155px !important; /*  WPR gesamt width */ background: url(../../layout/selectButton/bgSelect.png) left bottom no-repeat !important; }

#lselectBtn:hover ul{ position: absolute; top: 10px; left: -10px; }

#lselectBtn li {
	font-size: 11px; 
	color: fff; 
	background: url(../../layout/selectButton/bgSelectLine2.gif) no-repeat;
	padding: 8px 18px;
	}
  
@media tty { /* IE 5 PC  */
	i{content:"\";/*" "*/}} #lselectBtn li { width: 171px; /*  WPR thin-width */ padding: 6px 18px; } /*";}
 	}
div[id="lselectBtn"]>ul>li{ background: url(../../layout/selectButton/bgSelectLine.png) no-repeat !important; }
div[id="lselectBtn"]>ul>li:first-child { padding-top: 0; background: none !important; margin-top:-1px; }
#lselectBtn li:hover{ background: url(../../layout/selectButton/bgSelect_over.png) no-repeat !important; }
#lselectBtn li a:link{ text-decoration:none; font-size:12px; font-weight:bold; color: #fff;}
#lselectBtn li a:hover{ text-decoration:none;  color: #a50005}
/*
noscript für Drucken => siehe noscript-Datei */