html, body {
	/* Hauptschriftart */
  font: 100% Arial, Helvetica, sans-serif;      
  /*font-family: Consolas, monaco, monospace;*/
  /*font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;*/
  /*font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif;*/
  
  /*font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;*/
  /*font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;*/
margin: 0px;
  
}

h3 {
  padding-left: 10px;
  /*padding:0.4em 0.4em 0 0;*/
  background-color:#C8C8C8;
  /*background-color:#d2d2d2;*/
}

/* kopfbereich */
#kopfbereich {
  background:url(./bilder/kopflogo5.jpg) no-repeat left top;
  height:230px;
  color:white;
  text-align:right;
  font-size:3em;
  padding:0.4em 0.4em 0 0;
  background-color:#1077C2;
  /*0c5991*/
  /*91BAEE*/
}

#BereichMitte {
		display: flex;
		flex-direction: row;
    width: 100%;
    align-items: center;  
}
#BereichMitte2 {
		display: flex;
		flex-direction: row;
    width: 100%;
    /*align-items: center;  */
}
#BereichMitteLinks {
    flex-basis: 100px;
    flex-grow: 3;
    padding-left: 30px;
    margin: 10px;
		/*background-color: #FFFFCC;*/
}
#BereichMitteRechts {
    flex-basis: 100px;
    flex-grow: 2;		
    margin: 10px;
    padding-right: 50px;
		/*background-color: #FFFFCC;*/
}




/* Menüsteuerung */
#menu {
     position: relative;
     width: 1000px;
     margin: 20px auto;
     z-index: +1;
}
 
nav ul ul {
	display: none;
}

nav ul li:hover > ul {
		display: block;
}
	
nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Navigation Hintergrund - Farbverlauf von oben nach unten*/
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 25px;
	border-radius: 15px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
	float: left;
}
	nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);    /* Menüpunkt ausgewählt - Hintergrund Farbverlauf von oben nach unten*/
	}
		nav ul li:hover a {
			color: #fff;     /* Menüpunkt ausgewählt - Fontfarbe*/
		}
	
	nav ul li a {
		display: block; padding: 12px 40px;
		color: #757575; text-decoration: none;   /* Menü Font Farbe */
	}
	
nav ul ul {
	 background: #5f6975; border-radius: 0px; padding: 0;    /* Unter Menüpunkte - nicht ausgewählt - Hintergrund*/
	position: absolute; top: 100%;
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;  /* Unter Menüpunkte - nicht ausgewählt - dünner Rahmen*/
		
		border-bottom: 1px solid #575f6a;  /* Unter Menüpunkte - nicht ausgewählt - auch etwas am  Rahmen*/
		position: relative;
	}
		nav ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #4b545f;     /* Unter Menüpunkte - ausgewählt! - Hintergrund */
			}

nav ul ul ul {
	position: absolute; left: 100%; top:0;
}



#DSGVO
{
    padding: 50px;
}

#Referenzen
{
    padding: 20px;
}


/* Diashow */
.Diashow001 {
	
	/* Bildgröße */
	width:450px;         
	height:300px; 
	position:relative; 

  /* mittig ausrichten */
  margin-left: auto;   
  margin-right: auto;
  background-size: contain;
	}
.Diashow001 img{ 
	  position:absolute; 
	  animation:Diashow001 20s infinite;
	  opacity:0; 
	  width: 100%; 
	  height: auto;
}
@keyframes Diashow001 {25%{opacity:1;} 40%{opacity:0;}}
.Diashow001 img:nth-child(4){animation-delay:0s;}
.Diashow001 img:nth-child(3){animation-delay:5s;}
.Diashow001 img:nth-child(2){animation-delay:10s;}
.Diashow001 img:nth-child(1){animation-delay:15s;}



/* Fussbereich */
#BereichFuss222 {
  margin: 10px;
  /*background-color: #af0;*/
  direction: rtl;
}

#BereichFuss {
  position: fixed;
  padding: 4px;
  bottom: 0;
  left: 0;
  right: 0;
 direction: rtl;
 background-color: #0c5991;
   font: 70% Arial;
  color:white;
   
}