@charset "utf-8";
/* CSS Document */
body, html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	letter-spacing:1px;
	width:100%;
	margin:0px;
	padding:0px;
  line-height:17px;
    background-color:#666;
    min-height:101%;
}
h1 {
  margin:10px 0px 0px 0px;padding:0px;
  font-size:18px;
  line-height:24px;
  color:#d40e14;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
}
h2 {
  margin:0px;
  font-size:14px;
  line-height:20px;
  color:#d40e14;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-style:italic;
}
h3 {
  margin:0px;
  font-size:12px;
  line-height:22px;
  color:#d40e14;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:lighter;
}
h4 {
  margin:0px;
  font-size:14px;
  line-height:28px;
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:lighter;
}
h5 {
  margin:0px;
  font-size:12px;
  line-height:26px;
  color:#fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:link {
  text-decoration:none;
  color:#fff;
}
a:hover{
  color:#fff;
}
.container {
  position:relative;
  width:100vw;
  max-width:1024px;
  margin:0px auto;
  text-align:left;
  background-color:#fff;
}
.header {
  position:relative;
  display:block;
  width:100%;
  height:350px;
}
#bild {
  position:absolute;
  width:100%;
  margin-top:186px;
}
#tor {
  position:absolute;
}
#logo {
  position:absolute;
  left:4%;
  top:40px;
  color:#fff;
  display:inline;
}
#logo img {
  float:left;
  margin-right:20px;
}
#logo p {
  display:inline-block;
  color: #fff;
  margin-top:50px;
  font-size:1.8em;
  font-weight: bold;
}
.content {
  position:relative;
  width:1024px;
  background-color:#ccc;
  display:inline-block;
  text-align:center;
  padding-top:30px;
}
#footer {
  position:relative;
  clear:left;
  height:60px;
  background-color:#d40e14;
  width:94,99%;
  color:#fff;
  text-align:left;
  font-size:1.1em;
  padding:10px 0px 0px 5%;
}
#footer .custom {
  display:block;
  font-size:0.85em;
  float:left;
}
ul#fm {
  position:absolute;
  width:auto;
  right:10px;
  left:auto;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:0px;
}
ul#fm li {
	text-decoration:none;
  	list-style-type:none;
  	float:left;
}
ul#fm li:first-child {
  border-right:2px solid #fff;
}
ul#fm li a {
    color:#fff;
	margin:10px 10px;
  font-size:0.85em;
}
#huexter {
  display:inline-block;
  width:300px;
  background-color:#666;
  padding:20px;
  margin:0px 20px 20px 0px;
}
#dorne {
  display:inline-block;
  width:300px;
  background-color:#666;
  padding:20px;
  margin:0px 0px 20px 0px;
}
#huexter p, #dorne p {
  color:#fff;
}
#huexter a, #dorne a {
  display:inline-block;
  border:1px solid #fff;
  padding:6px;
  color:#fff;
}
#huexter a:hover, #dorne a:hover,
#huexter a:active, #dorne a:active {
  color:#d40e14;
}
@media (max-width: 64em) {
    .container {
        width:100%;
    }
}