body
{
    background-color:#000033;
    text-align: center; /* Zentrierung IE */
}


#seitenbereich
{
	background: url(Marble1.gif);
    max-width: 75em;
    margin: 0 auto;
	/*margin-left: 2.4em; */
    text-align: center; /* Textausrichtung     */

}

#kopfzeile {

    background: url(Marble1.gif);

    max-width: 75em;
    margin: 0 auto;
    border-bottom: 0.3em solid silver;
	/*margin-left: 2.4em; */

	text-align: center; /* Textausrichtung     */
    font-size: 1.0em;  /* Größe 14pt   */
  	font-family: arial, "lucida console", sans-serif; /* Schriftart */
}

nav  {            
        
      max-width: 75em; 
      margin: 0 auto;  
                     
}   

nav > ul {

    max-width: 75em;  
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	flex-flow: row wrap;
	/*flex-wrap: wrap;*/
	text-align: center;
	
}

   
      
nav li

{       
    list-style: none;
    margin: 0.5em;
    padding: 0;
    font-size: 1.5em;
    flex: 1 1 0%;

}

@media (min-width: 45em) {    
      nav > ul {
          flex-direction: row;
          
      }
      nav li {
          flex: 1;
          font-size: 1em;
      }
   }

nav a {
    
    
    display: block;
    margin-right: 5px;
    margin-bottom: 5px; 
    padding: 0.4em;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    border: 1px solid darkblue;
    border-radius: 10px
    box-shadow: 0 5px 10px white inset;
    color: gold;
    background-color: darkblue;
    transition: all .25s ease-in;

}

nav li[aria-current] a {
    background-color: firebrick;
    color: gold;
}


nav a:focus,
nav a:hover,
nav li[aria-current]  a:focus
nav li[aria-current]  a:hover {
    color: darkblue;
    background-color: gold;
}


    /* submenü navigation links */

nav .submenu {
    visibility: hidden;
    height: 0;
    z-index: 1000;

}

nav .submenu li {
    display: block;    
    margin-bottom: 10px;
}

/** show the submenü on hover, focus **/

nav li:hover .submenu,
nav li:active .submenu,
nav li:focus .submenu {
    visibility: visible;
    height: auto;
}

nav li:focus-within .submenu {
    visibility: visible;
    height: auto;
}
                                        
#inhalte 
{
      margin: auto;
      width: 90%;
	/*margin-top: 1em;
	/*margin-left: 15em; */
    line-height:1.5em;
    background: url(Marble1.gif);
    text-align: center;
    font-size:1.0em;  /* Größe 14pt   */
  	font-family:arial, "lucida console", sans-serif; /* Schriftart */
    font-weight: normal;
      }

#inhalte1 {
    text-align: center;
}
#inhalte2 {
    font-size: large;
}

#picsolo

{
    max-width: 100%;
    height: auto;

}