* {
	margin: 0;
	padding: 0;
	font-size: 16px;
	/*font-family: "Chubby Cheeks", "Comic Sans MS", Verdana, sans-serif;*/
	font-family: "Comic Sans MS", Verdana, sans-serif;
}
html {
	background-color: white;
	height: 100%;
	width: 100%;
}
body {
	margin: 0 auto;
	height: auto;
	min-height:100%;
	padding: 0;
	width: 100%;
}
noscript {
	background-color: transparent;
	border: 0;
}
.image-wrap {
    margin: 0 !important;
    padding: 0 !important;
	font-size: 0!important;
}
img {
	border: 0px;
}
h2 {
	font-size: 22px;
}
p {
	font-size: 16px;
	line-height: 24px;
	color: #113f73;
}
a {
	color: #113f73;
	text-decoration:none;
}
.start {
	width: 552px; 
	height: 338px; 
	margin: 0 0 0 0px; 
	text-align: left;
	padding: 40px 0 0 30px;
}
.start p {
	width: 450px;
}
.left {
	margin: 30px 0 0 30px;
	color: #113f73;
	float: left;
	text-align: left;
	width: 250px;
}
.right {
	color: #113f73;
	float: right;
	width: 450px;
	text-align: left;
	margin: 30px 0 0 0px;
}
.center {
	color: #113f73;
	text-align: left;
	width: 250px;
	margin: 30px 0 0 290px;
}
.col1 {
	color: #113f73;
	text-align: left;
	width: 880px;
	margin: 30px 0 0 30px;
}
.left2col {
	vertical-align: top;
	margin: 0 0 0 30px;
	color: #113f73;
	float: left;
	text-align: left;
	width: 430px;
}
.right2col {
	vertical-align: top;
	color: #113f73;
	text-align: left;
	width: 430px;
	margin: 0 0 0 490px;
}
p.fett {
	font-weight: bold;
	color: #113f73;
}
ul.liste {
	list-style-position: inside;
	margin: 0 0 60px 0;
}
ul.liste li {
}
ul.liste li a {
	vertical-align: top;
	text-decoration: none;
	line-height: 28px;
	padding: 5px 0 0 0;
}
ul.simpleliste {
	list-style-type: none;
	margin: 10px 0 0 0;
	color: #113f73;
}
ul.simpleliste li {
	margin: 0 0 0 0;
}
ul.simpleliste li a {
	vertical-align: top;
	text-decoration: underline;
	line-height: 28px;
	padding: 5px 0 0 0;
	color: #113f73;
}
/* NAVIGATION */
#infos a:hover img, #quiz a:hover img, #plan a:hover img, #mail a:hover img, #kontakt a:hover img {
	display: block;
	visibility: hidden;
	height: 37px;
}






#jugend_lehrer a {
	background: url(../img/navi/jugend/lehrer.png) no-repeat;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 10px;
	height: 37px;
	width: 65px;
	display: block; 
}

#jugend_lehrer a:hover, #jugend_lehrer a.sel{
	background: url(../img/navi/jugend/lehrer_h.png) no-repeat;
	margin-top: 7px;

}

#jugend_schueler a {
	background: url(../img/navi/jugend/schueler.png) no-repeat;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 10px;
	height: 37px;
	width: 70px;
	display: block; 
}

#jugend_schueler a:hover, #jugend_schueler a.sel{
	background: url(../img/navi/jugend/schueler_h.png) no-repeat;
	margin-top: 7px;
}

#jugend_eltern a {
	background: url(../img/navi/jugend/eltern.png) no-repeat;
	text-decoration: none;
	margin-left: 12px;
    margin-top: 10px;
    margin-right: 16px;
	margin-top: 10px;
	height: 37px;
	width: 57px;
	display: block; 
}

#jugend_eltern a:hover, #jugend_eltern a.sel{
	background: url(../img/navi/jugend/eltern_h.png) no-repeat;
	margin-top: 7px;
}

