*	{
	margin:0;/* setze außenabstände auf null*/
	padding:0;
	}

html, body {
	background-size: cover;
}
body 
	{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:normal;
}

div#container{
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	/*border:1px solid ;
	border-color:   #0cf;*/
	}
h1 a:link,h1 a:visited{
	color: #000;
	text-decoration:none;
}

h2{
	color:   #000;
	font-size:2em; 
	margin-top:10px;
	letter-spacing:0;
	line-height:20px;
	text-align: left;
	font-weight:normal;
	}

h3{
	color: #666;
	font-size:1.5em; 
	font-weight:normal;
	padding-top:20px;
	padding-bottom:20px;
	}
h5{
	color: #333;
	font-size:1.2em; 
	letter-spacing:0;
	font-weight:normal;
	text-align: center;
	width:170px;
	}
/*pfeil_oben*/
.pfeil_oben{	position:fixed;
	right:20px;
	bottom:50px;	
}

.bilder
	{
	margin-right:25px;
	margin-bottom:30px;
	max-width:330px;
		border: 1px solid grey;
	}
.bilder1
	{
	margin-right:50px;
	margin-bottom:30px;
	max-width:80%;
	float:left;
	}
.bilder2
	{
	margin-right:15px;
	margin-bottom:30px;
	max-width:75%;
		border: 1px solid grey;
	}

ul.left1{
	color:#000;
	text-decoration:none;
	list-style:none;
	margin-top:10px;
	padding-left:0px;
	font-size:1.4em;
	line-height:1em;
	font-weight:normal; 
}
.left1 li a:link,.left1 li a:visited{
	color: #999;
	text-decoration:none;
	list-style:none;
}

.left1 li a:hover,.left1 li a:focus{
	color: #57acb7;
}
/*
	Link im Menu der aktiven Seite
*/
.left1 li a.menue_aktiv:link,.left1 li a.menue_aktiv:visited{
	color:#57acb7;
	text-decoration:none;
	list-style:none;
}

.left1 li a.menue_aktiv:hover,.left1 li a.menue_aktiv:focus{
	color: #999;
}





/*
	kleine links
*/
ul.right{

	text-decoration:none;
	list-style:none;
	margin-top:30px;
	text-align:left;
}
ul.right li a.menue_spezial:link,ul.right li a.menue_spezial:visited{
	color: #666;
	text-decoration:none;
	list-style:none;
	font-size:1em;
	line-height:1.6em;
	
}
ul.right li a.menue_spezial:hover,ul.right li a.menue_spezial:focus{
	color: #000;
}

/*
	kleine links aktiv
*/
ul.right li a.menue_spezial_aktiv:link,ul.right li a.menue_spezial_aktiv:visited{
	color: #000;
	text-decoration:none;
	list-style:none;
	font-size:1em;
	line-height:1.6em;
}
ul.right li a.menue_spezial_aktiv:hover,ul.right li a.menue_spezial_aktiv:focus{
	color: #666;
}

p{	font-family: "Reddit Mono", monospace;
	color: #666;
	font-size:1em;
	line-height:1.5em;
	font-weight:normal;
	padding-bottom:20px;
}
a {
	text-decoration:none;
	list-style:none;
}
a:link,p a:visited{
	color: #000;
	text-decoration:none;
	list-style:none;
}
a:hover,p a:focus{
	color:#57acb7;
}


.topten
	{
	padding-top: 50px;
	}

.topfive
	{
	margin-top: 15px;
	}



.left {
	/*border:1px solid ;
	border-color:   #0cf;*/

  padding-left:10px;
padding-top:20px;
 padding-bottom:50px;
  float:left;
  width:100%; /* The width is 20%, by default */
}

.main {
  padding-left:10px;
	padding-bottom:30px;
	padding-right:0px;
	text-align:left;
  width:100%; /* The width is 60%, by default */
}


.right {
color:#000;
  padding-left:10px;
padding-bottom:20px;
  float:left;
  width:20%; /* The width is 20%, by default */
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
  .left, .main, .right {
    width:95%; /* The width is 100%, when the viewport is 800px or smaller */
  }

}