@charset "UTF-8";


/* ANFANG - Seitenelemente */
* { font-family: Comic Sans MS,Comic Sans,Arial,Helvetica,Sans-Serif; }
body {
	margin: 0;
	padding: 0 1.2em 3em 1.2em;
	color: #000;
	background: #996699 url(http://www.kindergeburtstag-berlin.net/assets/images/Hintergrund.jpg) repeat-x top;
	font-family: Comic Sans MS,Comic Sans,Arial,Helvetica,Sans-Serif;
}
div.kinder {
	margin: 0 auto;
	min-width: 720px;
	max-width: 1140px;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/Kopfzeile-Hintergrund.jpg) repeat-x center top;
}
img { border: none; }
div.inhaltContainer a {
	color: #FF6600;
	text-decoration: none;
	border-bottom: 2px dotted green;
}
div.inhaltContainer a:hover, div.inhaltContainer a.active {
	color: #FF0000;
	border-bottom: 2px solid green;
}
.clearBoth { clear: both; }
.print, .print * { display: none; }
/* ENDE - Seitenelemente */


/* ANFANG - Kopfzeile */
div.kopfZeile {
	text-align: center;
	position: relative;
}
div.kopfZeile div.right { background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/Affe-oben-rechts.png) no-repeat right top; }
* html div.kopfZeile div.right { background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/Affe-oben-rechts.gif) no-repeat right top; }
div.kopfZeile div.left {
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/Affe-oben-links.png) no-repeat left top;
	height: 165px;
	min-height: 165px;
}
* html div.kopfZeile div.left { background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/Affe-oben-links.gif) no-repeat left top; }
div.kopfZeile img.logo {
	position: absolute;
	margin-left: -170px;
	top: 0;
	left: 50%;
}
/* ENDE - Kopfzeile */


