body 
	{
    margin: 0 auto;
	padding: 0;
	background-color: #B4EDFD;
	background-image: url('https://www.kinderfreizeithof.de/Bilder/hintergrund.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-attachment: stationary;
	background-position: bottom center;
	font-family: Arial;
	font-size: 	16px;
	font-weight:normal;
	color:		#257070;
	text-align:left; 
	}
#fadeshow
{                               /* Bildbreite */
    background-color:transparent;
    width: 	900px;
    height: 500px;
    margin: 0px 24px 0px 16px;                       /* Außenabstand */                              /* Innenabstand */
    float:left;                               /* schön den Text zentrieren */
    }	
#showbereich
{                               /* Bildbreite */
    background-color:transparent;
    width: 900px;
    height: 550px;
    margin: 0px 0px 0px 0px;                       /* Außenabstand */                              /* Innenabstand */
    float:left;                               /* schön den Text zentrieren */
    }

a 
	{
	color: 		#145F6A;
	}

a:visited 
	{
	color:		#60717b;
	}

a:hover 
	{
	color: 		#7a8b1e;

	}

a:active 
	{ 
	color:		#FF0000;
	}

/* überschriften */

h1 
	{
	font-size: 	30px; 
	font-weight:normal;
	color:		#257070;
	padding:    0px 0px 0px 0px;
	margin:		auto;
 	}

h2 
	{
	font-size: 	18px;
	font-weight:normal;
	padding:    5px 0px 5px 0px;
	margin:		0px;
	}
h3
	{
	font-size: 	12px;
	font-weight:normal;
	padding:    5px 0px 5px 0px;
	margin:		0px;
	}

h4
	{
	font-size: 	25px;
	color:		#FF3E00;
    font-weight:normal;
	padding:    5px 0px 5px 0px;
	margin:		0px;
	}

#seitenbereich
	{
	background-color:transparent;
    width: 	900px;
    height: auto;
    margin: 	0 auto;
    margin-top: 0px;
	padding: 10px 0px 0px 0px;
	font-family: Arial;
    color:#145F6A ;
    text-align: left;
	} 
#kopfbereich
{
    float: left;
    background-color:transparent;
    width: 	857px;
    height: 95px;
    margin: 0 auto;
    margin-top: 10px;
	padding: 0px 0px 0px 0px;
	font-family: Arial;
    color:#145F6A ;                              /* schön den Text rechts vorbei laufen lassen */
    }
#kopf1
	{
	background-color:transparent;
    width: 	900px;
    height:70px;
    margin: auto;
    padding: 10px 0px 0px 0px;
	font-family: Arial;
    color:#145F6A ;
   
	}
#kopf2
	{
	background-color: transparent;
    width: 	900px;
    height:  350px;
    margin: 	0 auto;
    margin:0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial;
    color:#145F6A ;
	}
#text
	{
	background-color:transparent;
    width: 	880px;
    height:auto;
	float: left;
    margin:0px 0px 0px 10px;
    margin: 	0 auto;
    padding: 0px 0px 0px 20px;
	font-family: Arial;
    color:#145F6A ;
	}
#fuss
	{
	background-color:transparent;
    width: 	900px;
    height:30px;
	float: left;
    margin:0px 0px 0px 0px;
    margin: 	0 auto;
    padding: 10px 0px 0px 0px;
	font-family: Arial;
    color:#145F6A ;
	}	
#bereich2b
	{
	background-color:transparent;
    width: 	400px;
    float: left;
    height:70px;
    margin: 	0 auto;
    padding: 0px 0px 0px 0px;
	font-family: Arial;
    color:#145F6A ;
	}
#bereich2c
	{
	background-color:transparent ;
    width:300px;
    height:70px;
    float: right;
  
    margin: 	0 auto;
    padding: 0px 0px 0px 0px;
	font-family: Arial;
    color:#145F6A ;
	}
#bereich2d
	{
	background-color:transparent;
    width: 300px;
    float: right;
    height:70px;
    margin: 	0 auto;
    padding: 0px 0px 0px 0px;
	font-family: Arial;
    color:#145F6A ;
}
#bereich2e
	{
	background-color:transparent;
    width: 	170px;
    height:auto;
	float: left;
    margin:0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
	font-family: Arial;
    color:#145F6A ;
	}
#bereich3
	{
	background-color:transparent;
    width:900px;
    height:  auto;
    margin:10px 0px 0px 0px;
	margin: 	0 auto;
    padding: 20px 40px 10px 00px;
	font-family: Arial;
    color:#145F6A ;
	}
 #bereich3a
	{
	background-color:transparent;
    width: 900px;
    height:  auto;
    margin:10px 0px 0px 20px;
	margin: 	0 auto;
    padding:20px 40px 10px 0px;
	font-family: Arial;
    color:#145F6A ;
	}
 #bereich4
	{
	background-color: transparent;
    width: 	1050px;
    height:    20px;
    margin:0px 0px 10px 0px;
    margin: 	0 auto;
    padding:20px 0px 0px 0px;
	font-family: Arial;
    color:#145F6A ;
	}

#navi {
   text-align:center;             /* Textausrichtung     */
   font-size: 	16px;
   font-weight: bold;         /* fett     */
   color: black;
   margin:0px 0px 0px 0px;
}
#navi li {
    float: right;                   /* Anordnung Mitte   */
   width:0 auto                      /* Breite des Links  */
   height: 16px;                     /* Höhe des Links  */
   margin:10px 7px 10px 4px;

   background-color:#7ECFDA;        /* Hintergrundfarbe  */
   border-top:0px black solid;     /* Rahmenfarbe Auflistungpunkt oben */
   border-left:0px orange solid;  /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom:0px red solid;    /* Rahmenfarbe unten  */
   border-right:0px blue solid;    /* Rahmenfarbe unten  */

   padding-top:3px;                /* Innenabstand oben  */
   padding-bottom:6px;             /* Innenabstand unten */
   padding-left:6px;               /* Innenabstand unten */
   padding-right:6px;              /* Innenabstand unten */
}
#navi a
{
    text-decoration: none;
    }
