*	{
	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: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	background-color:    #fff;
	/*border:1px solid ;
	border-color:   #0cf;*/
	}
h1 a:link,h1 a:visited{
	color: #000;
	text-decoration:none;
}

h2{
	color:#57acb7;
	font-size:1.4em; 
	margin-top:0px;
	letter-spacing:.06em;
	line-height:20px;
	text-align: left;
	font-weight:normal;
	}

h3{
	color: #666;
	font-size:1.2em; 
	font-weight:normal;
	padding-bottom:10px;
	letter-spacing:0.06em;
	}

/*pfeil_oben*/
.pfeil_oben{	position:fixed;
	right:20px;
	bottom:50px;	
}


ul.left1{

	text-decoration:none;
	list-style:none;
	margin-top:10px;
	width:300px;
	padding-left:0px;
	font-size:1em;
	letter-spacing:.06em;
	line-height:1.5em;
}
.left1 li a:link,.left1 li a:visited{
	color: #666;
	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: #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:40px;
	
}
ul.right li a.menue_spezial:link,ul.right li a.menue_spezial:visited{
	color: #999;
	text-decoration:none;
	list-style:none;
	font-size:1em;
}
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:1em;
}
ul.right li a.menue_spezial_aktiv:hover,ul.right li a.menue_spezial_aktiv:focus{
	color: #666;
}

p{	
	color: #333;
	font-size:.9em;
	line-height:20px;
	font-weight:normal;
	padding-bottom:10px;
}
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:#000;
}
.unterzeile{
	font-size:.8em;
	font-weight:normal;
color:#666;
	padding-left:0px;
}
.unterzeile2{
	font-size:.8em;
	font-weight:normal;
color:#666;
	padding-left:10px;
}
.bilder
	{
	margin-right:8px;
	margin-bottom:8px;
	}
.bilder-1
	{
	margin-bottom:2px;
	}
.bilder-gross
	{
	margin-bottom:30px;margin-right:8px;
	}
.mitte
	{
	text-align: center;
	}
.text
	{
	padding-right:60px;
	}

.topten
	{
	padding-top: 50px;
	}

.topfive
	{
	padding-top: 18px;
	}

.rot
	{
	color:  #c30;
	}
.vitafett
	{
	color:  #666;font-weight: bold;
	}
.o8 {
	opacity: 0.8;
}
.o6 {
	opacity: 0.6;
}
.o5 {
	opacity: 0.5;
}
table{ 
	border: hidden;
	font-size:14px;
	line-height:18px;
	color: #666; 
	font-weight:normal;
	overflow:hidden;
vertical-align: text-top;
	}
	
td {
	border: hidden;
	font-size:14px;
	line-height:18px;
	color: #666; 
	font-weight:normal;
vertical-align: text-top;
}
.tab1 {min-width:90px;vertical-align: text-top;}
.tab2 {width:380px;vertical-align: text-top;}
.tab3 {min-width:130px;vertical-align: text-top;}
.tab4 {min-width:50px;vertical-align: text-top;}

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

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

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

}