#jugend_radschulwegplaene a {
	background: url(../img/jugendx/radschulwegplaene_low.png) no-repeat;
	text-decoration: none;
	margin-left: 10px;
	margin-top: 10px;
	height: 37px;
	width: 145px;
	display: block; 
}

#jugend_radschulwegplaene a:hover, #jugend_radschulwegplaene a.sel{
	background: url(../img/jugendx/radschulwegplaene_high.png) no-repeat;
	margin-top: 7px;
}


#jugend_info a {
	background: url(../img/jugendx/info_low.png) no-repeat;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 3px;
	height: 55px;
	width: 60px;
	display: block; 

}

#jugend_info a:hover, #jugend_info a.sel{
	background: url(../img/jugendx/info_high.png) no-repeat;
	margin-top: 3px;
}



#jugend_links a {
	background: url(../img/navi/jugend/links.png) no-repeat;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 10px;
	height: 50px;
	width: 150px;
	display: block; 

}


#jugend_angebote a {
	background: url(../img/navi/jugend/angebote.png) no-repeat;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 10px;
	height: 50px;
	width: 184px;
	display: block; 

}


#jugend_angebote a:hover, #jugend_angebote a.sel{
	background: url(../img/navi/jugend/angebote_h.png) no-repeat;
	margin-top: 7px;
}



#jugend_links a:hover, #jugend_links a.sel{
	background: url(../img/navi/jugend/links_h.png) no-repeat;
	margin-top: 7px;
}

#jugend_az a {
	background: url(../img/navi/jugend/az.png) no-repeat;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 10px;
	height: 50px;
	width: 50px;
	display: block; 

}

#jugend_az a:hover, #jugend_az a.sel{
	background: url(../img/navi/jugend/az_h.png) no-repeat;
	margin-top: 7px;
}


#jugend_impressum a {
	background: url(../img/navi/jugend/impressum.png) no-repeat;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 10px;
	height: 50px;
	width: 168px;
	display: block; 

}

#jugend_impressum a:hover, #jugend_impressum a.sel{
	background: url(../img/navi/jugend/impressum_h.png) no-repeat;
	margin-top: 7px;
}






#kinder a {
	background: url(../img/navi/kinder.png) no-repeat;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 10px;
	height: 37px;
	width: 220px;
	display: block; 
}

#kinder a:hover, #kinder a.sel{
	background: url(../img/navi/kinder_h.png) no-repeat;
	margin-top: 5px;
}


#angebot a {
	background: url(../img/navi/angebot.png) no-repeat;
	text-decoration: none;
	margin-top: 10px;
	height: 37px;
	width: 200px;
	display: block; 
}

#angebot a:hover, #angebot a.sel{
	background: url(../img/navi/angebot_h.png) no-repeat;
	margin-top: 5px;
}


#spiele a {
	background: url(../img/navi/spiele.png) no-repeat;
	text-decoration: none;
	margin-top: 10px;
	height: 37px;
	width: 140px;
	display: block; 
}

#spiele a:hover, #spiele a.sel{
	background: url(../img/navi/spiele_h.png) no-repeat;
	margin-top: 5px;
}


#links a {
	background: url(../img/navi/links.png) no-repeat;
	text-decoration: none;
	margin-top: 10px;
	height: 37px;
	width: 210px;
	display: block; 
}

#links a:hover, #links a.sel{
	background: url(../img/navi/links_h.png) no-repeat;
	margin-top: 5px;
}

#kontakt2 a {
	background: url(../img/navi/kontakt.png) no-repeat;
	text-decoration: none;
	margin-top: 10px;
	height: 37px;
	width: 190px;
	display: block; 
}

#kontakt2 a:hover, #kontakt2 a.sel{
	background: url(../img/navi/kontakt_h.png) no-repeat;
	margin-top: 5px;
}

