* { padding: 0; margin: 0; } /* Kalibrierung */
html { height: 101%; margin-bottom: 1px; } /* erzwingt Scroll-Bar im Firefox */
a { outline: 0; } /* entfernt punktierten Rahmen um besuchte Links */

p span { font-weight: bold; }
li span { font-weight: bold; }

body { background-image: url(background.jpg); background-repeat: no-repeat; background-position: top left; background-size: cover; background-attachment: fixed; background-color: #ffffff; color: #14235c; font-family: Verdana, Arial, Helvetica, sans-serif; }

div#wrapper { width: 900px; margin: 120px auto 120px auto; padding: 30px; background-color: #ffffff; }

div#kopf { background-image: url(banner.jpg); background-repeat: no-repeat; background-position: top left; height: 200px; margin: 0px auto 20px auto; }
div#kopf h1 { padding-top: 20px; padding-left: 600px; text-align: left; font-weight: bold; font-size: 3.5em; }
div#kopf p { text-align: right; font-weight: bold; font-size: 1.3em; }

div#navi {
	border-top: 5px solid #14235c;
	border-bottom: 5px solid #14235c;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
div#navi li { display:inline; list-style-type: none; margin: 0 40px 0 40px; }
div#navi a { text-decoration: none; color: #14235c; font-weight: bold; font-size: 1.2em; padding: 0px 5px 0px 5px; }
div#navi a:visited { color: #14235c; }
div#navi a:hover, a:focus { color: #ce3b0e; }

#Startseite #navi01 a { color: #ffffff; background-color: #14235c; }
#Spenden #navi02 a { color: #ffffff; background-color: #14235c; }
#Referenzen #navi03 a { color: #ffffff; background-color: #14235c; }
#Kontakt #navi04 a { color: #ffffff; background-color: #14235c; }
#Impressum #navi05 a { color: #ffffff; background-color: #14235c; }
#Datenschutz #navi06 a { color: #ffffff; background-color: #14235c; }

div#text { padding: 20px; font-size: 0.9em; border-bottom: 5px solid #14235c; }
div#text h2 { font-size: 1.2em; font-weight: bold; text-align: left; }
div#text h3 { font-size: 1.0em; font-weight: bold; text-align: left; }
div#text p { padding-top: 5px; }
div#text p span { font-weight: bold; }
div#text p.aktuell { font-weight: bold; text-align: center; color: #ce3b0e; }
div#text a { text-decoration: none; color: #14235c; font-weight: bold; }
div#text a:visited { color: #14235c; }
div#text a:hover, a:focus { color: #ce3b0e; }
div#text ul { padding-left: 30px; padding-top: 5px; }
div#text li { list-style-type: square; padding-top: 5px; }
div#text img { vertical-align: top; }

div#gaestebuch { height: 300px; overflow: auto; border: 1px solid #000; margin: 20px; padding: 0px 20px; }
div#gaestebuch h3 { margin-top: 20px; }
.feedback { font-style: italic; }

#Startseite #text h2 { text-align: center; }
#Spenden #text img.floatright { float: right; margin-left: 20px; }
#Spenden #text img.floatleft { float: left; margin-right: 20px; margin-bottom: 20px; }
#Referenzen #text img { margin: 20px 20px 20px 20px; }
#Kontakt #text img { float: left; margin-left: 80px; margin-right: 40px; }
#Kontakt #text p { font-size: 1.2em; font-weight: bold; text-align: left; }
#Kontakt #text a { font-size: 1.0em; font-weight: bold; text-align: left; }
#Impressum #text a { font-weight: normal; }


div#fuss { text-align: center; font-size: 0.7em; margin-left: 20px; margin-right: 20px; padding: 10px; letter-spacing: 1px; }
div#fuss a { text-decoration: none; color: #14235c; }
div#fuss a:visited { color: #14235c; }
div#fuss a:hover, a:focus { color: #ce3b0e; }

div#legal { text-align: center; }
div#legal li { display:inline; list-style-type: none; margin: 0 40px 0 0; }
div#legal a { text-decoration: none; color: #14235c; font-weight: bold; font-size: 0.9em; padding: 0px 5px 0px 5px; }
div#legal a:visited { color: #14235c; }
div#legal a:hover, a:focus { color: #ce3b0e; }

.clear { clear: both; }
.facebook { margin-bottom: -5px; }