body {
	margin: 0px;
	padding: 0px;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}

h2 {
	font: 1.82em;
	font-weight: normal;
	letter-spacing: -1px;
	color: #004AD1;
}

.Stil1 {font-weight: bold}

.Stil2 {color: #FF0000}

p, ol, ul {
	line-height: 1.67em;
}

a {
	color: #009900;
}

a:hover {
	text-decoration: none;
}

hr {
	display: none;
}

/* Header */

#header {
	width: 778px;
	height: 268px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: -1;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#newsletter {
	width: 778px;
	height: 110px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/hintergrund-newsletter.jpg);
	padding-left: 10px;
	padding-top: 33px;
}

#newsletteranmeldung {
	width: 778px;
	height: 110px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/newsletter.jpg);
	padding-left: 10px;
	padding-top: 33px;
}

#newsletter h2 {
	font-size: 18px;
	font-weight: bold;
	color: #CCCCCC;
}

#kigahilfe {
	float: right;
	padding-right: 10px;
	padding-top: 0px;
}


#news {
	width: 778px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left center;
}

#bildlinks {

	height: 110px;
	float: right;
	padding-top: 18px;
}

#bilder {
	width: 510px;
	height: 110px;
	float: left;
	padding-right: 20px;
	padding-top: 18px;
}
/* Logo */

#logo {
	float: left;
	padding: 40px 0 0 0;
}

#logo h1 {
	margin: 0;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 3.6em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo h1 a {
	padding-right: 20px;
	background: url(../images/img02.gif) no-repeat right top;
	text-decoration: none;
	color: #FFFFFF;
}

#logo p {
	margin: -5px 0 0 0;
	text-transform: uppercase;
	font-size: 1.22em;
	letter-spacing: -1px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#menu {
	float: right;
}

#menu ul {
	margin: 0px;
	padding: 93px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 20px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1.36em;
	color: #FFFFFF;
}

#menu a:hover, .active a {
	border-bottom: 3px solid #8AD9F3;
}

/* Page */

#wrapper {

}

#page {
	width: 778px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

/* Content */

#content {
	float: left;
	width: 510px;
}

/* Post */

.post {
}

.post .date {
	float: right;
	width: 76px;
	height: 58px;
	margin: 0;
	padding-top: 2px;
	background: #18BDF5 url(../images/img07.gif);
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.post .date b {
	display: block;
	margin-top: -5px;
	font-size: 40px;
}

.post .title {
	margin: 0;
	padding: 20px 0 0 0;
	background: url(../images/img05.gif) repeat-x;
	font-size: 1.8em;
}

.post .meta {
	margin: 0 0 30px 0;
	padding: 0;
	color: #C6C6C6;
	line-height:normal;
}

.post .meta a {
	color: #C6C6C6;
}

.post .entry {
	padding-bottom: 30px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 238px;
	background-image: url(../images/sidebar.jpg);
	height: 730px;
	background-repeat: no-repeat;
	padding-left: 5px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 30px;
}

#sidebar li ul {
	font-weight: bold;
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
}

#sidebar li li a {
	padding-left: 21px;
	background: url(../images/img06.gif) no-repeat 6px 50%;
	color: #FFFF99;
}

#sidebar h2 {
	padding-left: 31px;
	background-image: url(../images/img04.gif);
	background-repeat: no-repeat;
	background-position: 4px top;
	color: #EBEBEB;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#spende {
	padding-top: 10px;
	padding-left: 35px;	
}



/* Calendar */

#calendar_wrap {
	padding: 0 21px;
}

#calendar caption {
	font-weight: bold;
}

#calendar table {
	width: 100%;
	border: 1px solid #E8E8E8;
}

#calendar thead {
	background: #E8E8E8;
}

#calendar tbody td {
	border: 1px solid #E8E8E8;
	text-align: center;
}

#today {
	font-weight: bold;
}

#prev {
}

#next {
	text-align: right;
}

/* Footer */

#wrapper2 {
	background-repeat: repeat-x;
}

#footer {
	width: 786px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 10px;
	background-image: url(../images/footer.jpg);
	height: 128px;
	letter-spacing: 0.1em;
	padding-top: 5px;
	background-repeat: no-repeat;
}

#footer a {
	color: #FFFFFF;
	font-size: 9px;
	letter-spacing: normal;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	display: block;
	float: left;
	width: 240px;
	padding-left: 29px;
}

#footer li.first {
	padding-left: 0;
}

#footer li ul {
	margin: 0;
}

#footer li li {
	display: list-item;
	float: none;
	margin: 0;
	padding: 5px 0;
	background: url(../images/img10.gif) repeat-x left bottom;
}

#footer li li a {
	padding-left: 21px;
	background: url(../images/img09.gif) no-repeat 6px 50%;
}

#footer h2 {
	margin-top: 0;
	padding-left: 20px;
	background: url(../images/img08.gif) no-repeat left center;
	color: #FFFFFF;
}

#legal {
	clear: both;
	margin: 0;
	padding: 50px 0;
	text-align: center;
	color: #666666;
}

#legal a {
	color: #FFFFFF;
}

/*Button*/

a.ovalbutton{
background: transparent url('../images/button/oval-blue-left.gif') no-repeat top left;
display: block;
font: normal 12px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
width: 236px;
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/button/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
	text-align: center;
}

/*---------------------------Newscontainer--------------------------------*/

.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 100%; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

#counterrot {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
#counterueb {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
}
#countertext	{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

/*---------------------------Spendenbutton Sidbar--------------------------------*/

a.squarebutton {
	display: block;
	float: left; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(../images/button/square-red-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
	background-color: transparent;
	background-image: url(../images/button/square-red-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


a.squarebuttonnavi{
background: transparent url('../images/navi/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebuttonnavi, a:visited.squarebuttonnavi, a:active.squarebuttonnavi{
color: #494949; /*button text color*/
}

a.squarebuttonnavi span{
background: transparent url('../images/navi/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebuttonnavi:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebuttonnavi:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrappernavi{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	padding-top: 235px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#adressefax {
	background-color: #CCEDFF;
	color: #000;
	text-align: center;	
}