#downloads a {
	background: url(../img/navi/downloads.png) no-repeat;
	text-decoration: none;
	margin-top: 10px;
	height: 37px;
	width: 150px;
	display: block; 
}

#downloads a:hover, #downloads a.sel{
	background: url(../img/navi/downloads_h.png) no-repeat;
	margin-top: 5px;
}


#mobilitaet a {
	background: url(../img/navi/klasse/navi1.png) no-repeat;
	height: 37px;
	width: 155px;
	display: block; 
	margin-top: 10px;
	margin-left: 3px;
}

#mobilitaet a:hover, #mobilitaet a.sel{
	background: url(../img/navi/klasse/navi1h.png) no-repeat;
}

#infos a {
	background: url(../img/navi/klasse/navi2.png) no-repeat;
	height: 37px;
	width: 213px;
	display: block; 
	margin-top: 10px;
	margin-left: 3px;
}

#infos a:hover, #infos a.sel{
	background: url(../img/navi/klasse/navi2h.png) no-repeat;
}

#quiz a {
	background: url(../img/navi/klasse/navi3.png) no-repeat;
	height: 37px;
	width: 110px;
	display: block; 
	margin-top: 10px;
	margin-left: 0px;
}

#quiz a:hover, #quiz a.sel{
	background: url(../img/navi/klasse/navi3h.png) no-repeat;

}


#fahrradtraining a {
	background: url(../img/navi/klasse/navi4.png) no-repeat;
	height: 37px;
	width: 131px;
	display: block; 
	margin-top: 10px;
	margin-left: 0px;
}


#fahrradtraining a:hover, #fahrradtraining a.sel{
	background: url(../img/navi/klasse/navi4h.png) no-repeat;
}



#plan a {
	background: url(../img/navi/klasse/navi5x.png) no-repeat;
	height: 37px;
	width: 235px;
	display: block; 
	margin-top: 10px;
	margin-left: 9px;
}

#plan a:hover, #plan a.sel{
	background: url(../img/navi/klasse/navi5xh.png) no-repeat;
}



#kontakt a {
	background: url(../img/navi/klasse/navi6.png) no-repeat;
	height: 37px;
	width: 160px;
	display: block; 
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 19px;
}

#kontakt a:hover, #kontakt a.sel{
	background: url(../img/navi/klasse/navi6h.png) no-repeat;

}





#floriansdorf_angebot a {
	background: url(../img/navi/floriansdorf/angebot.png) no-repeat;
	height: 28px;
	width: 128px;
	display: block; 
	margin-top: 10px;
	margin-right: 31px;
}

#floriansdorf_angebot a:hover, #floriansdorf_angebot a.sel{
	background: url(../img/navi/floriansdorf/angebot_h.png) no-repeat;
}


#floriansdorf_bildergalerie a {
	background: url(../img/navi/floriansdorf/bildergalerie.png) no-repeat;
	height: 28px;
	width: 110px;
	display: block; 
	margin-top: 10px;
	margin-right: 31px;
}

#floriansdorf_bildergalerie a:hover, #floriansdorf_bildergalerie a.sel{
	background: url(../img/navi/floriansdorf/bildergalerie_h.png) no-repeat;
}


#floriansdorf_helfer a {
	background: url(../img/navi/floriansdorf/helfer.png) no-repeat;
	height: 28px;
	width: 149px;
	display: block; 
	margin-top: 10px;
	margin-right: 31px;
}

#floriansdorf_helfer a:hover, #floriansdorf_helfer a.sel{
	background: url(../img/navi/floriansdorf/helfer_h.png) no-repeat;
}


#floriansdorf_termine a {
	background: url(../img/navi/floriansdorf/termine.png) no-repeat;
    height: 28px;
    width: 140px;
    display: block;
    margin-top: 10px;
    margin-right: 32px;
}

#floriansdorf_termine a:hover, #floriansdorf_termine a.sel{
	background: url(../img/navi/floriansdorf/termine_h.png) no-repeat;
}


