/* www.beilharz-design.de */
/* copyright Heinz Beilharz */

/* 05-09-18 Vers. 1.0 */
/* 30-01-24 Vers. 2.2 */
/* 20-02-25 Vers. 2.3 */
/* resp.css */   /* Style fuer Smartphones */

/* Null */
*	{
	margin: 0;
	padding: 0;
}
ol, ul	{
	margin: 1em;
}

/* Links, Navi */
A		{
	font-weight: normal;
  border: none;
  /*-webkit-transition: all 10.5s ease;
  transition: all 10.5s ease;*/
  opacity: 1;
  /*-webkit-transition: all 5s ease;
  transition: all 5s ease;*/
}
#active_navi {    /* Aktives Navi-Element in der php-Datei*/
  color: rgb(204, 21, 52);
  opacity: 1;
}
A:hover		{
	padding: 0;
  /*color: rgb(204, 21, 52);*/
  color: silver;
}
.hidden  {  /* wieder einblenden bei Responsive */
  display: block;
}
.hidden2  {  /* Elemente unsichtbar */
  display: none;
}
#view {
  -webkit-transition: all 1s ease;
  transition: all 2s ease;
  position: absolute;
  top: 170px;
  right: 0;
  opacity: 0;
}
//.trans {                /* hier aus dem Format laufen lassen? */
  /*-webkit-transition: all 1s ease;
  transition: all 1s ease;*/
  opacity: 1;
}
.menue-button {  /* Burgermenue */
	opacity: 1;
	display: block;
	position: absolute;
  top: 260px;
  left: 40%;
  cursor: pointer;
	text-decoration: none;
  z-index: 1000;
  width: 100%;
}
/*.menue-button a {
  -webkit-transition: all 10.5s ease;
  transition: all 10.5s ease;
}*/
.menue-button:link, .menue-button:visited {
  padding: 5px;
  color: rgb(204, 21, 52);
  font-size: 100%;
}
.menue-button:hover {
  color: #000;
}
#nav-menue:target #view   {
	display: block;
	position: absolute;
  top: 170px;
  right: 0;
  opacity: 1;
  z-index: 502;
}
#nav-menue:target .menue-button-beschr-open {
  display: none;
}
/* Menü 1 */
.menue	{  /* 1. Menue */
	width: 100%;
  margin: 0;
  font-size: 1.35em;
  position: absolute;
  top: 150px;
  z-index: 501;
}
.menue a  {
  display: block; /* damit die Links ueber die gesamte Breite laufen */
  padding: 10px 0 10px 0;
  /*transition: all 1s ease;*/
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menue A:link, .menue A:visited 	{
	color: #000000;
  width: 100%;
}
/*.menue a:link {
  transition: all 1s ease;
}*/
.menue a:hover  {
  background-color: rgb(204, 21, 52);
}
.menue li  {
  display: block;
  background-color: rgb(200,200,200);
  border-bottom: 1px solid white;
  width: 100%;
}
/* Menü 2 */
.menue2	{
  width: 100%;
  margin: 0;
  font-size: 1.2em;
  position: absolute;
  top: 375px;
  z-index: 501;
}
ul.menue2		{
  margin-top: 15px;
}
.menue2 a  {
  display: block; /* damit die Links ueber die gesamte Breite laufen */
  padding: 2px 0 2px 0;
  /*transition: all 1s ease;*/
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menue2 A:link, .menue2 A:visited 	{
	color: #000000;
  width: 100%;
}
.menue2 a:hover  {
  background-color: rgb(204, 21, 52);
}
.menue2 li  {
  display: block;
  background-color: rgb(200,200,200);
  border-bottom: 1px solid white;
  width: 100%;
}
nav {
  color: black;
  width: 100%;
  height: auto;
}
header  {
  position: absolute;
  top: 0;
}
#header1	{
  background-color: rgb(250,250,250);
  width: 100%;
  height: 80px;
  position: absolute;
  top: 0;
}
.headerfoto {
    width: 100%;
    height: 160px;
    /* border-top: 1px solid rgb(204, 21, 52); */
    overflow: hidden;
    position: relative;
    top: 100px;
}
.headerfoto img {
  margin-top: -25px;
  margin-left: -50%;
  width: 200%;
  overflow: hidden;
}
div img {
  width: 100%;
  height: auto;
}
h1	{
  font-size: 1.5em;
  margin: 60px 0 40px 0;
  padding: 0;
  line-height: 1.2em;
  color: rgb(120, 120, 120);
}
h2	{
  margin: 25px 0 50px 25px;
}
.article	{
  width: 90%;
  min-height: 250px;
  height: auto;
  font-size: 90%;    /* Schriftgröße Fließtext */
  //margin-top: 350px;
  //margin-top: 500px;
  margin-top: 350px;
  margin-left: 10px;
  line-height: 1.5em;
}
.article p  {
  padding: 5px 0 5px 0;
  margin: 0;
}
table img   {
  width: 100%;
}
aside {
  display: none;
}
.aside_re  {
  display: none;
}
.kleiner {   /* 2. Menue */
  font-size: .9em;
  width: 100%;
  margin: 0;
  position: absolute;
  /*top: 442px;*/  /* Wieder aktivieren wenn Menuepunkt Aktuelles eingeblendet */
  top: 390px;
}
.kleiner a  {
  display: block; /* damit die Links ueber die gesamte Breite laufen */
  padding: 5px 0 5px 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.kleiner a:hover  {
  background-color: rgb(204, 21, 52);
}
.kleiner li  {
  display: block;
  background-color: rgb(220,220,220);
  text-align: center;
  border-bottom: 1px solid white;
  margin: 0;
  padding: 0;
}
.adresse    {
  font-size: .7em;
  color: silver;
  text-align: center;
  margin-top: 150px;
  padding-top: 25px;
}