@charset 'utf-8';

* {
	padding: 0;
	margin: 0;
}

html {
	overflow-y: scroll;
}


/* Layout */

body {
	background-color: #e0e7e0;
	color: #252625;
	text-align: center; /* Internet Explorer */
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 24px;
}

#Mitte {
	width: 900px;
	margin: 0 auto 0 auto;
	text-align: left; /* Internet Explorer */
}

#Navigation {
	position: relative;
	height: 120px;
	padding: 0;
}

#Navigation li {
	position: absolute;
	list-style: none;
}

li.Logo {bottom: 27px; left: 0;}
li.Über-uns, li.Geschichte, li.Fotos, li.Termine, li.Kontakt {bottom: 34px;}
li.Über-uns {right: 347px;}
li.Geschichte {right: 236px;}
li.Fotos {right: 173px;}
li.Termine {right: 86px;}
li.Kontakt {right: 0;}
li.Jubiläum {right: 347px; bottom: 64px}


#Inhalt {
	position: relative;
	padding-bottom: 48px;
	margin-bottom: 24px;
	background: #d0dbd0 url(schatten.png) no-repeat bottom center;
}


/* Grundlegende Elemente */

p, h1 {
	margin: 0 24px 0 24px;
}

h1 {
	padding: 85px 0 0 0;
	margin-bottom: 11px;
	background-repeat: no-repeat;
	background-position: 0px 24px;
	height: 0;
	color: transparent;
	overflow: hidden;
	font-family: sans-serif;
	font-size: 48px;
	line-height: 85px;
	font-weight: normal;
}

h1.Über-uns {background-image: url(ueber-uns-ueberschrift.png);}
h1.Geschichte {background-image: url(geschichte-ueberschrift.png);}
h1.Fotos {background-image: url(fotos-ueberschrift.png);}
h1.Termine-2008 {background-image: url(termine-2008-ueberschrift.png);}
h1.Termine-2009 {background-image: url(termine-2009-ueberschrift.png);}
h1.Termine-2010 {background-image: url(termine-2010-ueberschrift.png);}
h1.Termine-2011 {background-image: url(termine-2011-ueberschrift.png);}
h1.Termine-2012 {background-image: url(termine-2012-ueberschrift.png);}
h1.Termine-2013 {background-image: url(termine-2013-ueberschrift.png);}
h1.Termine-2014 {background-image: url(termine-2014-ueberschrift.png);}
h1.Termine-2015 {background-image: url(termine-2015-ueberschrift.png);}
h1.Termine-2016 {background-image: url(termine-2016-ueberschrift.png);}
h1.Kontakt {background-image: url(kontakt-ueberschrift.png);}
h1.Jubiläum {background-image: url(jubilaeum-ueberschrift.png);}
h1.Seite-nicht-gefunden {background-image: url(seite-nicht-gefunden-ueberschrift.png);}

p {
	padding: 0 0 24px 0;
}

/*ul {
	padding: 0 0 24px 48px;
	list-style: none;
}*/

img {
	display: block;
	border: none;
}

a {
	text-decoration: none;
	color: #e62e2e;
	border-bottom: 1px solid;
}

a:visted {
	border-bottom: none;
}


/* Weitere Elemente */

p.Absatz {
	padding-bottom: 48px;
	margin-bottom: 24px;
	background: url(absatz.png) no-repeat bottom center;
}

p.Nicht-umfließen {
	clear: both;
}

.Kursiv {
	font-style: italic;
}

img.Rechts {
	float: right;
	margin: 0 0 24px 24px;
}

img.Links {
	float: left;
	margin: 0 24px 24px 0;
}


/* Fotos */

p.Hinweis {
	color: #505350;
	text-align: right;
	font-size: 14px;
	font-style: italic;
	line-height: 21px;
	padding: 6px 0 0 0;
}

p.Galerie {
	padding-bottom: 48px;
	clear: both;
}

ul.Galerie {
	padding: 0;
}

ul.Galerie li {
	float: left;
	padding: 3px 0 6px 0;
}

ul.Galerie a {
	border: none;
}

ul.Galerie img {
	height: 180px;
}


/* Termine */

table {
	width: 852px;
	margin: 0 24px 24px 24px;
	background-position: right bottom;
	background-repeat: no-repeat;
	border-collapse: collapse;
}

table.Termine-2008 {background-image: url(termine-2008.png);}
table.Termine-2009 {background-image: url(termine-2009.png);}
table.Termine-2010 {background-image: url(termine-2010.png);}
table.Termine-2011 {background-image: url(termine-2011.png);}
table.Termine-2012 {background-image: url(termine-2012.png);}
table.Termine-2013 {background-image: url(termine-2013.png);}
table.Termine-2014 {background-image: url(termine-2014.png);}
table.Termine-2015 {background-image: url(termine-2015.png);}
table.Termine-2016 {background-image: url(termine-2016.png);}

td {
	height: 36px;
}

td.Datum {
	width: 144px;
}

tr.Monat td {
	padding-top: 12px;
}


/* Seite nicht gefunden */

#Viernullvier {
	height: 360px;
	background: url(404.png) no-repeat  577px 216px;
}


/* Farben:
Text:               #252625
Text dunkelgrau:    #505350
Rot:                #e62e2e
Grün:               #009933
Hintergrund hell:   #252625
Hintergrund dunkel: #d0dbd0
*/