/* Kleefeld CSS*/
#navigation-oben ul.menu-oben li a.active {
	color: #fff;
}

#navigation-oben li a {
	color: #000;
}

#navigation-oben ul.menu li a {
	color: #000;
}

#navigation-oben ul.menu .active2 {
	color: #fff;
}

#navigation-oben ul.menu-oben li {
	width: 115px;
	}

#kleefeld, #buergerverein, #stadtbezirk, #tus {
	background-image:url("../images/navi-kleefeld-no.gif");
	background-repeat: no-repeat;
	height: 30px;
}

#content h1, #content table td h1 strong {
	font-size: 15px;
	padding-top:12px;
	padding-bottom:12px;
	color: #5cba40;
	}
	
#content table.news a span strong {
	color: #5cba40;
	font-size: 14px;
} 
#content table.news a {
	color: #5cba40;
}

#kopfnavigation {
	background-image:url("../images/bg_navi_menu_tradition.jpg");
}

#kleefeld a,  #buergerverein a{
	padding-top: 8px;
}

/*Rechte Navi */
#rechtenavi {
	height: 40px;
	background-color: #89b926;
	}

#rechtenavi h2 {
	padding-top: 11px;
	color: #fff;
	font-size: 15px;
	letter-spacing:1px;
	}

#rechtenavi h2 a{
	padding-left: 2px;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	letter-spacing:1px;
	}
	
#rechtenavi h2 a:hover{
	padding-left: 2px;
	font-size: 15px;
	color: #000;
	text-decoration: none;
	letter-spacing:1px;
}

#right td.cal_event {
	background-color: #89B926;
}

#right .cal_event, a.cal_event {
	color: #000;
}



/*==============================================================================*/

/** Farben anpassen */
body {
  background-color: #eee;
}

#content h1,
#content table td h1 strong, 
#content table.news a span strong,
#content table.news a {
  color: #008568 !important;
}

#rechtenavi,
#footer,
#kleefeld,
#buergerverein,
#stadtbezirk,
#tus,
.calendar_table tr:nth-of-type(1) th,
.calendar_table tr:nth-of-type(9) td {
  background: #008568 none !important;
  text-align: center;
}
.cal_ueberschrift {
  letter-spacing: 0;
  font-size: 13px;
}
.cal_head, 
A.cal_head, 
.cal_head:visited,
.cal_days,
.cal_empty {
  background-color: #fff;
}


/** Rundungen entfernen */ 
#bannerimg {
  background: #fff none !important;
}
#kopfnavigation {
  background-image: none !important;
}
#main {
  background: #fff none !important;
}
#logo {
  background-image: none;
  padding: 0 160px 0 0;
}


/** Leichtere Optik */
#content {
  padding-top: 10px;
}
#oben {
  border-top: #eee 10px solid;
}
#kopfnavigation {
  border-bottom: 10px solid #eee !important;
}
#rechtenavi h2 a {
  padding-left: 6px !important;
}
#footer {
  border-top: #eee 10px solid;
  border-bottom: #eee 10px solid;
  height: auto;
}
#footer a {
  color: #fff;
}

/** Seitenleiste mit weissem Hintergrund */
#right {
  padding-top: 15px !important;
}
#right table {
  margin-bottom: 10px !important;
}
#right > div {
  margin: 0 0 10px 0 !important;
}
#right .contenttable th {
  background-color: #008568;
  padding: 4px;
  text-align: center;
}
#rechtenavi {
  height: auto;
}
#rechtenavi h2 a {
  font-size: 12px;
}
#rechtenavi h2 {
  text-align: center;
  padding: 10px;
}

#rechtenavi h2 a:hover {
  padding: none;
  font-size: 12px;
  color: #d7d168;
  text-decoration: none;
}
#rechtenavi table tr:nth-of-type(1),
#rechtenavi table tr:nth-of-type(9) td {
  text-align: center
}

/** Menueoptik */
#navigation-oben ul.menu-oben li {
  width: auto;
  min-width: 150px;
  padding: 0 5px;
}
#navigation-oben .menu-oben li a {
  color: #fff;
}
#navigation-oben .menu-oben li .active {
  color: #d7d168 !important;
  font-weight: bold;
}
#navigation-oben .menu li .active2 {
  color: #000;
  font-weight: bold;
}
#kopfnavigation a {
  padding: 8px 10px;
}
ul.menu {
  padding-left: 35px;
}

/** Trenner zu Stadtteilinfos */
#c435 {
  padding-top: 10px;
}

#content table.news td div {
  margin-bottom: 15px;
}

#right .contenttable tbody td {
  padding: 10px 15px 3px 5px;
}

#c621 img,
#c619 img {
  max-width: 210px;
  max-height: 130px;
}

/* Hack */
#c581 {
  display: none;
}

/** Headerbereich entzerren */
#oben {
  height: 262px;
  border-top: #fff 10px solid;
}
#kopfnavigation {
  height: 60px;
}
#navigation-oben {
  padding-top: 141px;
}
#head {
  height: 300px;
  background-repeat: no-repeat;
  background-position: 0 85px;
}
#logo {
  margin-top: -8px;
}
#logo div {
  padding-top: 0px;
}
#main {
  padding-top: 350px;
}