*	{
	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;
			
}

div#container{
	max-width: 1000px;
	height:760px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	/*border:1px solid ;
	border-color:   #0cf;*/
background-image:url("../bilder/titel1.jpg");
background-repeat: no-repeat;

	}

div#logo{
margin-left:10px;
padding-left:15px;
padding-bottom:5px;
padding-top:10px;
width:250px;
height:120px;
background-color:#fff;	
}
div#menue-index{
padding-top: 10px;

	}
div#menue-index a:link,div#menue-index a:visited{
color: #999;
text-decoration:none;
}
div#menue-index a:hover,div#menue-index a:focus{
	color:#099;}



h1{
	color: #099;
	font-size:16px; 
	letter-spacing:1px;
	font-weight:bold;
	padding-left:3px;
	}
p {
	font-size:12px;
	padding-top:550px;
	color:#333;
}

.topindex {
	margin-top:450px;
}

.o8 {
	opacity: 0.8;
}
.o9 {
	opacity: 0.9;
}
/*pfeil_oben*/
.pfeil_oben{	position:fixed;
	right:20px;
	bottom:50px;	
}

ul.left1{

	text-decoration:none;
	list-style:none;
	margin-top:20px;
	width:250px;
	padding-left:0px;
	font-size:.9em;
	letter-spacing:.03em;
	
}
.left1 li a:link,.left1 li a:visited{
	color: #999;
	text-decoration:none;
	list-style:none;
	line-height:1.5em;
}

.left1 li a:hover,.left1 li a:focus{
	color:#333;
}
/*
	Link im Menu der aktiven Seite
*/
.left1 li a.menue_aktiv:link,.left1 li a.menue_aktiv:visited{
	color: #000;
	text-decoration:none;
	list-style:none;
	line-height:1.3em;
}
.left1 li a.menue_aktiv:hover,.left1 li a.menue_aktiv:focus{
	color: #333;
}
/*
	kleine links
*/
ul.left1{

	text-decoration:none;
	list-style:none;
	margin-top:10px;
	width:250px;
}
ul.left1 li a.menue_spezial:link,ul.left1 li a.menue_spezial:visited{
	color: #999;
	text-decoration:none;
	list-style:none;
	font-size:.8em;
	line-height:9px;
}
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: #57acb7;
	text-decoration:none;
	list-style:none;
	font-size:.8em;
	line-height:9px;
}
ul.left1 li a.menue_spezial_aktiv:hover,ul.left1 li a.menue_spezial_aktiv:focus{
	color: #666;
}

/*
	kleine links
*/
ul.right{

	text-decoration:none;
	list-style:none;
	margin-top:10px;
	width:250px;
	line-height: 20px;
}
ul.right li a.menue_spezial:link,ul.right li a.menue_spezial:visited{
	color: #999;
	text-decoration:none;
	list-style:none;
	font-size:.9em;
}
ul.right li a.menue_spezial:hover,ul.right li a.menue_spezial:focus{
	color: #333;
}
/*
	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:.9em;
}
ul.right li a.menue_spezial_aktiv:hover,ul.right li a.menue_spezial_aktiv:focus{
	color: #666;
}

/*zum scrollen*/
div#bilderscroll{
	margin-left:0px;
	margin-top:0px;
	max-width: 100%;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	white-space:nowrap;
	overflow-x:scroll;
	height:120px;
	background-color: #fff;
}
.iframe-container{

width: 100%;
height: 100%;
}



p{	
	color: #666;
	font-size:.9em;
	line-height:20px;
	font-weight:normal;
	padding-bottom:20px;
}
a {
	text-decoration:none;
	list-style:none;
}
p a:link,p a:visited{
	color: #57acb7;
	text-decoration:none;
	list-style:none;
}
p a:hover,p a:focus{
	color:#000;
}

.image61:hover {
 filter: opacity(30%);
}
.image61 {
	filter: opacity(100%);
	transition: filter 1.5s;
	
	margin-right: 50px;
	vertical-align: middle;
}

.topten
	{
	padding-top: 50px;
	}

.topfive
	{
	margin-top: 15px;
	}
.topabout
	{
	margin-top: 10px;
	}
.rot
	{
	color:  #c30;
	}
.o8 {
	opacity: 0.8;
}
.o6 {
	opacity: 0.6;
}
.o5 {
	opacity: 0.5;
}
table{ 
	border: hidden;
	font-size:13px;
	line-height:17px;
	color: #666; 
	font-weight:normal;
	overflow:hidden;
vertical-align: text-top;
	}
	
td {
	border: hidden;
	font-size:13px;
	line-height:17px;
	color: #666; 
	font-weight:normal;
vertical-align: text-top;
}
.tab1 {min-width:80px;vertical-align: text-top;}
.tab2 {width:380px;vertical-align: text-top;}


.left {
	/*border:1px solid ;
	border-color:   #0cf;*/
	/*	background-color: #f4f4f4;
	height: 100%;*/
  padding-left:10px;
padding-top:10px;
 padding-bottom:10px;
  float:left;
  width:25%; /* The width is 20%, by default */
}

.main {
/*background-color: #eeeeee;*/
  padding-left:10px;
	padding-bottom:0px;
	padding-right:0px;
  float:left;
  width:45%; /* The width is 60%, by default */
}

.right {
color:#57acb7;
  padding-left:10px;
padding-bottom:20px;
  float:left;
  width:25%; /* 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 */
  }

}