/* ANFANG - linke Sidebar */
div.sideBarLeft {
	float: left;
	width: 320px;
}
div.sideBarLeft div.copyright {
	padding: 7px 0 0 50px;
	height: 28px;
}
div.sideBarLeft div.copyright * { margin: 0; }
div.sideBarLeft div.copyright a {
	font-family: Arial,Sans-Serif;
	font-size: 10px;
	color: #999;
	text-decoration: none;
	border: none;
}
div.sideBarLeft div.copyright a:hover {
	color: #999;
	text-decoration: underline;
	border: none;
}
div.sideBarLeft ul.hauptnavigation, div.sideBarLeft ul.hauptnavigation li.active ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.sideBarLeft ul.hauptnavigation {
	padding: 190px 0 0 0;
	min-height: 260px;
}
* html div.sideBarLeft ul.hauptnavigation {
	height: 260px;
	padding-top: 200px;
}
div.sideBarLeft ul.hauptnavigation li a {
	display: block;
	border: none;
	text-decoration: none;
	color: #663333;
	padding: 7px 34px 7px 140px;
}
* html div.sideBarLeft ul.hauptnavigation li a {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
*+html div.sideBarLeft ul.hauptnavigation li a  {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
div.sideBarLeft ul.hauptnavigation li.active a, div.sideBarLeft ul.hauptnavigation li a:hover {
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/Navigation-Hintergrund-Level-1.png) no-repeat right top;
	border: none;
}
div.sideBarLeft ul.hauptnavigation li.self a, div.sideBarLeft ul.hauptnavigation li a:hover { color: #CC0000; }
* html div.sideBarLeft ul.hauptnavigation li.active a { background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/Navigation-Hintergrund-Level-1.gif) no-repeat right top; }
* html div.sideBarLeft ul.hauptnavigation li a:hover { background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/Navigation-Hintergrund-Level-1.gif) no-repeat right top; }
div.sideBarLeft ul.hauptnavigation li.active ul { background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/Navigation-Hintergrund.png) repeat-y right top; }
div.sideBarLeft ul.hauptnavigation li.active ul ul { background: none; }
div.sideBarLeft ul.hauptnavigation li.active ul ul ul { background: none; }
* html div.sideBarLeft ul.hauptnavigation li.active ul { background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/Navigation-Hintergrund.gif) repeat-y right top; }
div.sideBarLeft ul.hauptnavigation li.active ul li a {
	display: block;
	border: none;
	text-decoration: none;
	color: #663333;
	padding: 4px 4px 4px 145px;
	font-size: 0.9em;
	background: none;
}
* html div.sideBarLeft ul.hauptnavigation li.active ul li a {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
*+html div.sideBarLeft ul.hauptnavigation li.active ul li a {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
div.sideBarLeft ul.hauptnavigation li.active ul li.active a, div.sideBarLeft ul.hauptnavigation li.active ul li a:hover { color: #CC0000; }
* html div.sideBarLeft ul.hauptnavigation li.active ul li.active a {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
* html div.sideBarLeft ul.hauptnavigation li.active ul li a:hover {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li a {
	display: block;
	border: none;
	text-decoration: none;
	color: #663333;
	padding: 2px 4px 2px 150px;
	font-size: 0.8em;
	background: none;
}
* html div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li a {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
*+html div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li a {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li.active a, div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li a:hover { color: #CC0000; }
* html div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li.active a {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
* html div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li a:hover {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li.active ul li a {
	display: block;
	border: none;
	text-decoration: none;
	color: #663333;
	padding: 2px 4px 2px 155px;
	font-size: 0.8em;
	background: none;
}
* html div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li.active ul li a {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
*+html div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li.active ul li a {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li.active ul li.active a, div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li.active ul li a:hover { color: #CC0000; }
* html div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li.active ul li.active a {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
* html div.sideBarLeft ul.hauptnavigation li.active ul li.active ul li.active ul li a:hover {
	height: 1%;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/leer.gif) repeat;
}
div.sideBarLeftContent {
	padding: 0 0 1em 1em;
	font-size: 0.9em;
	clear: left;
}
/* ENDE - linke Sidebar */


/* ANFANG - Inhalt */
div.inhaltOuterContainer {
	border: 2px solid #000;
	background: #FFFFCC url(http://www.kindergeburtstag-berlin.net/assets/images/Inhalt-Hintergrund.gif) repeat-x top;
}
div.inhaltContainer {
	border: 2px solid #FFFF00;
	background: transparent url(http://www.kindergeburtstag-berlin.net/assets/images/Palme.gif) no-repeat left top;
}
div.topnav {
	text-align: right;
	padding: 0.2em 1.5em 0 0;
}
div.topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}
div.topnav ul li {
	display: inline;	
	padding-left: 0.8em;
}
div.topnav ul li a {
	text-decoration: none;
	border-bottom: 2px dotted green;
}
div.topnav ul li a:hover { border-bottom: 2px solid green; }
div.inhalt {
	min-height: 500px;	
	margin-left: 320px;
	padding: 0.5em 1.5em 1em 1.5em;
	color: #660066;
}
* html div.inhalt { padding-top: 1em; }
*+html div.inhalt { padding-top: 1em; }

div.inhalt h1 { font-size: 1.6em; }
div.inhalt h2 { font-size: 1.4em; }
div.inhalt h3 { font-size: 1.2em; }
div.inhalt h4 { font-size: 1em; }
div.inhalt h5 {
	font-size: 1em;
	font-weight: normal;
}
div.inhalt h6 { font-size: 0.9em; }
div.inhalt p { line-height: 1.7em; }
div.inhalt table tr.weiss { background-color: #FFFFFF; }
div.inhalt table tr.gelb { background-color: #FFFFCC; }
/* ENDE - Inhalt */


/* ANFANG - Fusszeile */
div.fusszeile {
	margin: 0 1em 0 0;
	padding: 0.8em 0 1em 0;
}
div.fusszeile ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.fusszeile ul li { display: inline; }
div.fusszeile div.bottomnav {
	float: left;
	font-size: 0.8em;
	line-height: 0.8em;
}
div.fusszeile div.bottomnav ul li { padding-right: 1em; }
/* ENDE - Fusszeile */