/*Farben:
#d0e5b0   hellgrün (Hintergrund Text)
#391d11    dunkelbraun (Schrift)
#5f8426    dunkelgrün (Rahmen)
#a9cb76    mittelgrün (body)
#98211b    orange (Titel und Überschriften)
*/

* { padding: 0; margin: 0; } /* Kalibrierung */
html { height: 101%; margin-bottom: 1px; } /* erzwingt Scroll-Bar im Firefox */

body { background-color: #a9cb76; font-family: Verdana, Arial, Helvetica, sans-serif; }

p span { font-weight: bold; }
p.zentriert { text-align: center; padding-bottom: 20px;}
button.osm {margin:20px auto;padding:10px;background-color:#5f8426;border-color:#5f8426;border-radius:5px;color:#fff;font-weight:bold;font-size:1em;}
button.osm:hover, button.osm:focus {background-color:#d0e5b0;color:#5f8426;}

div#wrapper { 
	background-color: #5f8426;	
	width: 900px; 
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-top: 10px solid #5f8426;
	border-bottom: 10px solid #5f8426;
	border-left: 20px solid #5f8426;
	border-right: 20px solid #5f8426;
}

div#banner { background-image: url(logo_gruen.jpg); background-repeat: repeat-y; background-position: top left; border-bottom: 10px solid #5f8426; height: 250px; }
div#banner h1 { text-align: right; padding-right: 40px; padding-top: 120px; font-size: 2.2em; letter-spacing: 4px; color: #98211b; }

div#navi { padding-top: 10px; padding-bottom: 10px; text-align: center; background-color: #5f8426; }
div#navi li { display:inline; list-style-type: none; margin: 0px; padding: 40px; }
div#navi a { text-decoration: none; font-weight: bold; font-size: 1.1em; letter-spacing: 1px; }
div#navi a:link { background-color: #5f8426; color: #ffffff; }
div#navi a:visited { background-color: #5f8426; color: #ffffff; }
div#navi a:hover, a:focus { background-color: #ffffff; color: #5f8426; padding: 5px; outline: none; }

#startseite #navi01 a,
#manuela #navi02 a,
#fotos #navi03 a,
#preise #navi04 a,
#kontakt #navi05 a,
#impressum #navi06 a,
#datenschutz #navi07 a { color: #98211b; } 

div#text { padding: 40px; font-size: 0.9em; color: #391d11; }
div#text { background-color: #d0e5b0; }
div#text h1 { text-align: left; font-size: 1.2em; letter-spacing: 1px; color: #98211b; }
div#text h2 { text-align: left; font-size: 1.1em; font-weight: bold; }
div#text h3 { text-align: left; font-size: 1.0em; font-weight: bold; }
div#text ul { padding-left: 20px; }
div#text a { text-decoration: none; font-weight: bold; letter-spacing: 2px; }
div#text a:link { background-color: #d0e5b0; color: #98211b; }
div#text a:visited { background-color: #d0e5b0; color: #98211b; }
div#text a:hover, a:focus { background-color: #5f8426; color: #d0e5b0; }

#fotos p.zentriert { text-align: center; padding-bottom: 40px;}

table { color: #391d11; margin: 0px auto; border-collapse: collapse; border: 2px solid; }
td, th { text-align: left; padding: 0.5em 1em; border: 1px solid; }
td.rechts { text-align: right; }
td.headline { background-color: #5f8426 ; font-weight: bold; }

div#legal { padding-top: 10px; padding-bottom: 10px; text-align: center; background-color: #5f8426; }
div#legal li { display:inline; list-style-type: none; margin: 0px; padding: 22px; }
div#legal a { text-decoration: none; font-weight: bold; font-size: 1.1em; letter-spacing: 1px; }
div#legal a:link { background-color: #5f8426; color: #ffffff; }
div#legal a:visited { background-color: #5f8426; color: #ffffff; }
div#legal a:hover, a:focus { background-color: #ffffff; color: #5f8426; padding: 5px; outline: none; }