*	{
	margin:0;/* setze außenabstände auf null*/
	padding:0;
	border:0;
	}
html, body {
	background-size: cover;
}
body 
	{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:normal;
	background-image:url("../bilder/schreibmaschine2.jpg");
	background-attachment:fixed;
	}

div#container{
	max-width: 1340px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
height:auto;
	
	/*border:1px solid ;
	border-color:   #0cf;*/
	}

h1 	 
	{	
	color:  #000;
	font-size:10px;
	line-height:10px;
	text-indent:-9999px;
	}
h1 a:link,h1 a:visited{
	color:  #00a7b3;
	text-decoration:none;
	}
h1 a:link,a:hover,h1 a:link,a:focus{
	color: #00a7b3;
}

h2{font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color:  #AC6D23;
	font-size:3.4em;
	line-height:.76em;
	text-align:left;
	letter-spacing:0px; 
	font-weight:normal;
	padding-bottom:0px;
padding-top:0px;
	
	}

h2 a:link, h2 a:link, h2 a:visited{
	color:#333;
	text-decoration:none;
	list-style:none;
}
h2 a:hover,h2 a:focus{
	color: #00a7b3;
}
h3{font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #00a7b3;
	font-size:1.7em;
	line-height:1.1em;
	font-weight:normal;
	padding-bottom:0px;
padding-top:0px;
	}
h4{font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color:#AC6D43;
	font-size:26px; 
	font-weight:normal;
	text-align:right;
	}

h5{font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color:#AC6D43;
	font-size:1.5em;
	padding-bottom:20px;
	font-weight:normal;
	text-align:left;
	}

ul.left2{
	text-decoration:none;
	list-style:none;
	margin-top:0px;
	margin-left:46px;
	font-weight:normal;
		font-size:1.2em;
	line-height:1.2em;
}
.left2 li a:link,.left2 li a:visited{
	color: #333;
	text-decoration:none;
	list-style:none;
}

.left2 li a:hover,.left2 li a:focus{
	color:#00a7b3;
}
div.mitglieder{
	width:320px;height:300px;
	float:left;
	}
.bild_a	{
	width:60%;
margin-bottom:5px;
	
	}
ul.left1{
	text-decoration:none;
	list-style:none;
	margin-top:0px;
	margin-left:0px;
	font-weight:normal;
		font-size:1.2em;
	line-height:1.2em;
}
.left1 li a:link,.left1 li a:visited{
	color: #333;
	text-decoration:none;
	list-style:none;
}

.left1 li a:hover,.left1 li a:focus{
	color:#00a7b3;
}
.left1 p {	
	color: #666;
	font-size:.74em;
	line-height:1.3;
	font-weight:normal;
	padding-bottom:20px;
}
/*
	Link im Menu der aktiven Seite
*/
.left li a.menue_aktiv:link,.left li a.menue_aktiv:visited{
	color:#00a7b3;
	text-decoration:none;
	list-style:none;
}
.left li a.menue_aktiv:hover,.left li a.menue_aktiv:focus{
	color: #333;
}
/*
	kleine links
*/

ul.left1 li a.menue_spezial:link,ul.left1 li a.menue_spezial:visited{
	color: #999;
	text-decoration:none;
	list-style:none;
	font-size:.9em;
	
}
ul.left1 li a.menue_spezial:hover,ul.left1 li a.menue_spezial:focus{
	color: #333;
}
/*
	kleine links aktiv
*/
ul.left1 li a.menue_spezial_aktiv:link,ul.left1 li a.menue_spezial_aktiv:visited{
	color: #00a7b3;
	text-decoration:none;
	list-style:none;
	font-size:.9em;
}
ul.left1 li a.menue_spezial_aktiv:hover,ul.left1 li a.menue_spezial_aktiv:focus{
	color: #666;
}
/*right*/
ul.right{
	text-decoration:none;
	list-style:none;
		font-size:16px;
	line-height:26px;
}
ul.right li a.menue_spezial:link,ul.right li a.menue_spezial:visited{
	color: #000;
	text-decoration:none;
	list-style:none;
	font-size:16px;
	line-height:26px;
	
}
ul.right li a.menue_spezial:hover,ul.right li a.menue_spezial:focus{
	color: #666;
}
/*
	kleine links aktiv left3
*/
ul.right li a.menue_spezial_aktiv:link,ul.right li a.menue_spezial_aktiv:visited{
	color:#00a7b3;
	text-decoration:none;
	list-style:none;
		font-size:16px;
	line-height:26px;
}
ul.right li a.menue_spezial_aktiv:hover,ul.right li a.menue_spezial_aktiv:focus{
	color: #666;
}
div#mitte{
	text-align:center;
	}

.float
	{
	float:left;
	padding-bottom:10px;
	padding-right:.7em;
	}

p{	
	color: #666;
	font-size:1.2em;
	line-height:1.6;
	font-weight:normal;
	padding-bottom:20px;
}
a {
	text-decoration:none;
	list-style:none;
}
p a:link,p a:visited{
	color: #999;
	text-decoration:none;
	list-style:none;
}
p a:hover,p a:focus{
	color:#f60;
}
/*pfeil_oben*/
.pfeil_oben{	position:fixed;
	right:20px;
	bottom:70px;	
}

.topten
	{
	padding-top: 50px;
	}

.topfive
	{
	margin-top: 15px;
	}
.rot	{
	color: #00a7b3;
	font-size:1.0em;
	font-weight:normal;
	}



.left {
	/*border:1px solid ;
	border-color:   #0cf;*/
  /*background-color:#BED1E3;*/
  padding-left:10px;
padding-top:10px;
 padding-bottom:10px;
float:left;
	 min-width:250px;
width:19%; /* The width is 20%, by default */
	/*background-image:url("../bilder/hintergrund-ot3.jpg");*/

}

.main {

  margin-left:10px;
	padding-bottom:10px;
	margin-top:0px;
  float:left;
  width:75%; /* The width is 60%, by default */

}

.right {
		/*border:1px solid ;
	border-color:   #0cf;*/
 /* background-color:#F1F8F9;*/
  margin-left:10px;
padding-bottom:30px;
  float:left;
  width:23%; /* 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 */
  }

}