@font-face {
    font-family: 'comic_reliefregular';
    src: url('ComicRelief-webfont.eot');
    src: url('ComicRelief-webfont.eot?#iefix') format('embedded-opentype'),
         url('ComicRelief-webfont.woff') format('woff'),
         url('ComicRelief-webfont.ttf') format('truetype'),
         url('ComicRelief-webfont.svg#comic_reliefregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* { margin: 0; padding: 0; border: 0; }
html {height:100%;}
body { font-family: Arial; font-size:14px; color:#556670; background-color:#76b72a; height:100%; overflow-y:scroll; text-align:center; line-height: 18px; }
h1 { margin: 0px 0px 20px 0px; color:#4bb34e; font-size:32px; font-weight:normal; }
h2 { margin: 10px 0px 10px 0px; color:#4bb34e; font-size:23px; font-weight:normal; }
a { color:#4bb34e; text-decoration: none; }
strong { color:#4bb34e; }
hr { margin: 10px 0px 10px 0px; color:#4bb34e; border: 1px solid; }
span.blue { color: #0c65f5; font-weight: bold; }
#main { position:relative; width:100%; max-width: 1100px; margin:0px auto 0px auto; height:auto; }

#head { display:block; position:relative; width:100%; background-color: #FFFFFF; }

#logo { width:30%; max-width:162px; height:auto; margin-top:95px; }

#topmenu { position:fixed; top:0px; left:0px; background-color:#FFFFFF; width:100%; height:35px; text-align:center; z-index:198; }
#topmenu ul { float:right; list-style-type: none; height:30px; margin: 5px 5px 5px 0px; }
#topmenu ul.menu { margin-top:-15px; }

#topmenu ul li{ display: inline-block; padding-left:5px; }
/* #topmenu ul li a{ line-height:30px; color:#76b72b; text-decoration:none; font-size:12px; font-weight:bold; font-family: 'Shadows Into Light Two', cursive; text-transform:uppercase; } */
#topmenu ul li a{ line-height:30px; color:#76b72b; text-decoration:none; font-size:10.5px; font-weight:bold; font-family: 'comic_reliefregular'; text-transform:uppercase; }
#topmenu ul li a:hover, #topmenu ul li.active a{ color: #e50100; }
div.mod-languages li { margin-left: 2px; margin-right: 40px; }

.show-menu{ position:fixed; top:0px; right:5px;height:30px; width:30px; text-decoration:none;background-image:url('../images/background_resmenu.png');background-position:top right;background-repeat:no-repeat;display:block;z-index:200;cursor:pointer; }
input[type=checkbox]{display:none;-webkit-appearance:none;}
input[type=checkbox]:checked ~ #menu{display:block;  }

#menu{display:none; position: absolute; width:100%; height:100%; top:35px; z-index: 190;background-color: #FFFFFF; text-align:left; z-index:199; }
#menu ul{ padding:10px 0px 35px 0px; list-style-type: none;background-color:transparent; margin: 0px; width:100%; }
#topmenu ul.menu { margin-top:5px; }
#menu ul li { background-color: transparent; }
/* #menu ul li a { display:block; text-decoration:none; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:18px; line-height: 30px; height:30px; margin:5px; padding: 5px;font-family: 'Shadows Into Light Two', cursive; } */
#menu ul li a { display:block; text-decoration:none; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:18px; line-height: 30px; height:30px; margin:5px; padding: 5px;font-family: 'comic_reliefregular'; }
#menu ul li:nth-child(1) a { background-color: #00e592; }
#menu ul li:nth-child(2) a { background-color: #89ce17; }
#menu ul li:nth-child(3) a { background-color: #e8c800; }
#menu ul li:nth-child(4) a { background-color: #e57700; }
#menu ul li:nth-child(5) a { background-color: #be66ef; }
#menu ul li:nth-child(6) a { background-color: #8959ee; }
#menu ul li:nth-child(7) a { background-color: #3a4dcf; }

#menu ul li a:hover, #menu ul li.active a{ background-color: #e50100; }

#illu { position: relative; width:100%; margin:0px 0px 0px 0px; overflow:hidden; line-height:0px; }
#illu img{ width:100%; height:auto; }

#content { position: relative; margin: 0px 0px 5px 0px; }
.item-page { padding:15px 0px 100px 0px; text-align: left; line-height:30px; background-color: #FFFFFF; background-image: url('../images/bg_default.jpg'); background-position: bottom right; background-size: 100% auto; moz-background-size: 100% auto; background-repeat: no-repeat; }
.item-page.ueber_uns { background-image: url('../images/bg_ueber_uns.jpg'); }
.item-page.news { background-image: url('../images/bg_news.jpg'); }
.item-page.eltern { background-image: url('../images/bg_eltern.jpg'); }
.item-page.anmeldung { background-image: url('../images/bg_anmeldung.jpg'); }
.item-page.alltag { background-image: url('../images/bg_alltag.jpg'); }
.item-page.team { background-image: url('../images/bg_team.jpg'); }
.item-page.konzept { background-image: url('../images/bg_konzept.jpg'); }
.item-page.kontakt { background-image: url('../images/bg_kontakt.jpg'); }

.item-page div{ padding:0px 15px 0px 15px; }
.item-page p{ margin: 10px 0px 15px 0px; }
.item-page.kontakt img{ width:100%; height:auto; }
#left_illu { display: none; }
#content ul.teamm { list-style-type:none; text-align: center; }
#content ul.teamm li{ display: inline-block; vertical-align: top; min-width:40%; max-width:320px; line-height:normal; padding-bottom:20px; }


#footer { width: 100%; color: #FFFFFF; text-align: left;}
#footer ul{ list-style-type: none; font-size: 0px; margin: 0px 5px 25px 5px;}
#footer ul li{ display:inline-block; vertical-align: bottom; width:100%; font-size: 14px; }
#footer ul li:last-child{ text-align: right; }
#footer a{ color:#FFFFFF; text-decoration: none; }

@media all and (min-width:470px){
	#logo { margin-top:50px; }

}

@media all and (min-width:500px){
	#main { margin:25px auto 0px auto; }
	.show-menu{ display:none; }
	#head { position:relative;width:100%; background-color:#FFFFFF;; text-align: left; }

	#logo { position:relative;width:18%; margin-top:0px; z-index:200; }
	
	#topmenu { position:absolute; top:0px; bottom: 0px; background-color:transparent; width:100%; height:100%; text-align:center; z-index:auto; }
	#topmenu_container { position:relative; height:100%;}
	#topmenu_inner { position:absolute; bottom:40px; right:0px; width:100%; height:35px; text-align:center; z-index:198; }
	#topmenu ul { float:right; list-style-type: none; height:30px; z-index:200; }	

	#topmenu ul li{ margin-left:10px; }
	#topmenu .mod-languages ul li{ margin-right:10px; }
	#topmenu ul li a{ font-size:11px; }
	div.mod-languages li { margin-left: 5px; margin-right: 5px; }
	
	
	
	#mainmenu { position:absolute; top:0px; bottom: 0px; background-color:transparent; width:100%; height:100%; text-align:center; z-index:auto; }
	#mainmenu_container { position:relative; height:100%;}
	#mainmenu_inner { position:absolute; bottom:0px; right:0px; width:82%; height:35px; text-align:center; z-index:auto; background-color: #CC0000; }
	
	#menu{display:block; position:relative; top:0px; }
	#menu ul{ padding:0px 0px 0px 0px; list-style-type: none; font-size:0px; height:35px; text-align: right; }
	#menu ul li { display:inline-block; padding:0px 4px 0px 0px; }
	#menu ul li a {  display:block; position:relative; font-size:9.5px; height:35px;line-height:35px; padding: 0px 3px 0px 3px; margin:0px; }
	#content { position: relative; margin: 25px 0px 5px 0px; }
	.item-page{ margin: 0% 0% 0% 17.5%; padding:30px 0px 100px 10.5%; }
	.item-page.konzept, .item-page.team, .item-page.default { margin: 0px; padding:40px 0px 100px 40px; }
	.item-page.kontakt { margin: 0px; padding:40px 0px 50px 40px; }
	#left_illu { display: block; position:absolute; top: 0px; left: 0px; width:27%; }
	#left_illu img{ width:100%; height:auto; margin: -50px 0px 0px 0px; }
	#left_illu.news img{ width:100%; height:auto; margin: -50px 0px 0px 10px; }
	
	
}

@media all and (min-width:700px){
	#menu ul li { width:13%; text-align: center; }
	.item-page.kontakt #karte{ width:50%; float:left; margin:-100px 0px 0px -50px; }
}

@media all and (min-width:800px){
	#menu ul li { width:13%; padding:0px 8px 0px 0px; }
	.item-page.team { padding:40px 0px 160px 40px; }
	.item-page.eltern{ padding:30px 0px 160px 10.5%; }
	.item-page.kontakt { padding:40px 0px 80px 40px; }
	/* #content .teamm img {   }
	#content .teamm { clear:left; }
	#content .teamm p:first-child { display:block; width:300px; margin: 0px 10px 0px 0px; float:left; }
	#content .teamm p:nth-child(2) { padding-top:50px; } */
	
}

@media all and (min-width:1000px){
	body { background-image: url('../images/background.jpg'); background-position: top center; }
	#logo { width:17%; margin-left:15px; }
	#topmenu_inner { bottom:50px; }
	#topmenu ul li a{ font-size:11.5px; }
	#mainmenu_inner { width:83%; height:45px;}

	#menu ul{ height:45px; }
	#menu ul li { width:13.3%; max-width:122px; }
	#menu ul li a {  font-size:11.5px;height:45px;line-height:45px; }
	.item-page.news { min-height:300px; }
	#footer ul li{ width:85%; }
	#footer ul li:last-child{ width:15%; }
}

@media all and (min-width:1200px){
	.item-page.kontakt #karte{ width:50%; float:left; margin:-100px 0px 0px -100px; }
	#left_illu.ueber_uns img{ margin: -50px 0px 0px -50px; }
	/* #content .teamm p:first-child { margin: 0px 20px 0px -90px; } */
}