html, body {
    height: 70em;
    color: grey;
    font: 100% Bembo, Garamond, Times, Times New roman, serif;
    background-color: white;
	}
 
#seite {
    position: relative;
    min-height: 100%;
    width: 120em%;
    margin: 0 auto;
    background-color: white;
	}
  
.bildvorschau {
   border:2px dotted orange;
   float:left;
   }
   
h1 {
    color: grey;
    }
h2 {
    color: grey;
    }    
h3 {
	color: grey;
	}
h4 {
	color: grey;
	}
h5 {
	color: grey;
	}
h6 {
	color: grey;
	}


* { box-sizing: border-box;
	margin: 0;
	padding: 0;
	 }
		
#kopf {
	
	top: 0px;
	left: 0px;
	width: 80%;
	height: 18em;
	background-color: white;
	}
	
#kopf2 {
	width: 90%;
	height: 4em;
	padding-top: 2em;
	}
	
#kopf3 {
	width: 30em;
	height: 6em;
	margin-top: 3em;
	margin-left: 24em;
	padding-left: 1em;
	background-color: white;
	}
		
#box1 {
background-color: white;
position: absolute;
padding: 3em 0em 0em 4em;
height: 20em;
top: 0px;
left: 0px;
z-index: 1;
}

#boxSprache {
background-color: white;
position: absolute;
top: 14em;

height: 4em;
padding: 0em 0em 0em 27px;
z-index: 0;
}
   
#box2 {
float: left;
background-color: white;
position: absolute;
height: 5em;
width:  50%;
margin-top: 1em;
padding-top: 2em;           
            top: 0px;
            left: 15em;
} 
         
#box3 {
float: left;
background-color: white;
position: absolute;
top: 7em;
            padding: 1em 0em 0em 5em;
            width:  50%;
            height: 6em;
            
 left: 15em;           
}       
     
#box4 {
float: left;
background-color: white;
position: absolute;
      top: 12em; 
            padding: 1em 0em 0em 10em;
            width:  50%;
            height: 5em;
            
            left: 15em;
}     

#box5 {
float: left;
position: absolute;
background-color: white;
color: grey;
 top: 15em;
            left: 15em;           
margin: 2em 0em 0em 0em; 
padding-left: 12em;
width: 70%;
height: 9em

}
 
 
 #nav {
   float: left;
background-color: white;
color: grey;
line-height: 24px;
 
            
padding-left: 4em;
padding-right: 4em;
height: 18em;

   width: 15em;                   /* Breite des Bereichs */
   text-align: left;               /* Textausrichtung     */
   margin-top: 0em;               /* Außenabstand oben   */
   margin-bottom: 10px;            /* Außenabstand unten  */
   margin-left: 24em;              /* Außenabstand links  */
   margin-right: 3em;             /* Außenabstand rechts */
   
}

#naven {
   float: left;
	background-color: white;
	color: grey;
	line-height: 24px;
 
            
	padding-left: 4em;
	padding-right: 4em;
	height: 20em;

   	width: 30em;                   /* Breite des Bereichs */
   	text-align: left;               /* Textausrichtung     */
   	margin-top: 0em;               /* Außenabstand oben   */
   	margin-bottom: 10px;            /* Außenabstand unten  */
   	margin-left: 24em;              /* Außenabstand links  */
   	margin-right: 3em;             /* Außenabstand rechts */
   
}
 
#nav ul {
   list-style: none; 				/* keine Aufzählungspunkte */
   color: grey;              
}
 
#nav li {
	float:left;                     /* Anordnung links   */
   background-color: white;       /* Hintergrundfarbe   */
   
   border-left: 12px silver solid; /* Rahmenfarbe Auflistungpunkt oben */
  
   margin-top: 10px;               /* Außenabstand oben  */
   padding-top: 8px;               /* Innenabstand oben  */
   padding-bottom: 8px;            /* Innenabstand unten */
   padding-left: 8px;              /* Innenabstand links */
   padding-right: 8px;             /* Innenabstand rechts */
} 

#navh {
	float: left;
	color: grey;

 	padding-left: 24em; 
              

	height: 4em;

   	width: 70em;                   /* Breite des Bereichs */
   	text-align: left;               /* Textausrichtung     */
   	margin-top: 0em;               /* Außenabstand oben   */
   	margin-bottom: 1em;            /* Außenabstand unten  */
   
   	padding-right: 6px;             /* Innenabstand rechts */
}	

 
#navh span { 
   float:left;                     /* Anordnung links   */
   margin: 0em;
   width: 8em;                     /* Breite des Links  */
 	padding-top: 6px;
 	padding-left: 8px;              /* Innenabstand links */
   border-left: 12px silver solid;
   background-color: white;        /* Hintergrundfarbe  */
   
   
	height: 2em;
   
} 
 
#box6 {
margin-top: 12em;               /* Außenabstand oben   */
padding: 0% 0% 2em 50em;
background-color: white;

width: 90%;

}

  
#box7 {
border: 2px blue solid; 
color: grey;
background-color: white;
position: absolute;
width: 100%;
padding-left: 0px 0px 0px 45px; 
height: 50em;

}

#box8 {
float:left;                     /* Anordnung links   */

color: grey;
background-color: white;

margin-top: 5em;
margin-left: 400px; 
position: absolute;
width: 50%;
padding: 0em 0px 0px 0px; 
height: 45em;

}

 
#box8 ul {
   list-style: none; 				/* keine Aufzählungspunkte */
   color: grey;              
}
 


#abstandsblock {
	float: left;
    position: absolute;
	background-color: white;
	color: grey;

 	padding-left: 25em;

	height: 0em;
	width: 70em;                   /* Breite des Bereichs */
	
   text-align: left;               /* Textausrichtung     */
   
}
 
#fussbereich {
    position: absolute;

    bottom: 0;
    width: 25em;
    height: 2em;
    background-color: white;
}