#floriansdorf_downloads a {
	background: url(../img/navi/floriansdorf/downloads.png) no-repeat;
	height: 28px;
	width: 89px;
	display: block; 
	margin-top: 10px;
	margin-right: 31px;
}

#floriansdorf_downloads a:hover, #floriansdorf_downloads a.sel{
	background: url(../img/navi/floriansdorf/downloads_h.png) no-repeat;
}


#floriansdorf_impressum a {
	background: url(../img/navi/floriansdorf/impressum.png) no-repeat;
	height: 28px;
	width: 169px;
	display: block; 
	margin-top: 10px;
}

#floriansdorf_impressum a:hover, #floriansdorf_impressum a.sel{
	background: url(../img/navi/floriansdorf/impressum_h.png) no-repeat;
}




#mail a {
	background: url(../img/navi/navi4.png) no-repeat;
	height: 37px;
	width: 200px; 
	display: block; 
	margin-top: 10px;
	margin-left: 3px;
}

#mail a:hover, #mail a.sel{
	background: url(../img/navi/navi4_h.png) no-repeat;
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 3px;

}


.bx-wrapper *{
	font-size: 0!important;
}



/* TOPMENU TOPMENU */

#kita a {
	background: url(../img/navi/kita.png) no-repeat;
	height: 31px;
	width: 62px;
	margin-right: 105px;
	display: block; 
}

#kita a:hover, #kita a.sel{
	background: url(../img/navi/kita_h.png) no-repeat;
}


#schule a {
	background: url(../img/navi/schule.png) no-repeat;
	height: 31px;
	width: 186px;
	margin-right: 105px;
	display: block; 
}

#schule a:hover, #schule a.sel{
	background: url(../img/navi/schule_h.png) no-repeat;
}

#schuleplus a {
	background: url(../img/navi/schuleplus.png) no-repeat;
	height: 31px;
	width: 205px;
	margin-right: 100px;
	display: block; 
}

#schuleplus a:hover, #schuleplus a.sel{
	background: url(../img/navi/schuleplus_h.png) no-repeat;
}

#floriansdorf a {
	background: url(../img/navi/floriansdorf.png) no-repeat;
	height: 31px;
	margin-right: 0px;
	width: 180px;
	display: block;
}

#floriansdorf a:hover, #floriansdorf a.sel{
	background: url(../img/navi/floriansdorf_h.png) no-repeat;
}


/* TOPMENU TOPMENU AUF KITA */

.kindergarten #kita a {
	background: url(../img/navi/mainmenu/kita_high.png) no-repeat;
}

.kindergarten #kita a:hover, .kindergarten #kita a.sel{
	background: url(../img/navi/mainmenu/kita_high.png) no-repeat;
}


.kindergarten #schule a {
	background: url(../img/navi/mainmenu/1-4_klasse_kita_low.png) no-repeat;
}

.kindergarten #schule a:hover, .kindergarten #schule a.sel{
	background: url(../img/navi/mainmenu/1-4_klasse_high.png) no-repeat;
}

.kindergarten #schuleplus a {
	background: url(../img/navi/mainmenu/5-10_klasse_kita_low.png) no-repeat;
}

.kindergarten #schuleplus a:hover, .kindergarten #schuleplus a.sel{
	background: url(../img/navi/mainmenu/5-10_klasse_high.png) no-repeat;
}

.kindergarten #floriansdorf a {
	background: url(../img/navi/mainmenu/floriansdorf_kita_low.png) no-repeat;
}

.kindergarten #floriansdorf a:hover, .kindergarten #floriansdorf a.sel{
	background: url(../img/navi/mainmenu/floriansdorf_high.png) no-repeat;
}


/* TOPMENU TOPMENU AUF GRUNDSCHULE */

.grundschule #kita a {
	background: url(../img/navi/mainmenu/kita_1-4_low.png) no-repeat;
}

