body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #e0e6f8
}

.layout {
  display: flex;
  flex-flow: row wrap;
  font-weight: bold;
  text-align: center;
}
 
.layout > * {
  padding: 1em; 
  flex: 1 100%;
}


/* Kopfzeile */
.header {
	margin-left: auto;
	margin-right: auto;
	width: inherit;
	height: 10em;
}

IMG.displayed {
	width: 40em;
	height: 10em;
    display: block;
    margin-left: auto;
    margin-right: auto; 
	margin-bottom: 0.2em;
}
 
/* Navigationsbreich */
.topnavigation {	
  border-top: 0.188em solid #668BCC;    		/* Rahmenlinie oben */
  border-bottom: 0.188em solid #668BCC; 		/* Rahmenlinie unten */
  margin: 0;   	  /* Keinen Außenabstand */
  align-items: stretch;
}
 
.topnavigation a {
  text-decoration: none;				/*Text wird nicht unterstrichen */
  display: inline;						/* Listenelemente nebeneinander */
  padding: 1em; 
  color: black;
}

.topnavigation li {       
  list-style-type: none;      /* Aufzählungszeichen entfernen */
  display: inline;			  /* Listenelemente nebeneinander */
}

 
.topnavigation a:hover {
  text-decoration: none;   				/*Text wird nicht unterstrichen */
  display: inline;						/* Listenelemente nebeneinander */
  color: #FFFFFF;
}
 
.text_box {
 text-align: left;
}

/* Bild fuer die Startseite */
IMG.bild_index {
	display: block; 
	margin-top: 0.8em;
	margin-bottom: 0.8em;
    margin-left: auto;
    margin-right: auto;
	} 

/* Bild fuer die Seite ueber uns*/
IMG.bild_k_l {
float: left;
margin-right: 1em;
} 

/* Bild fuer die Seite Leistungen*/
IMG.bild_leistung {
	display: block; 
	margin-top: 0.8em;
	margin-bottom: 0.8em;
    margin-left: auto;
    margin-right: auto;
	} 
	
	/* Bild fuer die Seite Leistungen*/
IMG.bild_job{
	display: block; 
	margin-top: 0.8em;
	margin-bottom: 0.8em;
    margin-left: auto;
    margin-right: auto;
	} 
	
IMG.bild_ref{
	display: block; 
	margin-top: 0.8em;
	margin-bottom: 0.8em;
    margin-left: auto;
    margin-right: auto;
	} 	




/** Kontaktformular **/

form.formular fieldset{
	margin-top: 3em;
	margin-left: 3em;
	margin-bottom: 3em;
	padding: 1 1 1em;
	width: 60em;
	border: nome;
}

form.formular legend{
	padding: 0 1em;
	font-weight: bold;
}
	
form.formular label{
	float: left;
	width: 25em;
}

.bold{
	font-weight: bold;
}

.small{
	font-size: 0.5em;
}

.medium{
	font-size: 0.8em;
}


form.formular label.small{

	width: 60em;
}

form.formular label.medium{	
	width: 80em;
}

form.formular input.small{
	float: left;
	
}

form.formular input, textarea{
	width: 25em;
	margin-bottom: 0.8em;
}


form.formular textarea{
	width: 60em;
	height: 25em;
}




/* Fußzeile */
.l_container{
	 display: flex;
	 flex-flow: row wrap;
	 justify-content: space-between;
	 margin-left: 0.8em;
	 margin-right: 0.8em;
	 font-size: 0.8em;
}


.footer_container {
	 border-top: 0.188em solid #668BCC;    		/* Rahmenlinie oben */
	 display: flex;
     justify-content: space-between;
 } 

.footer_container > div {
	
 
	width: inherit;
	height: 10m;
	font-size: 0.8em;
	 flex-direction: row;
	 flex-flow: row wrap;
	 margin-left: 0.8em;
	 margin-right: 0.8em;
}
 
IMG.bild_footer {
	width: auto; /* 10em; */
	height: auto; /*8em; */
	margin-top: 0.2em;
    margin-left: auto;
    margin-right: auto;
	} 
/*Ende Fusszeile */