@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

	
/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:13px/20px "Trebuchet MS", Arial, Verdana;
	color:#ffffff;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #64CFF1 url(../images/bg.jpg) repeat-x top center;
	height:100%;
	width:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

h1 {
	font: bold 25px "Trebuchet MS", Arial, Verdana;
	color: #ffe52a;
	padding: 0 0 20px 0;
}
h2 {
	font: bold 14px "Trebuchet MS", Arial, Verdana;
	color: #fff;
	padding: 0 0 15px 0;
}
h3 {
	font: bold 15px "Trebuchet MS", Arial, Verdana;
	color: #ffe52a;
	padding: 0 0 10px 0;
}
h4 {
	font: bold 13px "Trebuchet MS", Arial, Verdana;
	color: #ffe52a;
	padding: 0 0 10px 0;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

.clear { clear:both; float:none; }

.float-left { float:left;	margin: 4px 8px 4px 0; }
.float-right { float:right; margin: 4px 0 4px 8px; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:0 auto;
	width: 980px;
	min-height:100%;
	
}
#background {
	background:url(../images/background.jpg) top center no-repeat;
	width:100%;
	height:800px;
	position:absolute;
}
#container-content {width:980px;background:url(../images/bg-content-kachel.jpg) repeat-y 254px 0;height:100%;}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width: 980px;
	height:364px;
	position:relative;
	z-index:100!important;
}

h1#branding a {
	display:block; 
	width:296px; 
	height:163px;
	position:absolute;
	z-index:100;
	text-indent:-5000px; 
	background:url(../images/logo.png);
	top:21px;
	left:58px;
}
#junge { background:url(../images/bg-junge-ball.png); width:227px; height:73px; position:absolute; bottom:0px; left:56px; z-index:100; }
#ueberschrift { background:url(../images/h1-willkommen.png); width:401px; height:24px; position:absolute; bottom:10px; left:290px; z-index:100; text-indent:-6000px; }
/*---------------------------------------------------------------------------------------
--------------------------------------LEFT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar {
	width:245px;
	min-height:360px;
	_height:360px;
	padding:34px 10px 0 9px;
	float:left;
	background:url(../images/bg-content-sidebar.jpg) no-repeat;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LEFT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-right {
	width:161px;
	min-height:380px;
	float:left;
	background:url(../images/bg-content-right.jpg) no-repeat;
}

#content-right h3 { color:#ffec67; font-size:15px; font-weight:bold; }
#content-right .oeffnungszeiten { width:146px; padding:30px 0 0 15px; margin-bottom:36px; }
#content-right p { line-height:19px; margin-bottom:10px; }

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi {
	width:245px;
	background:url(../images/bg-navi.jpg);

}
#navi li {
	width:245px;
}
#navi li a {
	display:block;
	width:245px;
	height:20px;
	text-indent:-6000px;
}
#navi li.n1 a { height:44px; }
#navi li.n2 a { height:39px; }
#navi li.n3 a { height:42px; }
#navi li.n4 a { height:35px; }
#navi li.n5 a { height:42px; }
#navi li.n6 a { height:39px; }
#navi li.n7 a { height:42px; }
#navi li.n8 a { height:32px; }

#navi li.n1 a:hover { background:url(../images/bg-navi.jpg) -245px 0; }
#navi li.n2 a:hover { background:url(../images/bg-navi.jpg) -245px -44px; }
#navi li.n3 a:hover { background:url(../images/bg-navi.jpg) -245px -83px; }
#navi li.n4 a:hover { background:url(../images/bg-navi.jpg) -245px -125px; }
#navi li.n5 a:hover { background:url(../images/bg-navi.jpg) -245px -160px; }
#navi li.n6 a:hover { background:url(../images/bg-navi.jpg) -245px -202px; }
#navi li.n7 a:hover { background:url(../images/bg-navi.jpg) -245px -241px; }
#navi li.n8 a:hover { background:url(../images/bg-navi.jpg) -245px -283px; }

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/

ul#navi-top {
	height:140px;
	position:absolute;
	width:210px;
	right:36px;
	top:0;
	padding:166px 0 0 0;
	background:url(../images/bg-navi-top.png);
	z-index:100!important;
}
ul#navi-top li {
	float:left;
}
ul#navi-top li a {
	display:block;
	width:210px;
	text-indent:-6000px;
}

ul#navi-top li.s1 a { height:61px; }
ul#navi-top li.s2 a { height:42px; }
ul#navi-top li.s3 a { height:37px; }

ul#navi-top li.s1 a:hover {background:url(../images/bg-navi-top.png) -210px -166px; }
ul#navi-top li.s2 a:hover {background:url(../images/bg-navi-top.png) -210px -227px; }
ul#navi-top li.s3 a:hover {background:url(../images/bg-navi-top.png) -210px -269px; }

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI ADD RIGHT--------------------------------------------
---------------------------------------------------------------------------------------*/

ul#navi-add {
	height:70px;
	width:161px;
	background:url(../images/bg-navi-add.jpg);
	padding:12px 0 8px 0;
}
ul#navi-add li {
	float:left;
}
ul#navi-add li a {
	display:block;
	width:161px;
	height:26px;
	text-indent:-6000px;
}
ul#navi-add li.s1 a:hover {background:url(../images/bg-navi-add.jpg) -161px -12px; }
ul#navi-add li.s2 a:hover {background:url(../images/bg-navi-add.jpg) -161px -38px; }
ul#navi-add li.s3 a:hover {background:url(../images/bg-navi-add.jpg) -161px -64px; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {
	width:489px;
	float:left;
	min-height:400px;
	_height:400px;
	padding:35px 40px 20px 26px;
	background:url(../images/bg-content.jpg) top left no-repeat;
}

#content-main .box { padding:3px 10px 5px 10px; background:#000; margin-bottom:20px; }
#content-main .img-team { float:left; width:220px; margin-right:10px; text-align:center; }
#content-main .txt-team { width:220px; text-align:center; margin-top:5px; }

/*------------------ Images Kindergeburtstag ------------------*/

.imagebox { width:209px; height:auto;}
.imagebox2 { width:192px; height:auto;}
/*------------------ iFrame Anfahrt ------------------*/

#content-main iframe { 
	border:1px solid #ffec00; 
	padding:4px;
	background:none;
}

/*---------------- Textformatierungen ----------------*/

#content-main p { 
	margin: 0 0 15px 0px; 
}

#content-main ul {
	margin-bottom:15px;
}

#content-main li { 
	background:url(../images/li-liste.gif) 0 9px no-repeat; 
	padding:0 0 0 21px; 
	margin-bottom:10px;
}

/*------------------ Bildformatierungen ------------------*/

#content-main .image {
	border: 1px solid #fff;
	padding: 3px;
    outline: none;
}

/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	height:224px;
	background:url(../images/bg-footer.jpg) top center no-repeat;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: underline;
	color: #64CFF1;
	outline: none;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#64CFF1;
}