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

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

div#container{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	background-color:    #fff;
	/*border:1px solid ;
	border-color:   #0cf;*/
	}
h1 	 
	{	
	color:  #999;
	font-size:20px;
	letter-spacing:3px;
	font-weight:bold;
	
	}
h1 a:link,h1 a:visited{
	color:#063;
	text-decoration:none;
	}
h1 a:hover,h1 a:focus{
	color: #000;
}

h2 	 /*überschriften*/
	{	
	font-size: 15px;
	color:#666;
	letter-spacing: .07em;
	font-weight: normal;
	padding-bottom:6px;
	}


ul.left2{

	text-decoration:none;
	list-style:none;
	margin-top:10px;
	width:250px;
	padding-left:5px;
	font-size:14px;
	line-height: 1.6em;

}
.left2 li a:link,.left2 li a:visited{
	color: #666;
	text-decoration:none;
	list-style:none;
}

.left2 li a:hover,.left2 li a:focus{
	color:#999;
}
/*
	Link im Menu der aktiven Seite
*/


.left li a.menue_aktiv:link,.left li a.menue_aktiv:visited{
	color:   #63C5B5;
	text-decoration:none;
	list-style:none;
}
.left li a.menue_aktiv:hover,.left li a.menue_aktiv:focus{
	color: #333;
}
/*
	kleine links aktiv left2
*/
ul.left2 li a.menue_spezial_aktiv:link,ul.left2 li a.menue_spezial_aktiv:visited{
	color: #63C5B5;
	text-decoration:none;
	list-style:none;
		font-size:14px;
	line-height: 1.6em;
}
ul.left2 li a.menue_spezial_aktiv:hover,ul.left2 li a.menue_spezial_aktiv:focus{
	color: #666;
}
a {text-decoration:none;
	list-style:none;}

/*right*/
ul.right{
	text-decoration:none;
	list-style:none;
	padding-bottom: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:14px;
	line-height: 1.6em;
	
}
ul.right li a.menue_spezial:hover,ul.right li a.menue_spezial:focus{
	color: #333;
}
/*
	kleine links aktiv left3
*/
ul.right li a.menue_spezial_aktiv:link,ul.right li a.menue_spezial_aktiv:visited{
	color: #63C5B5;
	text-decoration:none;
	list-style:none;
		font-size:14px;
	line-height: 1.6em;
}
ul.right li a.menue_spezial_aktiv:hover,ul.right li a.menue_spezial_aktiv:focus{
	color: #666;
}


p{	
	color: #000;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	padding-bottom:30px;
}
.grey { color:#999;
}
p a:link,p a:visited{
	color: #666;
	text-decoration:none;
	list-style:none;
}
p a:hover,p a:focus{
	color:#63C5B5;
}
/*pfeil_oben*/
.pfeil_oben{	position:fixed;
	right:20px;
	bottom:50px;	
}

table{ 

	color: #000;
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	padding-bottom:30px;
	border: hidden;
	overflow:hidden;
vertical-align: text-top;
	}
	
td {
	border: hidden;
	font-size:13px;
	line-height:20px;
	color: #000; 
	font-weight:normal;
vertical-align: text-top;
}
.tab1 {width:65px;vertical-align: text-top;text-align:left;}
.tab2 {width:400px;vertical-align: text-top;}


	/*other-q home link*/
div#home{
	position:fixed;
	left:20px;
	bottom:20px;
	width:100px;
	float:left;
	color: #999;
	font-size:11px;
	line-height:13px;
	font-weight:normal;
	letter-spacing: 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#home a:link,div#home a:visited{
	color: #999;
	text-decoration:none;
	}
div#home a:hover,div#home a:focus{
	color: #333;
}
.bilder
	{
	padding-bottom:5px;
		max-width:100%;
	}
.bilder1
	{
	max-width:100%;
	
	}

.topten
	{
	padding-top: 50px;
	}

.topfive
	{
	margin-top: 15px;
	}

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


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

}

.main {
  background-color:#fff;
  padding-left:10px;
	padding-right:20px;
	padding-bottom: 50px;
	margin-top:20px;
  float:left;
  width:68%; /* The width is 60%, by default */
	/*border:1px solid ;
	border-color:   #0cf;*/
	text-align:left;
}

.main-vita {
  background-color:#fff;
  padding-left:10px;
	padding-right:30px;
	padding-bottom:50px;
	margin-top:20px;
  float:left;
  min-width:350px;
max-width:40%; /* The width is 60%, by default */
	/*border:1px solid ;
	border-color:   #0cf;*/
	text-align:left;
}
.right {

	 padding-top:15px;
  padding-left:10px;
padding-bottom:50px;
  float:left;
  width:20%; /* The width is 20%, by default */
		/*border:1px solid ;
	border-color:   #0cf;*/
}

/* 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 */

  }

}