header, nav, section, footer {display: block; }
page {display: block; /*background-color: darkseagreen;*/background: url(Bilder/TexturFels-grau.jpg); height: auto; padding: 10px; margin: 10px}

header { background: url(Bilder/HintergrundWasserMoos-2.jpg); height: auto; margin-top: 3px; border-bottom: 3px solid black; padding: 5px;}

section {background: url(Bilder/TexturOrchide.jpg); height: auto; width: auto; 5em 5em 5em 5em; padding: 50px; text-align: center;}

footer { clear: both; background-color: lavender; width: auto; border-top: 3px solid black; padding-left: 1em; padding-bottom: 0.1em;}

h1 {font-family: sans-serif; font-size: 25pt; color: black; background-color: transparent; border: 3px solid transparent; line-height: 1.5em; word-spacing: 0.5em; letter-spacing: 0.2em; padding-left: 1em; text-align: center}

format_page_headline {
    font-family: sans-serif; line-height: 1.3em; word-spacing: 0.2em; letter-spacing: 0.1em; padding-left: 1em; text-align: center
}

text_bc_large {	font-style: italic;
			font-weight: bold;
			font-size: 24pt;
			text-decoration: underline;
			color: dimgrey;
		}

text_bc {	font-style: italic;
			font-weight: bold;
			font-size: 18pt;
			color: dimgrey;
		}

text_body {	font-style: normal;
			font-weight: normal;
			font-size: 16pt;
			color: black;
		}

.massage01 { position: static;
			 width: 380px;
			 padding: 5px;
			 border: 2px solid dimgrey;
			 border-radius: 4px;
			 background-color: bisque;
			 opacity: 0.6;
			 box-shadow: 0px 3px 5px #333;
			 
		 }

.massage02 { position: relative;
			 top: 10px;
			 left: 420px;
			 width: 380px;
			 padding: 5px;
			 border: 2px solid dimgrey;
			 border-radius: 4px;
			 background-color: bisque;
			 opacity: 0.6;
			 box-shadow: 0px 3px 5px #333;
			 
		 }

 .massage03 { position: relative;
			 top: 10px;
			 left: 0px;
			 width: 380px;
			 padding: 5px;
			 border: 2px solid dimgrey;
			 border-radius: 4px;
			 background-color: bisque;
			 opacity: 0.6;
			 box-shadow: 0px 3px 5px #333;
			 
		 }

.massage04 { position: relative;
			 top: 10px;
			 left: 420px;
			 width: 380px;
			 padding: 5px;
			 border: 2px solid dimgrey;
			 border-radius: 4px;
			 background-color: bisque;
			 opacity: 0.6;
			 box-shadow: 0px 3px 5px #333;
			 
		 }
		 
.massage05 { position: relative;
			 top: 10px;
			 left: 0px;
			 width: 380px;
			 padding: 5px;
			 border: 2px solid dimgrey;
			 border-radius: 4px;
			 background-color: bisque;
			 opacity: 0.6;
			 box-shadow: 0px 3px 5px #333;
			 
		 }

.massage06 { position: relative;
			 top: 10px;
			 left: 420px;
			 width: 380px;
			 padding: 5px;
			 border: 2px solid dimgrey;
			 border-radius: 4px;
			 background-color: bisque;
			 opacity: 0.6;
			 box-shadow: 0px 3px 5px #333;
			 
		 }

.massage07 { position: relative;
			 top: 10px;
			 left: 0px;
			 width: 380px;
			 padding: 5px;
			 border: 2px solid dimgrey;
			 border-radius: 4px;
			 background-color: bisque;
			 opacity: 0.6;
			 box-shadow: 0px 3px 5px #333;
			 
		 }
		 
.massage08 { position: relative;
			 top: 10px;
			 left: 420px;
			 width: 380px;
			 padding: 5px;
			 border: 2px solid dimgrey;
			 border-radius: 4px;
			 background-color: bisque;
			 opacity: 0.6;
			 box-shadow: 0px 3px 5px #333;
			 
		 }
		 
nav ul { background-color: antiquewhite; padding: .5em; list-style-type: none; }
nav li { background-color: tan; display: inline-block; }
nav a { display: inline-block; padding: .2em 1em; }
nav a:hover { background-color: gold; }


navfooter li { background-color: lightgray; display: inline-block; }
navfooter a { display: table-row; padding: .2em .1em; }
navfooter a:hover { background-color: lightblue; }