* {margin: 0;
   padding: 0;}
   
body {
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	background-color: rgba(195,161,35,0.1);
}

#container { 
	width: 100%;
	margin: 0 auto;
	font-size: 1em;
	color: #c3a123;
}

#container a {color: #c3a123; text-decoration: none;}
#container a:hover {text-decoration: none; color: #000;}

ul {list-style-type:none;}

.logo {margin-top:0px; text-align:center;}
.footer {
  position:relative;
  position:fixed;
  bottom: 0px;
  height: 40px;
  width: 100%;
  font-size:0.8em;
  color: #fff;
  padding: 7px 5px 3px 5px;
  background: rgba(195,161,35,0.9);
  font-weight: normal;
  text-align: center;
  box-shadow:0px -3px 15px  #aaa;
  -ms-box-shadow: 0px -3px 15px  #aaa;
  -moz-box-shadow: 0px -3px 15px  #aaa;
  -webkit-box-shadow: 0px -3px 15px  #aaa;
}

.footer a {color: #fff !important;}

.footermobil {
	display: none;
    }


img {border:none;}

#center {
	height: auto;
}

h1 {
	font-size: 1.5em;
	text-align: center;
	color: #c3a123;
}

h2 {
	font-size: 1.2em;
	text-align: center;
	color: #000;
}

img {
	box-shadow: 0px 5px 10px  #aaa;
  	-ms-box-shadow: 0px 5px 10px  #aaa;
  	-moz-box-shadow: 0px 5px 10px  #aaa;
  	-webkit-box-shadow: 0px 5px 10px  #aaa;
}

@media all and (max-width: 800px) {
	
	img {
	max-width: 95% !important;
	height: auto;
}

.footer {
	display: none;
    }
	
.footermobil {
	display: block;
	padding: 7px 5px 3px 5px;
	color: #fff;
	font-size: 1em;
	background-color: #c3a123;
	height: 90px;
    }

.footermobil a {color: #fff !important;}

}