header	{
	text-align:center;

	}

footer	{
	position:fixed;
	bottom:0;
	right:10px;
	left:10px;
	background-color:#FFFFCA;
	text-align:center;
	font-size:80%;
	padding:20px;
	}

body	{

	text-align:center;
	background-color:#FFFFCA;
	font-family:verdana,arial,helvetica;
	margin-bottom:50px;
	margin-left:5%;
	margin-right:5%;
	}

p	{
	font-size:80%;
	text-align:left;
	margin-left:20%;
	margin-right:20%;
	}

h1	{
	text-align:center;
	font-size:80%;
	font-style:italic;
	letter-spacing:2px;
	margin-top:20px;
	}

div	{
	vertical-align: text-top;
	display:inline-block;
	text-align:left;
	padding:10px;
	font-size:80%;
	width:200px;

	}

.biblio	{
	width:400px;
	font-size:80%;
	font-style:italic;
	}

.copy	{
	text-align:center;
	letter-spacing:2px;
	font-size:80%;
	}

.autoren	{
	text-align:left;

	}

.kontakt	{
		width:400px;
		margin-left:0;
		margin-right:0;
		}

.bestell	{
	font-size:80%;
	text-align:left;
	width:500px;
		}
ul.topnav {
	list-style-type: none;
	margin:10px;
  	padding: 0px;
  	overflow: hidden;
  	background-color: #FFFFCA;
	}

ul.topnav li {
  	display: inline-block;
	padding:10px;	
	}

ul.topnav li a {
  	display: inline-block;

				color:#0099FF;	
	letter-spacing:2px;
	text-decoration: none;
	font-size: 1em;
	}

ul.topnav li a:hover {
	color: blue;
	}

ul.topnav li.icon {
	display: none	
	}



@media screen and (max-width:680px) {
  	ul.topnav li:not(:first-child) {
		display: none;
		}

  	ul.topnav li.icon {
    		float: left;
    		display: inline-block;
  		}
	}

@media screen and (max-width:680px) {
  	ul.topnav.responsive {
		position: relative;
		}

  	ul.topnav.responsive li.icon {
    		position: absolute;
    		right: 0;
    		top: 0;
  		}
  	
	ul.topnav.responsive li {
    		float: none;
    		display: inline;
 		}

  	ul.topnav.responsive li a {
    		display: block;
   		text-align: left;
  		}
	



	p	{
		margin-left:10px;
		margin-right:10px;
		}
	body	{
		margin-left:0px;
		margin-right:0px;
		}

	}