html {  
    height: 100%; 
    max-height: 100%; 
    overflow: hidden; 
    padding: 0px;
    margin: 0px; 
    border: 0px;
}


body { 
    font-size: 76%;  
    margin: 0px; 
    padding: 0px; 
    font-family: comic-sans, arial, verdana, helvetica, sans-serif;
    color: #000000;  
    font-weight: normal;   
    overflow: hidden;   
    background-color: #ffffff;  
    line-height: 130%;
}
                  
.sitebody { 
    width: 100%; 
    height: 100%; 
    max-height:100%; 
    border: 0px;
}


#page { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%;
    text-align: center;
}
#page2 { 
    min-width: 794px; 
    max-width: 1004px; 
    height: 100%;
    border-right: 1px solid #f89934; 
    border-left: 1px solid #f89934;
}       

* html #page { 
    position: relative; 
    width: 100%;
    border-right: 0px solid #000000;
}

* html #page2 {  
	display:inline-block; 
    position: relative; 
}

/***  Begin Head ***/           


#kopfzeile {
    overflow: hidden; 
    position: absolute; 
    z-index: 5;
    top: 0px; 
    bottom: 0px; 
    left: 260px; 
    right: 0px;
    padding-top: 10px; 
    height: 250px;
    background-image: url(images/top.jpg);
    background-repeat: no-repeat; 
    text-align: left;
}

* html #kopfzeile {
    left: 0px;  
    max-height:100%; 
    width:100%; 
    z-index: 5;
    border-top: 0px; 
    border-left: 250px solid #000000;   
}


div.ueberschrift { 
    position: relative; 
    top: 210px; 
    text-align: center; 
    width: 550px;
}

h2.rund-h2 {
    font-family: Comic Sans MS, arial, sans-serif;

}
h2.ueberschrift-h2 {  
    font-size: 1.6em; 
    font-weight: bold; 
    font-family: Comic Sans MS, arial, sans-serif; 
    font-style: italic; 
    color: #2A325F; 
    margin-top: 0px; 
    padding-top: 0px; 
    letter-spacing: 2px;
}


/***  Ende Head ***/
                                                          
p { 
    line-height: 110%;  
}
                                                                                                                  
a {  
    font-weight: bold; 
    text-decoration: none;  
    color: #ffea00; 
}

a:link { 
    color: #2a325f;
}
                                                        
a:visited { 
    color: #2a325f;
}

a:hover { 
    color: #2a325f;
}       

a:active { 
    color: #2a325f;
}

/***  Begin Content ***/        

#titel { 
    display: none;
}
                                        
#inhalt { 
    position: absolute; 
    overflow: auto; 
    top: 250px; 
    bottom: 20px; 
    left: 260px; 
    right: 0px; 
    padding-right: 90px;
    padding-top: 10px; 
    background-image: url(images/content.jpg); 
    background-repeat: no-repeat; 
    text-align: left; 
    z-index: 3; 
    padding-left: 20px; 
    background-color: #ffffff; 
}

* html #inhalt { 
    top: 0px; 
    left: 0px; 
    height: 100%; 
    max-height: 100%; 
    width: 100%; 
    border-top: 223px solid #000000; 
    border-bottom: 20px solid #ffffff; 
    border-left: 250px solid #000000; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: 0px 0px;
}


#inhalt p { 
    padding-left: 5px; 
    padding-right: 15px; 
}

#inhalt table { 
    margin-left: 5px; 
    margin-right: 15px;
}
.index { 
    margin-top: 0px; 
}
.galerie { 
    margin-top: 50px; 
}
img { 
    border: 0px;
}
 ul {
     margin-left: 10px; 
     padding-left: 19px;
 }
/***  Ende Content ***/

/***  Begin Bottom ***/

#bottom { 
    z-index: 9; 
    position: absolute;  
    background-color: #fff17c; 
    margin:0px; 
    bottom:  0px; 
    left:0px; 
    display: block; 
    width: 100%;  
    width: 1004px; 
    height: 20px; 
    overflow: hidden; 
    border-top: 1px solid #2a325f; 
    padding-top: 2px;
}

