@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

* {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

body {
	background-image: url(images/bgkachel.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-y: scroll;
	overflow-x: auto;
}

div.container {
	width: 756px;
	background-color: #999;
	border: 2px solid #fff;
}

div.navigation {
	text-align: left;
	background-color: #999;
	width: 160px;
	float: left;
}

div.navigation a {
	display: block;
	text-decoration: none;
	padding-left: 12px;
	border-bottom: 2px solid white;
	width: 150px;
	height: 35px;
	font-size: 14px;
	line-height: 36px;
}

div.navigation a.aktiv {
	background-image: url("images/aktiv.png");
	background-repeat: no-repeat;
	color: #fff;
}

div.navigation a:hover {
	background-image: url("images/hover.png");
	background-repeat: no-repeat;
}

div.navigation a.aktiv:hover {
	background-image: url("images/aktiv.png");
	text-decoration: none;
}

.paedagogik { background-color: #fc3; }
.vorkinder { background-color: #090; }
.kindergarten { background-color: #c00; }
.grundschule { background-color: #36c; }
.verein { background-color: #666; }
.aktuelles { background-color: #999; }
.termine, .galerie, .kontakt { background-color: #ccc; }

div.content {
	border-left: 2px solid #fff;
	min-height: 480px;
	background-color: #fff;
	float: left;
	width: 594px;
	text-align: left;
}

h1.pagetitle, h1.pagefooter {
	background-color: #fc3;
	border: 2px solid #fff;
	height: 35px;
	width: 756px;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	padding-top: 11px;
}

h1.pagefooter {
	height: 35px;
	padding-top: 10px;
	margin: 0;
}

div.content h2 {
	color: #fff;
	margin: 0 0 16px 0;
	padding: 0 0 0 3ex;
	height: 35px;
	font-size: 14px;
	line-height: 36px;
}

a:active, a:hover {
	color: #fff;
}

a:hover, div.navigation a:hover {
	text-decoration: underline;
}

.fliesstext {
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	margin: 0 0 12px 20px;
	padding-right: 260px;
	text-indent: 3ex;
}

a.mail {
	color: #00c;
	text-decoration: none;
}

a.mail:hover {
	color: #00c;
	text-decoration: underline;
}

.wide {
	padding-right: 10px;
}

.noindent {
	text-indent: 0;
}

.indent {
	padding-left: 3ex;
}

img.rightfloat {
	float: right;
	clear: right;
	padding: 0 10px 10px 10px;
}

div.contentfooter {
	border: 2px solid #fff;
	height: 68px;
	width: 756px;
}

div.contentfooter  div, div.contentfooter  div b {
	font-size: 11px;
	color: #fff;
}

div.greendots, div.reddots, div.bluedots {
	margin-bottom: 40px;
}

div.greendots h3 {
	border-left: 18px solid #0c0;
	border-bottom: 2px solid #0c0;
	padding-left: 8px;
}

div.greendots ul li {
	padding-bottom: 8px;
	list-style-image: url("images/pfeil_gruen.png");
	font-size: 13px;
	line-height: 17px;
}

div.reddots h3 {
	border-left: 18px solid #c00;
	border-bottom: 2px solid #c00;
	padding-left: 8px;
}

div.reddots ul li {
	padding-bottom: 8px;
	list-style-image: url("images/pfeil_rot.png");
	font-size: 13px;
	line-height: 17px;
}
div.bluedots h3 {
	border-left: 18px solid #36c;
	border-bottom: 2px solid #36c;
	padding-left: 8px;
}

div.bluedots ul li {
	padding-bottom: 8px;
	list-style-image: url("images/pfeil_blau.png");
	font-size: 13px;
	line-height: 17px;
}

div.galery img {
	cursor: pointer;
	cursor: hand;
	margin: 5px 12px;
}