* {
  box-sizing: border-box;   
}

* { border: 0px dotted red ;
	color: navy; font-family: "Open Sans Regular", Arial, sans-serif; 
}

/*      <pre class="shadow02 my_pre">box-shadow: 4px 4px 3px gray; </pre>  
        <pre class="shadow03 my_pre">box-shadow: 4px 4px 4px 4px gray;</pre>
*/
	
body
{	 background-color: 	rgb(254, 254, 237);   
/*    background-image: url('images/leo.jpg');
    background-attachment: fixed; 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box */
}

.wrapper
 {		background-color: rgba(100%,100%,100%,0.9);
		text-align: center; 
        border: 2px solid rgb(0%,60%,60%); margin: 10px auto 10px auto; width:1000px; 
        box-shadow:6px 6px 10px gray;
	 }
 
header {
		width: auto; height: 240px; 
		color: navy;
		text-align: center;
		font-size:1.6em;
	}
	
.sticky {
  background-color: black;
  color: white;	
}	

nav   {background-color: rgb(0%,60%,60%) ; 
    	margin: 0 auto 0 auto; border: 1; width: auto; height: 40px; padding: 4px;
        text-align: center; font-size : 1.4em;

        position: -webkit-sticky;
        position: sticky;
        top: -1px; 
        width: 100%;
*/
}

.nav-a {color: white;
		text-decoration: none
}

.time_table {margin: 0; border: 3px; padding:2px
}

nav a:hover { 
/*			background-color: navy; 
*/				color:navy}

main { padding: 5px;
		text-align: left
}
footer { margin: 0 auto 0 auto; width: auto; height: 30px; padding: 6px;
         background-color: rgb(0%,60%,60%) ; text-align: center; font-size:1.1em;
}

h1 {
	padding:0; border: 0px solid navy; margin:9px;
	text-align:center; font-size: 1.2em
	}
h2 {
	padding:0; border: 0px solid navy; margin:9px;
	text-align:center; font-size: 1.3em
	}

th  { font-size: 1.1em ;
	   padding: 3px 
}

td  { font-size: 1.0em ;
	   padding: 12px 
}

.shadow {  
   box-shadow:4px 4px 4px gray;
}


.Passfoto {
         border: 1px solid navy; padding: 1px; margin: 4px; height: 185px; width:134px;   
         
}
.headerImage {
	     border: 1px solid navy; padding: 1px; margin: 4px; height: 185px; width:370px;   
}
.start{
        height: 22px; width:24px;   
}


/*

#bilder { color: navy ; background-color: rgb(100%,100%,100%); 
		text-align: left; overflow: hidden;
}



#navi-intern    {
         margin: 0 auto 0 auto; width: auto; height: 35px; padding: 0;
         color: white; background-color: rgb(60%,40%,40%) ; text-align: left; font-size:0.6em;
}

.foto3x4 {
         margin: 2px; height: 156px; width:238px;
}
.foto9x16 {
         margin: 2px; height: 117px; width:238px;
}
.foto5x8 {
         margin: 2px; height: 130px; width:238px;
}
.foto8x5 {
         margin: 2px; height: 156px; width:100px;
}
}


.homeImg {
         border: 1px; padding: 2; margin: 1px; height: 25px; width:25px;
}

div#navi-intern a { font-size: 2.1em; color: white; padding: 30px 15px; }
div#navi-intern li { float: left; padding-top: 1px; height: 33px; }
div#navi-intern li:hover   { color: blue;   background: rgb(0%,50%,50%); }
div#navi-intern li:active  { color: yellow; background: rgb(30%,50%,50%); text-decoration: underline;  }
div#navi-intern li:focus   { color: red;    background: rgb(30%,50%,50%); text-decoration: underline;  }
div#navi-intern li:visited { color: green;  background: rgb(30%,50%,50%); text-decoration: underline;  }
div#navi-intern li#homeLink { padding-top: 0px; height: 25px; }

#vorname, #nachname {
  color: #5067AE;
  background-color: #EEE4D5;
}
#vorname:focus, #nachname:focus {
  color: black;
  background-color: white;
}
*/