#bottom a { 
    font-weight: normal; 
}
.impressum { 
    margin-right: 30px; 
    color: #2a325f; 
}
.kontakt { 
    margin-right: 30px; 
    color: #2a325f; 
}
.gaestebuch { 
    display: none;
}
.links { 
    margin-right: 30px; 
    color: #2a325f; 
}

/***  Ende Bottom ***/  


/***  Begin Navigation ***/    


#navigation { 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    bottom: 0px; 
    width: 260px; 
    z-index: 6; 
    overflow: hidden; 
    background-image: url(images/left.jpg); 
    background-repeat: no-repeat; 
    font-family: Comic Sans MS, arial, sans-serif;
    margin-top: 0px; 
    padding-top: 0px; 
    text-align: left; 
    background-color: #ffffff;
}

* html #navigation { 
    height: 100%; 
    border-top: 0px solid #000000;  
    border-bottom: 0px; 
    color: #000000;
}

                            
.logo { 
    margin-left: 10px; 
    margin-top: 10px; 
}

ul.navigation { 
    margin-bottom: 0px; 
    padding-bottom: 0px; 
    margin-top: 120px; 
    padding-top: 0px; 
    line-height: 1.10em;
}



a.navigationebene1, a.navigationebene1:link, a.navigationebene1:visited { 
    color: #2a325f;
    font-weight: bold;
    padding-bottom: 7px;
}

a.navigationebene1:hover { 
    font-weight: bold; 
}


ul.navigation { 
    width: 260px; 
    margin-left: 0px; 
    padding-left: 0px; 
}
                                                                        
ul.navigation li { 
    list-style: none; 
    margin-top: 0px; 
    padding-top: 0px; 
    padding-bottom: 0px;
}
ul.navigation>li { 
    list-style: none; 
    margin-top: 0px; 
    padding-top: 0px; 
    padding-bottom: 0px;
}
                                                                
ul.navigation li a {  
    text-decoration: none;
}
                                       
li.wirueberuns { 
    padding-left: 185px; 
    margin-bottom: 10px; 
}
li.wiearbeitenwir { 
    padding-left: 155px; 
    margin-bottom: 10px; 
}
li.elterninfo { 
    padding-left: 142px; 
    margin-bottom: 10px; 
}
li.oeffnungszeiten { 
    padding-left: 120px; 
    text-indent: 10px; 
    margin-bottom: 10px; 
}
li.galerie { 
    padding-left: 110px; 
    margin-bottom: 10px; 
}
li.gaestebuch { 
    padding-left: 130px; 
    margin-bottom: 10px; 
}
li.jobs { 
    padding-left: 110px; 
    margin-bottom: 10px; 
}
li.kontakt { 
    padding-left: 108px; 
    margin-bottom: 10px; 
}
li.anfahrt { 
    padding-left: 105px; 
    margin-bottom: 10px; 
}
li.impressum { 
    padding-left: 110px; 
    margin-bottom: 10px; 
}
li.startseite { 
    padding-left: 115px; 
}
                                
/*** Ende Navigation  ***/ 


/*** Kontakt-Seite  ***/ 

div.kontakt {  
    width: 510px; 
    text-align: center; 
} 

table.routenplanerziel { 
    border: 0px; 
    width: 168px; 
}

/*** Ende Kontakt  ***/ 

/*** Impressum-Seite  ***/ 

div.impressum {  
    width: 560px; 
} 

/*** Ende Impressum  ***/ 

#oeffnungszeiten { 
    padding-left: 15px; 
}
#kontakt { 
    padding-left: 15px; 
}
#elterninfo { 
    padding-left: 15px; 
}
#jobs { 
    padding-left: 15px; 
}
#ueberuns { 
    padding-left: 15px; 
}
#impressum { 
    padding-left: 15px; 
}
#elterninfo p {  
    line-height: 150%;
}