body {
  font-family:'arial',sans-serif;
  color: #3A3C69;
  font-size:1em;
background-image:url(texture07.jpg);                      /*  texture09.jpg    */
background-color:#B0C4DE;
background-repeat:repeat;
background-attachment:fixed;
background-position:left top;
margin:10px;
}

div#wrapper {
  background-color:#FAEBD7;
  background-image:url(texture07.jpg);
  border: #3A3C69 1px solid;
  margin: 0px auto;
  max-width: 50em;
  display: flex;
  flex-flow: row wrap;
}

/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */  

header {
  width:100%;
  border: 0px solid;
  padding:3% 6% 0 6%;
  text-align:center;
  margin:0;  
  flex: 1 100%;
  align-items:center;
  
}

main {
  width:100%;
  border: 0px solid;
  padding:0 6%;
  margin:0;
  font-size:0.9em;
}

footer {
  width:100%;
  border: 0px solid;
  padding:0 6% 6% 6%;
  text-align:center;
}

img{
max-width:100%;
border-top:#ffffff 1px solid;
border-right:#3A3C69 1px solid;
border-bottom:#3A3C69 1px solid;
border-left:#ffffff 1px solid;
text-align:center;
}

.flex-container {
display:flex;
flex-direction:column;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}

.flex1 {
	border: 0px solid;
	margin-top: 0.8em;
	padding: 0em;
    text-align:center;
    flex:1 0 20%;  
}

.flex2 {
	border: 0px solid;
	margin-top: 0.8em;
	padding: 0.8em;
    text-align:center;
    flex:1 0 40%;  
}

.flex3 {
	border: 0px solid;
	margin-top: 0.8em;
	padding: 0em;
    text-align:center;
    flex:1 0 20%;  
}

/*  Schriften   */
h1 {font-family:"baskerville";padding-bottom:0px;padding-top:0;}             /*   2em   */
h2 {padding-bottom:0px;padding-top:0;}                                       /*   1.5em    */
h3 {padding-bottom:0px;padding-top:0;}                                       /*  1.17em   */
h4 {padding-bottom:0px;padding-top:0;text-align:center;}                                       /*   1em   */

/*   Linien   */
hr {background-color:#3A3C69;height:1px;border:0px;}                               /*    #666666;   */
.unten{margin-top:2em;}


/*   schriftgrößen   */
.klein  {font-size:0.9em;}
.super  {font-size:0.7em;}
.superklein  {font-size:0.6em;text-align:justify;}
.link  {color:#3A3C69;font-family:"arial","sans-serif";font-size:0.9em;}

/*   Ausrichtung   */
.xlfoto  {text-align:center;padding-top:6%;}
.normal_m  {text-align:center;padding:10px;}
.center {text-align:center;}
.links{padding:0 5%;}

/*   Links   */
a:link{color:#3A3C69;text-decoration:none;}
a:visited{color:#3A3C69;text-decoration:none;}
a:hover{color:maroon;text-decoration:underline;}
a:active{color:maroon;text-decoration:none;}

[aria-current] {color:maroon;text-decoration:none;}

/* Smart Phones und Tablets mit mittlerer Auflösung */

@media all and (min-width: 600px) {
}

.flex-container {flex-direction: row;}



/* Large screens */
@media all and (min-width: 800px) {

body {background-image:url(texture03.jpg);}
}







/*

.banner
   {color:#3A3C69;font-family:"arial, sans-serif;font-size:13px;text-align:justify;}
.banner2
   {color:#3A3C69;font-family:"arial, sans-serif;font-size:13px;text-align:center;}

*/



/* 
#8B4513
#667788 (orig body)
#556677 (etwas dunkler)
#576A99

#F8F2E5 (orig table)
cornsilk 	#FFF8DC
papayawhip 	#FFEFD5
		#F8F2E5   ++++++		
floralwhite 	#FFFAF0   +++++
ghostwhite 	#F8F8FF   +++
ivory 		#FFFFF0   +++
whitesmoke 	#F5F5F5   ++++
texture09.jpg
a014.jpg

*/