.grundschule #kita a:hover, .grundschule #kita a.sel{
	background: url(../img/navi/mainmenu/kita_high.png) no-repeat;
}


.grundschule #schule a {
	background: url(../img/navi/mainmenu/1-4_klasse_1-4_low.png) no-repeat;
}

.grundschule #schule a:hover, .grundschule #schule a.sel{
	background: url(../img/navi/mainmenu/1-4_klasse_high.png) no-repeat;
}

.grundschule #schuleplus a {
	background: url(../img/navi/mainmenu/5-10_klasse_1-4_low.png) no-repeat;
}

.grundschule #schuleplus a:hover, .grundschule #schuleplus a.sel{
	background: url(../img/navi/mainmenu/5-10_klasse_high.png) no-repeat;
}

.grundschule #floriansdorf a {
	background: url(../img/navi/mainmenu/floriansdorf_1-4_low.png) no-repeat;
}

.grundschule #floriansdorf a:hover, .grundschule #floriansdorf a.sel{
	background: url(../img/navi/mainmenu/floriansdorf_high.png) no-repeat;
}

/* TOPMENU TOPMENU AUF 5-10KLASSE */

.schule #kita a {
	background: url(../img/navi/mainmenu/kita_5-10_low.png) no-repeat;
}

.schule #kita a:hover, .schule #kita a.sel{
	background: url(../img/navi/mainmenu/kita_high.png) no-repeat;
}


.schule #schule a {
	background: url(../img/navi/mainmenu/1-4_klasse_5-10_low.png) no-repeat;
}

.schule #schule a:hover, .schule #schule a.sel{
	background: url(../img/navi/mainmenu/1-4_klasse_high.png) no-repeat;
}

.schule #schuleplus a {
	background: url(../img/navi/mainmenu/5-10_klasse_5-10_low.png) no-repeat;
}

.schule #schuleplus a:hover, .schule #schuleplus a.sel{
	background: url(../img/navi/mainmenu/5-10_klasse_high.png) no-repeat;
}

.schule #floriansdorf a {
	background: url(../img/navi/mainmenu/floriansdorf_5-10_low.png) no-repeat;
}

.schule #floriansdorf a:hover, .schule #floriansdorf a.sel{
	background: url(../img/navi/mainmenu/floriansdorf_high.png) no-repeat;
}


/* TOPMENU TOPMENU AUF Fliriansdorf */

.floriansdorf #kita a {
	background: url(../img/navi/mainmenu/kita_florian_low.png) no-repeat;
}

.floriansdorf #kita a:hover, .floriansdorf #kita a.sel{
	background: url(../img/navi/mainmenu/kita_high.png) no-repeat;
}


.floriansdorf #schule a {
	background: url(../img/navi/mainmenu/1-4_klasse_florian_low.png) no-repeat;
}

.floriansdorf #schule a:hover, .floriansdorf #schule a.sel{
	background: url(../img/navi/mainmenu/1-4_klasse_high.png) no-repeat;
}

.floriansdorf #schuleplus a {
	background: url(../img/navi/mainmenu/5-10_klasse_florian_low.png) no-repeat;
}

.floriansdorf #schuleplus a:hover, .floriansdorf #schuleplus a.sel{
	background: url(../img/navi/mainmenu/5-10_klasse_high.png) no-repeat;
}

.floriansdorf #floriansdorf a {
	background: url(../img/navi/mainmenu/floriansdorf_florian_low.png) no-repeat;
}

.floriansdorf #floriansdorf a:hover, .floriansdorf #floriansdorf a.sel{
	background: url(../img/navi/mainmenu/floriansdorf_high.png) no-repeat;
}


/* TOPMENU TOPMENU AUF HOMe */

.homeclass #kita a {
	background: url(../img/navi/mainmenu/kita_start_low.png) no-repeat;
}