#navi li:hover
	{
	background:	#00FFFF
	} 
#navi ul {
   list-style:none;               /* keine Aufzählungspunkte */
}
#menu {
	width: 900px;/* Boxlänge */
	height: 30px;/* Boxhöhe */
	font-family: 'Arial';
	background: transparent;  /* Boxfarbe */
    margin:0px 0px 0px 0px;
	box-shadow: 0 0 15px;
}

#menu a {
	color:#1D9191;
	text-decoration: none;

}

#menu .inhalt {
	width: 850px;
	margin: 0 auto;/* Position Mitte */
}

#menu .inhalt ul {
	position: absolute;
	margin: 0 auto;
	list-style: none;
}

#menu .inhalt ul li {
	float: left;
	margin:0px 15px 0px 0px; /* Menue-Abstand */
	padding:5px 0px 0px 0px;
	font-size: 18px; 
}

#menu .inhalt>ul>li:hover {
	height: 24px;
	margin-top: 0px;
	background: #FFFF00;
	border-bottom: 1px solid #06430D;

}

#menu .inhalt ul li img {
	float: left;
	width: 16px;
	height: 16px;
	margin:0px 5px 0px 5px ;
	padding:0px 6px 0px 0px;
	background: #B4EDFD;
    border-bottom: 1px solid #06430D;
}

#menu .inhalt ul li ul {
	top: -9999px;
	width: 200px;
	background: #B4EDFD;

	padding: 0;
	margin: 0px 0 0 -6px;

}

#menu .inhalt ul li:hover ul {
	top: 32px;
}

#menu .inhalt ul ul li {
	float: none;
	font-size: 16px;
	padding:10px 6px 10px 6px;
	text-align: left;
	margin:0px 0px 0px 0px;
	border-top : 0px solid #06430D;
	border-bottom: 1px solid #06430D;
}

#menu .inhalt ul ul li:hover {
	background: #FFFF00;
	color: #185553;
}

#menu .inhalt ul ul li a {
	display: block;
}

#menu .inhalt ul ul li a:hover {
	color:#185553;
}

#menu li ul li ul {
	position: absolute;
	left: 10px;
}

