body { font-family:Arial;  margin:auto; font-size:14px; }

h1 { font-size:20px; font-family:Arial; line-height:1.5; color:#FFFFFF; }     

h2 { text-align:center; }

h3 { font-size:25px;  font-family:Arial;  line-height:1.5; text-align:center; color:#FFFFFF; }

article { padding: 10px 40px 10px; background-color:#009933; }

section { padding:15px; align:center; color: #FF0000; text-align:center; font-size:18px; }

p {  line-height:1.5; color:#FFFFFF }

hr { color:#00FF00; }

footer { text-align:right; padding-top: 5px; }

footer a { text-decoration:none; color: #000000; font-style:inherit;}

img { padding:15px;  } 

td { padding:10px; color:#FFFFFF; }

/*Navigation*/

ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #F800D8;}

li { float: left;}

li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; }

li a:hover:not(.active) { background-color: #009933; }

.active { background-color: #4CAF50; }

/* Galerie */

#galerie li
{
list-style-type: none;
float: left;

font-weight: bold;
position: relative;
}

#galerie img
{
width: 150px;
height: 150px;
display: block;

} 

#galerie a .gross
{
display: none;
}

#galerie a:hover .gross
{
width: 500px;
height: 500px;
display: block;
position: absolute;
top: -50px;
left: -50px;
z-index: 1;
	background: #FFFFFF;
	
}