.homeclass #kita a:hover, .homeclass #kita a.sel{
	background: url(../img/navi/mainmenu/kita_high.png) no-repeat;
}


.homeclass #schule a {
	background: url(../img/navi/mainmenu/1-4_klasse_start_low.png) no-repeat;
}

.homeclass #schule a:hover, .homeclass #schule a.sel{
	background: url(../img/navi/mainmenu/1-4_klasse_high.png) no-repeat;
}

.homeclass #schuleplus a {
	background: url(../img/navi/mainmenu/5-10_klasse_start_low.png) no-repeat;
}

.homeclass #schuleplus a:hover, .homeclass #schuleplus a.sel{
	background: url(../img/navi/mainmenu/5-10_klasse_high.png) no-repeat;
}

.homeclass #floriansdorf a {
	background: url(../img/navi/mainmenu/floriansdorf_start_low.png) no-repeat;
}

.homeclass #floriansdorf a:hover, .homeclass #floriansdorf a.sel{
	background: url(../img/navi/mainmenu/floriansdorf_high.png) no-repeat;
}


.menubackground{
	background-color: #fdde4c;
}

.grundschule .menubackground{
	background-color: #679dcb;
}

.schule .menubackground{
	background-color: #83bf1a;
}

.floriansdorf .menubackground{
	background-color: #52bfc3;
}

.homeclass #mainnavi{
	display: none;
}

.homeclass .menubackground{
	background-color: transparent;
}

.homeclass{
	background-image: url("../img/startbackground.png");
	background-repeat:repeat-x;
}


#home > a {
    margin-right: 40px;
}


.menuwrapper{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1010px;
	overflow: hidden;
	height: 89px;
}

/* MASTER */
#wrapper {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1010px;
	overflow: hidden;
/*	text-align: center;*/
}
#head {
	width: 1010px;
	height: 220px;
}
#topnavi {
	height: 41px;
	width: 100%;
	margin-top: 10px;
	background-color: transparent;
}
#mainnavi, #topnavi {
	height: 42px;
	width: 100%;
	background-color: transparent;
}
#mainnavi ul, #topnavi ul {
	list-style: none;
}
#mainnavi li , #topnavi li {
	float: left;
	height: 37px;
}
#content {
	width: 1010px;
	position: relative;
	height: auto!important;
	min-height:400px;
	overflow: visible!important; 
	
	margin-top: 22px;
}
.scrollY {
	overflow-x:hidden;
	overflow-y:auto;
}
#strasse {
	background: url(../img/ani_dummy.jpg) no-repeat;
	width: 1010px;
	height: 220px;
}
#navi_z {
	position: absolute; 
	right: 88px;
	top: 40px;
}
#navi_w {
	position: absolute; 
	right: 48px;
	top: 40px;
}
#navi_kks {
	position: absolute; 
	right: 2px;
	top: 285px;
}
#print {
	position: absolute; 
	left: 72px;
	top: 155px;
	color: #af2308;
}
#print a {
	text-decoration: none;
	color: #af2308;
}
#print a:hover {
	color: #e52702;
}
#content_navi {
	position: absolute; 
	top: 0px; 
	left: 792px; 
	width: 218px; 
	height: 336px;
}

.header:hover, .flaechelink:hover{
	cursor: pointer;
} 

#jjplayer {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: transparent;
	height: 0px;
	width: 0px;
}
.jp-audio {
	display: none;
}
#sound {
	margin: 14px 0 0 -8px;
	cursor: pointer;
}

a.fancybox {
    margin-right: 21px;
}

.kita_content{
	color: #d63748;
	padding-left: 30px;
}

.kita_content *{
	color: #d63748!important;
}

.jugend_content{
	color: #017622;
	padding-left: 30px;
}

.jugend_content *{
	color: #017622!important;
}

.floriansdorf_content{
	color: #21767a;
	font-size: 14px;
}

.floriansdorf_content *{
	color: #21767a!important;
	font-size: 14px;
}