#menu .inhalt ul ul li:hover ul {
	left: 10%;
	top: auto;
	margin-top: 0px;
}


    #navibereich
{
	height:20px;                                /* bereichshöhe */
	width:1000px;
    margin: 	0 auto;                                     /* bereich zentrieren */
    margin:  0px 0px 0px 0px;                              /* Außenabstand */
	padding: 0px 30px 20px 20px;                              /* Innenabstand */
	background-color: #FFFF00;                             /* Hintergrundfarbe */
    background-position: center;                     
    background-repeat: no-repeat;                  /* ... und nur ein Mal darstellen */
                                      

    }
    #textbereich /*einspaltige Seite mit rechtsseitigem Menü*/
	{
	height: 0 auto;
	width:890px;
    margin: 	0 auto;
    background: transparent;
	margin:     20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: right; 
	}
 #oldibereich /*einspaltige Seite mit rechtsseitigem Menü*/
	{
	height: 0 auto;
	width:850px;
    margin: 	0 auto;
    background: transparent;
	margin:     0px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
	}
/* inhalt */


/* code darstellung */

pre 
	{ 
	padding:    10px;
	border:		3px solid #e5efb0;
	background:	#fbfcf2;
	margin:		10px 0px 10px 0px;
	}

code 
	{
	color:		#73b0df; 
	font-weight:bold
	}

/* linker Menübereich */


#steuerunglinks 
{
    float: 	none;
	width: 	15em;
	margin-left: 150px;
	padding:	5px;
    text-decoration: none;
}

#steuerunglinks p
	{
	padding:    8px;
	color:	silver;
	}

#steuerunglinks ul
	{
	list-style-type:none;
	padding: 	0px;
	margin: 	0px;
	border-bottom:0px;
	}

#steuerunglinks li 
	{
	background-color: transparent;
    border-top:0px black solid;     /* Rahmenfarbe Auflistungpunkt oben */
   border-left:0px orange solid;  /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom:0px red solid;    /* Rahmenfarbe unten  */
   border-right:0px blue solid;
    list-style-type: none;
    margin-top: 2px;
    margin-right: 0px;

    text-align: center;
	}



#steuerunglinks li:hover
	{
	background:	silver;
	}
#menuelinks
	{
	float: 		left;
	width: 		10em;
	margin: 8px 8px	8px 0px;
	padding:	5px;
	}

#menuelinks li
{
    background-color:  transparent;
    border-top:1px black solid;     /* Rahmenfarbe Auflistungpunkt oben */
   border-left:1px orange solid;  /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom:1px red solid;    /* Rahmenfarbe unten  */
   border-right:1px blue solid;
    list-style-type: none;
    margin-top: 2px;
    margin-right: 0px;

    text-align: center;
}

#menuelinks a
{
    text-decoration: none;
}

#menuelinks p
	{
	padding:    8px;
	color:	silver;
	}

#menuelinks ul
	{
	list-style-type:none;
	padding: 	0px;
	margin: 	0px;
	border-bottom:0px;
	}

#menuelinks li a
	{
	font-size: 	12px;
	text-decoration:none;
	font-weight:bold;
	padding: 	6px 5px 6px 10px;
	}



#menuelinks li:hover
	{
	background:	silver;
	}
/* footer */

#fussbereich
	{
	clear: 		left;
	width:      970px;
	padding: 	0;
	margin: 	0 auto;
	margin:     0px 0px 0px 0px;
	background: #FFFF00;
	color: #366;
	text-align: center;
    
}
	
#uhr a
{
    text-decoration: none;
    border-style: none;
    color:#366;
}

#safersite img
{
    text-decoration: none;
    border-style: none;
    color: #366;
}

#copyright
{
    font-size: 15px ;
    color:		#FF3E00;
}
/* -----------------  Classes -----------------------------------*/

.ausrichtung_oben    
{ 
    vertical-align:top;
}
.bild_mitte
{
    float: none;
    margin:   0px 0px 0px 20px;
}
.bild_mitte1
{
    float: none;
    margin:    0px 0px 0px 0px;
}
.bild_mitte2
{
    float: left;
    margin:    10px 0px 10px 0px;
}
.bild_mitte0
{
    float: none;
    margin:    0px 0px 0px 20px;
}
.bild_rechts
{
    float: right;
    margin:    0px 0px 0px 20px;
    border: 0px;
} 
.bild_rechts1
{
    float: right;
    margin:    9px 50px 0px 0px;

} 
.bild_rechts2
{
    float: right;
    margin:    9px 130px 0px 0px;
}
.bild_rechts5
{
    float: right;
    margin:    0px 0px 0px 0px;
    border: 0px;
}
.bild_links
{
    float: left;
    margin:0px 10px 0px 0px; 
}
.bild_links1
{
    float: left;
    margin:0px 10px 10px 0px;
}
.bild_links2
{
    float: left;
    margin:10px 0px 20px 0px;
}