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-position: bottom center;
	font-family: Arial;
	font-size: 	16px;
	font-weight:normal;
	color:		#257070;
	text-align:left; 
	cursor: url(https://www.kinderfreizeithof.de/pfeil.cur), progress !important;
    }

/* link formatierungen */

a 
	{
	color: 		#145F6A;
	}

a:visited 
	{
	color:		#60717b;
	}

a:hover 
	{
	color: 		#7a8b1e;
	}

a:active 
	{ 
	color:		#FF0000;
	}

/* überschriften */
h1
	{
	font-size: 	25px;
	font-weight:normal;
	padding:    5px 0px 5px 0px;
	margin:		0px;
	text-align:center;
	}

h2 
	{
	font-size: 	22px;
	font-weight:normal;
	padding:    5px 0px 5px 0px;
	margin:		0px;
	text-align:center; 
	}
h3
	{
	font-size: 	18px;
	font-weight:normal;
	padding:    5px 0px 5px 0px;
	margin:		0px;
	text-align:left; 
	}
#bereich1
	{
	background-color:transparent;
    width: 	950px;
    height:auto;
    background-position: right;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	}
#bereich2
	{
	background-color:#FFFF00;
    width: 	900px;
    height:auto;
    background-position: right;
    margin:0px 0px 0px 0px;
    padding: 0px 30px 0px 10px;
    text-align:left; 
	}
#bereich11
	{
	background-color:transparent;
	background-position: center;
    width: 	850px;
    height:  50px;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
#bereich11a
	{
	background-color:transparent;
	background-position: left;
    width: 	850px;
    height: auto;   
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:left;
    }
#bereich11b
	{
	background-color:transparent;
    width: 	850px;
    height:    auto;
    background-position: center;
    margin:0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	}    
#bereich11c
	{
	background-color:transparent;
    width: 	850px;
    height:  370px;
    line-height: 16pt;
    text-align:left; 
    margin:10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
   #bereich11d
	{
	background-color:transparent;
    width: 	850px;
    height:  auto;
    line-height: 16pt;
    text-align:left;
    margin:10px 0px 0px 0px;
    padding: 0px 0px 0px 120px;
    }
#navi {
   text-align:center;             /* Textausrichtung     */
   font-size: 	16px;
   font-weight: bold;         /* fett     */ 
   color: black;              
   margin:0px 0px 0px 0px;
}
 
#navi ul {
   list-style:none;               /* keine Aufzählungspunkte */
}
 
#navi li { 
    float: right;                   /* Anordnung liks   */
   width:0 auto;                      /* Breite des Links  */
   height: 14px;                     /* 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
	}


/* kopf logo container */


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

#copyright
{
    font-size: x-small;
}
/* -----------------  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 40px;
    border: 0px;
} 
.bild_rechts1
{
    float: right;
    margin:    9px 50px 0px 0px;

} 

.bild_links
{
    float: left;
    margin:0px 150px 0px 0px; 
}
.bild_links1
{
    float: left;
    margin:0px 10px 10px 0px;
}