html {

background:url("../imgfrankreich25/frankreich.jpg");
}
  body {hyphens: auto;}	

  	
	header 	{		
 	   		position: relative;height: 210px;
			background:url("../imgfrankreich25/frankreich25.png") no-repeat right;  background-size: contain; 			 
			width:90%;
			}
	
		header
		h1
			{
			font-family:helvetica;font-variant:small-caps;color: #FF4040;
			padding-left: 5em;padding-top: 1em;
			}
	
		header
		h2
			{font-family:helvetica; font-variant:small-caps;color: #FF4040; 
			padding-left: 8em;
			}
	main 
  			{display: grid;	  
    			grid-template-columns:15% 80%;grid-gap:4em;
			margin-left: 2em;margin-right:2em;margin-top:-2em;
			padding-right:3.5em;padding-top:3em; padding-bottom:3em;
			background: white;
			box-shadow: 20px 10px 15px silver; border-radius:20px;}
			
		main
		a {text-decoration: none;color:white;}
		
		main
		a:visited {text-decoration: none;}
			
		main
		p 
			{
			color: #4D4D4D; 
			text-align: left;  
			padding: 10px 0px;
			font-family:helvetica;hyphens: auto;
			}

		main
		h1
			{
			font-family: Helvetica; 
			font-size:1.6em;
			font-variant:small-caps;
			padding-left: 1em; 
			color: #0000CD; 
			border-left:5px solid #B8B8B8;
			border-bottom:1px solid #B8B8B8;
			}
	
		main
		h2 
			{
			font-family: Helvetica; 
			font-variant:small-caps;
			padding-left: 1em; 
			color: #0000CD; font-size:1em;
			}
			
		main
		p 
			{
			color: #4D4D4D; text-align: left; ; padding: 10px 0px;font-family:helvetica;font-size:1.2em; hyphens:auto;
			}
			
	article 	
  			{
			grid-column:2/2; grid-row:1/1;
			margin-top: 1.8ex;
			column-count:2; column-gap:2em;column-width: 100%;
			column-rule-style:dotted; column-rule-width:1px; column-rule-color:silver; hyphens:auto;
			}
		
		article 
		p
			{
			margin: 0 0 2.7ex 0;
			text-align: justify; hyphens:auto;
			orphans:3; widows: 3;
			}
		article 
		h1
			{column-span: all;}
		article 
		h2
			{column-span: all;}
		
  
  	 nav 	{
		 	grid-column: 1 / 2;
			grid-row: 1/1;background: #B8B8B8;
			background:#B8B8B8;
			box-shadow: 10px 10px 15px silver; border-radius:20px;
			font-family:helvetica;text-align:center; position:fixed;width:15%;
			}
	
	
			
	nav li
			{list-style:none; text-align: left; padding-left: 0.1em; padding-bottom: 1em; padding-top:1em;border-top: 0.5em solid #B8B8B8;background: #FF4040;display:block;}
			
	nav
	a		{color: white;  text-decoration:none; font-variant:small-caps; font-size:1.3em;display:block;text-align:right;} 
	
	li:hover {background-color:#B8B8B8;}
	
	#activeli { background-color: #CAE1FF;}
	
	#menuein {display:none; }
	#auswahl
	{display:block;}
	#menuaus {display:none;}
	
	img
			{
			box-shadow: 10px 20px 15px silver;border-radius: 5px;width: 100%; margin-bottom:2em;
			}
	
	
	button
			{
			background: #FF4040; border:none;
			box-shadow: 10px 10px 15px silver;
			font-family:helvetica;font-variant:small-caps;
			margin-top:1em; padding:0.5em; 
			}
		button:hover {background-color:#B8B8B8;}
		
		button 
		a
	
			{
			color: white;  text-decoration:none; font-variant:small-caps inherit; font-family:helvetica; font-size:1.3em; 
			}
			
		#activea {color:#0000CD;font-weight: bold;}