@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: #a50005; background: url(../../layout/img/link.png) 0 90% repeat-x;}
a:hover{ text-decoration: none; color: #72bff5; background: url(../../layout/img/link_h.png) 0 90% repeat-x;}


*.sprungziel{ display:block; text-indent:-99999px;}

#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:500px;
   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;} 
#content img{ padding:0; margin:0;}
#content h2{
	position: relative; 
  top:10px; left:0;
  width: 100%; height:2em;
  text-align: center;
  color:red; } 
  
#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: relative; z-index:1000;
  top:57px;
	width:20%;
  min-width:220px; 
 }
  
#naviMain.float-left{
	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{
	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 li.home a:link, #termine li.termine a:link, #kinder li.kinder a:link, #kitateam li.kitateam a:link, #eltern li.eltern a:link, #konzeption li.konzeption a:link, #aktionen li.aktionen a:link, #oeffentlichkeit li.oeffentlichkeit a:link, #foerderverein li.foerderverein a:link, #anfahrt li.anfahrt a:link, #impressum li.impressum a:link, #aufnahme li.aufnahme a:link, #bewegung li.bewegung a:link, #feste li.feste a:link, #garten li.garten a:link, #kleidung li.kleidung a:link, #oeffnungszeiten li.oeffnungszeiten a:link,  #tagesablauf li.tagesablauf a:link  {
	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);
}

/*
noscript für Drucken => siehe noscript-Datei */